@paroicms/quill-editor-plugin 1.39.0 → 1.41.0

package/backend/dist/{plugin.js → index.js}

@@ -1,24 +1,19 @@
 import { isJsonFieldValue, isObj } from "@paroicms/public-anywhere-lib";
-import { escapeHtml, makeStylesheetLinkAsyncTag, resolveModuleDirectory, } from "@paroicms/public-server-lib";
+import { escapeHtml, makeStylesheetLinkAsyncTag, } from "@paroicms/public-server-lib";
+import { esmDirName, extractPackageNameAndVersionSync } from "@paroicms/script-lib";
 import { type } from "arktype";
-import { readFileSync } from "node:fs";
 import { dirname, join } from "node:path";
-import { formatTextsInQuillDelta } from "./format-texts-in-delta.js";
+import { normalizeTypographyInQuillDelta } from "./normalize-typography-in-delta.js";
 import { convertQuillDeltaToHtml, convertQuillDeltaToPlainText } from "./quill-delta.js";
 const MediaIdQueryAT = type({
     "mediaId?": "string|undefined",
     "+": "reject",
 });
-const projectDir = resolveModuleDirectory(import.meta.url, { parent: true });
+const projectDir = dirname(esmDirName(import.meta.url));
 const packageDir = dirname(projectDir);
