@farm.js/core 0.1.0-beta.21 → 0.1.0-beta.23

package/dist/{chunk-FKKM7HVF.mjs → chunk-TX54PXAJ.mjs}

@@ -1,23 +1,18 @@
 import {
   APITypeGenerator
 } from "./chunk-LGHEOHBU.mjs";
-import {
-  addMetadataImageReference,
-  mergeMetadata,
-  renderMetadataHead
-} from "./chunk-FRPWCMMG.mjs";
 import {
   createFarmMetadataImageResponse
 } from "./chunk-53MVSX3R.mjs";
-import {
-  resolveFarmLayoutFonts
-} from "./chunk-6ZXIQSXE.mjs";
-import {
-  farmEnvironmentFunctionsPlugin
-} from "./chunk-V6WE6JSZ.mjs";
 import {
   createFarmImageHandler
 } from "./chunk-3XNTL3FQ.mjs";
+import {
+  addMetadataImageReference,
+  createFarmThemeDocumentParts,
+  mergeMetadata,
+  renderMetadataHead
+} from "./chunk-SBWOTAX4.mjs";
 import {
   createEnvTypeDeclarations,
   generateEnvTypes
@@ -25,11 +20,21 @@ import {
 import {
   writeFileIfChanged
 } from "./chunk-USWZZUEH.mjs";
+import {
+  resolveFarmLayoutFonts
+} from "./chunk-6ZXIQSXE.mjs";
+import {
+  farmEnvironmentFunctionsPlugin
+} from "./chunk-V6WE6JSZ.mjs";
 import {
   getFarmRedirectError,
   isFarmNotFoundError,
   isFarmRedirectError
 } from "./chunk-7HO6AEOP.mjs";
+import {
+  _setDefaultFarmThemeConfig,
+  getTheme
+} from "./chunk-4IVNW5QD.mjs";
 import {
   resolveFarmDocsFontAssets,
   toFarmDocsPublicFontAssets
@@ -51,16 +56,25 @@ import {
   getFarmLayerAliases,
   getFarmSourceRoots
 } from "./chunk-74YTBPTY.mjs";
-import {
-  resolveFarmPerformanceConfig
-} from "./chunk-7ZVN3YZI.mjs";
 import {
   getPublicFarmImageConfig,
   resolveFarmImageConfig
 } from "./chunk-GY2STC2S.mjs";
+import {
+  resolveFarmPerformanceConfig
+} from "./chunk-7ZVN3YZI.mjs";
+import {
+  resolveWorkflowsConfig
+} from "./chunk-4E6VRJ6P.mjs";
+import {
+  resolveCronConfig
+} from "./chunk-GXASWWJU.mjs";
 import {
   resolveServerActionsConfig
 } from "./chunk-WORFTBLU.mjs";
+import {
+  resolveFarmThemeConfig
+} from "./chunk-H53KVQUU.mjs";
 import {
   createFarmMarkdownRouteModuleFromFile,
   createFarmMarkdownSourceResponse,
@@ -73,12 +87,6 @@ import {
   resolveMarkdownConfig,
   resolveMarkdownMirrorTarget
 } from "./chunk-7FBJLMQH.mjs";
-import {
-  resolveWorkflowsConfig
-} from "./chunk-4E6VRJ6P.mjs";
-import {
-  resolveCronConfig
-} from "./chunk-GXASWWJU.mjs";
 import {
   dispatchIntegrationRequest,
   getFarmIntegrationPluginOwner,
@@ -93,7 +101,7 @@ import {
 } from "./chunk-T4QJQK76.mjs";
 import {
   MiddlewareManager
-} from "./chunk-MIUW47JX.mjs";
+} from "./chunk-2PEJGY5V.mjs";
 import {
   _clearCurrentMiddlewareContext,
   _clearCurrentMiddlewareData,
@@ -103,6 +111,9 @@ import {
 import {
   _withAfterNodeMiddleware
 } from "./chunk-E6EPN5BT.mjs";
+import {
+  createCliColors
+} from "./chunk-GIELMNBG.mjs";
 import {
   sendWebResponse
 } from "./chunk-QGOHVJ6J.mjs";
@@ -167,7 +178,7 @@ import {
 } from "./chunk-RHIFZZUI.mjs";
 import {
   FARM_VERSION
-} from "./chunk-I3UWA2P2.mjs";
+} from "./chunk-5NOVWCFL.mjs";
 import {
   FARM_DEPLOYMENT_ID_HEADER,
   createFarmDeploymentCookie,
@@ -4902,6 +4913,11 @@ ${getFarmI18nClientSnapshot() ? `window.__FARM_I18N__ = ${serializeInlineValue(g
       const i18nSnapshot = getFarmI18nClientSnapshot();
       const i18nAlternateTags = i18nSnapshot ? renderI18nAlternateLinks(req.__FARM_ROUTE__ || req.url || "/", i18nSnapshot) : "";
       const fontHead = renderFarmFontDevHead(this.config.root || process.cwd());
+      const themeDocument = createFarmThemeDocumentParts(
+        this.config.theme,
+        this.config.basePath,
+        getTheme()
+      );
       const streamRoot = React.createElement("div", { style: { display: "contents" } }, element);
       const { pipe } = renderToPipeableStream(streamRoot, {
         onShellReady() {
@@ -4915,8 +4931,9 @@ ${getFarmI18nClientSnapshot() ? `window.__FARM_I18N__ = ${serializeInlineValue(g
             console.log(`[FARM STREAM] onShellReady at ${shellReadyMs}ms`);
           }
           const shell = `<!DOCTYPE html>
-<html lang="${escapeHtmlAttribute2(i18nSnapshot?.locale || "en")}"${i18nSnapshot ? ` dir="${i18nSnapshot.direction}"` : ""}>
+<html lang="${escapeHtmlAttribute2(i18nSnapshot?.locale || "en")}"${i18nSnapshot ? ` dir="${i18nSnapshot.direction}"` : ""}${themeDocument.attributes}>
 <head>
+  ${themeDocument.head}
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="farm-deployment-id" content="${escapeHtmlAttribute2(deploymentId)}">
@@ -5124,9 +5141,15 @@ ${i18nSnapshot ? `window.__FARM_I18N__ = ${serializeInlineValue(i18nSnapshot)};`
 </script>`;
     const alternateLinks = i18nSnapshot ? renderI18nAlternateLinks(requestPath, i18nSnapshot) : "";
     const fontHead = renderFarmFontDevHead(this.config.root || process.cwd());
+    const themeDocument = createFarmThemeDocumentParts(
+      this.config.theme,
+      this.config.basePath,
+      getTheme()
+    );
     return `<!DOCTYPE html>
-<html lang="${escapeHtmlAttribute2(i18nSnapshot?.locale || "en")}"${i18nSnapshot ? ` dir="${i18nSnapshot.direction}"` : ""}>
+<html lang="${escapeHtmlAttribute2(i18nSnapshot?.locale || "en")}"${i18nSnapshot ? ` dir="${i18nSnapshot.direction}"` : ""}${themeDocument.attributes}>
 <head>
+  ${themeDocument.head}
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="farm-deployment-id" content="${escapeHtmlAttribute2(this.getDeploymentId())}">
@@ -5181,6 +5204,7 @@ var _FarmApp = class _FarmApp {
   constructor(config = {}, viteServer) {
     this.config = this.normalizeConfig(config);
     configureFarmObservability(this.config.observability);
+    _setDefaultFarmThemeConfig(this.config.theme);
     this.i18nRuntime = createFarmI18nRuntime(this.config.i18n);
     _setDefaultFarmI18nRuntime(this.i18nRuntime);
     this.viteServer = viteServer;
@@ -5239,6 +5263,7 @@ var _FarmApp = class _FarmApp {
       security: resolveFarmSecurityConfig(config.security),
       images: resolveFarmImageConfig(config.images),
       performance: resolveFarmPerformanceConfig(config.performance),
+      theme: resolveFarmThemeConfig(config.theme, config.basePath || "/"),
       i18n: isResolvedI18nConfig(config.i18n) ? config.i18n : resolveFarmI18nConfig(config.i18n, {
         root,
         mode: process.env.NODE_ENV === "production" ? "production" : "development"
@@ -6190,6 +6215,29 @@ function mergeFarmViteConfig(farmConfig, userConfig = {}) {
 }
 __name(mergeFarmViteConfig, "mergeFarmViteConfig");
 
+// src/theme/vite.ts
+var FARM_DARK_VARIANT = '@custom-variant dark (&:where([data-theme="dark"], [data-theme="dark"] *));';
+function createFarmThemeCssPlugin(input, basePath = "/") {
+  const config = resolveFarmThemeConfig(input, basePath);
+  return {
+    name: "farm:theme-css",
+    enforce: "pre",
+    transform(code, id) {
+      if (!config.enabled || !/\.css(?:\?.*)?$/.test(id) || !/@import\s+["']tailwindcss["']/.test(code) || /@custom-variant\s+dark\b/.test(code)) {
+        return null;
+      }
+      return {
+        code: `${code.trimEnd()}
+
+${FARM_DARK_VARIANT}
+`,
+        map: null
+      };
+    }
+  };
+}
+__name(createFarmThemeCssPlugin, "createFarmThemeCssPlugin");
+
 // src/vite.ts
 var ALL_TYPE_ARTIFACTS = {
   routes: true,
@@ -6232,7 +6280,7 @@ function loadFarmWorkflowsDevRuntime() {
 }
 __name(loadFarmWorkflowsDevRuntime, "loadFarmWorkflowsDevRuntime");
 function loadFarmDevtoolsSnapshotRuntime() {
-  return import("./devtools-52FYXIEK.mjs");
+  return import("./devtools-326RBQCN.mjs");
 }
 __name(loadFarmDevtoolsSnapshotRuntime, "loadFarmDevtoolsSnapshotRuntime");
 function loadFarmDevtoolsUIRuntime() {
@@ -6495,18 +6543,14 @@ function farmPlugin(options = {}, initialPluginManager) {
   let refreshRouteDiscovery = null;
   let workflowHandler = null;
   const logUpdate = /* @__PURE__ */ __name((tag, message) => {
-    try {
-      const pc = __require("picocolors");
-      const log = [
-        pc.dim("[") + pc.bold(pc.blue("FARM")) + pc.dim("]"),
-        pc.dim("[") + pc.bold(pc.cyan(tag)) + pc.dim("]"),
-        pc.dim("[") + pc.bold(pc.yellow("UPDATE")) + pc.dim("]"),
-        pc.gray(message)
-      ].join(" ");
-      console.log(log);
-    } catch {
-      console.log(`[FARM] [${tag}] [UPDATE] ${message}`);
-    }
+    const pc = createCliColors();
+    const log = [
+      pc.dim("[") + pc.bold(pc.blue("FARM")) + pc.dim("]"),
+      pc.dim("[") + pc.bold(pc.cyan(tag)) + pc.dim("]"),
+      pc.dim("[") + pc.bold(pc.yellow("UPDATE")) + pc.dim("]"),
+      pc.gray(message)
+    ].join(" ");
+    console.log(log);
   }, "logUpdate");
   return {
     name: "farm",
@@ -6947,25 +6991,21 @@ window.__FARM_MANIFEST__ = ${inlineValue({
           return;
         }
         logResponse.__last = { key: dedupeKey, ts: now };
-        try {
-          const pc = __require("picocolors");
-          let statusColor = pc.green;
-          if (status >= 500) statusColor = pc.red;
-          else if (status >= 400) statusColor = pc.yellow;
-          else if (status >= 300) statusColor = pc.cyan;
-          const log = [
-            pc.dim("[") + pc.bold(pc.blue("FARM")) + pc.dim("]"),
-            pc.dim("[") + pc.bold(pc.cyan(tag)) + pc.dim("]"),
-            pc.dim("[") + pc.bold(pc.white(method.padEnd(3))) + pc.dim("]"),
-            pc.gray(urlPath),
-            pc.dim("-"),
-            statusColor(status.toString()),
-            pc.dim(`(${duration}ms)`)
-          ].join(" ");
-          console.log(log);
-        } catch {
-          console.log(`[FARM] [${tag}] [${method}] ${urlPath} - ${status} (${duration}ms)`);
-        }
+        const pc = createCliColors();
+        let statusColor = pc.green;
+        if (status >= 500) statusColor = pc.red;
+        else if (status >= 400) statusColor = pc.yellow;
+        else if (status >= 300) statusColor = pc.cyan;
+        const log = [
+          pc.dim("[") + pc.bold(pc.blue("FARM")) + pc.dim("]"),
+          pc.dim("[") + pc.bold(pc.cyan(tag)) + pc.dim("]"),
+          pc.dim("[") + pc.bold(pc.white(method.padEnd(3))) + pc.dim("]"),
+          pc.gray(urlPath),
+          pc.dim("-"),
+          statusColor(status.toString()),
+          pc.dim(`(${duration}ms)`)
+        ].join(" ");
+        console.log(log);
       }, "logResponse");
       server.middlewares.use(
         _withAfterNodeMiddleware(async (req, res, next) => {
@@ -9585,14 +9625,22 @@ async function renderPage(pageData) {
     if (!doc.documentElement || !doc.body) return false;
 
     resetReactRoots();
+    const activeFarmTheme =
+      window.__FARM_THEME__?.snapshot?.resolvedTheme ||
+      document.documentElement.getAttribute('data-theme');
     Array.from(document.documentElement.attributes).forEach(function(attr) {
+      if (attr.name === 'data-theme') return;
       if (!doc.documentElement.hasAttribute(attr.name)) {
         document.documentElement.removeAttribute(attr.name);
       }
     });
     Array.from(doc.documentElement.attributes).forEach(function(attr) {
+      if (attr.name === 'data-theme') return;
       document.documentElement.setAttribute(attr.name, attr.value);
     });
+    if (activeFarmTheme) {
+      document.documentElement.setAttribute('data-theme', activeFarmTheme);
+    }
 
     document.head.innerHTML = doc.head ? doc.head.innerHTML : '';
     document.body.innerHTML = doc.body.innerHTML;
@@ -9601,6 +9649,7 @@ async function renderPage(pageData) {
 
     setTimeout(function() {
       Array.from(document.querySelectorAll('script')).forEach(function(script) {
+        if (script.id === 'farm-theme-script') return;
         const freshScript = document.createElement('script');
         Array.from(script.attributes).forEach(function(attr) {
           freshScript.setAttribute(attr.name, attr.value);
@@ -10031,7 +10080,7 @@ async function defineConfig(config = {}) {
       return null;
     }
   };
-  const pc = await import("picocolors").then((m) => m.default);
+  const pc = createCliColors();
   let serverStarted = false;
   let startTime = Date.now();
   const farmLogger = {
@@ -10098,6 +10147,7 @@ async function defineConfig(config = {}) {
   };
   return {
     plugins: [
+      createFarmThemeCssPlugin(config.theme, config.basePath),
       tailwindcss(),
       viteBrowserExternalPlugin,
       farmI18nClientBridgePlugin(),
@@ -10201,9 +10251,10 @@ export {
   createFarmClientOptimizeDepsConfig,
   createFarmSourceAlias,
   mergeFarmViteConfig,
+  createFarmThemeCssPlugin,
   farmI18nClientBridgePlugin,
   rewriteEarlySsrRelativeImports,
   farmPlugin,
   defineConfig
 };
-//# sourceMappingURL=chunk-FKKM7HVF.mjs.map
+//# sourceMappingURL=chunk-TX54PXAJ.mjs.map