payload-richtext-tiptap 0.0.1

package/dist/fields/TiptapEditor/extensions/SocialMedia/Facebook/facebook.js

@@ -0,0 +1,66 @@
+import { Node, mergeAttributes } from "@tiptap/core";
+import { ReactNodeViewRenderer } from "@tiptap/react";
+import FacebookEmbed from "./FacebookEmbed.jsx";
+export const Facebook = Node.create({
+    name: "facebook",
+    group: "block",
+    content: "inline*",
+    draggable: true,
+    // content: 'inline*',
+    parseHTML () {
+        return [
+            {
+                tag: "facebook-component"
+            }
+        ];
+    },
+    addAttributes () {
+        return {
+            url: {
+                default: null
+            }
+        };
+    },
+    addKeyboardShortcuts () {
+        return {
+            "Mod-Enter": ()=>{
+                return this.editor.chain().insertContentAt(this.editor.state.selection.head, {
+                    type: this.type.name
+                }).focus().run();
+            }
+        };
+    },
+    renderHTML ({ HTMLAttributes }) {
+        return [
+            "facebook-component",
+            mergeAttributes(HTMLAttributes),
+            0
+        ];
+    },
+    addNodeView () {
+        return ReactNodeViewRenderer(FacebookEmbed);
+    },
+    addCommands () {
+        return {
+            insertFacebook: (url)=>({ commands, state })=>{
+                    return commands.insertContent({
+                        type: "facebook",
+                        attrs: {
+                            url
+                        }
+                    });
+                }
+        };
+    }
+});
+function isValidHttpUrl(string) {
+    let url;
+    try {
+        url = new URL(string);
+    } catch (_) {
+        return false;
+    }
+    return url.protocol === "http:" || url.protocol === "https:";
+}
+
+//# sourceMappingURL=facebook.js.map

package/dist/fields/TiptapEditor/extensions/SocialMedia/Facebook/facebook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Facebook/facebook.ts"],"sourcesContent":["declare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    facebook: {\n      /**\n       * Add an image\n       */\n\n      insertFacebook: (url?: string) => ReturnType;\n    };\n  }\n}\n\nimport { Node, mergeAttributes } from \"@tiptap/core\";\nimport { ReactNodeViewRenderer } from \"@tiptap/react\";\nimport FacebookEmbed from \"./FacebookEmbed.jsx\";\n\nexport const Facebook = Node.create({\n  name: \"facebook\",\n  group: \"block\",\n  content: \"inline*\",\n  draggable: true,\n\n  // content: 'inline*',\n\n  parseHTML() {\n    return [\n      {\n        tag: \"facebook-component\",\n      },\n    ];\n  },\n  addAttributes() {\n    return {\n      url: { 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 [\"facebook-component\", mergeAttributes(HTMLAttributes), 0];\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(FacebookEmbed);\n  },\n\n  addCommands() {\n    return {\n      insertFacebook:\n        (url) =>\n        ({ commands, state }) => {\n          return commands.insertContent({\n            type: \"facebook\",\n            attrs: {\n              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","FacebookEmbed","Facebook","create","name","group","content","draggable","parseHTML","tag","addAttributes","url","default","addKeyboardShortcuts","editor","chain","insertContentAt","state","selection","head","type","focus","run","renderHTML","HTMLAttributes","addNodeView","addCommands","insertFacebook","commands","insertContent","attrs","isValidHttpUrl","string","URL","_","protocol"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAYA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAe;AACrD,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,OAAOC,mBAAmB,sBAAsB;AAEhD,OAAO,MAAMC,WAAWJ,KAAKK,MAAM,CAAC;IAClCC,MAAM;IACNC,OAAO;IACPC,SAAS;IACTC,WAAW;IAEX,sBAAsB;IAEtBC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IACAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;QACvB;IACF;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,CAAChB,IAAI;gBACtB,GACCiB,KAAK,GACLC,GAAG;YACR;QACF;IACF;IAEAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YAAC;YAAsBzB,gBAAgByB;YAAiB;SAAE;IACnE;IAEAC;QACE,OAAOzB,sBAAsBC;IAC/B;IAEAyB;QACE,OAAO;YACLC,gBACE,CAAChB,MACD,CAAC,EAAEiB,QAAQ,EAAEX,KAAK,EAAE;oBAClB,OAAOW,SAASC,aAAa,CAAC;wBAC5BT,MAAM;wBACNU,OAAO;4BACLnB;wBACF;oBACF;gBACF;QACJ;IACF;AACF,GAAG;AAEH,SAASoB,eAAeC,MAAc;IACpC,IAAIrB;IAEJ,IAAI;QACFA,MAAM,IAAIsB,IAAID;IAChB,EAAE,OAAOE,GAAG;QACV,OAAO;IACT;IAEA,OAAOvB,IAAIwB,QAAQ,KAAK,WAAWxB,IAAIwB,QAAQ,KAAK;AACtD"}

package/dist/fields/TiptapEditor/extensions/SocialMedia/Facebook/index.js

@@ -0,0 +1,3 @@
+export * from "./facebook.js";
+
+//# sourceMappingURL=index.js.map

