vlite3 1.4.15 → 1.4.17

package/components/CategoryManager/CategoryManager.vue2.js

@@ -17,7 +17,7 @@ import "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
 import "@jaames/iro";
 import "@vueuse/core";
-/* empty css                           */
+/* empty css                          */
 import qe from "../IconPicker.vue.js";
 /* empty css                                 */
 /* empty css                 */

package/components/ColorPicker/ColorIro.vue3.js

@@ -1,5 +1,5 @@
-import o from "./ColorIro.vue.js";
-/* empty css              */
+import o from "./ColorIro.vue2.js";
+/* empty css             */
 export {
   o as default
 };

package/components/ColorPicker/ColorPicker.vue.js

@@ -7,8 +7,8 @@ import "../../core/config.js";
 /* empty css                                    */
 /* empty css                            */
 import E from "../Button.vue.js";
-import _ from "./ColorIro.vue.js";
-/* empty css              */
+import _ from "./ColorIro.vue2.js";
+/* empty css             */
 import { useEyeDropper as I } from "@vueuse/core";
 const N = { class: "absolute left-2.5 top-1/2 -translate-y-1/2 flex items-center justify-center z-20 pointer-events-none" }, j = {
   key: 0,

package/components/CommandPalette/CommandPaletteContent.vue2.js

@@ -4,7 +4,7 @@ import k from "../Icon.vue.js";
 import { $t as E } from "../../utils/i18n.js";
 import { useCommandPaletteItems as Y } from "./useCommandPaletteItems.js";
 import { useCommandPaletteNav as Z } from "./useCommandPaletteNav.js";
-import ee from "./CommandPaletteItem.vue2.js";
+import ee from "./CommandPaletteItem.vue.js";
 const te = { class: "command-palette-content flex flex-col w-full h-full max-h-[70vh]" }, oe = { class: "flex items-center gap-3 px-4 py-3 border-b border-border/80 shrink-0" }, se = ["placeholder"], ne = ["aria-label"], re = {
   key: 0,
   class: "flex flex-col items-center justify-center py-14 px-6 text-center select-none",

package/components/CommandPalette/{CommandPaletteItem.vue2.js → CommandPaletteItem.vue.js}

@@ -1,5 +1,5 @@
 import t from "./CommandPaletteItem.vue3.js";
-/* empty css                       */
+/* empty css                        */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
 const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-66b1ae06"]]);
 export {

package/components/NavbarCommandPalette.vue.js

@@ -3,7 +3,7 @@ import L from "./Icon.vue.js";
 import v from "./Modal.vue.js";
 import N from "./CommandPalette/CommandPaletteContent.vue.js";
 import { $t as U } from "../utils/i18n.js";
-/* empty css                                      */
+/* empty css                                       */
 const V = { class: "block truncate -text-fs-1.5" }, S = { class: "ml-auto inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[10px] font-mono font-medium border border-border/80 bg-background text-muted-foreground ml-1" }, A = /* @__PURE__ */ x({
   __name: "NavbarCommandPalette",
   props: {

package/components/Screen/ScreenFilter.vue.js

@@ -15,7 +15,7 @@ import "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
 import "@jaames/iro";
 import "@vueuse/core";
-/* empty css                           */
+/* empty css                          */
 import "iconify-icon-picker";
 import "iconify-icon-picker/style.css";
 /* empty css                                 */

package/components/SeoProvider/SeoProvider.vue.d.ts

@@ -0,0 +1,70 @@
+import { SeoAdapter, SeoData, SeoPayload } from './types';
+type __VLS_Props = {
+    /**
+     * Site-level baseline. Anything here is used as a
+     * last-resort fallback before the normalizer returns
+     * empty strings. Usually mapped from the store's
+     * `pagesSeo.home`, `assets.openGraphImage`, `assets.logo`,
+     * `assets.favicon`, `storeName`, `customDomain`, etc.
+     */
+    defaults?: Partial<SeoData> | null;
+    /**
+     * Domain-level fallback. Typically resolved from
+     * `pagesSeo[pageType]` (the shop does this). Applied
+     * **after** `defaults` and **before** the active page's
+     * `useSeo` context.
+     */
+    fallback?: Partial<SeoData> | null;
+    /**
+     * Current page key. Defaults to whatever the most recent
+     * `useSeo({ pageType })` call supplied.
+     */
+    pageType?: string;
+    /**
+     * Global replacements merged into every `useSeo({…})` call.
+     * The shop uses this to inject `{{storeName}}` once.
+     */
+    globalReplacements?: Record<string, string | number | null | undefined>;
+    /**
+     * The actual emitter. Defaults to the DOM adapter so
+     * non-Nuxt hosts get a working document head out of the
+     * box. Nuxt apps should pass a Nuxt-specific adapter for
+     * SSR-safe meta.
+     */
+    adapter?: SeoAdapter | null;
+    /**
+     * Optional list of page-type → fallback `SeoData` entries
+     * baked in. Mirrors the `pagesSeo[pageType]` map from the
+     * shop. Provided as a convenience for hosts that don't
+     * compute the fallback themselves.
+     */
+    pageFallbacks?: Record<string, Partial<SeoData>> | null;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    update: (payload: SeoPayload) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onUpdate?: (payload: SeoPayload) => any;
+}>, {
+    fallback: Partial<SeoData> | null;
+    defaults: Partial<SeoData> | null;
+    pageType: string;
+    globalReplacements: Record<string, string | number | null | undefined>;
+    adapter: SeoAdapter | null;
+    pageFallbacks: Record<string, Partial<SeoData>> | null;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/SeoProvider/SeoProvider.vue.js

@@ -0,0 +1,52 @@
+import { defineComponent as m, ref as v, provide as g, computed as l, watch as y, renderSlot as b } from "vue";
+import { normalizeSeo as T } from "./normalizeSeo.js";
+import { createDomSeoAdapter as k } from "./domAdapter.js";
+import { SEO_CONTEXT_KEY as _ } from "../../composables/useSeo.js";
+const x = /* @__PURE__ */ m({
+  __name: "SeoProvider",
+  props: {
+    defaults: { default: null },
+    fallback: { default: null },
+    pageType: { default: void 0 },
+    globalReplacements: { default: void 0 },
+    adapter: { default: null },
+    pageFallbacks: { default: null }
+  },
+  emits: ["update"],
+  setup(p, { emit: s }) {
+    const o = p, i = s, n = v(/* @__PURE__ */ new Map());
+    g(_, n);
+    const d = l(() => o.adapter ?? k()), r = l(() => {
+      const t = Array.from(n.value.values());
+      if (t.length === 0) return null;
+      const a = {};
+      for (const e of t)
+        e.pageType && (a.pageType = e.pageType), e.title !== void 0 && (a.title = e.title), e.description !== void 0 && (a.description = e.description), e.keywords !== void 0 && (a.keywords = e.keywords), e.image !== void 0 && (a.image = e.image), e.canonicalUrl !== void 0 && (a.canonicalUrl = e.canonicalUrl), e.robots !== void 0 && (a.robots = e.robots), e.overrides && (a.overrides = { ...a.overrides ?? {}, ...e.overrides }), e.replacements && (a.replacements = { ...a.replacements ?? {}, ...e.replacements });
+      return a;
+    }), c = l(() => {
+      const t = r.value?.pageType ?? o.pageType ?? "home";
+      return o.pageFallbacks && o.pageFallbacks[t] ? o.pageFallbacks[t] : o.fallback ?? null;
+    }), u = l(
+      () => r.value?.pageType ?? o.pageType ?? "home"
+    ), f = l(() => {
+      const t = {
+        defaults: o.defaults,
+        context: r.value,
+        fallback: c.value,
+        pageType: u.value,
+        globalReplacements: o.globalReplacements
+      };
+      return T(t);
+    });
+    return y(
+      f,
+      (t) => {
+        d.value.apply(t), i("update", t);
+      },
+      { immediate: !0, deep: !0 }
+    ), (t, a) => b(t.$slots, "default");
+  }
+});
+export {
+  x as default
+};

package/components/SeoProvider/SeoProvider.vue2.js

@@ -0,0 +1,4 @@
+import f from "./SeoProvider.vue.js";
+export {
+  f as default
+};

package/components/SeoProvider/domAdapter.d.ts

@@ -0,0 +1,6 @@
+import { SeoAdapter } from './types';
+/**
+ * Build a DOM-mutating `SeoAdapter`. Idempotent — repeated
+ * calls just refresh the same set of tags.
+ */
+export declare const createDomSeoAdapter: () => SeoAdapter;

package/components/SeoProvider/domAdapter.js

@@ -0,0 +1,68 @@
+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);
+  }
+  return i.setAttribute("href", e), i;
+}, f = (o, s) => {
+  const e = o.head.querySelector(`link[rel="${s}"]`);
+  e && e.remove();
+}, u = () => {
+  const o = [], s = [];
+  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);
+      };
+      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();
+      }
+    },
+    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();
+    }
+  };
+};
+export {
+  u as createDomSeoAdapter
+};

