vike-lite 1.2.2 → 1.3.1

package/README.md

@@ -4,7 +4,7 @@ Light version of [Vike](https://vike.dev)
 
 ### ✨ Features
 ❯ **Zero dependencies:**<br> _light_ with less dependencies and essential checks
-❯ **Functionalities:**<br> [See documentation](doc/FUNCTIONALITIES)
+❯ **Functionalities:**<br> [See documentation](doc/FUNCTIONALITIES.md)
 
 ### ⚙️ Install
 | Package Manager | Command
@@ -65,6 +65,12 @@ app.onError((error, c) => {
 export default app
 ```
 
+> Note: if you don't use a custom server (loaded by the `serverEntry` option), a default server is bundled. In PROD the server is started as follow:
+```ts
+// startServer.mjs
+import './dist/server/index.mjs'
+```
+
 ### 🫶 Contribution
 Clone
 ```sh

package/dist/__internal/server.d.mts

@@ -1,4 +1,3 @@
-import { r as Manifest } from "../index-B6dJFVs8.mjs";
 import { t as Config } from "../index-kftPCG4J.mjs";
 
 //#region src/server/store.d.ts

package/dist/index.d.mts

@@ -1,2 +1,15 @@
-import { a as Route, i as PageContext, n as DataSync, r as Manifest, t as DataAsync } from "./index-B6dJFVs8.mjs";
-export { DataAsync, DataSync, Manifest, PageContext, Route };
+//#region src/index.d.ts
+type PageContext<Data = unknown> = {
+  routeParams: Record<string, string>;
+  urlOriginal: string;
+  urlPathname: string;
+  data?: Data;
+  title?: string;
+  is404?: boolean;
+  is500?: boolean;
+  errorMessage?: string;
+};
+type DataAsync<Data = unknown> = (pageContext: PageContext) => Promise<Data>;
+type DataSync<Data = unknown> = (pageContext: PageContext) => Data;
+//#endregion
+export { DataAsync, DataSync, PageContext };

package/dist/server.mjs

@@ -24,7 +24,7 @@ var AbortRender = class extends Error {
 	}
 };
 //#endregion
-//#region src/server/renderPage.tsx
+//#region src/server/renderPage.ts
 const isProd = process.env.NODE_ENV === "production";
 function getAssets(route) {
 	if (!isProd) return {

package/dist/vite.mjs

@@ -2,7 +2,8 @@ import fs from "node:fs";
 import path from "node:path";
 import { Readable } from "node:stream";
 import { pipeline } from "node:stream/promises";
-//#region src/vite-plugin.ts
+import { loadEnv } from "vite";
+//#region src/utils/generateRoutes.ts
 function generateRoutes(viteRoot, pagesDir) {
 	const pagesAbsPath = path.resolve(viteRoot, pagesDir);
 	if (!fs.existsSync(pagesAbsPath)) return { routes: [] };
@@ -55,6 +56,8 @@ function generateRoutes(viteRoot, pagesDir) {
 		errorRoute
 	};
 }
+//#endregion
+//#region src/utils/injectFOUCStyles.ts
 /**
 * Anti-FOUC: Inspect all known SSR modules, ask the client environment
 * to translate them into plain text (thanks to ?direct) and return them.
@@ -77,13 +80,18 @@ async function injectFOUCStyles(server, html) {
 	if (headEndIndex === -1) return html;
 	return `${html.slice(0, headEndIndex)}<style type="text/css" data-vite-dev-fouc>${cssContent}</style>${html.slice(headEndIndex)}`;
 }
+//#endregion
+//#region src/config.ts
+const SUPPORTED_RENDERERS = ["solid"];
+//#endregion
+//#region src/vite-plugin.ts
 function routerPlugin({ pagesDir = "pages", serverEntry = "server/index", apiPrefix = "/api" } = {}) {
 	const isProd = process.env.NODE_ENV === "production";
 	let viteConfigRoot;
 	let outDir;
 	const virtualModuleId = "virtual:routes";
 	const virtualManifestId = "virtual:client-manifest";
-	const virtualAdapterId = "virtual:vike-lite-solid";
+	const virtualRendererId = "virtual:vike-lite/renderer";
 	const virtualEntryClientId = "virtual:entry-client";
 	const virtualSetupId = "virtual:vike-lite/setup";
 	const virtualEntryServerId = "virtual:entry-server";
@@ -94,7 +102,9 @@ function routerPlugin({ pagesDir = "pages", serverEntry = "server/index", apiPre
 	const resolvedVirtualEntryServerId = "\0virtual:entry-server";
 	return {
 		name: "vike-lite",
-		config(config) {
+		config(config, { mode }) {
+			const envVariables = loadEnv(mode, config.envDir || process.cwd());
+			for (const key in envVariables) if (process.env[key] === void 0) process.env[key] = envVariables[key];
 			outDir = config.build?.outDir ?? "dist";
 			const { emptyOutDir, minify = true, cssMinify = true, sourcemap } = config.build || {};
 			return {
@@ -143,6 +153,7 @@ function routerPlugin({ pagesDir = "pages", serverEntry = "server/index", apiPre
 		},
 		configResolved(config) {
 			viteConfigRoot = config.root;
+			if (!config.plugins.some((plugin) => plugin.name?.startsWith("vike-lite-") && SUPPORTED_RENDERERS.includes(plugin.name.replace("vike-lite-", "")))) throw new Error(`No UI renderer plugin found in 'vite.config': please install and configure one of ${SUPPORTED_RENDERERS.map((r) => `vike-lite-${r}`).join(", ")}`);
 		},
 		resolveId(id) {
 			if (id === virtualModuleId) return resolvedVirtualModuleId;
@@ -155,7 +166,7 @@ function routerPlugin({ pagesDir = "pages", serverEntry = "server/index", apiPre
 			if (id === resolvedVirtualModuleId) {
 				const { routes, errorRoute } = generateRoutes(viteConfigRoot, pagesDir);
 				const isSSR = options.ssr;
-				let code = `import { onRenderHtml } from '${virtualAdapterId}';\nexport const config = { onRenderHtml };\nexport const routes = [\n`;
+				let code = `import { onRenderHtml } from '${virtualRendererId}';\nexport const config = { onRenderHtml };\nexport const routes = [\n`;
 				for (const r of routes) {
 					code += `{path:'${r.path}',page:'${r.page}',Page:()=>import('/${r.page}'),`;
 					if (r.head) code += `head:'${r.head}',Head:()=>import('/${r.head}'),`;
@@ -183,7 +194,7 @@ function routerPlugin({ pagesDir = "pages", serverEntry = "server/index", apiPre
 				return `export default ${fs.readFileSync(manifestPath, "utf8")}`;
 			}
 			if (id === resolvedVirtualEntryClientId) return `import { routes, errorRoute } from '${virtualModuleId}';
-          import { onRenderClient } from '${virtualAdapterId}';
+          import { onRenderClient } from '${virtualRendererId}';
           const { default: render } = await onRenderClient();
           await render({ routes, errorRoute });`;
 			if (id === resolvedVirtualSetupId) return `
@@ -196,10 +207,109 @@ function routerPlugin({ pagesDir = "pages", serverEntry = "server/index", apiPre
           setVikeState({ routes, errorRoute, config, manifest });
         `;
 			if (id === resolvedVirtualEntryServerId) {
-				const normalizedServerEntry = path.join(viteConfigRoot, serverEntry).replaceAll("\\", "/");
-				return `import '${virtualSetupId}';
-          export * from '${normalizedServerEntry}';
-          export { default } from '${normalizedServerEntry}';`;
+				const extensions = [
+					".ts",
+					".js",
+					".mjs"
+				];
+				let hasCustomServer = false;
+				let customServerPath = "";
+				if (serverEntry) {
+					const basePath = path.resolve(viteConfigRoot, serverEntry);
+					for (const ext of ["", ...extensions]) if (fs.existsSync(basePath + ext)) {
+						hasCustomServer = true;
+						customServerPath = (basePath + ext).replaceAll("\\", "/");
+						break;
+					}
+				}
+				if (hasCustomServer) return `import '${virtualSetupId}';
+            export * from '${customServerPath}';
+            export { default } from '${customServerPath}';`;
+				return String.raw`import '${virtualSetupId}';
+import { renderPage } from 'vike-lite/server';
+export default {
+  async fetch(request) {
+    return renderPage(request);
+  }
+};
+if (process.env.NODE_ENV === 'production') {
+  const { createServer } = await import('node:http');
+  const { Readable } = await import('node:stream');
+  const { pipeline } = await import('node:stream/promises');
+  const fs = await import('node:fs');
+  const path = await import('node:path');
+  const { fileURLToPath } = await import('node:url');
+  const __dirname = path.dirname(fileURLToPath(import.meta.url));
+  const clientDir = path.resolve(__dirname, '../client');
+  const MIME_TYPES = {
+    '.html': 'text/html',
+    '.js': 'text/javascript',
+    '.mjs': 'text/javascript',
+    '.css': 'text/css',
+    '.json': 'application/json',
+    '.png': 'image/png',
+    '.jpg': 'image/jpeg',
+    '.jpeg': 'image/jpeg',
+    '.gif': 'image/gif',
+    '.svg': 'image/svg+xml',
+    '.ico': 'image/x-icon',
+    '.webmanifest': 'application/manifest+json',
+    '.xml': 'application/xml',
+    '.txt': 'text/plain',
+    '.woff': 'font/woff',
+    '.woff2': 'font/woff2'
+  };
+  const server = createServer(async (req, res) => {
+    try {
+      const urlObj = new URL(req.url || '/', 'http://' + (req.headers.host || 'localhost'));
+      const pathname = urlObj.pathname;
+      if (pathname !== '/') {
+        const filePath = path.join(clientDir, pathname);
+        if (filePath.startsWith(clientDir) && fs.existsSync(filePath) && fs.statSync(filePath).isFile()) {
+          const ext = path.extname(filePath).toLowerCase();
+          const mimeType = MIME_TYPES[ext] || 'application/octet-stream';
+          res.setHeader('Content-Type', mimeType);
+          if (pathname.startsWith('/assets/')) {
+            res.setHeader('Cache-Control', 'public, max-age=31536000, immutable');
+          }
+          fs.createReadStream(filePath).pipe(res);
+          return;
+        }
+      }
+      const headers = new Headers();
+      for (const [key, val] of Object.entries(req.headers)) {
+        if (Array.isArray(val)) val.forEach(v => headers.append(key, v));
+        else if (val) headers.set(key, val);
+      }
+      const { method } = req;
+      const init = { method, headers };
+      if (method !== 'GET' && method !== 'HEAD') {
+        init.body = Readable.toWeb(req);
+        init.duplex = 'half';
+      }
+      const request = new Request(urlObj.href, init);
+      const response = await renderPage(request);
+      res.statusCode = response.status;
+      for (const [key, val] of response.headers) {
+        res.setHeader(key, val);
+      }
+      if (response.body) {
+        await pipeline(Readable.fromWeb(response.body), res);
+      } else {
+        res.end();
+      }
+    } catch (e) {
+      console.error(e);
+      res.statusCode = 500;
+      res.end('Internal Server Error');
+    }
+  });
+  const { PORT } = process.env;
+  const port = PORT ? Number.parseInt(PORT) : 3000;
+  server.listen(port, () => {
+    console.log('\n\x1b[32m🚀 Server is running at http://localhost:' + port + '\x1b[0m\n');
+  });
+}`;
 			}
 		},
 		configureServer(server) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vike-lite",
-  "version": "1.2.2",
+  "version": "1.3.1",
   "license": "MIT",
   "type": "module",
   "module": "./dist/index.mjs",
@@ -38,18 +38,11 @@
     "dist"
   ],
   "scripts": {
-    "lint": "eslint src/**/*.{ts,tsx} *.ts",
-    "build": "tsdown",
-    "od": "yarn outdated"
+    "build": "tsdown"
   },
   "devDependencies": {
     "@types/node": "^26.0.1",
-    "@yarnpkg/sdks": "^3.3.0",
-    "eslint": "^10.6.0",
-    "eslint-plugin-unicorn": "^69.0.0",
     "tsdown": "^0.22.3",
-    "typescript": "^6.0.3",
-    "typescript-eslint": "^8.62.0",
     "vite": "^8.1.0"
   },
   "peerDependencies": {
@@ -57,6 +50,5 @@
   },
   "engines": {
     "node": "^20.19.0 || >=22.12.0"
-  },
-  "packageManager": "yarn@4.17.0"
-}
+  }
+}

package/dist/index-B6dJFVs8.d.mts

@@ -1,29 +0,0 @@
-//#region src/index.d.ts
-type PageContext<Data = unknown> = {
-  routeParams: Record<string, string>;
-  urlOriginal: string;
-  urlPathname: string;
-  data?: Data;
-  title?: string;
-  is404?: boolean;
-  is500?: boolean;
-  errorMessage?: string;
-};
-type DataAsync<Data = unknown> = (pageContext: PageContext) => Promise<Data>;
-type DataSync<Data = unknown> = (pageContext: PageContext) => Data;
-type Route = {
-  path: string;
-  page: string;
-  layout?: string;
-  head?: string;
-  hasData?: boolean;
-  hasTitle?: boolean;
-};
-type Manifest = Record<string, {
-  file: string;
-  css?: string[];
-  imports?: string[];
-  isEntry?: boolean;
-}>;
-//#endregion
-export { Route as a, PageContext as i, DataSync as n, Manifest as r, DataAsync as t };