package/dist/fields/TiptapEditor/extensions/SocialMedia/Facebook/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Facebook/index.ts"],"sourcesContent":["export * from \"./facebook.js\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,gBAAgB"}

package/dist/fields/TiptapEditor/extensions/SocialMedia/Instagram/InstagramEmbed.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Instagram } from "lucide-react";
+import { InstagramEmbed } from "react-social-media-embed";
+import SocialMediaEmbed from "../SocialMediaEmbed.jsx";
+import "../socialMedia.scss";
+export default ((props)=>{
+    return /*#__PURE__*/ _jsx(SocialMediaEmbed, {
+        props: props,
+        Icon: Instagram,
+        text: "Embed a post from Instagram",
+        children: /*#__PURE__*/ _jsx(InstagramEmbed, {
+            className: "max-w-[328px]",
+            url: props?.node?.attrs?.url ?? "",
+            width: 328,
+            captioned: true
+        })
+    });
+});
+
+//# sourceMappingURL=InstagramEmbed.js.map

package/dist/fields/TiptapEditor/extensions/SocialMedia/Instagram/InstagramEmbed.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Instagram/InstagramEmbed.tsx"],"sourcesContent":["import { Instagram } from \"lucide-react\";\nimport { InstagramEmbed } from \"react-social-media-embed\";\nimport SocialMediaEmbed from \"../SocialMediaEmbed.jsx\";\nimport \"../socialMedia.scss\";\n\nexport default (props: { node: { attrs: { url?: string } } }) => {\n  return (\n    <SocialMediaEmbed\n      props={props}\n      Icon={Instagram}\n      text={\"Embed a post from Instagram\"}\n    >\n      <InstagramEmbed\n        className=\"max-w-[328px]\"\n        url={props?.node?.attrs?.url ?? \"\"}\n        width={328}\n        captioned\n      />\n    </SocialMediaEmbed>\n  );\n};\n"],"names":["Instagram","InstagramEmbed","SocialMediaEmbed","props","Icon","text","className","url","node","attrs","width","captioned"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":";AAAA,SAASA,SAAS,QAAQ,eAAe;AACzC,SAASC,cAAc,QAAQ,2BAA2B;AAC1D,OAAOC,sBAAsB,0BAA0B;AACvD,OAAO,sBAAsB;AAE7B,eAAe,CAAA,CAACC;IACd,qBACE,KAACD;QACCC,OAAOA;QACPC,MAAMJ;QACNK,MAAM;kBAEN,cAAA,KAACJ;YACCK,WAAU;YACVC,KAAKJ,OAAOK,MAAMC,OAAOF,OAAO;YAChCG,OAAO;YACPC,SAAS;;;AAIjB,CAAA,EAAE"}

package/dist/fields/TiptapEditor/extensions/SocialMedia/Instagram/index.js

@@ -0,0 +1,3 @@
+export * from "./instagram.js";
+
+//# sourceMappingURL=index.js.map

package/dist/fields/TiptapEditor/extensions/SocialMedia/Instagram/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Instagram/index.ts"],"sourcesContent":["export * from \"./instagram.js\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,iBAAiB"}

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

@@ -0,0 +1,66 @@
+import { Node, mergeAttributes } from "@tiptap/core";
+import { ReactNodeViewRenderer } from "@tiptap/react";
+import InstagramEmbed from "./InstagramEmbed.jsx";
+export const Instagram = Node.create({
+    name: "instagram",
+    group: "block",
+    content: "inline*",
+    draggable: true,
+    // content: 'inline*',
+    parseHTML () {
+        return [
+            {
+                tag: "instagram-component"
+            }
+        ];
+    },
+    addAttributes () {
+        return {
+            url: {
+                default: null
+            }
+        };
+    },
+    addKeyboardShortcuts () {
+        return {
+            "Mod-Enter": ()=>{
+                return this.editor.chain().insertContentAt(this.editor.state.selection.head, {
+                    type: this.type.name
+                }).focus().run();
+            }
+        };
+    },
+    renderHTML ({ HTMLAttributes }) {
+        return [
+            "instagram-component",
+            mergeAttributes(HTMLAttributes),
+            0
+        ];
+    },
+    addNodeView () {
+        return ReactNodeViewRenderer(InstagramEmbed);
+    },
+    addCommands () {
+        return {
+            insertInstagram: (url)=>({ commands, state })=>{
+                    return commands.insertContent({
+                        type: "instagram",
+                        attrs: {
+                            url
+                        }
+                    });
+                }
+        };
+    }
+});
+function isValidHttpUrl(string) {
+    let url;
+    try {
+        url = new URL(string);
+    } catch (_) {
+        return false;
+    }
+    return url.protocol === "http:" || url.protocol === "https:";
+}
+
+//# sourceMappingURL=instagram.js.map

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

