@absolutejs/absolute 0.20.0-beta.179 → 0.20.0-beta.180

package/dist/cli/{typecheck-m2j4tkdk.js → typecheck-488txsfc.js}

@@ -13,11 +13,17 @@ import {
 } from "./index-t8jmj8w1.js";
 import {
   ensureFileRouteModule
-} from "./index-qw98g1p6.js";
+} from "./index-47e8fwha.js";
+import"./index-aqe25w4h.js";
+import {
+  MANIFEST_KEYS_DECLARATION,
+  writeManifestKeysDeclaration
+} from "./index-x1vvn549.js";
 import {
   getString,
   isRecord
 } from "./index-tx0kx9zx.js";
+import"./index-w6xsk8cv.js";
 import {
   DEFAULT_SERVER_ENTRY
 } from "./index-125cfzvn.js";
@@ -1458,16 +1464,29 @@ var toDeclarationGlob = (entry) => {
 var getProjectDeclarationIncludes = () => [...new Set(getProjectSourceEntries().map(toDeclarationGlob))].map(toGeneratedConfigPath);
 var vueShimPath = null;
 var VUE_SHIM_FILE = "typecheck-vue-shim.d.ts";
-var SKIPPED_VUE_SCAN_DIRECTORIES = new Set(["build", "node_modules"]);
-var collectVueFileNames = (dir) => {
-  if (!existsSync3(dir))
+var SKIPPED_SCAN_DIRECTORIES = new Set([
+  "build",
+  "generated",
+  "node_modules"
+]);
+var isScannedDirectory = (name) => !name.startsWith(".") && !SKIPPED_SCAN_DIRECTORIES.has(name);
+var walkComponentFiles = (dir, skipped) => {
+  if (!existsSync3(dir) || skipped.has(dir))
     return [];
   return readdirSync2(dir, { withFileTypes: true }).flatMap((entry) => {
+    const path = join2(dir, entry.name);
     if (entry.isDirectory())
-      return entry.name.startsWith(".") || SKIPPED_VUE_SCAN_DIRECTORIES.has(entry.name) ? [] : collectVueFileNames(join2(dir, entry.name));
-    return entry.name.endsWith(".vue") ? [entry.name] : [];
+      return isScannedDirectory(entry.name) ? walkComponentFiles(path, skipped) : [];
+    return entry.name.endsWith(".vue") || entry.name.endsWith(".svelte") ? [path] : [];
   });
 };
+var collectComponentFiles = (dir, skipped = new Set) => {
+  const files = walkComponentFiles(dir, skipped);
+  return {
+    svelte: files.filter((file) => file.endsWith(".svelte")),
+    vue: files.filter((file) => file.endsWith(".vue"))
+  };
+};
 var vueShimSource = (fileNames) => [...new Set(fileNames)].sort().map((fileName) => `declare module ${JSON.stringify(`*/${fileName}`)} {
 	import type { DefineComponent } from 'vue';
 	const component: DefineComponent<{}, {}, any>;
@@ -1475,14 +1494,62 @@ var vueShimSource = (fileNames) => [...new Set(fileNames)].sort().map((fileName)
 }
 `).join(`
 `);
-var prepareVueShim = async (cacheDir, vueDirs) => {
-  const fileNames = vueDirs.flatMap((dir) => collectVueFileNames(resolve4(dir)));
+var prepareVueShim = async (cacheDir, vueFiles) => {
+  const fileNames = vueFiles.map((file) => parse3(file).base);
   if (fileNames.length === 0)
     return;
   const shimPath = resolve4(cacheDir, VUE_SHIM_FILE);
   await writeFile2(shimPath, vueShimSource(fileNames));
   vueShimPath = shimPath;
 };
+var svelteShimPath = null;
+var SVELTE_SHIM_FILE = "typecheck-svelte-shim.d.ts";
+var svelteShimSource = (fileNames) => [...new Set(fileNames)].sort().map((fileName) => `declare module ${JSON.stringify(`*/${fileName}`)} {
+	import type { SvelteComponent } from 'svelte';
+	import type { LegacyComponentType } from 'svelte/legacy';
+	const component: LegacyComponentType;
+	type component = SvelteComponent;
+	export default component;
+}
+`).join(`
+`);
+var prepareSvelteShim = async (cacheDir, svelteFiles) => {
+  const fileNames = svelteFiles.map((file) => parse3(file).base);
+  if (fileNames.length === 0)
+    return;
+  const shimPath = resolve4(cacheDir, SVELTE_SHIM_FILE);
+  await writeFile2(shimPath, svelteShimSource(fileNames));
+  svelteShimPath = shimPath;
+};
+var isWithin = (dir, path) => {
+  const rel = relative2(dir, path);
+  return rel === "" || !rel.startsWith("..") && !rel.startsWith("/");
+};
+var svelteRoots = (projectRoot, svelteDirs, svelteFiles) => {
+  const configured = svelteDirs.map((dir) => resolve4(projectRoot, dir));
+  const strays = svelteFiles.filter((file) => !configured.some((dir) => isWithin(dir, file))).map((file) => dirname3(file));
+  const candidates = [...new Set([...configured, ...strays])].sort((left, right) => left.length - right.length);
+  const roots = candidates.reduce((kept, dir) => kept.some((root) => isWithin(root, dir)) ? kept : [...kept, dir], []);
+  return roots.map((dir) => relative2(projectRoot, dir) || ".");
+};
+var manifestKeyDeclarations = [];
+var MANIFEST_KEYS_EDITOR_HINT = `\x1B[33mnote\x1B[0m asset(manifest, key) keys are checked by this command. For the same check in your editor, add "${MANIFEST_KEYS_DECLARATION}" to include in tsconfig.json.`;
+var prepareManifestKeys = async (targets) => {
+  const byRoot = new Map;
+  for (const target of targets) {
+    const root = resolve4(target.cwd ?? ".");
+    byRoot.set(root, [...byRoot.get(root) ?? [], target]);
+  }
+  const written = await Promise.all([...byRoot].map(([root, configs]) => writeManifestKeysDeclaration(configs, root)));
+  manifestKeyDeclarations = written.filter((path) => path !== null);
+  const config = readProjectTsconfig();
+  const listed = [
+    ...toStringArray(config.include),
+    ...toStringArray(config.files)
+  ].some((entry) => entry.replace(/^\.\//, "").startsWith(".absolutejs"));
+  if (manifestKeyDeclarations.length > 0 && !listed)
+    console.log(MANIFEST_KEYS_EDITOR_HINT);
+};
 var svelteDeclarationsReady = false;
 var getTypecheckRootDirs = (cacheDir) => {
   if (!svelteDeclarationsReady)
@@ -1523,7 +1590,8 @@ var buildVueTscCheck = async (cacheDir) => {
     },
     exclude: getProjectTypecheckExcludes(),
     extends: resolve4("tsconfig.json"),
-    include: getProjectTypecheckIncludes()
+    include: getProjectTypecheckIncludes(),
+    ...manifestKeyDeclarations.length > 0 ? { files: manifestKeyDeclarations } : {}
   }, null, "\t"));
   const base = [
     vueTscBin,
@@ -1584,7 +1652,11 @@ var TYPECHECK_CONFIG_FILES = {
 };
 var writeTypecheckConfig = async (cacheDir, checker) => {
   const tscConfigPath = join2(cacheDir, TYPECHECK_CONFIG_FILES[checker]);
-  const vueShim = checker !== "vue" && vueShimPath !== null ? [vueShimPath] : [];
+  const shim = checker === "vue" ? svelteShimPath : vueShimPath;
+  const shimFiles = [
+    ...shim === null ? [] : [shim],
+    ...manifestKeyDeclarations
+  ];
   await writeFile2(tscConfigPath, JSON.stringify({
     compilerOptions: {
       rootDir: checker === "tsc" ? ".." : parse3(resolve4(".")).root,
@@ -1593,7 +1665,7 @@ var writeTypecheckConfig = async (cacheDir, checker) => {
     exclude: getProjectTypecheckExcludes(),
     extends: resolve4("tsconfig.json"),
     include: getProjectTypecheckIncludes(),
-    ...vueShim.length > 0 ? { files: vueShim } : {}
+    ...shimFiles.length > 0 ? { files: shimFiles } : {}
   }, null, "\t"));
   return resolve4(tscConfigPath);
 };
@@ -1730,19 +1802,19 @@ var dedupeVueResult = (results) => {
 var typecheck = async (configPath) => {
   const targets = await getTypecheckTargets(configPath);
   const hasAngular = targets.some((config) => Boolean(config.angularDirectory));
-  const hasSvelte = targets.some((config) => Boolean(config.svelteDirectory));
-  const hasVue = targets.some((config) => Boolean(config.vueDirectory));
-  const svelteDirs = [
+  const configuredSvelteDirs = [
     ...new Set(targets.map((config) => config.svelteDirectory).filter((dir) => typeof dir === "string" && dir.length > 0))
   ];
-  const vueDirs = [
-    ...new Set(targets.map((config) => config.vueDirectory).filter((dir) => typeof dir === "string" && dir.length > 0))
-  ];
+  const componentFiles = collectComponentFiles(resolve4("."), new Set(targets.flatMap((config) => config.buildDirectory ? [resolve4(config.buildDirectory)] : [])));
+  const hasVue = targets.some((config) => Boolean(config.vueDirectory)) || componentFiles.vue.length > 0;
+  const svelteDirs = svelteRoots(resolve4("."), configuredSvelteDirs, componentFiles.svelte);
+  const hasSvelte = svelteDirs.length > 0;
   const angularDirs = [
     ...new Set(targets.map((config) => config.angularDirectory).filter((dir) => typeof dir === "string" && dir.length > 0))
   ];
   const cacheDir = ".absolutejs";
   await mkdir2(cacheDir, { recursive: true });
+  await prepareManifestKeys(targets);
   if (hasSvelte)
     await prepareSvelteDeclarations(svelteDirs);
   for (const config of targets)
@@ -1752,7 +1824,9 @@ var typecheck = async (configPath) => {
   const plainCheck = useBunCheck ? buildBunCheck : buildTscCheck;
   const vueCheck = useBunCheck ? buildVueCheck : buildVueTscCheck;
   if (hasVue)
-    await prepareVueShim(cacheDir, vueDirs);
+    await prepareVueShim(cacheDir, componentFiles.vue);
+  if (hasVue && useBunCheck)
+    await prepareSvelteShim(cacheDir, componentFiles.svelte);
   checks.push(plainCheck(cacheDir));
   if (hasVue)
     checks.push(vueCheck(cacheDir));

package/dist/cli/vueCompiler-8bzdmf08.js

@@ -0,0 +1,7 @@
+// @bun
+import {
+  loadVueCompiler2
+} from "./index-evsnq0n2.js";
+export {
+  loadVueCompiler2 as loadVueCompiler
+};

package/dist/client/chunks/{react-khr6ewhr.js → react-g8r290b8.js}

@@ -10,6 +10,7 @@ import {
 } from "react-dom/client";
 import { flushSync } from "react-dom";
 var reactIslandRoots = new WeakMap;
+var reactIslandComponents = new WeakMap;
 var isPropsRecord = (value) => typeof value === "object" && value !== null;
 var HOST_REACT_EXPANDO_PREFIXES = [
   "__reactFiber$",
@@ -31,6 +32,7 @@ var hydrateReactIsland = (component, element, props) => {
   const existingRoot = reactIslandRoots.get(element);
   if (existingRoot) {
     existingRoot.render(isPropsRecord(props) ? createElement(component, props) : createElement(component));
+    reactIslandComponents.set(element, component);
     return;
   }
   detachFromHostReactRoot(element);
@@ -50,6 +52,7 @@ var hydrateReactIsland = (component, element, props) => {
     }
     if (root !== undefined)
       reactIslandRoots.set(element, root);
+    reactIslandComponents.set(element, component);
   };
   if (!isPropsRecord(props)) {
     hydrate(createElement(component));
@@ -69,12 +72,44 @@ var remountReactIsland = (component, element, props) => {
     root.render(isPropsRecord(props) ? createElement(component, props) : createElement(component));
   });
   reactIslandRoots.set(element, root);
+  reactIslandComponents.set(element, component);
+};
+var renderedComponent = (root) => {
+  const fiberRoot = root && Reflect.get(root, "_internalRoot");
+  const hostFiber = fiberRoot && typeof fiberRoot === "object" ? Reflect.get(fiberRoot, "current") : undefined;
+  const child = hostFiber && typeof hostFiber === "object" ? Reflect.get(hostFiber, "child") : undefined;
+  return child && typeof child === "object" ? Reflect.get(child, "type") : undefined;
+};
+var refreshReactIslands = (component, elements) => {
+  const runtime = window.$RefreshRuntime$;
+  const getFamily = runtime?.getFamilyByType;
+  if (!runtime || !getFamily)
+    return false;
+  const family = getFamily(component);
+  if (!family)
+    return false;
+  const sameFamily = elements.every((element) => {
+    const previous = reactIslandComponents.get(element);
+    return previous !== undefined && getFamily(previous) === family;
+  });
+  if (!sameFamily)
+    return false;
+  runtime.performReactRefresh();
+  if (family.current !== component)
+    return false;
+  return elements.every((element) => {
+    if (renderedComponent(reactIslandRoots.get(element)) !== component)
+      return false;
+    reactIslandComponents.set(element, component);
+    return true;
+  });
 };
 export {
   hydrateReactIsland,
   isReactComponent,
+  refreshReactIslands,
   remountReactIsland
 };
 
-//# debugId=566183856C37B0E164756E2164756E21
-//# sourceMappingURL=react-khr6ewhr.js.map
+//# debugId=D787D3661C10F48E64756E2164756E21
+//# sourceMappingURL=react-g8r290b8.js.map

package/dist/client/chunks/react-g8r290b8.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/client/hydrators/react.ts"],
+  "sourcesContent": [
+    "import { type ComponentType, createElement, type ReactNode } from 'react';\nimport {\n\tcreateRoot,\n\thydrateRoot,\n\ttype Root as ReactRoot\n} from 'react-dom/client';\nimport { flushSync } from 'react-dom';\nimport { prepareBrowserTranslationHydration } from '../browserTranslation';\n\nconst reactIslandRoots = new WeakMap<HTMLElement, ReactRoot>();\n// The component each island root renders, for Fast Refresh (below).\nconst reactIslandComponents = new WeakMap<HTMLElement, unknown>();\n\nconst isPropsRecord = (value: unknown): value is Record<string, unknown> =>\n\ttypeof value === 'object' && value !== null;\n\n// The island marker is rendered by the host page's React tree as a\n// `dangerouslySetInnerHTML` boundary, so the host root tags it with internal\n// fiber expandos (`__reactFiber$…`, `__reactProps$…`). React refuses to create\n// a second root on a node it already manages that also sets\n// dangerouslySetInnerHTML (\"Cannot use a ref … as a container … if that element\n// also sets dangerouslySetInnerHTML\"). Detaching those expandos hands ownership\n// of the marker (and its opaque SSR children) to the island root before it\n// hydrates. The host root never recurses into the boundary, so it has no fibers\n// for the children and won't reconcile this subtree again.\nconst HOST_REACT_EXPANDO_PREFIXES = [\n\t'__reactFiber$',\n\t'__reactProps$',\n\t'__reactContainer$',\n\t'__reactEvents$',\n\t'__reactListeners$',\n\t'__reactHandles$'\n];\n\nconst detachFromHostReactRoot = (element: HTMLElement) => {\n\tfor (const key of Object.keys(element)) {\n\t\tconst isHostExpando = HOST_REACT_EXPANDO_PREFIXES.some((prefix) =>\n\t\t\tkey.startsWith(prefix)\n\t\t);\n\t\tif (!isHostExpando) continue;\n\t\tReflect.deleteProperty(element, key);\n\t}\n};\n\nexport const hydrateReactIsland = (\n\tcomponent: ComponentType<Record<string, unknown>>,\n\telement: HTMLElement,\n\tprops: unknown\n) => {\n\tconst existingRoot = reactIslandRoots.get(element);\n\tif (existingRoot) {\n\t\texistingRoot.render(\n\t\t\tisPropsRecord(props)\n\t\t\t\t? createElement(component, props)\n\t\t\t\t: createElement(component)\n\t\t);\n\t\treactIslandComponents.set(element, component);\n\n\t\treturn;\n\t}\n\n\tdetachFromHostReactRoot(element);\n\tconst restoreTranslation = prepareBrowserTranslationHydration(element);\n\tconst hydrate = (elementToHydrate: ReactNode) => {\n\t\tlet root: ReactRoot | undefined;\n\t\tconst startHydration = () => {\n\t\t\troot = hydrateRoot(element, elementToHydrate);\n\t\t};\n\t\ttry {\n\t\t\tif (restoreTranslation.hasTranslation) flushSync(startHydration);\n\t\t\telse startHydration();\n\t\t} finally {\n\t\t\trestoreTranslation();\n\t\t}\n\t\tif (root !== undefined) reactIslandRoots.set(element, root);\n\t\treactIslandComponents.set(element, component);\n\t};\n\n\tif (!isPropsRecord(props)) {\n\t\thydrate(createElement(component));\n\n\t\treturn;\n\t}\n\n\thydrate(createElement(component, props));\n};\nexport const isReactComponent = (\n\tvalue: unknown\n): value is ComponentType<Record<string, unknown>> =>\n\ttypeof value === 'function';\n\n/** Dev HMR: replace a hydrated island with a fresh root rendering the\n *  rebuilt component. Its local state starts over; island stores keep\n *  theirs. A new root rather than `render()` on the old one: the host page\n *  may have re-rendered the marker since, re-attaching its own React props\n *  to it, and the old root's tree would then be reconciled against nodes\n *  React no longer considers its own. */\nexport const remountReactIsland = (\n\tcomponent: ComponentType<Record<string, unknown>>,\n\telement: HTMLElement,\n\tprops: unknown\n) => {\n\ttry {\n\t\treactIslandRoots.get(element)?.unmount();\n\t} catch {\n\t\t// The old tree's nodes may already be gone; the marker is cleared\n\t\t// below either way.\n\t}\n\telement.replaceChildren();\n\tdetachFromHostReactRoot(element);\n\tconst root = createRoot(element);\n\t// Commit now, while the marker carries none of the host root's\n\t// expandos (see detachFromHostReactRoot): a host re-render in between\n\t// re-attaches them and React rejects the marker as a container.\n\tflushSync(() => {\n\t\troot.render(\n\t\t\tisPropsRecord(props)\n\t\t\t\t? createElement(component, props)\n\t\t\t\t: createElement(component)\n\t\t);\n\t});\n\treactIslandRoots.set(element, root);\n\treactIslandComponents.set(element, component);\n};\n\n/* The component an island root rendered in its last commit. */\nconst renderedComponent = (root: ReactRoot | undefined) => {\n\tconst fiberRoot: unknown = root && Reflect.get(root, '_internalRoot');\n\tconst hostFiber: unknown =\n\t\tfiberRoot && typeof fiberRoot === 'object'\n\t\t\t? Reflect.get(fiberRoot, 'current')\n\t\t\t: undefined;\n\tconst child: unknown =\n\t\thostFiber && typeof hostFiber === 'object'\n\t\t\t? Reflect.get(hostFiber, 'child')\n\t\t\t: undefined;\n\n\treturn child && typeof child === 'object'\n\t\t? Reflect.get(child, 'type')\n\t\t: undefined;\n};\n\n/** Dev HMR: hand a rebuilt island component to React Fast Refresh. In dev\n *  the island bundles register their components with Fast Refresh, so when\n *  the version on screen and the rebuilt one are the same component (one\n *  Fast Refresh family), a refresh re-renders the island in place: its hook\n *  state stays when its hooks are unchanged and resets when they changed,\n *  as on a React page. True when every given island now renders\n *  `component`; false sends the caller to remountReactIsland (no Fast\n *  Refresh runtime on the page, a component not registered, or a root\n *  the refresh did not reach). */\nexport const refreshReactIslands = (\n\tcomponent: unknown,\n\telements: HTMLElement[]\n) => {\n\tconst runtime = window.$RefreshRuntime$;\n\tconst getFamily = runtime?.getFamilyByType;\n\tif (!runtime || !getFamily) return false;\n\tconst family = getFamily(component);\n\tif (!family) return false;\n\tconst sameFamily = elements.every((element) => {\n\t\tconst previous = reactIslandComponents.get(element);\n\n\t\treturn previous !== undefined && getFamily(previous) === family;\n\t});\n\tif (!sameFamily) return false;\n\truntime.performReactRefresh();\n\tif (family.current !== component) return false;\n\n\treturn elements.every((element) => {\n\t\tif (renderedComponent(reactIslandRoots.get(element)) !== component)\n\t\t\treturn false;\n\t\treactIslandComponents.set(element, component);\n\n\t\treturn true;\n\t});\n};\n"
+  ],
+  "mappings": "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",
+  "debugId": "D787D3661C10F48E64756E2164756E21",
+  "names": []
+}

package/dist/client/chunks/vue-zcpmka32.js

@@ -0,0 +1,85 @@
+// src/client/hydrators/vue.ts
+import { createApp, createSSRApp, h } from "vue";
+var vueIslandApps = new WeakMap;
+var vueIslandComponents = new WeakMap;
+var isPropsRecord = (value) => typeof value === "object" && value !== null;
+var hydrateVueIsland = (component, element, props) => {
+  if (vueIslandApps.has(element)) {
+    return;
+  }
+  const app = createSSRApp({
+    render: () => h(component, isPropsRecord(props) ? props : undefined)
+  });
+  app.mount(element);
+  vueIslandApps.set(element, app);
+  if (isPropsRecord(component))
+    vueIslandComponents.set(element, component);
+};
+var isVueComponent = (value) => typeof value === "function" || isPropsRecord(value);
+var remountVueIsland = (component, element, props) => {
+  vueIslandApps.get(element)?.unmount();
+  element.replaceChildren();
+  const app = createApp({
+    render: () => h(component, isPropsRecord(props) ? props : undefined)
+  });
+  app.mount(element);
+  vueIslandApps.set(element, app);
+  if (isPropsRecord(component))
+    vueIslandComponents.set(element, component);
+};
+var MAX_OPTION_DEPTH = 4;
+var NON_RENDER_KEYS = new Set(["__file", "__hmrId", "render", "ssrRender"]);
+var sameOption = (left, right, depth = 0) => {
+  if (left === right)
+    return true;
+  if (typeof left === "function" && typeof right === "function")
+    return left.toString() === right.toString();
+  if (!isPropsRecord(left) || !isPropsRecord(right) || depth > MAX_OPTION_DEPTH)
+    return false;
+  const keys = new Set([...Object.keys(left), ...Object.keys(right)]);
+  return [...keys].every((key) => sameOption(left[key], right[key], depth + 1));
+};
+var onlyRenderChanged = (previous, next) => {
+  const keys = new Set([...Object.keys(previous), ...Object.keys(next)]);
+  return [...keys].filter((key) => !NON_RENDER_KEYS.has(key)).every((key) => sameOption(previous[key], next[key]));
+};
+var hotUpdateVueIslands = (before, component, elements) => {
+  const runtime = window.__VUE_HMR_RUNTIME__;
+  const after = window.__VUE_HMR_COMPONENTS__;
+  if (!runtime || !after || !isPropsRecord(component))
+    return false;
+  const id = component.__hmrId;
+  if (typeof id !== "string")
+    return false;
+  const rendersIsland = elements.every((element) => {
+    const previous = vueIslandComponents.get(element);
+    return isPropsRecord(previous) && previous.__hmrId === id;
+  });
+  if (!rendersIsland)
+    return false;
+  for (const [componentId, next] of Object.entries(after)) {
+    const previous = before[componentId];
+    if (previous === next)
+      continue;
+    if (!isPropsRecord(previous) || !isPropsRecord(next))
+      continue;
+    if (onlyRenderChanged(previous, next))
+      runtime.rerender(componentId, next.render);
+    else
+      runtime.reload(componentId, next);
+  }
+  return true;
+};
+var snapshotVueHmrComponents = () => ({
+  ...window.__VUE_HMR_COMPONENTS__
+});
+export {
+  hotUpdateVueIslands,
+  hydrateVueIsland,
+  isVueComponent,
+  remountVueIsland,
+  snapshotVueHmrComponents
+};
+
+//# debugId=079B484CC34A6E3564756E2164756E21
+//# sourceMappingURL=vue-zcpmka32.js.map

package/dist/client/chunks/vue-zcpmka32.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/client/hydrators/vue.ts"],
+  "sourcesContent": [
+    "import { createApp, createSSRApp, h, type App as VueApp } from 'vue';\n\nconst vueIslandApps = new WeakMap<HTMLElement, VueApp>();\n// The component each island app renders, for hot updates (below).\nconst vueIslandComponents = new WeakMap<HTMLElement, object>();\n\nconst isPropsRecord = (value: unknown): value is Record<string, unknown> =>\n\ttypeof value === 'object' && value !== null;\n\nexport const hydrateVueIsland = (\n\tcomponent: import('vue').Component<Record<string, unknown>>,\n\telement: HTMLElement,\n\tprops: unknown\n) => {\n\tif (vueIslandApps.has(element)) {\n\t\treturn;\n\t}\n\n\tconst app = createSSRApp({\n\t\trender: () => h(component, isPropsRecord(props) ? props : undefined)\n\t});\n\tapp.mount(element);\n\tvueIslandApps.set(element, app);\n\tif (isPropsRecord(component)) vueIslandComponents.set(element, component);\n};\nexport const isVueComponent = (\n\tvalue: unknown\n): value is import('vue').Component<Record<string, unknown>> =>\n\ttypeof value === 'function' || isPropsRecord(value);\n\n/** Dev HMR: replace a hydrated island with a fresh mount of the rebuilt\n *  component. Its local state starts over; island stores keep theirs. */\nexport const remountVueIsland = (\n\tcomponent: import('vue').Component<Record<string, unknown>>,\n\telement: HTMLElement,\n\tprops: unknown\n) => {\n\tvueIslandApps.get(element)?.unmount();\n\telement.replaceChildren();\n\tconst app = createApp({\n\t\trender: () => h(component, isPropsRecord(props) ? props : undefined)\n\t});\n\tapp.mount(element);\n\tvueIslandApps.set(element, app);\n\tif (isPropsRecord(component)) vueIslandComponents.set(element, component);\n};\n\n// Component options nest shallowly (props, emits, components).\nconst MAX_OPTION_DEPTH = 4;\nconst NON_RENDER_KEYS = new Set(['__file', '__hmrId', 'render', 'ssrRender']);\n\n/* Whether two compiled versions of a component differ in more than their\n * render function: the same options, setup and script code. Functions\n * compare by source. */\nconst sameOption = (left: unknown, right: unknown, depth = 0): boolean => {\n\tif (left === right) return true;\n\tif (typeof left === 'function' && typeof right === 'function')\n\t\treturn left.toString() === right.toString();\n\tif (\n\t\t!isPropsRecord(left) ||\n\t\t!isPropsRecord(right) ||\n\t\tdepth > MAX_OPTION_DEPTH\n\t)\n\t\treturn false;\n\tconst keys = new Set([...Object.keys(left), ...Object.keys(right)]);\n\n\treturn [...keys].every((key) =>\n\t\tsameOption(left[key], right[key], depth + 1)\n\t);\n};\n\nconst onlyRenderChanged = (\n\tprevious: Record<string, unknown>,\n\tnext: Record<string, unknown>\n) => {\n\tconst keys = new Set([...Object.keys(previous), ...Object.keys(next)]);\n\n\treturn [...keys]\n\t\t.filter((key) => !NON_RENDER_KEYS.has(key))\n\t\t.every((key) => sameOption(previous[key], next[key]));\n};\n\n/** Dev HMR through Vue's own HMR runtime, after the rebuilt island bundle\n *  has been imported. Every component of the bundle that changed (the\n *  island's own component and any it renders) is updated in place: one\n *  whose script is unchanged (a template or style edit) re-renders and\n *  keeps its state; one whose script changed reloads and starts its state\n *  over, as Vue's HMR does on a page. False when the runtime, the HMR id or\n *  the island's current component is missing: the caller re-mounts. */\nexport const hotUpdateVueIslands = (\n\tbefore: Record<string, unknown>,\n\tcomponent: unknown,\n\telements: HTMLElement[]\n) => {\n\tconst runtime = window.__VUE_HMR_RUNTIME__;\n\tconst after = window.__VUE_HMR_COMPONENTS__;\n\tif (!runtime || !after || !isPropsRecord(component)) return false;\n\tconst id = component.__hmrId;\n\tif (typeof id !== 'string') return false;\n\tconst rendersIsland = elements.every((element) => {\n\t\tconst previous = vueIslandComponents.get(element);\n\n\t\treturn isPropsRecord(previous) && previous.__hmrId === id;\n\t});\n\tif (!rendersIsland) return false;\n\tfor (const [componentId, next] of Object.entries(after)) {\n\t\tconst previous = before[componentId];\n\t\tif (previous === next) continue;\n\t\tif (!isPropsRecord(previous) || !isPropsRecord(next)) continue;\n\t\tif (onlyRenderChanged(previous, next))\n\t\t\truntime.rerender(componentId, next.render);\n\t\telse runtime.reload(componentId, next);\n\t}\n\n\treturn true;\n};\n\n/** Dev HMR: the Vue components the page has loaded, by HMR id. Island\n *  bundles are compiled with Vue's HMR ids, and evaluating one records\n *  each of its components in `window.__VUE_HMR_COMPONENTS__`, replacing\n *  the previous version; take this before importing a rebuilt island. */\nexport const snapshotVueHmrComponents = (): Record<string, unknown> => ({\n\t...window.__VUE_HMR_COMPONENTS__\n});\n"
+  ],
+  "mappings": "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",
+  "debugId": "079B484CC34A6E3564756E2164756E21",
+  "names": []
+}

package/dist/client/index.js

@@ -33,9 +33,10 @@ var __chunks = (base, ids, nodes, entry) => {
   __chunkSeen ||= {};
   __preload(ids[entry], 1);
 };
-__chunks(import.meta.url,["1d3d696r","khr6ewhr","6ewphsvj","db6ppn1f","tcadmgcx","58svs66p","4j1snyh2"],[["./index.js",5],["./chunks/react-khr6ewhr.js",5],["./chunks/svelte-6ewphsvj.js"],["./chunks/vue-db6ppn1f.js"],["./chunks/islands-tcadmgcx.js",5,6],["./chunks/index-58svs66p.js"],["./chunks/index-4j1snyh2.js"]],0);
+__chunks(import.meta.url,["pndrexjd","g8r290b8","6ewphsvj","zcpmka32","tcadmgcx","58svs66p","4j1snyh2"],[["./index.js",5],["./chunks/react-g8r290b8.js",5],["./chunks/svelte-6ewphsvj.js"],["./chunks/vue-zcpmka32.js"],["./chunks/islands-tcadmgcx.js",5,6],["./chunks/index-58svs66p.js"],["./chunks/index-4j1snyh2.js"]],0);
 
 // src/core/islandManifest.ts
+var REACT_PAGE_ROOT_EVENT = "absolute:react-page-root";
 var toIslandFrameworkSegment = (framework) => framework[0]?.toUpperCase() + framework.slice(1);
 var collectFrameworkIslands = (manifest, prefix) => {
   const entries = {};
@@ -450,7 +451,7 @@ var hydratePreservingBrowserTranslation = async (element, hydrate) => {
 var hydrateByFramework = async (registry, framework, componentName, element, props, resolveComponent) => {
   const propsRecord = isPropsRecord(props) ? props : undefined;
   if (framework === "react") {
-    const { hydrateReactIsland, isReactComponent } = await (__preload("khr6ewhr"), import("./chunks/react-khr6ewhr.js"));
+    const { hydrateReactIsland, isReactComponent } = await (__preload("g8r290b8"), import("./chunks/react-g8r290b8.js"));
     const resolvedComponent = await resolveComponent?.(framework, componentName) ?? getIslandComponent(registry.react?.[componentName]);
     if (!isReactComponent(resolvedComponent))
       return;
@@ -468,7 +469,7 @@ var hydrateByFramework = async (registry, framework, componentName, element, pro
     return;
   }
   if (framework === "vue") {
-    const { hydrateVueIsland, isVueComponent } = await (__preload("db6ppn1f"), import("./chunks/vue-db6ppn1f.js"));
+    const { hydrateVueIsland, isVueComponent } = await (__preload("zcpmka32"), import("./chunks/vue-zcpmka32.js"));
     const resolvedComponent = await resolveComponent?.(framework, componentName) ?? getIslandComponent(registry.vue?.[componentName]);
     if (!isVueComponent(resolvedComponent))
       return;
@@ -539,7 +540,7 @@ var collectIslandElements = (node) => {
 };
 var remountByFramework = async (framework, component, element, props) => {
   if (framework === "react") {
-    const { remountReactIsland, isReactComponent } = await (__preload("khr6ewhr"), import("./chunks/react-khr6ewhr.js"));
+    const { remountReactIsland, isReactComponent } = await (__preload("g8r290b8"), import("./chunks/react-g8r290b8.js"));
     if (!isReactComponent(component))
       return false;
     remountReactIsland(component, element, props);
@@ -553,7 +554,7 @@ var remountByFramework = async (framework, component, element, props) => {
     return true;
   }
   if (framework === "vue") {
-    const { remountVueIsland, isVueComponent } = await (__preload("db6ppn1f"), import("./chunks/vue-db6ppn1f.js"));
+    const { remountVueIsland, isVueComponent } = await (__preload("zcpmka32"), import("./chunks/vue-zcpmka32.js"));
     if (!isVueComponent(component))
       return false;
     remountVueIsland(component, element, props);
@@ -572,13 +573,37 @@ var remountIslandElement = async (update, component, element) => {
     return false;
   }
 };
+var updateWithFrameworkHmr = async (update, component, hydrated, vueBefore) => {
+  if (update.framework === "react") {
+    const { refreshReactIslands } = await (__preload("g8r290b8"), import("./chunks/react-g8r290b8.js"));
+    return refreshReactIslands(component, hydrated);
+  }
+  if (update.framework !== "vue" || !vueBefore)
+    return false;
+  const { hotUpdateVueIslands } = await (__preload("zcpmka32"), import("./chunks/vue-zcpmka32.js"));
+  return hotUpdateVueIslands(vueBefore, component, hydrated);
+};
+var updateInPlace = async (update, component, elements, vueBefore) => {
+  const hydrated = elements.filter((element) => element.dataset.hydrated === "true");
+  if (hydrated.length === 0)
+    return false;
+  try {
+    return await updateWithFrameworkHmr(update, component, hydrated, vueBefore);
+  } catch (error) {
+    console.warn(`[islands] ${update.framework}:${update.component} could not update in place, re-mounting`, error);
+    return false;
+  }
+};
 var applyIslandHotUpdate = async (update) => {
   const elements = findIslandElements(update.framework, update.component);
   if (elements.length === 0)
     return true;
   if (update.stylePath)
     swapIslandStylesheet(update.framework, update.component, update.stylePath);
+  const vueBefore = update.framework === "vue" ? (await (__preload("zcpmka32"), import("./chunks/vue-zcpmka32.js"))).snapshotVueHmrComponents() : undefined;
   const loadedModule = await import(update.modulePath);
+  if (await updateInPlace(update, loadedModule.default, elements, vueBefore))
+    return true;
   const results = await Promise.all(elements.map((element) => remountIslandElement(update, loadedModule.default, element)));
   return results.every(Boolean);
 };
@@ -591,15 +616,27 @@ var applyIslandHotUpdates = async (updates) => {
     return false;
   }
 };
-var startIslands = ({
+var waitForReactPageRoot = () => {
+  if (Reflect.get(window, "__ABS_ISLAND_HOST__") !== "react")
+    return;
+  if (window.__REACT_ROOT__ || document.readyState === "complete")
+    return;
+  return new Promise((resolve) => {
+    const done = () => {
+      window.removeEventListener(REACT_PAGE_ROOT_EVENT, done);
+      window.removeEventListener("load", done);
+      resolve();
+    };
+    window.addEventListener(REACT_PAGE_ROOT_EVENT, done);
+    window.addEventListener("load", done);
+  });
+};
+var scheduleIslands = ({
   registry,
   resolveComponent,
   root = document.documentElement
 }) => {
   const targetRoot = root instanceof Document ? root.documentElement : root;
-  if (typeof window !== "undefined") {
-    window.__ABS_ISLAND_HMR__ = applyIslandHotUpdates;
-  }
   const observer = typeof IntersectionObserver === "undefined" ? null : new IntersectionObserver((entries) => {
     for (const entry of entries) {
       if (!entry.isIntersecting)
@@ -630,6 +667,17 @@ var startIslands = ({
     subtree: true
   });
 };
+var startIslands = (options) => {
+  if (typeof window !== "undefined") {
+    window.__ABS_ISLAND_HMR__ = applyIslandHotUpdates;
+  }
+  const pageRoot = typeof window === "undefined" ? undefined : waitForReactPageRoot();
+  if (pageRoot) {
+    pageRoot.then(() => scheduleIslands(options));
+    return;
+  }
+  scheduleIslands(options);
+};
 // src/utils/formActionProtocol.ts
 var ACTION_ERROR_ATTRIBUTE = "data-action-error";
 var ACTION_FORM_ATTRIBUTE = "data-absolute-action";
@@ -800,5 +848,5 @@ export {
   subscribeIslandStore
 };
 
-//# debugId=598BD8F9E704CD7A64756E2164756E21
+//# debugId=ABCC00A159C9E47464756E2164756E21
 //# sourceMappingURL=index.js.map