vlite3 1.4.31 → 1.4.32

package/components/SeoProvider/domAdapter.js

@@ -1,68 +1,81 @@
-const m = () => typeof document < "u" && typeof document.head < "u", a = (o, s, e, t) => {
-  let i = o.head.querySelector(
-    `meta[${s}="${e}"]`
-  );
-  return i || (i = o.createElement("meta"), i.setAttribute(s, e), o.head.appendChild(i)), i.setAttribute("content", t), i;
-}, p = (o, s, e) => {
-  const t = o.head.querySelector(`meta[${s}="${e}"]`);
-  t && t.remove();
-}, g = (o, s, e, t = {}) => {
-  let i = o.head.querySelector(
-    `link[rel="${s}"]${t.sizes ? `[sizes="${t.sizes}"]` : ""}`
-  );
-  if (!i) {
-    i = o.createElement("link"), i.setAttribute("rel", s);
-    for (const [n, r] of Object.entries(t))
-      r && i.setAttribute(n, r);
-    o.head.appendChild(i);
+const f = "data-vlite3-seo", g = `script[type="application/ld+json"][${f}]`, d = () => typeof document < "u" && typeof document.head < "u", h = (i, o) => `${i}:${o}`, A = (i, o, s, t) => {
+  const r = `meta[${o}="${s}"]`, c = Array.from(i.head.querySelectorAll(r)), e = c.shift() ?? i.createElement("meta");
+  e.setAttribute(o, s), e.setAttribute(f, "meta"), e.setAttribute("content", t);
+  for (const n of c) n.remove();
+  return e.parentNode || i.head.appendChild(e), e;
+}, u = (i, o, s) => {
+  const t = `meta[${o}="${s}"]`;
+  for (const r of i.head.querySelectorAll(t)) r.remove();
+}, p = (i, o, s) => {
+  const t = Array.from(
+    i.head.querySelectorAll(`link[rel="${o}"]`)
+  ), r = t.shift() ?? i.createElement("link");
+  r.setAttribute("rel", o), r.setAttribute(f, "link"), r.setAttribute("href", s);
+  for (const c of t) c.remove();
+  return r.parentNode || i.head.appendChild(r), r;
+}, m = (i, o) => {
+  for (const s of i.head.querySelectorAll(`link[rel="${o}"]`))
+    s.remove();
+}, w = (i) => {
+  const o = /* @__PURE__ */ new Set(), s = [];
+  return i.jsonLd.forEach((t, r) => {
+    try {
+      const c = typeof t["@id"] == "string" ? t["@id"] : "", e = c ? `id:${c}` : `index:${r}`;
+      let n = e, l = 1;
+      for (; o.has(n); )
+        n = `${e}:${l}`, l += 1;
+      o.add(n);
+      const a = JSON.stringify(t);
+      a && s.push({ key: n, value: a });
+    } catch {
+    }
+  }), s;
+}, k = (i, o) => {
+  const s = Array.from(
+    i.head.querySelectorAll(g)
+  ), t = /* @__PURE__ */ new Map();
+  for (const e of s) {
+    const n = e.getAttribute("data-vlite3-seo-key");
+    n && !t.has(n) && t.set(n, e);
+  }
+  const r = /* @__PURE__ */ new Set(), c = s.filter((e) => !e.hasAttribute("data-vlite3-seo-key"));
+  for (const e of w(o)) {
+    const n = t.get(e.key) ?? c.shift() ?? i.createElement("script");
+    n.setAttribute("type", "application/ld+json"), n.setAttribute(f, "json-ld"), n.setAttribute("data-vlite3-seo-key", e.key), n.textContent = e.value, n.parentNode || i.head.appendChild(n), r.add(n);
   }
-  return i.setAttribute("href", e), i;
-}, f = (o, s) => {
-  const e = o.head.querySelector(`link[rel="${s}"]`);
-  e && e.remove();
-}, u = () => {
-  const o = [], s = [];
+  for (const e of s)
+    r.has(e) || e.remove();
+}, S = () => {
+  const i = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set();
+  let s = null;
   return {
-    apply(e) {
-      if (!m()) return;
-      const t = document, i = e.titleTemplate ? e.titleTemplate.includes("%s") ? e.titleTemplate.replace("%s", e.title) : `${e.title} · ${e.titleTemplate}` : e.title;
-      i && (t.title = i);
-      const n = (r, c, l) => {
-        l && l.length > 0 ? (a(t, r, c, l), o.push({ attribute: r, key: c })) : p(t, r, c);
+    apply(t) {
+      if (!d()) return;
+      const r = document;
+      s === null && (s = r.title);
+      const c = t.titleTemplate ? t.titleTemplate.includes("%s") ? t.titleTemplate.replace("%s", t.title) : `${t.title} · ${t.titleTemplate}` : t.title;
+      r.title = c;
+      const e = (n, l, a) => {
+        a ? (A(r, n, l, a), i.add(h(n, l))) : u(r, n, l);
       };
-      if (n("name", "description", e.description), n("name", "keywords", e.keywords), n("name", "robots", e.robots), n("property", "og:title", e.ogTitle), n("property", "og:description", e.ogDescription), n("property", "og:image", e.ogImage), n("property", "og:image:alt", e.ogImageAlt), n("property", "og:url", e.ogUrl), n("property", "og:type", e.ogType), n("property", "og:site_name", e.ogSiteName), n("property", "og:locale", e.ogLocale), n("name", "twitter:card", e.twitterCard), n("name", "twitter:title", e.twitterTitle), n("name", "twitter:description", e.twitterDescription), n("name", "twitter:image", e.twitterImage), n("name", "twitter:site", e.twitterSite), n("name", "twitter:creator", e.twitterCreator), e.canonicalUrl) {
-        let r = t.head.querySelector('link[rel="canonical"]');
-        r || (r = t.createElement("link"), r.setAttribute("rel", "canonical"), t.head.appendChild(r)), r.setAttribute("href", e.canonicalUrl), s.push({ rel: "canonical" });
-      } else
-        f(t, "canonical");
-      if (e.favicon && (g(t, "icon", e.favicon), s.push({ rel: "icon" })), e.jsonLd) {
-        let r = t.head.querySelector(
-          'script[type="application/ld+json"][data-vlite3-seo]'
-        );
-        r || (r = t.createElement("script"), r.setAttribute("type", "application/ld+json"), r.setAttribute("data-vlite3-seo", ""), t.head.appendChild(r)), r.textContent = JSON.stringify(e.jsonLd);
-      } else {
-        const r = t.head.querySelector(
-          'script[type="application/ld+json"][data-vlite3-seo]'
-        );
-        r && r.remove();
-      }
+      e("name", "description", t.description), e("name", "keywords", t.keywords), e("name", "robots", t.robots), e("property", "og:title", t.ogTitle), e("property", "og:description", t.ogDescription), e("property", "og:image", t.ogImage), e("property", "og:image:alt", t.ogImageAlt), e("property", "og:url", t.ogUrl), e("property", "og:type", t.ogType), e("property", "og:site_name", t.ogSiteName), e("property", "og:locale", t.ogLocale), e("name", "twitter:card", t.twitterCard), e("name", "twitter:title", t.twitterTitle), e("name", "twitter:description", t.twitterDescription), e("name", "twitter:image", t.twitterImage), e("name", "twitter:image:alt", t.twitterImageAlt), e("name", "twitter:site", t.twitterSite), e("name", "twitter:creator", t.twitterCreator), t.canonicalUrl ? (p(r, "canonical", t.canonicalUrl), o.add("canonical")) : m(r, "canonical"), t.favicon ? (p(r, "icon", t.favicon), o.add("icon")) : m(r, "icon"), k(r, t);
     },
     reset() {
-      if (!m()) return;
-      const e = document;
-      for (const { attribute: i, key: n } of o)
-        p(e, i, n);
-      o.length = 0;
-      for (const { rel: i } of s)
-        f(e, i);
-      s.length = 0;
-      const t = e.head.querySelector(
-        'script[type="application/ld+json"][data-vlite3-seo]'
-      );
-      t && t.remove();
+      if (!d()) return;
+      const t = document;
+      for (const r of i) {
+        const c = r.indexOf(":"), e = r.slice(0, c);
+        u(t, e, r.slice(c + 1));
+      }
+      i.clear();
+      for (const r of o) m(t, r);
+      o.clear();
+      for (const r of t.head.querySelectorAll(g))
+        r.remove();
+      s !== null && (t.title = s), s = null;
     }
   };
 };
 export {
-  u as createDomSeoAdapter
+  S as createDomSeoAdapter
 };

package/components/SeoProvider/index.d.ts

@@ -1,4 +1,7 @@
 export { default as SeoProvider } from './SeoProvider.vue';
-export { normalizeSeo, noopSeoAdapter, replaceSeoTokens, type NormalizeSeoInput, type SeoReplacements, } from './normalizeSeo';
+export { normalizeSeo, noopSeoAdapter, normalizeSeoJsonLd, normalizeSeoKeywords, normalizeSeoRobots, replaceSeoTokens, type NormalizeSeoInput, type SeoReplacements, } from './normalizeSeo';
 export { createDomSeoAdapter } from './domAdapter';
-export type { SeoData, SeoPayload, SeoContextInput, SeoAdapter, } from './types';
+export { htmlToPlainText, type HtmlToPlainTextOptions } from './plainText';
+export { composeCanonicalUrl, composeSeoUrl, type ComposeSeoUrlOptions, type SeoUrlTrailingSlash, } from './seoUrl';
+export * from './structuredData';
+export type { SeoData, SeoPayload, SeoContextInput, SeoAdapter, SeoJsonLdInput, SeoKeywordsInput, SeoRobotsDirectives, SeoRobotsInput, } from './types';

package/components/SeoProvider/normalizeSeo.d.ts

@@ -1,61 +1,22 @@
-import { SeoAdapter, SeoContextInput, SeoData, SeoPayload } from './types';
-/**
- * The two token replacement scopes. Global tokens are always
- * applied (e.g. `{{storeName}}`); per-call tokens are supplied
- * by the page (`useSeo({ replacements: { productName } })`).
- */
+import { SeoStructuredData } from './structuredData';
+import { SeoAdapter, SeoContextInput, SeoData, SeoJsonLdInput, SeoKeywordsInput, SeoPayload, SeoRobotsInput } from './types';
 export type SeoReplacements = Record<string, string | number | null | undefined>;
-/**
- * Replace `{{key}}` occurrences in `value` using the supplied
- * replacements. Unknown / null / undefined keys collapse to an
- * empty string (matches the existing `shop-data` behaviour so
- * SEO strings with `{{productName}}` still resolve to a valid
- * meta tag when the page is missing the data).
- */
 export declare const replaceSeoTokens: (value: string | null | undefined, replacements?: SeoReplacements) => string;
-/**
- * Inputs to the normalizer.
- *
- * `defaults` is the **store / site-level** baseline (logo,
- * favicon, OG image, store name, …). `context` is the **page-
- * level** overlay (`useSeo({ … })`). `resolveFallback` lets the
- * caller plug in a domain-specific fallback (e.g. resolve
- * `pagesSeo[pageType]` for the shop). `pageType` is the final
- * string used in the payload (falls back to `'home'`).
- */
+export declare const normalizeSeoKeywords: (value: SeoKeywordsInput | null | undefined, replacements?: SeoReplacements, sanitize?: boolean) => string;
+export declare const normalizeSeoRobots: (value: SeoRobotsInput | null | undefined, replacements?: SeoReplacements) => string | null;
+export declare const normalizeSeoJsonLd: (value: SeoJsonLdInput | null | undefined) => SeoStructuredData[];
 export interface NormalizeSeoInput {
     defaults?: Partial<SeoData> | null;
     context?: SeoContextInput | null;
     fallback?: Partial<SeoData> | null;
     pageType?: string;
-    /**
-     * Extra global replacements applied **before** per-context ones.
-     * Used by the shop layer to inject `{{storeName}}` automatically.
-     */
     globalReplacements?: SeoReplacements;
+    /** Sanitize textual fields after token replacement. */
+    sanitizeText?: boolean;
 }
 /**
- * Resolve the final SEO payload.
- *
- * Precedence (highest wins):
- *
- *   1. `context.overrides`     — raw, unrestricted fields from
- *                                the page (`useSeo({ overrides })`).
- *   2. `context.<field>`       — per-page explicit value.
- *   3. `fallback.<field>`      — store / domain fallback
- *                                (e.g. `pagesSeo[pageType]`).
- *   4. `defaults.<field>`      — site-level baseline (logo, OG
- *                                image, site name, …).
- *
- * Empty strings are treated as "use the next layer", matching
- * the existing `resolveStoreSeo` contract. `null` is treated as
- * "explicitly clear" and forces `null` in the output. (Useful
- * for `noindex` overrides etc.)
- */
-export declare const normalizeSeo: ({ defaults, context, fallback, pageType, globalReplacements, }: NormalizeSeoInput) => SeoPayload;
-/**
- * No-op adapter. Useful as a fallback in tests / SSR-only
- * contexts where SEO is already rendered by the host template
- * and the generic provider should not touch the DOM.
+ * Precedence: context overrides → context fields → page fallback → defaults.
+ * Empty values fall through; `null` explicitly clears the inherited value.
  */
+export declare const normalizeSeo: ({ defaults, context, fallback, pageType, globalReplacements, sanitizeText, }: NormalizeSeoInput) => SeoPayload;
 export declare const noopSeoAdapter: SeoAdapter;