@@ -0,0 +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) => ReturnType;\n    };\n  }\n}\n\nimport { Node, mergeAttributes } from \"@tiptap/core\";\nimport { ReactNodeViewRenderer } from \"@tiptap/react\";\nimport InstagramEmbed from \"./InstagramEmbed.jsx\";\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    };\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) =>\n        ({ commands, state }) => {\n          return commands.insertContent({\n            type: \"instagram\",\n            attrs: {\n              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","InstagramEmbed","Instagram","create","name","group","content","draggable","parseHTML","tag","addAttributes","url","default","addKeyboardShortcuts","editor","chain","insertContentAt","state","selection","head","type","focus","run","renderHTML","HTMLAttributes","addNodeView","addCommands","insertInstagram","commands","insertContent","attrs","isValidHttpUrl","string","URL","_","protocol"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAYA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAe;AACrD,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,OAAOC,oBAAoB,uBAAuB;AAElD,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;QACvB;IACF;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,CAAChB,IAAI;gBACtB,GACCiB,KAAK,GACLC,GAAG;YACR;QACF;IACF;IAEAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YAAC;YAAuBzB,gBAAgByB;YAAiB;SAAE;IACpE;IAEAC;QACE,OAAOzB,sBAAsBC;IAC/B;IAEAyB;QACE,OAAO;YACLC,iBACE,CAAChB,MACD,CAAC,EAAEiB,QAAQ,EAAEX,KAAK,EAAE;oBAClB,OAAOW,SAASC,aAAa,CAAC;wBAC5BT,MAAM;wBACNU,OAAO;4BACLnB;wBACF;oBACF;gBACF;QACJ;IACF;AACF,GAAG;AAEH,SAASoB,eAAeC,MAAc;IACpC,IAAIrB;IAEJ,IAAI;QACFA,MAAM,IAAIsB,IAAID;IAChB,EAAE,OAAOE,GAAG;QACV,OAAO;IACT;IAEA,OAAOvB,IAAIwB,QAAQ,KAAK,WAAWxB,IAAIwB,QAAQ,KAAK;AACtD"}

package/dist/fields/TiptapEditor/extensions/SocialMedia/Linkedin/LinkedinEmbed.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { LinkedInEmbed } from "react-social-media-embed";
+import { Linkedin } from "lucide-react";
+import "../socialMedia.scss";
+import SocialMediaEmbed from "../SocialMediaEmbed.jsx";
+export default ((props)=>{
+    return /*#__PURE__*/ _jsx(SocialMediaEmbed, {
+        props: props,
+        Icon: Linkedin,
+        text: "Embed a post from Linkedin",
+        children: /*#__PURE__*/ _jsx(LinkedInEmbed, {
+            url: "https://www.linkedin.com/embed/feed/update/urn:li:share:6898694772484112384",
+            postUrl: "https://www.linkedin.com/posts/peterdiamandis_5-discoveries-the-james-webb-telescope-will-activity-6898694773406875648-z-D7",
+            width: 325,
+            height: 570
+        })
+    });
+});
+
+//# sourceMappingURL=LinkedinEmbed.js.map

package/dist/fields/TiptapEditor/extensions/SocialMedia/Linkedin/LinkedinEmbed.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Linkedin/LinkedinEmbed.tsx"],"sourcesContent":["import { NodeViewContent, NodeViewWrapper } from \"@tiptap/react\";\nimport React from \"react\";\nimport { LinkedInEmbed } from \"react-social-media-embed\";\nimport { Linkedin } from \"lucide-react\";\nimport \"../socialMedia.scss\";\nimport SocialMediaEmbed from \"../SocialMediaEmbed.jsx\";\n\nexport default (props: { node: { attrs: { url?: string } } }) => {\n  return (\n    <SocialMediaEmbed\n      props={props}\n      Icon={Linkedin}\n      text={\"Embed a post from Linkedin\"}\n    >\n      <LinkedInEmbed\n        url=\"https://www.linkedin.com/embed/feed/update/urn:li:share:6898694772484112384\"\n        postUrl=\"https://www.linkedin.com/posts/peterdiamandis_5-discoveries-the-james-webb-telescope-will-activity-6898694773406875648-z-D7\"\n        width={325}\n        height={570}\n      />\n    </SocialMediaEmbed>\n  );\n};\n"],"names":["React","LinkedInEmbed","Linkedin","SocialMediaEmbed","props","Icon","text","url","postUrl","width","height"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";AACA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,QAAQ,QAAQ,eAAe;AACxC,OAAO,sBAAsB;AAC7B,OAAOC,sBAAsB,0BAA0B;AAEvD,eAAe,CAAA,CAACC;IACd,qBACE,KAACD;QACCC,OAAOA;QACPC,MAAMH;QACNI,MAAM;kBAEN,cAAA,KAACL;YACCM,KAAI;YACJC,SAAQ;YACRC,OAAO;YACPC,QAAQ;;;AAIhB,CAAA,EAAE"}

package/dist/fields/TiptapEditor/extensions/SocialMedia/Linkedin/index.js

@@ -0,0 +1,3 @@
+export * from "./linkedin.js";
+
+//# sourceMappingURL=index.js.map

package/dist/fields/TiptapEditor/extensions/SocialMedia/Linkedin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Linkedin/index.ts"],"sourcesContent":["export * from \"./linkedin.js\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,gBAAgB"}

