vite-plugin-ssr-config 1.0.3

package/dist/index.cjs

@@ -0,0 +1,489 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  default: () => index_default,
+  ssr: () => ssr,
+  ssrConfig: () => ssrConfig
+});
+module.exports = __toCommonJS(index_exports);
+var import_path5 = __toESM(require("path"), 1);
+
+// src/model.ts
+var assertSSRConfig = (ssrOpts = {}) => {
+  let {
+    root = process.cwd(),
+    disableBuild = false,
+    //Main Entry
+    entryClient = ".ssr/entryClient.jsx",
+    entryRender = ".ssr/entryRender.jsx",
+    rootDocument = ".ssr/root.jsx",
+    //Server
+    server = ".ssr/server.js",
+    handler = ".ssr/handler.js",
+    //SSR
+    pageServer = ".ssr/pageServer.jsx",
+    pageBrowser = ".ssr/pageBrowser.jsx",
+    rootRoutes = ".ssr/rootRoutes.jsx",
+    errorBoundary = ".ssr/errorBoundary.jsx",
+    //Scripts
+    liveReload = ".ssr/liveReload.jsx",
+    viteScripts = ".ssr/viteScripts.jsx",
+    //Out directories
+    serverOutDir = "dist/",
+    serverMinify = false,
+    serverBuild = (config) => config,
+    clientOutDir = "dist/client",
+    clientMinify = true,
+    clientBuild = (config) => config
+  } = ssrOpts;
+  return {
+    root,
+    disableBuild,
+    entryClient,
+    entryRender,
+    rootDocument,
+    server,
+    handler,
+    pageServer,
+    pageBrowser,
+    rootRoutes,
+    errorBoundary,
+    liveReload,
+    viteScripts,
+    serverOutDir,
+    serverMinify,
+    serverBuild,
+    clientOutDir,
+    clientMinify,
+    clientBuild
+  };
+};
+
+// src/utils.ts
+var import_fs_extra = __toESM(require("fs-extra"), 1);
+var import_path = __toESM(require("path"), 1);
+var import_url = require("url");
+var import_meta = {};
+var finalUrl = (base, name) => {
+  return import_path.default.join(base, name).replaceAll("\\", "/");
+};
+var getPluginDirectory = () => {
+  if (typeof __dirname === "undefined") {
+    const filename = (0, import_url.fileURLToPath)(import_meta.url);
+    return import_path.default.dirname(filename);
+  } else {
+    return __dirname;
+  }
+};
+var findDirPlugin = (dirname, max = 5) => {
+  const basedir = getPluginDirectory();
+  let relative = "/";
+  let dirPath = "";
+  for (var i = 0; i < max; i++) {
+    dirPath = import_path.default.join(basedir, relative, dirname);
+    if (import_fs_extra.default.existsSync(dirPath)) {
+      return dirPath;
+    }
+    relative += "../";
+  }
+  throw Error(`Not found: ${dirPath}`);
+};
+var cleanDirectory = (target) => {
+  if (import_fs_extra.default.existsSync(target)) {
+    import_fs_extra.default.rmSync(target, { recursive: true, force: true });
+  }
+  import_fs_extra.default.mkdirSync(target, { recursive: true });
+};
+var copyFilesDirectory = (origin, target, {
+  files = [],
+  oldId = "",
+  newId = ""
+}) => {
+  files.forEach((file) => {
+    const sourceFilePath = import_path.default.join(origin, file);
+    const targetFilePath = import_path.default.join(target, file);
+    if (oldId !== newId) {
+      let fileContent = import_fs_extra.default.readFileSync(sourceFilePath, "utf-8");
+      fileContent = fileContent.replace(new RegExp(oldId, "g"), newId);
+      import_fs_extra.default.writeFileSync(targetFilePath, fileContent, "utf-8");
+    } else {
+      import_fs_extra.default.copySync(sourceFilePath, targetFilePath, { overwrite: true });
+    }
+  });
+};
+
+// src/plugin-build/build.ts
+var import_fs_extra2 = __toESM(require("fs-extra"), 1);
+var import_path2 = __toESM(require("path"), 1);
+var import_vite = require("vite");
+var doBuildServer = async (ssrConfig2, viteConfig) => {
+  const {
+    root,
+    serverMinify,
+    serverOutDir,
+    entryClient,
+    clientOutDir,
+    server,
+    handler,
+    serverBuild,
+    rootDocument,
+    entryRender,
+    pageServer,
+    pageBrowser,
+    rootRoutes,
+    errorBoundary,
+    liveReload,
+    viteScripts
+  } = ssrConfig2;
+  const { base = "/" } = viteConfig;
+  const ssrServerFile = import_path2.default.resolve(root, server);
+  const ssrPublicDir = import_path2.default.relative(serverOutDir, clientOutDir);
+  const manifestFile = import_path2.default.resolve(`${clientOutDir}/manifest.json`);
+  const manifestContent = import_fs_extra2.default.readFileSync(manifestFile, "utf-8");
+  const manifest = JSON.parse(manifestContent);
+  const manifestOut = manifest[entryClient].file;
+  const ssrEntryClientURL = finalUrl(base, manifestOut);
+  const ssrFiles = [
+    handler,
+    rootDocument,
+    entryClient,
+    entryRender,
+    pageServer,
+    pageBrowser,
+    rootRoutes,
+    errorBoundary,
+    liveReload,
+    viteScripts
+  ];
+  const baseConfig = {
+    appType: "custom",
+    base,
+    root,
+    publicDir: "private",
+    define: {
+      "process.env.SSR_BASENAME": JSON.stringify(base),
+      "process.env.SSR_PUBLIC_DIR": JSON.stringify(ssrPublicDir),
+      "process.env.SSR_ENTRY_CLIENT": JSON.stringify(ssrEntryClientURL),
+      "process.env.SSR": JSON.stringify(true)
+    },
+    ssr: {
+      noExternal: []
+    },
+    build: {
+      outDir: serverOutDir,
+      ssr: ssrServerFile,
+      write: true,
+      minify: serverMinify,
+      target: "esnext",
+      emptyOutDir: false,
+      rollupOptions: {
+        external: viteConfig.build?.rollupOptions?.external,
+        output: {
+          format: "es",
+          entryFileNames: "app.js",
+          chunkFileNames: "bin/[name]-[hash].js",
+          assetFileNames: "assets/[name]-[hash].[ext]",
+          manualChunks: (id) => {
+            const isSsr = ssrFiles.find(
+              (it) => id.startsWith(it) || id.endsWith(it)
+            );
+            if (isSsr) {
+              return "ssr";
+            }
+            if (id.startsWith("virtual")) {
+              return "virtual";
+            }
+          }
+        },
+        onwarn: (warning, handler2) => {
+          if (warning.code === "UNUSED_EXTERNAL_IMPORT" && warning.ids.some((id) => id.includes("node_modules"))) {
+            return;
+          }
+          handler2(warning);
+        }
+      }
+    }
+  };
+  const customConfig = await serverBuild(baseConfig);
+  const finalConfig = (0, import_vite.mergeConfig)(baseConfig, customConfig);
+  await (0, import_vite.build)(finalConfig);
+};
+var doBuildClient = async (ssrConfig2, viteConfig) => {
+  const { base = "/" } = viteConfig;
+  const { root, clientMinify, clientOutDir, entryClient, clientBuild } = ssrConfig2;
+  const preloadFiles = [
+    "modulepreload",
+    "commonjsHelpers",
+    "vite/",
+    "installHook"
+  ];
+  const baseConfig = {
+    root,
+    appType: "custom",
+    base,
+    define: {
+      "process.env.SSR_BASENAME": JSON.stringify(base),
+      "process.env.SSR": JSON.stringify(false)
+    },
+    build: {
+      write: true,
+      manifest: true,
+      minify: clientMinify,
+      target: "modules",
+      emptyOutDir: false,
+      outDir: clientOutDir,
+      rollupOptions: {
+        external: viteConfig.build?.rollupOptions?.external,
+        input: {
+          main: import_path2.default.resolve(root, entryClient)
+        },
+        output: {
+          format: "es",
+          entryFileNames: `assets/[name]-[hash].js`,
+          chunkFileNames: `chunks/[name]-[hash].js`,
+          assetFileNames: `assets/[name]-[hash].[ext]`,
+          manualChunks: (id) => {
+            const isInternal = preloadFiles.find((it) => id.includes(it));
+            if (isInternal) {
+              return "preload";
+            }
+            if (id.includes("node_modules")) {
+              return "vendor";
+            }
+          }
+        }
+      }
+    }
+  };
+  const customConfig = await clientBuild(baseConfig);
+  const finalConfig = (0, import_vite.mergeConfig)(baseConfig, customConfig);
+  await (0, import_vite.build)(finalConfig);
+};
+
+// src/plugin-build/index.ts
+var pluginBuildSkip = () => {
+  const ENTRY_NONE = "____.html";
+  return {
+    name: "vite-plugin-ssr-config:skip",
+    enforce: "pre",
+    apply: "build",
+    config: () => {
+      if (process.env.IS_SSR_KIT_BUILD) return {};
+      return {
+        build: {
+          emptyOutDir: true,
+          copyPublicDir: false,
+          write: false,
+          rollupOptions: {
+            input: {
+              main: ENTRY_NONE
+            }
+          }
+        }
+      };
+    },
+    resolveId: (id) => {
+      if (id === ENTRY_NONE) {
+        return id;
+      }
+      return null;
+    },
+    load: (id) => {
+      if (id === ENTRY_NONE) {
+        return "";
+      }
+      return null;
+    }
+  };
+};
+var pluginBuildSSR = (ssrConfig2) => {
+  let viteConfig = {};
+  return {
+    name: "vite-plugin-ssr-config:build",
+    enforce: "pre",
+    apply: "build",
+    configResolved: (config) => {
+      viteConfig = config;
+    },
+    buildStart: async () => {
+      if (process.env.IS_SSR_KIT_BUILD) return;
+      process.env.IS_SSR_KIT_BUILD = "true";
+      cleanDirectory(ssrConfig2.clientOutDir);
+      cleanDirectory(ssrConfig2.serverOutDir);
+      viteConfig.logger.info("");
+      viteConfig.logger.info("\x1B[1m\x1B[31mCLIENT BUILD\x1B[0m");
+      await doBuildClient(ssrConfig2, viteConfig);
+      viteConfig.logger.info("");
+      viteConfig.logger.info("\x1B[1m\x1B[31mSERVER BUILD\x1B[0m");
+      await doBuildServer(ssrConfig2, viteConfig);
+      viteConfig.logger.info("");
+    }
+  };
+};
+var pluginBuild = (ssrConfig2) => {
+  if (ssrConfig2.disableBuild) {
+    return null;
+  }
+  return [pluginBuildSkip(), pluginBuildSSR(ssrConfig2)];
+};
+
+// src/plugin-resolve/index.ts
+var import_path3 = __toESM(require("path"), 1);
+var pluginResolve = (ssrConfig2) => {
+  let {
+    root,
+    server,
+    handler,
+    rootDocument,
+    entryClient,
+    entryRender,
+    pageServer,
+    pageBrowser,
+    rootRoutes,
+    errorBoundary,
+    liveReload,
+    viteScripts
+  } = ssrConfig2;
+  const absoluteFile = (name) => {
+    return import_path3.default.join(root, name);
+  };
+  return {
+    name: "vite-plugin-ssr-config:resolve",
+    enforce: "pre",
+    config: () => {
+      return {
+        resolve: {
+          alias: {
+            "@ssr/server.js": absoluteFile(server),
+            "@ssr/handler.js": absoluteFile(handler),
+            "@ssr/root.jsx": absoluteFile(rootDocument),
+            "@ssr/entryClient.jsx": absoluteFile(entryClient),
+            "@ssr/entryRender.jsx": absoluteFile(entryRender),
+            "@ssr/pageServer.jsx": absoluteFile(pageServer),
+            "@ssr/pageBrowser.jsx": absoluteFile(pageBrowser),
+            "@ssr/rootRoutes.jsx": absoluteFile(rootRoutes),
+            "@ssr/errorBoundary.jsx": absoluteFile(errorBoundary),
+            "@ssr/liveReload.jsx": absoluteFile(liveReload),
+            "@ssr/viteScripts.jsx": absoluteFile(viteScripts)
+          }
+        }
+      };
+    }
+  };
+};
+
+// src/plugin-serve/index.ts
+var import_fs_extra3 = __toESM(require("fs-extra"), 1);
+var import_path4 = __toESM(require("path"), 1);
+var pluginServe = (ssrConfig2) => {
+  const { entryClient, root } = ssrConfig2;
+  return {
+    name: "vite-plugin-ssr-config:serve",
+    enforce: "post",
+    apply: "serve",
+    config: ({ base = "/" }) => {
+      const ssrClientEntry = finalUrl(base, entryClient);
+      return {
+        appType: "custom",
+        define: {
+          "process.env.SSR_BASENAME": JSON.stringify(base),
+          "process.env.SSR_ENTRY_CLIENT": JSON.stringify(ssrClientEntry)
+        }
+      };
+    },
+    configureServer: async (devServer) => {
+      return async () => {
+        devServer.middlewares.use(async (req, res, next) => {
+          const indexHtmlPath = import_path4.default.join(root, req.url, "index.html");
+          if (import_fs_extra3.default.existsSync(indexHtmlPath)) {
+            return devServer.transformIndexHtml(
+              req.url,
+              import_fs_extra3.default.readFileSync(indexHtmlPath, "utf-8")
+            ).then((html) => {
+              res.setHeader("Content-Type", "text/html");
+              res.setHeader("Pragma", "no-cache");
+              res.setHeader("Expires", "0");
+              res.end(html);
+            });
+          }
+          next();
+        });
+        devServer.middlewares.use(async (req, res, next) => {
+          try {
+            process.env.SSR = true;
+            const mod = await devServer.ssrLoadModule("@ssr/handler.js", {
+              fixStacktrace: true
+            });
+            await mod.handler(req, res, next);
+          } catch (error) {
+            next(error);
+          }
+        });
+      };
+    }
+  };
+};
+
+// src/index.ts
+var ssrConfig = (opts = {}) => {
+  const ssrConfig2 = assertSSRConfig(opts);
+  const cacheOrigin = findDirPlugin("ssr");
+  const cacheTarget = import_path5.default.join(ssrConfig2.root, ".ssr");
+  cleanDirectory(cacheTarget);
+  copyFilesDirectory(cacheOrigin, cacheTarget, {
+    files: [
+      "entryClient.jsx",
+      "entryRender.jsx",
+      "errorBoundary.jsx",
+      "handler.js",
+      "liveReload.jsx",
+      "pageBrowser.jsx",
+      "pageServer.jsx",
+      "root.jsx",
+      "rootRoutes.jsx",
+      "server.js",
+      "viteScripts.jsx"
+    ]
+  });
+  return [
+    pluginResolve(ssrConfig2),
+    pluginServe(ssrConfig2),
+    pluginBuild(ssrConfig2)
+  ];
+};
+var ssr = ssrConfig;
+var index_default = ssrConfig;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ssr,
+  ssrConfig
+});

