crelte 0.5.14 → 0.6.0-alpha.1

package/dist/vite/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vite/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAEN,MAAM,EAON,MAAM,MAAM,CAAC;AAkJd,MAAM,MAAM,aAAa,GAAG;IAC3B,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,IAAI,CAAC,EAAE,aAAa,GAAG,MAAM,CAyK3D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vite/index.ts"],"names":[],"mappings":"AACA,OAAO,EAEN,MAAM,EAON,MAAM,MAAM,CAAC;AAwHd,MAAM,CAAC,OAAO,UAAU,MAAM,IAAI,MAAM,CA4JvC"}

package/dist/vite/index.js

@@ -1,13 +1,12 @@
 import { relative } from 'node:path';
-import MagicString from 'magic-string';
 import { build as viteBuild, } from 'vite';
 import fs from 'node:fs/promises';
 import { initEnvData, initSites, modRender, modRenderError, } from '../server/shared.js';
 import ServerRouter from '../server/ServerRouter.js';
-import sveltePackage from 'svelte/package.json' with { type: 'json' };
 import { initQueryRoutes } from '../server/queries/queries.js';
 import { PLATFORM, requestToWebRequest, webResponseToResponse, } from '../node/utils.js';
 import QueryError from '../queries/QueryError.js';
+import { generateTransform, rolldownString, } from 'rolldown-string';
 const VIRT_MOD_ID = 'virtual:crelte/svelteComponents';
 const RESOLVED_VIRT_MOD_ID = '\0' + VIRT_MOD_ID;
 async function readFile(path) {
@@ -17,41 +16,31 @@ async function readFile(path) {
 // todo need to find a better solution
 // for reference https://github.com/sveltejs/svelte/issues/4854
 // and https://github.com/sveltejs/svelte/pull/5476
-function usedSsrComponents(code, id, options, svelte5) {
+function usedSsrComponents(code, id, options) {
     if (!options?.ssr || !id.endsWith('.svelte'))
         return;
     const file = relative('.', id);
-    let idx;
-    if (svelte5) {
-        const defFnSign = 'export default function ';
-        idx = code.indexOf(defFnSign);
-        if (idx < 0)
-            return;
-        const withPropsIdx = code.indexOf('($$renderer, $$props) {', idx);
-        const noPropsIdx = code.indexOf('($$renderer) {', idx);
-        idx = withPropsIdx >= 0 ? withPropsIdx : noPropsIdx;
-        if (idx < 0) {
-            console.error('could not find svelte5 init', id);
-            return;
-        }
-        const renderCompSign = '$$renderer.component(($$renderer) => {';
-        const renderCompIdx = code.indexOf(renderCompSign, idx);
-        if (renderCompIdx >= 0)
-            idx = renderCompIdx;
-        // Find the end of the line where the pattern was found
-        idx = code.indexOf('\n', idx);
-        if (idx < 0)
-            return;
-        idx += 1; // \n
-    }
-    else {
-        const initFnSign = 'create_ssr_component(($$result, $$props, $$bindings, slots) => {';
-        idx = code.indexOf(initFnSign);
-        if (idx < 0)
-            return;
-        idx += initFnSign.length;
+    const defFnSign = 'export default function ';
+    let idx = code.indexOf(defFnSign);
+    if (idx < 0)
+        return;
+    const withPropsIdx = code.indexOf('($$renderer, $$props) {', idx);
+    const noPropsIdx = code.indexOf('($$renderer) {', idx);
+    idx = withPropsIdx >= 0 ? withPropsIdx : noPropsIdx;
+    if (idx < 0) {
+        console.error('could not find svelte5 init', id);
+        return;
     }
-    const s = new MagicString(code);
+    const renderCompSign = '$$renderer.component(($$renderer) => {';
+    const renderCompIdx = code.indexOf(renderCompSign, idx);
+    if (renderCompIdx >= 0)
+        idx = renderCompIdx;
+    // Find the end of the line where the pattern was found
+    idx = code.indexOf('\n', idx);
+    if (idx < 0)
+        return;
+    idx += 1; // \n
+    const s = rolldownString(code, id, options);
     s.prepend(`import { getContext as __modulesGetContext } from 'svelte';\n`);
     const ctxAdd = `
 (() => {
@@ -62,14 +51,7 @@ if (ctx && ctx instanceof Set) {
 })();
 `;
     s.appendLeft(idx, ctxAdd);
-    return {
-        map: s.generateMap({
-            source: id,
-            includeContent: true,
-            hires: 'boundary',
-        }),
-        code: s.toString(),
-    };
+    return generateTransform(s, id);
 }
 // transform graphql files into a GraphQlQuery which can called with
 // crelte.query or graphQl.query
@@ -82,18 +64,14 @@ function graphQlFiles(code, path, ssr) {
     const name = filename.substring(0, filename.length - '.graphql'.length);
     if (!ssr) {
         return `
-export default {
-	queryName: ${JSON.stringify(name)}
-};
+export default ${JSON.stringify(name)};
 `;
     }
     const json = JSON.stringify(code)
         .replace(/\u2028/g, '\\u2028')
         .replace(/\u2029/g, '\\u2029');
     return `
-export default {
-	queryName: ${JSON.stringify(name)}
-};
+export default ${JSON.stringify(name)};
 
 export const query = {
 	path: ${JSON.stringify(path)},
@@ -101,21 +79,12 @@ export const query = {
 };
 `;
 }
-function isSvelte5() {
-    if (sveltePackage && sveltePackage.version) {
-        return sveltePackage.version.startsWith('5.');
-    }
-    // Fallback or error handling if version cannot be determined
-    console.warn('Could not determine Svelte version. Assuming not Svelte 5.');
-    return false;
-}
 // outside of crelte because each build executes crelte again
 let isSsrBuild = false;
-export default function crelte(opts) {
+export default function crelte() {
     let viteConfig;
     let viteConfigEnv;
     let initialConfig;
-    const svelte5 = opts?.svelte4 ? false : isSvelte5();
     return {
         name: 'crelte',
         config(config, configEnv) {
@@ -167,28 +136,18 @@ export default function crelte(opts) {
                     `createServer(server, ${Date.now()});`);
             }
             if (id === RESOLVED_VIRT_MOD_ID) {
-                if (svelte5) {
-                    return (`import { hydrate } from 'svelte';` +
-                        `import { render } from 'svelte/server';` +
-                        `export function internalSvelteMount(comp, options) {` +
-                        `return hydrate(comp, options);` +
-                        `}` +
-                        `export function internalSvelteRender(comp, options) {` +
-                        `return render(comp, options);` +
-                        `}`);
-                }
-                else {
-                    return (`export function internalSvelteMount(comp, options) {` +
-                        `return new comp({ ...options, hydrate: true });` +
-                        `}` +
-                        `export function internalSvelteRender(comp, options) {` +
-                        `return comp.render(options.props, options);` +
-                        `}`);
-                }
+                return (`import { hydrate } from 'svelte';` +
+                    `import { render } from 'svelte/server';` +
+                    `export function internalSvelteMount(comp, options) {` +
+                    `return hydrate(comp, options);` +
+                    `}` +
+                    `export function internalSvelteRender(comp, options) {` +
+                    `return render(comp, options);` +
+                    `}`);
             }
         },
         transform(code, id, options) {
-            return (usedSsrComponents(code, id, options, svelte5) ||
+            return (usedSsrComponents(code, id, options) ||
                 graphQlFiles(code, id, !!options?.ssr));
         },
         async configureServer(vite) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "crelte",
-	"version": "0.5.14",
+	"version": "0.6.0-alpha.1",
 	"author": "Crelte <support@crelte.com>",
 	"type": "module",
 	"scripts": {
@@ -111,22 +111,27 @@
 		"./std/url": {
 			"types": "./dist/std/url/index.d.ts",
 			"default": "./dist/std/url/index.js"
+		},
+		"./std/encdec": {
+			"types": "./dist/std/encdec/index.d.ts",
+			"default": "./dist/std/encdec/index.js"
 		}
 	},
 	"dependencies": {
-		"magic-string": "^0.30.17",
+		"devalue": "^5.9.0",
+		"rolldown-string": "^0.3.1",
 		"trouter": "^4.0.0"
 	},
 	"peerDependencies": {
-		"svelte": "^4.0.0 || ^5.39.1",
-		"vite": "^5.0.0 || ^6.0.0"
+		"svelte": "^5.39.1",
+		"vite": "^8.0.0"
 	},
 	"devDependencies": {
 		"@sveltejs/package": "^2.3.1",
-		"@sveltejs/vite-plugin-svelte": "^4.0.0",
+		"@sveltejs/vite-plugin-svelte": "^7.0.0",
+		"@types/node": "^22.13.10",
 		"svelte-check": "^4.1.4",
 		"typescript-svelte-plugin": "^0.3.45",
-		"vitest": "^3.0.0",
-		"@types/node": "^22.13.10"
+		"vitest": "^4.0.0"
 	}
 }

package/src/blocks/Blocks.svelte

@@ -1,9 +1,10 @@
 <script lang="ts">
 	import { type BlocksInstance } from './index.js';
 
-	export let blocks: BlocksInstance;
+	// eslint-disable-next-line svelte/valid-compile
+	let { blocks, ...rest }: { blocks: BlocksInstance } = $props();
 </script>
 
-{#each blocks.each() as { mod, props }}
-	<svelte:component this={mod} {...props} {...$$restProps} />
+{#each blocks.each() as { mod: Mod, props }}
+	<Mod {...props} {...rest} />
 {/each}

package/src/crelte.ts

@@ -127,10 +127,10 @@ export type Crelte = {
 	/**
 	 * returns an env variable from the craft/.env file.
 	 * All env variables need to start with VITE_
-	 * except ENDPOINT_URL, CRAFT_WEB_URL and FRONTEND_URL
+	 * except ENDPOINT_URL, CRAFT_BASE_CP_URL and FRONTEND_URL
 	 */
 	getEnv(name: 'ENDPOINT_URL'): string;
-	getEnv(name: 'CRAFT_WEB_URL'): string;
+	getEnv(name: 'CRAFT_BASE_CP_URL'): string;
 	getEnv(name: 'FRONTEND_URL'): string;
 	getEnv(name: string): string | null;
 

package/src/index.ts

@@ -125,13 +125,13 @@ export function getEntry(): Readable<Entry> {
 /**
  * returns an env variable from the craft/.env file.
  * All env variables need to start with VITE_
- * except ENDPOINT_URL, CRAFT_WEB_URL and FRONTEND_URL
+ * except ENDPOINT_URL, CRAFT_BASE_CP_URL and FRONTEND_URL
  *
  * #### Note
  * This only works during component initialisation.
  */
 export function getEnv(name: 'ENDPOINT_URL'): string;
-export function getEnv(name: 'CRAFT_WEB_URL'): string;
+export function getEnv(name: 'CRAFT_BASE_CP_URL'): string;
 export function getEnv(name: 'FRONTEND_URL'): string;
 export function getEnv(name: string): string | null;
 export function getEnv(name: string): string | null {

package/src/init/InternalApp.ts

@@ -27,8 +27,7 @@ export interface TemplateModule {
 }
 
 export type LazyTemplateModule =
-	| (() => Promise<TemplateModule>)
-	| TemplateModule;
+	(() => Promise<TemplateModule>) | TemplateModule;
 
 export type TemplateModules = Map<string, LazyTemplateModule>;
 
@@ -54,7 +53,7 @@ export default class InternalApp {
 	}
 
 	get loadGlobalData(): LoadData<null> {
-		return this.inner.loadGlobalData ?? { queryName: 'global' };
+		return this.inner.loadGlobalData ?? 'global';
 	}
 
 	init(crelte: Crelte): void {
@@ -63,7 +62,7 @@ export default class InternalApp {
 
 	get loadEntry(): LoadData<null> {
 		// if no loadEntry property was defined we expect a graphql entry file
-		return this.inner.loadEntry ?? { queryName: 'entry' };
+		return this.inner.loadEntry ?? 'entry';
 	}
 
 	async loadTemplate(entry: Entry): Promise<TemplateModule> {

package/src/init/server.ts

@@ -7,7 +7,7 @@ import {
 	setupPlugins,
 } from './shared.js';
 import SsrComponents from '../ssr/SsrComponents.js';
-import SsrCache from '../ssr/SsrCache.js';
+import SsrCache, { ssrCacheExportToHead } from '../ssr/SsrCache.js';
 import ServerCookies from '../cookies/ServerCookies.js';
 import { svelteRender } from './svelteComponents.js';
 import ServerRouter from '../routing/router/ServerRouter.js';
@@ -74,7 +74,7 @@ export async function main(data: MainData): Promise<RenderResponse> {
 
 	const endpoint = data.serverData.endpoint;
 	ssrCache.set('ENDPOINT_URL', endpoint);
-	ssrCache.set('CRAFT_WEB_URL', data.serverData.craftWeb);
+	ssrCache.set('CRAFT_BASE_CP_URL', data.serverData.craftUrl);
 	ssrCache.set('FRONTEND_URL', data.serverData.frontend);
 
 	const cookies = new ServerCookies(data.serverData.headers);
@@ -154,7 +154,7 @@ export async function main(data: MainData): Promise<RenderResponse> {
 
 	bodyClass.z_populateSsrCache(ssrCache);
 	head += ssrComponents.toHead(data.serverData.ssrManifest);
-	head += crelte.ssrCache.z_exportToHead();
+	head += ssrCacheExportToHead(crelte.ssrCache);
 
 	let htmlTemplate = data.serverData.htmlTemplate;
 	htmlTemplate = htmlTemplate.replace(
@@ -234,7 +234,7 @@ export async function mainError(
 	});
 
 	head += ssrComponents.toHead(data.serverData.ssrManifest);
-	head += ssrCache.z_exportToHead();
+	head += ssrCacheExportToHead(ssrCache);
 
 	let htmlTemplate = data.serverData.htmlTemplate;
 	htmlTemplate = htmlTemplate.replace('<!--page-lang-->', 'de');

package/src/loadData/loadData.ts

@@ -74,8 +74,6 @@ export type LoadData<A1 = any> =
 	| Query
 	| LoadDataObj<A1>
 	| LoadDataArray<A1>
-	| string
-	| number
 	| null
 	| undefined;
 

package/src/queries/Queries.ts

@@ -17,44 +17,28 @@ export type QueriesOptions = {
 /**
  * A GraphQL query
  *
- * **You should almost never**
- *
- * When importing a graphql file you will get a {@link NamedQuery}
- * or use the {@link gql} template function to create
- * an {@link InlineQuery}.
- * Alternatively you can use the {@link namedQuery} function to create
- * a {@link NamedQuery}.
+ * When importing a graphql file you will get a string with the name of the
+ * query or you can use the {@link gql} template function to create
+ * an {@link GqlQuery}.
+ * Alternatively you can use the name of the query directly, note thought
+ * that this will not reload when you're query changes.
  */
-export type Query = InlineQuery | NamedQuery;
+export type Query = string | GqlQuery;
 
 /**
  * You should never create this type directly. It is returned from
  * the {@link gql} template function.
  */
-export type InlineQuery = { path?: string; query: string };
-
-/**
- * Always create this object via the {@link namedQuery} function
- */
-export type NamedQuery = { queryName: string };
+export type GqlQuery = { path?: string; query: string };
 
-/**
- * Create a NamedQuery for the given server query name.
- *
- * Prefer importing a graphql file instead.
- *
- * #### Note
- * This needs to match the name of the js/ts file.
- */
-export function namedQuery(name: string): NamedQuery {
-	return { queryName: name };
-}
-
-/** Returns true if the passed object is a GraphQlQuery */
+/** Returns true if the passed object is a Query */
 export function isQuery(obj: any): obj is Query {
-	if (typeof obj !== 'object' || obj === null) return false;
-
-	return typeof obj.query === 'string' || typeof obj.queryName === 'string';
+	return (
+		typeof obj === 'string' ||
+		(typeof obj === 'object' &&
+			obj !== null &&
+			typeof obj.query === 'string')
+	);
 }
 
 /**
@@ -135,7 +119,7 @@ export default class Queries {
 	}
 
 	/**
-	 * Create a new Queries instance that always intented to call an
+	 * Create a new Queries instance that is always intented to call an
 	 * external GraphQl endpoint.
 	 */
 	static newExternal(endpoint: string, bearerToken?: string): Queries {
@@ -296,13 +280,13 @@ class Inner {
 	): Promise<unknown> {
 		let logName: string, url: URL;
 
-		if ('queryName' in query) {
+		if (typeof query === 'string') {
 			if (!this.frontend)
 				throw new Error('only inline queries supported');
 
-			logName = `query (server: ${query.queryName})`;
+			logName = `query (server: ${query})`;
 			url = new URL(this.frontend);
-			url.pathname = '/queries/' + query.queryName;
+			url.pathname = '/queries/' + query;
 		} else {
 			logName = `query (${query.path ?? 'unknown'})`;
 			url = new URL(this.endpoint);
@@ -329,7 +313,7 @@ class Inner {
 		if (this.loggingTiming) timing = Date.now();
 
 		let body: any;
-		if ('queryName' in query) {
+		if (typeof query === 'string') {
 			body = vars;
 		} else {
 			body = { query: query.query, variables: vars };

package/src/queries/gql.ts

@@ -1,4 +1,4 @@
-import { InlineQuery, isQuery } from './Queries.js';
+import { GqlQuery } from './Queries.js';
 
 /**
  * Create a GraphQL query string with variables.
@@ -13,7 +13,7 @@ import { InlineQuery, isQuery } from './Queries.js';
 export function gql(
 	strings: TemplateStringsArray | string[] | string,
 	...keys: unknown[]
-): InlineQuery {
+): GqlQuery {
 	if (typeof strings === 'string') strings = [strings];
 
 	let query = '';
@@ -24,7 +24,11 @@ export function gql(
 			const variable = keys[i];
 
 			// nesting support
-			if (isQuery(variable) && 'query' in variable) {
+			if (
+				typeof variable === 'object' &&
+				variable !== null &&
+				'query' in variable
+			) {
 				query += variable.query;
 			} else if (typeof variable === 'string') {
 				query += variable;

package/src/queries/index.ts

@@ -1,14 +1,11 @@
 import Queries, {
-	InlineQuery,
+	GqlQuery,
 	isQuery,
-	namedQuery,
-	NamedQuery,
 	QueriesOptions,
 	Query,
 	QueryOptions,
 } from '../queries/Queries.js';
 import type CrelteServerRequest from '../server/CrelteServer.js';
-import ServerRouter from '../server/ServerRouter.js';
 import { gql } from './gql.js';
 import QueryError, { QueryErrorResponse } from './QueryError.js';
 import { QueryVar, ValidIf, vars, varsIdsEqual } from './vars.js';
@@ -18,9 +15,7 @@ export {
 	type QueriesOptions,
 	type QueryOptions,
 	type Query,
-	type InlineQuery as GqlQuery,
-	type NamedQuery,
-	namedQuery,
+	type GqlQuery,
 	isQuery,
 	QueryError,
 	type QueryErrorResponse,
@@ -53,14 +48,14 @@ export type InferVariableTypes<T> = {
  *     category: vars.id()
  * };
  *
- * export const validVars: ValidVars<typeof variables> = (vars, sr) => {
+ * export const validVars: ValidVars<typeof variables> = (vars, csr) => {
  *     if (!vars.category === 5) throw new Error('category needs to be 5');
  * };
  * ```
  */
 export type ValidVars<T extends Record<string, QueryVar<any>>> = (
 	vars: InferVariableTypes<T>,
-	sr: ServerRouter,
+	csr: CrelteServerRequest,
 ) => void | boolean;
 
 /**
@@ -76,12 +71,18 @@ export type ValidVars<T extends Record<string, QueryVar<any>>> = (
  * };
  *
  * export const caching: Caching<typeof variables> =
- *     (queryResponse, variables) => !!queryResponse.entries.length;
+ *     (queryResponse, variables, csr) => !!queryResponse.entries.length;
  * ```
  */
 export type Caching<
 	T extends Record<string, QueryVar<any>> = Record<string, QueryVar<any>>,
-> = boolean | ((response: any, vars: InferVariableTypes<T>) => boolean);
+> =
+	| boolean
+	| ((
+			response: any,
+			vars: InferVariableTypes<T>,
+			csr: CrelteServerRequest,
+	  ) => boolean);
 
 /** use {@link Transfrom} */
 export type TransformFn<
@@ -89,6 +90,7 @@ export type TransformFn<
 > = (
 	response: any,
 	vars: InferVariableTypes<T>,
+	csr: CrelteServerRequest,
 ) => void | any | Promise<void | any>;
 
 /**
@@ -96,11 +98,12 @@ export type TransformFn<
  *
  * #### Example
  * ```ts
- * export const transform: Transform<typeof variables> = (response, vars) => {
- *     for (const entry of response.entries) {
- *         entry.title = entry.title.toUpperCase();
- *     }
- * };
+ * export const transform: Transform<typeof variables> =
+ *     (response, vars, csr) => {
+ *         for (const entry of response.entries) {
+ *             entry.title = entry.title.toUpperCase();
+ *         }
+ *     };
  * ```
  */
 export type Transform<

package/src/queries/vars.ts

@@ -1,4 +1,4 @@
-import ServerRouter from '../server/ServerRouter.js';
+import CrelteServerRequest from '../server/CrelteServer.js';
 
 export const vars = {
 	/**
@@ -65,14 +65,12 @@ export const vars = {
 	siteId: (): QueryVar<number> =>
 		new QueryVar()
 			.number()
-			.validIf(
-				(num, router) => !!router.sites.find(site => site.id === num),
-			),
+			.validIf((num, csr) => !!csr.sites.find(site => site.id === num)),
 };
 
 /// either throw with an error which will get returned in a 400 response or
 // return false if the value is not valid
-export type ValidIf<T> = (v: T, sr: ServerRouter) => boolean;
+export type ValidIf<T> = (v: T, csr: CrelteServerRequest) => boolean;
 
 export class QueryVar<T = any> {
 	private name: string | null;
@@ -135,7 +133,7 @@ export class QueryVar<T = any> {
 		return this;
 	}
 
-	validValue(v: any, cs: ServerRouter): T | null {
+	validValue(v: any, csr: CrelteServerRequest): T | null {
 		// undefined is treated as null
 		if (typeof v === 'undefined') v = null;
 
@@ -229,7 +227,7 @@ export class QueryVar<T = any> {
 				throw new Error('uknown type ' + this.type);
 		}
 
-		if (!this.validIfFn(v, cs))
+		if (!this.validIfFn(v, csr))
 			throw new Error(`variable ${this.name} is not valid`);
 
 		return v;

package/src/routing/route/BaseRoute.ts

@@ -31,13 +31,7 @@ export type BaseRouteOptions = {
  * `replace` and `push` will not call loadData
  */
 export type RouteOrigin =
-	| 'init'
-	| 'manual'
-	| 'preload'
-	| 'click'
-	| 'pop'
-	| 'replace'
-	| 'push';
+	'init' | 'manual' | 'preload' | 'click' | 'pop' | 'replace' | 'push';
 
 /**
  * A Route contains information about the current page for example the url and

package/src/routing/router/ClientRouter.ts

@@ -249,7 +249,9 @@ export default class ClientRouter extends BaseRouter {
 	updateScroll(cr: CrelteRequest, _route: Route): void {
 		const req = cr.req;
 
-		if (req.disableScroll) return;
+		if (req.disableScroll) {
+			return this.onScroll(); // make sure the current scrollY get's stored to the history
+		}
 
 		// scroll to target
 		let scrollTo:

package/src/server/CrelteServer.ts

@@ -86,7 +86,7 @@ export default class CrelteServerRequest {
 	 * returns an env variable from the craft/.env file.
 	 */
 	getEnv(name: 'ENDPOINT_URL'): string;
-	getEnv(name: 'CRAFT_WEB_URL'): string;
+	getEnv(name: 'CRAFT_BASE_CP_URL'): string;
 	getEnv(name: 'FRONTEND_URL'): string;
 	getEnv(name: string): string | null;
 	getEnv(name: string): string | null {

package/src/server/Request.ts

@@ -33,8 +33,8 @@ export default class ServerRequest extends Request {
 	 *
 	 * @example
 	 * ```js
-	 * router.get('/blog/:slug', async (cs, req) => {
-	 *     return Response.json({ slug: cs.getParam('slug') });
+	 * router.get('/blog/:slug', async csr => {
+	 *     return Response.json({ slug: csr.req.getParam('slug') });
 	 * });
 	 * ```
 	 */

package/src/server/ServerRouter.ts

@@ -81,7 +81,7 @@ export default class ServerRouter {
 	 * returns an env variable from the craft/.env file.
 	 */
 	getEnv(name: 'ENDPOINT_URL'): string;
-	getEnv(name: 'CRAFT_WEB_URL'): string;
+	getEnv(name: 'CRAFT_BASE_CP_URL'): string;
 	getEnv(name: string): string | null;
 	getEnv(name: string): string | null {
 		return this.env.get(name) ?? null;