package/dist/fields/TiptapEditor/extensions/SocialMedia/Linkedin/linkedin.js

@@ -0,0 +1,65 @@
+import { Node, mergeAttributes } from "@tiptap/core";
+import { ReactNodeViewRenderer } from "@tiptap/react";
+import LinkedinEmbed from "./LinkedinEmbed.jsx";
+export const Linkedin = Node.create({
+    name: "linkedin",
+    group: "block",
+    content: "inline*",
+    draggable: true,
+    parseHTML () {
+        return [
+            {
+                tag: "linkedin-component"
+            }
+        ];
+    },
+    addAttributes () {
+        return {
+            url: {
+                default: null
+            }
+        };
+    },
+    addKeyboardShortcuts () {
+        return {
+            "Mod-Enter": ()=>{
+                return this.editor.chain().insertContentAt(this.editor.state.selection.head, {
+                    type: this.type.name
+                }).focus().run();
+            }
+        };
+    },
+    renderHTML ({ HTMLAttributes }) {
+        return [
+            "linkedin-component",
+            mergeAttributes(HTMLAttributes),
+            0
+        ];
+    },
+    addNodeView () {
+        return ReactNodeViewRenderer(LinkedinEmbed);
+    },
+    addCommands () {
+        return {
+            insertLinkedin: (url)=>({ commands, state })=>{
+                    return commands.insertContent({
+                        type: "linkedin",
+                        attrs: {
+                            url
+                        }
+                    });
+                }
+        };
+    }
+});
+function isValidHttpUrl(string) {
+    let url;
+    try {
+        url = new URL(string);
+    } catch (_) {
+        return false;
+    }
+    return url.protocol === "http:" || url.protocol === "https:";
+}
+
+//# sourceMappingURL=linkedin.js.map

package/dist/fields/TiptapEditor/extensions/SocialMedia/Linkedin/linkedin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Linkedin/linkedin.ts"],"sourcesContent":["declare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    linkedin: {\n      /**\n       * Add an image\n       */\n\n      insertLinkedin: (url?: string) => ReturnType;\n    };\n  }\n}\n\nimport { Node, mergeAttributes } from \"@tiptap/core\";\nimport { ReactNodeViewRenderer } from \"@tiptap/react\";\nimport LinkedinEmbed from \"./LinkedinEmbed.jsx\";\n\nexport const Linkedin = Node.create({\n  name: \"linkedin\",\n\n  group: \"block\",\n  content: \"inline*\",\n  draggable: true,\n\n  parseHTML() {\n    return [\n      {\n        tag: \"linkedin-component\",\n      },\n    ];\n  },\n  addAttributes() {\n    return {\n      url: { 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 [\"linkedin-component\", mergeAttributes(HTMLAttributes), 0];\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(LinkedinEmbed);\n  },\n\n  addCommands() {\n    return {\n      insertLinkedin:\n        (url) =>\n        ({ commands, state }) => {\n          return commands.insertContent({\n            type: \"linkedin\",\n            attrs: {\n              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","LinkedinEmbed","Linkedin","create","name","group","content","draggable","parseHTML","tag","addAttributes","url","default","addKeyboardShortcuts","editor","chain","insertContentAt","state","selection","head","type","focus","run","renderHTML","HTMLAttributes","addNodeView","addCommands","insertLinkedin","commands","insertContent","attrs","isValidHttpUrl","string","URL","_","protocol"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAYA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAe;AACrD,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,OAAOC,mBAAmB,sBAAsB;AAEhD,OAAO,MAAMC,WAAWJ,KAAKK,MAAM,CAAC;IAClCC,MAAM;IAENC,OAAO;IACPC,SAAS;IACTC,WAAW;IAEXC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IACAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;QACvB;IACF;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,CAAChB,IAAI;gBACtB,GACCiB,KAAK,GACLC,GAAG;YACR;QACF;IACF;IAEAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YAAC;YAAsBzB,gBAAgByB;YAAiB;SAAE;IACnE;IAEAC;QACE,OAAOzB,sBAAsBC;IAC/B;IAEAyB;QACE,OAAO;YACLC,gBACE,CAAChB,MACD,CAAC,EAAEiB,QAAQ,EAAEX,KAAK,EAAE;oBAClB,OAAOW,SAASC,aAAa,CAAC;wBAC5BT,MAAM;wBACNU,OAAO;4BACLnB;wBACF;oBACF;gBACF;QACJ;IACF;AACF,GAAG;AAEH,SAASoB,eAAeC,MAAc;IACpC,IAAIrB;IAEJ,IAAI;QACFA,MAAM,IAAIsB,IAAID;IAChB,EAAE,OAAOE,GAAG;QACV,OAAO;IACT;IAEA,OAAOvB,IAAIwB,QAAQ,KAAK,WAAWxB,IAAIwB,QAAQ,KAAK;AACtD"}

