gemi 0.186.1 → 0.188.0

package/dist/{chunk-z2k8m02z.js → chunk-vqrqzfyw.js}

@@ -33,6 +33,12 @@ export { h } from ${JSON.stringify("virtual:gemi-island-runtime")};
       value: { currentLocale: payload.currentLocale, defaultLocale: payload.defaultLocale, timeZone: payload.timeZone },
     }, element);
   }
+  const cache = globalThis[Symbol.for("gemi.islandQueries")];
+  if (cache) {
+    const queries = document.getElementById("gemi-island-queries");
+    if (queries) cache.seed((queries.p = queries.p || JSON.parse(queries.textContent)));
+    element = createElement(cache.Provider, null, element);
+  }
   return hydrateRoot(marker, element, {
     identifierPrefix: marker.getAttribute("data-uid") || undefined,
   });
@@ -40,6 +46,6 @@ export { h } from ${JSON.stringify("virtual:gemi-island-runtime")};
 import { hydrateRoot } from "react-dom/client";
 export ${z}
 `,Q='const d=document,c=JSON.parse(d.getElementById("gemi-islands").textContent),w=f=>(window.requestIdleCallback||setTimeout)(f),m=(e,o)=>{if(!e.g){e.g=1;import(o.s).then(x=>x.h(e,x.m[o.e])).catch(r=>console.error(r))}};for(const e of d.querySelectorAll("gemi-island")){const o=c.i[e.dataset.island];if(!o)continue;if(o.l=="eager")m(e,o);else if(o.l=="idle"||!window.IntersectionObserver||!e.children.length)w(()=>m(e,o));else{const v=new IntersectionObserver(n=>{if(n.some(x=>x.isIntersecting)){v.disconnect();m(e,o)}});for(const k of e.children)v.observe(k)}}';
-export{B as nl,F as ol,G as pl,J as ql,M as rl,Q as sl};
+export{B as pl,F as ql,G as rl,J as sl,M as tl,Q as ul};
 
-//# debugId=083CEEFCFD58156F64756E2164756E21
+//# debugId=7F6E2418B01F75FA64756E2164756E21

package/dist/chunk-vqrqzfyw.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../internal/islandRuntime.ts"],
+  "sourcesContent": [
+    "/**\n * The browser side of islands, shared by the Vite plugin (which builds it), the\n * servers (which point the loader at it) and the tests.\n *\n * No imports: the Vite plugin is built on its own and the servers load it at\n * boot, so this file stays plain strings.\n */\n\n/**\n * The module that hydrates islands: React, `react-dom/client` and the small\n * `h(marker, Component)` below. A virtual module of gemi's Vite plugin that\n * every island entry imports, so the islands on a page share one copy of\n * React, in one chunk.\n */\nexport const ISLAND_RUNTIME_ID = \"virtual:gemi-island-runtime\";\n\n/** What `resolveId` turns `ISLAND_RUNTIME_ID` into (Vite's virtual-module convention). */\nexport const RESOLVED_ISLAND_RUNTIME_ID = `\\0${ISLAND_RUNTIME_ID}`;\n\n/**\n * The query that turns a module into its island entry: `Counter.tsx?gemi-island`\n * is a module of the plugin's that re-exports `Counter.tsx` as `m` next to the\n * runtime's `h`. It is what a static page imports for an island, and so it\n * is what the client manifest lists, keyed `app/…/Counter.tsx?gemi-island`,\n * with React and `react-dom/client` among its imports.\n */\nexport const ISLAND_ENTRY_QUERY = \"?gemi-island\";\n\n/** The island entry module for `file` (an absolute path or a root-relative URL). */\nexport function islandEntrySource(file: string) {\n  return `import * as m from ${JSON.stringify(file)};\nexport { m };\nexport { h } from ${JSON.stringify(ISLAND_RUNTIME_ID)};\n`;\n}\n\n/**\n * `h(marker, Component)`: hydrates one `<gemi-island>` marker with the island's\n * component and the props the server serialised into `data-props`.\n *\n * The island's static children were rendered on the server into a\n * `<gemi-slot>` (the first one that belongs to this marker, not to an island\n * nested in it). They are handed back to the component as that same element\n * with the server's HTML, so hydration matches and React leaves them alone.\n *\n * `data-uid` is the `identifierPrefix` the server rendered the island with, so\n * `useId` agrees on both sides and two islands never share an id.\n *\n * When the page carries `#gemi-island-i18n` (its islands read the page's\n * locale or dictionaries, #1095), the dictionaries in it are seeded into the\n * dictionary registry through `__GEMI_DICT__` and the island's root gets the\n * locale and zone in `IslandI18nContext` (found on `globalThis`, where\n * `gemi/client` puts it), so `useDictionary` resolves synchronously, with the\n * strings the server rendered, and fetches nothing. An island that does not\n * import `gemi/client` has no such context to read, and is left as it was.\n *\n * The island's root reads queries through the cache the page's islands\n * share (found on `globalThis` under `gemi.islandQueries`, where `gemi/client`\n * puts it, #1155). When the page carries `#gemi-island-queries` (its islands\n * read queries the request prefetched), that `{ path: { variantKey: data } }`\n * payload seeds the cache first, so `useQuery` hydrates with the server's\n * data and does not refetch it.\n *\n * Written as a function body with `createElement` and `hydrateRoot` free, so a\n * test can run it against real React without a bundler.\n */\nexport const ISLAND_HYDRATE_SOURCE = `function h(marker, Component) {\n  if (typeof Component !== \"function\" && (typeof Component !== \"object\" || Component === null)) {\n    throw new Error(\"gemi: island module has no component export for \" + marker.outerHTML.slice(0, 80));\n  }\n  const json = marker.getAttribute(\"data-props\");\n  const props = json ? JSON.parse(json) : {};\n  let slot = null;\n  for (const candidate of marker.querySelectorAll(\"gemi-slot\")) {\n    if (candidate.closest(\"gemi-island\") === marker) {\n      slot = candidate;\n      break;\n    }\n  }\n  const children = slot\n    ? [createElement(\"gemi-slot\", {\n        style: { display: \"contents\" },\n        suppressHydrationWarning: true,\n        dangerouslySetInnerHTML: { __html: slot.innerHTML },\n      })]\n    : [];\n  let element = createElement(Component, props, ...children);\n  const i18n = document.getElementById(\"gemi-island-i18n\");\n  const context = globalThis[Symbol.for(\"gemi.islandI18n\")];\n  if (i18n && context) {\n    const payload = (i18n.p = i18n.p || JSON.parse(i18n.textContent));\n    const dictionaries = (self.__GEMI_DICT__ = self.__GEMI_DICT__ || []);\n    for (const entry of payload.dictionaries || []) dictionaries.push(entry);\n    element = createElement(context.Provider, {\n      value: { currentLocale: payload.currentLocale, defaultLocale: payload.defaultLocale, timeZone: payload.timeZone },\n    }, element);\n  }\n  const cache = globalThis[Symbol.for(\"gemi.islandQueries\")];\n  if (cache) {\n    const queries = document.getElementById(\"gemi-island-queries\");\n    if (queries) cache.seed((queries.p = queries.p || JSON.parse(queries.textContent)));\n    element = createElement(cache.Provider, null, element);\n  }\n  return hydrateRoot(marker, element, {\n    identifierPrefix: marker.getAttribute(\"data-uid\") || undefined,\n  });\n}`;\n\n/** The runtime module's source, as the plugin serves and builds it. */\nexport const ISLAND_RUNTIME_SOURCE = `import { createElement } from \"react\";\nimport { hydrateRoot } from \"react-dom/client\";\nexport ${ISLAND_HYDRATE_SOURCE}\n`;\n\n/**\n * The island loader, inlined into a static document that uses islands.\n *\n * Kept byte-for-byte constant (the per-page island table travels in a\n * separate `<script type=\"application/json\">`, which a Content Security Policy\n * does not treat as script), so a strict policy can allow it by hash:\n * `script-src 'sha256-…'` with `ISLAND_LOADER_CSP_HASH`. Everything it loads\n * is a plain `import()` of a same-origin (or asset-base) file.\n *\n * The table is `{ i: [{ s: entry URL, e: export, l: load }] }` and each\n * marker's `data-island` indexes `i`. Per marker, on its schedule: import the\n * island's entry (the module as `m`, the runtime's `h`), then\n * `h(marker, m[export])`, which calls `hydrateRoot`. A failure is logged and\n * leaves the server-rendered markup in place.\n */\nexport const ISLAND_LOADER_SOURCE =\n  'const d=document,c=JSON.parse(d.getElementById(\"gemi-islands\").textContent),' +\n  \"w=f=>(window.requestIdleCallback||setTimeout)(f),\" +\n  \"m=(e,o)=>{if(!e.g){e.g=1;import(o.s).then(x=>x.h(e,x.m[o.e])).catch(r=>console.error(r))}};\" +\n  'for(const e of d.querySelectorAll(\"gemi-island\")){const o=c.i[e.dataset.island];if(!o)continue;' +\n  'if(o.l==\"eager\")m(e,o);else if(o.l==\"idle\"||!window.IntersectionObserver||!e.children.length)w(()=>m(e,o));' +\n  \"else{const v=new IntersectionObserver(n=>{if(n.some(x=>x.isIntersecting)){v.disconnect();m(e,o)}});for(const k of e.children)v.observe(k)}}\";\n"
+  ],
+  "mappings": ";AAcO,IAAM,EAAoB,8BAGpB,EAA6B,kCAS7B,EAAqB,eAG3B,SAAS,CAAiB,CAAC,EAAc,CAC9C,MAAO,sBAAsB,KAAK,UAAU,CAAI;AAAA;AAAA,oBAE9B,KAAK,UAlBQ,6BAkBmB;AAAA,EAkC7C,IAAM,EAAwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA2CxB,EAAwB;AAAA;AAAA,SAE5B;AAAA,EAkBI,EACX",
+  "debugId": "7F6E2418B01F75FA64756E2164756E21",
+  "names": []
+}