gemi 0.4.126 → 0.5.0

package/dist/client/index.js

@@ -1342,7 +1342,8 @@ function useNavigate() {
     getRoutePathnameFromHref,
     isNavigatingSubject,
     setNavigationAbortController,
-    getScrollPosition
+    getScrollPosition,
+    fetchRouteCSS
   } = useContext(ClientRouterContext);
   const { updatePrefecthedData } = useContext(QueryManagerContext);
   const { fetchTranslations } = useContext(I18nContext);
@@ -1380,6 +1381,7 @@ function useNavigate() {
       try {
         const [res] = await Promise.all([
           fetch(fetchPath, { signal: navigationAbortController.signal }),
+          fetchRouteCSS(routePathname),
           fetchTranslations(
             routePathname,
             void 0,
@@ -1564,6 +1566,7 @@ const ClientRouterProvider = (props) => {
     currentPath,
     is404,
     routeManifest,
+    cssManifest,
     pageData,
     params,
     searchParams
@@ -1664,6 +1667,30 @@ const ClientRouterProvider = (props) => {
     navigationAbortControllerRef.current.abort();
     navigationAbortControllerRef.current = controller;
   };
+  const fetchRouteCSS = async (routePath) => {
+    const views = routeManifest[routePath];
+    const cssFiles = views.map((view) => {
+      return cssManifest == null ? void 0 : cssManifest[view];
+    }).flat().filter(Boolean).filter((file) => !document.getElementById(file));
+    if (cssFiles.length === 0) {
+      return;
+    }
+    async function fetchCSS(path) {
+      const response = await fetch(`/${path}`);
+      const content = response.text();
+      return {
+        content,
+        id: path
+      };
+    }
+    const result = await Promise.all(cssFiles.map((file) => fetchCSS(file)));
+    for (const { content, id } of result) {
+      const style = document.createElement("style");
+      style.id = id;
+      style.textContent = await content;
+      document.head.appendChild(style);
+    }
+  };
   return /* @__PURE__ */ jsxs(
     ClientRouterContext.Provider,
     {
@@ -1681,7 +1708,8 @@ const ClientRouterProvider = (props) => {
         getPageData,
         getRoutePathnameFromHref,
         setNavigationAbortController,
-        progressManager
+        progressManager,
+        fetchRouteCSS
       },
       children: [
         children,
@@ -1979,6 +2007,7 @@ function Form(props) {
     ...formProps
   } = "params" in props ? { ...props, params: { ..._params, ...props.params } } : { ...props, params: _params };
   const formRef = useRef(null);
+  const { __csrf } = useContext(ServerDataContext);
   const { trigger, data, error, loading } = useMutation(
     method,
     String(action),
@@ -2003,7 +2032,7 @@ function Form(props) {
     MutationContext.Provider,
     {
       value: { isPending: loading, result: data, validationErrors, formError },
-      children: /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsxs(
         "form",
         {
           className: ["group", className].filter(Boolean).join(" "),
@@ -2011,7 +2040,10 @@ function Form(props) {
           ref: formRef,
           onSubmit: handleSubmit,
           ...formProps,
-          children: props.children
+          children: [
+            /* @__PURE__ */ jsx("input", { type: "hidden", name: "__csrf", value: __csrf }),
+            props.children
+          ]
         }
       )
     }
@@ -30866,10 +30898,11 @@ const Routes = (props) => {
 };
 const ClientRouter = (props) => {
   const { RootLayout } = props;
-  const { routeManifest, router, componentTree, pageData, auth } = useContext(ServerDataContext);
+  const { routeManifest, router, componentTree, pageData, cssManifest } = useContext(ServerDataContext);
   return /* @__PURE__ */ jsx(I18nProvider, { children: /* @__PURE__ */ jsx(WebSocketContextProvider, { children: /* @__PURE__ */ jsx(QueryManagerProvider, { children: /* @__PURE__ */ jsx(ComponentsProvider, { viewImportMap: props.viewImportMap, children: /* @__PURE__ */ jsx(
     ClientRouterProvider,
     {
+      cssManifest,
       searchParams: router.searchParams,
       params: router.params,
       pageData,