@farm.js/core 0.1.0-beta.22 → 0.1.0-beta.24

package/dist/{chunk-ZP73P4VR.mjs → chunk-HXE4VGH2.mjs}

@@ -1,15 +1,15 @@
-import {
-  withProductionNodeEnv
-} from "./chunk-4S3ORGFA.mjs";
 import {
   canUseRolldownForRouteDiscovery,
   loadFarmProductionVite
 } from "./chunk-SL6HTIOK.mjs";
+import {
+  withProductionNodeEnv
+} from "./chunk-4S3ORGFA.mjs";
 import {
   FARM_DOCS_LAST_MODIFIED_MANIFEST,
   createFarmDocsLastModifiedManifest,
   getFarmDocsRouteTypeEntries
-} from "./chunk-LLPN5SEZ.mjs";
+} from "./chunk-DVPRBMU2.mjs";
 import {
   generateFarmDocsSearchClientRuntime,
   isFarmDocsSearchEnabled,
@@ -18,7 +18,7 @@ import {
 import {
   hasCustomFarmRouteContext,
   resolveDeployOutputPath
-} from "./chunk-CEVMYGDL.mjs";
+} from "./chunk-YD5IRKVS.mjs";
 import {
   PluginManager
 } from "./chunk-A53LP5QG.mjs";
@@ -26,6 +26,7 @@ import {
   DEFAULT_NOT_FOUND_STYLES,
   createFarmApp,
   createFarmSourceAlias,
+  createFarmThemeCssPlugin,
   farmFontImportsPlugin,
   generateFarmClientPluginEntryCode,
   generateFarmTypeArtifacts,
@@ -33,7 +34,7 @@ import {
   mergeFarmFontCss,
   mergeFarmViteConfig,
   resolveRouteRenderingConfigFromFile
-} from "./chunk-XBKXKJX5.mjs";
+} from "./chunk-HVJHNKSP.mjs";
 import {
   farmEnvironmentFunctionsPlugin
 } from "./chunk-V6WE6JSZ.mjs";
@@ -47,9 +48,6 @@ import {
 import {
   getFarmAppDirectories
 } from "./chunk-74YTBPTY.mjs";
-import {
-  isFarmMarkdownPageFile
-} from "./chunk-ZVWA4ZQ3.mjs";
 import {
   applyFarmWorkflowVercelCrons,
   prepareFarmWorkflowsForNitro
@@ -60,6 +58,9 @@ import {
   mergeScheduledTasks,
   prepareFarmCronForNitro
 } from "./chunk-GXASWWJU.mjs";
+import {
+  isFarmMarkdownPageFile
+} from "./chunk-ZVWA4ZQ3.mjs";
 import {
   getFarmIntegrationPluginServerRuntime
 } from "./chunk-CRN3AH35.mjs";
@@ -1256,6 +1257,11 @@ async function buildClient(productionVite, config, root, srcDir, outputDir, page
       const applicableClientLayouts = clientLayouts.filter(
         (layout) => layout.shouldHydrate && layoutAppliesToRoute(layout.pattern, route.pattern)
       );
+      if (metadata.suppressedAsyncHydration) {
+        logger.warn(
+          `\u26A0\uFE0F  ${route.pattern} is an async server component that imports client components; React cannot hydrate async components, so the route stays server-rendered and its client imports are not interactive.`
+        );
+      }
       if (metadata.shouldHydrate || applicableClientLayouts.length > 0) {
         const relativePath = route.modulePath.replace(root, "").replace(/^\//, "");
         const hydrationStrategies = [
@@ -1410,6 +1416,7 @@ async function buildClient(productionVite, config, root, srcDir, outputDir, page
         }
       },
       plugins: [
+        createFarmThemeCssPlugin(config.theme, config.basePath),
         ...tailwindVitePlugin ? [tailwindVitePlugin] : [],
         // Plugin to redirect @farm.js/core imports to client-only exports
         {
@@ -2132,6 +2139,13 @@ async function createMatchedHydrationElement(matched, pathname, searchParams) {
   if (matched.route.pageShouldHydrate) {
     const Component = await loadRouteComponent(matched.route);
     if (!Component) return null;
+    if (typeof Component === "function" && Component.constructor && Component.constructor.name === "AsyncFunction") {
+      console.warn(
+        "[Farm.js] Skipping hydration for " + pathname +
+        ": async server components cannot run in the browser. Server-rendered HTML is preserved."
+      );
+      return null;
+    }
     const props = { params: params, searchParams: Promise.resolve(searchParams) };
     pageElement = React.createElement(Component, props);
   } else if (hydrateLayouts) {
@@ -3028,6 +3042,7 @@ async function buildSSRInMemory(productionVite, config, root, routeManager, apiR
         __FARM_PUBLIC_ENV__: JSON.stringify(config.env?.public || {})
       },
       plugins: [
+        createFarmThemeCssPlugin(config.theme, config.basePath),
         ...tailwindVitePlugin ? [tailwindVitePlugin] : [],
         ...!useExternalMetadataImageRuntime && metadataImageRoutes.some((image) => image.sourceType === "module") ? [createMetadataImageWasmPlugin()] : [],
         {
@@ -3241,15 +3256,19 @@ function generateVirtualEntryCode(apiRoutes, pageRoutes, layoutRoutes, routeSlot
   _runWithCurrentRequest,
   _runWithMiddlewareContext,
   _runWithMiddlewareData,
+  _setDefaultFarmThemeConfig,
   addMetadataImageReference,
+  applyFarmThemeDocument,
   appendFarmLinkHeader,
   applyProductionMiddlewareHeaders,
   configureFarmCache,
   configureFarmObservability,
   createFarmCacheKey,
+  createFarmThemeDocumentParts,
   createFarmLocaleCookie,
   createFarmProductionLifecycle,
   createProductionMiddlewareRunner,
+  getTheme as getFarmTheme,
   emitFarmEvent,
   getFarmDataCache,
   getFarmLocaleVaryHeaders,
@@ -3444,6 +3463,8 @@ configureFarmObservability(farmObservabilityConfig);
 configureFarmCache(farmResolvedRuntimeConfig.cache);
 const farmI18nConfig = ${JSON.stringify(config.i18n)};
 const farmServerConfig = ${JSON.stringify(config.server)};
+const farmThemeConfig = ${JSON.stringify(config.theme)};
+_setDefaultFarmThemeConfig(farmThemeConfig);
 export const farmProductionLifecycle = createFarmProductionLifecycle({
   server: farmServerConfig,
   start: () => farmPluginRuntime?.startRuntime(),
@@ -5280,7 +5301,13 @@ async function handleFarmRequestInContext(
           !farmI18nSnapshot &&
           !pprCacheKey
         ) {
+          const farmThemeDocument = createFarmThemeDocumentParts(
+            farmThemeConfig,
+            farmResolvedRuntimeConfig.basePath,
+            getFarmTheme(request)
+          );
           const streamPrefix = '<!DOCTYPE html>\\n<html lang="en">\\n<head>\\n' +
+            farmThemeDocument.head + '\\n' +
             '  <meta charset="utf-8">\\n' +
             '  <meta name="viewport" content="width=device-width, initial-scale=1">\\n' +
             (hasFavicon ? '' : '  <link rel="icon" href="data:,">\\n') +
@@ -5296,9 +5323,13 @@ async function handleFarmRequestInContext(
             ) + '\\n' +
             '  <script type="module" src="/farm-client.js"></script>\\n' +
             '</body>\\n</html>';
+          const themedStreamPrefix = streamPrefix.replace(
+            '<html lang="en">',
+            '<html lang="en"' + farmThemeDocument.attributes + '>'
+          );
           const streamedDocument = createFarmDocumentStream(
             renderedPage.stream,
-            streamPrefix,
+            themedStreamPrefix,
             streamSuffix,
             function() {
               if (pprBypassReason === "refresh") {
@@ -5381,6 +5412,12 @@ async function handleFarmRequestInContext(
 </html>\`;
         }
         fullHtml = applyFarmI18nDocument(fullHtml, pathname, farmI18nSnapshot);
+        fullHtml = applyFarmThemeDocument(
+          fullHtml,
+          farmThemeConfig,
+          farmResolvedRuntimeConfig.basePath,
+          getFarmTheme(request)
+        );
 
         if (pageStatus === 200 && pprCacheKey && request.method.toUpperCase() !== "HEAD") {
           await pprShellCache.setAsync(
@@ -5507,10 +5544,15 @@ async function handleFarmRequestInContext(
           const errorHtml = ${hasMiddlewareRuntime ? `await _runWithMiddlewareData(middlewareData, () =>
             _runWithMiddlewareContext(middlewareContext, renderErrorElement)
           )` : "await renderErrorElement()"};
-          const errorDocument = applyFarmI18nDocument(
-            createFarmErrorDocument(errorHtml, "Application Error"),
-            pathname,
-            getFarmI18nSnapshot()
+          const errorDocument = applyFarmThemeDocument(
+            applyFarmI18nDocument(
+              createFarmErrorDocument(errorHtml, "Application Error"),
+              pathname,
+              getFarmI18nSnapshot()
+            ),
+            farmThemeConfig,
+            farmResolvedRuntimeConfig.basePath,
+            getFarmTheme(request)
           );
           emitFarmEvent({
             type: "render.complete",
@@ -5535,10 +5577,15 @@ async function handleFarmRequestInContext(
       const errorMessage = "Internal Server Error";
       const fallbackHtml = '<main><h1>Application Error</h1><p>' +
         escapeFarmHtmlAttribute(errorMessage) + '</p></main>';
-      const fallbackDocument = applyFarmI18nDocument(
-        createFarmErrorDocument(fallbackHtml, "Application Error"),
-        pathname,
-        getFarmI18nSnapshot()
+      const fallbackDocument = applyFarmThemeDocument(
+        applyFarmI18nDocument(
+          createFarmErrorDocument(fallbackHtml, "Application Error"),
+          pathname,
+          getFarmI18nSnapshot()
+        ),
+        farmThemeConfig,
+        farmResolvedRuntimeConfig.basePath,
+        getFarmTheme(request)
       );
       return applyProductionMiddlewareHeaders(new Response(
         fallbackDocument,
@@ -5636,6 +5683,12 @@ async function handleFarmRequestInContext(
 </html>\`;
     }
     fullHtml = applyFarmI18nDocument(fullHtml, pathname, getFarmI18nSnapshot());
+    fullHtml = applyFarmThemeDocument(
+      fullHtml,
+      farmThemeConfig,
+      farmResolvedRuntimeConfig.basePath,
+      getFarmTheme(request)
+    );
     
     emitFarmEvent({
       type: "render.complete",
@@ -5654,8 +5707,14 @@ async function handleFarmRequestInContext(
     }), middlewareHeaders);
   } catch (error) {
     console.error("404 render error:", error);
-    return applyProductionMiddlewareHeaders(new Response(
+    const fallbackDocument = applyFarmThemeDocument(
       \`<!DOCTYPE html><html><head><title>404</title></head><body><h1>404 - Page Not Found</h1><p>The page \${pathname} doesn't exist.</p><a href="/">Go Home</a></body></html>\`,
+      farmThemeConfig,
+      farmResolvedRuntimeConfig.basePath,
+      getFarmTheme(request)
+    );
+    return applyProductionMiddlewareHeaders(new Response(
+      fallbackDocument,
       {
         status: 404,
         headers: { "Content-Type": "text/html", "x-farm-preload-buffered": "1" },
@@ -6992,4 +7051,4 @@ __name(buildNitro, "buildNitro");
 export {
   build
 };
-//# sourceMappingURL=chunk-ZP73P4VR.mjs.map
+//# sourceMappingURL=chunk-HXE4VGH2.mjs.map