payload-richtext-tiptap 0.0.126 → 0.0.128

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\n  parseHTML() {\n    return [\n      {\n        tag: 'div[data-type=\"instagram\"]',\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.src }, 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            let embedUrl = \"\"\n            if (url) {\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                embedUrl = `https://www.instagram.com/p/${postId}/embed/`\n              }\n            }\n            return commands.insertContent({\n              type: 'instagram',\n              attrs: {\n                url: url,\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","embedUrl","urlObj","URL","path","pathname","postId","split","filter","Boolean","insertContent","attrs","isValidHttpUrl","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;IAGAQ;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IACAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YACL;YACAtB,gBAAgB;gBACd,aAAa;gBACbY,OAAO;YACT;YACA;gBAAC;gBAAUZ,gBAAgB;oBAAEa,KAAKS,eAAeT,GAAG;gBAAC,GAAGS;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,YACJ,CAAC,EAAEC,QAAQ,EAAEV,KAAK,EAAE;oBAClB,IAAIW,WAAW;oBACf,IAAI5B,KAAK;wBAEP,8BAA8B;wBAC9B,MAAM6B,SAAS,IAAIC,IAAI9B;wBACvB,MAAM+B,OAAOF,OAAOG,QAAQ;wBAC5B,MAAMC,SAASF,KAAKG,KAAK,CAAC,KAAKC,MAAM,CAACC,QAAQ,CAAC,EAAE,CAAC,4BAA4B;;wBAC9E,IAAIH,QAAQ;4BACVL,WAAW,CAAC,4BAA4B,EAAEK,OAAO,OAAO,CAAC;wBAC3D;oBACF;oBACA,OAAON,SAASU,aAAa,CAAC;wBAC5BjB,MAAM;wBACNkB,OAAO;4BACLtC,KAAKA;4BACLE,OAAOwB;4BACPvB,KAAKyB;wBACP;oBACF;gBACF;QACN;IACF;AACF,GAAE;AAEF,SAASW,eAAeC,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,gBAiGjB,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,80 @@ 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: 'div[data-type="tiktok"]'
+            }
+        ];
+    },
+    renderHTML ({ HTMLAttributes }) {
+        return [
+            'div',
+            mergeAttributes({
+                'data-type': 'tiktok',
+                class: 'socialMediaContainer'
+            }),
+            [
+                'iframe',
+                mergeAttributes({
+                    src: HTMLAttributes.src
+                }, 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 })=>{
+                    let embedUrl;
+                    if (url) {
+                        const urlObj = new URL(url);
+                        const path = urlObj.pathname;
+                        const videoId = path.split('/').filter(Boolean)[2] // Get video ID from path
+                        ;
+                        if (videoId) {
+                            embedUrl = `https://www.tiktok.com/embed/v3/${videoId}`;
+                        }
+                    }
                     return commands.insertContent({
-                        type: "tiktok",
+                        type: 'tiktok',
                         attrs: {
                             url,
-                            class: className
+                            class: className,
+                            src: embedUrl
                         }
                     });
                 }
@@ -64,7 +101,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  parseHTML() {\n    return [\n      {\n        tag: 'div[data-type=\"tiktok\"]',\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.src }, 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\n\n            let embedUrl\n            if (url) {  // 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\n\n              if (videoId) {\n                embedUrl = `https://www.tiktok.com/embed/v3/${videoId}`\n              }\n            }\n            return commands.insertContent({\n              type: 'tiktok',\n              attrs: {\n                url,\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","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","embedUrl","urlObj","URL","path","pathname","videoId","split","filter","Boolean","insertContent","attrs","isValidHttpUrl","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;IACAQ;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IACAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YACL;YACAtB,gBAAgB;gBACd,aAAa;gBACbY,OAAO;YACT;YACA;gBAAC;gBAAUZ,gBAAgB;oBAAEa,KAAKS,eAAeT,GAAG;gBAAC,GAAGS;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,YACJ,CAAC,EAAEC,QAAQ,EAAEV,KAAK,EAAE;oBAGlB,IAAIW;oBACJ,IAAI5B,KAAK;wBACP,MAAM6B,SAAS,IAAIC,IAAI9B;wBACvB,MAAM+B,OAAOF,OAAOG,QAAQ;wBAC5B,MAAMC,UAAUF,KAAKG,KAAK,CAAC,KAAKC,MAAM,CAACC,QAAQ,CAAC,EAAE,CAAC,yBAAyB;;wBAG5E,IAAIH,SAAS;4BACXL,WAAW,CAAC,gCAAgC,EAAEK,QAAQ,CAAC;wBACzD;oBACF;oBACA,OAAON,SAASU,aAAa,CAAC;wBAC5BjB,MAAM;wBACNkB,OAAO;4BACLtC;4BACAE,OAAOwB;4BACPvB,KAAKyB;wBACP;oBACF;gBACF;QACN;IACF;AACF,GAAE;AAEF,SAASW,eAAeC,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/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,gBAiGlB,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.src ?? HTMLAttributes.url
+                    },
+                    ''
+                ]
+            ],
+            [
+                'script',
+                {
+                    async: true,
+                    src: 'https://platform.twitter.com/widgets.js',
+                    charset: 'utf-8'
+                }
+            ]
         ];
     },
     addNodeView () {
@@ -48,11 +80,21 @@ export const Twitter = Node.create({
     addCommands () {
         return {
             insertTwitter: (url, className)=>({ commands, state })=>{
+                    let formattedUrl = url;
+                    if (url) {
+                        const tweetMatch = url.match(/(?:twitter\.com|x\.com)\/([^\/]+)\/status\/(\d+)/);
+                        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: url,
+                            class: className,
+                            src: formattedUrl
                         }
                     });
                 }
@@ -66,7 +108,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.src ??  HTMLAttributes.url  }, ''],\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          let formattedUrl = url\n          if(url){\n\n            const tweetMatch = url.match(/(?:twitter\\.com|x\\.com)\\/([^\\/]+)\\/status\\/(\\d+)/)\n            if (tweetMatch) {\n              const [_, username, tweetId] = tweetMatch\n              formattedUrl = `https://twitter.com/${username}/status/${tweetId}`\n            }\n          }\n          console.log('URL', url)\n          return commands.insertContent({\n            type: 'twitter',\n            attrs: {\n              url: url,\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","formattedUrl","tweetMatch","match","_","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,MAAKH,eAAeb,GAAG,IAAKa,eAAef,GAAG;oBAAE;oBAAG;iBAAG;aAC/D;YACD;gBACE;gBACA;oBACEmB,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,IAAIkB,eAAe1B;oBACnB,IAAGA,KAAI;wBAEL,MAAM2B,aAAa3B,IAAI4B,KAAK,CAAC;wBAC7B,IAAID,YAAY;4BACd,MAAM,CAACE,GAAGC,UAAUC,QAAQ,GAAGJ;4BAC/BD,eAAe,CAAC,oBAAoB,EAAEI,SAAS,QAAQ,EAAEC,QAAQ,CAAC;wBACpE;oBACF;oBACAf,QAAQC,GAAG,CAAC,OAAOjB;oBACnB,OAAOyB,SAASO,aAAa,CAAC;wBAC5BrB,MAAM;wBACNsB,OAAO;4BACLjC,KAAKA;4BACLG,OAAOqB;4BACPtB,KAAKwB;wBACP;oBACF;gBACF;QACJ;IACF;AACF,GAAE;AAEF,SAASQ,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: 'div[data-type="youtube"]'
             }
         ];
     },
@@ -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.src
+                }, HTMLAttributes)
+            ]
         ];
     },
     addNodeView () {
@@ -46,11 +69,37 @@ export const Youtube = Node.create({
     addCommands () {
         return {
             insertYoutube: (url, className)=>({ commands, state })=>{
+                    let embedUrl = '';
+                    if (url) {
+                        // 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) {
+                            // Convert to embed URL
+                            embedUrl = `https://www.youtube.com/embed/${videoId}`;
+                        }
+                    }
                     return commands.insertContent({
-                        type: "youtube",
+                        type: 'youtube',
                         attrs: {
                             url,
-                            class: className
+                            class: className,
+                            src: embedUrl
                         }
                     });
                 }
@@ -64,7 +113,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: 'div[data-type=\"youtube\"]',\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.src }, HTMLAttributes)],\n    ]\n  },\n  addNodeView() {\n    return ReactNodeViewRenderer(TwitterEmbed)\n  },\n\n  addCommands() {\n    return {\n      insertYoutube:\n        (url, className) =>\n        ({ commands, state }) => {\n          let embedUrl = ''\n        \n          if(url){\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            // Convert to embed URL\n            embedUrl = `https://www.youtube.com/embed/${videoId}`\n          }\n        }\n\n          return commands.insertContent({\n            type: 'youtube',\n            attrs: {\n              url,\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","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","embedUrl","urlObj","URL","videoId","hostname","pathname","slice","searchParams","URLSearchParams","search","get","matches","match","insertContent","attrs","isValidHttpUrl","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;IACAC;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,eAAehB,GAAG;gBAAC,GAAGgB;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,IAAIa,WAAW;oBAEf,IAAGzB,KAAI;wBAGP,oDAAoD;wBACpD,MAAM0B,SAAS,IAAIC,IAAI3B;wBACvB,IAAI4B,UAAU;wBAEd,IAAIF,OAAOG,QAAQ,KAAK,YAAY;4BAClC,yBAAyB;4BACzBD,UAAUF,OAAOI,QAAQ,CAACC,KAAK,CAAC;wBAClC,OAAO;4BACL,6BAA6B;4BAC7B,MAAMC,eAAe,IAAIC,gBAAgBP,OAAOQ,MAAM;4BACtDN,UAAUI,aAAaG,GAAG,CAAC,QAAQ;4BAEnC,IAAI,CAACP,SAAS;gCACZ,8CAA8C;gCAC9C,MAAMQ,UAAUV,OAAOI,QAAQ,CAACO,KAAK,CAAC;gCACtC,IAAID,SAAS;oCACXR,UAAUQ,OAAO,CAAC,EAAE;gCACtB;4BACF;wBACF;wBAEA,IAAIR,SAAS;4BACX,uBAAuB;4BACvBH,WAAW,CAAC,8BAA8B,EAAEG,QAAQ,CAAC;wBACvD;oBACF;oBAEE,OAAOJ,SAASc,aAAa,CAAC;wBAC5BvB,MAAM;wBACNwB,OAAO;4BACLvC;4BACAE,OAAOqB;4BACPpB,KAAKsB;wBACP;oBACF;gBACF;QACJ;IACF;AACF,GAAE;AAEF,SAASe,eAAeC,MAAc;IACpC,IAAIzC;IAEJ,IAAI;QACFA,MAAM,IAAI2B,IAAIc;IAChB,EAAE,OAAOC,GAAG;QACV,OAAO;IACT;IAEA,OAAO1C,IAAI2C,QAAQ,KAAK,WAAW3C,IAAI2C,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"}