@paroicms/tiptap-editor-plugin 1.0.2 → 1.0.4

package/backend/dist/extensions/custom-link.js

@@ -0,0 +1,38 @@
+import Link from "@tiptap/extension-link";
+/**
+ * Custom Link extension for backend rendering.
+ * - Renders only href and target from stored JSON (no rel, no class)
+ */
+export const CustomLink = Link.extend({
+    addOptions() {
+        return {
+            ...this.parent?.(),
+            HTMLAttributes: {},
+        };
+    },
+    addAttributes() {
+        return {
+            href: {
+                default: undefined,
+            },
+            target: {
+                default: undefined,
+            },
+            rel: {
+                default: undefined,
+            },
+            class: {
+                default: undefined,
+            },
+        };
+    },
+    renderHTML({ HTMLAttributes }) {
+        const attrs = {
+            href: HTMLAttributes.href || "",
+        };
+        if (HTMLAttributes.target) {
+            attrs.target = HTMLAttributes.target;
+        }
+        return ["a", attrs, 0];
+    },
+});

package/backend/dist/extensions/media-node.js

@@ -1,6 +1,7 @@
 import { isResizeRule } from "@paroicms/public-anywhere-lib";
 import { Node } from "@tiptap/core";
 import { type } from "arktype";
+import { shouldOpenInBlankTab } from "../url-blank-tab.js";
 export const MediaNodeInputAT = type({
     mediaId: "string",
     resizeRule: "string",
@@ -99,7 +100,11 @@ export function createMediaNodeBackend(service, mediaMap) {
             ];
             const captionSpec = caption ? ["figcaption", { class: "Fig-caption" }, caption] : null;
             if (href) {
-                const linkSpec = ["a", { href }, imgSpec];
+                const linkAttrs = { href };
+                if (shouldOpenInBlankTab(service.pluginService, href)) {
+                    linkAttrs.target = "_blank";
+                }
+                const linkSpec = ["a", linkAttrs, imgSpec];
                 const children = [linkSpec, captionSpec].filter(Boolean);
                 return ["figure", figAttrs, ...children];
             }

package/backend/dist/index.js

@@ -2,7 +2,6 @@ import { isJsonFieldValue, isObj } from "@paroicms/public-anywhere-lib";
 import { makeStylesheetLinkAsyncTag } from "@paroicms/public-server-lib";
 import { esmDirName, extractPackageNameAndVersionSync } from "@paroicms/script-lib";
 import { dirname, join } from "node:path";
-import { cleanTiptapJson } from "./clean-tiptap-json.js";
 import { normalizeTypographyInTiptapJson } from "./normalize-typography-in-tiptap.js";
 import { convertTiptapJsonToHtml, convertTiptapJsonToPlainText } from "./tiptap-json.js";
 const projectDir = dirname(esmDirName(import.meta.url));
@@ -43,7 +42,6 @@ const plugin = {
             if (fieldType.normalizeTypography) {
                 newJson = await normalizeTypographyInTiptapJson(service, newJson, language);
             }
-            newJson = cleanTiptapJson(newJson);
             return { j: newJson };
         });
         service.registerHeadTags(({ state }) => {

package/backend/dist/tiptap-json.js

@@ -8,12 +8,12 @@ import TextAlign from "@tiptap/extension-text-align";
 import { TextStyle } from "@tiptap/extension-text-style";
 import StarterKit from "@tiptap/starter-kit";
 import { renderToHTMLString } from "@tiptap/static-renderer";
+import { CustomLink } from "./extensions/custom-link.js";
 import { createHtmlSnippetNodeBackend } from "./extensions/html-snippet-node.js";
 import { createInternalLinkNodeBackend, preloadInternalLinkDocuments, } from "./extensions/internal-link-node.js";
 import { createMediaNodeBackend, preloadMediaImages, } from "./extensions/media-node.js";
 import { createObfuscateMarkBackend, createObfuscateMarkRenderer, } from "./extensions/obfuscate-mark.js";
 import { createPlatformVideoNodeBackend } from "./extensions/platform-video-node.js";
-import { shouldOpenInBlankTab } from "./url-blank-tab.js";
 const TextSize = Mark.create({
     name: "textSize",
     addAttributes() {
@@ -50,57 +50,17 @@ const TextSize = Mark.create({
     },
 });
 export async function convertTiptapJsonToHtml(service, json, options) {
-    const processedJson = addTargetBlankToLinks(service, json);
-    const mediaMap = await preloadMediaImages(service, processedJson, options);
-    const documentMap = await preloadInternalLinkDocuments(service, processedJson, options);
-    const usedLanguages = collectCodeBlockLanguages(processedJson);
+    const mediaMap = await preloadMediaImages(service, json, options);
+    const documentMap = await preloadInternalLinkDocuments(service, json, options);
+    const usedLanguages = collectCodeBlockLanguages(json);
     if (usedLanguages.size > 0) {
         service.setRenderState("paTiptapEditor:languages", Array.from(usedLanguages));
     }
-    return renderTiptapToHtml(processedJson, service, mediaMap, documentMap, {
+    return renderTiptapToHtml(json, service, mediaMap, documentMap, {
         includeObfuscateMarkMapping: true,
         renderingOptions: options,
     });
 }
-function addTargetBlankToLinks(service, json) {
-    if (!json.content)
-        return json;
-    function processNodes(nodes) {
-        return nodes.map((node) => {
-            let processedNode = node;
-            if (node.marks) {
-                processedNode = {
-                    ...processedNode,
-                    marks: node.marks.map((mark) => {
-                        if (mark.type === "link" && mark.attrs?.href) {
-                            if (shouldOpenInBlankTab(service.pluginService, mark.attrs.href)) {
-                                return {
-                                    ...mark,
-                                    attrs: {
-                                        ...mark.attrs,
-                                        target: "_blank",
-                                    },
-                                };
-                            }
-                        }
-                        return mark;
-                    }),
-                };
-            }
-            if (node.content) {
-                return {
-                    ...processedNode,
-                    content: processNodes(node.content),
-                };
-            }
-            return processedNode;
-        });
-    }
-    return {
-        ...json,
-        content: processNodes(json.content),
-    };
-}
 export function convertTiptapJsonToPlainText(service, json) {
     const cleanedJson = removeObfuscatedText(json);
     const emptyMediaMap = new Map();
@@ -162,7 +122,9 @@ function renderTiptapToHtml(json, service, mediaMap, documentMap, options) {
         StarterKit.configure({
             code: hasCodeInConf ? false : undefined,
             codeBlock: hasCodeInConf ? false : undefined,
+            link: false, // Disable default Link to use CustomLink instead
         }),
+        CustomLink,
         ...(hasCodeInConf ? [Code, CodeBlockLowlight] : []),
         TextAlign.configure({
             types: ["heading", "paragraph"],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paroicms/tiptap-editor-plugin",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "Tiptap editor plugin for ParoiCMS",
   "keywords": [
     "paroicms",
@@ -29,7 +29,7 @@
     "test:watch": "vitest"
   },
   "dependencies": {
-    "@paroicms/script-lib": "0.3.3",
+    "@paroicms/script-lib": "0.3.4",
     "@tiptap/core": "~3.7.2",
     "@tiptap/extension-code": "~3.7.2",
     "@tiptap/extension-code-block-lowlight": "~3.7.2",
@@ -46,8 +46,8 @@
     "@paroicms/public-server-lib": "0"
   },
   "devDependencies": {
-    "@paroicms/public-anywhere-lib": "0.37.1",
-    "@paroicms/public-server-lib": "0.47.2",
+    "@paroicms/public-anywhere-lib": "0.37.2",
+    "@paroicms/public-server-lib": "0.47.3",
     "@types/node": "~24.8.1",
     "rimraf": "~6.0.1",
     "sass": "~1.93.2",

package/backend/dist/clean-tiptap-json.js

@@ -1,53 +0,0 @@
-/**
- * Remove empty attrs objects and marks with null values from Tiptap JSON to reduce storage size.
- * When no attributes are set, the attrs object is omitted entirely.
- * Marks with null or undefined values in their attributes are removed.
- */
-export function cleanTiptapJson(json) {
-    function cleanNode(node) {
-        const cleaned = {
-            type: node.type,
-        };
-        // Only include attrs if it has properties with non-null values
-        if (node.attrs && Object.keys(node.attrs).length > 0) {
-            const cleanedAttrs = {};
-            for (const [key, value] of Object.entries(node.attrs)) {
-                if (value !== null && value !== undefined) {
-                    cleanedAttrs[key] = value;
-                }
-            }
-            if (Object.keys(cleanedAttrs).length > 0) {
-                cleaned.attrs = cleanedAttrs;
-            }
-        }
-        // Recursively clean child nodes
-        if (node.content) {
-            cleaned.content = node.content.map(cleanNode);
-        }
-        // Clean marks: remove marks with null/undefined values or empty attrs
-        if (node.marks) {
-            const cleanedMarks = node.marks.filter((mark) => {
-                // Keep marks without attrs
-                if (!mark.attrs)
-                    return true;
-                // Remove marks with empty attrs object
-                if (Object.keys(mark.attrs).length === 0)
-                    return false;
-                // Remove marks where all attribute values are null or undefined
-                const hasValidValue = Object.values(mark.attrs).some((value) => value !== null && value !== undefined);
-                return hasValidValue;
-            });
-            if (cleanedMarks.length > 0) {
-                cleaned.marks = cleanedMarks;
-            }
-        }
-        if (node.text !== undefined) {
-            cleaned.text = node.text;
-        }
-        return cleaned;
-    }
-    return {
-        type: "doc",
-        content: json.content?.map(cleanNode),
-    };
-}

package/backend/dist/tiptap-types.js

@@ -1 +0,0 @@
-export {};