package/dist/fields/TiptapEditor/extensions/SocialMedia/SocialMediaEmbed.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { NodeViewContent, NodeViewWrapper } from '@tiptap/react';
+import './socialMedia.scss';
+export default (({ props, children, Icon, text })=>{
+    return /*#__PURE__*/ _jsx(NodeViewWrapper, {
+        className: "react-component",
+        onClick: ()=>{
+            props.editor.commands.setNodeSelection(props.getPos());
+        },
+        children: /*#__PURE__*/ _jsx(NodeViewContent, {
+            contentEditable: "false",
+            className: "socialMediaContainer",
+            children: props?.node.type.spec.draggable ? /*#__PURE__*/ _jsx("div", {
+                draggable: "true",
+                "data-drag-handle": "",
+                style: {
+                    width: '100%'
+                },
+                children: !props?.node?.attrs?.url ?? '' ? /*#__PURE__*/ _jsxs("div", {
+                    className: "w-full bg-zinc-100 py-8 px-6 flex items-center justify-center gap-2 socialMediaCard",
+                    draggable: "true",
+                    "data-drag-handle": "",
+                    contentEditable: "false",
+                    children: [
+                        /*#__PURE__*/ _jsx(Icon, {
+                            size: 24
+                        }),
+                        /*#__PURE__*/ _jsx("p", {
+                            className: "w-full flex items-center justify-start mt-0",
+                            style: {
+                                marginTop: 0
+                            },
+                            children: text
+                        })
+                    ]
+                }) : /*#__PURE__*/ _jsx("div", {
+                    style: {
+                        display: 'flex',
+                        justifyContent: 'center'
+                    },
+                    draggable: "true",
+                    "data-drag-handle": "",
+                    contentEditable: "false",
+                    children: children
+                })
+            }) : null
+        })
+    });
+});
+
+//# sourceMappingURL=SocialMediaEmbed.js.map

package/dist/fields/TiptapEditor/extensions/SocialMedia/SocialMediaEmbed.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/extensions/SocialMedia/SocialMediaEmbed.tsx"],"sourcesContent":["import { NodeViewContent, NodeViewWrapper } from '@tiptap/react'\nimport './socialMedia.scss'\n\nexport default ({ props, children, Icon, text }: any) => {\n  return (\n    <NodeViewWrapper\n      className=\"react-component\"\n      onClick={() => {\n        props.editor.commands.setNodeSelection(props.getPos())\n      }}\n    >\n      <NodeViewContent contentEditable=\"false\" className=\"socialMediaContainer\">\n        {props?.node.type.spec.draggable ? (\n          <div draggable=\"true\" data-drag-handle=\"\" style={{ width: '100%' }}>\n            {!props?.node?.attrs?.url ?? '' ? (\n              <div\n                className=\"w-full bg-zinc-100 py-8 px-6 flex items-center justify-center gap-2 socialMediaCard\"\n                draggable=\"true\"\n                data-drag-handle=\"\"\n                contentEditable=\"false\"\n              >\n                <Icon size={24} />\n                <p\n                  className=\"w-full flex items-center justify-start mt-0\"\n                  style={{\n                    marginTop: 0,\n                  }}\n                >\n                  {text}\n                </p>\n              </div>\n            ) : (\n              <div\n                style={{ display: 'flex', justifyContent: 'center' }}\n                draggable=\"true\"\n                data-drag-handle=\"\"\n                contentEditable=\"false\"\n              >\n                {children}\n              </div>\n            )}\n          </div>\n        ) : null}\n      </NodeViewContent>\n    </NodeViewWrapper>\n  )\n}\n"],"names":["NodeViewContent","NodeViewWrapper","props","children","Icon","text","className","onClick","editor","commands","setNodeSelection","getPos","contentEditable","node","type","spec","draggable","div","data-drag-handle","style","width","attrs","url","size","p","marginTop","display","justifyContent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAASA,eAAe,EAAEC,eAAe,QAAQ,gBAAe;AAChE,OAAO,qBAAoB;AAE3B,eAAe,CAAA,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,IAAI,EAAO;IAClD,qBACE,KAACJ;QACCK,WAAU;QACVC,SAAS;YACPL,MAAMM,MAAM,CAACC,QAAQ,CAACC,gBAAgB,CAACR,MAAMS,MAAM;QACrD;kBAEA,cAAA,KAACX;YAAgBY,iBAAgB;YAAQN,WAAU;sBAChDJ,OAAOW,KAAKC,KAAKC,KAAKC,0BACrB,KAACC;gBAAID,WAAU;gBAAOE,oBAAiB;gBAAGC,OAAO;oBAAEC,OAAO;gBAAO;0BAC9D,CAAClB,OAAOW,MAAMQ,OAAOC,OAAO,mBAC3B,MAACL;oBACCX,WAAU;oBACVU,WAAU;oBACVE,oBAAiB;oBACjBN,iBAAgB;;sCAEhB,KAACR;4BAAKmB,MAAM;;sCACZ,KAACC;4BACClB,WAAU;4BACVa,OAAO;gCACLM,WAAW;4BACb;sCAECpB;;;mCAIL,KAACY;oBACCE,OAAO;wBAAEO,SAAS;wBAAQC,gBAAgB;oBAAS;oBACnDX,WAAU;oBACVE,oBAAiB;oBACjBN,iBAAgB;8BAEfT;;iBAIL;;;AAIZ,CAAA,EAAC"}

package/dist/fields/TiptapEditor/extensions/SocialMedia/Tiktok/TiktokEmbed.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Music } from "lucide-react";
+import { TikTokEmbed } from "react-social-media-embed";
+import "../socialMedia.scss";
+import SocialMediaEmbed from "../SocialMediaEmbed.jsx";
+export default ((props)=>{
+    return /*#__PURE__*/ _jsx(SocialMediaEmbed, {
+        props: props,
+        Icon: Music,
+        text: " Embed a Video from Tiktok",
+        children: /*#__PURE__*/ _jsx(TikTokEmbed, {
+            url: props?.node?.attrs?.url ?? ""
+        })
+    });
+});
+
+//# sourceMappingURL=TiktokEmbed.js.map

