@webtypen/webframez-react 0.0.24 → 0.0.27

package/dist/index.cjs

@@ -183,6 +183,62 @@ var import_node_fs = __toESM(require("node:fs"), 1);
 var import_node_module2 = __toESM(require("node:module"), 1);
 var import_node_path2 = __toESM(require("node:path"), 1);
 
+// src/head.ts
+var ABSOLUTE_ASSET_URL_PATTERN = /^(?:[a-zA-Z][a-zA-Z\d+\-.]*:|\/\/|#)/;
+function normalizeAssetsBaseUrl(value) {
+  const trimmed = value?.trim();
+  if (!trimmed) {
+    return void 0;
+  }
+  if (trimmed === "/") {
+    return "/";
+  }
+  return trimmed.replace(/\/+$/, "");
+}
+function resolveHeadAssetUrl(assetUrl, assetsBaseUrl) {
+  const normalizedAssetUrl = assetUrl.trim();
+  const normalizedAssetsBaseUrl = normalizeAssetsBaseUrl(assetsBaseUrl);
+  if (!normalizedAssetUrl || !normalizedAssetsBaseUrl) {
+    return normalizedAssetUrl;
+  }
+  if (ABSOLUTE_ASSET_URL_PATTERN.test(normalizedAssetUrl)) {
+    return normalizedAssetUrl;
+  }
+  if (normalizedAssetsBaseUrl !== "/" && (normalizedAssetUrl === normalizedAssetsBaseUrl || normalizedAssetUrl.startsWith(`${normalizedAssetsBaseUrl}/`))) {
+    return normalizedAssetUrl;
+  }
+  if (normalizedAssetsBaseUrl === "/") {
+    return normalizedAssetUrl.startsWith("/") ? normalizedAssetUrl : `/${normalizedAssetUrl}`;
+  }
+  if (normalizedAssetUrl.startsWith("/")) {
+    return `${normalizedAssetsBaseUrl}${normalizedAssetUrl}`;
+  }
+  return `${normalizedAssetsBaseUrl}/${normalizedAssetUrl}`;
+}
+function normalizeHeadConfig(head, inheritedAssetsBaseUrl) {
+  if (!head) {
+    return void 0;
+  }
+  const effectiveAssetsBaseUrl = normalizeAssetsBaseUrl(head.assetsBaseUrl) ?? normalizeAssetsBaseUrl(inheritedAssetsBaseUrl);
+  const normalizedHead = {
+    ...head,
+    ...effectiveAssetsBaseUrl ? { assetsBaseUrl: effectiveAssetsBaseUrl } : {}
+  };
+  if (normalizedHead.favicon) {
+    normalizedHead.favicon = resolveHeadAssetUrl(
+      normalizedHead.favicon,
+      effectiveAssetsBaseUrl
+    );
+  }
+  if (normalizedHead.links) {
+    normalizedHead.links = normalizedHead.links.map((link) => ({
+      ...link,
+      href: resolveHeadAssetUrl(link.href, effectiveAssetsBaseUrl)
+    }));
+  }
+  return normalizedHead;
+}
+
 // src/router-runtime.tsx
 var import_react = __toESM(require("react"), 1);
 var ROUTE_CHILDREN_TAG = "webframez-route-children";
@@ -398,7 +454,8 @@ function mergeHead(...configs) {
     meta: [],
     links: []
   };
-  for (const config of configs) {
+  for (const candidate of configs) {
+    const config = normalizeHeadConfig(candidate, merged.assetsBaseUrl);
     if (!config) {
       continue;
     }
@@ -408,6 +465,9 @@ function mergeHead(...configs) {
     if (config.description) {
       merged.description = config.description;
     }
+    if (config.assetsBaseUrl) {
+      merged.assetsBaseUrl = config.assetsBaseUrl;
+    }
     if (config.favicon) {
       merged.favicon = config.favicon;
     }
@@ -421,22 +481,23 @@ function mergeHead(...configs) {
   return merged;
 }
 function renderHeadToString(head) {
+  const normalizedHead = normalizeHeadConfig(head) ?? head;
   const tags = [];
-  if (head.description) {
+  if (normalizedHead.description) {
     tags.push(
-      `<meta ${createManagedAttributes()} name="description" content="${escapeHtml(head.description)}" />`
+      `<meta ${createManagedAttributes()} name="description" content="${escapeHtml(normalizedHead.description)}" />`
     );
   }
-  if (head.favicon) {
+  if (normalizedHead.favicon) {
     tags.push(
-      `<link ${createManagedAttributes()} rel="icon" href="${escapeHtml(head.favicon)}" />`
+      `<link ${createManagedAttributes()} rel="icon" href="${escapeHtml(normalizedHead.favicon)}" />`
     );
   }
-  for (const meta of head.meta ?? []) {
+  for (const meta of normalizedHead.meta ?? []) {
     const attrs = Object.entries(meta).filter(([, value]) => Boolean(value)).map(([key, value]) => `${key}="${escapeHtml(String(value))}"`).join(" ");
     tags.push(`<meta ${createManagedAttributes()} ${attrs} />`);
   }
-  for (const link of head.links ?? []) {
+  for (const link of normalizedHead.links ?? []) {
     const attrs = Object.entries(link).filter(([, value]) => Boolean(value)).map(([key, value]) => `${key}="${escapeHtml(String(value))}"`).join(" ");
     tags.push(`<link ${createManagedAttributes()} ${attrs} />`);
   }
@@ -769,7 +830,21 @@ globalThis.__webpack_require__ = function __webframezNodeRequire(id) {
   }
 
   if (id.startsWith("./")) {
-    return require(path.resolve(process.cwd(), id.slice(2)));
+    const relativeId = id.slice(2);
+    const candidates = [
+      path.resolve(process.cwd(), relativeId),
+      path.resolve(process.cwd(), "..", relativeId)
+    ];
+    for (const candidate of candidates) {
+      try {
+        return require(candidate);
+      } catch (error) {
+        const missingCandidate = error && error.code === "MODULE_NOT_FOUND" && typeof error.message === "string" && error.message.includes("'" + candidate + "'");
+        if (!missingCandidate) {
+          throw error;
+        }
+      }
+    }
   }
 
   return require(id);
@@ -1073,22 +1148,64 @@ function normalizeClientManifest(manifest, options) {
 }
 function createServerConsumerManifest(manifest) {
   const consumerManifest = {};
+  const normalizeWorkerModuleId = (requestKey, rawModuleId) => {
+    if (typeof rawModuleId === "string" && rawModuleId.trim() !== "") {
+      return rawModuleId;
+    }
+    if (typeof rawModuleId !== "number" || !Number.isFinite(rawModuleId)) {
+      return null;
+    }
+    if (!requestKey || requestKey.trim() === "") {
+      return String(rawModuleId);
+    }
+    if (requestKey.startsWith("file://")) {
+      try {
+        return (0, import_node_url.fileURLToPath)(requestKey);
+      } catch {
+        return String(rawModuleId);
+      }
+    }
+    if (requestKey.startsWith("/")) {
+      return requestKey;
+    }
+    if (requestKey.startsWith("./")) {
+      return requestKey;
+    }
+    if (requestKey.startsWith("node_modules/") || requestKey.startsWith("build/")) {
+      return `./${requestKey}`;
+    }
+    return requestKey;
+  };
+  const addReference = (lookupKey, reference) => {
+    if (!lookupKey || lookupKey.trim() === "") {
+      return;
+    }
+    if (lookupKey in consumerManifest) {
+      return;
+    }
+    consumerManifest[lookupKey] = {
+      "*": reference
+    };
+  };
   for (const [key, value] of Object.entries(manifest)) {
     if (!value || typeof value !== "object") {
       continue;
     }
     const entry = value;
-    if (typeof entry.id !== "string" || entry.id.trim() === "") {
+    const workerModuleId = normalizeWorkerModuleId(key, entry.id);
+    if (!workerModuleId) {
       continue;
     }
-    consumerManifest[key] = {
-      "*": {
-        id: entry.id,
-        chunks: [],
-        name: entry.name ?? "*",
-        ...entry.async ? { async: entry.async } : {}
-      }
+    const reference = {
+      id: workerModuleId,
+      chunks: Array.isArray(entry.chunks) ? entry.chunks : [],
+      name: entry.name ?? "*",
+      ...entry.async ? { async: entry.async } : {}
     };
+    addReference(key, reference);
+    if (typeof entry.id === "number" && Number.isFinite(entry.id)) {
+      addReference(String(entry.id), reference);
+    }
   }
   return consumerManifest;
 }

package/dist/index.js

@@ -147,6 +147,62 @@ import fs from "node:fs";
 import Module from "node:module";
 import path2 from "node:path";
 
+// src/head.ts
+var ABSOLUTE_ASSET_URL_PATTERN = /^(?:[a-zA-Z][a-zA-Z\d+\-.]*:|\/\/|#)/;
+function normalizeAssetsBaseUrl(value) {
+  const trimmed = value?.trim();
+  if (!trimmed) {
+    return void 0;
+  }
+  if (trimmed === "/") {
+    return "/";
+  }
+  return trimmed.replace(/\/+$/, "");
+}
+function resolveHeadAssetUrl(assetUrl, assetsBaseUrl) {
+  const normalizedAssetUrl = assetUrl.trim();
+  const normalizedAssetsBaseUrl = normalizeAssetsBaseUrl(assetsBaseUrl);
+  if (!normalizedAssetUrl || !normalizedAssetsBaseUrl) {
+    return normalizedAssetUrl;
+  }
+  if (ABSOLUTE_ASSET_URL_PATTERN.test(normalizedAssetUrl)) {
+    return normalizedAssetUrl;
+  }
+  if (normalizedAssetsBaseUrl !== "/" && (normalizedAssetUrl === normalizedAssetsBaseUrl || normalizedAssetUrl.startsWith(`${normalizedAssetsBaseUrl}/`))) {
+    return normalizedAssetUrl;
+  }
+  if (normalizedAssetsBaseUrl === "/") {
+    return normalizedAssetUrl.startsWith("/") ? normalizedAssetUrl : `/${normalizedAssetUrl}`;
+  }
+  if (normalizedAssetUrl.startsWith("/")) {
+    return `${normalizedAssetsBaseUrl}${normalizedAssetUrl}`;
+  }
+  return `${normalizedAssetsBaseUrl}/${normalizedAssetUrl}`;
+}
+function normalizeHeadConfig(head, inheritedAssetsBaseUrl) {
+  if (!head) {
+    return void 0;
+  }
+  const effectiveAssetsBaseUrl = normalizeAssetsBaseUrl(head.assetsBaseUrl) ?? normalizeAssetsBaseUrl(inheritedAssetsBaseUrl);
+  const normalizedHead = {
+    ...head,
+    ...effectiveAssetsBaseUrl ? { assetsBaseUrl: effectiveAssetsBaseUrl } : {}
+  };
+  if (normalizedHead.favicon) {
+    normalizedHead.favicon = resolveHeadAssetUrl(
+      normalizedHead.favicon,
+      effectiveAssetsBaseUrl
+    );
+  }
+  if (normalizedHead.links) {
+    normalizedHead.links = normalizedHead.links.map((link) => ({
+      ...link,
+      href: resolveHeadAssetUrl(link.href, effectiveAssetsBaseUrl)
+    }));
+  }
+  return normalizedHead;
+}
+
 // src/router-runtime.tsx
 import React from "react";
 var ROUTE_CHILDREN_TAG = "webframez-route-children";
@@ -362,7 +418,8 @@ function mergeHead(...configs) {
     meta: [],
     links: []
   };
-  for (const config of configs) {
+  for (const candidate of configs) {
+    const config = normalizeHeadConfig(candidate, merged.assetsBaseUrl);
     if (!config) {
       continue;
     }
@@ -372,6 +429,9 @@ function mergeHead(...configs) {
     if (config.description) {
       merged.description = config.description;
     }
+    if (config.assetsBaseUrl) {
+      merged.assetsBaseUrl = config.assetsBaseUrl;
+    }
     if (config.favicon) {
       merged.favicon = config.favicon;
     }
@@ -385,22 +445,23 @@ function mergeHead(...configs) {
   return merged;
 }
 function renderHeadToString(head) {
+  const normalizedHead = normalizeHeadConfig(head) ?? head;
   const tags = [];
-  if (head.description) {
+  if (normalizedHead.description) {
     tags.push(
-      `<meta ${createManagedAttributes()} name="description" content="${escapeHtml(head.description)}" />`
+      `<meta ${createManagedAttributes()} name="description" content="${escapeHtml(normalizedHead.description)}" />`
     );
   }
-  if (head.favicon) {
+  if (normalizedHead.favicon) {
     tags.push(
-      `<link ${createManagedAttributes()} rel="icon" href="${escapeHtml(head.favicon)}" />`
+      `<link ${createManagedAttributes()} rel="icon" href="${escapeHtml(normalizedHead.favicon)}" />`
     );
   }
-  for (const meta of head.meta ?? []) {
+  for (const meta of normalizedHead.meta ?? []) {
     const attrs = Object.entries(meta).filter(([, value]) => Boolean(value)).map(([key, value]) => `${key}="${escapeHtml(String(value))}"`).join(" ");
     tags.push(`<meta ${createManagedAttributes()} ${attrs} />`);
   }
-  for (const link of head.links ?? []) {
+  for (const link of normalizedHead.links ?? []) {
     const attrs = Object.entries(link).filter(([, value]) => Boolean(value)).map(([key, value]) => `${key}="${escapeHtml(String(value))}"`).join(" ");
     tags.push(`<link ${createManagedAttributes()} ${attrs} />`);
   }
@@ -733,7 +794,21 @@ globalThis.__webpack_require__ = function __webframezNodeRequire(id) {
   }
 
   if (id.startsWith("./")) {
-    return require(path.resolve(process.cwd(), id.slice(2)));
+    const relativeId = id.slice(2);
+    const candidates = [
+      path.resolve(process.cwd(), relativeId),
+      path.resolve(process.cwd(), "..", relativeId)
+    ];
+    for (const candidate of candidates) {
+      try {
+        return require(candidate);
+      } catch (error) {
+        const missingCandidate = error && error.code === "MODULE_NOT_FOUND" && typeof error.message === "string" && error.message.includes("'" + candidate + "'");
+        if (!missingCandidate) {
+          throw error;
+        }
+      }
+    }
   }
 
   return require(id);
@@ -1037,22 +1112,64 @@ function normalizeClientManifest(manifest, options) {
 }
 function createServerConsumerManifest(manifest) {
   const consumerManifest = {};
+  const normalizeWorkerModuleId = (requestKey, rawModuleId) => {
+    if (typeof rawModuleId === "string" && rawModuleId.trim() !== "") {
+      return rawModuleId;
+    }
+    if (typeof rawModuleId !== "number" || !Number.isFinite(rawModuleId)) {
+      return null;
+    }
+    if (!requestKey || requestKey.trim() === "") {
+      return String(rawModuleId);
+    }
+    if (requestKey.startsWith("file://")) {
+      try {
+        return fileURLToPath(requestKey);
+      } catch {
+        return String(rawModuleId);
+      }
+    }
+    if (requestKey.startsWith("/")) {
+      return requestKey;
+    }
+    if (requestKey.startsWith("./")) {
+      return requestKey;
+    }
+    if (requestKey.startsWith("node_modules/") || requestKey.startsWith("build/")) {
+      return `./${requestKey}`;
+    }
+    return requestKey;
+  };
+  const addReference = (lookupKey, reference) => {
+    if (!lookupKey || lookupKey.trim() === "") {
+      return;
+    }
+    if (lookupKey in consumerManifest) {
+      return;
+    }
+    consumerManifest[lookupKey] = {
+      "*": reference
+    };
+  };
   for (const [key, value] of Object.entries(manifest)) {
     if (!value || typeof value !== "object") {
       continue;
     }
     const entry = value;
-    if (typeof entry.id !== "string" || entry.id.trim() === "") {
+    const workerModuleId = normalizeWorkerModuleId(key, entry.id);
+    if (!workerModuleId) {
       continue;
     }
-    consumerManifest[key] = {
-      "*": {
-        id: entry.id,
-        chunks: [],
-        name: entry.name ?? "*",
-        ...entry.async ? { async: entry.async } : {}
-      }
+    const reference = {
+      id: workerModuleId,
+      chunks: Array.isArray(entry.chunks) ? entry.chunks : [],
+      name: entry.name ?? "*",
+      ...entry.async ? { async: entry.async } : {}
     };
+    addReference(key, reference);
+    if (typeof entry.id === "number" && Number.isFinite(entry.id)) {
+      addReference(String(entry.id), reference);
+    }
   }
   return consumerManifest;
 }

package/dist/router.cjs

@@ -41,6 +41,62 @@ var import_node_fs = __toESM(require("node:fs"), 1);
 var import_node_module = __toESM(require("node:module"), 1);
 var import_node_path = __toESM(require("node:path"), 1);
 
+// src/head.ts
+var ABSOLUTE_ASSET_URL_PATTERN = /^(?:[a-zA-Z][a-zA-Z\d+\-.]*:|\/\/|#)/;
+function normalizeAssetsBaseUrl(value) {
+  const trimmed = value?.trim();
+  if (!trimmed) {
+    return void 0;
+  }
+  if (trimmed === "/") {
+    return "/";
+  }
+  return trimmed.replace(/\/+$/, "");
+}
+function resolveHeadAssetUrl(assetUrl, assetsBaseUrl) {
+  const normalizedAssetUrl = assetUrl.trim();
+  const normalizedAssetsBaseUrl = normalizeAssetsBaseUrl(assetsBaseUrl);
+  if (!normalizedAssetUrl || !normalizedAssetsBaseUrl) {
+    return normalizedAssetUrl;
+  }
+  if (ABSOLUTE_ASSET_URL_PATTERN.test(normalizedAssetUrl)) {
+    return normalizedAssetUrl;
+  }
+  if (normalizedAssetsBaseUrl !== "/" && (normalizedAssetUrl === normalizedAssetsBaseUrl || normalizedAssetUrl.startsWith(`${normalizedAssetsBaseUrl}/`))) {
+    return normalizedAssetUrl;
+  }
+  if (normalizedAssetsBaseUrl === "/") {
+    return normalizedAssetUrl.startsWith("/") ? normalizedAssetUrl : `/${normalizedAssetUrl}`;
+  }
+  if (normalizedAssetUrl.startsWith("/")) {
+    return `${normalizedAssetsBaseUrl}${normalizedAssetUrl}`;
+  }
+  return `${normalizedAssetsBaseUrl}/${normalizedAssetUrl}`;
+}
+function normalizeHeadConfig(head, inheritedAssetsBaseUrl) {
+  if (!head) {
+    return void 0;
+  }
+  const effectiveAssetsBaseUrl = normalizeAssetsBaseUrl(head.assetsBaseUrl) ?? normalizeAssetsBaseUrl(inheritedAssetsBaseUrl);
+  const normalizedHead = {
+    ...head,
+    ...effectiveAssetsBaseUrl ? { assetsBaseUrl: effectiveAssetsBaseUrl } : {}
+  };
+  if (normalizedHead.favicon) {
+    normalizedHead.favicon = resolveHeadAssetUrl(
+      normalizedHead.favicon,
+      effectiveAssetsBaseUrl
+    );
+  }
+  if (normalizedHead.links) {
+    normalizedHead.links = normalizedHead.links.map((link) => ({
+      ...link,
+      href: resolveHeadAssetUrl(link.href, effectiveAssetsBaseUrl)
+    }));
+  }
+  return normalizedHead;
+}
+
 // src/router-runtime.tsx
 var import_react = __toESM(require("react"), 1);
 var ROUTE_CHILDREN_TAG = "webframez-route-children";
@@ -256,7 +312,8 @@ function mergeHead(...configs) {
     meta: [],
     links: []
   };
-  for (const config of configs) {
+  for (const candidate of configs) {
+    const config = normalizeHeadConfig(candidate, merged.assetsBaseUrl);
     if (!config) {
       continue;
     }
@@ -266,6 +323,9 @@ function mergeHead(...configs) {
     if (config.description) {
       merged.description = config.description;
     }
+    if (config.assetsBaseUrl) {
+      merged.assetsBaseUrl = config.assetsBaseUrl;
+    }
     if (config.favicon) {
       merged.favicon = config.favicon;
     }
@@ -279,22 +339,23 @@ function mergeHead(...configs) {
   return merged;
 }
 function renderHeadToString(head) {
+  const normalizedHead = normalizeHeadConfig(head) ?? head;
   const tags = [];
-  if (head.description) {
+  if (normalizedHead.description) {
     tags.push(
-      `<meta ${createManagedAttributes()} name="description" content="${escapeHtml(head.description)}" />`
+      `<meta ${createManagedAttributes()} name="description" content="${escapeHtml(normalizedHead.description)}" />`
     );
   }
-  if (head.favicon) {
+  if (normalizedHead.favicon) {
     tags.push(
-      `<link ${createManagedAttributes()} rel="icon" href="${escapeHtml(head.favicon)}" />`
+      `<link ${createManagedAttributes()} rel="icon" href="${escapeHtml(normalizedHead.favicon)}" />`
     );
   }
-  for (const meta of head.meta ?? []) {
+  for (const meta of normalizedHead.meta ?? []) {
     const attrs = Object.entries(meta).filter(([, value]) => Boolean(value)).map(([key, value]) => `${key}="${escapeHtml(String(value))}"`).join(" ");
     tags.push(`<meta ${createManagedAttributes()} ${attrs} />`);
   }
-  for (const link of head.links ?? []) {
+  for (const link of normalizedHead.links ?? []) {
     const attrs = Object.entries(link).filter(([, value]) => Boolean(value)).map(([key, value]) => `${key}="${escapeHtml(String(value))}"`).join(" ");
     tags.push(`<link ${createManagedAttributes()} ${attrs} />`);
   }

package/dist/router.js

@@ -11,6 +11,62 @@ import fs from "node:fs";
 import Module from "node:module";
 import path from "node:path";
 
+// src/head.ts
+var ABSOLUTE_ASSET_URL_PATTERN = /^(?:[a-zA-Z][a-zA-Z\d+\-.]*:|\/\/|#)/;
+function normalizeAssetsBaseUrl(value) {
+  const trimmed = value?.trim();
+  if (!trimmed) {
+    return void 0;
+  }
+  if (trimmed === "/") {
+    return "/";
+  }
+  return trimmed.replace(/\/+$/, "");
+}
+function resolveHeadAssetUrl(assetUrl, assetsBaseUrl) {
+  const normalizedAssetUrl = assetUrl.trim();
+  const normalizedAssetsBaseUrl = normalizeAssetsBaseUrl(assetsBaseUrl);
+  if (!normalizedAssetUrl || !normalizedAssetsBaseUrl) {
+    return normalizedAssetUrl;
+  }
+  if (ABSOLUTE_ASSET_URL_PATTERN.test(normalizedAssetUrl)) {
+    return normalizedAssetUrl;
+  }
+  if (normalizedAssetsBaseUrl !== "/" && (normalizedAssetUrl === normalizedAssetsBaseUrl || normalizedAssetUrl.startsWith(`${normalizedAssetsBaseUrl}/`))) {
+    return normalizedAssetUrl;
+  }
+  if (normalizedAssetsBaseUrl === "/") {
+    return normalizedAssetUrl.startsWith("/") ? normalizedAssetUrl : `/${normalizedAssetUrl}`;
+  }
+  if (normalizedAssetUrl.startsWith("/")) {
+    return `${normalizedAssetsBaseUrl}${normalizedAssetUrl}`;
+  }
+  return `${normalizedAssetsBaseUrl}/${normalizedAssetUrl}`;
+}
+function normalizeHeadConfig(head, inheritedAssetsBaseUrl) {
+  if (!head) {
+    return void 0;
+  }
+  const effectiveAssetsBaseUrl = normalizeAssetsBaseUrl(head.assetsBaseUrl) ?? normalizeAssetsBaseUrl(inheritedAssetsBaseUrl);
+  const normalizedHead = {
+    ...head,
+    ...effectiveAssetsBaseUrl ? { assetsBaseUrl: effectiveAssetsBaseUrl } : {}
+  };
+  if (normalizedHead.favicon) {
+    normalizedHead.favicon = resolveHeadAssetUrl(
+      normalizedHead.favicon,
+      effectiveAssetsBaseUrl
+    );
+  }
+  if (normalizedHead.links) {
+    normalizedHead.links = normalizedHead.links.map((link) => ({
+      ...link,
+      href: resolveHeadAssetUrl(link.href, effectiveAssetsBaseUrl)
+    }));
+  }
+  return normalizedHead;
+}
+
 // src/router-runtime.tsx
 import React from "react";
 var ROUTE_CHILDREN_TAG = "webframez-route-children";
@@ -226,7 +282,8 @@ function mergeHead(...configs) {
     meta: [],
     links: []
   };
-  for (const config of configs) {
+  for (const candidate of configs) {
+    const config = normalizeHeadConfig(candidate, merged.assetsBaseUrl);
     if (!config) {
       continue;
     }
@@ -236,6 +293,9 @@ function mergeHead(...configs) {
     if (config.description) {
       merged.description = config.description;
     }
+    if (config.assetsBaseUrl) {
+      merged.assetsBaseUrl = config.assetsBaseUrl;
+    }
     if (config.favicon) {
       merged.favicon = config.favicon;
     }
@@ -249,22 +309,23 @@ function mergeHead(...configs) {
   return merged;
 }
 function renderHeadToString(head) {
+  const normalizedHead = normalizeHeadConfig(head) ?? head;
   const tags = [];
-  if (head.description) {
+  if (normalizedHead.description) {
     tags.push(
-      `<meta ${createManagedAttributes()} name="description" content="${escapeHtml(head.description)}" />`
+      `<meta ${createManagedAttributes()} name="description" content="${escapeHtml(normalizedHead.description)}" />`
     );
   }
-  if (head.favicon) {
+  if (normalizedHead.favicon) {
     tags.push(
-      `<link ${createManagedAttributes()} rel="icon" href="${escapeHtml(head.favicon)}" />`
+      `<link ${createManagedAttributes()} rel="icon" href="${escapeHtml(normalizedHead.favicon)}" />`
     );
   }
-  for (const meta of head.meta ?? []) {
+  for (const meta of normalizedHead.meta ?? []) {
     const attrs = Object.entries(meta).filter(([, value]) => Boolean(value)).map(([key, value]) => `${key}="${escapeHtml(String(value))}"`).join(" ");
     tags.push(`<meta ${createManagedAttributes()} ${attrs} />`);
   }
-  for (const link of head.links ?? []) {
+  for (const link of normalizedHead.links ?? []) {
     const attrs = Object.entries(link).filter(([, value]) => Boolean(value)).map(([key, value]) => `${key}="${escapeHtml(String(value))}"`).join(" ");
     tags.push(`<link ${createManagedAttributes()} ${attrs} />`);
   }

package/dist/types.d.ts

@@ -9,7 +9,7 @@ export type AbortRouteOptions = {
   payload?: unknown;
 };
 
-export type RouteContext<TData = unknown> = {
+export type RouteContext<TData = any> = {
   pathname: string;
   params: RouteParams;
   searchParams: RouteSearchParams;
@@ -22,11 +22,11 @@ export type InferPageData<TDataResolver> =
   TDataResolver extends (...args: any[]) => any
     ? Awaited<ReturnType<TDataResolver>>
     : TDataResolver;
-export type PageProps<TData = unknown> = RouteContext<InferPageData<TData>>;
+export type PageProps<TData = any> = RouteContext<InferPageData<TData>>;
 export type PagePropsFromData<TDataResolver extends (...args: any[]) => any> =
   PageProps<InferPageData<TDataResolver>>;
 
-export type ErrorPageProps<TData = unknown> = RouteContext<TData> & {
+export type ErrorPageProps<TData = any> = RouteContext<TData> & {
   statusCode: number;
   message: string;
   payload?: unknown;
@@ -51,6 +51,7 @@ export type HeadLinkTag = {
 export type HeadConfig = {
   title?: string;
   description?: string;
+  assetsBaseUrl?: string;
   favicon?: string;
   meta?: HeadMetaTag[];
   links?: HeadLinkTag[];
@@ -65,18 +66,18 @@ export type HeadResolver<TContext = RouteContext> = (
   context: TContext
 ) => HeadConfig | Promise<HeadConfig>;
 
-export type PageDataResolver<TData = unknown> = (
+export type PageDataResolver<TData = any> = (
   context: RouteContext
 ) => TData | Promise<TData>;
 
 export type RouteMiddlewareResult = Record<string, unknown> | undefined | void;
-export type RouteMiddlewareResolver<TData = unknown> = (
+export type RouteMiddlewareResolver<TData = any> = (
   context: RouteContext<TData>
 ) => RouteMiddlewareResult | Promise<RouteMiddlewareResult>;
 export type RouteMiddlewareRegistry = Record<string, RouteMiddlewareResolver<any>>;
 export type RouteMiddlewareConfig = string | string[];
 
-export type PageModule<TData = unknown> = {
+export type PageModule<TData = any> = {
   default: (props: PageProps<TData>) => ReactNode | Promise<ReactNode>;
   Head?: HeadResolver<PageProps<TData>>;
   Data?: PageDataResolver<TData>;