@qwik.dev/router 2.0.0-beta.5 → 2.0.0-beta.7

package/lib/adapters/{static → ssg}/vite/index.mjs

@@ -1,16 +1,18 @@
 // packages/qwik-router/src/adapters/shared/vite/index.ts
-import fs2 from "node:fs";
 import { basename, dirname, join as join2, resolve } from "node:path";
 
 // packages/qwik-router/src/adapters/shared/vite/post-build.ts
 import { getErrorHtml } from "@qwik.dev/router/middleware/request-handler";
 import fs from "node:fs";
 import { join } from "node:path";
-async function postBuild(clientOutDir, pathName, userStaticPaths, format, cleanStatic) {
+async function postBuild(clientOutDir, serverOutDir, pathName, userStaticPaths, cleanStatic) {
   if (pathName && !pathName.endsWith("/")) {
     pathName += "/";
   }
-  const ignorePathnames = /* @__PURE__ */ new Set([pathName + "build/", pathName + "assets/"]);
+  const ignorePathnames = /* @__PURE__ */ new Set([
+    pathName + "/" + (globalThis.__QWIK_BUILD_DIR__ || "build") + "/",
+    pathName + "/" + (globalThis.__QWIK_ASSETS_DIR__ || "assets") + "/"
+  ]);
   const staticPaths = new Set(userStaticPaths.map(normalizeTrailingSlash));
   const notFounds = [];
   const loadItem = async (fsDir, fsName, pathname) => {
@@ -44,12 +46,9 @@ async function postBuild(clientOutDir, pathName, userStaticPaths, format, cleanS
   if (fs.existsSync(clientOutDir)) {
     await loadDir(clientOutDir, pathName);
   }
-  const notFoundPathsCode = createNotFoundPathsModule(pathName, notFounds, format);
-  const staticPathsCode = createStaticPathsModule(pathName, staticPaths, format);
-  return {
-    notFoundPathsCode,
-    staticPathsCode
-  };
+  const notFoundPathsCode = createNotFoundPathsCode(pathName, notFounds);
+  const staticPathsCode = createStaticPathsCode(staticPaths);
+  await injectStatics(staticPathsCode, notFoundPathsCode, serverOutDir);
 }
 function normalizeTrailingSlash(pathname) {
   if (!pathname.endsWith("/")) {
@@ -57,7 +56,7 @@ function normalizeTrailingSlash(pathname) {
   }
   return pathname;
 }
-function createNotFoundPathsModule(basePathname, notFounds, format) {
+function createNotFoundPathsCode(basePathname, notFounds) {
   notFounds.sort((a, b) => {
     if (a[0].length > b[0].length) {
       return -1;
@@ -77,64 +76,43 @@ function createNotFoundPathsModule(basePathname, notFounds, format) {
     const html = getErrorHtml(404, "Resource Not Found");
     notFounds.push([basePathname, html]);
   }
-  const c = [];
-  c.push(`const notFounds = ${JSON.stringify(notFounds, null, 2)};`);
-  c.push(`function getNotFound(p) {`);
-  c.push(`  for (const r of notFounds) {`);
-  c.push(`    if (p.startsWith(r[0])) {`);
-  c.push(`      return r[1];`);
-  c.push(`    }`);
-  c.push(`  }`);
-  c.push(`  return "Resource Not Found";`);
-  c.push(`}`);
-  if (format === "cjs") {
-    c.push("exports.getNotFound = getNotFound;");
-  } else {
-    c.push("export { getNotFound };");
-  }
-  return c.join("\n");
+  return JSON.stringify(notFounds, null, 2).slice(1, -1);
 }
-function createStaticPathsModule(basePathname, staticPaths, format) {
-  const assetsPath = basePathname + "assets/";
-  const baseBuildPath = basePathname + "build/";
-  const c = [];
-  c.push(
-    `const staticPaths = new Set(${JSON.stringify(
-      Array.from(new Set(staticPaths)).sort()
-    )});`
-  );
-  c.push(`function isStaticPath(method, url) {`);
-  c.push(`  if (method.toUpperCase() !== 'GET') {`);
-  c.push(`    return false;`);
-  c.push(`  }`);
-  c.push(`  const p = url.pathname;`);
-  c.push(`  if (p.startsWith(${JSON.stringify(baseBuildPath)})) {`);
-  c.push(`    return true;`);
-  c.push(`  }`);
-  c.push(`  if (p.startsWith(${JSON.stringify(assetsPath)})) {`);
-  c.push(`    return true;`);
-  c.push(`  }`);
-  c.push(`  if (staticPaths.has(p)) {`);
-  c.push(`    return true;`);
-  c.push(`  }`);
-  c.push(`  if (p.endsWith('/q-data.json')) {`);
-  c.push(`    const pWithoutQdata = p.replace(/\\/q-data.json$/, '');`);
-  c.push(`    if (staticPaths.has(pWithoutQdata + '/')) {`);
-  c.push(`      return true;`);
-  c.push(`    }`);
-  c.push(`    if (staticPaths.has(pWithoutQdata)) {`);
-  c.push(`      return true;`);
-  c.push(`    }`);
-  c.push(`  }`);
-  c.push(`  return false;`);
-  c.push(`}`);
-  if (format === "cjs") {
-    c.push("exports.isStaticPath = isStaticPath;");
-  } else {
-    c.push("export { isStaticPath };");
-  }
-  return c.join("\n");
+function createStaticPathsCode(staticPaths) {
+  return JSON.stringify(Array.from(new Set(staticPaths)).sort()).slice(1, -1);
 }
+var injectStatics = async (staticPathsCode, notFoundPathsCode, outDir) => {
+  const promises = /* @__PURE__ */ new Set();
+  const doReplace = async (path) => {
+    const code = await fs.promises.readFile(path, "utf-8");
+    let replaced = false;
+    const newCode = code.replace(
+      /(['"])__QWIK_ROUTER_(STATIC_PATHS|NOT_FOUND)_ARRAY__\1/g,
+      (_, _quote, type) => {
+        replaced = true;
+        return type === "STATIC_PATHS" ? staticPathsCode : notFoundPathsCode;
+      }
+    );
+    if (replaced) {
+      await fs.promises.writeFile(path, newCode);
+    }
+  };
+  const walk = async (dir) => {
+    const entries = await fs.promises.readdir(dir, { withFileTypes: true });
+    for (const entry of entries) {
+      if (entry.isDirectory()) {
+        await walk(join(dir, entry.name));
+      } else if (entry.name.endsWith("js")) {
+        const p = doReplace(join(dir, entry.name)).finally(() => {
+          promises.delete(p);
+        });
+        promises.add(p);
+      }
+    }
+  };
+  await walk(outDir);
+  await Promise.all(promises);
+};
 
 // packages/qwik-router/src/adapters/shared/vite/index.ts
 function viteAdapter(opts) {
@@ -144,10 +122,9 @@ function viteAdapter(opts) {
   let renderModulePath = null;
   let qwikRouterConfigModulePath = null;
   let isSsrBuild = false;
-  let format = "esm";
   const outputEntries = [];
   const plugin = {
-    name: `vite-plugin-qwik-router-${opts.name}`,
+    name: `vite-plugin-qwik-router-ssg-${opts.name}`,
     enforce: "post",
     apply: "build",
     config(config) {
@@ -161,7 +138,7 @@ function viteAdapter(opts) {
       return config;
     },
     configResolved(config) {
-      var _a, _b, _c, _d;
+      var _a, _b, _c;
       isSsrBuild = !!config.build.ssr;
       if (isSsrBuild) {
         qwikRouterPlugin = config.plugins.find(
@@ -187,9 +164,21 @@ function viteAdapter(opts) {
             `"build.rollupOptions.input" must be set in order to use the "${opts.name}" adapter.`
           );
         }
-        if (((_d = config.ssr) == null ? void 0 : _d.format) === "cjs") {
-          format = "cjs";
-        }
+      }
+    },
+    buildStart() {
+      if (isSsrBuild && opts.ssg !== null) {
+        const { srcDir } = qwikVitePlugin.api.getOptions();
+        this.emitFile({
+          id: "@qwik-router-config",
+          type: "chunk",
+          fileName: "@qwik-router-config.js"
+        });
+        this.emitFile({
+          id: `${srcDir}/entry.ssr`,
+          type: "chunk",
+          fileName: "entry.ssr.js"
+        });
       }
     },
     generateBundle(_, bundles) {
@@ -206,23 +195,13 @@ function viteAdapter(opts) {
             }
           }
         }
-        if (!renderModulePath) {
-          throw new Error(
-            'Unable to find "entry.ssr" entry point. Did you forget to add it to "build.rollupOptions.input"?'
-          );
-        }
-        if (!qwikRouterConfigModulePath) {
-          throw new Error(
-            'Unable to find "@qwik-router-config" entry point. Did you forget to add it to "build.rollupOptions.input"?'
-          );
-        }
       }
     },
     closeBundle: {
       sequential: true,
       async handler() {
         var _a;
-        if (isSsrBuild && opts.ssg !== null && serverOutDir && (qwikRouterPlugin == null ? void 0 : qwikRouterPlugin.api) && (qwikVitePlugin == null ? void 0 : qwikVitePlugin.api)) {
+        if (isSsrBuild && serverOutDir && (qwikRouterPlugin == null ? void 0 : qwikRouterPlugin.api) && (qwikVitePlugin == null ? void 0 : qwikVitePlugin.api)) {
           const staticPaths = opts.staticPaths || [];
           const routes = qwikRouterPlugin.api.getRoutes();
           const basePathname = qwikRouterPlugin.api.getBasePathname();
@@ -230,7 +209,7 @@ function viteAdapter(opts) {
           const clientPublicOutDir = qwikVitePlugin.api.getClientPublicOutDir();
           const assetsDir = qwikVitePlugin.api.getAssetsDir();
           const rootDir = qwikVitePlugin.api.getRootDir() ?? void 0;
-          if (renderModulePath && qwikRouterConfigModulePath && clientOutDir && clientPublicOutDir) {
+          if (opts.ssg !== null && renderModulePath && qwikRouterConfigModulePath && clientOutDir && clientPublicOutDir) {
             let ssgOrigin = ((_a = opts.ssg) == null ? void 0 : _a.origin) ?? opts.origin;
             if (!ssgOrigin) {
               ssgOrigin = `https://yoursite.qwik.dev`;
@@ -243,13 +222,13 @@ function viteAdapter(opts) {
             }
             try {
               ssgOrigin = new URL(ssgOrigin).origin;
-            } catch (e) {
+            } catch {
               this.warn(
                 `Invalid "origin" option: "${ssgOrigin}". Using default origin: "https://yoursite.qwik.dev"`
               );
               ssgOrigin = `https://yoursite.qwik.dev`;
             }
-            const staticGenerate = await import("../../../static/index.mjs");
+            const staticGenerate = await import("../../../ssg/index.mjs");
             const generateOpts = {
               maxWorkers: opts.maxWorkers,
               basePathname,
@@ -269,56 +248,45 @@ function viteAdapter(opts) {
               this.error(err);
             }
             staticPaths.push(...staticGenerateResult.staticPaths);
-            const { staticPathsCode, notFoundPathsCode } = await postBuild(
+          }
+          await postBuild(
+            clientPublicOutDir,
+            serverOutDir,
+            assetsDir ? join2(basePathname, assetsDir) : basePathname,
+            staticPaths,
+            !!opts.cleanStaticGenerated
+          );
+          if (typeof opts.generate === "function") {
+            await opts.generate({
+              outputEntries,
+              serverOutDir,
+              clientOutDir,
               clientPublicOutDir,
-              assetsDir ? join2(basePathname, assetsDir) : basePathname,
-              staticPaths,
-              format,
-              !!opts.cleanStaticGenerated
-            );
-            await Promise.all([
-              fs2.promises.writeFile(join2(serverOutDir, RESOLVED_STATIC_PATHS_ID), staticPathsCode),
-              fs2.promises.writeFile(
-                join2(serverOutDir, RESOLVED_NOT_FOUND_PATHS_ID),
-                notFoundPathsCode
-              )
-            ]);
-            if (typeof opts.generate === "function") {
-              await opts.generate({
-                outputEntries,
-                serverOutDir,
-                clientOutDir,
-                clientPublicOutDir,
-                basePathname,
-                routes,
-                assetsDir,
-                warn: (message) => this.warn(message),
-                error: (message) => this.error(message)
-              });
-            }
-            this.warn(
-              `
+              basePathname,
+              routes,
+              assetsDir,
+              warn: (message) => this.warn(message),
+              error: (message) => this.error(message)
+            });
+          }
+          this.warn(
+            `
 ==============================================
 Note: Make sure that you are serving the built files with proper cache headers.
 See https://qwik.dev/docs/deployments/#cache-headers for more information.
 ==============================================`
-            );
-          }
+          );
         }
       }
     }
   };
   return plugin;
 }
-var STATIC_PATHS_ID = "@qwik-router-static-paths";
-var RESOLVED_STATIC_PATHS_ID = `${STATIC_PATHS_ID}.js`;
-var NOT_FOUND_PATHS_ID = "@qwik-router-not-found-paths";
-var RESOLVED_NOT_FOUND_PATHS_ID = `${NOT_FOUND_PATHS_ID}.js`;
 
-// packages/qwik-router/src/adapters/static/vite/index.ts
-function staticAdapter(opts) {
+// packages/qwik-router/src/adapters/ssg/vite/index.ts
+function ssgAdapter(opts) {
   return viteAdapter({
-    name: "static-generate",
+    name: "static-site-generation",
     origin: opts.origin,
     ssg: {
       include: ["/*"],
@@ -326,6 +294,8 @@ function staticAdapter(opts) {
     }
   });
 }
+var staticAdapter = ssgAdapter;
 export {
+  ssgAdapter,
   staticAdapter
 };

package/lib/adapters/vercel-edge/vite/index.d.ts

@@ -1,7 +1,7 @@
 import { ServerAdapterOptions } from '../../shared/vite';
-import type { StaticGenerateRenderOptions } from '@qwik.dev/router/static';
+import type { SsgRenderOptions } from 'packages/qwik-router/src/ssg';
 
-export { StaticGenerateRenderOptions }
+export { SsgRenderOptions }
 
 /** @public */
 export declare function vercelEdgeAdapter(opts?: VercelEdgeAdapterOptions): any;

package/lib/index.d.ts

@@ -12,6 +12,8 @@ import { QRLEventHandlerMulti } from '@qwik.dev/core';
 import { QwikIntrinsicElements } from '@qwik.dev/core';
 import { QwikJSX } from '@qwik.dev/core';
 import type { ReadonlySignal } from '@qwik.dev/core';
+import { Render } from '@qwik.dev/core/server';
+import { RenderOptions } from '@qwik.dev/core/server';
 import { RequestEvent } from '@qwik.dev/router/middleware/request-handler';
 import { RequestEventAction } from '@qwik.dev/router/middleware/request-handler';
 import { RequestEventBase } from '@qwik.dev/router/middleware/request-handler';
@@ -189,6 +191,38 @@ export { CookieOptions }
 
 export { CookieValue }
 
+/**
+ * Creates the `render()` function that is required by `createQwikRouter()`. It requires a function
+ * that returns the `jsx` and `options` for the renderer.
+ *
+ * @example
+ *
+ * ```tsx
+ * const renderer = createRenderer((opts) => {
+ *   if (opts.requestHeaders['x-hello'] === 'world') {
+ *     return { jsx: <Hello />, options: opts };
+ *   }
+ *   return { jsx: <Root />, options: {
+ *     ...opts,
+ *     serverData: {
+ *       ...opts.serverData,
+ *       documentHead: {
+ *         meta: [
+ *           { name: 'renderedAt', content: new Date().toISOString() },
+ *         ],
+ *       },
+ *     },
+ *   } };
+ * });
+ * ```
+ *
+ * @public
+ */
+export declare const createRenderer: (getOptions: (options: RendererOptions) => {
+    jsx: JSXOutput_2;
+    options: RendererOutputOptions;
+}) => Render;
+
 /** @public */
 export declare type DataValidator<T extends Record<string, any> = {}> = {
     validate(ev: RequestEvent, data: unknown): Promise<ValidatorReturn<T>>;
@@ -214,14 +248,35 @@ export declare interface DocumentHeadProps extends RouteLocation {
     readonly resolveValue: ResolveSyncValue;
 }
 
+/**
+ * This renders all the tags collected from `head`.
+ *
+ * You can partially override the head, for example if you want to change the title:
+ *
+ * ```tsx
+ * import { DocumentHeadTags, useDocumentHead } from '@qwik.dev/router';
+ *
+ * export default component$(() => {
+ *   const head = useDocumentHead();
+ *   return <DocumentHeadTags title={`${head.title} - My App`} />;
+ * });
+ * ```
+ *
+ * You don't have to use this component, you can also do it yourself for full control. Just copy the
+ * code from this component and modify it to your needs.
+ *
+ * Note that this component normally only runs once, during SSR. You can use Signals in your
+ * `src/root.tsx` to make runtime changes to `<head>` if needed.
+ *
+ * @public
+ */
+export declare const DocumentHeadTags: Component<DocumentHeadValue<Record<string, unknown>>>;
+
 /** @public */
 export declare interface DocumentHeadValue<FrontMatter extends Record<string, any> = Record<string, unknown>> {
     /** Sets `document.title`. */
     readonly title?: string;
-    /**
-     * Used to manually set meta tags in the head. Additionally, the `data` property could be used to
-     * set arbitrary data which the `<head>` component could later use to generate `<meta>` tags.
-     */
+    /** Used to manually set meta tags in the head. */
     readonly meta?: readonly DocumentMeta[];
     /** Used to manually append `<link>` elements to the `<head>`. */
     readonly links?: readonly DocumentLink[];
@@ -238,53 +293,59 @@ export declare interface DocumentHeadValue<FrontMatter extends Record<string, an
 }
 
 /** @public */
-export declare interface DocumentLink {
-    as?: string;
-    crossorigin?: string;
-    disabled?: boolean;
-    href?: string;
-    hreflang?: string;
-    id?: string;
-    imagesizes?: string;
-    imagesrcset?: string;
-    integrity?: string;
-    media?: string;
-    prefetch?: string;
-    referrerpolicy?: string;
-    rel?: string;
-    sizes?: string;
-    title?: string;
-    type?: string;
-    key?: string;
-}
+export declare type DocumentLink = QwikIntrinsicElements['link'];
 
 /** @public */
-export declare interface DocumentMeta {
-    readonly content?: string;
-    readonly httpEquiv?: string;
-    readonly name?: string;
-    readonly property?: string;
-    readonly key?: string;
-    readonly itemprop?: string;
-    readonly media?: string;
-}
-
-/** @beta */
-export declare interface DocumentScript {
-    readonly script?: string;
-    readonly props?: Readonly<QwikIntrinsicElements['script']>;
-    readonly key?: string;
-}
+export declare type DocumentMeta = QwikIntrinsicElements['meta'];
 
 /** @public */
-export declare interface DocumentStyle {
-    readonly style: string;
-    readonly props?: Readonly<QwikIntrinsicElements['style']>;
-    readonly key?: string;
-}
+export declare type DocumentScript = ((Omit<QwikIntrinsicElements['script'], 'dangerouslySetInnerHTML'> & {
+    props?: never;
+}) | {
+    key?: string;
+    /**
+     * The props of the script element. @deprecated Prefer setting the properties directly instead
+     * of using this property.
+     */
+    props: Readonly<QwikIntrinsicElements['script']>;
+}) & ({
+    /** The inline script content. */
+    script?: string;
+    dangerouslySetInnerHTML?: never;
+} | {
+    dangerouslySetInnerHTML?: string;
+    script?: never;
+});
+
+/** @public */
+export declare type DocumentStyle = Readonly<((Omit<QwikIntrinsicElements['style'], 'dangerouslySetInnerHTML'> & {
+    props?: never;
+}) | {
+    key?: string;
+    /**
+     * The props of the style element. @deprecated Prefer setting the properties directly
+     * instead of using this property.
+     */
+    props: Readonly<QwikIntrinsicElements['style']>;
+}) & ({
+    /** The inline style content. */
+    style?: string;
+    dangerouslySetInnerHTML?: never;
+} | {
+    dangerouslySetInnerHTML?: string;
+    style?: never;
+})>;
 
 declare type EndpointModuleLoader = () => Promise<RouteModule>;
 
+declare interface EndpointResponse {
+    status: number;
+    loaders: Record<string, unknown>;
+    loadersSerializationStrategy: Map<string, SerializationStrategy>;
+    formData?: FormData;
+    action?: string;
+}
+
 /** @public */
 export declare const ErrorBoundary: Component<ErrorBoundaryProps>;
 
@@ -427,6 +488,14 @@ export declare interface LinkProps extends AnchorAttributes {
     scroll?: boolean;
 }
 
+declare type LoadedRoute = [
+routeName: string,
+params: PathParams,
+mods: (RouteModule | ContentModule)[],
+menu: ContentMenu | undefined,
+routeBundleNames: string[] | undefined
+];
+
 /** @public */
 declare type Loader_2<RETURN> = {
     /**
@@ -510,6 +579,9 @@ declare type Prettify<T> = {} & {
  */
 export declare type PreventNavigateCallback = (url?: number | URL) => ValueOrPromise<boolean>;
 
+/** @public */
+export declare const Q_ROUTE = "q:route";
+
 /**
  * @deprecated Use `QWIK_ROUTER_SCROLLER` instead (will be removed in V3)
  * @public
@@ -526,7 +598,7 @@ export declare const QWIK_ROUTER_SCROLLER = "_qRouterScroller";
 export declare type QwikCityMockProps = QwikRouterMockProps;
 
 /**
- * @deprecated Use `QwikRouterMockProvider` instead. Will be removed in V3
+ * @deprecated Use `useQwikMockRouter()` instead. Will be removed in V3
  * @public
  */
 export declare const QwikCityMockProvider: Component<QwikRouterMockProps>;
@@ -538,13 +610,13 @@ export declare const QwikCityMockProvider: Component<QwikRouterMockProps>;
 export declare type QwikCityPlan = QwikRouterConfig;
 
 /**
- * @deprecated Use `QwikRouterProps` instead. will be removed in V3
+ * @deprecated Use `QwikRouterProps` instead. Will be removed in v3.
  * @public
  */
 export declare type QwikCityProps = QwikRouterProps;
 
 /**
- * @deprecated Use `QwikRouterProvider` instead. will be removed in V3
+ * @deprecated Use `useQwikRouter()` instead. Will be removed in v3.
  * @public
  */
 export declare const QwikCityProvider: Component<QwikRouterProps>;
@@ -559,6 +631,15 @@ export declare interface QwikRouterConfig {
     readonly cacheModules?: boolean;
 }
 
+/** @public */
+export declare interface QwikRouterEnvData {
+    routeName: string;
+    ev: RequestEvent;
+    params: PathParams;
+    response: EndpointResponse;
+    loadedRoute: LoadedRoute | null;
+}
+
 /** @public */
 export declare interface QwikRouterMockProps {
     url?: string;
@@ -583,7 +664,7 @@ export declare interface QwikRouterProps {
     viewTransition?: boolean;
 }
 
-/** @public */
+/** @public This is a wrapper around the `useQwikRouter()` hook. We recommend using the hook instead of this component. */
 export declare const QwikRouterProvider: Component<QwikRouterProps>;
 
 /** @public */
@@ -591,6 +672,18 @@ declare interface ReadonlySignal_2<T = unknown> {
     readonly value: T;
 }
 
+/** @public */
+export declare type RendererOptions = Omit<RenderOptions, 'serverData'> & {
+    serverData: ServerData;
+};
+
+/** @public */
+export declare type RendererOutputOptions = Omit<RenderOptions, 'serverData'> & {
+    serverData: ServerData & {
+        documentHead?: DocumentHeadValue;
+    } & Record<string, unknown>;
+};
+
 export { RequestEvent }
 
 export { RequestEventAction }
@@ -665,6 +758,18 @@ declare interface ServerConfig {
     fetchOptions?: any;
 }
 
+/** @public The server data that is provided by Qwik Router during SSR rendering. It can be retrieved with `useServerData(key)` in the server, but it is not available in the client. */
+export declare type ServerData = {
+    url: string;
+    requestHeaders: Record<string, string>;
+    locale: string | undefined;
+    nonce: string | undefined;
+    containerAttributes: Record<string, string> & {
+        [Q_ROUTE]: string;
+    };
+    qwikrouter: QwikRouterEnvData;
+};
+
 /** @public */
 export declare type ServerFunction = {
     (this: RequestEventBase, ...args: any[]): any;
@@ -788,6 +893,14 @@ export declare const usePreventNavigate$: (qrl: PreventNavigateCallback) => void
 
 /* Excluded from this release type: usePreventNavigateQrl */
 
+/**
+ * @public
+ * This hook initializes Qwik Router, providing the necessary context for it to work.
+ *
+ * This hook should be used once, at the root of your application.
+ */
+export declare const useQwikRouter: (props?: QwikRouterProps) => void;
+
 /** @beta */
 export declare const valibot$: ValibotConstructor;