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

package/dist/src/lib/env/index.cjs

@@ -21,11 +21,9 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   clientOnly: () => clientOnly,
-  createMemoryStorage: () => createMemoryStorage,
   env: () => env,
   isClient: () => isClient,
-  isServer: () => import_dom.isServer,
-  storage: () => storage
+  isServer: () => import_dom.isServer
 });
 module.exports = __toCommonJS(index_exports);
 var import_dom = require("@fluixi/dom");
@@ -33,20 +31,6 @@ var import_dom2 = require("@fluixi/dom");
 function isClient() {
   return !(0, import_dom2.isServer)();
 }
-function createMemoryStorage() {
-  const mem = /* @__PURE__ */ new Map();
-  return {
-    getItem: (k) => mem.has(k) ? mem.get(k) : null,
-    setItem: (k, v) => void mem.set(k, String(v)),
-    removeItem: (k) => void mem.delete(k),
-    clear: () => mem.clear(),
-    key: (i) => Array.from(mem.keys())[i] ?? null,
-    get length() {
-      return mem.size;
-    }
-  };
-}
-var storage = typeof localStorage !== "undefined" ? localStorage : createMemoryStorage();
 var env = {
   get window() {
     return typeof window !== "undefined" ? window : void 0;

package/dist/src/lib/env/index.d.ts

@@ -1,23 +1,11 @@
 /**
  * Universal environment utilities, the same imports work on the server and the
- * client, so app code never reaches for raw globals (`localStorage`, `window`,
- * `document`) that don't exist under SSR and crash at module-eval time. This
- * replaces hand-rolled `globalThis.localStorage = ...` shims and scattered
- * `typeof window === 'undefined'` guards.
+ * client, so app code never reaches for raw globals (`window`, `document`) that don't
+ * exist under SSR and crash at module-eval time. Storage is `@fluixi/core/storage`.
  */
 export { isServer } from '@fluixi/dom';
 /** True in a browser (or jsdom) environment. */
 export declare function isClient(): boolean;
-/** A Map-backed in-memory implementation of the Web Storage API (server/tests). */
-export declare function createMemoryStorage(): Storage;
-/**
- * Universal key/value storage with the exact `localStorage` API. On the client it
- * is `localStorage`; on the server (no DOM) it is an ephemeral in-memory store, so
- * a module that reads `storage.getItem(...)` at import time never crashes under SSR.
- * Server reads/writes do not persist across requests (a later pass can back them with
- * the request cookie for true per-user server state).
- */
-export declare const storage: Storage;
 /**
  * Lazy, typed accessors for the browser globals. They return the real object on the
  * client and `undefined` on the server, so `env.window?.matchMedia(...)` is safe and

package/dist/src/lib/env/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/env/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGvC,gDAAgD;AAChD,wBAAgB,QAAQ,IAAI,OAAO,CAElC;AAED,mFAAmF;AACnF,wBAAgB,mBAAmB,IAAI,OAAO,CAY7C;AAED;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,EAAE,OACsD,CAAC;AAE7E;;;;;GAKG;AACH,eAAO,MAAM,GAAG;qBACA,CAAC,MAAM,GAAG,OAAO,UAAU,CAAC,GAAG,SAAS;uBAGtC,QAAQ,GAAG,SAAS;CAGrC,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;AAC1D,wBAAgB,UAAU,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/env/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGvC,gDAAgD;AAChD,wBAAgB,QAAQ,IAAI,OAAO,CAElC;AAED;;;;;GAKG;AACH,eAAO,MAAM,GAAG;qBACA,CAAC,MAAM,GAAG,OAAO,UAAU,CAAC,GAAG,SAAS;uBAGtC,QAAQ,GAAG,SAAS;CAGrC,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;AAC1D,wBAAgB,UAAU,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC"}

package/dist/src/lib/env/index.js

@@ -1,9 +1,7 @@
 /**
  * Universal environment utilities, the same imports work on the server and the
- * client, so app code never reaches for raw globals (`localStorage`, `window`,
- * `document`) that don't exist under SSR and crash at module-eval time. This
- * replaces hand-rolled `globalThis.localStorage = ...` shims and scattered
- * `typeof window === 'undefined'` guards.
+ * client, so app code never reaches for raw globals (`window`, `document`) that don't
+ * exist under SSR and crash at module-eval time. Storage is `@fluixi/core/storage`.
  */
 // One answer for the whole framework, from the renderer that decides it. The constant
 // this used to be was read once at module eval, so it could not see renderToString turn
@@ -14,28 +12,6 @@ import { isServer as onServer } from '@fluixi/dom';
 export function isClient() {
     return !onServer();
 }
-/** A Map-backed in-memory implementation of the Web Storage API (server/tests). */
-export function createMemoryStorage() {
-    const mem = new Map();
-    return {
-        getItem: (k) => (mem.has(k) ? mem.get(k) : null),
-        setItem: (k, v) => void mem.set(k, String(v)),
-        removeItem: (k) => void mem.delete(k),
-        clear: () => mem.clear(),
-        key: (i) => Array.from(mem.keys())[i] ?? null,
-        get length() {
-            return mem.size;
-        },
-    };
-}
-/**
- * Universal key/value storage with the exact `localStorage` API. On the client it
- * is `localStorage`; on the server (no DOM) it is an ephemeral in-memory store, so
- * a module that reads `storage.getItem(...)` at import time never crashes under SSR.
- * Server reads/writes do not persist across requests (a later pass can back them with
- * the request cookie for true per-user server state).
- */
-export const storage = typeof localStorage !== 'undefined' ? localStorage : createMemoryStorage();
 /**
  * Lazy, typed accessors for the browser globals. They return the real object on the
  * client and `undefined` on the server, so `env.window?.matchMedia(...)` is safe and

package/dist/src/lib/env/index.mjs

@@ -4,20 +4,6 @@ import { isServer as onServer } from "@fluixi/dom";
 function isClient() {
   return !onServer();
 }
-function createMemoryStorage() {
-  const mem = /* @__PURE__ */ new Map();
-  return {
-    getItem: (k) => mem.has(k) ? mem.get(k) : null,
-    setItem: (k, v) => void mem.set(k, String(v)),
-    removeItem: (k) => void mem.delete(k),
-    clear: () => mem.clear(),
-    key: (i) => Array.from(mem.keys())[i] ?? null,
-    get length() {
-      return mem.size;
-    }
-  };
-}
-var storage = typeof localStorage !== "undefined" ? localStorage : createMemoryStorage();
 var env = {
   get window() {
     return typeof window !== "undefined" ? window : void 0;
@@ -31,9 +17,7 @@ function clientOnly(fn, fallback) {
 }
 export {
   clientOnly,
-  createMemoryStorage,
   env,
   isClient,
-  isServer,
-  storage
+  isServer
 };

package/dist/src/lib/i18n/index.cjs

@@ -1,4 +1,4 @@
-/*! @fluixi/core v1.0.0-alpha.92 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
+/*! @fluixi/core v1.0.0-alpha.93 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
 "use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -27,6 +27,15 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 var import_signal = require("@fluixi/reactive/signal");
 var import_dom = require("@fluixi/dom");
+var RELATIVE_UNITS = [
+  ["year", 365 * 24 * 3600],
+  ["month", 30 * 24 * 3600],
+  ["week", 7 * 24 * 3600],
+  ["day", 24 * 3600],
+  ["hour", 3600],
+  ["minute", 60],
+  ["second", 1]
+];
 var SEED_KEY = "__i18n:locale";
 var IS_SERVER = typeof document === "undefined";
 function readSeed() {
@@ -91,7 +100,13 @@ function createI18n(config) {
   }
   const n = (value, options) => new Intl.NumberFormat(locale(), options).format(value);
   const d = (value, options) => new Intl.DateTimeFormat(locale(), options).format(value);
-  return { t, n, d, locale, setLocale, locales: config.locales };
+  const rt = (value, options = {}) => {
+    const { now = Date.now(), ...format } = options;
+    const seconds = (+value - +now) / 1e3;
+    const [unit, size] = RELATIVE_UNITS.find(([, size2]) => Math.abs(seconds) >= size2) ?? ["second", 1];
+    return new Intl.RelativeTimeFormat(locale(), { numeric: "auto", ...format }).format(Math.round(seconds / size), unit);
+  };
+  return { t, n, d, rt, locale, setLocale, locales: config.locales };
 }
 function detectLocale(acceptLanguage, locales) {
   if (!acceptLanguage) return void 0;

package/dist/src/lib/i18n/index.d.ts

@@ -58,6 +58,10 @@ export interface I18nConfig<L extends string, M extends Record<L, Messages> = Re
     /** Persist the chosen locale on the client. Default: a year-long `locale` cookie. */
     persist?: (locale: L) => void;
 }
+export interface RelativeTimeOptions extends Intl.RelativeTimeFormatOptions {
+    /** The moment `value` is relative to. Defaults to the current time. */
+    now?: Date | number;
+}
 export interface I18n<L extends string, K extends string = string> {
     /** Translate a key (autocompleted from your messages) with optional params; `count` pluralizes. */
     t: (key: K | (string & {}), params?: Record<string, unknown>) => string;
@@ -65,6 +69,12 @@ export interface I18n<L extends string, K extends string = string> {
     n: (value: number, options?: Intl.NumberFormatOptions) => string;
     /** Format a date for the active locale (`Intl.DateTimeFormat`). */
     d: (value: Date | number, options?: Intl.DateTimeFormatOptions) => string;
+    /**
+     * A date relative to now, for the active locale (`Intl.RelativeTimeFormat`): "yesterday",
+     * "3 days ago", "in 2 hours". The unit is the largest that fits. Pass `now` when the server
+     * and the client must agree, such as a time the server sent with the data.
+     */
+    rt: (value: Date | number, options?: RelativeTimeOptions) => string;
     /** The active locale: reactive on the client, per-request on the server. */
     locale: Accessor<L>;
     /** Switch the active locale (client: reactive + persisted; server: this request only). */

package/dist/src/lib/i18n/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/i18n/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/i18n/index.ts"],"names":[],"mappings":"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"}

package/dist/src/lib/i18n/index.js

@@ -26,6 +26,16 @@
  */
 import { createSignal } from '@fluixi/reactive/signal';
 import { getRequestContext, getServerData } from '@fluixi/dom';
+/** Largest first: the first unit the distance reaches is the one shown. */
+const RELATIVE_UNITS = [
+    ['year', 365 * 24 * 3600],
+    ['month', 30 * 24 * 3600],
+    ['week', 7 * 24 * 3600],
+    ['day', 24 * 3600],
+    ['hour', 3600],
+    ['minute', 60],
+    ['second', 1],
+];
 const SEED_KEY = '__i18n:locale';
 const IS_SERVER = typeof document === 'undefined';
 function readSeed() {
@@ -125,7 +135,13 @@ export function createI18n(config) {
     }
     const n = (value, options) => new Intl.NumberFormat(locale(), options).format(value);
     const d = (value, options) => new Intl.DateTimeFormat(locale(), options).format(value);
-    return { t, n, d, locale, setLocale, locales: config.locales };
+    const rt = (value, options = {}) => {
+        const { now = Date.now(), ...format } = options;
+        const seconds = (+value - +now) / 1000;
+        const [unit, size] = RELATIVE_UNITS.find(([, size]) => Math.abs(seconds) >= size) ?? ['second', 1];
+        return new Intl.RelativeTimeFormat(locale(), { numeric: 'auto', ...format }).format(Math.round(seconds / size), unit);
+    };
+    return { t, n, d, rt, locale, setLocale, locales: config.locales };
 }
 /** Pick the best supported locale from an `Accept-Language` header, else `undefined`. */
 export function detectLocale(acceptLanguage, locales) {

package/dist/src/lib/i18n/index.mjs

@@ -1,8 +1,17 @@
-/*! @fluixi/core v1.0.0-alpha.92 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
+/*! @fluixi/core v1.0.0-alpha.93 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
 
 // src/lib/i18n/index.ts
 import { createSignal } from "@fluixi/reactive/signal";
 import { getRequestContext, getServerData } from "@fluixi/dom";
+var RELATIVE_UNITS = [
+  ["year", 365 * 24 * 3600],
+  ["month", 30 * 24 * 3600],
+  ["week", 7 * 24 * 3600],
+  ["day", 24 * 3600],
+  ["hour", 3600],
+  ["minute", 60],
+  ["second", 1]
+];
 var SEED_KEY = "__i18n:locale";
 var IS_SERVER = typeof document === "undefined";
 function readSeed() {
@@ -67,7 +76,13 @@ function createI18n(config) {
   }
   const n = (value, options) => new Intl.NumberFormat(locale(), options).format(value);
   const d = (value, options) => new Intl.DateTimeFormat(locale(), options).format(value);
-  return { t, n, d, locale, setLocale, locales: config.locales };
+  const rt = (value, options = {}) => {
+    const { now = Date.now(), ...format } = options;
+    const seconds = (+value - +now) / 1e3;
+    const [unit, size] = RELATIVE_UNITS.find(([, size2]) => Math.abs(seconds) >= size2) ?? ["second", 1];
+    return new Intl.RelativeTimeFormat(locale(), { numeric: "auto", ...format }).format(Math.round(seconds / size), unit);
+  };
+  return { t, n, d, rt, locale, setLocale, locales: config.locales };
 }
 function detectLocale(acceptLanguage, locales) {
   if (!acceptLanguage) return void 0;

package/dist/src/lib/index.cjs

@@ -39,32 +39,30 @@ __export(index_exports, {
   Switch: () => import_dom12.Switch,
   VERSION: () => VERSION2,
   addClass: () => import_dom14.addClass,
-  batch: () => import_signal10.batch,
+  batch: () => import_signal9.batch,
   classMap: () => import_dom13.classMap,
   cleanupDelegation: () => cleanupDelegation,
   composeProviders: () => composeProviders,
   createComponent: () => createComponent,
-  createComputed: () => import_signal10.createComputed,
-  createConsumer: () => createConsumer,
+  createComputed: () => import_signal9.createComputed,
   createContext: () => createContext3,
-  createContextWithProvider: () => createContextWithProvider,
-  createDebounce: () => import_signal11.createDebounce,
-  createDeferred: () => import_signal10.createDeferred,
-  createEffect: () => import_signal10.createEffect,
+  createDebounce: () => import_signal10.createDebounce,
+  createDeferred: () => import_signal9.createDeferred,
+  createEffect: () => import_signal9.createEffect,
   createIsomorphicState: () => createIsomorphicState,
-  createMemo: () => import_signal10.createMemo,
+  createMemo: () => import_signal9.createMemo,
   createProvider: () => createProvider,
-  createRenderEffect: () => import_signal10.createRenderEffect,
-  createResource: () => import_signal10.createResource,
-  createRoot: () => import_signal10.createRoot,
-  createSelector: () => import_signal11.createSelector,
-  createSignal: () => import_signal10.createSignal,
+  createRenderEffect: () => import_signal9.createRenderEffect,
+  createResource: () => import_signal9.createResource,
+  createRoot: () => import_signal9.createRoot,
+  createSelector: () => import_signal10.createSelector,
+  createSignal: () => import_signal9.createSignal,
   createStore: () => import_store.createStore,
   default: () => index_default,
   delegateEvents: () => import_dom14.delegateEvents,
   devOnly: () => devOnly,
   getFrameworkInfo: () => getFrameworkInfo,
-  getOwner: () => import_signal10.getOwner,
+  getOwner: () => import_signal9.getOwner,
   getSharedConfig: () => getSharedConfig,
   hydrate: () => import_dom14.hydrate,
   initDelegation: () => initDelegation,
@@ -76,7 +74,7 @@ __export(index_exports, {
   jsx: () => jsx_runtime_exports.jsx,
   jsxs: () => jsx_runtime_exports.jsxs,
   lazy: () => lazy,
-  onCleanup: () => import_signal10.onCleanup,
+  onCleanup: () => import_signal9.onCleanup,
   onMount: () => onMount,
   onUnmount: () => onUnmount,
   portal: () => portal,
@@ -84,27 +82,27 @@ __export(index_exports, {
   reduce: () => import_operators.reduceSignal,
   removeClass: () => import_dom14.removeClass,
   render: () => render,
-  runWithOwner: () => import_signal10.runWithOwner,
+  requireContext: () => requireContext,
+  runWithOwner: () => import_signal9.runWithOwner,
   setAttribute: () => import_dom14.setAttribute,
-  setOwner: () => import_signal10.setOwner,
+  setOwner: () => import_signal9.setOwner,
   setProperty: () => import_dom14.setProperty,
   spread: () => import_dom14.spread,
   styleMap: () => import_dom13.styleMap,
   toggleClass: () => import_dom14.toggleClass,
-  untrack: () => import_signal10.untrack,
+  untrack: () => import_signal9.untrack,
   untrackStore: () => import_store.untrackStore,
   useCallback: () => useCallback,
   useContext: () => useContext3,
   useEffect: () => useEffect,
   useEventListener: () => useEventListener,
   useMemo: () => useMemo,
-  useProvide: () => useProvide,
   useReducer: () => useReducer,
   useRef: () => useRef
 });
 module.exports = __toCommonJS(index_exports);
+var import_signal9 = require("@fluixi/reactive/signal");
 var import_signal10 = require("@fluixi/reactive/signal");
-var import_signal11 = require("@fluixi/reactive/signal");
 var import_operators = require("@fluixi/reactive/operators");
 var import_store = require("@fluixi/reactive/store");
 
@@ -116,7 +114,7 @@ var import_signal6 = require("@fluixi/reactive/signal");
 var import_dom = require("@fluixi/dom");
 
 // src/version.generated.ts
-var VERSION = "1.0.0-alpha.92";
+var VERSION = "1.0.0-alpha.93";
 
 // src/lib/render/versions.ts
 var import_dom2 = require("@fluixi/dom");
@@ -458,81 +456,20 @@ function cleanupDelegation() {
 // src/lib/context/context.ts
 var import_dom10 = require("@fluixi/dom");
 var import_signal7 = require("@fluixi/reactive/signal");
-var import_signal8 = require("@fluixi/reactive/signal");
-var _warnedEagerProvider = false;
-function warnEagerProvider() {
-  if (_warnedEagerProvider) return;
-  _warnedEagerProvider = true;
-  if (typeof process !== "undefined" && true) return;
-  console.warn(
-    "[fluixi] createProvider({ context, value, children }) reads `children` eagerly: the object literal materialises `children` BEFORE the context is stamped, so a routed <Outlet/> that has siblings inside the provider renders detached and its descendants see no context under SSR. Use the lazy form instead:\n  createProvider(Context, value, props)   // children stays a getter\n  // or JSX:  <Context.Provider value={...}>{props.children}</Context.Provider>"
-  );
-}
-function createProvider(a, value, childProps) {
-  const isLazyForm = !!a?.Provider;
-  const context = isLazyForm ? a : a.context;
-  const rawValue = isLazyForm ? value : a.value;
-  const debug = isLazyForm ? false : a.debug ?? false;
-  if (!isLazyForm) warnEagerProvider();
-  const resolvedValue = typeof rawValue === "function" ? rawValue() : rawValue;
-  const sourceProps = isLazyForm ? childProps : a;
-  return context.Provider({
-    value: resolvedValue,
-    get children() {
-      return sourceProps?.children;
-    },
-    debug
-  });
-}
-function createContextWithProvider(defaultValue) {
-  const context = createContext3(defaultValue);
-  const provider = (props) => {
-    return createProvider(context, props.value, props);
-  };
-  return [context, provider];
-}
-function composeProviders(contexts, children) {
-  if (contexts.length === 0) {
-    return (0, import_signal8.readChildren)(() => children);
-  }
-  const [context, value] = contexts[0];
-  const remaining = contexts.slice(1);
-  return createProvider(context, value, {
-    get children() {
-      return composeProviders(remaining, children);
-    }
-  });
-}
-function createConsumer(context) {
-  return (props) => {
-    const value = useContext3(context);
-    return props.children(value);
-  };
-}
-function useProvide(context, factory) {
-  const existing = useContext3(context);
-  if (existing === context.defaultValue) {
-    return factory();
-  }
-  return existing;
-}
 function createContext3(defaultValue, name) {
   const context = (0, import_signal7.createContext)(defaultValue, name);
-  const Provider = (props) => {
-    if (props.debug === true) {
-    }
-    return context.Provider({
+  const Provider = (props) => (
+    // Children stay a getter: the reactive Provider reads them after stamping the value on
+    // its owner. Reading `props.children` here would render them, and any <Outlet/> in them,
+    // before the context exists.
+    context.Provider({
       value: props.value,
       get children() {
         return props.children;
       },
       debug: props.debug
-    });
-  };
-  if (typeof Symbol !== "undefined" && Symbol.for) {
-    Provider.$$typeof = /* @__PURE__ */ Symbol.for("react.provider");
-  }
-  Provider.$$typeof = /* @__PURE__ */ Symbol.for("react.provider");
+    })
+  );
   return {
     id: context.id,
     Provider: (0, import_dom10.asProvider)(Provider),
@@ -543,10 +480,38 @@ function useContext3(context) {
   const value = (0, import_signal7.useContext)(context);
   return value !== void 0 ? value : context.defaultValue;
 }
+function createProvider(context, value, props) {
+  const resolved = typeof value === "function" ? value() : value;
+  return context.Provider({
+    value: resolved,
+    get children() {
+      return props.children;
+    }
+  });
+}
+function composeProviders(providers, props) {
+  const outermost = providers.reduceRight(
+    (inner, [context, value]) => ({
+      get children() {
+        return createProvider(context, value, inner);
+      }
+    }),
+    props
+  );
+  return outermost.children;
+}
+function requireContext(context, message) {
+  for (let owner = (0, import_signal7.getOwner)(); owner; owner = owner.parent) {
+    if (owner.contexts?.has(context.id)) return useContext3(context);
+  }
+  throw new Error(message ?? `[fluixi] No Provider for ${context.id.description ?? "this context"} above this component.`);
+}
 
 // src/lib/isomorphic.ts
-var import_signal9 = require("@fluixi/reactive/signal");
+var import_signal8 = require("@fluixi/reactive/signal");
 var import_dom11 = require("@fluixi/dom");
+var import_storage = require("@fluixi/storage");
+var import_browser = require("@fluixi/storage/browser");
 var REGISTRY_KEY = "__fluixi_iso_states__";
 var SEED_PREFIX = "__iso:";
 function registry() {
@@ -560,7 +525,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] = (0, import_signal9.createSignal)(initial);
+  const [value, set] = (0, import_signal8.createSignal)(initial, { name: key });
   registry().set(key, { server: options.server, set });
   return { value, set, key };
 }
@@ -579,7 +544,7 @@ var jsx_runtime_exports = {};
 __reExport(jsx_runtime_exports, require("@fluixi/jsx/jsx-runtime"));
 
 // src/lib/index.ts
-var import_signal12 = require("@fluixi/reactive/signal");
+var import_signal11 = require("@fluixi/reactive/signal");
 var VERSION2 = "0.0.1";
 var FRAMEWORK_NAME = "Fluixi";
 function getFrameworkInfo() {
@@ -601,13 +566,13 @@ function getFrameworkInfo() {
 }
 var index_default = {
   // Core
-  createSignal: import_signal12.createSignal,
-  createEffect: import_signal12.createEffect,
-  createMemo: import_signal12.createMemo,
-  createRoot: import_signal12.createRoot,
-  batch: import_signal12.batch,
-  untrack: import_signal12.untrack,
-  onCleanup: import_signal12.onCleanup,
+  createSignal: import_signal11.createSignal,
+  createEffect: import_signal11.createEffect,
+  createMemo: import_signal11.createMemo,
+  createRoot: import_signal11.createRoot,
+  batch: import_signal11.batch,
+  untrack: import_signal11.untrack,
+  onCleanup: import_signal11.onCleanup,
   // Context (from component for proper support)
   createContext: createContext3,
   useContext: useContext3,