rwsdk/dist/vite/redwoodPlugin.mjs

Build fast, server-driven webapps on Cloudflare with SSR, RSC, and realtime

import { cloudflare } from "@cloudflare/vite-plugin";
import { resolve } from "node:path";
import { normalizePath } from "vite";
import { unstable_readConfig } from "wrangler";
import { devServerConstantPlugin } from "./devServerConstant.mjs";
import { hasOwnCloudflareVitePlugin } from "./hasOwnCloudflareVitePlugin.mjs";
import { hasOwnReactVitePlugin } from "./hasOwnReactVitePlugin.mjs";
import reactPlugin from "@vitejs/plugin-react";
import { pathExists } from "fs-extra";
import { $ } from "../lib/$.mjs";
import { findWranglerConfig } from "../lib/findWranglerConfig.mjs";
import { hasPkgScript } from "../lib/hasPkgScript.mjs";
import { cloudflarePreInitPlugin } from "./cloudflarePreInitPlugin.mjs";
import { compatTransform } from "./viteCompat.mjs";
import { configPlugin } from "./configPlugin.mjs";
import { devServerTimingPlugin } from "./devServerTimingPlugin.mjs";
import { directiveModulesDevPlugin } from "./directiveModulesDevPlugin.mjs";
import { directivesFilteringPlugin } from "./directivesFilteringPlugin.mjs";
import { directivesPlugin } from "./directivesPlugin.mjs";
import { injectVitePreamble } from "./injectVitePreamblePlugin.mjs";
import { knownDepsResolverPlugin } from "./knownDepsResolverPlugin.mjs";
import { linkerPlugin } from "./linkerPlugin.mjs";
import { miniflareHMRPlugin } from "./miniflareHMRPlugin.mjs";
import { moveStaticAssetsPlugin } from "./moveStaticAssetsPlugin.mjs";
import { prismaPlugin } from "./prismaPlugin.mjs";
import { resolveForcedPaths } from "./resolveForcedPaths.mjs";
import { ssrBridgePlugin } from "./ssrBridgePlugin.mjs";
import { staleDepRetryPlugin } from "./staleDepRetryPlugin.mjs";
import { statePlugin } from "./statePlugin.mjs";
import { transformJsxScriptTagsPlugin } from "./transformJsxScriptTagsPlugin.mjs";
import { useClientLookupPlugin } from "./useClientLookupPlugin.mjs";
import { useServerLookupPlugin } from "./useServerLookupPlugin.mjs";
import { vitePreamblePlugin } from "./vitePreamblePlugin.mjs";
export const determineWorkerEntryPathname = async ({ projectRootDir, workerConfigPath, options, readConfig = unstable_readConfig, }) => {
    if (options.entry?.worker) {
        return normalizePath(resolve(projectRootDir, options.entry.worker));
    }
    const workerConfig = readConfig({ config: workerConfigPath });
    return normalizePath(resolve(projectRootDir, workerConfig.main ?? "src/worker.tsx"));
};
const clientFiles = new Set();
const serverFiles = new Set();
const clientEntryPoints = new Set();
export const redwoodPlugin = async (options = {}) => {
    const projectRootDir = process.cwd();
    const esbuildOptions = options.esbuildOptions ?? {};
    if (options.forceClientPaths) {
        const clientPaths = await resolveForcedPaths({
            patterns: options.forceClientPaths,
            projectRootDir,
        });
        for (const p of clientPaths) {
            clientFiles.add(p);
        }
    }
    if (options.forceServerPaths) {
        const serverPaths = await resolveForcedPaths({
            patterns: options.forceServerPaths,
            projectRootDir,
        });
        for (const p of serverPaths) {
            serverFiles.add(p);
        }
    }
    const workerConfigPath = options.configPath ??
        (process.env.RWSDK_WRANGLER_CONFIG
            ? resolve(projectRootDir, process.env.RWSDK_WRANGLER_CONFIG)
            : await findWranglerConfig(projectRootDir));
    const workerEntryPathname = await determineWorkerEntryPathname({
        projectRootDir,
        workerConfigPath,
        options,
    });
    const shouldIncludeCloudflarePlugin = options.includeCloudflarePlugin ??
        !(await hasOwnCloudflareVitePlugin({ rootProjectDir: projectRootDir }));
    const shouldIncludeReactPlugin = options.includeReactPlugin ??
        !(await hasOwnReactVitePlugin({ rootProjectDir: projectRootDir }));
    // context(justinvdm, 31 Mar 2025): We assume that if there is no .wrangler directory,
    // then this is fresh install, and we run `npm run dev:init` here.
    if (process.env.RWSDK_WORKER_RUN !== "1" &&
        process.env.NODE_ENV !== "production" &&
        !(await pathExists(resolve(projectRootDir, ".wrangler"))) &&
        (await hasPkgScript(projectRootDir, "dev:init"))) {
        console.log("🚀 Project has no .wrangler directory yet, assuming fresh install: running `npm run dev:init`...");
        await $ `npm run dev:init`;
    }
    const pluginResults = await Promise.all([
        staleDepRetryPlugin(),
        statePlugin({ projectRootDir }),
        devServerTimingPlugin(),
        devServerConstantPlugin(),
        directiveModulesDevPlugin({
            clientFiles,
            serverFiles,
            projectRootDir,
            workerEntryPathname,
            esbuildOptions,
        }),
        configPlugin({
            silent: options.silent ?? false,
            projectRootDir,
            workerEntryPathname,
            clientFiles,
            serverFiles,
            clientEntryPoints,
            esbuildOptions,
        }),
        ssrBridgePlugin({
            clientFiles,
            serverFiles,
            projectRootDir,
        }),
        knownDepsResolverPlugin({ projectRootDir }),
        cloudflarePreInitPlugin(),
        shouldIncludeCloudflarePlugin
            ? cloudflare({
                viteEnvironment: { name: "worker" },
                configPath: workerConfigPath,
                inspectorPort: process.env.RWSDK_WORKER_RUN === "1" ? false : undefined,
            })
            : [],
        miniflareHMRPlugin({
            clientFiles,
            serverFiles,
            rootDir: projectRootDir,
            viteEnvironment: { name: "worker" },
            workerEntryPathname,
        }),
        shouldIncludeReactPlugin ? reactPlugin() : [],
        directivesPlugin({
            projectRootDir,
            clientFiles,
            serverFiles,
        }),
        vitePreamblePlugin(),
        injectVitePreamble({
            clientEntryPoints,
            projectRootDir,
        }),
        useClientLookupPlugin({
            projectRootDir,
            clientFiles,
        }),
        useServerLookupPlugin({
            projectRootDir,
            serverFiles,
        }),
        transformJsxScriptTagsPlugin({
            clientEntryPoints,
            projectRootDir,
        }),
        moveStaticAssetsPlugin({ rootDir: projectRootDir }),
        prismaPlugin({ projectRootDir }),
        linkerPlugin({ projectRootDir }),
        directivesFilteringPlugin({
            clientFiles,
            serverFiles,
            projectRootDir,
        }),
    ]);
    const flattenedPlugins = pluginResults.flat().filter((plugin) => plugin != null);
    return compatTransform(flattenedPlugins);
};