package/dist/fields/TiptapEditor/extensions/SocialMedia/Tiktok/TiktokEmbed.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Tiktok/TiktokEmbed.tsx"],"sourcesContent":["import { NodeViewContent, NodeViewWrapper } from \"@tiptap/react\";\nimport { Music } from \"lucide-react\";\nimport { TikTokEmbed } from \"react-social-media-embed\";\nimport \"../socialMedia.scss\";\nimport SocialMediaEmbed from \"../SocialMediaEmbed.jsx\";\n\nexport default (props: { node: { attrs: { url?: string } } }) => {\n  return (\n    <SocialMediaEmbed\n      props={props}\n      Icon={Music}\n      text={\" Embed a Video from Tiktok\"}\n    >\n      <TikTokEmbed url={props?.node?.attrs?.url ?? \"\"} />\n    </SocialMediaEmbed>\n  );\n};\n"],"names":["Music","TikTokEmbed","SocialMediaEmbed","props","Icon","text","url","node","attrs"],"rangeMappings":";;;;;;;;;;;;;;","mappings":";AACA,SAASA,KAAK,QAAQ,eAAe;AACrC,SAASC,WAAW,QAAQ,2BAA2B;AACvD,OAAO,sBAAsB;AAC7B,OAAOC,sBAAsB,0BAA0B;AAEvD,eAAe,CAAA,CAACC;IACd,qBACE,KAACD;QACCC,OAAOA;QACPC,MAAMJ;QACNK,MAAM;kBAEN,cAAA,KAACJ;YAAYK,KAAKH,OAAOI,MAAMC,OAAOF,OAAO;;;AAGnD,CAAA,EAAE"}

package/dist/fields/TiptapEditor/extensions/SocialMedia/Tiktok/index.js

@@ -0,0 +1,3 @@
+export * from "./tiktok.js";
+
+//# sourceMappingURL=index.js.map

package/dist/fields/TiptapEditor/extensions/SocialMedia/Tiktok/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Tiktok/index.ts"],"sourcesContent":["export * from \"./tiktok.js\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,cAAc"}

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

@@ -0,0 +1,66 @@
+import { Node, mergeAttributes } from "@tiptap/core";
+import { ReactNodeViewRenderer } from "@tiptap/react";
+import TiktokEmbed from "./TiktokEmbed.jsx";
+export const Tiktok = Node.create({
+    name: "tiktok",
+    group: "block",
+    content: "inline*",
+    draggable: true,
+    // content: 'inline*',
+    parseHTML () {
+        return [
+            {
+                tag: "tiktok-component"
+            }
+        ];
+    },
+    addAttributes () {
+        return {
+            url: {
+                default: null
+            }
+        };
+    },
+    addKeyboardShortcuts () {
+        return {
+            "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)=>({ commands, state })=>{
+                    return commands.insertContent({
+                        type: "tiktok",
+                        attrs: {
+                            url
+                        }
+                    });
+                }
+        };
+    }
+});
+function isValidHttpUrl(string) {
+    let url;
+    try {
+        url = new URL(string);
+    } catch (_) {
+        return false;
+    }
+    return url.protocol === "http:" || url.protocol === "https:";
+}
+
+//# sourceMappingURL=tiktok.js.map

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

