@symbo.ls/smbls-utils 3.5.0 → 3.6.1

package/dist/cjs/cdn.js

@@ -0,0 +1,85 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var cdn_exports = {};
+__export(cdn_exports, {
+  CDN_PROVIDERS: () => CDN_PROVIDERS,
+  PACKAGE_MANAGER_TO_CDN: () => PACKAGE_MANAGER_TO_CDN,
+  getCDNUrl: () => getCDNUrl,
+  getCdnProviderFromConfig: () => getCdnProviderFromConfig,
+  getImportMapScript: () => getImportMapScript
+});
+module.exports = __toCommonJS(cdn_exports);
+function onlyDotsAndNumbers(str) {
+  return /^[0-9.]+$/.test(str) && str !== "";
+}
+const CDN_PROVIDERS = {
+  skypack: {
+    url: "https://cdn.skypack.dev",
+    formatUrl: (pkg, version) => `${CDN_PROVIDERS.skypack.url}/${pkg}${version !== "latest" ? `@${version}` : ""}`
+  },
+  esmsh: {
+    url: "https://esm.sh",
+    formatUrl: (pkg, version) => `${CDN_PROVIDERS.esmsh.url}/${pkg}${version !== "latest" ? `@${version}` : ""}`
+  },
+  unpkg: {
+    url: "https://unpkg.com",
+    formatUrl: (pkg, version) => `${CDN_PROVIDERS.unpkg.url}/${pkg}${version !== "latest" ? `@${version}` : ""}?module`
+  },
+  jsdelivr: {
+    url: "https://cdn.jsdelivr.net/npm",
+    formatUrl: (pkg, version) => `${CDN_PROVIDERS.jsdelivr.url}/${pkg}${version !== "latest" ? `@${version}` : ""}/+esm`
+  },
+  symbols: {
+    url: "https://pkg.symbo.ls",
+    formatUrl: (pkg, version) => {
+      if (pkg.split("/").length > 2 || !onlyDotsAndNumbers(version)) {
+        return `${CDN_PROVIDERS.symbols.url}/${pkg}`;
+      }
+      return `${CDN_PROVIDERS.symbols.url}/${pkg}/${version}.js`;
+    }
+  }
+};
+const PACKAGE_MANAGER_TO_CDN = {
+  "esm.sh": "esmsh",
+  "unpkg": "unpkg",
+  "skypack": "skypack",
+  "jsdelivr": "jsdelivr",
+  "pkg.symbo.ls": "symbols"
+};
+const getCdnProviderFromConfig = (symbolsConfig = {}) => {
+  const { packageManager } = symbolsConfig;
+  return PACKAGE_MANAGER_TO_CDN[packageManager] || null;
+};
+const getCDNUrl = (packageName, version = "latest", provider = "esmsh") => {
+  const cdnConfig = CDN_PROVIDERS[provider] || CDN_PROVIDERS.esmsh;
+  return cdnConfig.formatUrl(packageName, version);
+};
+const getImportMapScript = (data, defaultProvider = "skypack") => {
+  const dependencies = data.dependencies || {};
+  const keys = Object.keys(dependencies);
+  if (!keys.length) return "";
+  const imports = {};
+  for (const pkgName of keys) {
+    const version = dependencies[pkgName] || "latest";
+    imports[pkgName] = getCDNUrl(pkgName, version, defaultProvider);
+  }
+  return `<script type="importmap">{
+    "imports": ${JSON.stringify(imports, null, 2)}
+  }<\/script>`;
+};

package/dist/cjs/index.js

@@ -36,6 +36,8 @@ __reExport(index_exports, require("./date.js"), module.exports);
 __reExport(index_exports, require("./fibonacci.js"), module.exports);
 __reExport(index_exports, require("./load.js"), module.exports);
 __reExport(index_exports, require("./files.js"), module.exports);
