vike-lite 1.16.2 → 1.17.1

package/README.md

@@ -29,13 +29,30 @@ export default {
     vikeLite({
       pagesDir: 'pages',           // Default: Directory containing your pages
       apiPrefix: '/api',           // Default: Prefix to bypass SSR for API routes
-      prerender: false             // Default: Enable SSG globally
+      prerender: false,            // Default: Enable SSG globally
       serverEntry: 'server/index', // Default: unfedined value that allows to use a custom server entry file
+      printDependencies: false     // Default: Print, per build (client/server), which package.json dependencies ended up in the bundle
     })
   ]
 } satisfies UserConfig
 ```
 
+#### printDependencies
+
+When set to `true`, at the end of each production build (client and server) the plugin prints the list of `package.json` dependencies (and devDependencies) that were actually bundled or externally imported in that specific build output. This is useful to debug bundle composition/size — e.g. spotting a heavy dependency that unexpectedly ended up in the client bundle.
+
+```sh
+
+📦 [Client bundle] package.json dependencies used (1):
+   - solid-js@^1.9.3
+
+📦 [Server bundle] package.json dependencies used (2):
+   - solid-js@^1.9.3
+   - hono@^4.12.31
+```
+
+It's disabled by default since it only adds diagnostic console output and isn't needed for normal usage.
+
 ### 🖥️ Server Integration
 
 #### `renderPage()`

package/dist/__internal/client.d.mts

@@ -1,4 +1,4 @@
-import { t as VikeState } from "../store-9UNcAe5D.mjs";
+import { t as VikeState } from "../store-DRuFjsY3.mjs";
 //#region src/__internal/client.d.ts
 declare function createLinkClickHandler(onNavigate: (url: URL) => void): (e: MouseEvent) => void;
 declare function createLinkPrefetchHandler(onPrefetch: (url: URL) => void): (e: Event) => void;

package/dist/__internal/server.d.mts

@@ -1,4 +1,4 @@
-import { n as setVikeState, r as store, t as VikeState } from "../store-9UNcAe5D.mjs";
+import { n as setVikeState, r as store, t as VikeState } from "../store-DRuFjsY3.mjs";
 //#region src/__internal/server.d.ts
 interface HtmlShellParams {
   pageTitleTag: string;

package/dist/__internal/server.mjs

@@ -1,4 +1,4 @@
-import { n as store, t as setVikeState } from "../store-BCs8gL_o.mjs";
+import { n as store, t as setVikeState } from "../store-D-6PbvfY.mjs";
 //#region src/__internal/server.ts
 /**
 * Renders the HTML document shell shared by every adapter: doctype, meta tags,

package/dist/__internal/shared.mjs

@@ -1,8 +1,6 @@
+import { t as escapeRegex } from "../shared-Dh8Fb_3P.mjs";
 //#region src/__internal/shared.ts
 const regexCache = /* @__PURE__ */ new Map();
-function escapeRegex(str) {
-	return str.replaceAll(/[.*+?^${}()|[\]\\]/g, String.raw`\$&`);
-}
 function matchRoute(urlPathname, routes) {
 	for (const route of routes) {
 		if (!route.path.includes(":")) {

package/dist/server.mjs

@@ -1,6 +1,6 @@
 import { BASE_URL, matchRoute, stripBase } from "./__internal/shared.mjs";
 import { AbortRedirect, AbortRender } from "./server/abort.mjs";
-import { n as store } from "./store-BCs8gL_o.mjs";
+import { n as store } from "./store-D-6PbvfY.mjs";
 //#region src/utils/serializeContext.ts
 const ESCAPE_LOOKUP = {
 	"&": String.raw`\u0026`,

package/dist/shared-Dh8Fb_3P.mjs

@@ -0,0 +1,6 @@
+//#region src/shared/index.ts
+function escapeRegex(str) {
+	return str.replaceAll(/[.*+?^${}()|[\]\\]/g, String.raw`\$&`);
+}
+//#endregion
+export { escapeRegex as t };

package/dist/{store-BCs8gL_o.mjs → store-D-6PbvfY.mjs}

@@ -1,4 +1,4 @@
-//#region src/server/store.ts
+//#region src/shared/store.ts
 const KEY = Symbol.for("vike-lite:store");
 const store = globalThis[KEY] ??= {
 	routes: [],

package/dist/{store-9UNcAe5D.d.mts → store-DRuFjsY3.d.mts}

@@ -1,4 +1,4 @@
-//#region src/server/store.d.ts
+//#region src/shared/store.d.ts
 interface VikeState {
   routes: typeof import('virtual:vike-lite/routes')['routes'] | [];
   errorRoute: typeof import('virtual:vike-lite/routes')['errorRoute'] | null;

package/dist/vite.d.mts

@@ -1,6 +1,6 @@
 import { Plugin } from "vite";
 //#region src/vite/index.d.ts
-declare function vikeLite({ pagesDir, apiPrefix, prerender, serverEntry }?: {
+declare function vikeLite({ pagesDir, apiPrefix, prerender, serverEntry, printDependencies }?: {
   /**
    * The directory where your page components are located.
    * This is where the plugin will look for your page files to generate routes.
@@ -26,6 +26,14 @@ declare function vikeLite({ pagesDir, apiPrefix, prerender, serverEntry }?: {
    * @default undefined
    */
   serverEntry?: string | false;
+  /**
+   * Whether to print, at the end of each build (client and server), the list of
+   * package.json dependencies that ended up in that bundle. Useful to debug bundle
+   * size/composition, but adds console output on every production build, so it's
+   * disabled by default.
+   * @default false
+   */
+  printDependencies?: boolean;
 }): Plugin;
 //#endregion
 export { vikeLite as default };

package/dist/vite.mjs

@@ -1,3 +1,4 @@
+import { t as escapeRegex } from "./shared-Dh8Fb_3P.mjs";
 import fs from "node:fs";
 import path from "node:path";
 import { Readable } from "node:stream";
@@ -109,13 +110,36 @@ const SUPPORTED_RENDERERS = [
 	"vue"
 ];
 //#endregion
+//#region src/vite/printDependencies.ts
+function findPackageJsonPath(startDir) {
+	let dir = startDir;
+	while (true) {
+		const candidate = path.join(dir, "package.json");
+		if (fs.existsSync(candidate)) return candidate;
+		const parent = path.dirname(dir);
+		if (parent === dir) return null;
+		dir = parent;
+	}
+}
+function extractPackageNameFromPath(moduleId) {
+	const matches = [...moduleId.replaceAll("\\", "/").matchAll(/node_modules\/(@[^/]+\/[^/]+|[^/]+)/g)];
+	if (matches.length === 0) return null;
+	return matches[matches.length - 1][1];
+}
+function extractPackageNameFromImport(imp) {
+	if (imp.startsWith(".") || imp.startsWith("/") || imp.startsWith("\0") || path.isAbsolute(imp) || imp.startsWith("node:")) return null;
+	const parts = imp.split("/");
+	return imp.startsWith("@") && parts.length > 1 ? `${parts[0]}/${parts[1]}` : parts[0];
+}
+//#endregion
 //#region src/vite/index.ts
-function vikeLite({ pagesDir = "pages", apiPrefix = "/api", prerender = false, serverEntry } = {}) {
+function vikeLite({ pagesDir = "pages", apiPrefix = "/api", prerender = false, serverEntry, printDependencies = false } = {}) {
 	const isProd = process.env.NODE_ENV === "production";
 	let viteConfigRoot;
 	let outDir;
 	let hasAnyPrerender;
 	let baseUrl;
+	let projectDependencies = null;
 	const VIRTUAL = {
 		routes: "virtual:vike-lite/routes",
 		manifest: "virtual:vike-lite/client-manifest",
@@ -139,10 +163,24 @@ function vikeLite({ pagesDir = "pages", apiPrefix = "/api", prerender = false, s
 			outDir = config.build?.outDir ?? "dist";
 			const { emptyOutDir, minify = true, cssMinify = true, sourcemap } = config.build || {};
 			viteConfigRoot = config.root ? path.resolve(config.root) : process.cwd();
+			if (isProd && printDependencies) {
+				const pkgJsonPath = findPackageJsonPath(viteConfigRoot);
+				if (pkgJsonPath) {
+					const pkgJson = JSON.parse(fs.readFileSync(pkgJsonPath, "utf8"));
+					projectDependencies = {
+						...pkgJson.dependencies,
+						...pkgJson.devDependencies,
+						...pkgJson.peerDependencies
+					};
+				}
+			}
 			const { routes } = generateRoutes(viteConfigRoot, pagesDir);
 			hasAnyPrerender = prerender || routes.some((r) => r.prerender);
 			const serverInput = { index: VIRTUAL.entryServer };
 			if (hasAnyPrerender) serverInput.prerender = VIRTUAL.entryPrerender;
+			const escapedPagesDir = escapeRegex(pagesDir);
+			const pagesDirRegex = new RegExp(String.raw`[\\/]${escapedPagesDir}[\\/]([^\\/]+)[\\/]`);
+			const pagesDirTest = new RegExp(String.raw`[\\/]${escapedPagesDir}[\\/]`);
 			return {
 				appType: "custom",
 				ssr: { noExternal: [/^vike-lite(?:$|-)/] },
@@ -182,15 +220,15 @@ function vikeLite({ pagesDir = "pages", apiPrefix = "/api", prerender = false, s
 									},
 									{
 										name(moduleId) {
-											const match = moduleId.match(new RegExp(String.raw`[\\/]${pagesDir}[\\/]([^\\/]+)[\\/]`));
+											const match = moduleId.match(pagesDirRegex);
 											return match ? `page-${match[1]}` : "shared";
 										},
-										test: new RegExp(String.raw`[\\/]${pagesDir}[\\/]`),
+										test: pagesDirTest,
 										priority: 10
 									},
 									{
 										name(moduleId) {
-											const match = moduleId.match(new RegExp(String.raw`[\\/]${pagesDir}[\\/]([^\\/]+)[\\/]`));
+											const match = moduleId.match(pagesDirRegex);
 											return match ? `css-${match[1]}` : "css-shared";
 										},
 										test: /\.css$/,
@@ -294,6 +332,32 @@ function vikeLite({ pagesDir = "pages", apiPrefix = "/api", prerender = false, s
 			}
 			if (id === RESOLVED.entryPrerender) return importSetup + `export{routes}from'${VIRTUAL.routes}';export{renderPage}from'vike-lite/server';`;
 		},
+		generateBundle(_options, bundle) {
+			if (!printDependencies || !projectDependencies) return;
+			const envName = this.environment.name;
+			if (envName !== "client" && envName !== "ssr") return;
+			const usedPackages = /* @__PURE__ */ new Set();
+			for (const file of Object.values(bundle)) {
+				if (file.type !== "chunk") continue;
+				for (const moduleId of file.moduleIds) {
+					const pkgName = extractPackageNameFromPath(moduleId);
+					if (pkgName && projectDependencies[pkgName] !== void 0) usedPackages.add(pkgName);
+				}
+				for (const imp of file.imports) {
+					const pkgName = extractPackageNameFromImport(imp);
+					if (pkgName && projectDependencies[pkgName] !== void 0) usedPackages.add(pkgName);
+				}
+				for (const imp of file.dynamicImports) {
+					const pkgName = extractPackageNameFromImport(imp);
+					if (pkgName && projectDependencies[pkgName] !== void 0) usedPackages.add(pkgName);
+				}
+			}
+			const label = envName === "client" ? "Client" : "Server";
+			const sorted = [...usedPackages].sort();
+			console.log(`📦 [${label} bundle] package.json dependencies used (${sorted.length}):`);
+			if (sorted.length === 0) console.log(`   (None)`);
+			else for (const dep of sorted) console.log(`   - ${dep}@${projectDependencies[dep]}`);
+		},
 		closeBundle: {
 			order: "pre",
 			async handler() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vike-lite",
-  "version": "1.16.2",
+  "version": "1.17.1",
   "license": "MIT",
   "repository": {
     "type": "git",