@paroicms/list-field-plugin 0.1.0

package/README.md

@@ -0,0 +1,9 @@
+# @paroicms/list-field-plugin
+
+List field plugin for ParoiCMS.
+
+This package is part of [ParoiCMS](https://www.npmjs.com/package/@paroicms/server).
+
+## License
+
+Released under the [MIT license](https://gitlab.com/paroi/opensource/paroicms/-/blob/main/LICENSE.md).

package/backend/dist/plugin.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.plugin = void 0;
+const data_formatters_lib_1 = require("@paroi/data-formatters-lib");
+const node_path_1 = require("node:path");
+const projectDir = (0, node_path_1.dirname)(__dirname);
+const packageDir = (0, node_path_1.dirname)(projectDir);
+const version = (0, data_formatters_lib_1.strVal)(require((0, node_path_1.join)(packageDir, "package.json")).version);
+exports.plugin = {
+    version,
+    siteInit(api) {
+        api.registerSiteSchemaLibrary((0, node_path_1.join)(packageDir, "site-schema-lib"));
+        api.setBoAssetsDirectory((0, node_path_1.join)(packageDir, "bo-front", "dist"));
+    },
+};

package/bo-front/dist/bo-plugin.mjs

@@ -0,0 +1,594 @@
+const re = (e, n) => e === n, oe = Symbol("solid-track"), C = {
+  equals: re
+};
+let Q = Z;
+const y = 1, F = 2, W = {
+  owned: null,
+  cleanups: null,
+  context: null,
+  owner: null
+};
+var p = null;
+let j = null, ue = null, a = null, d = null, g = null, k = 0;
+function N(e, n) {
+  const t = a, s = p, l = e.length === 0, i = s, o = l ? W : {
+    owned: null,
+    cleanups: null,
+    context: i ? i.context : null,
+    owner: i
+  }, r = l ? e : () => e(() => m(() => B(o)));
+  p = o, a = null;
+  try {
+    return A(r, !0);
+  } finally {
+    a = t, p = s;
+  }
+}
+function S(e, n) {
+  n = n ? Object.assign({}, C, n) : C;
+  const t = {
+    value: e,
+    observers: null,
+    observerSlots: null,
+    comparator: n.equals || void 0
+  }, s = (l) => (typeof l == "function" && (l = l(t.value)), Y(t, l));
+  return [J.bind(t), s];
+}
+function $(e, n, t) {
+  const s = U(e, n, !1, y);
+  v(s);
+}
+function fe(e, n, t) {
+  Q = de;
+  const s = U(e, n, !1, y);
+  s.user = !0, g ? g.push(s) : v(s);
+}
+function X(e, n, t) {
+  t = t ? Object.assign({}, C, t) : C;
+  const s = U(e, n, !0, 0);
+  return s.observers = null, s.observerSlots = null, s.comparator = t.equals || void 0, v(s), J.bind(s);
+}
+function m(e) {
+  if (a === null) return e();
+  const n = a;
+  a = null;
+  try {
+    return e();
+  } finally {
+    a = n;
+  }
+}
+function ce(e) {
+  fe(() => m(e));
+}
+function ae(e) {
+  return p === null || (p.cleanups === null ? p.cleanups = [e] : p.cleanups.push(e)), e;
+}
+function J() {
+  if (this.sources && this.state)
+    if (this.state === y) v(this);
+    else {
+      const e = d;
+      d = null, A(() => T(this), !1), d = e;
+    }
+  if (a) {
+    const e = this.observers ? this.observers.length : 0;
+    a.sources ? (a.sources.push(this), a.sourceSlots.push(e)) : (a.sources = [this], a.sourceSlots = [e]), this.observers ? (this.observers.push(a), this.observerSlots.push(a.sources.length - 1)) : (this.observers = [a], this.observerSlots = [a.sources.length - 1]);
+  }
+  return this.value;
+}
+function Y(e, n, t) {
+  let s = e.value;
+  return (!e.comparator || !e.comparator(s, n)) && (e.value = n, e.observers && e.observers.length && A(() => {
+    for (let l = 0; l < e.observers.length; l += 1) {
+      const i = e.observers[l], o = j && j.running;
+      o && j.disposed.has(i), (o ? !i.tState : !i.state) && (i.pure ? d.push(i) : g.push(i), i.observers && z(i)), o || (i.state = y);
+    }
+    if (d.length > 1e6)
+      throw d = [], new Error();
+  }, !1)), n;
+}
+function v(e) {
+  if (!e.fn) return;
+  B(e);
+  const n = k;
+  he(
+    e,
+    e.value,
+    n
+  );
+}
+function he(e, n, t) {
+  let s;
+  const l = p, i = a;
+  a = p = e;
+  try {
+    s = e.fn(n);
+  } catch (o) {
+    return e.pure && (e.state = y, e.owned && e.owned.forEach(B), e.owned = null), e.updatedAt = t + 1, ee(o);
+  } finally {
+    a = i, p = l;
+  }
+  (!e.updatedAt || e.updatedAt <= t) && (e.updatedAt != null && "observers" in e ? Y(e, s) : e.value = s, e.updatedAt = t);
+}
+function U(e, n, t, s = y, l) {
+  const i = {
+    fn: e,
+    state: s,
+    updatedAt: null,
+    owned: null,
+    sources: null,
+    sourceSlots: null,
+    cleanups: null,
+    value: n,
+    owner: p,
+    context: p ? p.context : null,
+    pure: t
+  };
+  return p === null || p !== W && (p.owned ? p.owned.push(i) : p.owned = [i]), i;
+}
+function I(e) {
+  if (e.state === 0) return;
+  if (e.state === F) return T(e);
+  if (e.suspense && m(e.suspense.inFallback)) return e.suspense.effects.push(e);
+  const n = [e];
+  for (; (e = e.owner) && (!e.updatedAt || e.updatedAt < k); )
+    e.state && n.push(e);
+  for (let t = n.length - 1; t >= 0; t--)
+    if (e = n[t], e.state === y)
+      v(e);
+    else if (e.state === F) {
+      const s = d;
+      d = null, A(() => T(e, n[0]), !1), d = s;
+    }
+}
+function A(e, n) {
+  if (d) return e();
+  let t = !1;
+  n || (d = []), g ? t = !0 : g = [], k++;
+  try {
+    const s = e();
+    return pe(t), s;
+  } catch (s) {
+    t || (g = null), d = null, ee(s);
+  }
+}
+function pe(e) {
+  if (d && (Z(d), d = null), e) return;
+  const n = g;
+  g = null, n.length && A(() => Q(n), !1);
+}
+function Z(e) {
+  for (let n = 0; n < e.length; n++) I(e[n]);
+}
+function de(e) {
+  let n, t = 0;
+  for (n = 0; n < e.length; n++) {
+    const s = e[n];
+    s.user ? e[t++] = s : I(s);
+  }
+  for (n = 0; n < t; n++) I(e[n]);
+}
+function T(e, n) {
+  e.state = 0;
+  for (let t = 0; t < e.sources.length; t += 1) {
+    const s = e.sources[t];
+    if (s.sources) {
+      const l = s.state;
+      l === y ? s !== n && (!s.updatedAt || s.updatedAt < k) && I(s) : l === F && T(s, n);
+    }
+  }
+}
+function z(e) {
+  for (let n = 0; n < e.observers.length; n += 1) {
+    const t = e.observers[n];
+    t.state || (t.state = F, t.pure ? d.push(t) : g.push(t), t.observers && z(t));
+  }
+}
+function B(e) {
+  let n;
+  if (e.sources)
+    for (; e.sources.length; ) {
+      const t = e.sources.pop(), s = e.sourceSlots.pop(), l = t.observers;
+      if (l && l.length) {
+        const i = l.pop(), o = t.observerSlots.pop();
+        s < l.length && (i.sourceSlots[o] = s, l[s] = i, t.observerSlots[s] = o);
+      }
+    }
+  if (e.owned) {
+    for (n = e.owned.length - 1; n >= 0; n--) B(e.owned[n]);
+    e.owned = null;
+  }
+  if (e.cleanups) {
+    for (n = e.cleanups.length - 1; n >= 0; n--) e.cleanups[n]();
+    e.cleanups = null;
+  }
+  e.state = 0;
+}
+function ge(e) {
+  return e instanceof Error ? e : new Error(typeof e == "string" ? e : "Unknown error", {
+    cause: e
+  });
+}
+function ee(e, n = p) {
+  throw ge(e);
+}
+const P = Symbol("fallback");
+function R(e) {
+  for (let n = 0; n < e.length; n++) e[n]();
+}
+function ye(e, n, t = {}) {
+  let s = [], l = [], i = [], o = [], r = 0, u;
+  return ae(() => R(i)), () => {
+    const f = e() || [], c = f.length;
+    return f[oe], m(() => {
+      if (c === 0)
+        return r !== 0 && (R(i), i = [], s = [], l = [], r = 0, o = []), t.fallback && (s = [P], l[0] = N((b) => (i[0] = b, t.fallback())), r = 1), l;
+      for (s[0] === P && (i[0](), i = [], s = [], l = [], r = 0), u = 0; u < c; u++)
+        u < s.length && s[u] !== f[u] ? o[u](() => f[u]) : u >= s.length && (l[u] = N(h));
+      for (; u < s.length; u++)
+        i[u]();
+      return r = o.length = i.length = c, s = f.slice(0), l = l.slice(0, r);
+    });
+    function h(b) {
+      i[u] = b;
+      const [E, D] = S(f[u]);
+      return o[u] = D, n(E, u);
+    }
+  };
+}
+function _(e, n) {
+  return m(() => e(n || {}));
+}
+function be(e) {
+  const n = "fallback" in e && {
+    fallback: () => e.fallback
+  };
+  return X(ye(() => e.each, e.children, n || void 0));
+}
+function we(e, n, t) {
+  let s = t.length, l = n.length, i = s, o = 0, r = 0, u = n[l - 1].nextSibling, f = null;
+  for (; o < l || r < i; ) {
+    if (n[o] === t[r]) {
+      o++, r++;
+      continue;
+    }
+    for (; n[l - 1] === t[i - 1]; )
+      l--, i--;
+    if (l === o) {
+      const c = i < s ? r ? t[r - 1].nextSibling : t[i - r] : u;
+      for (; r < i; ) e.insertBefore(t[r++], c);
+    } else if (i === r)
+      for (; o < l; )
+        (!f || !f.has(n[o])) && n[o].remove(), o++;
+    else if (n[o] === t[i - 1] && t[r] === n[l - 1]) {
+      const c = n[--l].nextSibling;
+      e.insertBefore(t[r++], n[o++].nextSibling), e.insertBefore(t[--i], c), n[l] = t[i];
+    } else {
+      if (!f) {
+        f = /* @__PURE__ */ new Map();
+        let h = r;
+        for (; h < i; ) f.set(t[h], h++);
+      }
+      const c = f.get(n[o]);
+      if (c != null)
+        if (r < c && c < i) {
+          let h = o, b = 1, E;
+          for (; ++h < l && h < i && !((E = f.get(n[h])) == null || E !== c + b); )
+            b++;
+          if (b > c - r) {
+            const D = n[o];
+            for (; r < c; ) e.insertBefore(t[r++], D);
+          } else e.replaceChild(t[r++], n[o++]);
+        } else o++;
+      else n[o++].remove();
+    }
+  }
+}
+const M = "_$DX_DELEGATE";
+function L(e, n, t) {
+  let s;
+  const l = () => {
+    const o = document.createElement("template");
+    return o.innerHTML = e, o.content.firstChild;
+  }, i = () => (s || (s = l())).cloneNode(!0);
+  return i.cloneNode = i, i;
+}
+function te(e, n = window.document) {
+  const t = n[M] || (n[M] = /* @__PURE__ */ new Set());
+  for (let s = 0, l = e.length; s < l; s++) {
+    const i = e[s];
+    t.has(i) || (t.add(i), n.addEventListener(i, ve));
+  }
+}
+function me(e, n, t) {
+  t == null ? e.removeAttribute(n) : e.setAttribute(n, t);
+}
+function $e(e, n, t, s) {
+  Array.isArray(t) ? (e[`$$${n}`] = t[0], e[`$$${n}Data`] = t[1]) : e[`$$${n}`] = t;
+}
+function ne(e, n, t) {
+  return m(() => e(n, t));
+}
+function x(e, n, t, s) {
+  if (t !== void 0 && !s && (s = []), typeof n != "function") return O(e, n, s, t);
+  $((l) => O(e, n(), l, t), s);
+}
+function ve(e) {
+  const n = `$$${e.type}`;
+  let t = e.composedPath && e.composedPath()[0] || e.target;
+  for (e.target !== t && Object.defineProperty(e, "target", {
+    configurable: !0,
+    value: t
+  }), Object.defineProperty(e, "currentTarget", {
+    configurable: !0,
+    get() {
+      return t || document;
+    }
+  }); t; ) {
+    const s = t[n];
+    if (s && !t.disabled) {
+      const l = t[`${n}Data`];
+      if (l !== void 0 ? s.call(t, l, e) : s.call(t, e), e.cancelBubble) return;
+    }
+    t = t._$host || t.parentNode || t.host;
+  }
+}
+function O(e, n, t, s, l) {
+  for (; typeof t == "function"; ) t = t();
+  if (n === t) return t;
+  const i = typeof n, o = s !== void 0;
+  if (e = o && t[0] && t[0].parentNode || e, i === "string" || i === "number") {
+    if (i === "number" && (n = n.toString(), n === t))
+      return t;
+    if (o) {
+      let r = t[0];
+      r && r.nodeType === 3 ? r.data !== n && (r.data = n) : r = document.createTextNode(n), t = w(e, t, s, r);
+    } else
+      t !== "" && typeof t == "string" ? t = e.firstChild.data = n : t = e.textContent = n;
+  } else if (n == null || i === "boolean")
+    t = w(e, t, s);
+  else {
+    if (i === "function")
+      return $(() => {
+        let r = n();
+        for (; typeof r == "function"; ) r = r();
+        t = O(e, r, t, s);
+      }), () => t;
+    if (Array.isArray(n)) {
+      const r = [], u = t && Array.isArray(t);
+      if (V(r, n, t, l))
+        return $(() => t = O(e, r, t, s, !0)), () => t;
+      if (r.length === 0) {
+        if (t = w(e, t, s), o) return t;
+      } else u ? t.length === 0 ? G(e, r, s) : we(e, t, r) : (t && w(e), G(e, r));
+      t = r;
+    } else if (n.nodeType) {
+      if (Array.isArray(t)) {
+        if (o) return t = w(e, t, s, n);
+        w(e, t, null, n);
+      } else t == null || t === "" || !e.firstChild ? e.appendChild(n) : e.replaceChild(n, e.firstChild);
+      t = n;
+    }
+  }
+  return t;
+}
+function V(e, n, t, s) {
+  let l = !1;
+  for (let i = 0, o = n.length; i < o; i++) {
+    let r = n[i], u = t && t[e.length], f;
+    if (!(r == null || r === !0 || r === !1)) if ((f = typeof r) == "object" && r.nodeType)
+      e.push(r);
+    else if (Array.isArray(r))
+      l = V(e, r, u) || l;
+    else if (f === "function")
+      if (s) {
+        for (; typeof r == "function"; ) r = r();
+        l = V(
+          e,
+          Array.isArray(r) ? r : [r],
+          Array.isArray(u) ? u : [u]
+        ) || l;
+      } else
+        e.push(r), l = !0;
+    else {
+      const c = String(r);
+      u && u.nodeType === 3 && u.data === c ? e.push(u) : e.push(document.createTextNode(c));
+    }
+  }
+  return l;
+}
+function G(e, n, t = null) {
+  for (let s = 0, l = n.length; s < l; s++) e.insertBefore(n[s], t);
+}
+function w(e, n, t, s) {
+  if (t === void 0) return e.textContent = "";
+  const l = s || document.createTextNode("");
+  if (n.length) {
+    let i = !1;
+    for (let o = n.length - 1; o >= 0; o--) {
+      const r = n[o];
+      if (l !== r) {
+        const u = r.parentNode === e;
+        !i && !o ? u ? e.replaceChild(l, r) : e.insertBefore(l, t) : u && r.remove();
+      } else i = !0;
+    }
+  } else e.insertBefore(l, t);
+  return [l];
+}
+var se = (e) => e != null && (e = Object.getPrototypeOf(e), e === Array.prototype || e === Object.prototype);
+function le(e, n, t) {
+  for (const [s, l] of Object.entries(n)) {
+    const i = `${t}.${s}`;
+    e[i] = l, se(l) && le(e, l, i);
+  }
+}
+function Ae(e) {
+  const n = { ...e };
+  for (const [t, s] of Object.entries(e))
+    se(s) && le(n, s, t);
+  return n;
+}
+var Le = (e) => e;
+function Ee(e, n = Le) {
+  return (t, ...s) => {
+    t[0] === "." && (t = t.slice(1));
+    const l = e()?.[t];
+    switch (typeof l) {
+      case "function":
+        return l(...s);
+      case "string":
+        return n(l, s[0]);
+      default:
+        return l;
+    }
+  };
+}
+const Se = {
+  placeholder: "Edit...",
+  emptyList: "No items found"
+}, xe = {
+  ListField: Se
+}, Ce = {
+  placeholder: "Éditer...",
+  emptyList: "Liste vide"
+}, Fe = {
+  ListField: Ce
+}, H = { en: xe, fr: Fe };
+function ie(e) {
+  const n = X(() => {
+    const s = e(), l = s in H ? s : "en";
+    return Ae(H[l]);
+  });
+  return { t: Ee(n) };
+}
+var Ie = /* @__PURE__ */ L('<div class=LFInputField><input class=LFInputField-input type=text><button type=button class="pi pi-trash LFInputField-delete LFIconBtn">');
+function Te({
+  language: e,
+  value: n,
+  handleDelete: t,
+  onChange: s
+}) {
+  const {
+    t: l
+  } = ie(e);
+  let i;
+  return ce(() => {
+    i?.focus();
+  }), (() => {
+    var o = Ie(), r = o.firstChild, u = r.nextSibling;
+    r.$$input = (c) => s(c.currentTarget.value);
+    var f = i;
+    return typeof f == "function" ? ne(f, r) : i = r, $e(u, "click", t), $(() => me(r, "placeholder", l("ListField.placeholder"))), $(() => r.value = n()), o;
+  })();
+}
+te(["input", "click"]);
+var _e = /* @__PURE__ */ L("<ul class=LFList>"), Oe = /* @__PURE__ */ L("<div class=LFList-empty>"), ke = /* @__PURE__ */ L("<li class=LFListItem>");
+function Be(e) {
+  const {
+    t: n
+  } = ie(e.language);
+  let t;
+  return (() => {
+    var s = _e(), l = t;
+    return typeof l == "function" ? ne(l, s) : t = s, x(s, _(be, {
+      get each() {
+        return e.values();
+      },
+      get fallback() {
+        return (() => {
+          var i = Oe();
+          return x(i, () => n("ListField.emptyList")), i;
+        })();
+      },
+      children: (i, o) => (() => {
+        var r = ke();
+        return x(r, _(Te, {
+          onChange: (u) => {
+            e.updateValue(o, u);
+          },
+          value: i,
+          get language() {
+            return e.language;
+          },
+          handleDelete: () => e.handleDelete(o)
+        })), r;
+      })()
+    })), s;
+  })();
+}
+var De = /* @__PURE__ */ L('<div class=LFApp><button type=button class="pi pi-plus LFIconBtn LFApp-addItemBtn">');
+function je(e) {
+  const {
+    language: n,
+    list: t,
+    setList: s,
+    itemIndexes: l
+  } = e, i = () => {
+    s([...t(), ""], [...l(), l().length]);
+  }, o = (f) => {
+    const c = [...t()];
+    c.splice(f, 1);
+    const h = [...l()];
+    h.splice(f, 1), s(c, h);
+  }, r = (f, c) => {
+    const h = [...t()];
+    h[f] = c, s(h, l());
+  }, u = (f, c) => {
+    const h = [...l()];
+    h.splice(c, 0, h.splice(f, 1)[0]), s(t(), h);
+  };
+  return (() => {
+    var f = De(), c = f.firstChild;
+    return x(f, _(Be, {
+      changeOrder: u,
+      updateValue: r,
+      handleDelete: o,
+      language: n,
+      values: t
+    }), c), c.$$click = i, f;
+  })();
+}
+te(["click"]);
+const Ue = {
+  create: Ve,
+  init: Ne
+};
+function Ne({
+  pluginBaseUrl: e
+}) {
+  const n = `${e}/style.css`, t = document.createElement("link");
+  t.rel = "stylesheet", t.href = n, document.head.appendChild(t);
+}
+function Ve(e) {
+  if (e.fieldType.dataType !== "json")
+    throw new Error(`data type '${e.fieldType.dataType}' is incompatible, should be 'json'`);
+  return N((n) => {
+    const [t, s] = S(e.value ?? []), [l, i] = S(q(e.value ?? [])), [o, r] = S(e.language);
+    return {
+      element: _(je, {
+        language: o,
+        list: t,
+        setList: (u, f) => {
+          s(u), i(f), e.onChange(K(u, f));
+        },
+        itemIndexes: l
+      }),
+      setLanguage: r,
+      setValue: (u = []) => {
+        s(u), i(q(u));
+      },
+      getValue: () => K(t(), l()),
+      dispose: n
+    };
+  });
+}
+function K(e, n) {
+  return n.map((t) => e[t]);
+}
+function q(e) {
+  return e.map((n, t) => t);
+}
+export {
+  Ue as default
+};