@@ -0,0 +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) => ReturnType;\n    };\n  }\n}\n\nimport { Node, mergeAttributes } from \"@tiptap/core\";\nimport { ReactNodeViewRenderer } from \"@tiptap/react\";\nimport TiktokEmbed from \"./TiktokEmbed.jsx\";\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    };\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) =>\n        ({ commands, state }) => {\n          return commands.insertContent({\n            type: \"tiktok\",\n            attrs: {\n              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","parseHTML","tag","addAttributes","url","default","addKeyboardShortcuts","editor","chain","insertContentAt","state","selection","head","type","focus","run","renderHTML","HTMLAttributes","addNodeView","addCommands","insertTiktok","commands","insertContent","attrs","isValidHttpUrl","string","URL","_","protocol"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAYA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAe;AACrD,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,OAAOC,iBAAiB,oBAAoB;AAE5C,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;QACvB;IACF;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,CAAChB,IAAI;gBACtB,GACCiB,KAAK,GACLC,GAAG;YACR;QACF;IACF;IAEAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YAAC;YAAoBzB,gBAAgByB;YAAiB;SAAE;IACjE;IAEAC;QACE,OAAOzB,sBAAsBC;IAC/B;IAEAyB;QACE,OAAO;YACLC,cACE,CAAChB,MACD,CAAC,EAAEiB,QAAQ,EAAEX,KAAK,EAAE;oBAClB,OAAOW,SAASC,aAAa,CAAC;wBAC5BT,MAAM;wBACNU,OAAO;4BACLnB;wBACF;oBACF;gBACF;QACJ;IACF;AACF,GAAG;AAEH,SAASoB,eAAeC,MAAc;IACpC,IAAIrB;IAEJ,IAAI;QACFA,MAAM,IAAIsB,IAAID;IAChB,EAAE,OAAOE,GAAG;QACV,OAAO;IACT;IAEA,OAAOvB,IAAIwB,QAAQ,KAAK,WAAWxB,IAAIwB,QAAQ,KAAK;AACtD"}

package/dist/fields/TiptapEditor/extensions/SocialMedia/Twitter/TwitterEmbed.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Twitter } from "lucide-react";
+import { XEmbed } from "react-social-media-embed";
+import "../socialMedia.scss";
+import SocialMediaEmbed from "../SocialMediaEmbed.jsx";
+export default ((props)=>{
+    return /*#__PURE__*/ _jsx(SocialMediaEmbed, {
+        props: props,
+        Icon: Twitter,
+        text: "Embed a Tweet from X",
+        children: /*#__PURE__*/ _jsx(XEmbed, {
+            url: props?.node?.attrs?.url ?? "",
+            width: 325
+        })
+    });
+});
+
+//# sourceMappingURL=TwitterEmbed.js.map

package/dist/fields/TiptapEditor/extensions/SocialMedia/Twitter/TwitterEmbed.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Twitter/TwitterEmbed.tsx"],"sourcesContent":["import { NodeViewContent, NodeViewWrapper } from \"@tiptap/react\";\nimport { Twitter } from \"lucide-react\";\nimport { XEmbed } from \"react-social-media-embed\";\nimport \"../socialMedia.scss\";\nimport SocialMediaEmbed from \"../SocialMediaEmbed.jsx\";\n\nexport default (props: { node: { attrs: { url?: string } } }) => {\n  return (\n    <SocialMediaEmbed\n      props={props}\n      Icon={Twitter}\n      text={\"Embed a Tweet from X\"}\n    >\n      <XEmbed url={props?.node?.attrs?.url ?? \"\"} width={325} />\n    </SocialMediaEmbed>\n  );\n};\n"],"names":["Twitter","XEmbed","SocialMediaEmbed","props","Icon","text","url","node","attrs","width"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";AACA,SAASA,OAAO,QAAQ,eAAe;AACvC,SAASC,MAAM,QAAQ,2BAA2B;AAClD,OAAO,sBAAsB;AAC7B,OAAOC,sBAAsB,0BAA0B;AAEvD,eAAe,CAAA,CAACC;IACd,qBACE,KAACD;QACCC,OAAOA;QACPC,MAAMJ;QACNK,MAAM;kBAEN,cAAA,KAACJ;YAAOK,KAAKH,OAAOI,MAAMC,OAAOF,OAAO;YAAIG,OAAO;;;AAGzD,CAAA,EAAE"}

package/dist/fields/TiptapEditor/extensions/SocialMedia/Twitter/index.js

@@ -0,0 +1,3 @@
+export * from "./twitter.js";
+
+//# sourceMappingURL=index.js.map

package/dist/fields/TiptapEditor/extensions/SocialMedia/Twitter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Twitter/index.ts"],"sourcesContent":["export * from \"./twitter.js\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,eAAe"}

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

@@ -0,0 +1,68 @@
+import { Node, mergeAttributes } from "@tiptap/core";
+import { ReactNodeViewRenderer } from "@tiptap/react";
+import TwitterEmbed from "./TwitterEmbed.jsx";
+export const Twitter = Node.create({
+    name: "twitter",
+    group: "block",
+    content: "inline*",
+    draggable: true,
+    // content: 'inline*',
+    parseHTML () {
+        return [
+            {
+                tag: 'div[data-type="twitter"]'
+            }
+        ];
+    },
+    addAttributes () {
+        return {
+            url: {
+                default: null
+            }
+        };
+    },
+    addKeyboardShortcuts () {
+        return {
+            "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
+        ];
+    },
+    addNodeView () {
+        return ReactNodeViewRenderer(TwitterEmbed);
+    },
+    addCommands () {
+        return {
+            insertTwitter: (url)=>({ commands, state })=>{
+                    return commands.insertContent({
+                        type: "twitter",
+                        attrs: {
+                            url
+                        }
+                    });
+                }
+        };
+    }
+});
+function isValidHttpUrl(string) {
+    let url;
+    try {
+        url = new URL(string);
+    } catch (_) {
+        return false;
+    }
+    return url.protocol === "http:" || url.protocol === "https:";
+}
+
+//# sourceMappingURL=twitter.js.map

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

