eddev 2.3.31 → 2.4.0-beta.2

package/dist/node/compiler/app-codegen.js

@@ -0,0 +1,473 @@
+import react from "@vitejs/plugin-react";
+import { camelCase, pascalCase } from "change-case-all";
+import { code, imp } from "ts-poet";
+import { ProjectEnvUtils } from "../project/env.js";
+import { FSCodegen } from "../utils/fs-codegen.js";
+import { getCacheConfig } from "./cache-config.js";
+/** The generated entry folder, relative to `.eddev`: `dev`, `prod`, `dev-spa` or `prod-spa`. */
+export function getAppFolder(opts) {
+    return (opts.mode === "development" ? "dev" : "prod") + (opts.serverless ? "" : "-spa");
+}
+export async function runAppCodegen(opts) {
+    const codegen = createAppCodegen(opts);
+    await codegen.run();
+    codegen.stop();
+}
+/**
+ * Generates the entry points and manifests in `.eddev/<folder>`, which the bundlers compile.
+ * SPA mode gets client + admin entries; serverless mode additionally gets the server entry.
+ */
+export function createAppCodegen(opts) {
+    const project = opts.project;
+    const folder = ".eddev/" + getAppFolder(opts);
+    const codegen = new FSCodegen(opts.project, {
+        outDir: folder,
+    });
+    if (opts.serverless) {
+        codegen.registerFile({
+            name: "context.ts",
+            generate: async () => {
+                const args = {
+                    dev: opts.mode === "development",
+                    origin: project.origin,
+                    replaceUrls: {
+                        from: project.origin,
+                        to: opts.endpoint ?? "",
+                        prefixes: [
+                            { prefix: "/wp-content/uploads", replace: project.config?.serverless.uploads === "remote" },
+                            { prefix: "/wp-content/plugins", replace: project.config?.serverless.plugins === "remote" },
+                        ],
+                    },
+                    rpcBases: (await project.serverRoutes.get()).bases ?? [],
+                    config: project.config,
+                    cacheConfig: getCacheConfig(project.origin, project.config),
+                };
+                return code /* tsx */ `
+          /** IMPORTANT: This file is auto-generated by eddev. Do not edit. */
+          import { ServerContext } from "eddev/server"
+          import { apiConfig } from 'eddev/hooks'
+
+          export const serverContext = new ServerContext({${Object.entries(args)
+                    .map(([key, value]) => `${key}: ${JSON.stringify(value)}`)
+                    .join(",\n")}
+          })
+
+          apiConfig.apiKey = ${JSON.stringify(ProjectEnvUtils.getSafe("SITE_API_KEY") ?? "")}
+        `.toString();
+            },
+        });
+    }
+    if (opts.serverless) {
+        codegen.registerFile({
+            name: "react-shim.js",
+            generate: code /* tsx */ `
+        /** IMPORTANT: This file is auto-generated by eddev. Do not edit. */
+        import React from "react"
+        import ReactDOM from "react-dom/client"
+        Object.assign(React, window.React)
+        Object.assign(ReactDOM, window.ReactDOM)
+      `,
+        });
+    }
+    codegen.registerFile({
+        name: "entry.admin.tsx",
+        generate: () => {
+            return code /* tsx */ `
+        /** IMPORTANT: This file is auto-generated by eddev. Do not edit. */
+        ${opts.serverless ? `import "./react-shim.js"` : ""}
+        import "../../${project.cssEntryFile}"
+        import "./manifest/admin"
+        import "./manifest/blocks"
+        import "./manifest/styles"
+        import bootAdmin from "eddev/_internal/boot-admin.js"
+
+        bootAdmin()
+        
+        if (import.meta.hot) {
+          import.meta.hot.on('vite:beforeFullReload', () => {
+            throw '(skipping full reload in editor)';
+          });
+        }
+
+      `;
+        },
+    });
+    codegen.registerFile({
+        name: "entry.client.tsx",
+        generate: () => {
+            if (opts.serverless) {
+                /**
+                 * Client entry for SSR mode
+                 */
+                return code /* tsx */ `
+          /** IMPORTANT: This file is auto-generated by eddev. Do not edit. */
+          /**
+           * SSR-mode frontend entry.
+           * Hydrates the main app, including the html/head/body elements.
+           * The server renders the stylesheet and preload tags this entry needs.
+           */
+          import "@vitejs/plugin-react/preamble"
+          import "../../${project.cssEntryFile}"
+          import "./manifest/blocks"
+          import "./manifest/views"
+          
+          import * as React from "react"
+          import { Root, hydrateRoot } from "react-dom/client"
+          import { SSRClientRoot } from "eddev/_internal/ssr-root-client.js"
+          import { devToolsStore } from 'eddev/devtools'
+
+          ${process.env.VERCEL_SKEW_PROTECTION_ENABLED &&
+                    code /* tsx*/ `
+              // Skew protection
+              const updateSkewCookie = () => {
+                document.cookie = "__vdpl=${process.env.VERCEL_DEPLOYMENT_ID}; expires=" + new Date(Date.now() + 24 * 60 * 60 * 1000).toUTCString() + "; path=/"
+              }
+              window.onfocus = updateSkewCookie
+              updateSkewCookie()
+          `}
+
+          // Set up a dynamic entry which will load the configured tailwind manifest
+          devToolsStore.loadTailwindConfig = () => import('./manifest/tailwind-config.js')
+
+          window.$reactRoot =
+            window.$reactRoot ||
+            hydrateRoot(
+              document.getElementById('root')!,
+              <React.Suspense><SSRClientRoot metaTags={window._PAGE_DATA?.meta?.head} /></React.Suspense>,
+              {
+                identifierPrefix: "ed",
+              }
+            )
+
+          if (import.meta.hot) {
+            import.meta.hot.accept((mod) => {
+              if (mod) {
+                const app = <React.Suspense><SSRClientRoot metaTags={window._PAGE_DATA?.meta?.head} /></React.Suspense>
+                window.$reactRoot?.render(app)
+              }
+            })
+          }
+
+          declare global {
+            interface Window {
+              $reactRoot?: Root
+              _PAGE_DATA: any
+            }
+          }
+
+        `;
+            }
+            else {
+                return code /* tsx */ `
+          /** IMPORTANT: This file is auto-generated by eddev. Do not edit. */
+          /**
+           * SPA-mode frontend entry.
+           * Renders the main app into the empty <div id='root'> element, and expects window._PAGE_DATA to be set.
+           */
+          import "./manifest/blocks"
+          import "./manifest/views"
+          import "../../${project.cssEntryFile}"
+          import { devToolsStore } from 'eddev/devtools'
+          import { createRoot } from "react-dom/client"
+          import { SPARoot } from "eddev/_internal/spa-root.js"
+          import * as React from "react"
+
+          devToolsStore.loadTailwindConfig = () => import('./manifest/tailwind-config')
+
+          createRoot(document.getElementById("root")!).render(<React.Suspense><SPARoot /></React.Suspense>)
+        `;
+            }
+        },
+    });
+    if (opts.serverless) {
+        codegen.registerFile({
+            name: "entry.server.ts",
+            generate: () => {
+                const skewProtection = process.env.VERCEL_SKEW_PROTECTION_ENABLED
+                    ? { deploymentId: process.env.VERCEL_DEPLOYMENT_ID ?? "" }
+                    : undefined;
+                return code /* tsx */ `
+          /** IMPORTANT: This file is auto-generated by eddev. Do not edit. */
+          /**
+           * Serverless entry. Nitro forwards every request that isn't a static asset or route rule here.
+           */
+          import "../../${project.cssEntryFile}"
+          import "./manifest/blocks.js"
+          import "./manifest/styles.js"
+          import "./manifest/views.js"
+          import "./context.js"
+          import { createServerApp } from "eddev/server"
+          import { router, createContext } from "./manifest/routes.js"
+          import { assets } from "./manifest/assets.js"
+
+          export default createServerApp({
+            rpc: { router, createContext },
+            assets,
+            skewProtection: ${JSON.stringify(skewProtection)},
+          })
+        `;
+            },
+        });
+        codegen.registerFile({
+            name: "manifest/assets.ts",
+            generate: async () => {
+                const [viewManifest, blockManifest] = await Promise.all([project.views.get(), project.blocks.get()]);
+                const dev = opts.mode === "development";
+                // Every module passed to dynamic() in manifest/views.ts and manifest/blocks.ts
+                const dynamicFiles = [
+                    ...Object.entries(viewManifest.views)
+                        .filter(([name]) => !name.startsWith("_"))
+                        .map(([, view]) => view.fileName),
+                    ...Object.entries(blockManifest.blocks)
+                        .filter(([name, block]) => !name.match(/^_[a-z]+$/i) && block.dynamic)
+                        .map(([, block]) => block.fileName),
+                ];
+                // In production, client chunks carry everything (CSS included). In dev, client entries only
+                // provide the script URL, and CSS is collected from the server module graph.
+                const moduleAssets = (fileName) => dev
+                    ? `import.meta.vite.assets({ import: ${JSON.stringify("../../../" + fileName)} })`
+                    : `import.meta.vite.assets({ import: ${JSON.stringify("../../../" + fileName)}, environment: "client" })`;
+                const reactPreamble = react.preambleCode.replace("__BASE__", "/_admin/");
+                return code /* ts */ `
+          // @ts-nocheck — uses Nitro's \`?assets\` imports
+          /** IMPORTANT: This file is auto-generated by eddev. Do not edit. */
+          import type { ServerAssets } from "eddev/server"
+          import clientEntry from "../entry.client.tsx?assets=client"
+          ${dev ? `import serverEntry from "../entry.server.ts?assets=ssr"` : ""}
+
+          export const assets: ServerAssets = {
+            client: ${dev ? "clientEntry.merge(serverEntry)" : "clientEntry"} as ServerAssets["client"],
+            admin: ${dev
+                    ? `{
+              // Served by a separate Vite dev server mounted at /_admin/
+              entry: "/_admin/${folder}/entry.admin.tsx",
+              js: [],
+              css: [],
+              head: [
+                '<script type="module" src="/_admin/@vite/client"></script>',
+                ${JSON.stringify(`<script type="module">${reactPreamble}</script>`)},
+              ],
+              // Provided by the admin dev server (see serverless-app.ts)
+              devStylesheets: () => globalThis.__EDDEV_ADMIN_DEV_STYLESHEETS__?.() ?? [],
+            }`
+                    : `{
+              ...import.meta.vite.assets({ import: "../entry.admin.tsx", environment: "admin" }),
+              entry: "/_admin/entry.admin.js",
+            }`},
+            modules: {
+              ${dynamicFiles.map((fileName) => `${JSON.stringify(fileName)}: ${moduleAssets(fileName)},`).join("\n")}
+            },
+          }
+        `;
+            },
+            subscribe: (callback) => {
+                const unsub = [project.views.subscribe(callback), project.blocks.subscribe(callback)];
+                return () => unsub.forEach((u) => u());
+            },
+        });
+    }
+    codegen.registerFile({
+        name: "manifest/blocks.ts",
+        generate: async () => {
+            const blockManifest = await project.blocks.get();
+            let blockImports = [];
+            let blockEntries = [];
+            for (const [name, block] of Object.entries(blockManifest.blocks)) {
+                if (name.match(/^_[a-z]+$/i))
+                    continue;
+                const importSource = JSON.stringify("../../../" + block.fileName);
+                const jsName = pascalCase(name);
+                if (block.dynamic) {
+                    const importStatement = `dynamic(() => import(${importSource}), ${JSON.stringify(block.fileName)})`;
+                    blockEntries.push(JSON.stringify(block.acfName) + ": " + importStatement);
+                }
+                else {
+                    blockImports.push(`import ${jsName} from ${importSource}`);
+                    blockEntries.push(JSON.stringify(block.acfName) + ": " + jsName);
+                }
+            }
+            return code /* ts */ `
+        /** IMPORTANT: This file is auto-generated by eddev. Do not edit. */
+        import { blockManifestReader } from 'eddev/_internal'
+        import { dynamic } from 'eddev/dynamic'
+        import core from '../../../blocks/_core'
+        ${blockImports.join("\n")}
+
+        const manifest = {
+          ${blockEntries.join(",\n")},
+          ...core
+        }
+
+        const info = {
+          ${Object.entries(blockManifest.blocks)
+                .filter(([name]) => !name.match(/^_[a-z]+$/i))
+                .map(([name, block]) => {
+                return (JSON.stringify(block.acfName) +
+                    ": " +
+                    JSON.stringify({
+                        slug: block.slug,
+                        tags: block.tags,
+                        flags: block.flags ?? {},
+                    }));
+            })
+                .join(",\n")}
+        }
+
+        blockManifestReader.set(manifest, info)
+
+        export default manifest
+
+        if (import.meta.hot) {
+          import.meta.hot.accept()
+        }
+      `;
+        },
+        subscribe: project.blocks.subscribe,
+    });
+    codegen.registerFile({
+        name: "manifest/admin.ts",
+        generate: async () => {
+            const fieldManifest = await project.fields.get();
+            const widgetManifest = await project.widgets.get();
+            const blockManifest = await project.blocks.get();
+            return code /* ts */ `
+          /** IMPORTANT: This file is auto-generated by eddev. Do not edit. */
+          import { adminManifestReader } from 'eddev/_internal'
+          import editorConfig from '../../../blocks/_editor'
+
+          const fields = {${Object.entries(fieldManifest.fields)
+                .map(([name, field]) => {
+                const importStatement = `() => import(${JSON.stringify("../../../" + field.fileName)}).then(m => m.default)`;
+                return JSON.stringify(field.slug) + ": " + importStatement;
+            })
+                .join(",\n")}}
+          const widgets = {${Object.entries(widgetManifest.widgets)
+                .map(([name, widget]) => {
+                const importStatement = `() => import(${JSON.stringify("../../../" + widget.fileName)}).then(m => m.default)`;
+                return JSON.stringify(widget.slug) + ": " + importStatement;
+            })
+                .join(",\n")}}
+
+            const blockTemplateParts = {${Object.entries(blockManifest.templateParts)
+                .map(([name, part]) => {
+                return JSON.stringify(name) + ": " + JSON.stringify(part);
+            })
+                .join(",\n")}}
+          
+
+          const manifest = {
+            fields,
+            widgets,
+            editorConfig,
+            blockTemplateParts
+          }
+
+          adminManifestReader.set(manifest)
+          
+          export default manifest
+
+          export { editorConfig }
+
+          if (import.meta.hot) {
+            import.meta.hot.accept()
+          }
+        `;
+        },
+        subscribe: (callback) => {
+            const unsub = [
+                project.fields.subscribe(callback),
+                project.widgets.subscribe(callback),
+                project.blocks.subscribe(callback),
+            ];
+            return () => unsub.forEach((u) => u());
+        },
+    });
+    codegen.registerFile({
+        name: "manifest/views.ts",
+        generate: async () => {
+            const viewManifest = await project.views.get();
+            return code /* ts */ `
+        /** IMPORTANT: This file is auto-generated by eddev. Do not edit. */
+        import { viewManifestReader } from 'eddev/_internal'
+        import { dynamic } from 'eddev/dynamic'
+        const manifest = {${Object.entries(viewManifest.views).map(([name, view]) => {
+                const src = "../../../" + view.fileName;
+                let importStatement;
+                if (name.startsWith("_")) {
+                    importStatement = imp(name + "=" + src);
+                }
+                else {
+                    importStatement = code `dynamic(() => import(${JSON.stringify(src)}), ${JSON.stringify(view.fileName)})`;
+                }
+                return code `${JSON.stringify(view.slug)}: ${importStatement},\n`;
+            })}}
+
+        viewManifestReader.set(manifest)
+        
+        export default manifest
+
+        if (import.meta.hot) {
+          import.meta.hot.accept()
+        }
+      `;
+        },
+        subscribe: project.views.subscribe,
+    });
+    codegen.registerFile({
+        name: "manifest/styles.ts",
+        generate: async () => {
+            return code /* ts */ `
+        /** IMPORTANT: This file is auto-generated by eddev. Do not edit. */
+        export const getCssText = undefined
+        export const editorGlobalStyles = () => {}      
+      `;
+        },
+    });
+    codegen.registerFile({
+        name: "manifest/tailwind-config.ts",
+        generate: async () => {
+            return code /* ts */ `
+        /** IMPORTANT: This file is auto-generated by eddev. Do not edit. */
+        import tw from "../../../tailwind.config.ts"
+        import resolveConfig from 'tailwindcss/resolveConfig'
+        import { devToolsStore } from 'eddev/devtools'
+
+        const value = resolveConfig(tw)
+        devToolsStore.tailwindConfig = value
+
+        if (import.meta.hot) {
+          import.meta.hot.accept()
+        }
+      `;
+        },
+    });
+    if (opts.serverless) {
+        codegen.registerFile({
+            name: "manifest/routes.ts",
+            generate: async () => {
+                const routeManifest = await project.serverRoutes.get();
+                return code /* ts */ `
+          /** IMPORTANT: This file is auto-generated by eddev. Do not edit. */
+          import { instantiateRouter } from "eddev/server"
+          ${routeManifest.contextFileName
+                    ? code /*ts*/ `
+            import createContext from "../../../${routeManifest.contextFileName}"
+          `
+                    : code /*ts*/ `
+            const createContext = () => ({})
+          `}
+
+          const router = instantiateRouter({${Object.entries(routeManifest.routes).map(([name, route]) => {
+                    const src = "../../../" + route.fileName;
+                    const importStatement = imp(camelCase(name) + "=" + src);
+                    return code `${JSON.stringify(route.prefix)}: ${importStatement},\n`;
+                })}})
+
+          export { createContext, router }
+        `;
+            },
+            subscribe: project.serverRoutes.subscribe,
+        });
+    }
+    return codegen;
+}

