@decocms/start 2.4.1 → 2.5.0

package/scripts/migrate/templates/sdk-gen.ts

@@ -1,4 +1,4 @@
-import type { MigrationContext } from "../types.ts";
+import type { MigrationContext } from "../types";
 
 export function generateSdkFiles(ctx: MigrationContext): Record<string, string> {
   const files: Record<string, string> = {};

package/scripts/migrate/templates/section-loaders.ts

@@ -1,4 +1,4 @@
-import type { MigrationContext, SectionMeta } from "../types.ts";
+import type { MigrationContext, SectionMeta } from "../types";
 import * as fs from "node:fs";
 import * as path from "node:path";
 

package/scripts/migrate/templates/server-entry.ts

@@ -1,4 +1,4 @@
-import type { MigrationContext } from "../types.ts";
+import type { MigrationContext } from "../types";
 
 function capitalize(s: string): string {
   return s.charAt(0).toUpperCase() + s.slice(1);

package/scripts/migrate/templates/setup.ts

@@ -1,6 +1,6 @@
 import * as fs from "node:fs";
 import * as path from "node:path";
-import type { MigrationContext } from "../types.ts";
+import type { MigrationContext } from "../types";
 
 function discoverFonts(ctx: MigrationContext): string[] {
   // Check public/fonts (post-move)

package/scripts/migrate/templates/types-gen.ts

@@ -1,4 +1,4 @@
-import type { MigrationContext } from "../types.ts";
+import type { MigrationContext } from "../types";
 
 export function generateTypeFiles(ctx: MigrationContext): Record<string, string> {
   const files: Record<string, string> = {};

package/scripts/migrate/templates/ui-components.ts

@@ -1,4 +1,4 @@
-import type { MigrationContext } from "../types.ts";
+import type { MigrationContext } from "../types";
 
 export function generateUiComponents(_ctx: MigrationContext): Record<string, string> {
   const files: Record<string, string> = {};

package/scripts/migrate/templates/vite-config.ts

@@ -1,4 +1,4 @@
-import type { MigrationContext } from "../types.ts";
+import type { MigrationContext } from "../types";
 
 export function generateViteConfig(ctx: MigrationContext): string {
   const isVtex = ctx.platform === "vtex";

package/scripts/migrate/templates/wrangler.ts

@@ -1,4 +1,4 @@
-import type { MigrationContext } from "../types.ts";
+import type { MigrationContext } from "../types";
 
 export function generateWrangler(ctx: MigrationContext): string {
   const workerName = ctx.siteName

package/scripts/migrate/transforms/dead-code.ts

@@ -1,4 +1,4 @@
-import type { TransformResult } from "../types.ts";
+import type { TransformResult } from "../types";
 
 /**
  * Removes dead code patterns from the old Deco stack that don't work

package/scripts/migrate/transforms/deno-isms.ts

@@ -1,4 +1,4 @@
-import type { TransformResult } from "../types.ts";
+import type { TransformResult } from "../types";
 
 /**
  * Removes Deno-specific patterns:

package/scripts/migrate/transforms/fresh-apis.ts

@@ -1,4 +1,4 @@
-import type { TransformResult } from "../types.ts";
+import type { TransformResult } from "../types";
 
 /**
  * Fix JSX after scriptAsDataURI → useScript replacement.

package/scripts/migrate/transforms/imports.ts

@@ -1,4 +1,4 @@
-import type { TransformResult } from "../types.ts";
+import type { TransformResult } from "../types";
 
 /**
  * Import rewriting rules: from (Deno/Fresh/Preact) → to (Node/TanStack/React)

package/scripts/migrate/transforms/jsx.ts

@@ -1,4 +1,4 @@
-import type { TransformResult } from "../types.ts";
+import type { TransformResult } from "../types";
 
 /**
  * Convert JSX attribute syntax to object literal entries.

package/scripts/migrate/transforms/section-conventions.ts

@@ -1,4 +1,4 @@
-import type { TransformResult, SectionMeta } from "../types.ts";
+import type { TransformResult, SectionMeta } from "../types";
 
 /**
  * Adds section convention exports (sync, eager, layout, cache)

package/scripts/migrate/transforms/tailwind.ts

@@ -1,4 +1,4 @@
-import type { TransformResult } from "../types.ts";
+import type { TransformResult } from "../types";
 
 /**
  * Tailwind v3 → v4 class migration transform.

package/scripts/migrate.ts

@@ -25,14 +25,14 @@
 
 import * as path from "node:path";
 import { execSync } from "node:child_process";
-import { createContext, logPhase } from "./migrate/types.ts";
-import { analyze } from "./migrate/phase-analyze.ts";
-import { scaffold } from "./migrate/phase-scaffold.ts";
-import { transform } from "./migrate/phase-transform.ts";
-import { cleanup } from "./migrate/phase-cleanup.ts";
-import { report } from "./migrate/phase-report.ts";
-import { verify } from "./migrate/phase-verify.ts";
-import { banner, stat, red, green, yellow } from "./migrate/colors.ts";
+import { createContext, logPhase } from "./migrate/types";
+import { analyze } from "./migrate/phase-analyze";
+import { scaffold } from "./migrate/phase-scaffold";
+import { transform } from "./migrate/phase-transform";
+import { cleanup } from "./migrate/phase-cleanup";
+import { report } from "./migrate/phase-report";
+import { verify } from "./migrate/phase-verify";
+import { banner, stat, red, green, yellow } from "./migrate/colors";
 
 function parseArgs(args: string[]): {
   source: string;

package/src/admin/decofile.ts

@@ -1,6 +1,6 @@
-import { getRevision, loadBlocks, setBlocks } from "../cms/loader.ts";
-import { clearLoaderCache } from "../sdk/cachedLoader.ts";
-import { invalidateMetaCache } from "./meta.ts";
+import { getRevision, loadBlocks, setBlocks } from "../cms/loader";
+import { clearLoaderCache } from "../sdk/cachedLoader";
+import { invalidateMetaCache } from "./meta";
 
 export function handleDecofileRead(): Response {
   const blocks = loadBlocks();

package/src/admin/meta.ts

@@ -1,5 +1,5 @@
-import { djb2Hex } from "../sdk/djb2.ts";
-import { composeMeta, type MetaResponse } from "./schema.ts";
+import { djb2Hex } from "../sdk/djb2";
+import { composeMeta, type MetaResponse } from "./schema";
 
 // Use globalThis to share meta state across module instances.
 // The daemon middleware imports this module via native import() (outside Vite SSR),

package/src/cms/loader.ts

@@ -1,5 +1,5 @@
 import * as asyncHooks from "node:async_hooks";
-import { djb2Hex } from "../sdk/djb2.ts";
+import { djb2Hex } from "../sdk/djb2";
 
 export type Resolvable = {
   __resolveType?: string;

package/src/cms/sectionLoaders.test.ts

@@ -24,7 +24,10 @@ const makeSection = (component: string, props: Record<string, unknown> = {}): Re
 
 describe("runSingleSectionLoader — page context injection", () => {
   it("injects __pageUrl and __pagePath into loader props", async () => {
-    const loader = vi.fn(async (props: Record<string, unknown>) => props);
+    // Two-arg signature so loader.mock.calls[0] types as [props, req].
+    const loader = vi.fn(
+      async (props: Record<string, unknown>, _req: Request) => props,
+    );
     registerSectionLoader("site/sections/SearchBanner.tsx", loader);
 
     const section = makeSection("site/sections/SearchBanner.tsx", { foo: "bar" });

package/src/daemon/fs.ts

@@ -11,7 +11,7 @@ import { join, resolve, sep } from "node:path";
 import type { IncomingMessage, ServerResponse } from "node:http";
 import fjp from "fast-json-patch";
 import type { Operation } from "fast-json-patch";
-import { inferMetadata, broadcastFSEvent, type Metadata } from "./watch.ts";
+import { inferMetadata, broadcastFSEvent, type Metadata } from "./watch";
 
 const cwd = process.cwd();
 const toPosix = (p: string) => p.replaceAll(sep, "/");

package/src/daemon/index.ts

@@ -1,8 +1,8 @@
-export { startTunnel } from "./tunnel.ts";
-export type { TunnelOptions, TunnelConnection } from "./tunnel.ts";
-export { createAuthMiddleware, verifyAdminJwt, tokenIsValid } from "./auth.ts";
-export type { JwtPayload } from "./auth.ts";
-export { createDaemonMiddleware } from "./middleware.ts";
-export type { DaemonOptions } from "./middleware.ts";
-export { createVolumesHandler } from "./volumes.ts";
-export { createWatchHandler, watchFS, broadcastFSEvent } from "./watch.ts";
+export { startTunnel } from "./tunnel";
+export type { TunnelOptions, TunnelConnection } from "./tunnel";
+export { createAuthMiddleware, verifyAdminJwt, tokenIsValid } from "./auth";
+export type { JwtPayload } from "./auth";
+export { createDaemonMiddleware } from "./middleware";
+export type { DaemonOptions } from "./middleware";
+export { createVolumesHandler } from "./volumes";
+export { createWatchHandler, watchFS, broadcastFSEvent } from "./watch";

package/src/daemon/middleware.ts

@@ -10,10 +10,10 @@
  * Ported from: deco-cx/deco daemon/daemon.ts
  */
 import type { IncomingMessage, ServerResponse, Server as HttpServer } from "node:http";
-import { createAuthMiddleware } from "./auth.ts";
-import { createFSHandler } from "./fs.ts";
-import { createVolumesHandler } from "./volumes.ts";
-import { createWatchHandler, watchFS } from "./watch.ts";
+import { createAuthMiddleware } from "./auth";
+import { createFSHandler } from "./fs";
+import { createVolumesHandler } from "./volumes";
+import { createWatchHandler, watchFS } from "./watch";
 
 const DAEMON_API_SPECIFIER = "x-daemon-api";
 const HYPERVISOR_API_SPECIFIER = "x-hypervisor-api";

package/src/sdk/cachedLoader.ts

@@ -11,7 +11,7 @@
  * (e.g. "product") which derives timing from the unified profile system.
  */
 
-import { loaderCacheOptions, type CacheProfileName } from "./cacheHeaders.ts";
+import { loaderCacheOptions, type CacheProfileName } from "./cacheHeaders";
 
 export type CachePolicy = "no-store" | "no-cache" | "stale-while-revalidate";
 

package/src/vite/plugin.js

@@ -13,6 +13,18 @@
  *   file, and this plugin intercepts the .ts import to return JSON.parse(...)
  *   — V8's JSON parser is 2-10x faster than the JS parser for large data.
  *
+ * meta.gen handling:
+ *   The admin schema bundle (`server/admin/meta.gen.json`) is server-only;
+ *   the client receives pre-resolved blocks via the SSR payload. Stubbing
+ *   it on the client cuts a typically-large module out of the browser bundle.
+ *   Match is done by substring on the import id, so any path style works.
+ *
+ * manualChunks:
+ *   `@decocms/start` and `@decocms/apps` are intentionally NOT split into
+ *   their own chunks. They have circular re-exports that produce a load-order
+ *   crash when chunked separately. Rollup's default bundling (group with
+ *   importer or vendor catch-all) avoids that.
+ *
  * Usage:
  * ```ts
  * import { decoVitePlugin } from "@decocms/start/vite";
@@ -62,6 +74,11 @@ const STUB_SOURCE = {
 
   "\0stub:tanstack-head-scripts":
     "export const injectedHeadScripts = undefined;",
+
+  // The admin schema bundle is server-only — the client receives pre-resolved
+  // blocks via the SSR payload. Stubbing it on the client cuts a large module
+  // (typically 0.5-5 MB) out of the browser bundle.
+  "\0stub:meta-gen": "export default {};",
 };
 
 /** @returns {import("vite").PluginOption} */
@@ -71,10 +88,23 @@ export function decoVitePlugin() {
     name: "deco-server-only-stubs",
     enforce: "pre",
 
-    resolveId(id, _importer, options) {
+    resolveId(id, importer, options) {
       // Server builds keep the real modules.
       if (options?.ssr) return undefined;
-      return CLIENT_STUBS[id];
+      // Bare-specifier exact-match stubs (react-dom/server, node:stream, etc.).
+      if (CLIENT_STUBS[id]) return CLIENT_STUBS[id];
+      // meta.gen.{json,ts} — the admin schema bundle. Server-only; client
+      // receives pre-resolved blocks. Matches both file extensions so the
+      // plugin works whether `setup.ts` imports the .json directly (current)
+      // or a future variant routes through a generated .ts wrapper.
+      // Requires `importer` so we don't accidentally stub the entry module.
+      if (
+        importer &&
+        (id.endsWith("meta.gen.json") || id.endsWith("meta.gen.ts"))
+      ) {
+        return "\0stub:meta-gen";
+      }
+      return undefined;
     },
 
     load(id, options) {
@@ -163,9 +193,14 @@ export function decoVitePlugin() {
       /** @type {import("vite").UserConfig} */
       const cfg = {};
 
-      // Allow tunnel domains through Vite's host check
+      // Allow tunnel domains through Vite's host check.
+      // .deco.studio is the new admin frontend; both real-world Deco sites
+      // (casaevideo-storefront, baggagio-tanstack) duplicated this list to
+      // include it — bundling it here removes that boilerplate.
       if (process.env.DECO_SITE_NAME) {
-        cfg.server = { allowedHosts: [".deco.host", ".decocdn.com"] };
+        cfg.server = {
+          allowedHosts: [".deco.host", ".decocdn.com", ".deco.studio"],
+        };
       }
 
       // Only split chunks for production builds — dev uses unbundled ESM.
@@ -219,12 +254,14 @@ export function decoVitePlugin() {
                 if (id.includes("@tanstack/react-query")) {
                   return "vendor-query";
                 }
-                if (id.includes("@decocms/start")) {
-                  return "vendor-deco";
-                }
-                if (id.includes("@decocms/apps")) {
-                  return "vendor-commerce";
-                }
+                // Intentionally NOT splitting @decocms/start or @decocms/apps:
+                // they have circular re-exports (e.g. apps imports from
+                // start/sdk/cachedLoader, start admin imports from apps).
+                // Splitting them into separate chunks produces a Rollup
+                // chunk-load order that crashes at runtime ("undefined is not
+                // a function") — both real-world sites worked around this by
+                // overriding manualChunks. Letting Rollup bundle them together
+                // (or with the importing chunk) is correct.
               },
             },
           },