gemi 0.5.3 → 0.7.1

package/dist/client/index.js

@@ -34,11 +34,15 @@ class Subject {
   }
 }
 class QueryResource {
-  constructor(key, initialState = {}) {
+  constructor(key, initialState = {}, fetch2, host) {
     __publicField(this, "store");
     __publicField(this, "staleVariants", /* @__PURE__ */ new Set());
     __publicField(this, "lastFetchRecord", /* @__PURE__ */ new Map());
     __publicField(this, "key");
+    __publicField(this, "fetch");
+    __publicField(this, "host");
+    this.fetch = fetch2;
+    this.host = host;
     this.key = key;
     const store = /* @__PURE__ */ new Map();
     const now = Date.now();
@@ -104,7 +108,7 @@ class QueryResource {
       });
     }
     const fullUrl = [this.key, variantKey].filter((s) => s.length).join("?");
-    const response = await fetch(`/api${fullUrl}`);
+    const response = await this.fetch(`${this.host}/api${fullUrl}`);
     let data = null;
     try {
       data = await response.json();
@@ -144,9 +148,20 @@ const ServerDataProvider = (props) => {
   }
   return /* @__PURE__ */ jsx(ServerDataContext.Provider, { value: _value, children: props.children });
 };
+const HttpClientContext = createContext({
+  fetch: (...params) => globalThis.fetch.bind(globalThis)(...params),
+  host: ""
+});
+const HttpClientProvider = ({
+  fetch: fetch2 = globalThis.fetch,
+  host = "",
+  children
+}) => {
+  return /* @__PURE__ */ jsx(HttpClientContext.Provider, { value: { fetch: fetch2, host }, children });
+};
 const QueryManagerContext = createContext({
   getResource: (key, initialState = {}) => {
-    return new QueryResource(key, initialState);
+    return new QueryResource(key, initialState, fetch, "");
   },
   updatePrefecthedData: (_data) => {
   }
@@ -155,6 +170,7 @@ const QueryManagerProvider = ({ children }) => {
   const resourcesRef = useRef(/* @__PURE__ */ new Map());
   const { prefetchedData } = useContext(ServerDataContext);
   const prefetchedDataRef = useRef(prefetchedData);
+  const { fetch: fetch2, host } = useContext(HttpClientContext);
   const updatePrefecthedData = (data) => {
     for (const [key, value] of Object.entries(data)) {
       prefetchedDataRef.current[key] = value;
@@ -176,7 +192,7 @@ const QueryManagerProvider = ({ children }) => {
           if (!resourcesRef.current.has(key)) {
             resourcesRef.current.set(
               key,
-              new QueryResource(key, _initialState ?? {})
+              new QueryResource(key, _initialState ?? {}, fetch2, host)
             );
           }
           return resourcesRef.current.get(key);
@@ -1264,6 +1280,7 @@ class ProgressManager {
 const I18nContext = createContext({});
 const I18nProvider = (props) => {
   const { i18n } = useContext(ServerDataContext);
+  const { fetch: fetch2, host } = useContext(HttpClientContext);
   const [currentLocale, setCurrentLocale] = useState(i18n.currentLocale);
   const [dictionary] = useState(() => {
     const dictionary2 = /* @__PURE__ */ new Map();
@@ -1282,7 +1299,7 @@ const I18nProvider = (props) => {
     }
     return Object.fromEntries(dictionary.get(currentLocale).entries());
   });
-  function updateDictionary(translations) {
+  function updateDictionary(translations = {}) {
     for (const [locale, value] of Object.entries(translations)) {
       if (!dictionary.has(locale)) {
         dictionary.set(locale, /* @__PURE__ */ new Map());
@@ -1311,8 +1328,8 @@ const I18nProvider = (props) => {
     if (Object.keys(i18n).length === 0) {
       return;
     }
-    const response = await fetch(
-      `/api/__gemi__/services/i18n/translations?scope=${pathname}&locale=${locale || currentLocale}`,
+    const response = await fetch2(
+      `${host}/api/__gemi__/services/i18n/translations?scope=${pathname}&locale=${locale || currentLocale}`,
       {
         signal
       }
@@ -1347,6 +1364,7 @@ function useNavigate() {
   } = useContext(ClientRouterContext);
   const { updatePrefecthedData } = useContext(QueryManagerContext);
   const { fetchTranslations } = useContext(I18nContext);
+  const { fetch: fetch2, host } = useContext(HttpClientContext);
   function action(pushOrReplace) {
     return async (path, ...args) => {
       const navigationAbortController = new AbortController();
@@ -1380,16 +1398,19 @@ function useNavigate() {
       isNavigatingSubject.next(true);
       try {
         const [res] = await Promise.all([
-          fetch(fetchPath, { signal: navigationAbortController.signal }),
+          fetch2(`${host}${fetchPath}`, {
+            signal: navigationAbortController.signal
+          }),
           fetchRouteCSS(routePathname),
           fetchTranslations(
             routePathname,
             void 0,
             navigationAbortController.signal
           ),
-          ...components.map(
-            (component) => window.loaders[component]()
-          )
+          ...components.map((component) => {
+            if (!(window == null ? void 0 : window.loaders)) return Promise.resolve();
+            return window == null ? void 0 : window.loaders[component]();
+          })
         ]);
         if (res.ok) {
           const {
@@ -1576,6 +1597,7 @@ const ClientRouterProvider = (props) => {
   const [isNavigatingSubject] = useState(() => {
     return new Subject(false);
   });
+  const { fetch: fetch2, host } = useContext(HttpClientContext);
   const [progressManager] = useState(new ProgressManager(isNavigatingSubject));
   const pageDataRef = useRef(structuredClone(pageData));
   const scrollHistoryRef = useRef(/* @__PURE__ */ new Map());
@@ -1605,10 +1627,10 @@ const ClientRouterProvider = (props) => {
   };
   const findMatchingRouteFromParams = (pathname2) => {
     const candidates = [];
-    for (const route2 of Object.keys(routeManifest)) {
-      const urlPattern = new me({ pathname: route2 });
+    for (const route of Object.keys(routeManifest)) {
+      const urlPattern = new me({ pathname: route });
       if (urlPattern.test({ pathname: pathname2 })) {
-        candidates.push(route2);
+        candidates.push(route);
       }
     }
     const sortedCandidates = candidates.sort((a, b2) => {
@@ -1616,8 +1638,7 @@ const ClientRouterProvider = (props) => {
       const y2 = b2.split("/").length + b2.split(":").length;
       return x2 - y2;
     });
-    const [route] = sortedCandidates ?? [];
-    return route;
+    return (sortedCandidates ?? [])[0];
   };
   const getViewPathsFromPathname = (pathname2) => {
     const route = findMatchingRouteFromParams(pathname2);
@@ -1661,7 +1682,8 @@ const ClientRouterProvider = (props) => {
     pageDataRef.current[key] = value;
   };
   const getPageData = (key) => {
-    return pageDataRef.current[locationSubject.getValue().pathname][key];
+    var _a2;
+    return (_a2 = pageDataRef.current[locationSubject.getValue().pathname]) == null ? void 0 : _a2[key];
   };
   const setNavigationAbortController = (controller) => {
     navigationAbortControllerRef.current.abort();
@@ -1676,7 +1698,7 @@ const ClientRouterProvider = (props) => {
       return;
     }
     async function fetchCSS(path) {
-      const response = await fetch(`/${path}`);
+      const response = await fetch2(`${host}/${path}`);
       const content = response.text();
       return {
         content,
@@ -1726,12 +1748,12 @@ function useLocationChange(cb) {
   }, []);
 }
 function useLocation() {
+  var _a2;
   const ctx = useContext(ClientRouterContext);
   if (!ctx) {
     throw new Error("useLocation must be used within a ClientRouterProvider");
   }
-  const { locationSubject } = ctx;
-  const [location, setLocation] = useState(locationSubject == null ? void 0 : locationSubject.getValue());
+  const [location, setLocation] = useState((_a2 = ctx == null ? void 0 : ctx.locationSubject) == null ? void 0 : _a2.getValue());
   useLocationChange((newLocation) => {
     setLocation(newLocation);
   });
@@ -1891,6 +1913,7 @@ const defaultOptions = {
 };
 function useMutation(method, url, ...args) {
   const _params = useParams();
+  const { fetch: fetch2, host } = useContext(HttpClientContext);
   const [state, setState] = useState({
     data: null,
     error: null,
@@ -1939,7 +1962,7 @@ function useMutation(method, url, ...args) {
         body = JSON.stringify(input);
       }
       try {
-        const response = await fetch(`/api${finalUrl}`, {
+        const response = await fetch2(`${host}/api${finalUrl}`, {
           method,
           headers: {
             ...contentType
@@ -5774,59 +5797,59 @@ function requireReactDomClient_production() {
     currentStateHook.memoizedState = action;
     return [stateHook, dispatch, false];
   }
-  function pushEffect(tag, create, inst, deps) {
-    tag = { tag, create, inst, deps, next: null };
-    create = currentlyRenderingFiber$1.updateQueue;
-    null === create ? (create = createFunctionComponentUpdateQueue(), currentlyRenderingFiber$1.updateQueue = create, create.lastEffect = tag.next = tag) : (inst = create.lastEffect, null === inst ? create.lastEffect = tag.next = tag : (deps = inst.next, inst.next = tag, tag.next = deps, create.lastEffect = tag));
+  function pushEffect(tag, create2, inst, deps) {
+    tag = { tag, create: create2, inst, deps, next: null };
+    create2 = currentlyRenderingFiber$1.updateQueue;
+    null === create2 ? (create2 = createFunctionComponentUpdateQueue(), currentlyRenderingFiber$1.updateQueue = create2, create2.lastEffect = tag.next = tag) : (inst = create2.lastEffect, null === inst ? create2.lastEffect = tag.next = tag : (deps = inst.next, inst.next = tag, tag.next = deps, create2.lastEffect = tag));
     return tag;
   }
   function updateRef() {
     return updateWorkInProgressHook().memoizedState;
   }
-  function mountEffectImpl(fiberFlags, hookFlags, create, deps) {
+  function mountEffectImpl(fiberFlags, hookFlags, create2, deps) {
     var hook = mountWorkInProgressHook();
     currentlyRenderingFiber$1.flags |= fiberFlags;
     hook.memoizedState = pushEffect(
       1 | hookFlags,
-      create,
+      create2,
       { destroy: void 0 },
       void 0 === deps ? null : deps
     );
   }
-  function updateEffectImpl(fiberFlags, hookFlags, create, deps) {
+  function updateEffectImpl(fiberFlags, hookFlags, create2, deps) {
     var hook = updateWorkInProgressHook();
     deps = void 0 === deps ? null : deps;
     var inst = hook.memoizedState.inst;
-    null !== currentHook && null !== deps && areHookInputsEqual(deps, currentHook.memoizedState.deps) ? hook.memoizedState = pushEffect(hookFlags, create, inst, deps) : (currentlyRenderingFiber$1.flags |= fiberFlags, hook.memoizedState = pushEffect(1 | hookFlags, create, inst, deps));
+    null !== currentHook && null !== deps && areHookInputsEqual(deps, currentHook.memoizedState.deps) ? hook.memoizedState = pushEffect(hookFlags, create2, inst, deps) : (currentlyRenderingFiber$1.flags |= fiberFlags, hook.memoizedState = pushEffect(1 | hookFlags, create2, inst, deps));
   }
-  function mountEffect(create, deps) {
-    mountEffectImpl(8390656, 8, create, deps);
+  function mountEffect(create2, deps) {
+    mountEffectImpl(8390656, 8, create2, deps);
   }
-  function updateEffect(create, deps) {
-    updateEffectImpl(2048, 8, create, deps);
+  function updateEffect(create2, deps) {
+    updateEffectImpl(2048, 8, create2, deps);
   }
-  function updateInsertionEffect(create, deps) {
-    return updateEffectImpl(4, 2, create, deps);
+  function updateInsertionEffect(create2, deps) {
+    return updateEffectImpl(4, 2, create2, deps);
   }
-  function updateLayoutEffect(create, deps) {
-    return updateEffectImpl(4, 4, create, deps);
+  function updateLayoutEffect(create2, deps) {
+    return updateEffectImpl(4, 4, create2, deps);
   }
-  function imperativeHandleEffect(create, ref) {
+  function imperativeHandleEffect(create2, ref) {
     if ("function" === typeof ref) {
-      create = create();
-      var refCleanup = ref(create);
+      create2 = create2();
+      var refCleanup = ref(create2);
       return function() {
         "function" === typeof refCleanup ? refCleanup() : ref(null);
       };
     }
     if (null !== ref && void 0 !== ref)
-      return create = create(), ref.current = create, function() {
+      return create2 = create2(), ref.current = create2, function() {
         ref.current = null;
       };
   }
-  function updateImperativeHandle(ref, create, deps) {
+  function updateImperativeHandle(ref, create2, deps) {
     deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
-    updateEffectImpl(4, 4, imperativeHandleEffect.bind(null, create, ref), deps);
+    updateEffectImpl(4, 4, imperativeHandleEffect.bind(null, create2, ref), deps);
   }
   function mountDebugValue() {
   }
@@ -6094,20 +6117,20 @@ function requireReactDomClient_production() {
     },
     useContext: readContext,
     useEffect: mountEffect,
-    useImperativeHandle: function(ref, create, deps) {
+    useImperativeHandle: function(ref, create2, deps) {
       deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
       mountEffectImpl(
         4194308,
         4,
-        imperativeHandleEffect.bind(null, create, ref),
+        imperativeHandleEffect.bind(null, create2, ref),
         deps
       );
     },
-    useLayoutEffect: function(create, deps) {
-      return mountEffectImpl(4194308, 4, create, deps);
+    useLayoutEffect: function(create2, deps) {
+      return mountEffectImpl(4194308, 4, create2, deps);
     },
-    useInsertionEffect: function(create, deps) {
-      mountEffectImpl(4, 2, create, deps);
+    useInsertionEffect: function(create2, deps) {
+      mountEffectImpl(4, 2, create2, deps);
     },
     useMemo: function(nextCreate, deps) {
       var hook = mountWorkInProgressHook();
@@ -8062,9 +8085,9 @@ function requireReactDomClient_production() {
       var effect = finishedWork = finishedWork.next;
       do {
         if ((effect.tag & flags) === flags) {
-          var create = effect.create, inst = effect.inst;
-          create = create();
-          inst.destroy = create;
+          var create2 = effect.create, inst = effect.inst;
+          create2 = create2();
+          inst.destroy = create2;
         }
         effect = effect.next;
       } while (effect !== finishedWork);
@@ -17829,8 +17852,8 @@ function requireReactDomClient_development() {
       ))
         hook.memoizedState = getServerSnapshot, didReceiveUpdate = true;
       hook = hook.queue;
-      var create = subscribeToStore.bind(null, fiber, hook, subscribe);
-      updateEffectImpl(2048, Passive, create, [subscribe]);
+      var create2 = subscribeToStore.bind(null, fiber, hook, subscribe);
+      updateEffectImpl(2048, Passive, create2, [subscribe]);
       if (hook.getSnapshot !== getSnapshot || cachedSnapshot || null !== workInProgressHook && workInProgressHook.memoizedState.tag & HasEffect) {
         fiber.flags |= 2048;
         pushEffect(
@@ -18153,10 +18176,10 @@ function requireReactDomClient_development() {
       currentStateHook.memoizedState = action;
       return [stateHook, dispatch, false];
     }
-    function pushEffect(tag, create, inst, deps) {
-      tag = { tag, create, inst, deps, next: null };
-      create = currentlyRenderingFiber$1.updateQueue;
-      null === create ? (create = createFunctionComponentUpdateQueue(), currentlyRenderingFiber$1.updateQueue = create, create.lastEffect = tag.next = tag) : (inst = create.lastEffect, null === inst ? create.lastEffect = tag.next = tag : (deps = inst.next, inst.next = tag, tag.next = deps, create.lastEffect = tag));
+    function pushEffect(tag, create2, inst, deps) {
+      tag = { tag, create: create2, inst, deps, next: null };
+      create2 = currentlyRenderingFiber$1.updateQueue;
+      null === create2 ? (create2 = createFunctionComponentUpdateQueue(), currentlyRenderingFiber$1.updateQueue = create2, create2.lastEffect = tag.next = tag) : (inst = create2.lastEffect, null === inst ? create2.lastEffect = tag.next = tag : (deps = inst.next, inst.next = tag, tag.next = deps, create2.lastEffect = tag));
       return tag;
     }
     function mountRef(initialValue) {
@@ -18164,39 +18187,39 @@ function requireReactDomClient_development() {
       initialValue = { current: initialValue };
       return hook.memoizedState = initialValue;
     }
-    function mountEffectImpl(fiberFlags, hookFlags, create, deps) {
+    function mountEffectImpl(fiberFlags, hookFlags, create2, deps) {
       var hook = mountWorkInProgressHook();
       currentlyRenderingFiber$1.flags |= fiberFlags;
       hook.memoizedState = pushEffect(
         HasEffect | hookFlags,
-        create,
+        create2,
         { destroy: void 0 },
         void 0 === deps ? null : deps
       );
     }
-    function updateEffectImpl(fiberFlags, hookFlags, create, deps) {
+    function updateEffectImpl(fiberFlags, hookFlags, create2, deps) {
       var hook = updateWorkInProgressHook();
       deps = void 0 === deps ? null : deps;
       var inst = hook.memoizedState.inst;
-      null !== currentHook && null !== deps && areHookInputsEqual(deps, currentHook.memoizedState.deps) ? hook.memoizedState = pushEffect(hookFlags, create, inst, deps) : (currentlyRenderingFiber$1.flags |= fiberFlags, hook.memoizedState = pushEffect(
+      null !== currentHook && null !== deps && areHookInputsEqual(deps, currentHook.memoizedState.deps) ? hook.memoizedState = pushEffect(hookFlags, create2, inst, deps) : (currentlyRenderingFiber$1.flags |= fiberFlags, hook.memoizedState = pushEffect(
         HasEffect | hookFlags,
-        create,
+        create2,
         inst,
         deps
       ));
     }
-    function mountEffect(create, deps) {
-      0 !== (currentlyRenderingFiber$1.mode & 16) && 0 === (currentlyRenderingFiber$1.mode & 64) ? mountEffectImpl(142608384, Passive, create, deps) : mountEffectImpl(8390656, Passive, create, deps);
+    function mountEffect(create2, deps) {
+      0 !== (currentlyRenderingFiber$1.mode & 16) && 0 === (currentlyRenderingFiber$1.mode & 64) ? mountEffectImpl(142608384, Passive, create2, deps) : mountEffectImpl(8390656, Passive, create2, deps);
     }
-    function mountLayoutEffect(create, deps) {
+    function mountLayoutEffect(create2, deps) {
       var fiberFlags = 4194308;
       0 !== (currentlyRenderingFiber$1.mode & 16) && (fiberFlags |= 67108864);
-      return mountEffectImpl(fiberFlags, Layout, create, deps);
+      return mountEffectImpl(fiberFlags, Layout, create2, deps);
     }
-    function imperativeHandleEffect(create, ref) {
+    function imperativeHandleEffect(create2, ref) {
       if ("function" === typeof ref) {
-        create = create();
-        var refCleanup = ref(create);
+        create2 = create2();
+        var refCleanup = ref(create2);
         return function() {
           "function" === typeof refCleanup ? refCleanup() : ref(null);
         };
@@ -18205,14 +18228,14 @@ function requireReactDomClient_development() {
         return ref.hasOwnProperty("current") || error$jscomp$0(
           "Expected useImperativeHandle() first argument to either be a ref callback or React.createRef() object. Instead received: %s.",
           "an object with keys {" + Object.keys(ref).join(", ") + "}"
-        ), create = create(), ref.current = create, function() {
+        ), create2 = create2(), ref.current = create2, function() {
           ref.current = null;
         };
     }
-    function mountImperativeHandle(ref, create, deps) {
-      "function" !== typeof create && error$jscomp$0(
+    function mountImperativeHandle(ref, create2, deps) {
+      "function" !== typeof create2 && error$jscomp$0(
         "Expected useImperativeHandle() second argument to be a function that creates a handle. Instead received: %s.",
-        null !== create ? typeof create : "null"
+        null !== create2 ? typeof create2 : "null"
       );
       deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
       var fiberFlags = 4194308;
@@ -18220,20 +18243,20 @@ function requireReactDomClient_development() {
       mountEffectImpl(
         fiberFlags,
         Layout,
-        imperativeHandleEffect.bind(null, create, ref),
+        imperativeHandleEffect.bind(null, create2, ref),
         deps
       );
     }
-    function updateImperativeHandle(ref, create, deps) {
-      "function" !== typeof create && error$jscomp$0(
+    function updateImperativeHandle(ref, create2, deps) {
+      "function" !== typeof create2 && error$jscomp$0(
         "Expected useImperativeHandle() second argument to be a function that creates a handle. Instead received: %s.",
-        null !== create ? typeof create : "null"
+        null !== create2 ? typeof create2 : "null"
       );
       deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
       updateEffectImpl(
         4,
         Layout,
-        imperativeHandleEffect.bind(null, create, ref),
+        imperativeHandleEffect.bind(null, create2, ref),
         deps
       );
     }
@@ -21070,17 +21093,17 @@ function requireReactDomClient_development() {
             ) : (flags & Layout) !== NoFlags && null !== injectedProfilingHooks && "function" === typeof injectedProfilingHooks.markComponentLayoutEffectMountStarted && injectedProfilingHooks.markComponentLayoutEffectMountStarted(
               finishedWork
             );
-            var create = effect.create;
+            var create2 = effect.create;
             (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = true);
             var inst = effect.inst;
-            create = create();
-            inst.destroy = create;
+            create2 = create2();
+            inst.destroy = create2;
             (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = false);
             (flags & Passive) !== NoFlags ? null !== injectedProfilingHooks && "function" === typeof injectedProfilingHooks.markComponentPassiveEffectMountStopped && injectedProfilingHooks.markComponentPassiveEffectMountStopped() : (flags & Layout) !== NoFlags && null !== injectedProfilingHooks && "function" === typeof injectedProfilingHooks.markComponentLayoutEffectMountStopped && injectedProfilingHooks.markComponentLayoutEffectMountStopped();
-            void 0 !== create && "function" !== typeof create && (inst = 0 !== (effect.tag & Layout) ? "useLayoutEffect" : 0 !== (effect.tag & Insertion) ? "useInsertionEffect" : "useEffect", error$jscomp$0(
+            void 0 !== create2 && "function" !== typeof create2 && (inst = 0 !== (effect.tag & Layout) ? "useLayoutEffect" : 0 !== (effect.tag & Insertion) ? "useInsertionEffect" : "useEffect", error$jscomp$0(
               "%s must not return anything besides a function, which is used for clean-up.%s",
               inst,
-              null === create ? " You returned null. If your effect does not require clean up, return undefined (or nothing)." : "function" === typeof create.then ? "\n\nIt looks like you wrote " + inst + "(async () => ...) or returned a Promise. Instead, write the async function inside your effect and call it immediately:\n\n" + inst + "(() => {\n  async function fetchData() {\n    // You can await here\n    const response = await MyAPI.getData(someId);\n    // ...\n  }\n  fetchData();\n}, [someId]); // Or [] if effect doesn't need props or state\n\nLearn more about data fetching with Hooks: https://react.dev/link/hooks-data-fetching" : " You returned: " + create
+              null === create2 ? " You returned null. If your effect does not require clean up, return undefined (or nothing)." : "function" === typeof create2.then ? "\n\nIt looks like you wrote " + inst + "(async () => ...) or returned a Promise. Instead, write the async function inside your effect and call it immediately:\n\n" + inst + "(() => {\n  async function fetchData() {\n    // You can await here\n    const response = await MyAPI.getData(someId);\n    // ...\n  }\n  fetchData();\n}, [someId]); // Or [] if effect doesn't need props or state\n\nLearn more about data fetching with Hooks: https://react.dev/link/hooks-data-fetching" : " You returned: " + create2
             ));
           }
           effect = effect.next;
@@ -29256,38 +29279,38 @@ function requireReactDomClient_development() {
         mountHookTypesDev();
         return readContext(context);
       },
-      useEffect: function(create, deps) {
+      useEffect: function(create2, deps) {
         currentHookNameInDev = "useEffect";
         mountHookTypesDev();
         checkDepsAreArrayDev(deps);
-        return mountEffect(create, deps);
+        return mountEffect(create2, deps);
       },
-      useImperativeHandle: function(ref, create, deps) {
+      useImperativeHandle: function(ref, create2, deps) {
         currentHookNameInDev = "useImperativeHandle";
         mountHookTypesDev();
         checkDepsAreArrayDev(deps);
-        return mountImperativeHandle(ref, create, deps);
+        return mountImperativeHandle(ref, create2, deps);
       },
-      useInsertionEffect: function(create, deps) {
+      useInsertionEffect: function(create2, deps) {
         currentHookNameInDev = "useInsertionEffect";
         mountHookTypesDev();
         checkDepsAreArrayDev(deps);
-        mountEffectImpl(4, Insertion, create, deps);
+        mountEffectImpl(4, Insertion, create2, deps);
       },
-      useLayoutEffect: function(create, deps) {
+      useLayoutEffect: function(create2, deps) {
         currentHookNameInDev = "useLayoutEffect";
         mountHookTypesDev();
         checkDepsAreArrayDev(deps);
-        return mountLayoutEffect(create, deps);
+        return mountLayoutEffect(create2, deps);
       },
-      useMemo: function(create, deps) {
+      useMemo: function(create2, deps) {
         currentHookNameInDev = "useMemo";
         mountHookTypesDev();
         checkDepsAreArrayDev(deps);
         var prevDispatcher = ReactSharedInternals.H;
         ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
         try {
-          return mountMemo(create, deps);
+          return mountMemo(create2, deps);
         } finally {
           ReactSharedInternals.H = prevDispatcher;
         }
@@ -29385,33 +29408,33 @@ function requireReactDomClient_development() {
         updateHookTypesDev();
         return readContext(context);
       },
-      useEffect: function(create, deps) {
+      useEffect: function(create2, deps) {
         currentHookNameInDev = "useEffect";
         updateHookTypesDev();
-        return mountEffect(create, deps);
+        return mountEffect(create2, deps);
       },
-      useImperativeHandle: function(ref, create, deps) {
+      useImperativeHandle: function(ref, create2, deps) {
         currentHookNameInDev = "useImperativeHandle";
         updateHookTypesDev();
-        return mountImperativeHandle(ref, create, deps);
+        return mountImperativeHandle(ref, create2, deps);
       },
-      useInsertionEffect: function(create, deps) {
+      useInsertionEffect: function(create2, deps) {
         currentHookNameInDev = "useInsertionEffect";
         updateHookTypesDev();
-        mountEffectImpl(4, Insertion, create, deps);
+        mountEffectImpl(4, Insertion, create2, deps);
       },
-      useLayoutEffect: function(create, deps) {
+      useLayoutEffect: function(create2, deps) {
         currentHookNameInDev = "useLayoutEffect";
         updateHookTypesDev();
-        return mountLayoutEffect(create, deps);
+        return mountLayoutEffect(create2, deps);
       },
-      useMemo: function(create, deps) {
+      useMemo: function(create2, deps) {
         currentHookNameInDev = "useMemo";
         updateHookTypesDev();
         var prevDispatcher = ReactSharedInternals.H;
         ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
         try {
-          return mountMemo(create, deps);
+          return mountMemo(create2, deps);
         } finally {
           ReactSharedInternals.H = prevDispatcher;
         }
@@ -29510,33 +29533,33 @@ function requireReactDomClient_development() {
         updateHookTypesDev();
         return readContext(context);
       },
-      useEffect: function(create, deps) {
+      useEffect: function(create2, deps) {
         currentHookNameInDev = "useEffect";
         updateHookTypesDev();
-        updateEffectImpl(2048, Passive, create, deps);
+        updateEffectImpl(2048, Passive, create2, deps);
       },
-      useImperativeHandle: function(ref, create, deps) {
+      useImperativeHandle: function(ref, create2, deps) {
         currentHookNameInDev = "useImperativeHandle";
         updateHookTypesDev();
-        return updateImperativeHandle(ref, create, deps);
+        return updateImperativeHandle(ref, create2, deps);
       },
-      useInsertionEffect: function(create, deps) {
+      useInsertionEffect: function(create2, deps) {
         currentHookNameInDev = "useInsertionEffect";
         updateHookTypesDev();
-        return updateEffectImpl(4, Insertion, create, deps);
+        return updateEffectImpl(4, Insertion, create2, deps);
       },
-      useLayoutEffect: function(create, deps) {
+      useLayoutEffect: function(create2, deps) {
         currentHookNameInDev = "useLayoutEffect";
         updateHookTypesDev();
-        return updateEffectImpl(4, Layout, create, deps);
+        return updateEffectImpl(4, Layout, create2, deps);
       },
-      useMemo: function(create, deps) {
+      useMemo: function(create2, deps) {
         currentHookNameInDev = "useMemo";
         updateHookTypesDev();
         var prevDispatcher = ReactSharedInternals.H;
         ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
         try {
-          return updateMemo(create, deps);
+          return updateMemo(create2, deps);
         } finally {
           ReactSharedInternals.H = prevDispatcher;
         }
@@ -29635,33 +29658,33 @@ function requireReactDomClient_development() {
         updateHookTypesDev();
         return readContext(context);
       },
-      useEffect: function(create, deps) {
+      useEffect: function(create2, deps) {
         currentHookNameInDev = "useEffect";
         updateHookTypesDev();
-        updateEffectImpl(2048, Passive, create, deps);
+        updateEffectImpl(2048, Passive, create2, deps);
       },
-      useImperativeHandle: function(ref, create, deps) {
+      useImperativeHandle: function(ref, create2, deps) {
         currentHookNameInDev = "useImperativeHandle";
         updateHookTypesDev();
-        return updateImperativeHandle(ref, create, deps);
+        return updateImperativeHandle(ref, create2, deps);
       },
-      useInsertionEffect: function(create, deps) {
+      useInsertionEffect: function(create2, deps) {
         currentHookNameInDev = "useInsertionEffect";
         updateHookTypesDev();
-        return updateEffectImpl(4, Insertion, create, deps);
+        return updateEffectImpl(4, Insertion, create2, deps);
       },
-      useLayoutEffect: function(create, deps) {
+      useLayoutEffect: function(create2, deps) {
         currentHookNameInDev = "useLayoutEffect";
         updateHookTypesDev();
-        return updateEffectImpl(4, Layout, create, deps);
+        return updateEffectImpl(4, Layout, create2, deps);
       },
-      useMemo: function(create, deps) {
+      useMemo: function(create2, deps) {
         currentHookNameInDev = "useMemo";
         updateHookTypesDev();
         var prevDispatcher = ReactSharedInternals.H;
         ReactSharedInternals.H = InvalidNestedHooksDispatcherOnRerenderInDEV;
         try {
-          return updateMemo(create, deps);
+          return updateMemo(create2, deps);
         } finally {
           ReactSharedInternals.H = prevDispatcher;
         }
@@ -29766,38 +29789,38 @@ function requireReactDomClient_development() {
         mountHookTypesDev();
         return readContext(context);
       },
-      useEffect: function(create, deps) {
+      useEffect: function(create2, deps) {
         currentHookNameInDev = "useEffect";
         warnInvalidHookAccess();
         mountHookTypesDev();
-        return mountEffect(create, deps);
+        return mountEffect(create2, deps);
       },
-      useImperativeHandle: function(ref, create, deps) {
+      useImperativeHandle: function(ref, create2, deps) {
         currentHookNameInDev = "useImperativeHandle";
         warnInvalidHookAccess();
         mountHookTypesDev();
-        return mountImperativeHandle(ref, create, deps);
+        return mountImperativeHandle(ref, create2, deps);
       },
-      useInsertionEffect: function(create, deps) {
+      useInsertionEffect: function(create2, deps) {
         currentHookNameInDev = "useInsertionEffect";
         warnInvalidHookAccess();
         mountHookTypesDev();
-        mountEffectImpl(4, Insertion, create, deps);
+        mountEffectImpl(4, Insertion, create2, deps);
       },
-      useLayoutEffect: function(create, deps) {
+      useLayoutEffect: function(create2, deps) {
         currentHookNameInDev = "useLayoutEffect";
         warnInvalidHookAccess();
         mountHookTypesDev();
-        return mountLayoutEffect(create, deps);
+        return mountLayoutEffect(create2, deps);
       },
-      useMemo: function(create, deps) {
+      useMemo: function(create2, deps) {
         currentHookNameInDev = "useMemo";
         warnInvalidHookAccess();
         mountHookTypesDev();
         var prevDispatcher = ReactSharedInternals.H;
         ReactSharedInternals.H = InvalidNestedHooksDispatcherOnMountInDEV;
         try {
-          return mountMemo(create, deps);
+          return mountMemo(create2, deps);
         } finally {
           ReactSharedInternals.H = prevDispatcher;
         }
@@ -29915,38 +29938,38 @@ function requireReactDomClient_development() {
         updateHookTypesDev();
         return readContext(context);
       },
-      useEffect: function(create, deps) {
+      useEffect: function(create2, deps) {
         currentHookNameInDev = "useEffect";
         warnInvalidHookAccess();
         updateHookTypesDev();
-        updateEffectImpl(2048, Passive, create, deps);
+        updateEffectImpl(2048, Passive, create2, deps);
       },
-      useImperativeHandle: function(ref, create, deps) {
+      useImperativeHandle: function(ref, create2, deps) {
         currentHookNameInDev = "useImperativeHandle";
         warnInvalidHookAccess();
         updateHookTypesDev();
-        return updateImperativeHandle(ref, create, deps);
+        return updateImperativeHandle(ref, create2, deps);
       },
-      useInsertionEffect: function(create, deps) {
+      useInsertionEffect: function(create2, deps) {
         currentHookNameInDev = "useInsertionEffect";
         warnInvalidHookAccess();
         updateHookTypesDev();
-        return updateEffectImpl(4, Insertion, create, deps);
+        return updateEffectImpl(4, Insertion, create2, deps);
       },
-      useLayoutEffect: function(create, deps) {
+      useLayoutEffect: function(create2, deps) {
         currentHookNameInDev = "useLayoutEffect";
         warnInvalidHookAccess();
         updateHookTypesDev();
-        return updateEffectImpl(4, Layout, create, deps);
+        return updateEffectImpl(4, Layout, create2, deps);
       },
-      useMemo: function(create, deps) {
+      useMemo: function(create2, deps) {
         currentHookNameInDev = "useMemo";
         warnInvalidHookAccess();
         updateHookTypesDev();
         var prevDispatcher = ReactSharedInternals.H;
         ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
         try {
-          return updateMemo(create, deps);
+          return updateMemo(create2, deps);
         } finally {
           ReactSharedInternals.H = prevDispatcher;
         }
@@ -30064,38 +30087,38 @@ function requireReactDomClient_development() {
         updateHookTypesDev();
         return readContext(context);
       },
-      useEffect: function(create, deps) {
+      useEffect: function(create2, deps) {
         currentHookNameInDev = "useEffect";
         warnInvalidHookAccess();
         updateHookTypesDev();
-        updateEffectImpl(2048, Passive, create, deps);
+        updateEffectImpl(2048, Passive, create2, deps);
       },
-      useImperativeHandle: function(ref, create, deps) {
+      useImperativeHandle: function(ref, create2, deps) {
         currentHookNameInDev = "useImperativeHandle";
         warnInvalidHookAccess();
         updateHookTypesDev();
-        return updateImperativeHandle(ref, create, deps);
+        return updateImperativeHandle(ref, create2, deps);
       },
-      useInsertionEffect: function(create, deps) {
+      useInsertionEffect: function(create2, deps) {
         currentHookNameInDev = "useInsertionEffect";
         warnInvalidHookAccess();
         updateHookTypesDev();
-        return updateEffectImpl(4, Insertion, create, deps);
+        return updateEffectImpl(4, Insertion, create2, deps);
       },
-      useLayoutEffect: function(create, deps) {
+      useLayoutEffect: function(create2, deps) {
         currentHookNameInDev = "useLayoutEffect";
         warnInvalidHookAccess();
         updateHookTypesDev();
-        return updateEffectImpl(4, Layout, create, deps);
+        return updateEffectImpl(4, Layout, create2, deps);
       },
-      useMemo: function(create, deps) {
+      useMemo: function(create2, deps) {
         currentHookNameInDev = "useMemo";
         warnInvalidHookAccess();
         updateHookTypesDev();
         var prevDispatcher = ReactSharedInternals.H;
         ReactSharedInternals.H = InvalidNestedHooksDispatcherOnUpdateInDEV;
         try {
-          return updateMemo(create, deps);
+          return updateMemo(create2, deps);
         } finally {
           ReactSharedInternals.H = prevDispatcher;
         }
@@ -30792,7 +30815,7 @@ function flattenComponentTree(componentTree) {
 let viewImportMap = null;
 if (typeof window !== "undefined" && process.env.NODE_ENV !== "test") {
   viewImportMap = {};
-  const { componentTree } = window.__GEMI_DATA__;
+  const { componentTree = [] } = (window == null ? void 0 : window.__GEMI_DATA__) ?? {};
   for (const viewName of flattenComponentTree(componentTree)) {
     viewImportMap[viewName] = lazy(window.loaders[viewName]);
   }
@@ -30923,6 +30946,31 @@ function init(RootLayout) {
     ] })
   );
 }
+function create(RootLayout, {
+  componentTree,
+  loaders,
+  routeManifest,
+  router,
+  i18n,
+  auth,
+  prefetchedData,
+  viewImportMap: viewImportMap2,
+  http
+}) {
+  window.__GEMI_DATA__ = {
+    componentTree,
+    loaders,
+    routeManifest,
+    router,
+    i18n,
+    auth,
+    prefetchedData,
+    pageData: {}
+  };
+  clientExports.createRoot(document.getElementById("root")).render(
+    /* @__PURE__ */ jsx(HttpClientProvider, { host: http.host, fetch: http.fetch, children: /* @__PURE__ */ jsx(ServerDataProvider, { children: /* @__PURE__ */ jsx(ClientRouter, { viewImportMap: viewImportMap2, RootLayout }) }) })
+  );
+}
 function createRoot(RootLayout) {
   return (props) => /* @__PURE__ */ jsx(ServerDataProvider, { value: props.data, children: /* @__PURE__ */ jsx(
     ClientRouter,
@@ -30940,9 +30988,9 @@ function generateImageProps(src, width, container = defaultContainer, screen = d
   return {
     srcSet: [
       ...screen.map((size, i) => {
-        return `/__gemi/image?url=${baseUrl}&q=${quality}&w=${widths[i]} ${size}${isNaN(Number(size)) ? "" : "w"}`;
+        return `/api/__gemi__/services/image/resize?url=${baseUrl}&q=${quality}&w=${widths[i]} ${size}${isNaN(Number(size)) ? "" : "w"}`;
       }),
-      `/__gemi/image?url=${baseUrl}&q=${quality}&w=${width * 2} 2x`
+      `/api/__gemi__/services/image/resize?url=${baseUrl}&q=${quality}&w=${width * 2} 2x`
     ].join(", "),
     sources: [
       ...container.map((c, i) => {
@@ -31106,8 +31154,7 @@ function useLocale() {
   const { getRoutePathnameFromHref } = useContext(ClientRouterContext);
   const { pathname } = useLocation();
   const setLocale = async (locale2) => {
-    const x2 = getRoutePathnameFromHref(pathname);
-    await fetchTranslations(x2, locale2);
+    await fetchTranslations(getRoutePathnameFromHref(pathname), locale2);
     changeLocale(locale2);
   };
   return [locale, setLocale];
@@ -31142,9 +31189,12 @@ export {
   Form,
   FormError,
   FormField,
+  HttpClientContext,
+  HttpClientProvider,
   Image,
   Link,
   ValidationErrors,
+  create,
   createRoot,
   init,
   useBroadcast,