package/dist/node/compiler/build-serverless.d.ts

@@ -0,0 +1,16 @@
+import { Project } from "../project/project.js";
+import { StatefulLog } from "../utils/stateful-log.js";
+type Options = {
+    project: Project;
+    console: StatefulLog<any>;
+};
+/**
+ * The Nitro preset to build for. Nitro also detects Vercel/Cloudflare itself; these variables are
+ * kept for compatibility with earlier eddev versions.
+ */
+export declare function getServerlessPreset(opts: {
+    dev: boolean;
+}): string | undefined;
+export declare function buildServerless(opts: Options): Promise<void>;
+export {};
+//# sourceMappingURL=build-serverless.d.ts.map

package/dist/node/compiler/build-serverless.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-serverless.d.ts","sourceRoot":"","sources":["../../../src/node/compiler/build-serverless.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAItD,KAAK,OAAO,GAAG;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,CAAA;CAC1B,CAAA;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE;IAAE,GAAG,EAAE,OAAO,CAAA;CAAE,GAAG,MAAM,GAAG,SAAS,CAW9E;AAED,wBAAsB,eAAe,CAAC,IAAI,EAAE,OAAO,iBA2BlD"}

package/dist/node/compiler/build-serverless.js

@@ -0,0 +1,40 @@
+import { createBuilder } from "vite";
+import { createAppCodegen } from "./app-codegen.js";
+import { getServerlessViteConfig } from "./serverless-app.js";
+/**
+ * The Nitro preset to build for. Nitro also detects Vercel/Cloudflare itself; these variables are
+ * kept for compatibility with earlier eddev versions.
+ */
+export function getServerlessPreset(opts) {
+    return (process.env.TARGET ??
+        process.env.PRESET ??
+        process.env.SERVER_PRESET ??
+        process.env.SERVER_TARGET ??
+        process.env.NITRO_PRESET ??
+        process.env.NITRO_TARGET ??
+        (!opts.dev && process.env.VERCEL ? "vercel" : undefined) ??
+        (process.versions.bun !== undefined ? "bun" : opts.dev ? undefined : "node-server"));
+}
+export async function buildServerless(opts) {
+    const { project, console } = opts;
+    const preset = getServerlessPreset({ dev: false });
+    console.log("Building serverless app with preset:", preset);
+    const codegen = createAppCodegen({
+        mode: "production",
+        project: project,
+        serverless: true,
+    });
+    await codegen.run();
+    codegen.stop();
+    const builder = await createBuilder(getServerlessViteConfig({
+        mode: "production",
+        origin: project.origin,
+        publicUrl: project.publicUrl,
+        rootDir: project.rootDir,
+        rpcBases: (await project.serverRoutes.get()).bases,
+        preset,
+        config: project.config,
+        log: console,
+    }));
+    await builder.buildApp();
+}

