payload-richtext-tiptap 0.0.159 → 0.0.161

package/dist/src/fields/TiptapEditor/extensions/Iframe/IframeEmbed.d.ts

@@ -1,9 +1,4 @@
-declare const _default: (props: {
-    node: {
-        attrs: {
-            src?: string;
-        };
-    };
-}) => import("react").JSX.Element;
+import { NodeViewProps } from '@tiptap/react';
+declare const _default: (props: NodeViewProps) => import("react").JSX.Element;
 export default _default;
 //# sourceMappingURL=IframeEmbed.d.ts.map

package/dist/src/fields/TiptapEditor/extensions/Iframe/IframeEmbed.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IframeEmbed.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/Iframe/IframeEmbed.tsx"],"names":[],"mappings":"gCAGuB;IAAE,IAAI,EAAE;QAAE,KAAK,EAAE;YAAE,GAAG,CAAC,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAA;CAAE;AAA5D,wBAQE"}
+{"version":3,"file":"IframeEmbed.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/Iframe/IframeEmbed.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;gCAEtB,aAAa;AAApC,wBA4BC"}

package/dist/src/fields/TiptapEditor/extensions/Iframe/IframeEmbed.js

@@ -1,16 +1,29 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Link } from "lucide-react";
-import SocialMediaEmbed from "../SocialMedia/SocialMediaEmbed.js";
+import { Code } from 'lucide-react';
+import SocialMediaEmbed from '../SocialMedia/SocialMediaEmbed.js';
+import i18next from 'i18next';
 export default ((props)=>{
+    const { src, width = '100%', height = '400', title } = props?.node?.attrs ?? {};
     return /*#__PURE__*/ _jsx(SocialMediaEmbed, {
         props: props,
-        Icon: Link,
-        text: "Embed an Iframe",
+        Icon: Code,
+        text: i18next.t('embedIframe') || 'Embed an Iframe (Flourish, Datawrapper, etc.)',
         children: /*#__PURE__*/ _jsx("div", {
-            className: "iframe-wrapper",
+            className: "iframe-wrapper w-full",
             children: /*#__PURE__*/ _jsx("iframe", {
-                src: props?.node?.attrs?.src ?? "",
-                allowFullScreen: true
+                src: src ?? '',
+                width: width,
+                height: height,
+                title: title ?? 'Embedded content',
+                allowFullScreen: true,
+                loading: "lazy",
+                sandbox: "allow-scripts allow-same-origin allow-forms allow-popups allow-presentation",
+                referrerPolicy: "no-referrer-when-downgrade",
+                style: {
+                    border: 'none',
+                    width: '100%',
+                    minHeight: '300px'
+                }
             })
         })
     });

package/dist/src/fields/TiptapEditor/extensions/Iframe/IframeEmbed.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/Iframe/IframeEmbed.tsx"],"sourcesContent":["import { Link } from \"lucide-react\";\r\nimport SocialMediaEmbed from \"../SocialMedia/SocialMediaEmbed.js\";\r\n\r\nexport default (props: { node: { attrs: { src?: string } } }) => {\r\n  return (\r\n    <SocialMediaEmbed props={props} Icon={Link} text={\"Embed an Iframe\"}>\r\n      <div className=\"iframe-wrapper\">\r\n        <iframe src={props?.node?.attrs?.src ?? \"\"} allowFullScreen={true} />\r\n      </div>\r\n    </SocialMediaEmbed>\r\n  );\r\n};\r\n"],"names":["Link","SocialMediaEmbed","props","Icon","text","div","className","iframe","src","node","attrs","allowFullScreen"],"mappings":";AAAA,SAASA,IAAI,QAAQ,eAAe;AACpC,OAAOC,sBAAsB,qCAAqC;AAElE,eAAe,CAAA,CAACC;IACd,qBACE,KAACD;QAAiBC,OAAOA;QAAOC,MAAMH;QAAMI,MAAM;kBAChD,cAAA,KAACC;YAAIC,WAAU;sBACb,cAAA,KAACC;gBAAOC,KAAKN,OAAOO,MAAMC,OAAOF,OAAO;gBAAIG,iBAAiB;;;;AAIrE,CAAA,EAAE"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/Iframe/IframeEmbed.tsx"],"sourcesContent":["import { Code } from 'lucide-react'\r\nimport SocialMediaEmbed from '../SocialMedia/SocialMediaEmbed.js'\r\nimport i18next from 'i18next'\r\nimport { NodeViewProps } from '@tiptap/react'\r\n\r\nexport default (props: NodeViewProps) => {\r\n  const { src, width = '100%', height = '400', title } = props?.node?.attrs ?? {}\r\n\r\n  return (\r\n    <SocialMediaEmbed\r\n      props={props}\r\n      Icon={Code}\r\n      text={i18next.t('embedIframe') || 'Embed an Iframe (Flourish, Datawrapper, etc.)'}\r\n    >\r\n      <div className=\"iframe-wrapper w-full\">\r\n        <iframe\r\n          src={src ?? ''}\r\n          width={width}\r\n          height={height}\r\n          title={title ?? 'Embedded content'}\r\n          allowFullScreen\r\n          loading=\"lazy\"\r\n          sandbox=\"allow-scripts allow-same-origin allow-forms allow-popups allow-presentation\"\r\n          referrerPolicy=\"no-referrer-when-downgrade\"\r\n          style={{\r\n            border: 'none',\r\n            width: '100%',\r\n            minHeight: '300px',\r\n          }}\r\n        />\r\n      </div>\r\n    </SocialMediaEmbed>\r\n  )\r\n}\r\n"],"names":["Code","SocialMediaEmbed","i18next","props","src","width","height","title","node","attrs","Icon","text","t","div","className","iframe","allowFullScreen","loading","sandbox","referrerPolicy","style","border","minHeight"],"mappings":";AAAA,SAASA,IAAI,QAAQ,eAAc;AACnC,OAAOC,sBAAsB,qCAAoC;AACjE,OAAOC,aAAa,UAAS;AAG7B,eAAe,CAAA,CAACC;IACd,MAAM,EAAEC,GAAG,EAAEC,QAAQ,MAAM,EAAEC,SAAS,KAAK,EAAEC,KAAK,EAAE,GAAGJ,OAAOK,MAAMC,SAAS,CAAC;IAE9E,qBACE,KAACR;QACCE,OAAOA;QACPO,MAAMV;QACNW,MAAMT,QAAQU,CAAC,CAAC,kBAAkB;kBAElC,cAAA,KAACC;YAAIC,WAAU;sBACb,cAAA,KAACC;gBACCX,KAAKA,OAAO;gBACZC,OAAOA;gBACPC,QAAQA;gBACRC,OAAOA,SAAS;gBAChBS,eAAe;gBACfC,SAAQ;gBACRC,SAAQ;gBACRC,gBAAe;gBACfC,OAAO;oBACLC,QAAQ;oBACRhB,OAAO;oBACPiB,WAAW;gBACb;;;;AAKV,CAAA,EAAC"}

package/dist/src/fields/TiptapEditor/extensions/Iframe/iframe.d.ts

@@ -1,11 +1,11 @@
-import { Node } from "@tiptap/core";
+import { Node } from '@tiptap/core';
 export interface IframeOptions {
     allowFullscreen: boolean;
     HTMLAttributes: {
         [key: string]: any;
     };
 }
-declare module "@tiptap/core" {
+declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         iframe: {
             /**

package/dist/src/fields/TiptapEditor/extensions/Iframe/iframe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"iframe.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/Iframe/iframe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,IAAI,EAAE,MAAM,cAAc,CAAC;AAIrD,MAAM,WAAW,aAAa;IAC5B,eAAe,EAAE,OAAO,CAAC;IACzB,cAAc,EAAE;QACd,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;CACH;AAED,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,MAAM,EAAE;YACN;;eAEG;YACH,SAAS,EAAE,CAAC,OAAO,CAAC,EAAE;gBAAE,GAAG,EAAE,MAAM,CAAA;aAAE,KAAK,UAAU,CAAC;YACrD,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,UAAU,CAAC;YACvC,YAAY,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,UAAU,CAAC;SAChE,CAAC;KACH;CACF;AAED,eAAO,MAAM,MAAM,0BAqKjB,CAAC"}
+{"version":3,"file":"iframe.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/Iframe/iframe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,IAAI,EAAE,MAAM,cAAc,CAAA;AAIpD,MAAM,WAAW,aAAa;IAC5B,eAAe,EAAE,OAAO,CAAA;IACxB,cAAc,EAAE;QACd,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KACnB,CAAA;CACF;AAED,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,MAAM,EAAE;YACN;;eAEG;YACH,SAAS,EAAE,CAAC,OAAO,CAAC,EAAE;gBAAE,GAAG,EAAE,MAAM,CAAA;aAAE,KAAK,UAAU,CAAA;YACpD,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,UAAU,CAAA;YACtC,YAAY,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,UAAU,CAAA;SAC/D,CAAA;KACF;CACF;AAED,eAAO,MAAM,MAAM,0BAqKjB,CAAA"}

package/dist/src/fields/TiptapEditor/extensions/Iframe/iframe.js

@@ -1,18 +1,18 @@
-import { mergeAttributes, Node } from "@tiptap/core";
-import { ReactNodeViewRenderer } from "@tiptap/react";
-import IframeEmbed from "./IframeEmbed.js";
+import { mergeAttributes, Node } from '@tiptap/core';
+import { ReactNodeViewRenderer } from '@tiptap/react';
+import IframeEmbed from './IframeEmbed.js';
 export const Iframe = Node.create({
-    name: "iframe",
+    name: 'iframe',
     inline: false,
-    group: "block",
-    content: "inline*",
+    group: 'block',
+    content: 'inline*',
     draggable: true,
     atom: true,
-    addOption () {
+    addOptions () {
         return {
             allowFullscreen: true,
             HTMLAttributes: {
-                class: "iframe-wrapper"
+                class: 'iframe-wrapper'
             }
         };
     },
@@ -29,23 +29,35 @@ export const Iframe = Node.create({
                 parseHTML: ()=>this.options.allowFullscreen
             },
             sandbox: {
-                default: "allow-forms allow-modals"
+                default: 'allow-scripts allow-same-origin allow-forms allow-popups allow-presentation'
             },
             referrerpolicy: {
-                default: "no-referrer"
+                default: 'no-referrer-when-downgrade'
+            },
+            width: {
+                default: '100%'
+            },
+            height: {
+                default: 'auto'
+            },
+            title: {
+                default: null
+            },
+            loading: {
+                default: 'lazy'
             }
         };
     },
     renderHTML ({ HTMLAttributes }) {
         return [
-            "iframe",
+            'iframe',
             mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)
         ];
     },
     parseHTML () {
         return [
             {
-                tag: "iframe"
+                tag: 'iframe'
             }
         ];
     },
@@ -59,15 +71,15 @@ export const Iframe = Node.create({
                     let attributes = {
                         ...options
                     };
-                    if (options?.src?.includes("iframe")) {
+                    if (options?.src?.includes('iframe')) {
                         const parser = new DOMParser();
-                        const html = parser.parseFromString(options?.src, "text/html");
-                        const attrNames = html.getElementsByTagName("iframe")?.[0]?.getAttributeNames();
+                        const html = parser.parseFromString(options?.src, 'text/html');
+                        const attrNames = html.getElementsByTagName('iframe')?.[0]?.getAttributeNames();
                         attrNames?.forEach((attr)=>{
-                            attributes[attr] = html.getElementsByTagName("iframe")?.[0]?.getAttribute(attr);
+                            attributes[attr] = html.getElementsByTagName('iframe')?.[0]?.getAttribute(attr);
                         });
                     } else if (!isValidHttpUrl(options?.src)) {
-                        const htmlData = "data:text/html;charset=utf-8," + encodeURI(options?.src);
+                        const htmlData = 'data:text/html;charset=utf-8,' + encodeURI(options?.src);
                         attributes = {
                             ...attributes,
                             src: htmlData
@@ -88,34 +100,34 @@ export const Iframe = Node.create({
                     let attributes = {
                         editorValue: value
                     };
-                    if (value?.includes("youtube.com")) {
-                        const ytValue = value?.split("v=")?.[1]?.split("&")?.[0];
+                    if (value?.includes('youtube.com')) {
+                        const ytValue = value?.split('v=')?.[1]?.split('&')?.[0];
                         attributes = {
                             ...attributes,
                             src: `https://www.youtube.com/embed/${ytValue}?controls=0`,
-                            title: "YouTube video player"
+                            title: 'YouTube video player'
                         };
-                    } else if (value?.includes("instagram.com")) {
-                        const instagramValue = value?.split("p/")?.[1]?.split("/")?.[0];
+                    } else if (value?.includes('instagram.com')) {
+                        const instagramValue = value?.split('p/')?.[1]?.split('/')?.[0];
                         attributes = {
                             ...attributes,
                             src: `https://www.instagram.com/p/${instagramValue}/embed`,
-                            title: "Instagram"
+                            title: 'Instagram'
                         };
                     } else if (isValidHttpUrl(value)) {
                         attributes = {
                             ...attributes,
                             src: value
                         };
-                    } else if (value?.includes("iframe")) {
+                    } else if (value?.includes('iframe')) {
                         const parser = new DOMParser();
-                        const html = parser.parseFromString(value, "text/html");
-                        const attrNames = html.getElementsByTagName("iframe")?.[0]?.getAttributeNames();
+                        const html = parser.parseFromString(value, 'text/html');
+                        const attrNames = html.getElementsByTagName('iframe')?.[0]?.getAttributeNames();
                         attrNames?.forEach((attr)=>{
-                            attributes[attr] = html.getElementsByTagName("iframe")?.[0]?.getAttribute(attr);
+                            attributes[attr] = html.getElementsByTagName('iframe')?.[0]?.getAttribute(attr);
                         });
                     } else {
-                        const htmlData = "data:text/html;charset=utf-8," + encodeURI(value);
+                        const htmlData = 'data:text/html;charset=utf-8,' + encodeURI(value);
                         attributes = {
                             ...attributes,
                             src: htmlData
@@ -125,7 +137,7 @@ export const Iframe = Node.create({
                 },
             insertIframe: (src, className)=>({ commands, state })=>{
                     return commands.insertContent({
-                        type: "iframe",
+                        type: 'iframe',
                         attrs: {
                             src,
                             class: className
@@ -142,7 +154,7 @@ function isValidHttpUrl(string) {
     } catch (_) {
         return false;
     }
-    return url.protocol === "http:" || url.protocol === "https:";
+    return url.protocol === 'http:' || url.protocol === 'https:';
 }
 
 //# sourceMappingURL=iframe.js.map

package/dist/src/fields/TiptapEditor/extensions/Iframe/iframe.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/Iframe/iframe.ts"],"sourcesContent":["import { mergeAttributes, Node } from \"@tiptap/core\";\r\nimport { ReactNodeViewRenderer } from \"@tiptap/react\";\r\nimport IframeEmbed from \"./IframeEmbed.js\";\r\n\r\nexport interface IframeOptions {\r\n  allowFullscreen: boolean;\r\n  HTMLAttributes: {\r\n    [key: string]: any;\r\n  };\r\n}\r\n\r\ndeclare module \"@tiptap/core\" {\r\n  interface Commands<ReturnType> {\r\n    iframe: {\r\n      /**\r\n       * Add an iframe\r\n       */\r\n      setIframe: (options?: { src: string }) => ReturnType;\r\n      setHtml: (value: string) => ReturnType;\r\n      insertIframe: (src?: string, className?: string) => ReturnType;\r\n    };\r\n  }\r\n}\r\n\r\nexport const Iframe = Node.create<IframeOptions>({\r\n  name: \"iframe\",\r\n  inline: false,\r\n  group: \"block\",\r\n  content: \"inline*\",\r\n  draggable: true,\r\n\r\n  atom: true,\r\n\r\n  addOption() {\r\n    return {\r\n      allowFullscreen: true,\r\n      HTMLAttributes: {\r\n        class: \"iframe-wrapper\",\r\n      },\r\n    };\r\n  },\r\n\r\n  addAttributes() {\r\n    return {\r\n      src: {\r\n        default: null,\r\n      },\r\n      frameborder: {\r\n        default: 0,\r\n      },\r\n      allowfullscreen: {\r\n        default: this.options.allowFullscreen,\r\n        parseHTML: () => this.options.allowFullscreen,\r\n      },\r\n      sandbox: {\r\n        default: \"allow-forms allow-modals\",\r\n      },\r\n      referrerpolicy: {\r\n        default: \"no-referrer\"\r\n      }\r\n    };\r\n  },\r\n  renderHTML({ HTMLAttributes }) {\r\n    return [\r\n      \"iframe\",\r\n      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),\r\n    ];\r\n  },\r\n  parseHTML() {\r\n    return [\r\n      {\r\n        tag: \"iframe\",\r\n      },\r\n    ];\r\n  },\r\n\r\n  addNodeView() {\r\n    return ReactNodeViewRenderer(IframeEmbed);\r\n  },\r\n\r\n  addCommands() {\r\n    return {\r\n      setIframe:\r\n        (options: { src: string }) =>\r\n        ({ tr, dispatch }) => {\r\n          const { selection } = tr;\r\n          let attributes: Record<string, any> = {\r\n            ...options,\r\n          };\r\n\r\n          if (options?.src?.includes(\"iframe\")) {\r\n            const parser = new DOMParser();\r\n            const html = parser.parseFromString(options?.src, \"text/html\");\r\n            const attrNames = html\r\n              .getElementsByTagName(\"iframe\")?.[0]\r\n              ?.getAttributeNames();\r\n\r\n            attrNames?.forEach((attr) => {\r\n              attributes[attr] = html\r\n                .getElementsByTagName(\"iframe\")?.[0]\r\n                ?.getAttribute(attr);\r\n            });\r\n          } else if (!isValidHttpUrl(options?.src)) {\r\n            const htmlData =\r\n              \"data:text/html;charset=utf-8,\" + encodeURI(options?.src);\r\n            attributes = {\r\n              ...attributes,\r\n              src: htmlData,\r\n            };\r\n          }\r\n          const node = this.type.create(attributes);\r\n\r\n          if (dispatch) {\r\n            tr.replaceRangeWith(selection.from, selection.to, node);\r\n          }\r\n\r\n          // return commands.insertContent({\r\n          //   type: 'iframe',\r\n          //   attrs: attributes,\r\n          // })\r\n\r\n          return true;\r\n        },\r\n\r\n      setHtml:\r\n        (value) =>\r\n        ({ commands, state }) => {\r\n          console.log(value);\r\n          let attributes: Record<string, any> = {\r\n            editorValue: value,\r\n          };\r\n\r\n          if (value?.includes(\"youtube.com\")) {\r\n            const ytValue = value?.split(\"v=\")?.[1]?.split(\"&\")?.[0];\r\n            attributes = {\r\n              ...attributes,\r\n\r\n              src: `https://www.youtube.com/embed/${ytValue}?controls=0`,\r\n              title: \"YouTube video player\",\r\n            };\r\n          } else if (value?.includes(\"instagram.com\")) {\r\n            const instagramValue = value?.split(\"p/\")?.[1]?.split(\"/\")?.[0];\r\n            attributes = {\r\n              ...attributes,\r\n\r\n              src: `https://www.instagram.com/p/${instagramValue}/embed`,\r\n              title: \"Instagram\",\r\n            };\r\n          } else if (isValidHttpUrl(value)) {\r\n            attributes = {\r\n              ...attributes,\r\n\r\n              src: value,\r\n            };\r\n          } else if (value?.includes(\"iframe\")) {\r\n            const parser = new DOMParser();\r\n            const html = parser.parseFromString(value, \"text/html\");\r\n            const attrNames = html\r\n              .getElementsByTagName(\"iframe\")?.[0]\r\n              ?.getAttributeNames();\r\n\r\n            attrNames?.forEach((attr) => {\r\n              attributes[attr] = html\r\n                .getElementsByTagName(\"iframe\")?.[0]\r\n                ?.getAttribute(attr);\r\n            });\r\n          } else {\r\n            const htmlData = \"data:text/html;charset=utf-8,\" + encodeURI(value);\r\n            attributes = {\r\n              ...attributes,\r\n              src: htmlData,\r\n            };\r\n          }\r\n\r\n          return true;\r\n        },\r\n      insertIframe:\r\n        (src, className) =>\r\n        ({ commands, state }) => {\r\n          return commands.insertContent({\r\n            type: \"iframe\",\r\n            attrs: {\r\n              src,\r\n              class: className,\r\n            },\r\n          });\r\n        },\r\n    };\r\n  },\r\n});\r\n\r\nfunction isValidHttpUrl(string: string) {\r\n  let url;\r\n\r\n  try {\r\n    url = new URL(string);\r\n  } catch (_) {\r\n    return false;\r\n  }\r\n\r\n  return url.protocol === \"http:\" || url.protocol === \"https:\";\r\n}\r\n"],"names":["mergeAttributes","Node","ReactNodeViewRenderer","IframeEmbed","Iframe","create","name","inline","group","content","draggable","atom","addOption","allowFullscreen","HTMLAttributes","class","addAttributes","src","default","frameborder","allowfullscreen","options","parseHTML","sandbox","referrerpolicy","renderHTML","tag","addNodeView","addCommands","setIframe","tr","dispatch","selection","attributes","includes","parser","DOMParser","html","parseFromString","attrNames","getElementsByTagName","getAttributeNames","forEach","attr","getAttribute","isValidHttpUrl","htmlData","encodeURI","node","type","replaceRangeWith","from","to","setHtml","value","commands","state","console","log","editorValue","ytValue","split","title","instagramValue","insertIframe","className","insertContent","attrs","string","url","URL","_","protocol"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/Iframe/iframe.ts"],"sourcesContent":["import { mergeAttributes, Node } from '@tiptap/core'\r\nimport { ReactNodeViewRenderer } from '@tiptap/react'\r\nimport IframeEmbed from './IframeEmbed.js'\r\n\r\nexport interface IframeOptions {\r\n  allowFullscreen: boolean\r\n  HTMLAttributes: {\r\n    [key: string]: any\r\n  }\r\n}\r\n\r\ndeclare module '@tiptap/core' {\r\n  interface Commands<ReturnType> {\r\n    iframe: {\r\n      /**\r\n       * Add an iframe\r\n       */\r\n      setIframe: (options?: { src: string }) => ReturnType\r\n      setHtml: (value: string) => ReturnType\r\n      insertIframe: (src?: string, className?: string) => ReturnType\r\n    }\r\n  }\r\n}\r\n\r\nexport const Iframe = Node.create<IframeOptions>({\r\n  name: 'iframe',\r\n  inline: false,\r\n  group: 'block',\r\n  content: 'inline*',\r\n  draggable: true,\r\n\r\n  atom: true,\r\n\r\n  addOptions() {\r\n    return {\r\n      allowFullscreen: true,\r\n      HTMLAttributes: {\r\n        class: 'iframe-wrapper',\r\n      },\r\n    }\r\n  },\r\n\r\n  addAttributes() {\r\n    return {\r\n      src: {\r\n        default: null,\r\n      },\r\n      frameborder: {\r\n        default: 0,\r\n      },\r\n      allowfullscreen: {\r\n        default: this.options.allowFullscreen,\r\n        parseHTML: () => this.options.allowFullscreen,\r\n      },\r\n      sandbox: {\r\n        default: 'allow-scripts allow-same-origin allow-forms allow-popups allow-presentation',\r\n      },\r\n      referrerpolicy: {\r\n        default: 'no-referrer-when-downgrade',\r\n      },\r\n      width: {\r\n        default: '100%',\r\n      },\r\n      height: {\r\n        default: 'auto',\r\n      },\r\n      title: {\r\n        default: null,\r\n      },\r\n      loading: {\r\n        default: 'lazy',\r\n      },\r\n    }\r\n  },\r\n  renderHTML({ HTMLAttributes }) {\r\n    return ['iframe', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)]\r\n  },\r\n  parseHTML() {\r\n    return [\r\n      {\r\n        tag: 'iframe',\r\n      },\r\n    ]\r\n  },\r\n\r\n  addNodeView() {\r\n    return ReactNodeViewRenderer(IframeEmbed)\r\n  },\r\n\r\n  addCommands() {\r\n    return {\r\n      setIframe:\r\n        (options: { src: string }) =>\r\n        ({ tr, dispatch }) => {\r\n          const { selection } = tr\r\n          let attributes: Record<string, any> = {\r\n            ...options,\r\n          }\r\n\r\n          if (options?.src?.includes('iframe')) {\r\n            const parser = new DOMParser()\r\n            const html = parser.parseFromString(options?.src, 'text/html')\r\n            const attrNames = html.getElementsByTagName('iframe')?.[0]?.getAttributeNames()\r\n\r\n            attrNames?.forEach((attr) => {\r\n              attributes[attr] = html.getElementsByTagName('iframe')?.[0]?.getAttribute(attr)\r\n            })\r\n          } else if (!isValidHttpUrl(options?.src)) {\r\n            const htmlData = 'data:text/html;charset=utf-8,' + encodeURI(options?.src)\r\n            attributes = {\r\n              ...attributes,\r\n              src: htmlData,\r\n            }\r\n          }\r\n          const node = this.type.create(attributes)\r\n\r\n          if (dispatch) {\r\n            tr.replaceRangeWith(selection.from, selection.to, node)\r\n          }\r\n\r\n          // return commands.insertContent({\r\n          //   type: 'iframe',\r\n          //   attrs: attributes,\r\n          // })\r\n\r\n          return true\r\n        },\r\n\r\n      setHtml:\r\n        (value) =>\r\n        ({ commands, state }) => {\r\n          console.log(value)\r\n          let attributes: Record<string, any> = {\r\n            editorValue: value,\r\n          }\r\n\r\n          if (value?.includes('youtube.com')) {\r\n            const ytValue = value?.split('v=')?.[1]?.split('&')?.[0]\r\n            attributes = {\r\n              ...attributes,\r\n\r\n              src: `https://www.youtube.com/embed/${ytValue}?controls=0`,\r\n              title: 'YouTube video player',\r\n            }\r\n          } else if (value?.includes('instagram.com')) {\r\n            const instagramValue = value?.split('p/')?.[1]?.split('/')?.[0]\r\n            attributes = {\r\n              ...attributes,\r\n\r\n              src: `https://www.instagram.com/p/${instagramValue}/embed`,\r\n              title: 'Instagram',\r\n            }\r\n          } else if (isValidHttpUrl(value)) {\r\n            attributes = {\r\n              ...attributes,\r\n\r\n              src: value,\r\n            }\r\n          } else if (value?.includes('iframe')) {\r\n            const parser = new DOMParser()\r\n            const html = parser.parseFromString(value, 'text/html')\r\n            const attrNames = html.getElementsByTagName('iframe')?.[0]?.getAttributeNames()\r\n\r\n            attrNames?.forEach((attr) => {\r\n              attributes[attr] = html.getElementsByTagName('iframe')?.[0]?.getAttribute(attr)\r\n            })\r\n          } else {\r\n            const htmlData = 'data:text/html;charset=utf-8,' + encodeURI(value)\r\n            attributes = {\r\n              ...attributes,\r\n              src: htmlData,\r\n            }\r\n          }\r\n\r\n          return true\r\n        },\r\n      insertIframe:\r\n        (src, className) =>\r\n        ({ commands, state }) => {\r\n          return commands.insertContent({\r\n            type: 'iframe',\r\n            attrs: {\r\n              src,\r\n              class: className,\r\n            },\r\n          })\r\n        },\r\n    }\r\n  },\r\n})\r\n\r\nfunction isValidHttpUrl(string: string) {\r\n  let url\r\n\r\n  try {\r\n    url = new URL(string)\r\n  } catch (_) {\r\n    return false\r\n  }\r\n\r\n  return url.protocol === 'http:' || url.protocol === 'https:'\r\n}\r\n"],"names":["mergeAttributes","Node","ReactNodeViewRenderer","IframeEmbed","Iframe","create","name","inline","group","content","draggable","atom","addOptions","allowFullscreen","HTMLAttributes","class","addAttributes","src","default","frameborder","allowfullscreen","options","parseHTML","sandbox","referrerpolicy","width","height","title","loading","renderHTML","tag","addNodeView","addCommands","setIframe","tr","dispatch","selection","attributes","includes","parser","DOMParser","html","parseFromString","attrNames","getElementsByTagName","getAttributeNames","forEach","attr","getAttribute","isValidHttpUrl","htmlData","encodeURI","node","type","replaceRangeWith","from","to","setHtml","value","commands","state","console","log","editorValue","ytValue","split","instagramValue","insertIframe","className","insertContent","attrs","string","url","URL","_","protocol"],"mappings":"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"}

package/dist/src/fields/TiptapEditor/extensions/Paragraph/Paragraph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/Paragraph/Paragraph.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,0FAcpB,CAAC;AAEH,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/Paragraph/Paragraph.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,0FAsCpB,CAAA;AAEF,eAAe,SAAS,CAAA"}

package/dist/src/fields/TiptapEditor/extensions/Paragraph/Paragraph.js

@@ -1,13 +1,13 @@
-import { mergeAttributes } from "@tiptap/core";
-import TiptapParagraph from "@tiptap/extension-paragraph";
+import { mergeAttributes } from '@tiptap/core';
+import TiptapParagraph from '@tiptap/extension-paragraph';
 export const Paragraph = TiptapParagraph.extend({
     addAttributes () {
         return {
             textAlign: {
-                default: ""
+                default: ''
             },
             class: {
-                default: ""
+                default: ''
             }
         };
     },
@@ -17,6 +17,29 @@ export const Paragraph = TiptapParagraph.extend({
             mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
             0
         ];
+    },
+    addKeyboardShortcuts () {
+        return {
+            Backspace: ({ editor })=>{
+                const { state } = editor;
+                const { selection } = state;
+                const { $from, empty } = selection;
+                if (!empty) {
+                    return false;
+                }
+                if ($from.parent.type.name !== 'paragraph') {
+                    return false;
+                }
+                const isEmpty = $from.parent.content.size === 0;
+                const isAtStart = $from.parentOffset === 0;
+                // If the paragraph is empty and we're at the start, delete it
+                if (isEmpty && isAtStart) {
+                    const pos = $from.before();
+                    return editor.chain().setNodeSelection(pos).deleteSelection().run();
+                }
+                return false;
+            }
+        };
     }
 });
 export default Paragraph;

package/dist/src/fields/TiptapEditor/extensions/Paragraph/Paragraph.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/Paragraph/Paragraph.ts"],"sourcesContent":["import { mergeAttributes } from \"@tiptap/core\";\r\nimport TiptapParagraph from \"@tiptap/extension-paragraph\";\r\n\r\nexport const Paragraph = TiptapParagraph.extend({\r\n  addAttributes() {\r\n    return {\r\n      textAlign: { default: \"\" },\r\n      class: { default: \"\" },\r\n    };\r\n  },\r\n  renderHTML({ node, HTMLAttributes }) {\r\n    return [\r\n      'p',\r\n      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),\r\n      0,\r\n    ];\r\n  },\r\n});\r\n\r\nexport default Paragraph;\r\n"],"names":["mergeAttributes","TiptapParagraph","Paragraph","extend","addAttributes","textAlign","default","class","renderHTML","node","HTMLAttributes","options"],"mappings":"AAAA,SAASA,eAAe,QAAQ,eAAe;AAC/C,OAAOC,qBAAqB,8BAA8B;AAE1D,OAAO,MAAMC,YAAYD,gBAAgBE,MAAM,CAAC;IAC9CC;QACE,OAAO;YACLC,WAAW;gBAAEC,SAAS;YAAG;YACzBC,OAAO;gBAAED,SAAS;YAAG;QACvB;IACF;IACAE,YAAW,EAAEC,IAAI,EAAEC,cAAc,EAAE;QACjC,OAAO;YACL;YACAV,gBAAgB,IAAI,CAACW,OAAO,CAACD,cAAc,EAAEA;YAC7C;SACD;IACH;AACF,GAAG;AAEH,eAAeR,UAAU"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/Paragraph/Paragraph.ts"],"sourcesContent":["import { mergeAttributes } from '@tiptap/core'\r\nimport TiptapParagraph from '@tiptap/extension-paragraph'\r\n\r\nexport const Paragraph = TiptapParagraph.extend({\r\n  addAttributes() {\r\n    return {\r\n      textAlign: { default: '' },\r\n      class: { default: '' },\r\n    }\r\n  },\r\n  renderHTML({ node, HTMLAttributes }) {\r\n    return ['p', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]\r\n  },\r\n  addKeyboardShortcuts() {\r\n    return {\r\n      Backspace: ({ editor }) => {\r\n        const { state } = editor\r\n        const { selection } = state\r\n        const { $from, empty } = selection\r\n\r\n        if (!empty) {\r\n          return false\r\n        }\r\n\r\n        if ($from.parent.type.name !== 'paragraph') {\r\n          return false\r\n        }\r\n\r\n        const isEmpty = $from.parent.content.size === 0\r\n        const isAtStart = $from.parentOffset === 0\r\n\r\n        // If the paragraph is empty and we're at the start, delete it\r\n        if (isEmpty && isAtStart) {\r\n          const pos = $from.before()\r\n          return editor.chain().setNodeSelection(pos).deleteSelection().run()\r\n        }\r\n\r\n        return false\r\n      },\r\n    }\r\n  },\r\n})\r\n\r\nexport default Paragraph\r\n"],"names":["mergeAttributes","TiptapParagraph","Paragraph","extend","addAttributes","textAlign","default","class","renderHTML","node","HTMLAttributes","options","addKeyboardShortcuts","Backspace","editor","state","selection","$from","empty","parent","type","name","isEmpty","content","size","isAtStart","parentOffset","pos","before","chain","setNodeSelection","deleteSelection","run"],"mappings":"AAAA,SAASA,eAAe,QAAQ,eAAc;AAC9C,OAAOC,qBAAqB,8BAA6B;AAEzD,OAAO,MAAMC,YAAYD,gBAAgBE,MAAM,CAAC;IAC9CC;QACE,OAAO;YACLC,WAAW;gBAAEC,SAAS;YAAG;YACzBC,OAAO;gBAAED,SAAS;YAAG;QACvB;IACF;IACAE,YAAW,EAAEC,IAAI,EAAEC,cAAc,EAAE;QACjC,OAAO;YAAC;YAAKV,gBAAgB,IAAI,CAACW,OAAO,CAACD,cAAc,EAAEA;YAAiB;SAAE;IAC/E;IACAE;QACE,OAAO;YACLC,WAAW,CAAC,EAAEC,MAAM,EAAE;gBACpB,MAAM,EAAEC,KAAK,EAAE,GAAGD;gBAClB,MAAM,EAAEE,SAAS,EAAE,GAAGD;gBACtB,MAAM,EAAEE,KAAK,EAAEC,KAAK,EAAE,GAAGF;gBAEzB,IAAI,CAACE,OAAO;oBACV,OAAO;gBACT;gBAEA,IAAID,MAAME,MAAM,CAACC,IAAI,CAACC,IAAI,KAAK,aAAa;oBAC1C,OAAO;gBACT;gBAEA,MAAMC,UAAUL,MAAME,MAAM,CAACI,OAAO,CAACC,IAAI,KAAK;gBAC9C,MAAMC,YAAYR,MAAMS,YAAY,KAAK;gBAEzC,8DAA8D;gBAC9D,IAAIJ,WAAWG,WAAW;oBACxB,MAAME,MAAMV,MAAMW,MAAM;oBACxB,OAAOd,OAAOe,KAAK,GAAGC,gBAAgB,CAACH,KAAKI,eAAe,GAAGC,GAAG;gBACnE;gBAEA,OAAO;YACT;QACF;IACF;AACF,GAAE;AAEF,eAAe9B,UAAS"}

package/dist/src/fields/TiptapEditor/extensions/PasteHandler/PasteHandler.d.ts

@@ -0,0 +1,4 @@
+import { Extension } from '@tiptap/core';
+export declare const PasteHandler: Extension<any, any>;
+export default PasteHandler;
+//# sourceMappingURL=PasteHandler.d.ts.map

package/dist/src/fields/TiptapEditor/extensions/PasteHandler/PasteHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasteHandler.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/PasteHandler/PasteHandler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAmHxC,eAAO,MAAM,YAAY,qBAoGvB,CAAA;AA2DF,eAAe,YAAY,CAAA"}

package/dist/src/fields/TiptapEditor/extensions/PasteHandler/PasteHandler.js

@@ -0,0 +1,242 @@
+import { Extension } from '@tiptap/core';
+import { Plugin, PluginKey } from '@tiptap/pm/state';
+/**
+ * Checks if the HTML contains a table element
+ */ function containsTable(html) {
+    return /<table[\s>]/i.test(html);
+}
+/**
+ * Checks if the HTML contains an iframe element
+ */ function containsIframe(html) {
+    return /<iframe[\s>]/i.test(html);
+}
+/**
+ * Extracts iframe attributes from HTML string
+ */ function extractIframeAttributes(html) {
+    const parser = new DOMParser();
+    const doc = parser.parseFromString(html, 'text/html');
+    const iframe = doc.querySelector('iframe');
+    if (!iframe) return null;
+    const attributes = {};
+    for (const attr of iframe.getAttributeNames()){
+        const value = iframe.getAttribute(attr);
+        if (value !== null) {
+            attributes[attr] = value;
+        }
+    }
+    return attributes;
+}
+/**
+ * Checks if text is a Flourish, Datawrapper, or similar embed URL
+ */ function isEmbedUrl(text) {
+    const embedPatterns = [
+        /flourish\.studio/i,
+        /datawrapper\.dwcdn\.net/i,
+        /infogram\.com/i,
+        /public\.tableau\.com/i,
+        /plotly\.com/i,
+        /app\.powerbi\.com/i
+    ];
+    return embedPatterns.some((pattern)=>pattern.test(text));
+}
+/**
+ * Parses HTML table string and converts it to TipTap table JSON format
+ */ function parseHtmlTableToJson(html) {
+    const parser = new DOMParser();
+    const doc = parser.parseFromString(html, 'text/html');
+    const table = doc.querySelector('table');
+    if (!table) return null;
+    const rows = [];
+    const tableRows = table.querySelectorAll('tr');
+    tableRows.forEach((tr, rowIndex)=>{
+        const cells = [];
+        const tableCells = tr.querySelectorAll('td, th');
+        tableCells.forEach((cell)=>{
+            const isHeader = cell.tagName.toLowerCase() === 'th';
+            const cellText = cell.textContent?.trim() || '';
+            // Get colspan and rowspan attributes
+            const colspan = parseInt(cell.getAttribute('colspan') || '1', 10);
+            const rowspan = parseInt(cell.getAttribute('rowspan') || '1', 10);
+            const cellNode = {
+                type: isHeader ? 'tableHeader' : 'tableCell',
+                content: [
+                    {
+                        type: 'paragraph',
+                        content: cellText ? [
+                            {
+                                type: 'text',
+                                text: cellText
+                            }
+                        ] : []
+                    }
+                ]
+            };
+            // Add attrs if colspan or rowspan is not 1
+            if (colspan !== 1 || rowspan !== 1) {
+                cellNode.attrs = {
+                    colspan,
+                    rowspan
+                };
+            }
+            cells.push(cellNode);
+        });
+        if (cells.length > 0) {
+            rows.push({
+                type: 'tableRow',
+                content: cells
+            });
+        }
+    });
+    if (rows.length === 0) return null;
+    return {
+        type: 'table',
+        content: rows
+    };
+}
+export const PasteHandler = Extension.create({
+    name: 'pasteHandler',
+    addProseMirrorPlugins () {
+        const { editor } = this;
+        return [
+            new Plugin({
+                key: new PluginKey('pasteHandler'),
+                props: {
+                    handlePaste: (view, event, slice)=>{
+                        const clipboardData = event.clipboardData;
+                        if (!clipboardData) return false;
+                        const html = clipboardData.getData('text/html');
+                        const text = clipboardData.getData('text/plain');
+                        // Handle iframe paste (from HTML)
+                        if (html && containsIframe(html)) {
+                            const attrs = extractIframeAttributes(html);
+                            if (attrs && attrs.src) {
+                                event.preventDefault();
+                                editor.chain().focus().setIframe({
+                                    src: attrs.src
+                                }).run();
+                                return true;
+                            }
+                        }
+                        // Handle iframe embed code paste (as plain text containing <iframe>)
+                        if (text && containsIframe(text)) {
+                            const attrs = extractIframeAttributes(text);
+                            if (attrs && attrs.src) {
+                                event.preventDefault();
+                                editor.chain().focus().setIframe({
+                                    src: attrs.src
+                                }).run();
+                                return true;
+                            }
+                        }
+                        // Handle embed URL paste (Flourish, Datawrapper, etc.)
+                        if (text && isEmbedUrl(text) && !html) {
+                            event.preventDefault();
+                            editor.chain().focus().setIframe({
+                                src: text.trim()
+                            }).run();
+                            return true;
+                        }
+                        // Handle plain text that contains HTML table markup (copy-pasted HTML code as text)
+                        // Check this FIRST before checking html, because pasting HTML code as text
+                        // will have the raw tags in text but might also have html content
+                        if (text && containsTable(text)) {
+                            // Check if the text itself contains raw HTML tags (not rendered)
+                            // This happens when someone copies HTML source code
+                            const hasRawHtmlTags = /<\/?(?:table|tr|td|th|thead|tbody)[\s>]/i.test(text);
+                            if (hasRawHtmlTags) {
+                                event.preventDefault();
+                                try {
+                                    const tableJson = parseHtmlTableToJson(text);
+                                    if (tableJson) {
+                                        editor.chain().focus().insertContent(tableJson).run();
+                                        return true;
+                                    }
+                                } catch (error) {
+                                    console.error('Error parsing table from text:', error);
+                                }
+                                return false;
+                            }
+                        }
+                        // Handle HTML table paste (from clipboard HTML - e.g., copying from a webpage)
+                        if (html && containsTable(html)) {
+                            event.preventDefault();
+                            try {
+                                const tableJson = parseHtmlTableToJson(html);
+                                if (tableJson) {
+                                    editor.chain().focus().insertContent(tableJson).run();
+                                    return true;
+                                }
+                            } catch (error) {
+                                console.error('Error parsing table from HTML:', error);
+                            }
+                            return false;
+                        }
+                        // Handle plain text table paste (tab-separated or similar)
+                        if (text && !html && isTabularData(text)) {
+                            event.preventDefault();
+                            const tableJson = convertTextToTable(text);
+                            if (tableJson) {
+                                editor.chain().focus().insertContent(tableJson).run();
+                                return true;
+                            }
+                        }
+                        return false;
+                    }
+                }
+            })
+        ];
+    }
+});
+/**
+ * Checks if text appears to be tabular data (tab or comma separated)
+ */ function isTabularData(text) {
+    const lines = text.trim().split('\n');
+    if (lines.length < 2) return false;
+    // Check if lines have consistent tab or comma separators
+    const firstLineTabs = (lines[0].match(/\t/g) || []).length;
+    const firstLineCommas = (lines[0].match(/,/g) || []).length;
+    if (firstLineTabs === 0 && firstLineCommas === 0) return false;
+    // Check consistency across lines
+    const separator = firstLineTabs > 0 ? '\t' : ',';
+    const expectedColumns = lines[0].split(separator).length;
+    return lines.every((line)=>{
+        const columns = line.split(separator).length;
+        return columns === expectedColumns || columns === expectedColumns - 1;
+    });
+}
+/**
+ * Converts tab/comma separated text to table JSON
+ */ function convertTextToTable(text) {
+    const lines = text.trim().split('\n');
+    if (lines.length < 1) return null;
+    const firstLineTabs = (lines[0].match(/\t/g) || []).length;
+    const separator = firstLineTabs > 0 ? '\t' : ',';
+    const rows = lines.map((line, rowIndex)=>{
+        const cells = line.split(separator);
+        const cellType = rowIndex === 0 ? 'tableHeader' : 'tableCell';
+        return {
+            type: 'tableRow',
+            content: cells.map((cellText)=>({
+                    type: cellType,
+                    content: [
+                        {
+                            type: 'paragraph',
+                            content: cellText.trim() ? [
+                                {
+                                    type: 'text',
+                                    text: cellText.trim()
+                                }
+                            ] : []
+                        }
+                    ]
+                }))
+        };
+    });
+    return {
+        type: 'table',
+        content: rows
+    };
+}
+export default PasteHandler;
+
+//# sourceMappingURL=PasteHandler.js.map