payload-richtext-tiptap 0.0.126 → 0.0.127

package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Instagram/instagram.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Instagram/instagram.ts"],"sourcesContent":["declare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    instagram: {\n      /**\n       * Add an image\n       */\n\n      insertInstagram: (url?: string, className?: string) => ReturnType;\n    };\n  }\n}\n\nimport { Node, mergeAttributes } from \"@tiptap/core\";\nimport { ReactNodeViewRenderer } from \"@tiptap/react\";\nimport InstagramEmbed from \"./InstagramEmbed.js\";\n\nexport const Instagram = Node.create({\n  name: \"instagram\",\n\n  group: \"block\",\n  content: \"inline*\",\n  draggable: true,\n  // content: 'inline*',\n\n  parseHTML() {\n    return [\n      {\n        tag: \"instagram-component\",\n      },\n    ];\n  },\n  addAttributes() {\n    return {\n      url: { default: null },\n      class: { default: null },\n    };\n  },\n  addKeyboardShortcuts() {\n    return {\n      \"Mod-Enter\": () => {\n        return this.editor\n          .chain()\n          .insertContentAt(this.editor.state.selection.head, {\n            type: this.type.name,\n          })\n          .focus()\n          .run();\n      },\n    };\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\"instagram-component\", mergeAttributes(HTMLAttributes), 0];\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(InstagramEmbed);\n  },\n\n  addCommands() {\n    return {\n      insertInstagram:\n        (url, className) =>\n        ({ commands, state }) => {\n          return commands.insertContent({\n            type: \"instagram\",\n            attrs: {\n              url,\n              class: className,\n            },\n          });\n        },\n    };\n  },\n});\n\nfunction isValidHttpUrl(string: string) {\n  let url;\n\n  try {\n    url = new URL(string);\n  } catch (_) {\n    return false;\n  }\n\n  return url.protocol === \"http:\" || url.protocol === \"https:\";\n}\n"],"names":["Node","mergeAttributes","ReactNodeViewRenderer","InstagramEmbed","Instagram","create","name","group","content","draggable","parseHTML","tag","addAttributes","url","default","class","addKeyboardShortcuts","editor","chain","insertContentAt","state","selection","head","type","focus","run","renderHTML","HTMLAttributes","addNodeView","addCommands","insertInstagram","className","commands","insertContent","attrs","isValidHttpUrl","string","URL","_","protocol"],"mappings":"AAYA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAe;AACrD,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,OAAOC,oBAAoB,sBAAsB;AAEjD,OAAO,MAAMC,YAAYJ,KAAKK,MAAM,CAAC;IACnCC,MAAM;IAENC,OAAO;IACPC,SAAS;IACTC,WAAW;IACX,sBAAsB;IAEtBC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IACAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;YACrBC,OAAO;gBAAED,SAAS;YAAK;QACzB;IACF;IACAE;QACE,OAAO;YACL,aAAa;gBACX,OAAO,IAAI,CAACC,MAAM,CACfC,KAAK,GACLC,eAAe,CAAC,IAAI,CAACF,MAAM,CAACG,KAAK,CAACC,SAAS,CAACC,IAAI,EAAE;oBACjDC,MAAM,IAAI,CAACA,IAAI,CAACjB,IAAI;gBACtB,GACCkB,KAAK,GACLC,GAAG;YACR;QACF;IACF;IAEAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YAAC;YAAuB1B,gBAAgB0B;YAAiB;SAAE;IACpE;IAEAC;QACE,OAAO1B,sBAAsBC;IAC/B;IAEA0B;QACE,OAAO;YACLC,iBACE,CAACjB,KAAKkB,YACN,CAAC,EAAEC,QAAQ,EAAEZ,KAAK,EAAE;oBAClB,OAAOY,SAASC,aAAa,CAAC;wBAC5BV,MAAM;wBACNW,OAAO;4BACLrB;4BACAE,OAAOgB;wBACT;oBACF;gBACF;QACJ;IACF;AACF,GAAG;AAEH,SAASI,eAAeC,MAAc;IACpC,IAAIvB;IAEJ,IAAI;QACFA,MAAM,IAAIwB,IAAID;IAChB,EAAE,OAAOE,GAAG;QACV,OAAO;IACT;IAEA,OAAOzB,IAAI0B,QAAQ,KAAK,WAAW1B,IAAI0B,QAAQ,KAAK;AACtD"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Instagram/instagram.ts"],"sourcesContent":["declare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    instagram: {\n      /**\n       * Add an image\n       */\n\n      insertInstagram: (url?: string, className?: string) => ReturnType\n    }\n  }\n}\n\nimport { Node, mergeAttributes } from '@tiptap/core'\nimport { ReactNodeViewRenderer } from '@tiptap/react'\nimport InstagramEmbed from './InstagramEmbed.js'\n\nexport const Instagram = Node.create({\n  name: 'instagram',\n\n  group: 'block',\n  content: 'inline*',\n  draggable: true,\n  // content: 'inline*',\n\n  addAttributes() {\n    return {\n      url: { default: null },\n      class: { default: null },\n      src: {\n        default: null,\n      },\n      width: {\n        default: '400',\n      },\n      height: {\n        default: '480',\n      },\n      frameborder: {\n        default: '0',\n      },\n      scrolling: {\n        default: 'no',\n      },\n      allowtransparency: {\n        default: 'true',\n      },\n    }\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'iframe[src*=\"instagram.com\"]',\n      },\n    ]\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\n      'div',\n      mergeAttributes({\n        'data-type': 'instagram',\n        class: 'socialMediaContainer',\n      }),\n      ['iframe', mergeAttributes({ src: HTMLAttributes.url }, HTMLAttributes)],\n    ]\n  },\n  addKeyboardShortcuts() {\n    return {\n      'Mod-Enter': () => {\n        return this.editor\n          .chain()\n          .insertContentAt(this.editor.state.selection.head, {\n            type: this.type.name,\n          })\n          .focus()\n          .run()\n      },\n    }\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(InstagramEmbed)\n  },\n\n  addCommands() {\n    return {\n      insertInstagram:\n        (url, className) =>\n        ({ commands, state }) => {\n          if (!isValidHttpUrl(url)) {\n            return false\n          }\n\n          // Convert URL to embed format\n          const urlObj = new URL(url)\n          const path = urlObj.pathname\n          const postId = path.split('/').filter(Boolean)[1] // Get the post ID after /p/\n          if (!postId) {\n            return false\n          }\n\n          const embedUrl = `https://www.instagram.com/p/${postId}/embed/`\n          return commands.insertContent({\n            type: 'instagram',\n            attrs: {\n              url: embedUrl,\n              class: className,\n              src: embedUrl,\n            },\n          })\n        },\n    }\n  },\n})\n\nfunction isValidHttpUrl(string: string) {\n  let url\n\n  try {\n    url = new URL(string)\n  } catch (_) {\n    return false\n  }\n\n  return url.protocol === 'http:' || url.protocol === 'https:'\n}\n"],"names":["Node","mergeAttributes","ReactNodeViewRenderer","InstagramEmbed","Instagram","create","name","group","content","draggable","addAttributes","url","default","class","src","width","height","frameborder","scrolling","allowtransparency","parseHTML","tag","renderHTML","HTMLAttributes","addKeyboardShortcuts","editor","chain","insertContentAt","state","selection","head","type","focus","run","addNodeView","addCommands","insertInstagram","className","commands","isValidHttpUrl","urlObj","URL","path","pathname","postId","split","filter","Boolean","embedUrl","insertContent","attrs","string","_","protocol"],"mappings":"AAYA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAc;AACpD,SAASC,qBAAqB,QAAQ,gBAAe;AACrD,OAAOC,oBAAoB,sBAAqB;AAEhD,OAAO,MAAMC,YAAYJ,KAAKK,MAAM,CAAC;IACnCC,MAAM;IAENC,OAAO;IACPC,SAAS;IACTC,WAAW;IACX,sBAAsB;IAEtBC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;YACrBC,OAAO;gBAAED,SAAS;YAAK;YACvBE,KAAK;gBACHF,SAAS;YACX;YACAG,OAAO;gBACLH,SAAS;YACX;YACAI,QAAQ;gBACNJ,SAAS;YACX;YACAK,aAAa;gBACXL,SAAS;YACX;YACAM,WAAW;gBACTN,SAAS;YACX;YACAO,mBAAmB;gBACjBP,SAAS;YACX;QACF;IACF;IAEAQ;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IAEAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YACL;YACAtB,gBAAgB;gBACd,aAAa;gBACbY,OAAO;YACT;YACA;gBAAC;gBAAUZ,gBAAgB;oBAAEa,KAAKS,eAAeZ,GAAG;gBAAC,GAAGY;aAAgB;SACzE;IACH;IACAC;QACE,OAAO;YACL,aAAa;gBACX,OAAO,IAAI,CAACC,MAAM,CACfC,KAAK,GACLC,eAAe,CAAC,IAAI,CAACF,MAAM,CAACG,KAAK,CAACC,SAAS,CAACC,IAAI,EAAE;oBACjDC,MAAM,IAAI,CAACA,IAAI,CAACzB,IAAI;gBACtB,GACC0B,KAAK,GACLC,GAAG;YACR;QACF;IACF;IAEAC;QACE,OAAOhC,sBAAsBC;IAC/B;IAEAgC;QACE,OAAO;YACLC,iBACE,CAACzB,KAAK0B,YACN,CAAC,EAAEC,QAAQ,EAAEV,KAAK,EAAE;oBAClB,IAAI,CAACW,eAAe5B,MAAM;wBACxB,OAAO;oBACT;oBAEA,8BAA8B;oBAC9B,MAAM6B,SAAS,IAAIC,IAAI9B;oBACvB,MAAM+B,OAAOF,OAAOG,QAAQ;oBAC5B,MAAMC,SAASF,KAAKG,KAAK,CAAC,KAAKC,MAAM,CAACC,QAAQ,CAAC,EAAE,CAAC,4BAA4B;;oBAC9E,IAAI,CAACH,QAAQ;wBACX,OAAO;oBACT;oBAEA,MAAMI,WAAW,CAAC,4BAA4B,EAAEJ,OAAO,OAAO,CAAC;oBAC/D,OAAON,SAASW,aAAa,CAAC;wBAC5BlB,MAAM;wBACNmB,OAAO;4BACLvC,KAAKqC;4BACLnC,OAAOwB;4BACPvB,KAAKkC;wBACP;oBACF;gBACF;QACJ;IACF;AACF,GAAE;AAEF,SAAST,eAAeY,MAAc;IACpC,IAAIxC;IAEJ,IAAI;QACFA,MAAM,IAAI8B,IAAIU;IAChB,EAAE,OAAOC,GAAG;QACV,OAAO;IACT;IAEA,OAAOzC,IAAI0C,QAAQ,KAAK,WAAW1C,IAAI0C,QAAQ,KAAK;AACtD"}

package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Tiktok/tiktok.d.ts

@@ -1,4 +1,4 @@
-declare module "@tiptap/core" {
+declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         tiktok: {
             /**
@@ -8,6 +8,6 @@ declare module "@tiptap/core" {
         };
     }
 }
-import { Node } from "@tiptap/core";
+import { Node } from '@tiptap/core';
 export declare const Tiktok: Node<any, any>;
 //# sourceMappingURL=tiktok.d.ts.map

package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Tiktok/tiktok.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tiktok.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Tiktok/tiktok.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,MAAM,EAAE;YACN;;eAEG;YAEH,YAAY,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,UAAU,CAAC;SAChE,CAAC;KACH;CACF;AAED,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAIrD,eAAO,MAAM,MAAM,gBA2DjB,CAAC"}
+{"version":3,"file":"tiktok.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Tiktok/tiktok.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,MAAM,EAAE;YACN;;eAEG;YAEH,YAAY,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,UAAU,CAAA;SAC/D,CAAA;KACF;CACF;AAED,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAA;AAIpD,eAAO,MAAM,MAAM,gBAmGjB,CAAA"}

package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Tiktok/tiktok.js

@@ -1,19 +1,12 @@
-import { Node, mergeAttributes } from "@tiptap/core";
-import { ReactNodeViewRenderer } from "@tiptap/react";
-import TiktokEmbed from "./TiktokEmbed.js";
+import { Node, mergeAttributes } from '@tiptap/core';
+import { ReactNodeViewRenderer } from '@tiptap/react';
+import TiktokEmbed from './TiktokEmbed.js';
 export const Tiktok = Node.create({
-    name: "tiktok",
-    group: "block",
-    content: "inline*",
+    name: 'tiktok',
+    group: 'block',
+    content: 'inline*',
     draggable: true,
     // content: 'inline*',
-    parseHTML () {
-        return [
-            {
-                tag: "tiktok-component"
-            }
-        ];
-    },
     addAttributes () {
         return {
             url: {
@@ -21,36 +14,82 @@ export const Tiktok = Node.create({
             },
             class: {
                 default: null
+            },
+            src: {
+                default: null
+            },
+            width: {
+                default: '400'
+            },
+            height: {
+                default: '100%'
+            },
+            frameborder: {
+                default: '0'
+            },
+            scrolling: {
+                default: 'no'
+            },
+            allowtransparency: {
+                default: 'true'
             }
         };
     },
+    parseHTML () {
+        return [
+            {
+                tag: 'iframe[src*="tiktok.com"]'
+            }
+        ];
+    },
+    renderHTML ({ HTMLAttributes }) {
+        return [
+            'div',
+            mergeAttributes({
+                'data-type': 'tiktok',
+                class: 'socialMediaContainer'
+            }),
+            [
+                'iframe',
+                mergeAttributes({
+                    src: HTMLAttributes.url
+                }, HTMLAttributes)
+            ]
+        ];
+    },
     addKeyboardShortcuts () {
         return {
-            "Mod-Enter": ()=>{
+            'Mod-Enter': ()=>{
                 return this.editor.chain().insertContentAt(this.editor.state.selection.head, {
                     type: this.type.name
                 }).focus().run();
             }
         };
     },
-    renderHTML ({ HTMLAttributes }) {
-        return [
-            "tiktok-component",
-            mergeAttributes(HTMLAttributes),
-            0
-        ];
-    },
     addNodeView () {
         return ReactNodeViewRenderer(TiktokEmbed);
     },
     addCommands () {
         return {
             insertTiktok: (url, className)=>({ commands, state })=>{
+                    if (!isValidHttpUrl(url)) {
+                        return false;
+                    }
+                    // Convert URL to embed format
+                    const urlObj = new URL(url);
+                    const path = urlObj.pathname;
+                    const videoId = path.split('/').filter(Boolean)[2] // Get video ID from path
+                    ;
+                    if (!videoId) {
+                        return false;
+                    }
+                    url = `https://www.tiktok.com/embed/v3/${videoId}`;
                     return commands.insertContent({
-                        type: "tiktok",
+                        type: 'tiktok',
                         attrs: {
                             url,
-                            class: className
+                            class: className,
+                            src: url
                         }
                     });
                 }
@@ -64,7 +103,7 @@ function isValidHttpUrl(string) {
     } catch (_) {
         return false;
     }
-    return url.protocol === "http:" || url.protocol === "https:";
+    return url.protocol === 'http:' || url.protocol === 'https:';
 }
 
 //# sourceMappingURL=tiktok.js.map

package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Tiktok/tiktok.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Tiktok/tiktok.ts"],"sourcesContent":["declare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    tiktok: {\n      /**\n       * Add an image\n       */\n\n      insertTiktok: (url?: string, className?: string) => ReturnType;\n    };\n  }\n}\n\nimport { Node, mergeAttributes } from \"@tiptap/core\";\nimport { ReactNodeViewRenderer } from \"@tiptap/react\";\nimport TiktokEmbed from \"./TiktokEmbed.js\";\n\nexport const Tiktok = Node.create({\n  name: \"tiktok\",\n\n  group: \"block\",\n  content: \"inline*\",\n  draggable: true,\n\n  // content: 'inline*',\n\n  parseHTML() {\n    return [\n      {\n        tag: \"tiktok-component\",\n      },\n    ];\n  },\n  addAttributes() {\n    return {\n      url: { default: null },\n      class: { default: null },\n    };\n  },\n  addKeyboardShortcuts() {\n    return {\n      \"Mod-Enter\": () => {\n        return this.editor\n          .chain()\n          .insertContentAt(this.editor.state.selection.head, {\n            type: this.type.name,\n          })\n          .focus()\n          .run();\n      },\n    };\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\"tiktok-component\", mergeAttributes(HTMLAttributes), 0];\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(TiktokEmbed);\n  },\n\n  addCommands() {\n    return {\n      insertTiktok:\n        (url, className) =>\n        ({ commands, state }) => {\n          return commands.insertContent({\n            type: \"tiktok\",\n            attrs: {\n              url,\n              class: className,\n            },\n          });\n        },\n    };\n  },\n});\n\nfunction isValidHttpUrl(string: string) {\n  let url;\n\n  try {\n    url = new URL(string);\n  } catch (_) {\n    return false;\n  }\n\n  return url.protocol === \"http:\" || url.protocol === \"https:\";\n}\n"],"names":["Node","mergeAttributes","ReactNodeViewRenderer","TiktokEmbed","Tiktok","create","name","group","content","draggable","parseHTML","tag","addAttributes","url","default","class","addKeyboardShortcuts","editor","chain","insertContentAt","state","selection","head","type","focus","run","renderHTML","HTMLAttributes","addNodeView","addCommands","insertTiktok","className","commands","insertContent","attrs","isValidHttpUrl","string","URL","_","protocol"],"mappings":"AAYA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAe;AACrD,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,OAAOC,iBAAiB,mBAAmB;AAE3C,OAAO,MAAMC,SAASJ,KAAKK,MAAM,CAAC;IAChCC,MAAM;IAENC,OAAO;IACPC,SAAS;IACTC,WAAW;IAEX,sBAAsB;IAEtBC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IACAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;YACrBC,OAAO;gBAAED,SAAS;YAAK;QACzB;IACF;IACAE;QACE,OAAO;YACL,aAAa;gBACX,OAAO,IAAI,CAACC,MAAM,CACfC,KAAK,GACLC,eAAe,CAAC,IAAI,CAACF,MAAM,CAACG,KAAK,CAACC,SAAS,CAACC,IAAI,EAAE;oBACjDC,MAAM,IAAI,CAACA,IAAI,CAACjB,IAAI;gBACtB,GACCkB,KAAK,GACLC,GAAG;YACR;QACF;IACF;IAEAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YAAC;YAAoB1B,gBAAgB0B;YAAiB;SAAE;IACjE;IAEAC;QACE,OAAO1B,sBAAsBC;IAC/B;IAEA0B;QACE,OAAO;YACLC,cACE,CAACjB,KAAKkB,YACN,CAAC,EAAEC,QAAQ,EAAEZ,KAAK,EAAE;oBAClB,OAAOY,SAASC,aAAa,CAAC;wBAC5BV,MAAM;wBACNW,OAAO;4BACLrB;4BACAE,OAAOgB;wBACT;oBACF;gBACF;QACJ;IACF;AACF,GAAG;AAEH,SAASI,eAAeC,MAAc;IACpC,IAAIvB;IAEJ,IAAI;QACFA,MAAM,IAAIwB,IAAID;IAChB,EAAE,OAAOE,GAAG;QACV,OAAO;IACT;IAEA,OAAOzB,IAAI0B,QAAQ,KAAK,WAAW1B,IAAI0B,QAAQ,KAAK;AACtD"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Tiktok/tiktok.ts"],"sourcesContent":["declare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    tiktok: {\n      /**\n       * Add an image\n       */\n\n      insertTiktok: (url?: string, className?: string) => ReturnType\n    }\n  }\n}\n\nimport { Node, mergeAttributes } from '@tiptap/core'\nimport { ReactNodeViewRenderer } from '@tiptap/react'\nimport TiktokEmbed from './TiktokEmbed.js'\n\nexport const Tiktok = Node.create({\n  name: 'tiktok',\n\n  group: 'block',\n  content: 'inline*',\n  draggable: true,\n\n  // content: 'inline*',\n\n  addAttributes() {\n    return {\n      url: { default: null },\n      class: { default: null },\n      src: {\n        default: null,\n      },\n      width: {\n        default: '400',\n      },\n      height: {\n        default: '100%',\n      },\n      frameborder: {\n        default: '0',\n      },\n      scrolling: {\n        default: 'no',\n      },\n      allowtransparency: {\n        default: 'true',\n      },\n    }\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'iframe[src*=\"tiktok.com\"]',\n      },\n    ]\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\n      'div',\n      mergeAttributes({\n        'data-type': 'tiktok',\n        class: 'socialMediaContainer',\n      }),\n      ['iframe', mergeAttributes({ src: HTMLAttributes.url }, HTMLAttributes)],\n    ]\n  },\n  addKeyboardShortcuts() {\n    return {\n      'Mod-Enter': () => {\n        return this.editor\n          .chain()\n          .insertContentAt(this.editor.state.selection.head, {\n            type: this.type.name,\n          })\n          .focus()\n          .run()\n      },\n    }\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(TiktokEmbed)\n  },\n\n  addCommands() {\n    return {\n      insertTiktok:\n        (url, className) =>\n        ({ commands, state }) => {\n          if (!isValidHttpUrl(url)) {\n            return false\n          }\n\n          // Convert URL to embed format\n          const urlObj = new URL(url)\n          const path = urlObj.pathname\n          const videoId = path.split('/').filter(Boolean)[2] // Get video ID from path\n          if (!videoId) {\n            return false\n          }\n\n          url = `https://www.tiktok.com/embed/v3/${videoId}`\n          return commands.insertContent({\n            type: 'tiktok',\n            attrs: {\n              url,\n              class: className,\n              src: url,\n            },\n          })\n        },\n    }\n  },\n})\n\nfunction isValidHttpUrl(string: string) {\n  let url\n\n  try {\n    url = new URL(string)\n  } catch (_) {\n    return false\n  }\n\n  return url.protocol === 'http:' || url.protocol === 'https:'\n}\n"],"names":["Node","mergeAttributes","ReactNodeViewRenderer","TiktokEmbed","Tiktok","create","name","group","content","draggable","addAttributes","url","default","class","src","width","height","frameborder","scrolling","allowtransparency","parseHTML","tag","renderHTML","HTMLAttributes","addKeyboardShortcuts","editor","chain","insertContentAt","state","selection","head","type","focus","run","addNodeView","addCommands","insertTiktok","className","commands","isValidHttpUrl","urlObj","URL","path","pathname","videoId","split","filter","Boolean","insertContent","attrs","string","_","protocol"],"mappings":"AAYA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAc;AACpD,SAASC,qBAAqB,QAAQ,gBAAe;AACrD,OAAOC,iBAAiB,mBAAkB;AAE1C,OAAO,MAAMC,SAASJ,KAAKK,MAAM,CAAC;IAChCC,MAAM;IAENC,OAAO;IACPC,SAAS;IACTC,WAAW;IAEX,sBAAsB;IAEtBC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;YACrBC,OAAO;gBAAED,SAAS;YAAK;YACvBE,KAAK;gBACHF,SAAS;YACX;YACAG,OAAO;gBACLH,SAAS;YACX;YACAI,QAAQ;gBACNJ,SAAS;YACX;YACAK,aAAa;gBACXL,SAAS;YACX;YACAM,WAAW;gBACTN,SAAS;YACX;YACAO,mBAAmB;gBACjBP,SAAS;YACX;QACF;IACF;IAEAQ;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IAEAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YACL;YACAtB,gBAAgB;gBACd,aAAa;gBACbY,OAAO;YACT;YACA;gBAAC;gBAAUZ,gBAAgB;oBAAEa,KAAKS,eAAeZ,GAAG;gBAAC,GAAGY;aAAgB;SACzE;IACH;IACAC;QACE,OAAO;YACL,aAAa;gBACX,OAAO,IAAI,CAACC,MAAM,CACfC,KAAK,GACLC,eAAe,CAAC,IAAI,CAACF,MAAM,CAACG,KAAK,CAACC,SAAS,CAACC,IAAI,EAAE;oBACjDC,MAAM,IAAI,CAACA,IAAI,CAACzB,IAAI;gBACtB,GACC0B,KAAK,GACLC,GAAG;YACR;QACF;IACF;IAEAC;QACE,OAAOhC,sBAAsBC;IAC/B;IAEAgC;QACE,OAAO;YACLC,cACE,CAACzB,KAAK0B,YACN,CAAC,EAAEC,QAAQ,EAAEV,KAAK,EAAE;oBAClB,IAAI,CAACW,eAAe5B,MAAM;wBACxB,OAAO;oBACT;oBAEA,8BAA8B;oBAC9B,MAAM6B,SAAS,IAAIC,IAAI9B;oBACvB,MAAM+B,OAAOF,OAAOG,QAAQ;oBAC5B,MAAMC,UAAUF,KAAKG,KAAK,CAAC,KAAKC,MAAM,CAACC,QAAQ,CAAC,EAAE,CAAC,yBAAyB;;oBAC5E,IAAI,CAACH,SAAS;wBACZ,OAAO;oBACT;oBAEAjC,MAAM,CAAC,gCAAgC,EAAEiC,QAAQ,CAAC;oBAClD,OAAON,SAASU,aAAa,CAAC;wBAC5BjB,MAAM;wBACNkB,OAAO;4BACLtC;4BACAE,OAAOwB;4BACPvB,KAAKH;wBACP;oBACF;gBACF;QACJ;IACF;AACF,GAAE;AAEF,SAAS4B,eAAeW,MAAc;IACpC,IAAIvC;IAEJ,IAAI;QACFA,MAAM,IAAI8B,IAAIS;IAChB,EAAE,OAAOC,GAAG;QACV,OAAO;IACT;IAEA,OAAOxC,IAAIyC,QAAQ,KAAK,WAAWzC,IAAIyC,QAAQ,KAAK;AACtD"}

package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Twitter/twitter.d.ts

@@ -1,4 +1,4 @@
-declare module "@tiptap/core" {
+declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         twitter: {
             /**
@@ -8,6 +8,6 @@ declare module "@tiptap/core" {
         };
     }
 }
-import { Node } from "@tiptap/core";
+import { Node } from '@tiptap/core';
 export declare const Twitter: Node<any, any>;
 //# sourceMappingURL=twitter.d.ts.map

package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Twitter/twitter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"twitter.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Twitter/twitter.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,OAAO,EAAE;YACP;;eAEG;YAEH,aAAa,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,UAAU,CAAC;SACjE,CAAC;KACH;CACF;AAED,OAAO,EAAE,IAAI,EAA6C,MAAM,cAAc,CAAC;AAI/E,eAAO,MAAM,OAAO,gBAiElB,CAAC"}
+{"version":3,"file":"twitter.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Twitter/twitter.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,OAAO,EAAE;YACP;;eAEG;YAEH,aAAa,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,UAAU,CAAA;SAChE,CAAA;KACF;CACF;AAED,OAAO,EAAE,IAAI,EAA6C,MAAM,cAAc,CAAA;AAI9E,eAAO,MAAM,OAAO,gBA8FlB,CAAA"}

package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Twitter/twitter.js

@@ -1,10 +1,10 @@
-import { Node, mergeAttributes } from "@tiptap/core";
-import { ReactNodeViewRenderer } from "@tiptap/react";
-import TwitterEmbed from "./TwitterEmbed.js";
+import { Node, mergeAttributes } from '@tiptap/core';
+import { ReactNodeViewRenderer } from '@tiptap/react';
+import TwitterEmbed from './TwitterEmbed.js';
 export const Twitter = Node.create({
-    name: "twitter",
-    group: "block",
-    content: "inline*",
+    name: 'twitter',
+    group: 'block',
+    content: 'inline*',
     draggable: true,
     // content: 'inline*',
     parseHTML () {
@@ -19,6 +19,9 @@ export const Twitter = Node.create({
             url: {
                 default: null
             },
+            src: {
+                default: null
+            },
             class: {
                 default: null
             }
@@ -26,20 +29,49 @@ export const Twitter = Node.create({
     },
     addKeyboardShortcuts () {
         return {
-            "Mod-Enter": ()=>{
+            'Mod-Enter': ()=>{
                 return this.editor.chain().insertContentAt(this.editor.state.selection.head, {
                     type: this.type.name
                 }).focus().run();
             }
         };
     },
+    // renderHTML({ HTMLAttributes }) {
+    //   return [
+    //     "div",
+    //     mergeAttributes(HTMLAttributes, { "data-type": "twitter" }),
+    //     0,
+    //   ];
+    // },
     renderHTML ({ HTMLAttributes }) {
+        console.log('HTMLAttributes', HTMLAttributes);
         return [
-            "div",
-            mergeAttributes(HTMLAttributes, {
-                "data-type": "twitter"
-            }),
-            0
+            'div',
+            mergeAttributes({
+                'data-type': 'twitter',
+                class: 'socialMediaContainer'
+            }, HTMLAttributes),
+            [
+                'blockquote',
+                {
+                    class: 'twitter-tweet'
+                },
+                [
+                    'a',
+                    {
+                        href: HTMLAttributes.url ?? HTMLAttributes.src
+                    },
+                    ''
+                ]
+            ],
+            [
+                'script',
+                {
+                    async: true,
+                    src: 'https://platform.twitter.com/widgets.js',
+                    charset: 'utf-8'
+                }
+            ]
         ];
     },
     addNodeView () {
@@ -48,11 +80,19 @@ export const Twitter = Node.create({
     addCommands () {
         return {
             insertTwitter: (url, className)=>({ commands, state })=>{
+                    const tweetMatch = url.match(/(?:twitter\.com|x\.com)\/([^\/]+)\/status\/(\d+)/);
+                    let formattedUrl = url;
+                    if (tweetMatch) {
+                        const [_, username, tweetId] = tweetMatch;
+                        formattedUrl = `https://twitter.com/${username}/status/${tweetId}`;
+                    }
+                    console.log('URL', url);
                     return commands.insertContent({
-                        type: "twitter",
+                        type: 'twitter',
                         attrs: {
-                            url,
-                            class: className
+                            url: formattedUrl,
+                            class: className,
+                            src: formattedUrl
                         }
                     });
                 }
@@ -66,7 +106,7 @@ function isValidHttpUrl(string) {
     } catch (_) {
         return false;
     }
-    return url.protocol === "http:" || url.protocol === "https:";
+    return url.protocol === 'http:' || url.protocol === 'https:';
 }
 
 //# sourceMappingURL=twitter.js.map

package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Twitter/twitter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Twitter/twitter.ts"],"sourcesContent":["declare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    twitter: {\n      /**\n       * Add an image\n       */\n\n      insertTwitter: (url?: string, className?: string) => ReturnType;\n    };\n  }\n}\n\nimport { Node, PasteRule, markPasteRule, mergeAttributes } from \"@tiptap/core\";\nimport { ReactNodeViewRenderer } from \"@tiptap/react\";\nimport TwitterEmbed from \"./TwitterEmbed.js\";\n\nexport const Twitter = Node.create({\n  name: \"twitter\",\n\n  group: \"block\",\n  content: \"inline*\",\n  draggable: true,\n\n  // content: 'inline*',\n\n  parseHTML() {\n    return [\n      {\n        tag: 'div[data-type=\"twitter\"]',\n      },\n    ];\n  },\n\n  addAttributes() {\n    return {\n      url: { default: null },\n      class: { default: null },\n    };\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      \"Mod-Enter\": () => {\n        return this.editor\n          .chain()\n          .insertContentAt(this.editor.state.selection.head, {\n            type: this.type.name,\n          })\n          .focus()\n          .run();\n      },\n    };\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\n      \"div\",\n      mergeAttributes(HTMLAttributes, { \"data-type\": \"twitter\" }),\n      0,\n    ];\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(TwitterEmbed);\n  },\n\n  addCommands() {\n    return {\n      insertTwitter:\n        (url, className) =>\n        ({ commands, state }) => {\n          return commands.insertContent({\n            type: \"twitter\",\n            attrs: {\n              url,\n              class: className,\n            },\n          });\n        },\n    };\n  },\n});\n\nfunction isValidHttpUrl(string: string) {\n  let url;\n\n  try {\n    url = new URL(string);\n  } catch (_) {\n    return false;\n  }\n\n  return url.protocol === \"http:\" || url.protocol === \"https:\";\n}\n"],"names":["Node","mergeAttributes","ReactNodeViewRenderer","TwitterEmbed","Twitter","create","name","group","content","draggable","parseHTML","tag","addAttributes","url","default","class","addKeyboardShortcuts","editor","chain","insertContentAt","state","selection","head","type","focus","run","renderHTML","HTMLAttributes","addNodeView","addCommands","insertTwitter","className","commands","insertContent","attrs","isValidHttpUrl","string","URL","_","protocol"],"mappings":"AAYA,SAASA,IAAI,EAA4BC,eAAe,QAAQ,eAAe;AAC/E,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,OAAOC,kBAAkB,oBAAoB;AAE7C,OAAO,MAAMC,UAAUJ,KAAKK,MAAM,CAAC;IACjCC,MAAM;IAENC,OAAO;IACPC,SAAS;IACTC,WAAW;IAEX,sBAAsB;IAEtBC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IAEAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;YACrBC,OAAO;gBAAED,SAAS;YAAK;QACzB;IACF;IAEAE;QACE,OAAO;YACL,aAAa;gBACX,OAAO,IAAI,CAACC,MAAM,CACfC,KAAK,GACLC,eAAe,CAAC,IAAI,CAACF,MAAM,CAACG,KAAK,CAACC,SAAS,CAACC,IAAI,EAAE;oBACjDC,MAAM,IAAI,CAACA,IAAI,CAACjB,IAAI;gBACtB,GACCkB,KAAK,GACLC,GAAG;YACR;QACF;IACF;IAEAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YACL;YACA1B,gBAAgB0B,gBAAgB;gBAAE,aAAa;YAAU;YACzD;SACD;IACH;IAEAC;QACE,OAAO1B,sBAAsBC;IAC/B;IAEA0B;QACE,OAAO;YACLC,eACE,CAACjB,KAAKkB,YACN,CAAC,EAAEC,QAAQ,EAAEZ,KAAK,EAAE;oBAClB,OAAOY,SAASC,aAAa,CAAC;wBAC5BV,MAAM;wBACNW,OAAO;4BACLrB;4BACAE,OAAOgB;wBACT;oBACF;gBACF;QACJ;IACF;AACF,GAAG;AAEH,SAASI,eAAeC,MAAc;IACpC,IAAIvB;IAEJ,IAAI;QACFA,MAAM,IAAIwB,IAAID;IAChB,EAAE,OAAOE,GAAG;QACV,OAAO;IACT;IAEA,OAAOzB,IAAI0B,QAAQ,KAAK,WAAW1B,IAAI0B,QAAQ,KAAK;AACtD"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Twitter/twitter.ts"],"sourcesContent":["declare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    twitter: {\n      /**\n       * Add an image\n       */\n\n      insertTwitter: (url?: string, className?: string) => ReturnType\n    }\n  }\n}\n\nimport { Node, PasteRule, markPasteRule, mergeAttributes } from '@tiptap/core'\nimport { ReactNodeViewRenderer } from '@tiptap/react'\nimport TwitterEmbed from './TwitterEmbed.js'\n\nexport const Twitter = Node.create({\n  name: 'twitter',\n\n  group: 'block',\n  content: 'inline*',\n  draggable: true,\n\n  // content: 'inline*',\n\n  parseHTML() {\n    return [\n      {\n        tag: 'div[data-type=\"twitter\"]',\n      },\n    ]\n  },\n\n  addAttributes() {\n    return {\n      url: { default: null },\n      src: { default: null },\n      class: { default: null },\n    }\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      'Mod-Enter': () => {\n        return this.editor\n          .chain()\n          .insertContentAt(this.editor.state.selection.head, {\n            type: this.type.name,\n          })\n          .focus()\n          .run()\n      },\n    }\n  },\n\n  // renderHTML({ HTMLAttributes }) {\n  //   return [\n  //     \"div\",\n  //     mergeAttributes(HTMLAttributes, { \"data-type\": \"twitter\" }),\n  //     0,\n  //   ];\n  // },\n  renderHTML({ HTMLAttributes }) {\n    console.log('HTMLAttributes', HTMLAttributes)\n    return [\n      'div',\n      mergeAttributes({ 'data-type': 'twitter', class: 'socialMediaContainer' }, HTMLAttributes),\n      [\n        'blockquote',\n        { class: 'twitter-tweet' },\n        ['a', { href: HTMLAttributes.url ?? HTMLAttributes.src }, ''],\n      ],\n      [\n        'script',\n        {\n          async: true,\n          src: 'https://platform.twitter.com/widgets.js',\n          charset: 'utf-8',\n        },\n      ],\n    ]\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(TwitterEmbed)\n  },\n\n  addCommands() {\n    return {\n      insertTwitter:\n        (url, className) =>\n        ({ commands, state }) => {\n          const tweetMatch = url.match(/(?:twitter\\.com|x\\.com)\\/([^\\/]+)\\/status\\/(\\d+)/)\n          let formattedUrl = url\n          if (tweetMatch) {\n            const [_, username, tweetId] = tweetMatch\n            formattedUrl = `https://twitter.com/${username}/status/${tweetId}`\n          }\n          console.log('URL', url)\n          return commands.insertContent({\n            type: 'twitter',\n            attrs: {\n              url: formattedUrl,\n              class: className,\n              src: formattedUrl,\n            },\n          })\n        },\n    }\n  },\n})\n\nfunction isValidHttpUrl(string: string) {\n  let url\n\n  try {\n    url = new URL(string)\n  } catch (_) {\n    return false\n  }\n\n  return url.protocol === 'http:' || url.protocol === 'https:'\n}\n"],"names":["Node","mergeAttributes","ReactNodeViewRenderer","TwitterEmbed","Twitter","create","name","group","content","draggable","parseHTML","tag","addAttributes","url","default","src","class","addKeyboardShortcuts","editor","chain","insertContentAt","state","selection","head","type","focus","run","renderHTML","HTMLAttributes","console","log","href","async","charset","addNodeView","addCommands","insertTwitter","className","commands","tweetMatch","match","formattedUrl","_","username","tweetId","insertContent","attrs","isValidHttpUrl","string","URL","protocol"],"mappings":"AAYA,SAASA,IAAI,EAA4BC,eAAe,QAAQ,eAAc;AAC9E,SAASC,qBAAqB,QAAQ,gBAAe;AACrD,OAAOC,kBAAkB,oBAAmB;AAE5C,OAAO,MAAMC,UAAUJ,KAAKK,MAAM,CAAC;IACjCC,MAAM;IAENC,OAAO;IACPC,SAAS;IACTC,WAAW;IAEX,sBAAsB;IAEtBC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IAEAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;YACrBC,KAAK;gBAAED,SAAS;YAAK;YACrBE,OAAO;gBAAEF,SAAS;YAAK;QACzB;IACF;IAEAG;QACE,OAAO;YACL,aAAa;gBACX,OAAO,IAAI,CAACC,MAAM,CACfC,KAAK,GACLC,eAAe,CAAC,IAAI,CAACF,MAAM,CAACG,KAAK,CAACC,SAAS,CAACC,IAAI,EAAE;oBACjDC,MAAM,IAAI,CAACA,IAAI,CAAClB,IAAI;gBACtB,GACCmB,KAAK,GACLC,GAAG;YACR;QACF;IACF;IAEA,mCAAmC;IACnC,aAAa;IACb,aAAa;IACb,mEAAmE;IACnE,SAAS;IACT,OAAO;IACP,KAAK;IACLC,YAAW,EAAEC,cAAc,EAAE;QAC3BC,QAAQC,GAAG,CAAC,kBAAkBF;QAC9B,OAAO;YACL;YACA3B,gBAAgB;gBAAE,aAAa;gBAAWe,OAAO;YAAuB,GAAGY;YAC3E;gBACE;gBACA;oBAAEZ,OAAO;gBAAgB;gBACzB;oBAAC;oBAAK;wBAAEe,MAAMH,eAAef,GAAG,IAAIe,eAAeb,GAAG;oBAAC;oBAAG;iBAAG;aAC9D;YACD;gBACE;gBACA;oBACEiB,OAAO;oBACPjB,KAAK;oBACLkB,SAAS;gBACX;aACD;SACF;IACH;IAEAC;QACE,OAAOhC,sBAAsBC;IAC/B;IAEAgC;QACE,OAAO;YACLC,eACE,CAACvB,KAAKwB,YACN,CAAC,EAAEC,QAAQ,EAAEjB,KAAK,EAAE;oBAClB,MAAMkB,aAAa1B,IAAI2B,KAAK,CAAC;oBAC7B,IAAIC,eAAe5B;oBACnB,IAAI0B,YAAY;wBACd,MAAM,CAACG,GAAGC,UAAUC,QAAQ,GAAGL;wBAC/BE,eAAe,CAAC,oBAAoB,EAAEE,SAAS,QAAQ,EAAEC,QAAQ,CAAC;oBACpE;oBACAf,QAAQC,GAAG,CAAC,OAAOjB;oBACnB,OAAOyB,SAASO,aAAa,CAAC;wBAC5BrB,MAAM;wBACNsB,OAAO;4BACLjC,KAAK4B;4BACLzB,OAAOqB;4BACPtB,KAAK0B;wBACP;oBACF;gBACF;QACJ;IACF;AACF,GAAE;AAEF,SAASM,eAAeC,MAAc;IACpC,IAAInC;IAEJ,IAAI;QACFA,MAAM,IAAIoC,IAAID;IAChB,EAAE,OAAON,GAAG;QACV,OAAO;IACT;IAEA,OAAO7B,IAAIqC,QAAQ,KAAK,WAAWrC,IAAIqC,QAAQ,KAAK;AACtD"}

package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Youtube/youtube.d.ts

@@ -1,4 +1,4 @@
-declare module "@tiptap/core" {
+declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         youtube: {
             /**
@@ -8,6 +8,6 @@ declare module "@tiptap/core" {
         };
     }
 }
-import { Node } from "@tiptap/core";
+import { Node } from '@tiptap/core';
 export declare const Youtube: Node<any, any>;
 //# sourceMappingURL=youtube.d.ts.map

package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Youtube/youtube.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"youtube.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Youtube/youtube.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,OAAO,EAAE;YACP;;eAEG;YAEH,aAAa,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,UAAU,CAAC;SACjE,CAAC;KACH;CACF;AAED,OAAO,EAAE,IAAI,EAA6C,MAAM,cAAc,CAAC;AAI/E,eAAO,MAAM,OAAO,gBA6DlB,CAAC"}
+{"version":3,"file":"youtube.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Youtube/youtube.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,OAAO,EAAE;YACP;;eAEG;YAEH,aAAa,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,UAAU,CAAA;SAChE,CAAA;KACF;CACF;AAED,OAAO,EAAE,IAAI,EAA6C,MAAM,cAAc,CAAA;AAI9E,eAAO,MAAM,OAAO,gBAiHlB,CAAA"}

package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Youtube/youtube.js

@@ -1,16 +1,16 @@
-import { Node, mergeAttributes } from "@tiptap/core";
-import { ReactNodeViewRenderer } from "@tiptap/react";
-import TwitterEmbed from "./YoutubeEmbed.js";
+import { Node, mergeAttributes } from '@tiptap/core';
+import { ReactNodeViewRenderer } from '@tiptap/react';
+import TwitterEmbed from './YoutubeEmbed.js';
 export const Youtube = Node.create({
-    name: "youtube",
-    group: "block",
-    content: "inline*",
+    name: 'youtube',
+    group: 'block',
+    content: 'inline*',
     draggable: true,
     // content: 'inline*',
     parseHTML () {
         return [
             {
-                tag: "youtube-component"
+                tag: 'iframe[src]'
             }
         ];
     },
@@ -21,12 +21,27 @@ export const Youtube = Node.create({
             },
             class: {
                 default: null
+            },
+            src: {
+                default: null
+            },
+            width: {
+                default: '560'
+            },
+            height: {
+                default: '315'
+            },
+            frameborder: {
+                default: '0'
+            },
+            allowfullscreen: {
+                default: true
             }
         };
     },
     addKeyboardShortcuts () {
         return {
-            "Mod-Enter": ()=>{
+            'Mod-Enter': ()=>{
                 return this.editor.chain().insertContentAt(this.editor.state.selection.head, {
                     type: this.type.name
                 }).focus().run();
@@ -35,9 +50,17 @@ export const Youtube = Node.create({
     },
     renderHTML ({ HTMLAttributes }) {
         return [
-            "youtube-component",
-            mergeAttributes(HTMLAttributes),
-            0
+            'div',
+            mergeAttributes({
+                'data-type': 'youtube',
+                class: 'socialMediaContainer'
+            }),
+            [
+                'iframe',
+                mergeAttributes({
+                    src: HTMLAttributes.url
+                }, HTMLAttributes)
+            ]
         ];
     },
     addNodeView () {
@@ -46,11 +69,38 @@ export const Youtube = Node.create({
     addCommands () {
         return {
             insertYoutube: (url, className)=>({ commands, state })=>{
+                    if (!isValidHttpUrl(url)) {
+                        return false;
+                    }
+                    // Extract video ID from various YouTube URL formats
+                    const urlObj = new URL(url);
+                    let videoId = '';
+                    if (urlObj.hostname === 'youtu.be') {
+                        // Handle youtu.be format
+                        videoId = urlObj.pathname.slice(1);
+                    } else {
+                        // Handle youtube.com formats
+                        const searchParams = new URLSearchParams(urlObj.search);
+                        videoId = searchParams.get('v') || '';
+                        if (!videoId) {
+                            // Try extracting from pathname for embed URLs
+                            const matches = urlObj.pathname.match(/\/embed\/([^/?]+)/);
+                            if (matches) {
+                                videoId = matches[1];
+                            }
+                        }
+                    }
+                    if (!videoId) {
+                        return false;
+                    }
+                    // Convert to embed URL
+                    url = `https://www.youtube.com/embed/${videoId}`;
                     return commands.insertContent({
-                        type: "youtube",
+                        type: 'youtube',
                         attrs: {
                             url,
-                            class: className
+                            class: className,
+                            src: url
                         }
                     });
                 }
@@ -64,7 +114,7 @@ function isValidHttpUrl(string) {
     } catch (_) {
         return false;
     }
-    return url.protocol === "http:" || url.protocol === "https:";
+    return url.protocol === 'http:' || url.protocol === 'https:';
 }
 
 //# sourceMappingURL=youtube.js.map

package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Youtube/youtube.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Youtube/youtube.ts"],"sourcesContent":["declare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    youtube: {\n      /**\n       * Add an image\n       */\n\n      insertYoutube: (url?: string, className?: string) => ReturnType;\n    };\n  }\n}\n\nimport { Node, PasteRule, markPasteRule, mergeAttributes } from \"@tiptap/core\";\nimport { ReactNodeViewRenderer } from \"@tiptap/react\";\nimport TwitterEmbed from \"./YoutubeEmbed.js\";\n\nexport const Youtube = Node.create({\n  name: \"youtube\",\n\n  group: \"block\",\n  content: \"inline*\",\n  draggable: true,\n\n  // content: 'inline*',\n\n  parseHTML() {\n    return [\n      {\n        tag: \"youtube-component\",\n      },\n    ];\n  },\n\n  addAttributes() {\n    return {\n      url: { default: null },\n      class: { default: null },\n    };\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      \"Mod-Enter\": () => {\n        return this.editor\n          .chain()\n          .insertContentAt(this.editor.state.selection.head, {\n            type: this.type.name,\n          })\n          .focus()\n          .run();\n      },\n    };\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\"youtube-component\", mergeAttributes(HTMLAttributes), 0];\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(TwitterEmbed);\n  },\n\n  addCommands() {\n    return {\n      insertYoutube:\n        (url, className) =>\n        ({ commands, state }) => {\n          return commands.insertContent({\n            type: \"youtube\",\n            attrs: {\n              url,\n              class: className,\n            },\n          });\n        },\n    };\n  },\n});\n\nfunction isValidHttpUrl(string: string) {\n  let url;\n\n  try {\n    url = new URL(string);\n  } catch (_) {\n    return false;\n  }\n\n  return url.protocol === \"http:\" || url.protocol === \"https:\";\n}\n"],"names":["Node","mergeAttributes","ReactNodeViewRenderer","TwitterEmbed","Youtube","create","name","group","content","draggable","parseHTML","tag","addAttributes","url","default","class","addKeyboardShortcuts","editor","chain","insertContentAt","state","selection","head","type","focus","run","renderHTML","HTMLAttributes","addNodeView","addCommands","insertYoutube","className","commands","insertContent","attrs","isValidHttpUrl","string","URL","_","protocol"],"mappings":"AAYA,SAASA,IAAI,EAA4BC,eAAe,QAAQ,eAAe;AAC/E,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,OAAOC,kBAAkB,oBAAoB;AAE7C,OAAO,MAAMC,UAAUJ,KAAKK,MAAM,CAAC;IACjCC,MAAM;IAENC,OAAO;IACPC,SAAS;IACTC,WAAW;IAEX,sBAAsB;IAEtBC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IAEAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;YACrBC,OAAO;gBAAED,SAAS;YAAK;QACzB;IACF;IAEAE;QACE,OAAO;YACL,aAAa;gBACX,OAAO,IAAI,CAACC,MAAM,CACfC,KAAK,GACLC,eAAe,CAAC,IAAI,CAACF,MAAM,CAACG,KAAK,CAACC,SAAS,CAACC,IAAI,EAAE;oBACjDC,MAAM,IAAI,CAACA,IAAI,CAACjB,IAAI;gBACtB,GACCkB,KAAK,GACLC,GAAG;YACR;QACF;IACF;IAEAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YAAC;YAAqB1B,gBAAgB0B;YAAiB;SAAE;IAClE;IAEAC;QACE,OAAO1B,sBAAsBC;IAC/B;IAEA0B;QACE,OAAO;YACLC,eACE,CAACjB,KAAKkB,YACN,CAAC,EAAEC,QAAQ,EAAEZ,KAAK,EAAE;oBAClB,OAAOY,SAASC,aAAa,CAAC;wBAC5BV,MAAM;wBACNW,OAAO;4BACLrB;4BACAE,OAAOgB;wBACT;oBACF;gBACF;QACJ;IACF;AACF,GAAG;AAEH,SAASI,eAAeC,MAAc;IACpC,IAAIvB;IAEJ,IAAI;QACFA,MAAM,IAAIwB,IAAID;IAChB,EAAE,OAAOE,GAAG;QACV,OAAO;IACT;IAEA,OAAOzB,IAAI0B,QAAQ,KAAK,WAAW1B,IAAI0B,QAAQ,KAAK;AACtD"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Youtube/youtube.ts"],"sourcesContent":["declare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    youtube: {\n      /**\n       * Add an image\n       */\n\n      insertYoutube: (url?: string, className?: string) => ReturnType\n    }\n  }\n}\n\nimport { Node, PasteRule, markPasteRule, mergeAttributes } from '@tiptap/core'\nimport { ReactNodeViewRenderer } from '@tiptap/react'\nimport TwitterEmbed from './YoutubeEmbed.js'\n\nexport const Youtube = Node.create({\n  name: 'youtube',\n\n  group: 'block',\n  content: 'inline*',\n  draggable: true,\n\n  // content: 'inline*',\n  parseHTML() {\n    return [\n      {\n        tag: 'iframe[src]',\n      },\n    ]\n  },\n\n  addAttributes() {\n    return {\n      url: { default: null },\n      class: { default: null },\n      src: {\n        default: null,\n      },\n      width: {\n        default: '560',\n      },\n      height: {\n        default: '315',\n      },\n      frameborder: {\n        default: '0',\n      },\n      allowfullscreen: {\n        default: true,\n      },\n    }\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      'Mod-Enter': () => {\n        return this.editor\n          .chain()\n          .insertContentAt(this.editor.state.selection.head, {\n            type: this.type.name,\n          })\n          .focus()\n          .run()\n      },\n    }\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\n      'div',\n      mergeAttributes({\n        'data-type': 'youtube',\n        class: 'socialMediaContainer',\n      }),\n      ['iframe', mergeAttributes({ src: HTMLAttributes.url }, HTMLAttributes)],\n    ]\n  },\n  addNodeView() {\n    return ReactNodeViewRenderer(TwitterEmbed)\n  },\n\n  addCommands() {\n    return {\n      insertYoutube:\n        (url, className) =>\n        ({ commands, state }) => {\n          if (!isValidHttpUrl(url)) {\n            return false\n          }\n\n          // Extract video ID from various YouTube URL formats\n          const urlObj = new URL(url)\n          let videoId = ''\n\n          if (urlObj.hostname === 'youtu.be') {\n            // Handle youtu.be format\n            videoId = urlObj.pathname.slice(1)\n          } else {\n            // Handle youtube.com formats\n            const searchParams = new URLSearchParams(urlObj.search)\n            videoId = searchParams.get('v') || ''\n\n            if (!videoId) {\n              // Try extracting from pathname for embed URLs\n              const matches = urlObj.pathname.match(/\\/embed\\/([^/?]+)/)\n              if (matches) {\n                videoId = matches[1]\n              }\n            }\n          }\n\n          if (!videoId) {\n            return false\n          }\n\n          // Convert to embed URL\n          url = `https://www.youtube.com/embed/${videoId}`\n          return commands.insertContent({\n            type: 'youtube',\n            attrs: {\n              url,\n              class: className,\n              src: url,\n            },\n          })\n        },\n    }\n  },\n})\n\nfunction isValidHttpUrl(string: string) {\n  let url\n\n  try {\n    url = new URL(string)\n  } catch (_) {\n    return false\n  }\n\n  return url.protocol === 'http:' || url.protocol === 'https:'\n}\n"],"names":["Node","mergeAttributes","ReactNodeViewRenderer","TwitterEmbed","Youtube","create","name","group","content","draggable","parseHTML","tag","addAttributes","url","default","class","src","width","height","frameborder","allowfullscreen","addKeyboardShortcuts","editor","chain","insertContentAt","state","selection","head","type","focus","run","renderHTML","HTMLAttributes","addNodeView","addCommands","insertYoutube","className","commands","isValidHttpUrl","urlObj","URL","videoId","hostname","pathname","slice","searchParams","URLSearchParams","search","get","matches","match","insertContent","attrs","string","_","protocol"],"mappings":"AAYA,SAASA,IAAI,EAA4BC,eAAe,QAAQ,eAAc;AAC9E,SAASC,qBAAqB,QAAQ,gBAAe;AACrD,OAAOC,kBAAkB,oBAAmB;AAE5C,OAAO,MAAMC,UAAUJ,KAAKK,MAAM,CAAC;IACjCC,MAAM;IAENC,OAAO;IACPC,SAAS;IACTC,WAAW;IAEX,sBAAsB;IACtBC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IAEAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;YACrBC,OAAO;gBAAED,SAAS;YAAK;YACvBE,KAAK;gBACHF,SAAS;YACX;YACAG,OAAO;gBACLH,SAAS;YACX;YACAI,QAAQ;gBACNJ,SAAS;YACX;YACAK,aAAa;gBACXL,SAAS;YACX;YACAM,iBAAiB;gBACfN,SAAS;YACX;QACF;IACF;IAEAO;QACE,OAAO;YACL,aAAa;gBACX,OAAO,IAAI,CAACC,MAAM,CACfC,KAAK,GACLC,eAAe,CAAC,IAAI,CAACF,MAAM,CAACG,KAAK,CAACC,SAAS,CAACC,IAAI,EAAE;oBACjDC,MAAM,IAAI,CAACA,IAAI,CAACtB,IAAI;gBACtB,GACCuB,KAAK,GACLC,GAAG;YACR;QACF;IACF;IAEAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YACL;YACA/B,gBAAgB;gBACd,aAAa;gBACbc,OAAO;YACT;YACA;gBAAC;gBAAUd,gBAAgB;oBAAEe,KAAKgB,eAAenB,GAAG;gBAAC,GAAGmB;aAAgB;SACzE;IACH;IACAC;QACE,OAAO/B,sBAAsBC;IAC/B;IAEA+B;QACE,OAAO;YACLC,eACE,CAACtB,KAAKuB,YACN,CAAC,EAAEC,QAAQ,EAAEZ,KAAK,EAAE;oBAClB,IAAI,CAACa,eAAezB,MAAM;wBACxB,OAAO;oBACT;oBAEA,oDAAoD;oBACpD,MAAM0B,SAAS,IAAIC,IAAI3B;oBACvB,IAAI4B,UAAU;oBAEd,IAAIF,OAAOG,QAAQ,KAAK,YAAY;wBAClC,yBAAyB;wBACzBD,UAAUF,OAAOI,QAAQ,CAACC,KAAK,CAAC;oBAClC,OAAO;wBACL,6BAA6B;wBAC7B,MAAMC,eAAe,IAAIC,gBAAgBP,OAAOQ,MAAM;wBACtDN,UAAUI,aAAaG,GAAG,CAAC,QAAQ;wBAEnC,IAAI,CAACP,SAAS;4BACZ,8CAA8C;4BAC9C,MAAMQ,UAAUV,OAAOI,QAAQ,CAACO,KAAK,CAAC;4BACtC,IAAID,SAAS;gCACXR,UAAUQ,OAAO,CAAC,EAAE;4BACtB;wBACF;oBACF;oBAEA,IAAI,CAACR,SAAS;wBACZ,OAAO;oBACT;oBAEA,uBAAuB;oBACvB5B,MAAM,CAAC,8BAA8B,EAAE4B,QAAQ,CAAC;oBAChD,OAAOJ,SAASc,aAAa,CAAC;wBAC5BvB,MAAM;wBACNwB,OAAO;4BACLvC;4BACAE,OAAOqB;4BACPpB,KAAKH;wBACP;oBACF;gBACF;QACJ;IACF;AACF,GAAE;AAEF,SAASyB,eAAee,MAAc;IACpC,IAAIxC;IAEJ,IAAI;QACFA,MAAM,IAAI2B,IAAIa;IAChB,EAAE,OAAOC,GAAG;QACV,OAAO;IACT;IAEA,OAAOzC,IAAI0C,QAAQ,KAAK,WAAW1C,IAAI0C,QAAQ,KAAK;AACtD"}

package/dist/src/fields/TiptapEditor/extensions/extension-kit.d.ts

@@ -3,6 +3,6 @@ interface ExtensionKitProps {
     openAssetHQHandler: openAssetHQType;
     dir?: "ltr" | "rtl";
 }
-export declare const ExtensionKit: ({ dir, openAssetHQHandler, }: ExtensionKitProps) => (import("@tiptap/core").Extension<any, any> | import("@tiptap/core").Node<any, any> | import("@tiptap/core").Mark<import("@tiptap/extension-subscript").SubscriptExtensionOptions, any>)[];
+export declare const ExtensionKit: ({ dir, openAssetHQHandler, }: ExtensionKitProps) => (import("@tiptap/core").Node<any, any> | import("@tiptap/core").Extension<any, any> | import("@tiptap/core").Mark<import("@tiptap/extension-subscript").SubscriptExtensionOptions, any>)[];
 export default ExtensionKit;
 //# sourceMappingURL=extension-kit.d.ts.map

package/dist/src/fields/TiptapEditor/lib/extract.d.ts

@@ -1,4 +1,4 @@
-import { JSONContent } from "@tiptap/core";
+import { JSONContent } from '@tiptap/core';
 export declare const extractTiptapJson: (markdownValue: string) => JSONContent;
 export declare const extractTiptapJsonFromHTML: (htmlinput: string) => Record<string, any>;
 export declare const extractMarkdown: (json: any) => any;

package/dist/src/fields/TiptapEditor/lib/extract.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"extract.d.ts","sourceRoot":"","sources":["../../../../../src/fields/TiptapEditor/lib/extract.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,WAAW,EAAE,MAAM,cAAc,CAAC;AAGjE,eAAO,MAAM,iBAAiB,kBAAmB,MAAM,gBAWtD,CAAC;AAEF,eAAO,MAAM,yBAAyB,cAAe,MAAM,wBAO1D,CAAC;AAEF,eAAO,MAAM,eAAe,SAAU,GAAG,QAYxC,CAAC;AAEF,eAAO,MAAM,OAAO,SAAU,WAAW,WAWxC,CAAC"}
+{"version":3,"file":"extract.d.ts","sourceRoot":"","sources":["../../../../../src/fields/TiptapEditor/lib/extract.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,WAAW,EAAE,MAAM,cAAc,CAAA;AAG9E,eAAO,MAAM,iBAAiB,kBAAmB,MAAM,gBAWtD,CAAA;AAED,eAAO,MAAM,yBAAyB,cAAe,MAAM,wBAO1D,CAAA;AAED,eAAO,MAAM,eAAe,SAAU,GAAG,QAYxC,CAAA;AAED,eAAO,MAAM,OAAO,SAAU,WAAW,WAcxC,CAAA"}

package/dist/src/fields/TiptapEditor/lib/extract.js

@@ -1,5 +1,5 @@
-import { Editor, generateJSON } from "@tiptap/core";
-import ExtensionKit from "../extensions/extension-kit.js";
+import { Editor, generateHTML, generateJSON } from '@tiptap/core';
+import ExtensionKit from '../extensions/extension-kit.js';
 export const extractTiptapJson = (markdownValue)=>{
     const editor = new Editor({
         content: markdownValue,
@@ -32,16 +32,18 @@ export const extractMarkdown = (json)=>{
     return markdown;
 };
 export const getHtml = (json)=>{
-    const editor = new Editor({
-        content: json,
-        extensions: [
-            ...ExtensionKit({
-                // provider,
-                openAssetHQHandler: ()=>{}
-            })
-        ]
-    });
-    return editor?.getHTML();
+    // const editor = new Editor({
+    //   content: json,
+    //   extensions: [
+    //   ,
+    //   ],
+    // });
+    return generateHTML(json, [
+        ...ExtensionKit({
+            // provider,
+            openAssetHQHandler: ()=>{}
+        })
+    ]);
 };
 
 //# sourceMappingURL=extract.js.map

package/dist/src/fields/TiptapEditor/lib/extract.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/fields/TiptapEditor/lib/extract.ts"],"sourcesContent":["import { Editor, generateJSON, JSONContent } from \"@tiptap/core\";\nimport ExtensionKit from \"../extensions/extension-kit.js\";\n\nexport const extractTiptapJson = (markdownValue: string) => {\n  const editor = new Editor({\n    content: markdownValue,\n    extensions: [\n      ...ExtensionKit({\n        openAssetHQHandler: () => { },\n        // provider,\n      }),\n    ],\n  });\n  return editor.getJSON();\n};\n\nexport const extractTiptapJsonFromHTML = (htmlinput: string) => {\n  return generateJSON(htmlinput, [\n    ...ExtensionKit({\n      openAssetHQHandler: () => { },\n      // provider,\n    }),\n  ]);\n};\n\nexport const extractMarkdown = (json: any) => {\n  const editor = new Editor({\n    content: json,\n    extensions: [\n      ...ExtensionKit({\n        // provider,\n        openAssetHQHandler: () => { },\n      }),\n    ],\n  });\n  const markdown = editor.storage.markdown.getMarkdown();\n  return markdown\n};\n\nexport const getHtml = (json: JSONContent) => {\n  const editor = new Editor({\n    content: json,\n    extensions: [\n      ...ExtensionKit({\n        // provider,\n        openAssetHQHandler: () => { },\n      }),\n    ],\n  });\n  return editor?.getHTML();\n};\n"],"names":["Editor","generateJSON","ExtensionKit","extractTiptapJson","markdownValue","editor","content","extensions","openAssetHQHandler","getJSON","extractTiptapJsonFromHTML","htmlinput","extractMarkdown","json","markdown","storage","getMarkdown","getHtml","getHTML"],"mappings":"AAAA,SAASA,MAAM,EAAEC,YAAY,QAAqB,eAAe;AACjE,OAAOC,kBAAkB,iCAAiC;AAE1D,OAAO,MAAMC,oBAAoB,CAACC;IAChC,MAAMC,SAAS,IAAIL,OAAO;QACxBM,SAASF;QACTG,YAAY;eACPL,aAAa;gBACdM,oBAAoB,KAAQ;YAE9B;SACD;IACH;IACA,OAAOH,OAAOI,OAAO;AACvB,EAAE;AAEF,OAAO,MAAMC,4BAA4B,CAACC;IACxC,OAAOV,aAAaU,WAAW;WAC1BT,aAAa;YACdM,oBAAoB,KAAQ;QAE9B;KACD;AACH,EAAE;AAEF,OAAO,MAAMI,kBAAkB,CAACC;IAC9B,MAAMR,SAAS,IAAIL,OAAO;QACxBM,SAASO;QACTN,YAAY;eACPL,aAAa;gBACd,YAAY;gBACZM,oBAAoB,KAAQ;YAC9B;SACD;IACH;IACA,MAAMM,WAAWT,OAAOU,OAAO,CAACD,QAAQ,CAACE,WAAW;IACpD,OAAOF;AACT,EAAE;AAEF,OAAO,MAAMG,UAAU,CAACJ;IACtB,MAAMR,SAAS,IAAIL,OAAO;QACxBM,SAASO;QACTN,YAAY;eACPL,aAAa;gBACd,YAAY;gBACZM,oBAAoB,KAAQ;YAC9B;SACD;IACH;IACA,OAAOH,QAAQa;AACjB,EAAE"}
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/lib/extract.ts"],"sourcesContent":["import { Editor, generateHTML, generateJSON, JSONContent } from '@tiptap/core'\nimport ExtensionKit from '../extensions/extension-kit.js'\n\nexport const extractTiptapJson = (markdownValue: string) => {\n  const editor = new Editor({\n    content: markdownValue,\n    extensions: [\n      ...ExtensionKit({\n        openAssetHQHandler: () => {},\n        // provider,\n      }),\n    ],\n  })\n  return editor.getJSON()\n}\n\nexport const extractTiptapJsonFromHTML = (htmlinput: string) => {\n  return generateJSON(htmlinput, [\n    ...ExtensionKit({\n      openAssetHQHandler: () => {},\n      // provider,\n    }),\n  ])\n}\n\nexport const extractMarkdown = (json: any) => {\n  const editor = new Editor({\n    content: json,\n    extensions: [\n      ...ExtensionKit({\n        // provider,\n        openAssetHQHandler: () => {},\n      }),\n    ],\n  })\n  const markdown = editor.storage.markdown.getMarkdown()\n  return markdown\n}\n\nexport const getHtml = (json: JSONContent) => {\n  // const editor = new Editor({\n  //   content: json,\n  //   extensions: [\n  //   ,\n  //   ],\n  // });\n\n  return generateHTML(json, [\n    ...ExtensionKit({\n      // provider,\n      openAssetHQHandler: () => {},\n    }),\n  ])\n}\n"],"names":["Editor","generateHTML","generateJSON","ExtensionKit","extractTiptapJson","markdownValue","editor","content","extensions","openAssetHQHandler","getJSON","extractTiptapJsonFromHTML","htmlinput","extractMarkdown","json","markdown","storage","getMarkdown","getHtml"],"mappings":"AAAA,SAASA,MAAM,EAAEC,YAAY,EAAEC,YAAY,QAAqB,eAAc;AAC9E,OAAOC,kBAAkB,iCAAgC;AAEzD,OAAO,MAAMC,oBAAoB,CAACC;IAChC,MAAMC,SAAS,IAAIN,OAAO;QACxBO,SAASF;QACTG,YAAY;eACPL,aAAa;gBACdM,oBAAoB,KAAO;YAE7B;SACD;IACH;IACA,OAAOH,OAAOI,OAAO;AACvB,EAAC;AAED,OAAO,MAAMC,4BAA4B,CAACC;IACxC,OAAOV,aAAaU,WAAW;WAC1BT,aAAa;YACdM,oBAAoB,KAAO;QAE7B;KACD;AACH,EAAC;AAED,OAAO,MAAMI,kBAAkB,CAACC;IAC9B,MAAMR,SAAS,IAAIN,OAAO;QACxBO,SAASO;QACTN,YAAY;eACPL,aAAa;gBACd,YAAY;gBACZM,oBAAoB,KAAO;YAC7B;SACD;IACH;IACA,MAAMM,WAAWT,OAAOU,OAAO,CAACD,QAAQ,CAACE,WAAW;IACpD,OAAOF;AACT,EAAC;AAED,OAAO,MAAMG,UAAU,CAACJ;IACtB,8BAA8B;IAC9B,mBAAmB;IACnB,kBAAkB;IAClB,MAAM;IACN,OAAO;IACP,MAAM;IAEN,OAAOb,aAAaa,MAAM;WACrBX,aAAa;YACd,YAAY;YACZM,oBAAoB,KAAO;QAC7B;KACD;AACH,EAAC"}