package/dist/node/compiler/bundler.spa.d.ts

@@ -0,0 +1,33 @@
+import { Project } from "../project/project.js";
+export declare const spaLog: import("../utils/stateful-log.js").StatefulLog<unknown>;
+/**
+ * The bundles served by WordPress (SPA mode):
+ * - `frontend`: the public site, written to `dist/frontend`
+ * - `cms`: the WordPress admin/editor bundle, written to `dist/cms`
+ */
+export type SPATarget = "frontend" | "cms";
+export declare const SPA_TARGETS: SPATarget[];
+type Options = {
+    mode: "development" | "production";
+    watch?: boolean;
+    /** Which bundles to build. Defaults to both. */
+    targets?: SPATarget[];
+    /** Emit a bundle size report for the frontend bundle, into `dist/frontend-analysis` */
+    bundleAnalysis?: boolean;
+};
+/**
+ * Builds the WordPress-hosted SPA bundles concurrently, reporting into a single log.
+ *
+ * The frontend and cms bundles are separate Vite builds rather than environments of one builder,
+ * because they need different `base` URLs (`dist/frontend` vs `dist/cms`), and Vite only supports a
+ * single `base` per config. Both builds run in the same process.
+ */
+export declare class SPABundler {
+    project: Project;
+    opts: Options;
+    constructor(project: Project, opts: Options);
+    start(): Promise<void>;
+    private getConfig;
+}
+export {};
+//# sourceMappingURL=bundler.spa.d.ts.map

