vike-lite 1.7.0 → 1.8.0

package/dist/client/router.d.mts

@@ -0,0 +1,11 @@
+//#region src/client/router.d.ts
+/**
+ * Change page programmatically on the client without reloading the browser.
+ *
+ * @example navigate('/dashboard')
+ */
+declare function navigate(url: string, options?: {
+  keepScrollPosition?: boolean;
+}): void;
+//#endregion
+export { navigate };

package/dist/client/router.mjs

@@ -0,0 +1,17 @@
+import { t as BASE_URL } from "../shared-DEpJkq09.mjs";
+//#region src/client/router.ts
+/**
+* Change page programmatically on the client without reloading the browser.
+* 
+* @example navigate('/dashboard')
+*/
+function navigate(url, options) {
+	if (typeof globalThis === "undefined") throw new Error("navigate() can only be called on the client side.");
+	let finalUrl = url;
+	if (finalUrl.startsWith("/")) finalUrl = (BASE_URL.endsWith("/") ? BASE_URL.slice(0, -1) : BASE_URL) + (finalUrl === "/" ? "" : finalUrl);
+	globalThis.history.pushState(null, "", finalUrl);
+	globalThis.dispatchEvent(new Event("popstate"));
+	if (!options?.keepScrollPosition) globalThis.scrollTo(0, 0);
+}
+//#endregion
+export { navigate };

package/dist/server/abort.d.mts

@@ -0,0 +1,29 @@
+//#region src/server/abort.d.ts
+declare class AbortRedirect extends Error {
+  url: string;
+  statusCode: number;
+  constructor(url: string, statusCode?: number);
+}
+/**
+ * Interrupt the current rendering and redirect the user to a new URL.
+ * Use with 'throw' inside +data.ts or in middleware.
+ * @param url The URL to redirect to
+ * @param statusCode Optional: the HTTP status code for the redirect (default is 302)
+ * @example throw redirect('/login')
+ */
+declare function redirect(url: string, statusCode?: number): AbortRedirect;
+declare class AbortRender extends Error {
+  statusCode: number;
+  reason?: unknown;
+  constructor(statusCode: number, reason?: unknown);
+}
+/**
+ * Interrupt the current rendering and display the error page.
+ * Always use with 'throw': throw render(404, 'Not Found')
+ *
+ * @param statusCode The HTTP status code (e.g. 404, 401, 500)
+ * @param reason Optional: the reason for the error to display in the UI
+ */
+declare function render(statusCode: number, reason?: unknown): AbortRender;
+//#endregion
+export { AbortRedirect, AbortRender, redirect, render };

package/dist/server/abort.mjs

@@ -0,0 +1,43 @@
+//#region src/server/abort.ts
+var AbortRedirect = class AbortRedirect extends Error {
+	url;
+	statusCode;
+	constructor(url, statusCode = 302) {
+		super(`Redirecting to ${url}`);
+		this.url = url;
+		this.statusCode = statusCode;
+		Object.setPrototypeOf(this, AbortRedirect.prototype);
+	}
+};
+/**
+* Interrupt the current rendering and redirect the user to a new URL.
+* Use with 'throw' inside +data.ts or in middleware.
+* @param url The URL to redirect to
+* @param statusCode Optional: the HTTP status code for the redirect (default is 302)
+* @example throw redirect('/login')
+*/
+function redirect(url, statusCode = 302) {
+	return new AbortRedirect(url, statusCode);
+}
+var AbortRender = class AbortRender extends Error {
+	statusCode;
+	reason;
+	constructor(statusCode, reason) {
+		super(`Render aborted with status ${statusCode}${reason && typeof reason === "string" ? `: ${reason}` : ""}`);
+		this.statusCode = statusCode;
+		this.reason = reason;
+		Object.setPrototypeOf(this, AbortRender.prototype);
+	}
+};
+/**
+* Interrupt the current rendering and display the error page.
+* Always use with 'throw': throw render(404, 'Not Found')
+* 
+* @param statusCode The HTTP status code (e.g. 404, 401, 500)
+* @param reason Optional: the reason for the error to display in the UI
+*/
+function render(statusCode, reason) {
+	return new AbortRender(statusCode, reason);
+}
+//#endregion
+export { AbortRedirect, AbortRender, redirect, render };

package/dist/server.mjs

@@ -1,4 +1,6 @@
+import { t as BASE_URL } from "./shared-DEpJkq09.mjs";
 import { t as matchRoute } from "./matchRoute-nTNPxoMq.mjs";