-const { name: pluginName, version } = type({
-    name: "string",
-    version: "string",
-    "+": "ignore",
-}).assert(JSON.parse(readFileSync(join(packageDir, "package.json"), "utf-8")));
+const { name: pluginName, version } = extractPackageNameAndVersionSync(packageDir);
 const plugin = {
     version,
-    slug: "quill-editor",
     siteInit(service) {
         service.setPublicAssetsDirectory(join(packageDir, "frontend", "dist"));
         service.setAdminUiAssetsDirectory(join(packageDir, "admin-ui-plugin", "dist"));
@@ -41,9 +36,11 @@ const plugin = {
             const { fieldType, language } = options;
             if (fieldType.pluginName !== pluginName)
                 return value;
+            if (fieldType.dataType !== "json" || !fieldType.normalizeTypography)
+                return value;
             if (!isJsonFieldValue(value) || !isObj(value.j) || !Array.isArray(value.j.ops))
                 return value;
-            const newDelta = await formatTextsInQuillDelta(service, value.j, language);
+            const newDelta = await normalizeTypographyInQuillDelta(service, value.j, language);
             return {
                 j: newDelta,
             };

package/backend/dist/normalize-typography-in-delta.js

@@ -0,0 +1,24 @@
+import { isPromise } from "node:util/types";
+export async function normalizeTypographyInQuillDelta(service, delta, language) {
+    const processedOps = await normalizeOpsSequentially(service, delta.ops, language);
+    return { ops: processedOps };
+}
+async function normalizeOpsSequentially(service, ops, language) {
+    const processedOps = [];
+    for (const op of ops) {
+        if (typeof op.insert !== "string") {
+            processedOps.push(op);
+            continue;
+        }
+        const result = service.executeHook("normalizeTypography", {
+            value: op.insert,
+            options: { language },
+        });
+        const formattedText = isPromise(result) ? await result : result;
+        processedOps.push({
+            ...op,
+            insert: formattedText ?? op.insert,
+        });
+    }
+    return processedOps;
+}

package/frontend/dist/quill-editor-plugin.mjs

@@ -1 +1 @@
-import{delegateEvents as $,template as w,setAttribute as c,effect as Z}from"https://esm.sh/solid-js@1.9.7/web";function k(o){let e=o;const t=e.indexOf("?");t!==-1&&(e=e.substring(0,t));const r=e.indexOf("#");r!==-1&&(e=e.substring(0,r));const n=e.lastIndexOf("/");return n===-1?void 0:e.slice(0,n)}const g=k(import.meta.url);var E=w('<div class=PaZoomableViewer><button type=button class="PaZoomableViewer-closeButton PaButton"><img alt=⨯ width=30 height=30></button><div class=PaZoomableViewer-spinner>'),V=w('<div class=PaZoomableViewer><button type=button class="PaZoomableViewer-closeButton PaButton"><img alt=⨯ width=30 height=30></button><img class=PaZoomableViewer-img alt>');function x(){const o=document.querySelectorAll("[data-zoomable]");for(const e of o){if(!(e instanceof HTMLElement))continue;const t=e.dataset.zoomable?.trim();t&&P(e,{mediaId:t})}}function P(o,{mediaId:e}){o.classList.add("PaZoomable"),o.setAttribute("tabindex","0"),o.addEventListener("click",(async t=>{t.preventDefault(),await C(e)}))}async function C(o){const e=document.body,t=(()=>{var i=E(),s=i.firstChild,l=s.firstChild;return s.$$click=n,c(l,"src",`${g}/cross.svg`),i})();function r(i){i.key==="Escape"&&n()}function n(){t.remove(),e.removeEventListener("keyup",r)}e.addEventListener("keyup",r),e.appendChild(t);try{let i=function(d){d.key==="Escape"&&s()},s=function(){h.remove(),e.removeEventListener("keyup",i)};const l=await fetch(`/api/plugin/quill-editor/zoom-image?mediaId=${encodeURIComponent(o)}`);if(!l.ok){console.error("Failed to fetch zoom image:",l.statusText),n();return}const m=await l.json();n();const h=(()=>{var d=V(),u=d.firstChild,y=u.firstChild,f=u.nextSibling;return u.$$click=s,c(y,"src",`${g}/cross.svg`),Z((a=>{var v=m.url,p=m.width,b=m.height;return v!==a.e&&c(f,"src",a.e=v),p!==a.t&&c(f,"width",a.t=p),b!==a.a&&c(f,"height",a.a=b),a}),{e:void 0,t:void 0,a:void 0}),d})();e.addEventListener("keyup",i),e.appendChild(h)}catch(i){console.error("Error fetching zoom image:",i),n()}}$(["click"]);x();
+import{delegateEvents as $,template as w,setAttribute as c,effect as Z}from"https://esm.sh/solid-js@1.9.7/web";function k(o){let e=o;const t=e.indexOf("?");t!==-1&&(e=e.substring(0,t));const r=e.indexOf("#");r!==-1&&(e=e.substring(0,r));const n=e.lastIndexOf("/");return n===-1?void 0:e.slice(0,n)}const b=k(import.meta.url),E="/api/plugin/quill-editor-plugin",P=E;var V=w('<div class=PaZoomableViewer><button type=button class="PaZoomableViewer-closeButton PaButton"><img alt=⨯ width=30 height=30></button><div class=PaZoomableViewer-spinner>'),x=w('<div class=PaZoomableViewer><button type=button class="PaZoomableViewer-closeButton PaButton"><img alt=⨯ width=30 height=30></button><img class=PaZoomableViewer-img alt>');function L(){const o=document.querySelectorAll("[data-zoomable]");for(const e of o){if(!(e instanceof HTMLElement))continue;const t=e.dataset.zoomable?.trim();t&&C(e,{mediaId:t})}}function C(o,{mediaId:e}){o.classList.add("PaZoomable"),o.setAttribute("tabindex","0"),o.addEventListener("click",(async t=>{t.preventDefault(),await _(e)}))}async function _(o){const e=document.body,t=(()=>{var i=V(),s=i.firstChild,l=s.firstChild;return s.$$click=n,c(l,"src",`${b}/cross.svg`),i})();function r(i){i.key==="Escape"&&n()}function n(){t.remove(),e.removeEventListener("keyup",r)}e.addEventListener("keyup",r),e.appendChild(t);try{let i=function(d){d.key==="Escape"&&s()},s=function(){p.remove(),e.removeEventListener("keyup",i)};const l=await fetch(`${P}/zoom-image?mediaId=${encodeURIComponent(o)}`);if(!l.ok){console.error("Failed to fetch zoom image:",l.statusText),n();return}const m=await l.json();n();const p=(()=>{var d=x(),u=d.firstChild,y=u.firstChild,f=u.nextSibling;return u.$$click=s,c(y,"src",`${b}/cross.svg`),Z((a=>{var h=m.url,v=m.width,g=m.height;return h!==a.e&&c(f,"src",a.e=h),v!==a.t&&c(f,"width",a.t=v),g!==a.a&&c(f,"height",a.a=g),a}),{e:void 0,t:void 0,a:void 0}),d})();e.addEventListener("keyup",i),e.appendChild(p)}catch(i){console.error("Error fetching zoom image:",i),n()}}$(["click"]);L();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paroicms/quill-editor-plugin",
-  "version": "1.39.0",
+  "version": "1.41.0",
   "description": "Quill Editor plugin for ParoiCMS",
   "keywords": [
     "paroicms",
@@ -17,20 +17,18 @@
   "license": "MIT",
   "scripts": {
     "dev:admin-ui": "(cd admin-ui-plugin && vite)",
-    "build": "npm run build:backend && npm run build:admin-ui && npm run build:public",
+    "build": "npm run build:backend && npm run build:admin-ui && npm run build:frontend",
     "build:backend": "(cd backend && tsc)",
+    "build:admin-ui": "(cd admin-ui-plugin && npm run build)",
     "build:backend:watch": "(cd backend && tsc --watch --preserveWatchOutput)",
-    "build:admin-ui": "(cd admin-ui-plugin && tsc && vite build && npm run minify:admin-ui)",
-    "minify:admin-ui": "terser admin-ui-plugin/dist/admin-ui-plugin.mjs --output admin-ui-plugin/dist/admin-ui-plugin.mjs",
-    "build:public": "(cd frontend && tsc && vite build && npm run minify:public)",
-    "minify:public": "terser frontend/dist/quill-editor-plugin.mjs --output frontend/dist/quill-editor-plugin.mjs",
-    "build:public:watch": "(cd frontend && tsc && vite build --watch)",
-    "build:admin-ui:watch": "(cd admin-ui-plugin && vite build --watch)",
-    "bo:tsc": "(cd admin-ui-plugin && tsc)",
+    "build:frontend": "(cd frontend && npm run build)",
+    "build:frontend:watch": "(cd frontend && npm run build:watch)",
+    "build:admin-ui:watch": "(cd admin-ui-plugin && npm run build:watch)",
     "clear": "rimraf backend/dist/* frontend/dist/* admin-ui-plugin/dist/*"
   },
   "dependencies": {
     "@paroi/quill-delta-to-html": "~0.12.3",
+    "@paroicms/script-lib": "0.2.0",
     "arktype": "~2.1.20"
   },
   "peerDependencies": {
@@ -38,25 +36,14 @@
     "@paroicms/public-server-lib": "0"
   },
   "devDependencies": {
-    "@paroicms/public-admin-ui-lib": "0.27.2",
-    "@paroicms/public-anywhere-lib": "0.32.0",
-    "@paroicms/public-server-lib": "0.41.0",
-    "@solid-primitives/i18n": "~2.2.1",
+    "@paroicms/public-anywhere-lib": "0.34.0",
+    "@paroicms/public-server-lib": "0.43.0",
     "@types/node": "~24.0.1",
-    "highlight.js": "~11.11.1",
-    "quill": "~2.0.3",
-    "quill-image-drop-and-paste": "~2.0.1",
     "rimraf": "~6.0.1",
-    "sass": "~1.89.2",
-    "solid-devtools": "~0.34.0",
-    "solid-js": "1.9.7",
-    "terser": "~5.42.0",
-    "typescript": "~5.8.3",
-    "vite": "~6.3.5",
-    "vite-plugin-solid": "~2.11.6"
+    "typescript": "~5.8.3"
   },
   "type": "module",
-  "main": "backend/dist/plugin.js",
+  "main": "backend/dist/index.js",
   "types": "types/html-editor-public-types.d.ts",
   "files": [
     "backend/dist",

package/site-schema-lib/field-lib.site-schema.json

@@ -8,6 +8,7 @@
       "storedAs": "text",
       "dataType": "json",
       "renderAs": "html",
+      "normalizeTypography": true,
       "useAsExcerpt": 1,
       "adminUi": {
         "editorRows": 4
@@ -20,6 +21,7 @@
       "storedAs": "text",
       "dataType": "json",
       "renderAs": "html",
+      "normalizeTypography": true,
       "withGallery": true,
       "useAsExcerpt": 2,
       "useAsDefaultImage": 2,
@@ -31,6 +33,7 @@
       "storedAs": "text",
       "dataType": "json",
       "renderAs": "html",
+      "normalizeTypography": true,
       "useAsExcerpt": 1,
       "adminUi": {
         "editorRows": 8
@@ -43,6 +46,7 @@
       "storedAs": "text",
       "dataType": "json",
       "renderAs": "html",
+      "normalizeTypography": true,
       "adminUi": {
         "editorRows": 4
       },

package/backend/dist/format-texts-in-delta.js

@@ -1,15 +0,0 @@
-export async function formatTextsInQuillDelta(service, delta, language) {
-    const processedOps = await Promise.all(delta.ops.map(async (op) => {
-        if (typeof op.insert !== "string")
-            return op;
-        const formattedText = await service.executeHook("textFormatting", {
-            value: op.insert,
-            options: { language },
-        });
-        return {
-            ...op,
-            insert: formattedText ?? op.insert,
-        };
-    }));
-    return { ops: processedOps };
-}