package/dist/node/compiler/bundler.spa.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundler.spa.d.ts","sourceRoot":"","sources":["../../../src/node/compiler/bundler.spa.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAM/C,eAAO,MAAM,MAAM,yDAAU,CAAA;AAE7B;;;;GAIG;AACH,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG,KAAK,CAAA;AAE1C,eAAO,MAAM,WAAW,EAAE,SAAS,EAAwB,CAAA;AAO3D,KAAK,OAAO,GAAG;IACb,IAAI,EAAE,aAAa,GAAG,YAAY,CAAA;IAClC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,gDAAgD;IAChD,OAAO,CAAC,EAAE,SAAS,EAAE,CAAA;IACrB,uFAAuF;IACvF,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAED;;;;;;GAMG;AACH,qBAAa,UAAU;IAEZ,OAAO,EAAE,OAAO;IAChB,IAAI,EAAE,OAAO;gBADb,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,OAAO;IAGhB,KAAK;IAQX,OAAO,CAAC,SAAS;CA8BlB"}

package/dist/node/compiler/bundler.spa.js

@@ -0,0 +1,59 @@
+import { relative } from "path";
+import { visualizer } from "rollup-plugin-visualizer";
+import { build, mergeConfig } from "vite";
+import { createConsole } from "../utils/stateful-log.js";
+import { createBuildStatusTracker, getViteConfig } from "./get-vite-config.js";
+const console = createConsole("SPA Client", "spa");
+export const spaLog = console;
+export const SPA_TARGETS = ["frontend", "cms"];
+const LOG_LABELS = {
+    frontend: "frontend",
+    cms: "admin",
+};
+/**
+ * Builds the WordPress-hosted SPA bundles concurrently, reporting into a single log.
+ *
+ * The frontend and cms bundles are separate Vite builds rather than environments of one builder,
+ * because they need different `base` URLs (`dist/frontend` vs `dist/cms`), and Vite only supports a
+ * single `base` per config. Both builds run in the same process.
+ */
+export class SPABundler {
+    project;
+    opts;
+    constructor(project, opts) {
+        this.project = project;
+        this.opts = opts;
+    }
+    async start() {
+        const targets = this.opts.targets ?? SPA_TARGETS;
+        console.info(`Creating ${this.opts.mode} SPA build (${targets.map((t) => LOG_LABELS[t]).join(", ")})...`);
+        const status = createBuildStatusTracker(console);
+        await Promise.all(targets.map((target) => build(this.getConfig(target, status))));
+    }
+    getConfig(target, status) {
+        const analyze = target === "frontend" && this.opts.bundleAnalysis;
+        const outDir = relative(this.project.rootDir, analyze ? "./dist/frontend-analysis/" : `./dist/${target}/`);
+        const baseConfig = getViteConfig({
+            console,
+            status,
+            logLabel: LOG_LABELS[target],
+            mode: this.opts.mode,
+            publicUrl: this.project.publicUrl,
+            rootDir: this.project.rootDir,
+            outDir,
+            serverless: false,
+            target,
+            client: true,
+        });
+        const overrides = {
+            build: {
+                watch: this.opts.watch ? { buildDelay: 200 } : undefined,
+            },
+        };
+        if (analyze) {
+            overrides.plugins = [visualizer({ emitFile: true, filename: "stats.html", template: "sunburst" })];
+        }
+        console.verbose(`Vite config (${target}):`, baseConfig);
+        return mergeConfig(baseConfig, overrides);
+    }
+}

