@webx-ui/module-seo 0.1.0

package/dist/index.js

@@ -0,0 +1,1446 @@
+import { defineComponent as F, useModel as Ue, ref as z, computed as S, openBlock as w, createElementBlock as L, createVNode as a, unref as e, withCtx as t, createElementVNode as O, isRef as I, createTextVNode as b, toDisplayString as m, createCommentVNode as j, createBlock as W, resolveDynamicComponent as We, mergeModels as ze, renderSlot as Te, watch as ge, withKeys as De, Fragment as se, renderList as ue, createSlots as fe, withModifiers as Z, markRaw as Oe } from "vue";
+import { useAdmin as P, useTranslate as M } from "@webx-ui/module-admin";
+import { useLocales as Re, WxTabs as je, WxTab as oe, WxFormItem as U, WxInput as N, WxText as R, WxTextarea as ce, WxCheckboxGroup as Le, WxCodeEditor as Be, localizedValue as he, WxHeading as Ie, WxSpace as H, WxSegmented as Ne, WxButton as A, useModal as ie, WxDialog as de, WxSelect as ee, WxSwitch as be, toast as B, WxAlert as pe, WxBadge as J, WxDescriptions as Ae, WxDescriptionsItem as Fe, WxEmpty as Pe, createModal as te, WxCard as ye, WxTable as _e, WxActions as ae, WxAction as le, confirm as xe, WxInputNumber as Me } from "@webx-ui/core";
+import { useRouter as Ee, useRoute as Ke } from "vue-router";
+const He = {
+  module: {
+    title: "SEO"
+  },
+  page: {
+    rules: "Rules",
+    redirects: "Redirects",
+    test: "Check an address",
+    "new-rule": "New rule",
+    "new-redirect": "New redirect",
+    "search-rules": "Search by address",
+    "search-redirects": "Search by address or destination",
+    empty: "Nothing here yet.",
+    address: "Address",
+    kind: "Kind",
+    priority: "Priority",
+    state: "State",
+    active: "Active",
+    inactive: "Off",
+    title: "Title",
+    target: "Destination",
+    status: "Code",
+    hits: "Hits",
+    "last-hit": "Last used",
+    never: "never",
+    loop: "Points at itself",
+    "any-kind": "Any kind",
+    exact: "Exact",
+    mask: "Mask",
+    regex: "Regular expression",
+    rule: "Rule",
+    redirect: "Redirect",
+    save: "Save",
+    cancel: "Cancel",
+    delete: "Delete",
+    saved: "Saved.",
+    deleted: "Deleted.",
+    failed: "Some values were not accepted. Check the highlighted fields.",
+    "delete-title": "Delete :pattern?",
+    "delete-text": "This cannot be undone.",
+    "address-help": "A path with its query string. In a mask, * is one segment and ** is any number of them; a regular expression is stored as written, delimiters and all.",
+    "target-help": "A path on this site, or a full address elsewhere. $1 puts back what a mask caught.",
+    "priority-help": "Among rules of the same kind, the higher number wins.",
+    "test-placeholder": "/catalog/shoes?page=2",
+    "test-run": "Check",
+    "test-empty": "Type an address to see what the site will say about it.",
+    "test-matched": "Matched rule",
+    "test-none": "No rule matches this address.",
+    "test-redirected": "This address is redirected to :target with a :status.",
+    "test-result": "What the page will say",
+    "test-chain": "Where each part came from"
+  },
+  card: {
+    "section-page": "The page",
+    "section-share": "Sharing",
+    "section-advanced": "Advanced",
+    title: "Title",
+    h1: "Heading",
+    description: "Description",
+    keywords: "Keywords",
+    canonical: "Canonical address",
+    "canonical-help": "The address this page should be indexed under, when it is not its own.",
+    robots: "Indexing",
+    "robots-kept": "Also kept, as written: :directives",
+    noindex: "Keep out of the index",
+    nofollow: "Do not follow the links",
+    noarchive: "No cached copy",
+    nosnippet: "No snippet",
+    noimageindex: "Do not index the images",
+    "og-title": "Share title",
+    "og-description": "Share description",
+    "og-image": "Share image",
+    "og-help": "Left empty, a share preview uses the title and description above.",
+    "json-ld": "Structured data",
+    "json-ld-help": "A JSON-LD object, or a list of them. What the site says about itself comes from the settings; this is for a page that needs markup of its own.",
+    "json-ld-invalid": "This is not valid JSON.",
+    preview: "In search results"
+  }
+}, ve = /* @__PURE__ */ new WeakSet();
+function E() {
+  try {
+    const { i18n: n } = P();
+    ve.has(n) || (n.defaults("webx-seo", He), ve.add(n));
+  } catch {
+  }
+}
+const ne = [
+  "noindex",
+  "nofollow",
+  "noarchive",
+  "nosnippet",
+  "noimageindex"
+], Je = { class: "wx-seo" }, qe = { class: "wx-seo__fields" }, Ge = { class: "wx-seo__count" }, Qe = { class: "wx-seo__count" }, Xe = {
+  key: 0,
+  class: "wx-seo__preview"
+}, Ye = { class: "wx-seo__snippet" }, Ze = {
+  key: 0,
+  class: "wx-seo__snippet-address"
+}, et = { class: "wx-seo__snippet-title" }, tt = { class: "wx-seo__snippet-text" }, at = { class: "wx-seo__fields" }, lt = { class: "wx-seo__fields" }, st = /* @__PURE__ */ F({
+  name: "WxSeo",
+  __name: "SeoCard",
+  props: /* @__PURE__ */ ze({
+    mediaField: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    titleLimit: { default: 60 },
+    descriptionLimit: { default: 160 },
+    site: { default: void 0 },
+    structuredData: { type: Boolean, default: !0 }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(n) {
+    const u = n, i = Ue(n, "modelValue");
+    E();
+    const c = M("webx-seo"), l = Re(), d = z(null), h = z(!1);
+    function o(f) {
+      return S({
+        get: () => i.value?.[f],
+        set: (x) => {
+          i.value = { ...i.value ?? {}, [f]: x };
+        }
+      });
+    }
+    const y = o("title"), k = o("h1"), p = o("description"), _ = o("keywords"), g = o("og_title"), T = o("og_description"), D = S({
+      get: () => i.value?.canonical ?? "",
+      set: (f) => {
+        i.value = { ...i.value ?? {}, canonical: f.trim() === "" ? null : f };
+      }
+    }), $ = S({
+      get: () => i.value?.og_image ?? null,
+      set: (f) => {
+        i.value = { ...i.value ?? {}, og_image: f };
+      }
+    }), v = S(() => (i.value?.robots ?? "").split(",").map((f) => f.trim())), s = S(
+      () => v.value.filter((f) => f !== "" && !ne.includes(f))
+    ), r = S({
+      get: () => v.value.filter((f) => ne.includes(f)),
+      set: (f) => {
+        const x = [...f, ...s.value].join(", ");
+        i.value = { ...i.value ?? {}, robots: x === "" ? null : x };
+      }
+    }), V = S(
+      () => ne.map((f) => ({ value: f, label: c(`card.${f}`) }))
+    ), Q = S({
+      get: () => {
+        if (d.value !== null) return d.value;
+        const f = i.value?.json_ld;
+        return f == null ? "" : JSON.stringify(f, null, 2);
+      },
+      set: (f) => {
+        if (d.value = f, f.trim() === "") {
+          h.value = !1, i.value = { ...i.value ?? {}, json_ld: null };
+          return;
+        }
+        try {
+          i.value = { ...i.value ?? {}, json_ld: JSON.parse(f) }, h.value = !1;
+        } catch {
+          h.value = !0;
+        }
+      }
+    });
+    function X(f) {
+      return he(f, l.active.value);
+    }
+    const Y = S(() => ({
+      title: X(y.value).length,
+      description: X(p.value).length
+    })), K = S(() => ({
+      title: X(y.value),
+      description: X(p.value),
+      address: D.value || (u.site ?? "")
+    })), Se = S(() => K.value.title !== "" || K.value.description !== ""), Ce = S(
+      () => s.value.length === 0 ? void 0 : c("card.robots-kept", { directives: s.value.join(", ") })
+    );
+    function re(f, x) {
+      return f > x ? "warning" : "muted";
+    }
+    return (f, x) => (w(), L("div", Je, [
+      a(e(je), { "keep-alive": "" }, {
+        default: t(() => [
+          a(e(oe), {
+            label: e(c)("card.section-page"),
+            value: "page"
+          }, {
+            default: t(() => [
+              O("div", qe, [
+                a(e(U), {
+                  label: e(c)("card.title"),
+                  disabled: n.disabled
+                }, {
+                  default: t(() => [
+                    a(e(N), {
+                      modelValue: e(y),
+                      "onUpdate:modelValue": x[0] || (x[0] = (C) => I(y) ? y.value = C : null),
+                      localized: ""
+                    }, null, 8, ["modelValue"]),
+                    O("div", Ge, [
+                      a(e(R), {
+                        size: "sm",
+                        tone: re(Y.value.title, n.titleLimit)
+                      }, {
+                        default: t(() => [
+                          b(m(Y.value.title) + " / " + m(n.titleLimit), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["tone"])
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["label", "disabled"]),
+                a(e(U), {
+                  label: e(c)("card.h1"),
+                  disabled: n.disabled
+                }, {
+                  default: t(() => [
+                    a(e(N), {
+                      modelValue: e(k),
+                      "onUpdate:modelValue": x[1] || (x[1] = (C) => I(k) ? k.value = C : null),
+                      localized: ""
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }, 8, ["label", "disabled"]),
+                a(e(U), {
+                  label: e(c)("card.description"),
+                  disabled: n.disabled
+                }, {
+                  default: t(() => [
+                    a(e(ce), {
+                      modelValue: e(p),
+                      "onUpdate:modelValue": x[2] || (x[2] = (C) => I(p) ? p.value = C : null),
+                      localized: "",
+                      rows: 3
+                    }, null, 8, ["modelValue"]),
+                    O("div", Qe, [
+                      a(e(R), {
+                        size: "sm",
+                        tone: re(Y.value.description, n.descriptionLimit)
+                      }, {
+                        default: t(() => [
+                          b(m(Y.value.description) + " / " + m(n.descriptionLimit), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["tone"])
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["label", "disabled"]),
+                a(e(U), {
+                  label: e(c)("card.keywords"),
+                  disabled: n.disabled
+                }, {
+                  default: t(() => [
+                    a(e(N), {
+                      modelValue: e(_),
+                      "onUpdate:modelValue": x[3] || (x[3] = (C) => I(_) ? _.value = C : null),
+                      localized: ""
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }, 8, ["label", "disabled"]),
+                Se.value ? (w(), L("div", Xe, [
+                  a(e(R), {
+                    size: "sm",
+                    tone: "muted"
+                  }, {
+                    default: t(() => [
+                      b(m(e(c)("card.preview")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  O("div", Ye, [
+                    K.value.address ? (w(), L("div", Ze, m(K.value.address), 1)) : j("", !0),
+                    O("div", et, m(K.value.title), 1),
+                    O("div", tt, m(K.value.description), 1)
+                  ])
+                ])) : j("", !0)
+              ])
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          a(e(oe), {
+            label: e(c)("card.section-share"),
+            value: "share"
+          }, {
+            default: t(() => [
+              O("div", at, [
+                n.mediaField ? (w(), W(We(n.mediaField), {
+                  key: 0,
+                  modelValue: $.value,
+                  "onUpdate:modelValue": x[4] || (x[4] = (C) => $.value = C),
+                  label: e(c)("card.og-image"),
+                  aspect: "16/9",
+                  accept: "image",
+                  disabled: n.disabled
+                }, null, 8, ["modelValue", "label", "disabled"])) : j("", !0),
+                a(e(U), {
+                  label: e(c)("card.og-title"),
+                  help: e(c)("card.og-help"),
+                  disabled: n.disabled
+                }, {
+                  default: t(() => [
+                    a(e(N), {
+                      modelValue: e(g),
+                      "onUpdate:modelValue": x[5] || (x[5] = (C) => I(g) ? g.value = C : null),
+                      localized: ""
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }, 8, ["label", "help", "disabled"]),
+                a(e(U), {
+                  label: e(c)("card.og-description"),
+                  disabled: n.disabled
+                }, {
+                  default: t(() => [
+                    a(e(ce), {
+                      modelValue: e(T),
+                      "onUpdate:modelValue": x[6] || (x[6] = (C) => I(T) ? T.value = C : null),
+                      localized: "",
+                      rows: 2
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }, 8, ["label", "disabled"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          a(e(oe), {
+            label: e(c)("card.section-advanced"),
+            value: "advanced"
+          }, {
+            default: t(() => [
+              O("div", lt, [
+                a(e(U), {
+                  label: e(c)("card.canonical"),
+                  help: e(c)("card.canonical-help"),
+                  disabled: n.disabled
+                }, {
+                  default: t(() => [
+                    a(e(N), {
+                      modelValue: D.value,
+                      "onUpdate:modelValue": x[7] || (x[7] = (C) => D.value = C),
+                      placeholder: "https://example.com/page"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }, 8, ["label", "help", "disabled"]),
+                a(e(U), {
+                  label: e(c)("card.robots"),
+                  help: Ce.value,
+                  disabled: n.disabled
+                }, {
+                  default: t(() => [
+                    a(e(Le), {
+                      modelValue: r.value,
+                      "onUpdate:modelValue": x[8] || (x[8] = (C) => r.value = C),
+                      options: V.value
+                    }, null, 8, ["modelValue", "options"])
+                  ]),
+                  _: 1
+                }, 8, ["label", "help", "disabled"]),
+                n.structuredData ? (w(), W(e(U), {
+                  key: 0,
+                  label: e(c)("card.json-ld"),
+                  help: e(c)("card.json-ld-help"),
+                  error: h.value ? e(c)("card.json-ld-invalid") : void 0,
+                  disabled: n.disabled
+                }, {
+                  default: t(() => [
+                    a(e(Be), {
+                      modelValue: Q.value,
+                      "onUpdate:modelValue": x[9] || (x[9] = (C) => Q.value = C),
+                      language: "json",
+                      lint: "",
+                      "min-height": "120px",
+                      "max-height": "420px"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }, 8, ["label", "help", "error", "disabled"])) : j("", !0)
+              ])
+            ]),
+            _: 1
+          }, 8, ["label"])
+        ]),
+        _: 1
+      })
+    ]));
+  }
+}), q = (n, u) => {
+  const i = n.__vccOpts || n;
+  for (const [c, l] of u)
+    i[c] = l;
+  return i;
+}, we = /* @__PURE__ */ q(st, [["__scopeId", "data-v-b7ea284e"]]), ot = { class: "wx-seo-layout" }, nt = { class: "wx-seo-layout__head" }, it = /* @__PURE__ */ F({
+  __name: "SeoLayout",
+  props: {
+    base: {},
+    current: {}
+  },
+  emits: ["test"],
+  setup(n, { emit: u }) {
+    const i = n, c = u, l = P(), d = Ee(), h = Ke();
+    E();
+    const o = M("webx-seo"), y = S(
+      () => l.state.manifest?.modules.find((_) => _.id === "seo")?.title ?? o("module.title")
+    ), k = S(() => [
+      { value: "rules", label: o("page.rules") },
+      { value: "redirects", label: o("page.redirects") }
+    ]), p = S({
+      get: () => i.current,
+      set: (_) => {
+        const g = _ === "redirects" ? `${i.base}/redirects` : i.base;
+        g !== h.path && d.push(g);
+      }
+    });
+    return (_, g) => (w(), L("div", ot, [
+      O("div", nt, [
+        a(e(Ie), { level: 2 }, {
+          default: t(() => [
+            b(m(y.value), 1)
+          ]),
+          _: 1
+        }),
+        a(e(H), { size: "sm" }, {
+          default: t(() => [
+            a(e(Ne), {
+              modelValue: p.value,
+              "onUpdate:modelValue": g[0] || (g[0] = (T) => p.value = T),
+              options: k.value,
+              size: "sm"
+            }, null, 8, ["modelValue", "options"]),
+            a(e(A), {
+              variant: "outline",
+              icon: "search",
+              onClick: g[1] || (g[1] = (T) => c("test"))
+            }, {
+              default: t(() => [
+                b(m(e(o)("page.test")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      Te(_.$slots, "default", {}, void 0, !0)
+    ]));
+  }
+}), ke = /* @__PURE__ */ q(it, [["__scopeId", "data-v-01bc38b5"]]);
+function G(n) {
+  const u = `${n.apiPath}/seo`, i = (d) => d.data, c = (d) => ({
+    ...d.meta,
+    data: d.data
+  }), l = (d) => ({
+    q: d.q || void 0,
+    match_type: d.match_type ?? void 0,
+    is_active: d.is_active ?? void 0,
+    sort: d.sort || void 0,
+    page: d.page,
+    per_page: d.per_page
+  });
+  return {
+    urls: (d = {}) => n.http.get(`${u}/urls`, {
+      query: l(d)
+    }).then(c),
+    url: (d) => n.http.get(`${u}/urls/${d}`).then(i),
+    createUrl: (d) => n.http.post(`${u}/urls`, d).then(i),
+    updateUrl: (d, h) => n.http.put(`${u}/urls/${d}`, h).then(i),
+    removeUrl: (d) => n.http.delete(`${u}/urls/${d}`),
+    redirects: (d = {}) => n.http.get(
+      `${u}/redirects`,
+      { query: l(d) }
+    ).then(c),
+    createRedirect: (d) => n.http.post(`${u}/redirects`, d).then(i),
+    updateRedirect: (d, h) => n.http.put(`${u}/redirects/${d}`, h).then(i),
+    removeRedirect: (d) => n.http.delete(`${u}/redirects/${d}`),
+    // A POST because it carries an address in its body, and an address in a query string is an
+    // address somebody has to escape twice.
+    test: (d, h = null) => n.http.post(`${u}/test-url`, { url: d, locale: h ?? void 0 }).then(i)
+  };
+}
+const dt = { class: "wx-seo-redirect" }, rt = { class: "wx-seo-redirect__row" }, ut = /* @__PURE__ */ F({
+  __name: "SeoRedirectDialog",
+  props: {
+    redirect: { default: null }
+  },
+  setup(n) {
+    const u = n, { resolve: i, dismiss: c, open: l } = ie(), d = P(), h = G(d);
+    E();
+    const o = M("webx-seo"), y = z(!1), k = z({}), p = z({
+      match_type: "exact",
+      pattern: "",
+      target: "",
+      status: 301,
+      is_active: !0
+    }), _ = S(() => u.redirect !== null), g = S(() => [
+      { value: "exact", label: o("page.exact") },
+      { value: "mask", label: o("page.mask") },
+      { value: "regex", label: o("page.regex") }
+    ]), T = [
+      { value: 301, label: "301" },
+      { value: 302, label: "302" }
+    ];
+    ge(
+      () => u.redirect,
+      (v) => {
+        p.value = {
+          match_type: v?.match_type ?? "exact",
+          pattern: v?.pattern ?? "",
+          target: v?.target ?? "",
+          status: v?.status ?? 301,
+          is_active: v?.is_active ?? !0
+        }, k.value = {};
+      },
+      { immediate: !0 }
+    );
+    function D(v) {
+      return k.value[v]?.[0];
+    }
+    async function $() {
+      y.value = !0, k.value = {};
+      try {
+        const v = u.redirect ? await h.updateRedirect(u.redirect.id, p.value) : await h.createRedirect(p.value);
+        B.success(o("page.saved")), i(v);
+      } catch (v) {
+        const s = v.body;
+        s?.errors ? (k.value = s.errors, B.danger(o("page.failed"))) : B.danger(s?.message ?? o("page.failed"));
+      } finally {
+        y.value = !1;
+      }
+    }
+    return (v, s) => (w(), W(e(de), {
+      open: e(l),
+      "onUpdate:open": s[6] || (s[6] = (r) => I(l) ? l.value = r : null),
+      title: e(o)("page.redirect"),
+      width: 640
+    }, {
+      footer: t(() => [
+        a(e(H), { size: "sm" }, {
+          default: t(() => [
+            a(e(A), {
+              variant: "outline",
+              onClick: s[5] || (s[5] = (r) => e(c)())
+            }, {
+              default: t(() => [
+                b(m(e(o)("page.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            a(e(A), {
+              type: "primary",
+              loading: y.value,
+              onClick: $
+            }, {
+              default: t(() => [
+                b(m(_.value ? e(o)("page.save") : e(o)("page.new-redirect")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: t(() => [
+        O("div", dt, [
+          a(e(U), {
+            label: e(o)("page.kind")
+          }, {
+            default: t(() => [
+              a(e(ee), {
+                modelValue: p.value.match_type,
+                "onUpdate:modelValue": s[0] || (s[0] = (r) => p.value.match_type = r),
+                options: g.value
+              }, null, 8, ["modelValue", "options"])
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          a(e(U), {
+            label: e(o)("page.address"),
+            help: e(o)("page.address-help"),
+            error: D("pattern")
+          }, {
+            default: t(() => [
+              a(e(N), {
+                modelValue: p.value.pattern,
+                "onUpdate:modelValue": s[1] || (s[1] = (r) => p.value.pattern = r),
+                placeholder: "/old-address"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label", "help", "error"]),
+          a(e(U), {
+            label: e(o)("page.target"),
+            help: e(o)("page.target-help"),
+            error: D("target")
+          }, {
+            default: t(() => [
+              a(e(N), {
+                modelValue: p.value.target,
+                "onUpdate:modelValue": s[2] || (s[2] = (r) => p.value.target = r),
+                placeholder: "/new-address"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label", "help", "error"]),
+          O("div", rt, [
+            a(e(U), {
+              label: e(o)("page.status")
+            }, {
+              default: t(() => [
+                a(e(ee), {
+                  modelValue: p.value.status,
+                  "onUpdate:modelValue": s[3] || (s[3] = (r) => p.value.status = r),
+                  options: T
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            a(e(U), {
+              label: e(o)("page.state")
+            }, {
+              default: t(() => [
+                a(e(be), {
+                  modelValue: p.value.is_active,
+                  "onUpdate:modelValue": s[4] || (s[4] = (r) => p.value.is_active = r)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 8, ["label"])
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), ct = /* @__PURE__ */ q(ut, [["__scopeId", "data-v-b30b1bf0"]]), pt = { class: "wx-seo-test" }, vt = {
+  key: 2,
+  class: "wx-seo-test__matched"
+}, mt = {
+  key: 3,
+  class: "wx-seo-test__result"
+}, gt = {
+  key: 4,
+  class: "wx-seo-test__chain"
+}, ft = /* @__PURE__ */ F({
+  __name: "TestUrlDialog",
+  setup(n) {
+    const { open: u } = ie(), i = P(), c = G(i);
+    E();
+    const l = M("webx-seo"), d = z(""), h = z(!1), o = z(null), y = S(() => {
+      const p = o.value?.seo;
+      return p ? [
+        { label: l("card.title"), value: p.title },
+        { label: l("card.h1"), value: p.h1 },
+        { label: l("card.description"), value: p.description },
+        { label: l("card.keywords"), value: p.keywords },
+        { label: l("card.canonical"), value: p.canonical },
+        { label: l("card.robots"), value: p.robots }
+      ].filter((_) => _.value) : [];
+    });
+    async function k() {
+      if (d.value.trim() !== "") {
+        h.value = !0;
+        try {
+          o.value = await c.test(d.value);
+        } finally {
+          h.value = !1;
+        }
+      }
+    }
+    return (p, _) => (w(), W(e(de), {
+      open: e(u),
+      "onUpdate:open": _[1] || (_[1] = (g) => I(u) ? u.value = g : null),
+      title: e(l)("page.test"),
+      width: 720
+    }, {
+      default: t(() => [
+        O("div", pt, [
+          a(e(H), {
+            size: "sm",
+            class: "wx-seo-test__ask"
+          }, {
+            default: t(() => [
+              a(e(N), {
+                modelValue: d.value,
+                "onUpdate:modelValue": _[0] || (_[0] = (g) => d.value = g),
+                placeholder: e(l)("page.test-placeholder"),
+                class: "wx-seo-test__input",
+                onKeyup: De(k, ["enter"])
+              }, null, 8, ["modelValue", "placeholder"]),
+              a(e(A), {
+                type: "primary",
+                loading: h.value,
+                onClick: k
+              }, {
+                default: t(() => [
+                  b(m(e(l)("page.test-run")), 1)
+                ]),
+                _: 1
+              }, 8, ["loading"])
+            ]),
+            _: 1
+          }),
+          o.value ? (w(), L(se, { key: 0 }, [
+            o.value.redirect ? (w(), W(e(pe), {
+              key: 0,
+              type: "warning",
+              description: e(l)("page.test-redirected", {
+                target: o.value.redirect.target,
+                status: o.value.redirect.status
+              })
+            }, null, 8, ["description"])) : j("", !0),
+            o.value.matched ? (w(), L("div", vt, [
+              a(e(R), {
+                size: "sm",
+                tone: "muted"
+              }, {
+                default: t(() => [
+                  b(m(e(l)("page.test-matched")), 1)
+                ]),
+                _: 1
+              }),
+              a(e(H), {
+                size: "sm",
+                align: "center"
+              }, {
+                default: t(() => [
+                  a(e(J), null, {
+                    default: t(() => [
+                      b(m(e(l)(`page.${o.value.matched.match_type}`)), 1)
+                    ]),
+                    _: 1
+                  }),
+                  a(e(R), {
+                    mono: "",
+                    size: "sm"
+                  }, {
+                    default: t(() => [
+                      b(m(o.value.matched.pattern), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ])) : (w(), W(e(pe), {
+              key: 1,
+              type: "info",
+              description: e(l)("page.test-none")
+            }, null, 8, ["description"])),
+            y.value.length > 0 ? (w(), L("div", mt, [
+              a(e(R), {
+                size: "sm",
+                tone: "muted"
+              }, {
+                default: t(() => [
+                  b(m(e(l)("page.test-result")), 1)
+                ]),
+                _: 1
+              }),
+              a(e(Ae), {
+                columns: 1,
+                bordered: "",
+                size: "sm"
+              }, {
+                default: t(() => [
+                  (w(!0), L(se, null, ue(y.value, (g) => (w(), W(e(Fe), {
+                    key: g.label,
+                    label: g.label
+                  }, {
+                    default: t(() => [
+                      b(m(g.value), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["label"]))), 128))
+                ]),
+                _: 1
+              })
+            ])) : j("", !0),
+            o.value.chain.length > 0 ? (w(), L("div", gt, [
+              a(e(R), {
+                size: "sm",
+                tone: "muted"
+              }, {
+                default: t(() => [
+                  b(m(e(l)("page.test-chain")), 1)
+                ]),
+                _: 1
+              }),
+              a(e(H), {
+                size: "xs",
+                wrap: ""
+              }, {
+                default: t(() => [
+                  (w(!0), L(se, null, ue(o.value.chain, (g) => (w(), W(e(J), {
+                    key: g.source
+                  }, {
+                    default: t(() => [
+                      b(m(g.source) + " · " + m(g.priority), 1)
+                    ]),
+                    _: 2
+                  }, 1024))), 128))
+                ]),
+                _: 1
+              })
+            ])) : j("", !0)
+          ], 64)) : h.value ? j("", !0) : (w(), W(e(Pe), {
+            key: 1,
+            icon: "search",
+            description: e(l)("page.test-empty")
+          }, null, 8, ["description"]))
+        ])
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), Ve = /* @__PURE__ */ q(ft, [["__scopeId", "data-v-59071f71"]]), ht = /* @__PURE__ */ F({
+  __name: "SeoRedirectsPage",
+  props: {
+    base: { default: "/seo" }
+  },
+  setup(n) {
+    const u = n, i = P(), c = G(i);
+    E();
+    const l = M("webx-seo"), d = z(null), h = z(!1);
+    let o = { page: 1, perPage: 20, sort: null, search: "" };
+    const y = i.can("seo.manage"), k = te(ct), p = te(Ve), _ = S(() => [
+      { key: "pattern", label: l("page.address"), sortable: !0 },
+      { key: "target", label: l("page.target") },
+      { key: "status", label: l("page.status"), align: "center", hideBelow: 560 },
+      { key: "hits", label: l("page.hits"), align: "center", sortable: !0, hideBelow: 760 },
+      {
+        key: "last_hit_at",
+        label: l("page.last-hit"),
+        sortable: !0,
+        hideBelow: 900,
+        hideOnCards: !0
+      },
+      { key: "is_active", label: l("page.state"), align: "center", hideBelow: 660 },
+      {
+        key: "actions",
+        label: "",
+        width: 56,
+        align: "right",
+        hidden: !y,
+        hideOnCards: !0
+      }
+    ]);
+    async function g($) {
+      o = $, h.value = !0;
+      try {
+        d.value = await c.redirects({
+          q: $.search,
+          sort: $.sort ? `${$.sort.order === "desc" ? "-" : ""}${$.sort.key}` : "-hits",
+          page: $.page,
+          per_page: $.perPage
+        });
+      } finally {
+        h.value = !1;
+      }
+    }
+    async function T($) {
+      await k({ redirect: $ }) && g(o);
+    }
+    async function D($) {
+      if (await xe({
+        title: l("page.delete-title", { pattern: $.pattern }),
+        message: l("page.delete-text"),
+        confirmText: l("page.delete"),
+        cancelText: l("page.cancel"),
+        tone: "danger"
+      }))
+        try {
+          await c.removeRedirect($.id), B.success(l("page.deleted")), g(o);
+        } catch (s) {
+          B.danger(s.body?.message ?? String(s));
+        }
+    }
+    return ($, v) => (w(), W(ke, {
+      base: u.base,
+      current: "redirects",
+      onTest: v[4] || (v[4] = (s) => e(p)({}))
+    }, {
+      default: t(() => [
+        a(e(ye), null, fe({
+          header: t(() => [
+            b(m(e(l)("page.redirects")), 1)
+          ]),
+          default: t(() => [
+            a(e(_e), {
+              data: d.value,
+              columns: _.value,
+              "row-key": "id",
+              searchable: "",
+              hover: "",
+              flush: "",
+              loading: h.value,
+              "search-placeholder": e(l)("page.search-redirects"),
+              "empty-text": e(l)("page.empty"),
+              onStateChange: g,
+              onRowClick: v[3] || (v[3] = (s) => e(y) ? T(s) : void 0)
+            }, {
+              "cell-pattern": t(({ row: s }) => [
+                a(e(R), {
+                  mono: "",
+                  size: "sm"
+                }, {
+                  default: t(() => [
+                    b(m(s.pattern), 1)
+                  ]),
+                  _: 2
+                }, 1024),
+                s.is_loop ? (w(), W(e(J), {
+                  key: 0,
+                  type: "warning"
+                }, {
+                  default: t(() => [
+                    b(m(e(l)("page.loop")), 1)
+                  ]),
+                  _: 1
+                })) : j("", !0)
+              ]),
+              "cell-target": t(({ row: s }) => [
+                a(e(R), {
+                  mono: "",
+                  size: "sm"
+                }, {
+                  default: t(() => [
+                    b(m(s.target), 1)
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              "cell-last_hit_at": t(({ row: s }) => [
+                a(e(R), {
+                  size: "sm",
+                  tone: s.last_hit_at ? "default" : "muted"
+                }, {
+                  default: t(() => [
+                    b(m(s.last_hit_at ? new Date(s.last_hit_at).toLocaleString() : e(l)("page.never")), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["tone"])
+              ]),
+              "cell-is_active": t(({ row: s }) => [
+                a(e(J), {
+                  type: s.is_active ? "success" : "default",
+                  dot: ""
+                }, {
+                  default: t(() => [
+                    b(m(s.is_active ? e(l)("page.active") : e(l)("page.inactive")), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["type"])
+              ]),
+              "card-actions": t(({ row: s }) => [
+                e(y) ? (w(), W(e(ae), {
+                  key: 0,
+                  size: "sm",
+                  onClick: v[1] || (v[1] = Z(() => {
+                  }, ["stop"]))
+                }, {
+                  default: t(() => [
+                    a(e(le), {
+                      type: "remove",
+                      title: e(l)("page.delete"),
+                      onClick: (r) => D(s)
+                    }, null, 8, ["title", "onClick"])
+                  ]),
+                  _: 2
+                }, 1024)) : j("", !0)
+              ]),
+              "cell-actions": t(({ row: s }) => [
+                a(e(ae), {
+                  size: "sm",
+                  onClick: v[2] || (v[2] = Z(() => {
+                  }, ["stop"]))
+                }, {
+                  default: t(() => [
+                    a(e(le), {
+                      type: "remove",
+                      title: e(l)("page.delete"),
+                      onClick: (r) => D(s)
+                    }, null, 8, ["title", "onClick"])
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              _: 1
+            }, 8, ["data", "columns", "loading", "search-placeholder", "empty-text"])
+          ]),
+          _: 2
+        }, [
+          e(y) ? {
+            name: "extra",
+            fn: t(() => [
+              a(e(A), {
+                type: "primary",
+                icon: "add",
+                onClick: v[0] || (v[0] = (s) => T(null))
+              }, {
+                default: t(() => [
+                  b(m(e(l)("page.new-redirect")), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1024)
+      ]),
+      _: 1
+    }, 8, ["base"]));
+  }
+}), $e = [
+  "title",
+  "h1",
+  "description",
+  "keywords",
+  "og_title",
+  "og_description",
+  "og_image",
+  "canonical",
+  "robots",
+  "json_ld"
+];
+function me(n, u) {
+  return he(n.title, u);
+}
+function bt(n) {
+  if (!n) return {};
+  const u = {};
+  for (const i of $e) {
+    const c = n[i];
+    c != null && Object.assign(u, { [i]: c });
+  }
+  return u;
+}
+function yt(n, u) {
+  const i = { ...n };
+  for (const c of $e)
+    Object.assign(i, { [c]: u[c] ?? null });
+  return i;
+}
+const _t = { class: "wx-seo-rule" }, xt = { class: "wx-seo-rule__where" }, wt = /* @__PURE__ */ F({
+  __name: "SeoUrlDialog",
+  props: {
+    rule: { default: null },
+    mediaField: { default: void 0 }
+  },
+  setup(n) {
+    const u = n, { resolve: i, dismiss: c, open: l } = ie(), d = P(), h = G(d);
+    E();
+    const o = M("webx-seo"), y = z(!1), k = z({}), p = z({
+      match_type: "exact",
+      pattern: "",
+      priority: 0,
+      is_active: !0
+    }), _ = z({}), g = S(() => u.rule !== null), T = S(() => [
+      { value: "exact", label: o("page.exact") },
+      { value: "mask", label: o("page.mask") },
+      { value: "regex", label: o("page.regex") }
+    ]);
+    ge(
+      () => u.rule,
+      (v) => {
+        p.value = {
+          match_type: v?.match_type ?? "exact",
+          pattern: v?.pattern ?? "",
+          priority: v?.priority ?? 0,
+          is_active: v?.is_active ?? !0
+        }, _.value = bt(v), k.value = {};
+      },
+      { immediate: !0 }
+    );
+    function D(v) {
+      return k.value[v]?.[0];
+    }
+    async function $() {
+      y.value = !0, k.value = {};
+      const v = yt(p.value, _.value);
+      try {
+        const s = u.rule ? await h.updateUrl(u.rule.id, v) : await h.createUrl(v);
+        B.success(o("page.saved")), i(s);
+      } catch (s) {
+        const r = s.body;
+        r?.errors ? (k.value = r.errors, B.danger(o("page.failed"))) : B.danger(r?.message ?? o("page.failed"));
+      } finally {
+        y.value = !1;
+      }
+    }
+    return (v, s) => (w(), W(e(de), {
+      open: e(l),
+      "onUpdate:open": s[6] || (s[6] = (r) => I(l) ? l.value = r : null),
+      title: e(o)("page.rule"),
+      width: 860
+    }, {
+      footer: t(() => [
+        a(e(H), { size: "sm" }, {
+          default: t(() => [
+            a(e(A), {
+              variant: "outline",
+              onClick: s[5] || (s[5] = (r) => e(c)())
+            }, {
+              default: t(() => [
+                b(m(e(o)("page.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            a(e(A), {
+              type: "primary",
+              loading: y.value,
+              onClick: $
+            }, {
+              default: t(() => [
+                b(m(g.value ? e(o)("page.save") : e(o)("page.new-rule")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: t(() => [
+        O("div", _t, [
+          O("div", xt, [
+            a(e(U), {
+              label: e(o)("page.kind")
+            }, {
+              default: t(() => [
+                a(e(ee), {
+                  modelValue: p.value.match_type,
+                  "onUpdate:modelValue": s[0] || (s[0] = (r) => p.value.match_type = r),
+                  options: T.value
+                }, null, 8, ["modelValue", "options"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            a(e(U), {
+              label: e(o)("page.address"),
+              help: e(o)("page.address-help"),
+              error: D("pattern"),
+              class: "wx-seo-rule__address"
+            }, {
+              default: t(() => [
+                a(e(N), {
+                  modelValue: p.value.pattern,
+                  "onUpdate:modelValue": s[1] || (s[1] = (r) => p.value.pattern = r),
+                  placeholder: "/catalog/shoes"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 8, ["label", "help", "error"]),
+            a(e(U), {
+              label: e(o)("page.priority"),
+              help: e(o)("page.priority-help")
+            }, {
+              default: t(() => [
+                a(e(Me), {
+                  modelValue: p.value.priority,
+                  "onUpdate:modelValue": s[2] || (s[2] = (r) => p.value.priority = r),
+                  step: 10
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 8, ["label", "help"]),
+            a(e(U), {
+              label: e(o)("page.state")
+            }, {
+              default: t(() => [
+                a(e(be), {
+                  modelValue: p.value.is_active,
+                  "onUpdate:modelValue": s[3] || (s[3] = (r) => p.value.is_active = r)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 8, ["label"])
+          ]),
+          a(we, {
+            modelValue: _.value,
+            "onUpdate:modelValue": s[4] || (s[4] = (r) => _.value = r),
+            "media-field": u.mediaField
+          }, null, 8, ["modelValue", "media-field"])
+        ])
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), kt = /* @__PURE__ */ q(wt, [["__scopeId", "data-v-fd7826d1"]]), Vt = /* @__PURE__ */ F({
+  __name: "SeoUrlsPage",
+  props: {
+    base: { default: "/seo" },
+    mediaField: { default: void 0 }
+  },
+  setup(n) {
+    const u = n, i = P(), c = G(i);
+    E();
+    const l = M("webx-seo"), d = z(null), h = z(!1), o = z("any");
+    let y = { page: 1, perPage: 20, sort: null, search: "" };
+    const k = i.can("seo.manage"), p = te(
+      kt
+    ), _ = te(Ve), g = S(() => [
+      { value: "any", label: l("page.any-kind") },
+      { value: "exact", label: l("page.exact") },
+      { value: "mask", label: l("page.mask") },
+      { value: "regex", label: l("page.regex") }
+    ]), T = S(() => [
+      { key: "pattern", label: l("page.address") },
+      { key: "match_type", label: l("page.kind"), hideBelow: 560 },
+      { key: "title", label: l("page.title"), hideBelow: 900 },
+      { key: "priority", label: l("page.priority"), align: "center", hideBelow: 760 },
+      { key: "is_active", label: l("page.state"), align: "center", hideBelow: 660 },
+      {
+        key: "actions",
+        label: "",
+        width: 56,
+        align: "right",
+        hidden: !k,
+        hideOnCards: !0
+      }
+    ]);
+    async function D(s) {
+      y = s, h.value = !0;
+      try {
+        d.value = await c.urls({
+          q: s.search,
+          match_type: o.value === "any" ? null : o.value,
+          page: s.page,
+          per_page: s.perPage
+        });
+      } finally {
+        h.value = !1;
+      }
+    }
+    async function $(s) {
+      await p({ rule: s, mediaField: u.mediaField }) && D(y);
+    }
+    async function v(s) {
+      if (await xe({
+        title: l("page.delete-title", { pattern: s.pattern }),
+        message: l("page.delete-text"),
+        confirmText: l("page.delete"),
+        cancelText: l("page.cancel"),
+        tone: "danger"
+      }))
+        try {
+          await c.removeUrl(s.id), B.success(l("page.deleted")), D(y);
+        } catch (V) {
+          B.danger(V.body?.message ?? String(V));
+        }
+    }
+    return (s, r) => (w(), W(ke, {
+      base: u.base,
+      current: "rules",
+      onTest: r[5] || (r[5] = (V) => e(_)({}))
+    }, {
+      default: t(() => [
+        a(e(ye), null, fe({
+          header: t(() => [
+            b(m(e(l)("page.rules")), 1)
+          ]),
+          default: t(() => [
+            a(e(_e), {
+              data: d.value,
+              columns: T.value,
+              "row-key": "id",
+              searchable: "",
+              hover: "",
+              flush: "",
+              loading: h.value,
+              "search-placeholder": e(l)("page.search-rules"),
+              "empty-text": e(l)("page.empty"),
+              onStateChange: D,
+              onRowClick: r[4] || (r[4] = (V) => e(k) ? $(V) : void 0)
+            }, {
+              actions: t(() => [
+                a(e(ee), {
+                  modelValue: o.value,
+                  "onUpdate:modelValue": r[1] || (r[1] = (V) => o.value = V),
+                  options: g.value,
+                  class: "wx-seo-urls__kind"
+                }, null, 8, ["modelValue", "options"])
+              ]),
+              "cell-pattern": t(({ row: V }) => [
+                a(e(R), {
+                  mono: "",
+                  size: "sm"
+                }, {
+                  default: t(() => [
+                    b(m(V.pattern), 1)
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              "cell-match_type": t(({ row: V }) => [
+                a(e(J), null, {
+                  default: t(() => [
+                    b(m(e(l)(`page.${V.match_type}`)), 1)
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              "cell-title": t(({ row: V }) => [
+                e(me)(V) ? (w(), W(e(R), {
+                  key: 0,
+                  size: "sm"
+                }, {
+                  default: t(() => [
+                    b(m(e(me)(V)), 1)
+                  ]),
+                  _: 2
+                }, 1024)) : (w(), W(e(R), {
+                  key: 1,
+                  size: "sm",
+                  tone: "muted"
+                }, {
+                  default: t(() => [...r[6] || (r[6] = [
+                    b("—", -1)
+                  ])]),
+                  _: 1
+                }))
+              ]),
+              "cell-is_active": t(({ row: V }) => [
+                a(e(J), {
+                  type: V.is_active ? "success" : "default",
+                  dot: ""
+                }, {
+                  default: t(() => [
+                    b(m(V.is_active ? e(l)("page.active") : e(l)("page.inactive")), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["type"])
+              ]),
+              "card-actions": t(({ row: V }) => [
+                e(k) ? (w(), W(e(ae), {
+                  key: 0,
+                  size: "sm",
+                  onClick: r[2] || (r[2] = Z(() => {
+                  }, ["stop"]))
+                }, {
+                  default: t(() => [
+                    a(e(le), {
+                      type: "remove",
+                      title: e(l)("page.delete"),
+                      onClick: (Q) => v(V)
+                    }, null, 8, ["title", "onClick"])
+                  ]),
+                  _: 2
+                }, 1024)) : j("", !0)
+              ]),
+              "cell-actions": t(({ row: V }) => [
+                a(e(ae), {
+                  size: "sm",
+                  onClick: r[3] || (r[3] = Z(() => {
+                  }, ["stop"]))
+                }, {
+                  default: t(() => [
+                    a(e(le), {
+                      type: "remove",
+                      title: e(l)("page.delete"),
+                      onClick: (Q) => v(V)
+                    }, null, 8, ["title", "onClick"])
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              _: 1
+            }, 8, ["data", "columns", "loading", "search-placeholder", "empty-text"])
+          ]),
+          _: 2
+        }, [
+          e(k) ? {
+            name: "extra",
+            fn: t(() => [
+              a(e(A), {
+                type: "primary",
+                icon: "add",
+                onClick: r[0] || (r[0] = (V) => $(null))
+              }, {
+                default: t(() => [
+                  b(m(e(l)("page.new-rule")), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1024)
+      ]),
+      _: 1
+    }, 8, ["base"]));
+  }
+}), $t = /* @__PURE__ */ q(Vt, [["__scopeId", "data-v-d9fce714"]]);
+function zt(n = {}) {
+  const u = n.path ?? "/seo", i = n.mediaField ? Oe(n.mediaField) : void 0;
+  return {
+    id: "seo",
+    path: u,
+    routes: [
+      // The section's own path travels as a prop, so a panel that mounted it somewhere else
+      // still links between its two screens correctly.
+      {
+        path: u,
+        name: "webx.seo",
+        component: $t,
+        props: { base: u, mediaField: i }
+      },
+      {
+        path: `${u}/redirects`,
+        name: "webx.seo.redirects",
+        component: ht,
+        props: { base: u }
+      }
+    ],
+    // What a screen means by `wx-seo`: everything a page says about itself, as one value. The
+    // server registers the same name for what it stores.
+    types: {
+      "wx-seo": {
+        component: we,
+        kind: "field",
+        bind: () => ({ mediaField: i })
+      }
+    }
+  };
+}
+export {
+  we as WxSeo,
+  ht as WxSeoRedirectsPage,
+  $t as WxSeoUrlsPage,
+  G as createSeoApi,
+  ne as robotsDirectives,
+  yt as ruleInput,
+  me as ruleTitle,
+  zt as seo,
+  He as seoMessages,
+  bt as seoOf
+};
+//# sourceMappingURL=index.js.map