+__reExport(index_exports, require("./cdn.js"), module.exports);
+__reExport(index_exports, require("./metadata.js"), module.exports);
 const copyStringToClipboard = async (str) => {
   try {
     await navigator.clipboard.writeText(str);

package/dist/cjs/metadata.js

@@ -0,0 +1,196 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var metadata_exports = {};
+__export(metadata_exports, {
+  generateMetaTags: () => generateMetaTags,
+  getPageMetadata: () => getPageMetadata
+});
+module.exports = __toCommonJS(metadata_exports);
+var import_utils = require("@domql/utils");
+const escapeHtml = (text) => {
+  if (text === null || text === void 0) return "";
+  const map = { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#039;" };
+  return text.toString().replace(/[&<>"']/g, (m) => map[m]);
+};
+const buildAttrs = (obj) => Object.entries(obj || {}).filter(([_, v]) => v !== void 0).map(([k, v]) => `${k}="${escapeHtml(v)}"`).join(" ");
+const generateMetaTags = (metadata, isProduction) => {
+  if (!isProduction) {
+    const faviconTag = (() => {
+      const fv = metadata?.favicon || metadata?.favicons;
+      if (!fv) return '<link rel="icon" href="/favicon.ico">';
+      if (typeof fv === "string") return `<link rel="icon" href="${escapeHtml(fv)}">`;
+      if (Array.isArray(fv)) {
+        return fv.map(
+          (item) => typeof item === "string" ? `<link rel="icon" href="${escapeHtml(item)}">` : `<link ${buildAttrs({ rel: "icon", ...item })}>`
+        ).join("\n");
+      }
+      return `<link ${buildAttrs({ rel: "icon", ...fv })}>`;
+    })();
+    return [
+      '<meta charset="UTF-8">',
+      `<title>${escapeHtml(metadata.title || "Test")}</title>`,
+      '<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">',
+      '<meta name="robots" content="noindex">',
+      '<meta name="apple-mobile-web-app-capable" content="yes">',
+      faviconTag
+    ].join("\n");
+  }
+  const tags = Object.entries(metadata).reduce(
+    (acc, [key, value]) => {
+      if (!value && value !== 0 && value !== false) return acc;
+      if (key === "title") {
+        acc.push(`<title>${escapeHtml(value)}</title>`);
+        return acc;
+      }
+      if (key === "canonical") {
+        acc.push(`<link rel="canonical" href="${escapeHtml(value)}">`);
+        return acc;
+      }
+      if (key === "manifest") {
+        acc.push(`<link rel="manifest" href="${escapeHtml(value)}">`);
+        return acc;
+      }
+      if (key === "favicon" || key === "favicons" || key === "icon" || key === "icons") {
+        const items = Array.isArray(value) ? value : [value];
+        items.forEach((item) => {
+          if (typeof item === "string") {
+            acc.push(`<link rel="icon" href="${escapeHtml(item)}">`);
+          } else if (typeof item === "object") {
+            const attrs = buildAttrs(item);
+            if (!/rel=/.test(attrs)) {
+              acc.push(`<link rel="icon" ${attrs}>`);
+            } else {
+              acc.push(`<link ${attrs}>`);
+            }
+          }
+        });
+        return acc;
+      }
+      if (key === "alternate") {
+        const alternates = Array.isArray(value) ? value : [value];
+        alternates.forEach((alt) => {
+          if (typeof alt === "object") {
+            const attrs = Object.entries(alt).filter(([_, attrValue]) => attrValue !== void 0).map(([attrKey, attrValue]) => `${attrKey}="${escapeHtml(attrValue)}"`).join(" ");
+            acc.push(`<link rel="alternate" ${attrs}>`);
+          }
+        });
+        return acc;
+      }
+      const processMetaTag = (tagKey, tagValue, attrType = "name") => {
+        if (typeof tagValue === "string" || typeof tagValue === "number" || typeof tagValue === "boolean") {
+          acc.push(`<meta ${attrType}="${escapeHtml(tagKey)}" content="${escapeHtml(tagValue)}">`);
+        } else if (Array.isArray(tagValue)) {
+          tagValue.forEach((item) => {
+            if (typeof item === "string" || typeof item === "number" || typeof item === "boolean") {
+              acc.push(`<meta ${attrType}="${escapeHtml(tagKey)}" content="${escapeHtml(item)}">`);
+            } else if (typeof item === "object") {
+              const attrs = Object.entries(item).filter(([_, attrValue]) => attrValue !== void 0).map(([attrKey, attrValue]) => `${attrKey}="${escapeHtml(attrValue)}"`).join(" ");
+              acc.push(`<meta ${attrs}>`);
+            }
+          });
+        } else if (typeof tagValue === "object") {
+          const attrs = Object.entries(tagValue).filter(([_, attrValue]) => attrValue !== void 0).map(([attrKey, attrValue]) => `${attrKey}="${escapeHtml(attrValue)}"`).join(" ");
+          acc.push(`<meta ${attrs}>`);
+        }
+      };
+      if (key.startsWith("http-equiv:")) {
+        const httpEquivKey = key.replace("http-equiv:", "");
+        processMetaTag(httpEquivKey, value, "http-equiv");
+        return acc;
+      }
+      if (key.startsWith("itemprop:")) {
+        const itempropKey = key.replace("itemprop:", "");
+        processMetaTag(itempropKey, value, "itemprop");
+        return acc;
+      }
+      const prefixes = [
+        "og:",
+        "twitter:",
+        "fb:",
+        "article:",
+        "profile:",
+        "book:",
+        "business:",
+        "music:",
+        "product:",
+        "video:",
+        "DC:",
+        "DCTERMS:"
+      ];
+      const prefix = prefixes.find((p) => key.startsWith(p));
+      if (prefix) {
+        const tagKey = key.replace(prefix, "");
+        processMetaTag(
+          `${prefix.replace(":", "")}:${tagKey}`,
+          value,
+          prefix === "twitter:" || prefix === "DC:" || prefix === "DCTERMS:" ? "name" : "property"
+        );
+        return acc;
+      }
+      if (key.startsWith("apple:") || key.startsWith("msapplication:")) {
+        const pfx = key.startsWith("apple:") ? "apple-" : "msapplication-";
+        const tagKey = key.replace(/^apple:|^msapplication:/, "");
+        processMetaTag(`${pfx}${tagKey}`, value, "name");
+        return acc;
+      }
+      processMetaTag(key, value);
+      return acc;
+    },
+    [
+      '<meta charset="UTF-8">',
+      '<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">'
+    ]
+  );
+  return tags.join("\n");
+};
+const isBareFilename = (val) => typeof val === "string" && val.length > 0 && !val.startsWith("/") && !val.startsWith("http");
+function resolveFileReferences(metadata, files) {
+  if (!files || typeof files !== "object") return metadata;
+  const resolve = (val) => {
+    if (!isBareFilename(val)) return val;
+    const fileEntry = files[val];
+    if (fileEntry?.src) return fileEntry.src;
+    return val;
+  };
+  const result = { ...metadata };
+  for (const [key, value] of Object.entries(result)) {
+    if (typeof value === "string") {
+      result[key] = resolve(value);
+    } else if (Array.isArray(value)) {
+      result[key] = value.map(
+        (item) => typeof item === "string" ? resolve(item) : item
+      );
+    }
+  }
+  return result;
+}
+function getPageMetadata(data, pathname) {
+  const currentPage = data.pages?.[pathname];
+  const stateObject = (0, import_utils.isObject)(currentPage?.state) && currentPage?.state;
+  let pageMetadata = currentPage?.metadata || currentPage?.helmet || stateObject || {};
+  const appMetadata = data.app?.metadata || {};
+  if (data.integrations?.seo) {
+    pageMetadata = { ...data.integrations.seo, ...appMetadata, ...pageMetadata };
+  } else if (Object.keys(appMetadata).length) {
+    pageMetadata = { ...appMetadata, ...pageMetadata };
+  }
+  if (!pageMetadata.title) pageMetadata.title = data.name + " / symbo.ls" || "Symbols demo";
+  pageMetadata = resolveFileReferences(pageMetadata, data.files);
+  return pageMetadata;
+}

package/dist/esm/cdn.js

@@ -0,0 +1,65 @@
+function onlyDotsAndNumbers(str) {
+  return /^[0-9.]+$/.test(str) && str !== "";
+}
+const CDN_PROVIDERS = {
+  skypack: {
+    url: "https://cdn.skypack.dev",
+    formatUrl: (pkg, version) => `${CDN_PROVIDERS.skypack.url}/${pkg}${version !== "latest" ? `@${version}` : ""}`
+  },
+  esmsh: {
+    url: "https://esm.sh",
+    formatUrl: (pkg, version) => `${CDN_PROVIDERS.esmsh.url}/${pkg}${version !== "latest" ? `@${version}` : ""}`
+  },
+  unpkg: {
+    url: "https://unpkg.com",
+    formatUrl: (pkg, version) => `${CDN_PROVIDERS.unpkg.url}/${pkg}${version !== "latest" ? `@${version}` : ""}?module`
+  },
+  jsdelivr: {
+    url: "https://cdn.jsdelivr.net/npm",
+    formatUrl: (pkg, version) => `${CDN_PROVIDERS.jsdelivr.url}/${pkg}${version !== "latest" ? `@${version}` : ""}/+esm`
+  },
+  symbols: {
+    url: "https://pkg.symbo.ls",
+    formatUrl: (pkg, version) => {
+      if (pkg.split("/").length > 2 || !onlyDotsAndNumbers(version)) {
+        return `${CDN_PROVIDERS.symbols.url}/${pkg}`;
+      }
+      return `${CDN_PROVIDERS.symbols.url}/${pkg}/${version}.js`;
+    }
+  }
+};
+const PACKAGE_MANAGER_TO_CDN = {
+  "esm.sh": "esmsh",
+  "unpkg": "unpkg",
+  "skypack": "skypack",
+  "jsdelivr": "jsdelivr",
+  "pkg.symbo.ls": "symbols"
+};
+const getCdnProviderFromConfig = (symbolsConfig = {}) => {
+  const { packageManager } = symbolsConfig;
+  return PACKAGE_MANAGER_TO_CDN[packageManager] || null;
+};
+const getCDNUrl = (packageName, version = "latest", provider = "esmsh") => {
+  const cdnConfig = CDN_PROVIDERS[provider] || CDN_PROVIDERS.esmsh;
+  return cdnConfig.formatUrl(packageName, version);
+};
+const getImportMapScript = (data, defaultProvider = "skypack") => {
+  const dependencies = data.dependencies || {};
+  const keys = Object.keys(dependencies);
+  if (!keys.length) return "";
+  const imports = {};
+  for (const pkgName of keys) {
+    const version = dependencies[pkgName] || "latest";
+    imports[pkgName] = getCDNUrl(pkgName, version, defaultProvider);
+  }
+  return `<script type="importmap">{
+    "imports": ${JSON.stringify(imports, null, 2)}
+  }<\/script>`;
+};
+export {
+  CDN_PROVIDERS,
+  PACKAGE_MANAGER_TO_CDN,
+  getCDNUrl,
+  getCdnProviderFromConfig,
+  getImportMapScript
+};

package/dist/esm/index.js

@@ -5,6 +5,8 @@ export * from "./date.js";
 export * from "./fibonacci.js";
 export * from "./load.js";
 export * from "./files.js";
+export * from "./cdn.js";
+export * from "./metadata.js";
 const copyStringToClipboard = async (str) => {
   try {
     await navigator.clipboard.writeText(str);

package/dist/esm/metadata.js

@@ -0,0 +1,176 @@
+import { isObject } from "@domql/utils";
+const escapeHtml = (text) => {
+  if (text === null || text === void 0) return "";
+  const map = { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#039;" };
+  return text.toString().replace(/[&<>"']/g, (m) => map[m]);
+};
+const buildAttrs = (obj) => Object.entries(obj || {}).filter(([_, v]) => v !== void 0).map(([k, v]) => `${k}="${escapeHtml(v)}"`).join(" ");
+const generateMetaTags = (metadata, isProduction) => {
+  if (!isProduction) {
+    const faviconTag = (() => {
+      const fv = metadata?.favicon || metadata?.favicons;
+      if (!fv) return '<link rel="icon" href="/favicon.ico">';
+      if (typeof fv === "string") return `<link rel="icon" href="${escapeHtml(fv)}">`;
+      if (Array.isArray(fv)) {
+        return fv.map(
+          (item) => typeof item === "string" ? `<link rel="icon" href="${escapeHtml(item)}">` : `<link ${buildAttrs({ rel: "icon", ...item })}>`
+        ).join("\n");
+      }
+      return `<link ${buildAttrs({ rel: "icon", ...fv })}>`;
+    })();
+    return [
+      '<meta charset="UTF-8">',
+      `<title>${escapeHtml(metadata.title || "Test")}</title>`,
+      '<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">',
+      '<meta name="robots" content="noindex">',
+      '<meta name="apple-mobile-web-app-capable" content="yes">',
+      faviconTag
+    ].join("\n");
+  }
+  const tags = Object.entries(metadata).reduce(
+    (acc, [key, value]) => {
+      if (!value && value !== 0 && value !== false) return acc;
+      if (key === "title") {
+        acc.push(`<title>${escapeHtml(value)}</title>`);
+        return acc;
+      }
+      if (key === "canonical") {
+        acc.push(`<link rel="canonical" href="${escapeHtml(value)}">`);
+        return acc;
+      }
+      if (key === "manifest") {
+        acc.push(`<link rel="manifest" href="${escapeHtml(value)}">`);
+        return acc;
+      }
+      if (key === "favicon" || key === "favicons" || key === "icon" || key === "icons") {
+        const items = Array.isArray(value) ? value : [value];
+        items.forEach((item) => {
+          if (typeof item === "string") {
+            acc.push(`<link rel="icon" href="${escapeHtml(item)}">`);
+          } else if (typeof item === "object") {
+            const attrs = buildAttrs(item);
+            if (!/rel=/.test(attrs)) {
+              acc.push(`<link rel="icon" ${attrs}>`);
+            } else {
+              acc.push(`<link ${attrs}>`);
+            }
+          }
+        });
+        return acc;
+      }
+      if (key === "alternate") {
+        const alternates = Array.isArray(value) ? value : [value];
+        alternates.forEach((alt) => {
+          if (typeof alt === "object") {
+            const attrs = Object.entries(alt).filter(([_, attrValue]) => attrValue !== void 0).map(([attrKey, attrValue]) => `${attrKey}="${escapeHtml(attrValue)}"`).join(" ");
+            acc.push(`<link rel="alternate" ${attrs}>`);
+          }
+        });
+        return acc;
+      }
+      const processMetaTag = (tagKey, tagValue, attrType = "name") => {
+        if (typeof tagValue === "string" || typeof tagValue === "number" || typeof tagValue === "boolean") {
+          acc.push(`<meta ${attrType}="${escapeHtml(tagKey)}" content="${escapeHtml(tagValue)}">`);
+        } else if (Array.isArray(tagValue)) {
+          tagValue.forEach((item) => {
+            if (typeof item === "string" || typeof item === "number" || typeof item === "boolean") {
+              acc.push(`<meta ${attrType}="${escapeHtml(tagKey)}" content="${escapeHtml(item)}">`);
+            } else if (typeof item === "object") {
+              const attrs = Object.entries(item).filter(([_, attrValue]) => attrValue !== void 0).map(([attrKey, attrValue]) => `${attrKey}="${escapeHtml(attrValue)}"`).join(" ");
+              acc.push(`<meta ${attrs}>`);
+            }
+          });
+        } else if (typeof tagValue === "object") {
+          const attrs = Object.entries(tagValue).filter(([_, attrValue]) => attrValue !== void 0).map(([attrKey, attrValue]) => `${attrKey}="${escapeHtml(attrValue)}"`).join(" ");
+          acc.push(`<meta ${attrs}>`);
+        }
+      };
+      if (key.startsWith("http-equiv:")) {
+        const httpEquivKey = key.replace("http-equiv:", "");
+        processMetaTag(httpEquivKey, value, "http-equiv");
+        return acc;
+      }
+      if (key.startsWith("itemprop:")) {
+        const itempropKey = key.replace("itemprop:", "");
+        processMetaTag(itempropKey, value, "itemprop");
+        return acc;
+      }
+      const prefixes = [
+        "og:",
+        "twitter:",
+        "fb:",
+        "article:",
+        "profile:",
+        "book:",
+        "business:",
+        "music:",
+        "product:",
+        "video:",
+        "DC:",
+        "DCTERMS:"
+      ];
+      const prefix = prefixes.find((p) => key.startsWith(p));
+      if (prefix) {
+        const tagKey = key.replace(prefix, "");
+        processMetaTag(
+          `${prefix.replace(":", "")}:${tagKey}`,
+          value,
+          prefix === "twitter:" || prefix === "DC:" || prefix === "DCTERMS:" ? "name" : "property"
+        );
+        return acc;
+      }
+      if (key.startsWith("apple:") || key.startsWith("msapplication:")) {
+        const pfx = key.startsWith("apple:") ? "apple-" : "msapplication-";
+        const tagKey = key.replace(/^apple:|^msapplication:/, "");
+        processMetaTag(`${pfx}${tagKey}`, value, "name");
+        return acc;
+      }
+      processMetaTag(key, value);
+      return acc;
+    },
+    [
+      '<meta charset="UTF-8">',
+      '<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">'
+    ]
+  );
+  return tags.join("\n");
+};
+const isBareFilename = (val) => typeof val === "string" && val.length > 0 && !val.startsWith("/") && !val.startsWith("http");
+function resolveFileReferences(metadata, files) {
+  if (!files || typeof files !== "object") return metadata;
+  const resolve = (val) => {
+    if (!isBareFilename(val)) return val;
+    const fileEntry = files[val];
+    if (fileEntry?.src) return fileEntry.src;
+    return val;
+  };
+  const result = { ...metadata };
+  for (const [key, value] of Object.entries(result)) {
+    if (typeof value === "string") {
+      result[key] = resolve(value);
+    } else if (Array.isArray(value)) {
+      result[key] = value.map(
+        (item) => typeof item === "string" ? resolve(item) : item
+      );
+    }
+  }
+  return result;
+}
+function getPageMetadata(data, pathname) {
+  const currentPage = data.pages?.[pathname];
+  const stateObject = isObject(currentPage?.state) && currentPage?.state;
+  let pageMetadata = currentPage?.metadata || currentPage?.helmet || stateObject || {};
+  const appMetadata = data.app?.metadata || {};
+  if (data.integrations?.seo) {
+    pageMetadata = { ...data.integrations.seo, ...appMetadata, ...pageMetadata };
+  } else if (Object.keys(appMetadata).length) {
+    pageMetadata = { ...appMetadata, ...pageMetadata };
+  }
+  if (!pageMetadata.title) pageMetadata.title = data.name + " / symbo.ls" || "Symbols demo";
+  pageMetadata = resolveFileReferences(pageMetadata, data.files);
+  return pageMetadata;
+}
+export {
+  generateMetaTags,
+  getPageMetadata
+};

package/dist/iife/index.js

@@ -21,6 +21,8 @@ var SmblsSmblsUtils = (() => {
   // src/index.js
   var index_exports = {};
   __export(index_exports, {
+    CDN_PROVIDERS: () => CDN_PROVIDERS,
+    PACKAGE_MANAGER_TO_CDN: () => PACKAGE_MANAGER_TO_CDN,
     arrayzeValue: () => arrayzeValue,
     copyJavaScriptToClipboard: () => copyJavaScriptToClipboard,
     copyStringToClipboard: () => copyStringToClipboard,
@@ -28,6 +30,11 @@ var SmblsSmblsUtils = (() => {
     findClosestNumber: () => findClosestNumber,
     findClosestNumberInFactory: () => findClosestNumberInFactory,
     formatDate: () => formatDate,
+    generateMetaTags: () => generateMetaTags,
+    getCDNUrl: () => getCDNUrl,
+    getCdnProviderFromConfig: () => getCdnProviderFromConfig,
+    getImportMapScript: () => getImportMapScript,
+    getPageMetadata: () => getPageMetadata,
     isPhoto: () => isPhoto,
     loadCssFile: () => loadCssFile,
     loadJavascript: () => loadJavascript,
@@ -244,6 +251,239 @@ var SmblsSmblsUtils = (() => {
   // src/files.js
   var isPhoto = (format) => ["jpeg", "gif", "jpg", "png", "tiff", "woff"].includes(format);
 
+  // src/cdn.js
+  function onlyDotsAndNumbers(str) {
+    return /^[0-9.]+$/.test(str) && str !== "";
+  }
+  var CDN_PROVIDERS = {
+    skypack: {
+      url: "https://cdn.skypack.dev",
+      formatUrl: (pkg, version) => `${CDN_PROVIDERS.skypack.url}/${pkg}${version !== "latest" ? `@${version}` : ""}`
+    },
+    esmsh: {
+      url: "https://esm.sh",
+      formatUrl: (pkg, version) => `${CDN_PROVIDERS.esmsh.url}/${pkg}${version !== "latest" ? `@${version}` : ""}`
+    },
+    unpkg: {
+      url: "https://unpkg.com",
+      formatUrl: (pkg, version) => `${CDN_PROVIDERS.unpkg.url}/${pkg}${version !== "latest" ? `@${version}` : ""}?module`
+    },
+    jsdelivr: {
+      url: "https://cdn.jsdelivr.net/npm",
+      formatUrl: (pkg, version) => `${CDN_PROVIDERS.jsdelivr.url}/${pkg}${version !== "latest" ? `@${version}` : ""}/+esm`
+    },
+    symbols: {
+      url: "https://pkg.symbo.ls",
+      formatUrl: (pkg, version) => {
+        if (pkg.split("/").length > 2 || !onlyDotsAndNumbers(version)) {
+          return `${CDN_PROVIDERS.symbols.url}/${pkg}`;
+        }
+        return `${CDN_PROVIDERS.symbols.url}/${pkg}/${version}.js`;
+      }
+    }
+  };
+  var PACKAGE_MANAGER_TO_CDN = {
+    "esm.sh": "esmsh",
+    "unpkg": "unpkg",
+    "skypack": "skypack",
+    "jsdelivr": "jsdelivr",
+    "pkg.symbo.ls": "symbols"
+  };
+  var getCdnProviderFromConfig = (symbolsConfig = {}) => {
+    const { packageManager } = symbolsConfig;
+    return PACKAGE_MANAGER_TO_CDN[packageManager] || null;
+  };
+  var getCDNUrl = (packageName, version = "latest", provider = "esmsh") => {
+    const cdnConfig = CDN_PROVIDERS[provider] || CDN_PROVIDERS.esmsh;
+    return cdnConfig.formatUrl(packageName, version);
+  };
+  var getImportMapScript = (data, defaultProvider = "skypack") => {
+    const dependencies = data.dependencies || {};
+    const keys = Object.keys(dependencies);
+    if (!keys.length) return "";
+    const imports = {};
+    for (const pkgName of keys) {
+      const version = dependencies[pkgName] || "latest";
+      imports[pkgName] = getCDNUrl(pkgName, version, defaultProvider);
+    }
+    return `<script type="importmap">{
+    "imports": ${JSON.stringify(imports, null, 2)}
+  }<\/script>`;
+  };
+
+  // src/metadata.js
+  var escapeHtml = (text) => {
+    if (text === null || text === void 0) return "";
+    const map = { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#039;" };
+    return text.toString().replace(/[&<>"']/g, (m) => map[m]);
+  };
+  var buildAttrs = (obj) => Object.entries(obj || {}).filter(([_, v]) => v !== void 0).map(([k, v]) => `${k}="${escapeHtml(v)}"`).join(" ");
+  var generateMetaTags = (metadata, isProduction) => {
+    if (!isProduction) {
+      const faviconTag = (() => {
+        const fv = metadata?.favicon || metadata?.favicons;
+        if (!fv) return '<link rel="icon" href="/favicon.ico">';
+        if (typeof fv === "string") return `<link rel="icon" href="${escapeHtml(fv)}">`;
+        if (Array.isArray(fv)) {
+          return fv.map(
+            (item) => typeof item === "string" ? `<link rel="icon" href="${escapeHtml(item)}">` : `<link ${buildAttrs({ rel: "icon", ...item })}>`
+          ).join("\n");
+        }
+        return `<link ${buildAttrs({ rel: "icon", ...fv })}>`;
+      })();
+      return [
+        '<meta charset="UTF-8">',
+        `<title>${escapeHtml(metadata.title || "Test")}</title>`,
+        '<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">',
+        '<meta name="robots" content="noindex">',
+        '<meta name="apple-mobile-web-app-capable" content="yes">',
+        faviconTag
+      ].join("\n");
+    }
+    const tags = Object.entries(metadata).reduce(
+      (acc, [key, value]) => {
+        if (!value && value !== 0 && value !== false) return acc;
+        if (key === "title") {
+          acc.push(`<title>${escapeHtml(value)}</title>`);
+          return acc;
+        }
+        if (key === "canonical") {
+          acc.push(`<link rel="canonical" href="${escapeHtml(value)}">`);
+          return acc;
+        }
+        if (key === "manifest") {
+          acc.push(`<link rel="manifest" href="${escapeHtml(value)}">`);
+          return acc;
+        }
+        if (key === "favicon" || key === "favicons" || key === "icon" || key === "icons") {
+          const items = Array.isArray(value) ? value : [value];
+          items.forEach((item) => {
+            if (typeof item === "string") {
+              acc.push(`<link rel="icon" href="${escapeHtml(item)}">`);
+            } else if (typeof item === "object") {
+              const attrs = buildAttrs(item);
+              if (!/rel=/.test(attrs)) {
+                acc.push(`<link rel="icon" ${attrs}>`);
+              } else {
+                acc.push(`<link ${attrs}>`);
+              }
+            }
+          });
+          return acc;
+        }
+        if (key === "alternate") {
+          const alternates = Array.isArray(value) ? value : [value];
+          alternates.forEach((alt) => {
+            if (typeof alt === "object") {
+              const attrs = Object.entries(alt).filter(([_, attrValue]) => attrValue !== void 0).map(([attrKey, attrValue]) => `${attrKey}="${escapeHtml(attrValue)}"`).join(" ");
+              acc.push(`<link rel="alternate" ${attrs}>`);
+            }
+          });
+          return acc;
+        }
+        const processMetaTag = (tagKey, tagValue, attrType = "name") => {
+          if (typeof tagValue === "string" || typeof tagValue === "number" || typeof tagValue === "boolean") {
+            acc.push(`<meta ${attrType}="${escapeHtml(tagKey)}" content="${escapeHtml(tagValue)}">`);
+          } else if (Array.isArray(tagValue)) {
+            tagValue.forEach((item) => {
+              if (typeof item === "string" || typeof item === "number" || typeof item === "boolean") {
+                acc.push(`<meta ${attrType}="${escapeHtml(tagKey)}" content="${escapeHtml(item)}">`);
+              } else if (typeof item === "object") {
+                const attrs = Object.entries(item).filter(([_, attrValue]) => attrValue !== void 0).map(([attrKey, attrValue]) => `${attrKey}="${escapeHtml(attrValue)}"`).join(" ");
+                acc.push(`<meta ${attrs}>`);
+              }
+            });
+          } else if (typeof tagValue === "object") {
+            const attrs = Object.entries(tagValue).filter(([_, attrValue]) => attrValue !== void 0).map(([attrKey, attrValue]) => `${attrKey}="${escapeHtml(attrValue)}"`).join(" ");
+            acc.push(`<meta ${attrs}>`);
+          }
+        };
+        if (key.startsWith("http-equiv:")) {
+          const httpEquivKey = key.replace("http-equiv:", "");
+          processMetaTag(httpEquivKey, value, "http-equiv");
+          return acc;
+        }
+        if (key.startsWith("itemprop:")) {
+          const itempropKey = key.replace("itemprop:", "");
+          processMetaTag(itempropKey, value, "itemprop");
+          return acc;
+        }
+        const prefixes = [
+          "og:",
+          "twitter:",
+          "fb:",
+          "article:",
+          "profile:",
+          "book:",
+          "business:",
+          "music:",
+          "product:",
+          "video:",
+          "DC:",
+          "DCTERMS:"
+        ];
+        const prefix = prefixes.find((p) => key.startsWith(p));
+        if (prefix) {
+          const tagKey = key.replace(prefix, "");
+          processMetaTag(
+            `${prefix.replace(":", "")}:${tagKey}`,
+            value,
+            prefix === "twitter:" || prefix === "DC:" || prefix === "DCTERMS:" ? "name" : "property"
+          );
+          return acc;
+        }
+        if (key.startsWith("apple:") || key.startsWith("msapplication:")) {
+          const pfx = key.startsWith("apple:") ? "apple-" : "msapplication-";
+          const tagKey = key.replace(/^apple:|^msapplication:/, "");
+          processMetaTag(`${pfx}${tagKey}`, value, "name");
+          return acc;
+        }
+        processMetaTag(key, value);
+        return acc;
+      },
+      [
+        '<meta charset="UTF-8">',
+        '<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">'
+      ]
+    );
+    return tags.join("\n");
+  };
+  var isBareFilename = (val) => typeof val === "string" && val.length > 0 && !val.startsWith("/") && !val.startsWith("http");
+  function resolveFileReferences(metadata, files) {
+    if (!files || typeof files !== "object") return metadata;
+    const resolve = (val) => {
+      if (!isBareFilename(val)) return val;
+      const fileEntry = files[val];
+      if (fileEntry?.src) return fileEntry.src;
+      return val;
+    };
+    const result = { ...metadata };
+    for (const [key, value] of Object.entries(result)) {
+      if (typeof value === "string") {
+        result[key] = resolve(value);
+      } else if (Array.isArray(value)) {
+        result[key] = value.map(
+          (item) => typeof item === "string" ? resolve(item) : item
+        );
+      }
+    }
+    return result;
+  }
+  function getPageMetadata(data, pathname) {
+    const currentPage = data.pages?.[pathname];
+    const stateObject = isObject(currentPage?.state) && currentPage?.state;
+    let pageMetadata = currentPage?.metadata || currentPage?.helmet || stateObject || {};
+    const appMetadata = data.app?.metadata || {};
+    if (data.integrations?.seo) {
+      pageMetadata = { ...data.integrations.seo, ...appMetadata, ...pageMetadata };
+    } else if (Object.keys(appMetadata).length) {
+      pageMetadata = { ...appMetadata, ...pageMetadata };
+    }
+    if (!pageMetadata.title) pageMetadata.title = data.name + " / symbo.ls" || "Symbols demo";
+    pageMetadata = resolveFileReferences(pageMetadata, data.files);
+    return pageMetadata;
+  }
+
   // src/index.js
   var copyStringToClipboard = async (str) => {
     try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symbo.ls/smbls-utils",
-  "version": "3.5.0",
+  "version": "3.6.1",
   "author": "symbo.ls",
   "files": [
     "dist",
@@ -15,13 +15,13 @@
   "exports": {
     ".": {
       "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js",
-      "browser": "./dist/esm/index.js",
-      "default": "./dist/esm/index.js"
+      "require": "./dist/cjs/index.js"
     }
   },
   "source": "src/index.js",
-  "publishConfig": {},
+  "publishConfig": {
+    "access": "public"
+  },
   "scripts": {
     "copy:package:cjs": "cp ../../build/package-cjs.json dist/cjs/package.json",
     "build:esm": "cross-env NODE_ENV=$NODE_ENV esbuild src/*.js --target=es2020 --format=esm --outdir=dist/esm --define:process.env.NODE_ENV=process.env.NODE_ENV",
@@ -32,8 +32,8 @@
   },
   "license": "ISC",
   "dependencies": {
-    "@domql/element": "^3.5.0",
-    "@domql/utils": "^3.5.0"
+    "@domql/element": "^3.6.1",
+    "@domql/utils": "^3.6.1"
   },
   "gitHead": "9fc1b79b41cdc725ca6b24aec64920a599634681",
   "browser": "./dist/esm/index.js",

package/src/cdn.js

@@ -0,0 +1,83 @@
+'use strict'
+
+function onlyDotsAndNumbers (str) {
+  return /^[0-9.]+$/.test(str) && str !== ''
+}
+
+export const CDN_PROVIDERS = {
+  skypack: {
+    url: 'https://cdn.skypack.dev',
+    formatUrl: (pkg, version) =>
+      `${CDN_PROVIDERS.skypack.url}/${pkg}${version !== 'latest' ? `@${version}` : ''}`
+  },
+  esmsh: {
+    url: 'https://esm.sh',
+    formatUrl: (pkg, version) =>
+      `${CDN_PROVIDERS.esmsh.url}/${pkg}${version !== 'latest' ? `@${version}` : ''}`
+  },
+  unpkg: {
+    url: 'https://unpkg.com',
+    formatUrl: (pkg, version) =>
+      `${CDN_PROVIDERS.unpkg.url}/${pkg}${version !== 'latest' ? `@${version}` : ''}?module`
+  },
+  jsdelivr: {
+    url: 'https://cdn.jsdelivr.net/npm',
+    formatUrl: (pkg, version) =>
+      `${CDN_PROVIDERS.jsdelivr.url}/${pkg}${version !== 'latest' ? `@${version}` : ''}/+esm`
+  },
+  symbols: {
+    url: 'https://pkg.symbo.ls',
+    formatUrl: (pkg, version) => {
+      if (pkg.split('/').length > 2 || !onlyDotsAndNumbers(version)) {
+        return `${CDN_PROVIDERS.symbols.url}/${pkg}`
+      }
+      return `${CDN_PROVIDERS.symbols.url}/${pkg}/${version}.js`
+    }
+  }
+}
+
+// Maps symbols.json packageManager values to CDN_PROVIDERS keys
+export const PACKAGE_MANAGER_TO_CDN = {
+  'esm.sh': 'esmsh',
+  'unpkg': 'unpkg',
+  'skypack': 'skypack',
+  'jsdelivr': 'jsdelivr',
+  'pkg.symbo.ls': 'symbols'
+}
+
+/**
+ * Derive the CDN provider key from a symbols config object.
+ * Returns null when packageManager is a local tool (npm/yarn/pnpm/bun).
+ */
+export const getCdnProviderFromConfig = (symbolsConfig = {}) => {
+  const { packageManager } = symbolsConfig
+  return PACKAGE_MANAGER_TO_CDN[packageManager] || null
+}
+
+export const getCDNUrl = (
+  packageName,
+  version = 'latest',
+  provider = 'esmsh'
+) => {
+  const cdnConfig = CDN_PROVIDERS[provider] || CDN_PROVIDERS.esmsh
+  return cdnConfig.formatUrl(packageName, version)
+}
+
+/**
+ * Generate an HTML <script type="importmap"> tag from project dependencies.
+ */
+export const getImportMapScript = (data, defaultProvider = 'skypack') => {
+  const dependencies = data.dependencies || {}
+  const keys = Object.keys(dependencies)
+  if (!keys.length) return ''
+
+  const imports = {}
+  for (const pkgName of keys) {
+    const version = dependencies[pkgName] || 'latest'
+    imports[pkgName] = getCDNUrl(pkgName, version, defaultProvider)
+  }
+
+  return `<script type="importmap">{
+    "imports": ${JSON.stringify(imports, null, 2)}
+  }</script>`
+}

package/src/index.js

@@ -8,6 +8,8 @@ export * from './date.js'
 export * from './fibonacci.js'
 export * from './load.js'
 export * from './files.js'
+export * from './cdn.js'
+export * from './metadata.js'
 
 export const copyStringToClipboard = async (str) => {
   try {

package/src/metadata.js

@@ -0,0 +1,225 @@
+'use strict'
+
+import { isObject } from '@domql/utils'
+
+const escapeHtml = (text) => {
+  if (text === null || text === undefined) return ''
+  const map = { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#039;' }
+  return text.toString().replace(/[&<>"']/g, (m) => map[m])
+}
+
+const buildAttrs = (obj) =>
+  Object.entries(obj || {})
+    .filter(([_, v]) => v !== undefined)
+    .map(([k, v]) => `${k}="${escapeHtml(v)}"`)
+    .join(' ')
+
+/**
+ * Generates HTML meta tags from a flat metadata object.
+ * Works on both server (SSR head injection) and client (dynamic meta updates).
+ */
+export const generateMetaTags = (metadata, isProduction) => {
+  if (!isProduction) {
+    const faviconTag = (() => {
+      const fv = metadata?.favicon || metadata?.favicons
+      if (!fv) return '<link rel="icon" href="/favicon.ico">'
+      if (typeof fv === 'string') return `<link rel="icon" href="${escapeHtml(fv)}">`
+      if (Array.isArray(fv)) {
+        return fv
+          .map((item) =>
+            typeof item === 'string'
+              ? `<link rel="icon" href="${escapeHtml(item)}">`
+              : `<link ${buildAttrs({ rel: 'icon', ...item })}>`
+          )
+          .join('\n')
+      }
+      return `<link ${buildAttrs({ rel: 'icon', ...fv })}>`
+    })()
+
+    return [
+      '<meta charset="UTF-8">',
+      `<title>${escapeHtml(metadata.title || 'Test')}</title>`,
+      '<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">',
+      '<meta name="robots" content="noindex">',
+      '<meta name="apple-mobile-web-app-capable" content="yes">',
+      faviconTag
+    ].join('\n')
+  }
+
+  const tags = Object.entries(metadata).reduce(
+    (acc, [key, value]) => {
+      if (!value && value !== 0 && value !== false) return acc
+
+      if (key === 'title') {
+        acc.push(`<title>${escapeHtml(value)}</title>`)
+        return acc
+      }
+
+      if (key === 'canonical') {
+        acc.push(`<link rel="canonical" href="${escapeHtml(value)}">`)
+        return acc
+      }
+
+      if (key === 'manifest') {
+        acc.push(`<link rel="manifest" href="${escapeHtml(value)}">`)
+        return acc
+      }
+
+      if (key === 'favicon' || key === 'favicons' || key === 'icon' || key === 'icons') {
+        const items = Array.isArray(value) ? value : [value]
+        items.forEach((item) => {
+          if (typeof item === 'string') {
+            acc.push(`<link rel="icon" href="${escapeHtml(item)}">`)
+          } else if (typeof item === 'object') {
+            const attrs = buildAttrs(item)
+            if (!/rel=/.test(attrs)) {
+              acc.push(`<link rel="icon" ${attrs}>`)
+            } else {
+              acc.push(`<link ${attrs}>`)
+            }
+          }
+        })
+        return acc
+      }
+
+      if (key === 'alternate') {
+        const alternates = Array.isArray(value) ? value : [value]
+        alternates.forEach((alt) => {
+          if (typeof alt === 'object') {
+            const attrs = Object.entries(alt)
+              .filter(([_, attrValue]) => attrValue !== undefined)
+              .map(([attrKey, attrValue]) => `${attrKey}="${escapeHtml(attrValue)}"`)
+              .join(' ')
+            acc.push(`<link rel="alternate" ${attrs}>`)
+          }
+        })
+        return acc
+      }
+
+      const processMetaTag = (tagKey, tagValue, attrType = 'name') => {
+        if (
+          typeof tagValue === 'string' ||
+          typeof tagValue === 'number' ||
+          typeof tagValue === 'boolean'
+        ) {
+          acc.push(`<meta ${attrType}="${escapeHtml(tagKey)}" content="${escapeHtml(tagValue)}">`)
+        } else if (Array.isArray(tagValue)) {
+          tagValue.forEach((item) => {
+            if (typeof item === 'string' || typeof item === 'number' || typeof item === 'boolean') {
+              acc.push(`<meta ${attrType}="${escapeHtml(tagKey)}" content="${escapeHtml(item)}">`)
+            } else if (typeof item === 'object') {
+              const attrs = Object.entries(item)
+                .filter(([_, attrValue]) => attrValue !== undefined)
+                .map(([attrKey, attrValue]) => `${attrKey}="${escapeHtml(attrValue)}"`)
+                .join(' ')
+              acc.push(`<meta ${attrs}>`)
+            }
+          })
+        } else if (typeof tagValue === 'object') {
+          const attrs = Object.entries(tagValue)
+            .filter(([_, attrValue]) => attrValue !== undefined)
+            .map(([attrKey, attrValue]) => `${attrKey}="${escapeHtml(attrValue)}"`)
+            .join(' ')
+          acc.push(`<meta ${attrs}>`)
+        }
+      }
+
+      if (key.startsWith('http-equiv:')) {
+        const httpEquivKey = key.replace('http-equiv:', '')
+        processMetaTag(httpEquivKey, value, 'http-equiv')
+        return acc
+      }
+
+      if (key.startsWith('itemprop:')) {
+        const itempropKey = key.replace('itemprop:', '')
+        processMetaTag(itempropKey, value, 'itemprop')
+        return acc
+      }
+
+      const prefixes = [
+        'og:', 'twitter:', 'fb:', 'article:', 'profile:', 'book:',
+        'business:', 'music:', 'product:', 'video:', 'DC:', 'DCTERMS:'
+      ]
+      const prefix = prefixes.find((p) => key.startsWith(p))
+      if (prefix) {
+        const tagKey = key.replace(prefix, '')
+        processMetaTag(
+          `${prefix.replace(':', '')}:${tagKey}`,
+          value,
+          prefix === 'twitter:' || prefix === 'DC:' || prefix === 'DCTERMS:' ? 'name' : 'property'
+        )
+        return acc
+      }
+
+      if (key.startsWith('apple:') || key.startsWith('msapplication:')) {
+        const pfx = key.startsWith('apple:') ? 'apple-' : 'msapplication-'
+        const tagKey = key.replace(/^apple:|^msapplication:/, '')
+        processMetaTag(`${pfx}${tagKey}`, value, 'name')
+        return acc
+      }
+
+      processMetaTag(key, value)
+      return acc
+    },
+    [
+      '<meta charset="UTF-8">',
+      '<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">'
+    ]
+  )
+
+  return tags.join('\n')
+}
+
+/**
+ * Extract page-level metadata from project data for a given pathname.
+ * Merges global SEO (data.integrations.seo) with page-level metadata/helmet/state.
+ */
+/**
+ * Check if a string looks like a bare filename (not an absolute path or URL).
+ * These are references to project files from `data.files`.
+ */
+const isBareFilename = (val) =>
+  typeof val === 'string' && val.length > 0 && !val.startsWith('/') && !val.startsWith('http')
+
+/**
+ * Resolve bare filename references in metadata values against `data.files`.
+ * If a metadata value is a plain filename (e.g. "logo.png") and a matching
+ * entry exists in `data.files`, replace it with the file's `src` URL.
+ */
+function resolveFileReferences (metadata, files) {
+  if (!files || typeof files !== 'object') return metadata
+
+  const resolve = (val) => {
+    if (!isBareFilename(val)) return val
+    const fileEntry = files[val]
+    if (fileEntry?.src) return fileEntry.src
+    return val
+  }
+
+  const result = { ...metadata }
+  for (const [key, value] of Object.entries(result)) {
+    if (typeof value === 'string') {
+      result[key] = resolve(value)
+    } else if (Array.isArray(value)) {
+      result[key] = value.map((item) =>
+        typeof item === 'string' ? resolve(item) : item
+      )
+    }
+  }
+  return result
+}
+
+export function getPageMetadata (data, pathname) {
+  const currentPage = data.pages?.[pathname]
+  const stateObject = isObject(currentPage?.state) && currentPage?.state
+  let pageMetadata = currentPage?.metadata || currentPage?.helmet || stateObject || {}
+  const appMetadata = data.app?.metadata || {}
+  if (data.integrations?.seo) {
+    pageMetadata = { ...data.integrations.seo, ...appMetadata, ...pageMetadata }
+  } else if (Object.keys(appMetadata).length) {
+    pageMetadata = { ...appMetadata, ...pageMetadata }
+  }
+  if (!pageMetadata.title) pageMetadata.title = data.name + ' / symbo.ls' || 'Symbols demo'
+  pageMetadata = resolveFileReferences(pageMetadata, data.files)
+  return pageMetadata
+}