package/dist/index.d.cts

@@ -0,0 +1,29 @@
+import { UserConfig, PluginOption } from 'vite';
+
+type SSRConfig = {
+    root: string;
+    entryClient: string;
+    entryRender: string;
+    server: string;
+    handler: string;
+    rootDocument: string;
+    pageServer: string;
+    pageBrowser: string;
+    rootRoutes: string;
+    errorBoundary: string;
+    liveReload: string;
+    viteScripts: string;
+    clientOutDir: string;
+    clientMinify: boolean | "terser" | "esbuild";
+    clientBuild: (config: UserConfig) => UserConfig;
+    serverOutDir: string;
+    serverMinify: boolean | "terser" | "esbuild";
+    serverBuild: (config: UserConfig) => UserConfig;
+    disableBuild: boolean;
+};
+type SSROpts = Partial<SSRConfig>;
+
+declare const ssrConfig: (opts?: SSROpts) => PluginOption;
+declare const ssr: (opts?: SSROpts) => PluginOption;
+
+export { ssrConfig as default, ssr, ssrConfig };

package/dist/index.d.ts

@@ -0,0 +1,29 @@
+import { UserConfig, PluginOption } from 'vite';
+
+type SSRConfig = {
+    root: string;
+    entryClient: string;
+    entryRender: string;
+    server: string;
+    handler: string;
+    rootDocument: string;
+    pageServer: string;
+    pageBrowser: string;
+    rootRoutes: string;
+    errorBoundary: string;
+    liveReload: string;
+    viteScripts: string;
+    clientOutDir: string;
+    clientMinify: boolean | "terser" | "esbuild";
+    clientBuild: (config: UserConfig) => UserConfig;
+    serverOutDir: string;
+    serverMinify: boolean | "terser" | "esbuild";
+    serverBuild: (config: UserConfig) => UserConfig;
+    disableBuild: boolean;
+};
+type SSROpts = Partial<SSRConfig>;
+
+declare const ssrConfig: (opts?: SSROpts) => PluginOption;
+declare const ssr: (opts?: SSROpts) => PluginOption;
+
+export { ssrConfig as default, ssr, ssrConfig };