veryfront 0.1.89 → 0.1.90

package/src/src/platform/adapters/fs/veryfront/adapter.ts

@@ -245,6 +245,7 @@ export class VeryfrontFSAdapter implements FSAdapter {
       },
       clearFileListIndex: () => this.readOps.clearFileListIndex(),
       setFileListCache: (cacheKey, files) => this.cache.setAsync(cacheKey, files),
+      pregenerateStyles: (files) => this.triggerCSSPregeneration(files),
     });
 
     logger.debug("Created", {
@@ -349,12 +350,10 @@ export class VeryfrontFSAdapter implements FSAdapter {
         sourceFilesWithContent: fileSummary.sourceFilesWithContent,
       });
 
-      // Trigger CSS pre-generation for non-branch environments (fire-and-forget)
-      // This runs in parallel with the rest of initialization
-      if (
-        this.contentContext.sourceType !== "branch" &&
-        fileSummary.sourceFilesWithContent > 0
-      ) {
+      // Trigger CSS pre-generation after the initial file snapshot is ready.
+      // This keeps stylesheet generation off the first styles request for both
+      // preview branches and published content.
+      if (fileSummary.sourceFilesWithContent > 0) {
         this.triggerCSSPregeneration(files).catch(() => {
           // Error already logged in triggerCSSPregeneration
         });
@@ -445,6 +444,13 @@ export class VeryfrontFSAdapter implements FSAdapter {
 
         const files = await fetchFileListForContext(this.client, warmupContext);
         await this.cache.setAsync(effectiveCacheKey, files);
+        const fileSummary = summarizeFileList(files);
+
+        if (fileSummary.sourceFilesWithContent > 0) {
+          this.triggerCSSPregeneration(files).catch(() => {
+            // Error already logged in triggerCSSPregeneration
+          });
+        }
 
         logger.debug("File list warmup complete", {
           reason,
@@ -716,34 +722,57 @@ export class VeryfrontFSAdapter implements FSAdapter {
       const { pregenerateCSSFromFiles, findStylesheetFromFiles } = await import(
         "../../../../html/styles-builder/css-pregeneration.js"
       );
+      const { resolveStyleContentVersion } = await import(
+        "../../../../html/styles-builder/content-version.js"
+      );
+      const { createStyleScopeProfile } = await import(
+        "../../../../html/styles-builder/style-scope-profile.js"
+      );
 
       let stylesheetPath: string | undefined;
+      let styleProfile = createStyleScopeProfile();
       const projectDir = this.normalizer.getProjectDir();
 
-      if (projectDir) {
-        try {
-          const { runtime } = await import("../../registry.js");
-          const { getConfig } = await import("../../../../config/index.js");
-          const adapter = await runtime.get();
-          const cacheKey = this.client.getProjectId() || this.projectSlug;
-          const config = await getConfig(projectDir, adapter, { cacheKey });
-          stylesheetPath = config?.tailwind?.stylesheet;
-        } catch (error) {
-          logger.debug("Failed to load config for CSS pre-generation", {
-            projectSlug: this.projectSlug,
-            error: error instanceof Error ? error.message : String(error),
-          });
-        }
+      if (!projectDir) {
+        logger.debug("Skipping CSS pre-generation without projectDir", {
+          projectSlug: this.projectSlug,
+        });
+        return;
+      }
+
+      try {
+        const { runtime } = await import("../../registry.js");
+        const { getConfig } = await import("../../../../config/index.js");
+        const adapter = await runtime.get();
+        const cacheKey = this.client.getProjectId() || this.projectSlug;
+        const config = await getConfig(projectDir, adapter, { cacheKey });
+        stylesheetPath = config?.tailwind?.stylesheet;
+        styleProfile = createStyleScopeProfile(config);
+      } catch (error) {
+        logger.debug("Failed to load config for CSS pre-generation", {
+          projectSlug: this.projectSlug,
+          error: error instanceof Error ? error.message : String(error),
+        });
       }
 
       const stylesheet = findStylesheetFromFiles(files, stylesheetPath);
+      const projectVersion = resolveStyleContentVersion(this.contentContext, {
+        branch: this.contentContext?.branch ?? null,
+        releaseId: this.contentContext?.releaseId ?? null,
+        environmentName: this.contentContext?.environmentName ?? null,
+      });
 
       await pregenerateCSSFromFiles({
         projectSlug: this.projectSlug,
+        projectVersion,
+        projectDir,
         files,
+        styleProfile,
         stylesheet,
         stylesheetPath,
         minify: true,
+        environment: "preview",
+        buildMode: "production",
       });
     } catch (error) {
       logger.warn("CSS pre-generation failed", {

package/src/src/platform/adapters/fs/veryfront/default-invalidation-callbacks.ts

@@ -0,0 +1,35 @@
+import {
+  clearSSRModuleCache,
+  clearSSRModuleCacheForProject,
+} from "../../../../modules/react-loader/ssr-module-loader/cache/index.js";
+import { clearRouterDetectionCacheForProject } from "../../../../rendering/router-detection.js";
+import {
+  clearModulePathCache,
+  invalidateModulePaths,
+} from "../../../../transforms/mdx/esm-module-loader/cache/index.js";
+import { clearSnippetCacheForProject } from "../../../../rendering/snippet-renderer.js";
+import { clearRendererCacheForProject } from "../../../../rendering/renderer.js";
+import { invalidateProjectCSS } from "../../../../html/styles-builder/tailwind-compiler.js";
+import { invalidatePreparedProjectCSS } from "../../../../html/styles-builder/prepared-project-css-cache.js";
+import { invalidateProjectCandidateManifests } from "../../../../rendering/orchestrator/css-candidate-manifest.js";
+import type { InvalidationCallbacks } from "./types.js";
+
+export function createDefaultInvalidationCallbacks(
+  callbacks?: InvalidationCallbacks,
+): InvalidationCallbacks {
+  return {
+    clearSSRModuleCache,
+    clearModulePathCache,
+    invalidateModulePaths,
+    clearSSRModuleCacheForProject,
+    clearRouterDetectionCacheForProject,
+    clearSnippetCacheForProject,
+    clearRendererCacheForProject,
+    clearProjectCSSCache: (projectSlug: string) => {
+      invalidateProjectCSS(projectSlug);
+      invalidatePreparedProjectCSS(projectSlug);
+      invalidateProjectCandidateManifests(projectSlug);
+    },
+    ...callbacks,
+  };
+}

package/src/src/platform/adapters/fs/veryfront/proxy-manager.ts

@@ -4,18 +4,8 @@ import { CACHE_INVARIANT_VIOLATION, INVALID_ARGUMENT } from "../../../../errors/
 import { buildProxyManagerCacheKey } from "../../../../cache/index.js";
 import { VeryfrontFSAdapter } from "./index.js";
 import type { CacheStats, FSAdapterConfig, ResolvedContentContext } from "./types.js";
-import {
-  clearSSRModuleCache,
-  clearSSRModuleCacheForProject,
-} from "../../../../modules/react-loader/ssr-module-loader/cache/index.js";
-import { clearRouterDetectionCacheForProject } from "../../../../rendering/router-detection.js";
-import {
-  clearModulePathCache,
-  invalidateModulePaths,
-} from "../../../../transforms/mdx/esm-module-loader/cache/index.js";
-import { clearSnippetCacheForProject } from "../../../../rendering/snippet-renderer.js";
-import { clearRendererCacheForProject } from "../../../../rendering/renderer.js";
 import { GetAdapterParamsSchema } from "./schemas/index.js";
+import { createDefaultInvalidationCallbacks } from "./default-invalidation-callbacks.js";
 
 const logger = baseLogger.component("proxy-fs-adapter-manager");
 
@@ -306,16 +296,9 @@ export class ProxyFSAdapterManager {
         projectId,
         apiToken: effectiveToken,
       },
-      invalidationCallbacks: {
-        clearSSRModuleCache,
-        clearModulePathCache,
-        invalidateModulePaths,
-        clearSSRModuleCacheForProject,
-        clearRouterDetectionCacheForProject,
-        clearSnippetCacheForProject,
-        clearRendererCacheForProject,
-        ...this.baseConfig.invalidationCallbacks,
-      },
+      invalidationCallbacks: createDefaultInvalidationCallbacks(
+        this.baseConfig.invalidationCallbacks,
+      ),
     };
 
     const adapter = new VeryfrontFSAdapter(config);

package/src/src/platform/adapters/fs/veryfront/websocket-manager.ts

@@ -43,6 +43,7 @@ interface WebSocketDeps {
     cacheKey: string,
     files: Array<{ path: string; content?: string }>,
   ) => Promise<void>;
+  pregenerateStyles?: (files: Array<{ path: string; content?: string }>) => Promise<void>;
 }
 
 export class WebSocketManager {
@@ -629,6 +630,7 @@ export class WebSocketManager {
           const cacheKey = buildFileListCacheKey(contentContext);
           await this.deps.setFileListCache(cacheKey, files);
           this.deps.clearFileListIndex();
+          await this.deps.pregenerateStyles?.(files);
 
           logger.debug("Fresh files cached (memory + Redis)", {
             cacheKey,
@@ -771,6 +773,7 @@ export class WebSocketManager {
           const cacheKey = buildFileListCacheKey(contentContext);
           await this.deps.setFileListCache(cacheKey, files);
           this.deps.clearFileListIndex();
+          await this.deps.pregenerateStyles?.(files);
 
           logger.debug("FRESH FILES FETCHED", {
             cacheKey,

package/src/src/rendering/orchestrator/css-candidate-manifest.ts

@@ -1,4 +1,8 @@
 import { extractCandidates } from "../../html/styles-builder/tailwind-compiler.js";
+import {
+  filterFilesForStyleScope,
+  type StyleScopeProfile,
+} from "../../html/styles-builder/style-scope-profile.js";
 import { getRouteModulePaths } from "../../modules/manifest/route-module-manifest.js";
 import { rendererLogger } from "../../utils/index.js";
 
@@ -17,6 +21,7 @@ interface RouteCandidateOptions {
   projectScope: string;
   projectVersion: string;
   projectDir: string;
+  styleProfile?: StyleScopeProfile;
   routeKey: string;
   routeFilePaths: string[];
   files: SourceFileLike[];
@@ -27,6 +32,7 @@ interface ProjectCandidateOptions {
   projectScope: string;
   projectVersion: string;
   projectDir: string;
+  styleProfile?: StyleScopeProfile;
   files: SourceFileLike[];
   developmentMode: boolean;
 }
@@ -51,8 +57,12 @@ function toRelativeProjectPath(path: string, projectDir: string): string {
   return normalized.replace(/^\/+/, "");
 }
 
-function buildManifestCacheKey(projectScope: string, projectVersion: string): string {
-  return `${projectScope}:${projectVersion}`;
+function buildManifestCacheKey(
+  projectScope: string,
+  projectVersion: string,
+  styleProfileHash?: string,
+): string {
+  return `${projectScope}:${projectVersion}:${styleProfileHash ?? "default"}`;
 }
 
 function shouldRebuildManifest(
@@ -101,13 +111,20 @@ function buildCandidateManifest(files: SourceFileLike[], projectDir: string): Ca
 function getOrBuildManifest(
   options: Pick<
     ProjectCandidateOptions,
-    "projectScope" | "projectVersion" | "projectDir" | "files" | "developmentMode"
+    "projectScope" | "projectVersion" | "projectDir" | "files" | "developmentMode" | "styleProfile"
   >,
 ): CandidateManifest {
-  const manifestKey = buildManifestCacheKey(options.projectScope, options.projectVersion);
+  const manifestKey = buildManifestCacheKey(
+    options.projectScope,
+    options.projectVersion,
+    options.styleProfile?.hash,
+  );
   const existingManifest = manifestCache.get(manifestKey);
+  const scopedFiles = options.styleProfile
+    ? filterFilesForStyleScope(options.files, options.styleProfile, options.projectDir)
+    : options.files;
   const manifest = shouldRebuildManifest(existingManifest, options.developmentMode)
-    ? buildCandidateManifest(options.files, options.projectDir)
+    ? buildCandidateManifest(scopedFiles, options.projectDir)
     : existingManifest!;
 
   if (manifest !== existingManifest) {
@@ -139,7 +156,11 @@ function addCandidatesForPath(
  * Resolve route-scoped Tailwind candidates from a precomputed per-project manifest.
  */
 export function getRouteCandidates(options: RouteCandidateOptions): Set<string> {
-  const manifestKey = buildManifestCacheKey(options.projectScope, options.projectVersion);
+  const manifestKey = buildManifestCacheKey(
+    options.projectScope,
+    options.projectVersion,
+    options.styleProfile?.hash,
+  );
   const manifest = getOrBuildManifest(options);
   const routeCacheKey = `${manifestKey}:${options.routeKey}`;
   const cachedRoute = routeCandidateCache.get(routeCacheKey);
@@ -167,6 +188,7 @@ export function getRouteCandidates(options: RouteCandidateOptions): Set<string>
   logger.debug("Resolved route candidates", {
     projectScope: options.projectScope,
     projectVersion: options.projectVersion,
+    styleProfileHash: options.styleProfile?.hash,
     route: options.routeKey,
     count: routeCandidates.size,
   });

package/src/src/rendering/orchestrator/html.ts

@@ -29,6 +29,9 @@ import {
   rewriteCssModuleContent,
 } from "../../transforms/css-modules/naming.js";
 import { getRouteCandidates } from "./css-candidate-manifest.js";
+import { resolveStyleContentVersion } from "../../html/styles-builder/content-version.js";
+import { createStyleScopeProfile } from "../../html/styles-builder/style-scope-profile.js";
+import type { ResolvedContentContext } from "../../platform/adapters/fs/veryfront/types.js";
 
 const logger = rendererLogger.component("html-generator");
 
@@ -453,9 +456,16 @@ export class HTMLGenerator {
     if (typeof wrappedFs.getUnderlyingAdapter !== "function") return undefined;
 
     const fsAdapter = wrappedFs.getUnderlyingAdapter() as {
+      getContentContext?: () => ResolvedContentContext | null;
       getProjectData?: () => { updated_at?: string } | undefined;
     };
 
+    const contentContext = typeof fsAdapter.getContentContext === "function"
+      ? fsAdapter.getContentContext()
+      : null;
+
+    if (contentContext) return resolveStyleContentVersion(contentContext);
+
     return fsAdapter.getProjectData?.()?.updated_at;
   }
 
@@ -505,6 +515,7 @@ export class HTMLGenerator {
       projectScope,
       projectVersion,
       projectDir: this.config.projectDir,
+      styleProfile: createStyleScopeProfile(this.config.config),
       routeKey,
       routeFilePaths,
       files,

package/src/src/server/handlers/dev/styles-candidate-scanner.ts

@@ -9,6 +9,12 @@
  */
 
 import { extractCandidates } from "../../../html/styles-builder/tailwind-compiler.js";
+import { resolveStyleContentVersion } from "../../../html/styles-builder/content-version.js";
+import {
+  createStyleScopeProfile,
+  shouldIncludeStylePath,
+  shouldTraverseStyleDirectory,
+} from "../../../html/styles-builder/style-scope-profile.js";
 import { serverLogger } from "../../../utils/index.js";
 import { createFileSystem } from "../../../platform/compat/fs.js";
 import { join } from "../../../platform/compat/path/index.js";
@@ -20,7 +26,6 @@ import { FRAMEWORK_CANDIDATES } from "./framework-candidates.generated.js";
 const logger = serverLogger.component("styles-candidate-scanner");
 
 const SOURCE_EXTENSIONS = [".tsx", ".jsx", ".mdx", ".ts", ".js"];
-const SKIP_DIRS = new Set(["node_modules", ".cache", ".git", "dist", "build", ".vscode"]);
 
 /** De-duplicated set of framework candidates, computed once at import time. */
 const frameworkCandidates = new Set<string>(FRAMEWORK_CANDIDATES);
@@ -32,18 +37,6 @@ interface SourceFileProvider {
   getContentContext?: () => ResolvedContentContext | null;
 }
 
-function resolveProjectVersion(
-  ctx: HandlerContext,
-  contentContext: ResolvedContentContext | null,
-): string {
-  if (contentContext?.releaseId) return `release:${contentContext.releaseId}`;
-  if (contentContext?.branch) return `branch:${contentContext.branch}`;
-  if (contentContext?.environmentName) return `environment:${contentContext.environmentName}`;
-  if (ctx.releaseId) return `release:${ctx.releaseId}`;
-  if (ctx.parsedDomain?.branch) return `branch:${ctx.parsedDomain.branch}`;
-  return "live";
-}
-
 /**
  * Extract Tailwind CSS candidate class names from all project source files.
  *
@@ -52,6 +45,7 @@ function resolveProjectVersion(
  * method is available (local dev mode).
  */
 export async function extractProjectCandidates(ctx: HandlerContext): Promise<Set<string>> {
+  const styleProfile = createStyleScopeProfile(ctx.config);
   const wrappedFs = ctx.adapter.fs as { getUnderlyingAdapter?: () => unknown };
 
   if (typeof wrappedFs.getUnderlyingAdapter !== "function") {
@@ -83,8 +77,13 @@ export async function extractProjectCandidates(ctx: HandlerContext): Promise<Set
   for (
     const cls of getProjectCandidates({
       projectScope: ctx.projectSlug ?? contentContext?.projectSlug ?? ctx.projectDir,
-      projectVersion: resolveProjectVersion(ctx, contentContext),
+      projectVersion: resolveStyleContentVersion(contentContext, {
+        releaseId: ctx.releaseId,
+        branch: ctx.parsedDomain?.branch,
+        environmentName: ctx.environmentName,
+      }),
       projectDir: ctx.projectDir,
+      styleProfile,
       files,
       developmentMode: contentContext?.sourceType === "branch",
     })
@@ -100,6 +99,7 @@ export async function extractProjectCandidates(ctx: HandlerContext): Promise<Set
  * Used in local development mode where projects are read directly from disk.
  */
 async function scanLocalFiles(projectDir: string, ctx: HandlerContext): Promise<Set<string>> {
+  const styleProfile = createStyleScopeProfile(ctx.config);
   const candidates = new Set<string>(frameworkCandidates);
   const fs = createFileSystem();
 
@@ -116,11 +116,14 @@ async function scanLocalFiles(projectDir: string, ctx: HandlerContext): Promise<
       const fullPath = join(dir, entry.name);
 
       if (entry.isDirectory) {
-        if (!SKIP_DIRS.has(entry.name)) await scanDir(fullPath);
+        if (shouldTraverseStyleDirectory(styleProfile, fullPath, projectDir)) {
+          await scanDir(fullPath);
+        }
         continue;
       }
 
       if (!entry.isFile) continue;
+      if (!shouldIncludeStylePath(styleProfile, fullPath, projectDir)) continue;
       if (!SOURCE_EXTENSIONS.some((ext) => entry.name.endsWith(ext))) continue;
 
       try {

package/src/src/server/handlers/dev/styles-css.handler.ts

@@ -11,20 +11,22 @@ import { BaseHandler } from "../response/base.js";
 import type { HandlerContext, HandlerMetadata, HandlerPriority, HandlerResult } from "../types.js";
 import { HTTP_OK, PRIORITY_HIGH_DEV } from "../../../utils/constants/index.js";
 import { joinPath } from "../../../utils/path-utils.js";
-import {
-  formatCSSError,
-  generateTailwindCSS,
-  getProjectCSS,
-} from "../../../html/styles-builder/tailwind-compiler.js";
+import { formatCSSError, getProjectCSS } from "../../../html/styles-builder/tailwind-compiler.js";
 import { DEFAULT_STYLESHEET } from "../../../html/styles-builder/css-hash-cache.js";
+import { resolveStyleContentVersion } from "../../../html/styles-builder/content-version.js";
+import {
+  createPreparedProjectCSSContext,
+  storePreparedProjectCSS,
+  tryGetPreparedProjectCSS,
+} from "../../../html/styles-builder/prepared-project-css-cache.js";
+import { createStyleScopeProfile } from "../../../html/styles-builder/style-scope-profile.js";
 import { serverLogger } from "../../../utils/index.js";
+import type { ResolvedContentContext } from "../../../platform/adapters/fs/veryfront/types.js";
 import { extractProjectCandidates } from "./styles-candidate-scanner.js";
 
 const logger = serverLogger.component("styles-css-handler");
 
-type GeneratedStylesResult =
-  | Awaited<ReturnType<typeof generateTailwindCSS>>
-  | Awaited<ReturnType<typeof getProjectCSS>>;
+type GeneratedStylesResult = Awaited<ReturnType<typeof getProjectCSS>>;
 
 export class StylesCSSHandler extends BaseHandler {
   metadata: HandlerMetadata = {
@@ -40,6 +42,9 @@ export class StylesCSSHandler extends BaseHandler {
     try {
       return await this.withProxyContext(ctx, async () => {
         const responseBuilder = this.createResponseBuilder(ctx).withCache("no-cache");
+        const projectScope = ctx.projectSlug ?? ctx.projectDir;
+        const styleProfile = createStyleScopeProfile(ctx.config);
+        const contentContext = this.getContentContext(ctx);
         let rawCss: string;
         try {
           rawCss = await this.loadStylesheet(ctx);
@@ -49,6 +54,29 @@ export class StylesCSSHandler extends BaseHandler {
           });
           rawCss = DEFAULT_STYLESHEET;
         }
+        const preparedContext = this.createPreparedCSSContext(
+          projectScope,
+          rawCss,
+          styleProfile.hash,
+          contentContext,
+          ctx,
+        );
+
+        if (preparedContext) {
+          const prepared = await tryGetPreparedProjectCSS(preparedContext);
+          if (prepared) {
+            logger.debug("Prepared CSS cache hit", {
+              projectScope,
+              projectVersion: preparedContext.projectVersion,
+              styleProfileHash: styleProfile.hash,
+              cssHash: prepared.hash,
+            });
+
+            return this.respond(
+              responseBuilder.withContentType("text/css; charset=utf-8", prepared.css, HTTP_OK),
+            );
+          }
+        }
 
         let candidates: Set<string>;
         try {
@@ -59,10 +87,11 @@ export class StylesCSSHandler extends BaseHandler {
           });
           candidates = new Set<string>();
         }
-        const result = await this.generateStylesheet(ctx, rawCss, candidates);
-
-        if ("error" in result && result.error) {
-          const formatted = formatCSSError(result.error);
+        let result: GeneratedStylesResult;
+        try {
+          result = await this.generateStylesheet(ctx, rawCss, candidates);
+        } catch (error) {
+          const formatted = formatCSSError(error instanceof Error ? error : String(error));
           logger.error("Tailwind error", {
             error: formatted.message,
             suggestion: formatted.suggestion,
@@ -105,12 +134,20 @@ body::before {
         }
 
         logger.debug("CSS generated", {
+          projectScope,
           candidates: candidates.size,
           cssLength: result.css.length,
           fromCache: "fromCache" in result ? result.fromCache : false,
           cssHash: "hash" in result ? result.hash : undefined,
         });
 
+        if (preparedContext && "hash" in result) {
+          await storePreparedProjectCSS(preparedContext, {
+            css: result.css,
+            hash: result.hash,
+          });
+        }
+
         return this.respond(
           responseBuilder.withContentType("text/css; charset=utf-8", result.css, HTTP_OK),
         );
@@ -155,14 +192,49 @@ body::before {
     rawCss: string,
     candidates: Set<string>,
   ): Promise<GeneratedStylesResult> {
-    if (!ctx.projectSlug) {
-      return generateTailwindCSS(rawCss, candidates);
-    }
+    const projectScope = ctx.projectSlug ?? ctx.projectDir;
 
-    return getProjectCSS(ctx.projectSlug, rawCss, candidates, {
+    return getProjectCSS(projectScope, rawCss, candidates, {
       minify: true,
       environment: "preview",
       buildMode: "production",
     });
   }
+
+  private getContentContext(ctx: HandlerContext): ResolvedContentContext | null {
+    const wrappedFs = ctx.adapter.fs as { getUnderlyingAdapter?: () => unknown };
+    if (typeof wrappedFs.getUnderlyingAdapter !== "function") return null;
+
+    const fsAdapter = wrappedFs.getUnderlyingAdapter() as {
+      getContentContext?: () => ResolvedContentContext | null;
+    };
+
+    return typeof fsAdapter.getContentContext === "function" ? fsAdapter.getContentContext() : null;
+  }
+
+  private createPreparedCSSContext(
+    projectScope: string | undefined,
+    rawCss: string,
+    styleProfileHash: string,
+    contentContext: ResolvedContentContext | null,
+    ctx: HandlerContext,
+  ) {
+    if (!projectScope) return undefined;
+
+    return createPreparedProjectCSSContext(
+      projectScope,
+      resolveStyleContentVersion(contentContext, {
+        releaseId: ctx.releaseId,
+        branch: ctx.parsedDomain?.branch,
+        environmentName: ctx.environmentName,
+      }),
+      rawCss,
+      styleProfileHash,
+      {
+        minify: true,
+        environment: "preview",
+        buildMode: "production",
+      },
+    );
+  }
 }