fix: preact 10.22.1 contains error (#2596)

Fixes #2587

Author: marvinhagemeister

.vscode/import_map.json

@@ -6,10 +6,10 @@
     "$fresh/": "../",
     "twind": "https://esm.sh/twind@0.16.19",
     "twind/": "https://esm.sh/twind@0.16.19/",
-    "preact": "https://esm.sh/preact@10.22.0",
-    "preact/": "https://esm.sh/preact@10.22.0/",
-    "@preact/signals": "https://esm.sh/*@preact/signals@1.2.2",
-    "@preact/signals-core": "https://esm.sh/@preact/signals-core@1.5.1",
+    "preact": "https://esm.sh/preact@10.22.1",
+    "preact/": "https://esm.sh/preact@10.22.1/",
+    "@preact/signals": "https://esm.sh/*@preact/signals@1.3.0",
+    "@preact/signals-core": "https://esm.sh/@preact/signals-core@1.7.0",
     "@preact/signals-core@1.2.3": "https://esm.sh/@preact/signals-core@1.2.3",
     "@preact/signals-core@1.3.0": "https://esm.sh/@preact/signals-core@1.3.0",
     "$prism": "https://esm.sh/prismjs@1.29.0",

src/runtime/entrypoints/main.ts

@@ -36,7 +36,7 @@ function createRootFragment(
   endMarker: Text | Comment,
 ) {
   // @ts-ignore this is fine
-  return parent.__k = {
+  const rootFrag = parent.__k = {
     _frshRootFrag: true,
     nodeType: 1,
     parentNode: parent,
@@ -70,7 +70,20 @@ function createRootFragment(
     removeChild(child: Node) {
       parent.removeChild(child);
     },
+    contains(node: Node | null): boolean {
+      if (node === null) return false;
+
+      const children = rootFrag.childNodes;
+      for (let i = 0; i < children.length; i++) {
+        if (children[i].contains(node)) {
+          return true;
+        }
+      }
+      return false;
+    },
   };
+
+  return rootFrag;
 }
 
 function isCommentNode(node: Node): node is Comment {

tests/fixture/deno.json

@@ -2,8 +2,8 @@
   "lock": false,
   "imports": {
     "$fresh/": "../../",
-    "preact": "https://esm.sh/preact@10.22.0",
-    "preact/": "https://esm.sh/preact@10.22.0/",
+    "preact": "https://esm.sh/preact@10.22.1",
+    "preact/": "https://esm.sh/preact@10.22.1/",
     "@preact/signals": "https://esm.sh/*@preact/signals@1.1.5",
     "@preact/signals-core": "https://esm.sh/@preact/signals-core@1.3.1"
   },

tests/fixture/fresh.gen.ts

@@ -103,7 +103,7 @@ import * as $folder_subfolder_Counter from "./islands/folder/subfolder/Counter.t
 import * as $kebab_case_counter_test from "./islands/kebab-case-counter-test.tsx";
 import * as $route_groups_islands_islands_Counter from "./routes/route-groups-islands/(_islands)/Counter.tsx";
 import * as $route_groups_islands_islands_invalid from "./routes/route-groups-islands/(_islands)/invalid.tsx";
-import { type Manifest } from "$fresh/server.ts";
+import type { Manifest } from "$fresh/server.ts";
 
 const manifest = {
   routes: {

tests/islands_test.ts

@@ -12,6 +12,11 @@ import {
 
 Deno.test("island tests", async (t) => {
   await withPage(async (page, address) => {
+    const logs = [];
+    page.on("pageerror", (ev) => {
+      logs.push(ev.message);
+    });
+
     async function counterTest(counterId: string, originalValue: number) {
       const pElem = await page.waitForSelector(`#${counterId} > p`);
 
@@ -46,6 +51,8 @@ Deno.test("island tests", async (t) => {
         ?.[1]!;
       assertStringIncludes(srcString, imgFilePath);
     });
+
+    assertEquals(logs.length, 0, "No error logs");
   });
 });