@paroicms/quill-editor-plugin 1.12.0 → 1.13.0

package/backend/dist/plugin.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const data_formatters_lib_1 = require("@paroi/data-formatters-lib");
+const public_server_lib_1 = require("@paroicms/public-server-lib");
 const node_path_1 = require("node:path");
 const quill_delta_1 = require("./quill-delta");
 const projectDir = (0, node_path_1.dirname)(__dirname);
@@ -9,6 +10,7 @@ const version = (0, data_formatters_lib_1.strVal)(require((0, node_path_1.join)(
 const plugin = {
     version,
     siteInit(service) {
+        service.setPublicAssetsDirectory((0, node_path_1.join)(packageDir, "public-front", "dist"));
         service.setBoAssetsDirectory((0, node_path_1.join)(packageDir, "bo-front", "dist"));
         service.registerSiteSchemaLibrary((0, node_path_1.join)(packageDir, "site-schema-lib"));
         service.registerFieldPreprocessor("quillDelta", (service, value, options) => {
@@ -19,6 +21,7 @@ const plugin = {
                 return (0, quill_delta_1.convertQuillDeltaToHtml)(service, delta, options);
             }
         });
+        service.addHeadTag(`<link rel="stylesheet" href="${(0, public_server_lib_1.escapeHtml)(`${service.pluginAssetsUrl}/style.css`)}">`, `<script type="module" src="${(0, public_server_lib_1.escapeHtml)(`${service.pluginAssetsUrl}/public-front-plugin.mjs`)}"></script>`);
         if (service.pluginConf.bo?.code) {
             service.addHeadTag(`<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.10.0/build/styles/default.min.css">`, `<script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.10.0/build/highlight.min.js"></script>`, `<script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.10.0/build/languages/typescript.min.js"></script>`, `<script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.10.0/build/languages/javascript.min.js"></script>`, `<script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.10.0/build/languages/xml.min.js"></script>`, `<script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.10.0/build/languages/json.min.js"></script>`, `<script>
 hljs.highlightAll();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paroicms/quill-editor-plugin",
-  "version": "1.12.0",
+  "version": "1.13.0",
   "description": "Quill Editor plugin for ParoiCMS",
   "keywords": [
     "paroicms",
@@ -17,9 +17,11 @@
   "license": "MIT",
   "scripts": {
     "dev:bo": "(cd bo-front && vite)",
-    "build": "npm run build:backend && npm run build:bo",
+    "build": "npm run build:backend && npm run build:bo && npm run build:public",
     "build:backend": "(cd backend && tsc)",
     "build:bo": "(cd bo-front && tsc && vite build)",
+    "build:public": "(cd public-front && tsc && vite build)",
+    "build:public:watch": "(cd public-front && tsc && vite build --watch)",
     "build:bo:watch": "(cd bo-front && vite build --watch)",
     "clear": "rimraf backend/dist/* bo-front/dist/*"
   },
@@ -51,6 +53,7 @@
   "main": "backend/dist/plugin.js",
   "files": [
     "backend/dist",
+    "public-front/dist",
     "bo-front/dist",
     "site-schema-lib"
   ]

package/public-front/dist/cross.svg

@@ -0,0 +1 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="p-icon" aria-hidden="true"><path d="M8.01186 7.00933L12.27 2.75116C12.341 2.68501 12.398 2.60524 12.4375 2.51661C12.4769 2.42798 12.4982 2.3323 12.4999 2.23529C12.5016 2.13827 12.4838 2.0419 12.4474 1.95194C12.4111 1.86197 12.357 1.78024 12.2884 1.71163C12.2198 1.64302 12.138 1.58893 12.0481 1.55259C11.9581 1.51625 11.8617 1.4984 11.7647 1.50011C11.6677 1.50182 11.572 1.52306 11.4834 1.56255C11.3948 1.60204 11.315 1.65898 11.2488 1.72997L6.99067 5.98814L2.7325 1.72997C2.59553 1.60234 2.41437 1.53286 2.22718 1.53616C2.03999 1.53946 1.8614 1.61529 1.72901 1.74767C1.59663 1.88006 1.5208 2.05865 1.5175 2.24584C1.5142 2.43303 1.58368 2.61419 1.71131 2.75116L5.96948 7.00933L1.71131 11.2675C1.576 11.403 1.5 11.5866 1.5 11.7781C1.5 11.9696 1.576 12.1532 1.71131 12.2887C1.84679 12.424 2.03043 12.5 2.2219 12.5C2.41338 12.5 2.59702 12.424 2.7325 12.2887L6.99067 8.03052L11.2488 12.2887C11.3843 12.424 11.568 12.5 11.7594 12.5C11.9509 12.5 12.1346 12.424 12.27 12.2887C12.4053 12.1532 12.4813 11.9696 12.4813 11.7781C12.4813 11.5866 12.4053 11.403 12.27 11.2675L8.01186 7.00933Z" fill="#fff"></path></svg>

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

@@ -0,0 +1,87 @@
+function f(n) {
+  let t = n;
+  const e = t.indexOf("?");
+  e !== -1 && (t = t.substring(0, e));
+  const o = t.indexOf("#");
+  o !== -1 && (t = t.substring(0, o));
+  const i = t.lastIndexOf("/");
+  return i === -1 ? void 0 : t.slice(0, i);
+}
+const a = f(import.meta.url);
+function m(n) {
+  const t = `${n}/index.css`, e = document.createElement("link");
+  e.rel = "stylesheet", e.href = t, document.head.appendChild(e);
+}
+const s = "_$DX_DELEGATE";
+function g(n, t, e) {
+  let o;
+  const i = () => {
+    const r = document.createElement("template");
+    return r.innerHTML = n, r.content.firstChild;
+  }, c = () => (o || (o = i())).cloneNode(!0);
+  return c.cloneNode = c, c;
+}
+function p(n, t = window.document) {
+  const e = t[s] || (t[s] = /* @__PURE__ */ new Set());
+  for (let o = 0, i = n.length; o < i; o++) {
+    const c = n[o];
+    e.has(c) || (e.add(c), t.addEventListener(c, h));
+  }
+}
+function l(n, t, e) {
+  e == null ? n.removeAttribute(t) : n.setAttribute(t, e);
+}
+function h(n) {
+  const t = `$$${n.type}`;
+  let e = n.composedPath && n.composedPath()[0] || n.target;
+  for (n.target !== e && Object.defineProperty(n, "target", {
+    configurable: !0,
+    value: e
+  }), Object.defineProperty(n, "currentTarget", {
+    configurable: !0,
+    get() {
+      return e || document;
+    }
+  }); e; ) {
+    const o = e[t];
+    if (o && !e.disabled) {
+      const i = e[`${t}Data`];
+      if (i !== void 0 ? o.call(e, i, n) : o.call(e, n), n.cancelBubble) return;
+    }
+    e = e._$host || e.parentNode || e.host;
+  }
+}
+var b = /* @__PURE__ */ g('<div class=ImageZoomViewer><button type=button class=ImageZoomViewer-closeBtn><img alt=⨯ width=30 height=30></button><img class=ImageZoomViewer-img alt="">');
+function $() {
+  const n = document.querySelectorAll("[data-zoom-src]");
+  for (const t of n) {
+    if (!(t instanceof HTMLElement)) continue;
+    const e = t.dataset.zoomSrc?.trim();
+    e && E(t, {
+      dataZoomSrc: e
+    });
+  }
+}
+function E(n, {
+  dataZoomSrc: t
+}) {
+  n.classList.add("Zoomable"), n.setAttribute("tabindex", "0"), n.addEventListener("click", (e) => {
+    e.preventDefault(), v(t);
+  });
+}
+function v(n) {
+  const t = document.body, e = (() => {
+    var c = b(), r = c.firstChild, d = r.firstChild, u = r.nextSibling;
+    return r.$$click = i, l(d, "src", `${a}/cross.svg`), l(u, "src", n), c;
+  })();
+  function o(c) {
+    c.key === "Escape" && i();
+  }
+  function i() {
+    e.remove(), t.removeEventListener("keyup", o);
+  }
+  t.addEventListener("keyup", o), t.appendChild(e);
+}
+p(["click"]);
+$();
+m(a ?? ".");

package/public-front/dist/style.css

@@ -0,0 +1 @@
+.Zoomable{cursor:pointer}.ImageZoomViewer{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.ImageZoomViewer-img{height:100%;object-fit:contain;width:100%}.ImageZoomViewer-closeBtn{background-color:#00000080;cursor:pointer;display:flex;margin:20px;position:absolute;right:0;top:0}