package/dist/node/compiler/dev-css-links.d.ts

@@ -0,0 +1,25 @@
+import { type DevEnvironment, type Plugin } from "vite";
+/**
+ * Lets stylesheets that are rendered as `<link rel="stylesheet" data-vite-dev-id>` hot reload.
+ *
+ * A `<link>` request is a separate "direct" CSS module from the copy the JS imports. Marking it as
+ * self-accepting makes Vite send a `css-update` when the file (or Tailwind's output) changes, and the
+ * client swaps the link's `href`: the new sheet loads before the old one is removed, so there's no flash.
+ * The JS-imported copy stays out of the page, because Vite's client skips injecting a `<style>` for an
+ * id that a link already owns.
+ *
+ * This is the same approach Nitro's assets plugin uses for the main dev server's client environment.
+ */
+export declare function cssLinkHmrPlugin(): Plugin;
+export type DevStylesheet = {
+    /** The module id, which Vite's client uses as `data-vite-dev-id` */
+    id: string;
+    /** The module URL, relative to the dev server's base (eg. `/styles/index.css`) */
+    url: string;
+};
+/**
+ * Finds every stylesheet imported (statically or dynamically) by an entry, in import order, by
+ * transforming the entry's module graph in a dev environment.
+ */
+export declare function collectDevStylesheets(environment: DevEnvironment, entryUrl: string): Promise<DevStylesheet[]>;
+//# sourceMappingURL=dev-css-links.d.ts.map

package/dist/node/compiler/dev-css-links.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-css-links.d.ts","sourceRoot":"","sources":["../../../src/node/compiler/dev-css-links.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,cAAc,EAA8B,KAAK,MAAM,EAAE,MAAM,MAAM,CAAA;AAKjG;;;;;;;;;;GAUG;AACH,wBAAgB,gBAAgB,IAAI,MAAM,CAazC;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,oEAAoE;IACpE,EAAE,EAAE,MAAM,CAAA;IACV,kFAAkF;IAClF,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AAED;;;GAGG;AACH,wBAAsB,qBAAqB,CAAC,WAAW,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,aAAa,EAAE,CAAC,CAwDnH"}