+import { AbortRedirect, AbortRender } from "./server/abort.mjs";
 import { n as store } from "./store-CfUB1COP.mjs";
 //#region src/utils/serializeContext.ts
 const ESCAPE_LOOKUP = {
@@ -13,20 +15,8 @@ function serializeContext(data) {
 	return JSON.stringify(data).replaceAll(ESCAPE_REGEX, (match) => ESCAPE_LOOKUP[match]);
 }
 //#endregion
-//#region src/server/abort.ts
-var AbortRender = class extends Error {
-	statusCode;
-	reason;
-	constructor(statusCode, reason) {
-		super(`Render aborted with status ${statusCode}: ${reason || ""}`);
-		this.statusCode = statusCode;
-		this.reason = reason;
-	}
-};
-//#endregion
 //#region src/server/renderPage.ts
 const isProd = process.env.NODE_ENV === "production";
-const { BASE_URL } = import.meta.env;
 function withBase(file) {
 	return `${BASE_URL.replace(/\/$/, "")}/${file.replace(/^\//, "")}`;
 }
@@ -172,7 +162,23 @@ async function renderPage(req) {
 			headers: { "Content-Type": "text/html" }
 		});
 	} catch (error) {
-		if (error instanceof AbortRender) return new Response(error.reason || "Not Found", { status: error.statusCode });
+		if (error instanceof AbortRedirect) {
+			let redirectUrl = error.url;
+			if (redirectUrl.startsWith("/")) redirectUrl = (BASE_URL.endsWith("/") ? BASE_URL.slice(0, -1) : BASE_URL) + (redirectUrl === "/" ? "" : redirectUrl);
+			if (isJsonRequest) return Response.json({ _redirect: redirectUrl }, { status: 200 });
+			return new Response(null, {
+				status: error.statusCode,
+				headers: { Location: redirectUrl }
+			});
+		}
+		if (error instanceof AbortRender) {
+			if (isJsonRequest) return Response.json({
+				is404: error.statusCode === 404,
+				isError: true,
+				reason: error.reason
+			}, { status: error.statusCode });
+			return renderErrorPage(req, error.statusCode, targetPathname, error.reason);
+		}
 		console.error("Render Error:", error);
 		if (isJsonRequest) return Response.json({ is500: true }, { status: 500 });
 		return renderErrorPage(req, 500, targetPathname, error);

package/dist/shared-DEpJkq09.mjs

@@ -0,0 +1,4 @@
+//#region src/shared/index.ts
+const { BASE_URL } = import.meta.env;
+//#endregion
+export { BASE_URL as t };

package/dist/vite.mjs

@@ -271,13 +271,13 @@ if (process.env.NODE_ENV === 'production') {
     '.woff2': 'font/woff2',
     '.wasm': 'application/wasm'
   };
-  const base = import.meta.env.BASE_URL;
+  const { BASE_URL } = import.meta.env;
   const server = createServer(async (req, res) => {
     try {
       const urlObj = new URL(req.url || '/', 'http://' + (req.headers.host || 'localhost'));
       const pathname = urlObj.pathname;
       let fileUrl = pathname;
-      if (base !== '/' && pathname.startsWith(base)) fileUrl = '/' + pathname.slice(base.length);
+      if (BASE_URL !== '/' && pathname.startsWith(BASE_URL)) fileUrl = '/' + pathname.slice(BASE_URL.length);
       if (fileUrl !== '/') {
         const filePath = path.resolve(clientDir, '.' + fileUrl)
         if (!filePath.startsWith(clientDir + path.sep)) {
@@ -362,8 +362,8 @@ if (process.env.NODE_ENV === 'production') {
 			}
 			if (urlsToPrerender.size === 0) return;
 			console.log("\n\x1B[36m📦 Starting Static Site Generation (SSG)...\x1B[0m");
-			const base = process.env.BASE_URL || "/";
-			const baseNoSlash = base.endsWith("/") ? base.slice(0, -1) : base;
+			const { BASE_URL } = import.meta.env;
+			const baseNoSlash = BASE_URL.endsWith("/") ? BASE_URL.slice(0, -1) : BASE_URL;
 			let generatedCount = 0;
 			const clientDir = path.resolve(viteConfigRoot, outDir, "client");
 			for (const urlPath of urlsToPrerender) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vike-lite",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "license": "MIT",
   "type": "module",
   "module": "./dist/index.mjs",
@@ -13,10 +13,18 @@
       "types": "./dist/vite.d.mts",
       "import": "./dist/vite.mjs"
     },
+    "./client/router": {
+      "import": "./dist/client/router.mjs",
+      "types": "./dist/client/router.d.mts"
+    },
     "./server": {
       "types": "./dist/server.d.mts",
       "import": "./dist/server.mjs"
     },
+    "./server/abort": {
+      "import": "./dist/server/abort.mjs",
+      "types": "./dist/server/abort.d.mts"
+    },
     "./__internal/shared": {
       "types": "./dist/__internal/shared.d.mts",
       "import": "./dist/__internal/shared.mjs"