@@ -0,0 +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) => ReturnType;\n    };\n  }\n}\n\nimport { Node, PasteRule, markPasteRule, mergeAttributes } from \"@tiptap/core\";\nimport { ReactNodeViewRenderer } from \"@tiptap/react\";\nimport TwitterEmbed from \"./TwitterEmbed.jsx\";\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    };\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) =>\n        ({ commands, state }) => {\n          return commands.insertContent({\n            type: \"twitter\",\n            attrs: {\n              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","Twitter","create","name","group","content","draggable","parseHTML","tag","addAttributes","url","default","addKeyboardShortcuts","editor","chain","insertContentAt","state","selection","head","type","focus","run","renderHTML","HTMLAttributes","addNodeView","addCommands","insertTwitter","commands","insertContent","attrs","isValidHttpUrl","string","URL","_","protocol"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAYA,SAASA,IAAI,EAA4BC,eAAe,QAAQ,eAAe;AAC/E,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,OAAOC,kBAAkB,qBAAqB;AAE9C,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;QACvB;IACF;IAEAC;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,CAAChB,IAAI;gBACtB,GACCiB,KAAK,GACLC,GAAG;YACR;QACF;IACF;IAEAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YACL;YACAzB,gBAAgByB,gBAAgB;gBAAE,aAAa;YAAU;YACzD;SACD;IACH;IAEAC;QACE,OAAOzB,sBAAsBC;IAC/B;IAEAyB;QACE,OAAO;YACLC,eACE,CAAChB,MACD,CAAC,EAAEiB,QAAQ,EAAEX,KAAK,EAAE;oBAClB,OAAOW,SAASC,aAAa,CAAC;wBAC5BT,MAAM;wBACNU,OAAO;4BACLnB;wBACF;oBACF;gBACF;QACJ;IACF;AACF,GAAG;AAEH,SAASoB,eAAeC,MAAc;IACpC,IAAIrB;IAEJ,IAAI;QACFA,MAAM,IAAIsB,IAAID;IAChB,EAAE,OAAOE,GAAG;QACV,OAAO;IACT;IAEA,OAAOvB,IAAIwB,QAAQ,KAAK,WAAWxB,IAAIwB,QAAQ,KAAK;AACtD"}

package/dist/fields/TiptapEditor/extensions/SocialMedia/Youtube/YoutubeEmbed.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Youtube } from "lucide-react";
+import { YouTubeEmbed } from "react-social-media-embed";
+import SocialMediaEmbed from "../SocialMediaEmbed.jsx";
+import "../socialMedia.scss";
+export default ((props)=>{
+    return /*#__PURE__*/ _jsx(SocialMediaEmbed, {
+        props: props,
+        Icon: Youtube,
+        text: "Embed a Youtube Video",
+        children: /*#__PURE__*/ _jsx(YouTubeEmbed, {
+            url: props?.node?.attrs?.url ?? ""
+        })
+    });
+});
+
+//# sourceMappingURL=YoutubeEmbed.js.map

package/dist/fields/TiptapEditor/extensions/SocialMedia/Youtube/YoutubeEmbed.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Youtube/YoutubeEmbed.tsx"],"sourcesContent":["import { Youtube } from \"lucide-react\";\nimport { YouTubeEmbed } from \"react-social-media-embed\";\nimport SocialMediaEmbed from \"../SocialMediaEmbed.jsx\";\nimport \"../socialMedia.scss\";\n\nexport default (props: { node: { attrs: { url?: string } } }) => {\n  return (\n    <SocialMediaEmbed\n      props={props}\n      Icon={Youtube}\n      text={\"Embed a Youtube Video\"}\n    >\n      <YouTubeEmbed url={props?.node?.attrs?.url ?? \"\"} />\n    </SocialMediaEmbed>\n  );\n};\n"],"names":["Youtube","YouTubeEmbed","SocialMediaEmbed","props","Icon","text","url","node","attrs"],"rangeMappings":";;;;;;;;;;;;;;","mappings":";AAAA,SAASA,OAAO,QAAQ,eAAe;AACvC,SAASC,YAAY,QAAQ,2BAA2B;AACxD,OAAOC,sBAAsB,0BAA0B;AACvD,OAAO,sBAAsB;AAE7B,eAAe,CAAA,CAACC;IACd,qBACE,KAACD;QACCC,OAAOA;QACPC,MAAMJ;QACNK,MAAM;kBAEN,cAAA,KAACJ;YAAaK,KAAKH,OAAOI,MAAMC,OAAOF,OAAO;;;AAGpD,CAAA,EAAE"}

package/dist/fields/TiptapEditor/extensions/SocialMedia/Youtube/index.js

@@ -0,0 +1,3 @@
+export * from "./youtube.js";
+
+//# sourceMappingURL=index.js.map

package/dist/fields/TiptapEditor/extensions/SocialMedia/Youtube/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Youtube/index.ts"],"sourcesContent":["export * from \"./youtube.js\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,eAAe"}