package/components/SeoProvider/index.d.ts

@@ -0,0 +1,4 @@
+export { default as SeoProvider } from './SeoProvider.vue';
+export { normalizeSeo, noopSeoAdapter, replaceSeoTokens, type NormalizeSeoInput, type SeoReplacements, } from './normalizeSeo';
+export { createDomSeoAdapter } from './domAdapter';
+export type { SeoData, SeoPayload, SeoContextInput, SeoAdapter, } from './types';

package/components/SeoProvider/normalizeSeo.d.ts

@@ -0,0 +1,61 @@
+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 } })`).
+ */
+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 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;
+}
+/**
+ * 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.
+ */
+export declare const noopSeoAdapter: SeoAdapter;

package/components/SeoProvider/normalizeSeo.js

@@ -0,0 +1,195 @@
+const P = /\{\{(\w+)\}\}/g, q = (o, i = {}) => o ? o.replace(P, (e, n) => {
+  const d = i[n];
+  return d == null ? "" : String(d);
+}) : "", v = (...o) => {
+  for (const i of o)
+    if (typeof i == "string" && i.length > 0) return i;
+  return "";
+}, r = (...o) => {
+  for (const i of o) {
+    if (typeof i == "string")
+      return i.length > 0 ? i : null;
+    if (i === null) return null;
+  }
+  return null;
+}, B = (o, i) => ({
+  ...o ?? {},
+  ...i ?? {}
+}), F = ({
+  defaults: o,
+  context: i,
+  fallback: e,
+  pageType: n = "home",
+  globalReplacements: d
+}) => {
+  const c = B(
+    d,
+    i?.replacements
+  ), t = (O) => q(O, c), g = t(
+    v(
+      i?.title ?? void 0,
+      e?.title ?? void 0,
+      o?.title ?? void 0
+    )
+  ), m = t(
+    v(
+      i?.description ?? void 0,
+      e?.description ?? void 0,
+      o?.description ?? void 0
+    )
+  ), T = t(
+    v(
+      i?.keywords ?? void 0,
+      e?.keywords ?? void 0,
+      o?.keywords ?? void 0
+    )
+  ), p = r(
+    i?.canonicalUrl ?? void 0,
+    e?.canonicalUrl ?? void 0,
+    o?.canonicalUrl ?? void 0
+  ), S = r(
+    i?.robots ?? void 0,
+    e?.robots ?? void 0,
+    o?.robots ?? void 0
+  ), y = r(
+    i?.overrides?.favicon ?? void 0,
+    e?.favicon ?? void 0,
+    o?.favicon ?? void 0
+  ), s = r(
+    i?.image ?? void 0,
+    e?.image ?? void 0,
+    o?.image ?? void 0
+  ), I = t(
+    v(
+      i?.overrides?.ogTitle ?? void 0,
+      i?.title ?? void 0,
+      e?.ogTitle ?? void 0,
+      e?.title ?? void 0,
+      o?.ogTitle ?? void 0,
+      o?.title ?? void 0,
+      g
+    )
+  ), U = t(
+    v(
+      i?.overrides?.ogDescription ?? void 0,
+      i?.description ?? void 0,
+      e?.ogDescription ?? void 0,
+      e?.description ?? void 0,
+      o?.ogDescription ?? void 0,
+      o?.description ?? void 0,
+      m
+    )
+  ), L = r(
+    i?.overrides?.ogImage ?? void 0,
+    i?.image ?? void 0,
+    e?.ogImage ?? void 0,
+    e?.image ?? void 0,
+    o?.ogImage ?? void 0,
+    s
+  ), C = r(
+    i?.overrides?.ogImageAlt ?? void 0,
+    e?.ogImageAlt ?? void 0,
+    o?.ogImageAlt ?? void 0
+  ), D = r(
+    i?.overrides?.ogUrl ?? void 0,
+    i?.canonicalUrl ?? void 0,
+    e?.ogUrl ?? void 0,
+    e?.canonicalUrl ?? void 0,
+    o?.ogUrl ?? void 0,
+    o?.canonicalUrl ?? void 0,
+    p
+  ), N = r(
+    i?.overrides?.ogType ?? void 0,
+    e?.ogType ?? void 0,
+    o?.ogType ?? void 0,
+    n === "home" ? "website" : null
+  ), w = r(
+    i?.overrides?.ogSiteName ?? void 0,
+    e?.ogSiteName ?? void 0,
+    o?.ogSiteName ?? void 0,
+    o?.siteName ?? void 0
+  ), A = r(
+    i?.overrides?.ogLocale ?? void 0,
+    e?.ogLocale ?? void 0,
+    o?.ogLocale ?? void 0
+  ), h = r(
+    i?.overrides?.twitterCard ?? void 0,
+    e?.twitterCard ?? void 0,
+    o?.twitterCard ?? void 0,
+    s ? "summary_large_image" : "summary"
+  ), j = t(
+    v(
+      i?.overrides?.twitterTitle ?? void 0,
+      i?.title ?? void 0,
+      e?.twitterTitle ?? void 0,
+      e?.title ?? void 0,
+      o?.twitterTitle ?? void 0,
+      o?.title ?? void 0,
+      g
+    )
+  ), _ = t(
+    v(
+      i?.overrides?.twitterDescription ?? void 0,
+      i?.description ?? void 0,
+      e?.twitterDescription ?? void 0,
+      e?.description ?? void 0,
+      o?.twitterDescription ?? void 0,
+      o?.description ?? void 0,
+      m
+    )
+  ), E = r(
+    i?.overrides?.twitterImage ?? void 0,
+    i?.image ?? void 0,
+    e?.twitterImage ?? void 0,
+    e?.image ?? void 0,
+    o?.twitterImage ?? void 0,
+    s
+  ), R = r(
+    i?.overrides?.twitterSite ?? void 0,
+    e?.twitterSite ?? void 0,
+    o?.twitterSite ?? void 0
+  ), z = r(
+    i?.overrides?.twitterCreator ?? void 0,
+    e?.twitterCreator ?? void 0,
+    o?.twitterCreator ?? void 0
+  ), H = w ?? o?.siteName ?? null;
+  return {
+    pageType: n,
+    title: g,
+    titleTemplate: r(
+      i?.overrides?.titleTemplate ?? void 0,
+      e?.titleTemplate ?? void 0,
+      o?.titleTemplate ?? void 0
+    ),
+    description: m,
+    keywords: T,
+    canonicalUrl: p,
+    robots: S,
+    favicon: y,
+    image: s,
+    ogTitle: I,
+    ogDescription: U,
+    ogImage: L,
+    ogImageAlt: C,
+    ogUrl: D,
+    ogType: N,
+    ogSiteName: w,
+    ogLocale: A,
+    twitterCard: h,
+    twitterTitle: j,
+    twitterDescription: _,
+    twitterImage: E,
+    twitterSite: R,
+    twitterCreator: z,
+    siteName: H,
+    jsonLd: i?.overrides?.jsonLd ?? e?.jsonLd ?? o?.jsonLd ?? null
+  };
+}, G = {
+  apply: () => {
+  }
+};
+export {
+  G as noopSeoAdapter,
+  F as normalizeSeo,
+  q as replaceSeoTokens
+};