@fluixi/core 1.0.0-alpha.92 → 1.0.0-alpha.94

package/dist/src/cdn/core.mjs

@@ -5,27 +5,22 @@ import {
   Redirect,
   Router,
   __reExport,
-  cleanupHydration,
   composeProviders,
   createBrowserHistory,
-  createConsumer,
   createContext,
-  createContextWithProvider,
   createMemoryHistory,
   createProvider,
-  deserializeHydrationData,
   lazy,
-  setHydrating,
+  requireContext,
   useContext,
   useLocation,
   useMatch,
   useNavigate,
   useParam,
   useParams,
-  useProvide,
   useRouter,
   useSearchParams
-} from "./chunk-MDJLC3PE.mjs";
+} from "./chunk-7XM7Q5VR.mjs";
 
 // src/lib/index.ts
 import {
@@ -59,7 +54,7 @@ import { createRoot as createRoot2 } from "@fluixi/reactive/signal";
 import { registerCoreVersion } from "@fluixi/dom";
 
 // src/version.generated.ts
-var VERSION = "1.0.0-alpha.92";
+var VERSION = "1.0.0-alpha.94";
 
 // src/lib/render/versions.ts
 import { stampVersions, warnOnVersionSkew, versions } from "@fluixi/dom";
@@ -391,6 +386,8 @@ function cleanupDelegation() {
 // src/lib/isomorphic.ts
 import { createSignal as createSignal4, createMemo as createMemo4 } from "@fluixi/reactive/signal";
 import { getServerData } from "@fluixi/dom";
+import { createSyncStorage } from "@fluixi/storage";
+import { localStorageAdapter } from "@fluixi/storage/browser";
 var REGISTRY_KEY = "__fluixi_iso_states__";
 var SEED_PREFIX = "__iso:";
 function registry() {
@@ -404,7 +401,7 @@ function readSeed(key) {
 function createIsomorphicState(key, options) {
   const seed = readSeed(key);
   const initial = seed !== void 0 ? seed : typeof window !== "undefined" && options.client ? options.client() : options.fallback;
-  const [value, set] = createSignal4(initial);
+  const [value, set] = createSignal4(initial, { name: key });
   registry().set(key, { server: options.server, set });
   return { value, set, key };
 }
@@ -482,8 +479,75 @@ function getFrameworkInfo() {
 // src/lib/client/index.ts
 import {
   render as domRender,
-  hydrate as domHydrate
+  hydrate as domHydrate,
+  beginAppHydration,
+  endAppHydration,
+  removeUnclaimedKeyed,
+  clearHydrationKeys
 } from "@fluixi/dom";
+
+// src/lib/server/hydration.ts
+import { isServer as domIsServer } from "@fluixi/dom";
+var hydrating = false;
+var hydrationDataMap = /* @__PURE__ */ new Map();
+function setHydrating(state) {
+  hydrating = state;
+}
+function clearHydrationData() {
+  hydrationDataMap.clear();
+}
+function deserializeHydrationData() {
+  if (typeof window === "undefined") {
+    return false;
+  }
+  const script = document.getElementById("__FLUIXI_HYDRATION__");
+  if (!script || script.getAttribute("type") !== "application/json") {
+    return false;
+  }
+  try {
+    const json = script.textContent || "{}";
+    const data = JSON.parse(json);
+    for (const [key, value] of Object.entries(data)) {
+      hydrationDataMap.set(key, value);
+    }
+    return true;
+  } catch (error) {
+    console.error("Failed to deserialize hydration data:", error);
+    return false;
+  }
+}
+function cleanupHydration() {
+  if (typeof window === "undefined") {
+    return;
+  }
+  const script = document.getElementById("__FLUIXI_HYDRATION__");
+  if (script) {
+    script.remove();
+  }
+  const walker = document.createTreeWalker(
+    document.body,
+    NodeFilter.SHOW_COMMENT,
+    null
+  );
+  const comments = [];
+  let node;
+  while (node = walker.nextNode()) {
+    const comment = node;
+    const text = comment.nodeValue || "";
+    if (text.startsWith("#") || text.startsWith("/")) {
+      comments.push(comment);
+    }
+  }
+  comments.forEach((comment) => comment.remove());
+  clearHydrationData();
+}
+if (typeof window !== "undefined") {
+  window.addEventListener("load", () => {
+    setTimeout(cleanupHydration, 100);
+  });
+}
+
+// src/lib/client/index.ts
 import { createMemo as createMemo6 } from "@fluixi/reactive/signal";
 import { createHead, setActiveHead, mountHead, stripHeadMarker } from "@fluixi/head";
 import { hydrate as hydrate2 } from "@fluixi/dom";
@@ -507,16 +571,26 @@ async function startClient(App, options = {}) {
   setActiveHead(head);
   stripHeadMarker(container);
   if (shouldHydrate) {
-    if (options.routes && options.routes.length) {
-      const { preloadRoutes } = await import("./router-JYFZP3EZ.mjs");
-      await preloadRoutes(options.routes, window.location.pathname);
+    beginAppHydration();
+    try {
+      if (options.routes && options.routes.length) {
+        const { preloadRoutes } = await import("./router-VOY43YNM.mjs");
+        await preloadRoutes(options.routes, window.location.pathname);
+      }
+      deserializeHydrationData();
+      setHydrating(true);
+      domHydrate(rootOf(App), container);
+      replayEvents();
+    } finally {
+      endAppHydration();
     }
-    deserializeHydrationData();
-    setHydrating(true);
-    domHydrate(rootOf(App), container);
-    replayEvents();
     setTimeout(() => {
       setHydrating(false);
+      const removed = removeUnclaimedKeyed(container);
+      if (removed && typeof process !== "undefined" && false) {
+        console.warn(`[fluixi] hydration: removed ${removed} server element(s) the client did not render. Check for markup that depends on client-only state.`);
+      }
+      clearHydrationKeys();
       cleanupHydration();
     }, 100);
   } else {
@@ -574,9 +648,7 @@ export {
   createBrowserHistory,
   createComponent,
   createComputed2 as createComputed,
-  createConsumer,
   createContext,
-  createContextWithProvider,
   createDebounce,
   createDeferred2 as createDeferred,
   createEffect3 as createEffect,
@@ -614,6 +686,7 @@ export {
   reduceSignal as reduce,
   removeClass,
   render,
+  requireContext,
   runWithOwner2 as runWithOwner,
   setAttribute,
   setOwner,
@@ -634,7 +707,6 @@ export {
   useNavigate,
   useParam,
   useParams,
-  useProvide,
   useReducer,
   useRef,
   useRouter,

package/dist/src/cdn/{router-JYFZP3EZ.mjs → router-VOY43YNM.mjs}

@@ -20,6 +20,7 @@ import {
   select,
   supportsViewTransitions,
   useAction,
+  useIsRouting,
   useLevelParams,
   useLinkNavigation,
   useLocation,
@@ -31,8 +32,9 @@ import {
   useRouteData,
   useRouter,
   useSearchParams,
-  useSubmission
-} from "./chunk-MDJLC3PE.mjs";
+  useSubmission,
+  useSubmissions
+} from "./chunk-7XM7Q5VR.mjs";
 export {
   A,
   Form,
@@ -55,6 +57,7 @@ export {
   select,
   supportsViewTransitions,
   useAction,
+  useIsRouting,
   useLevelParams,
   useLinkNavigation,
   useLocation,
@@ -66,5 +69,6 @@ export {
   useRouteData,
   useRouter,
   useSearchParams,
-  useSubmission
+  useSubmission,
+  useSubmissions
 };