payload-richtext-tiptap 0.0.75 → 0.0.77

package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/VideoBlockViewClientside.d.ts

@@ -0,0 +1,33 @@
+import { Node } from "@tiptap/pm/model";
+import { Editor } from "@tiptap/react";
+import React from "react";
+interface VideoBlockViewProps {
+    editor: Editor;
+    getPos: () => number;
+    node: Node & {
+        attrs: {
+            src: string;
+            poster: string;
+            assetId: string;
+            playlistUrl?: string;
+        };
+    };
+    updateAttributes: (attrs: Record<string, string>) => void;
+}
+export type Playlist = {
+    id: string;
+    title: string;
+    description: string;
+    poster: string;
+    items: Item[];
+};
+export type Item = {
+    src: string;
+    type: string;
+    label: string;
+    width: number;
+    height: number;
+};
+export declare const VideoBlockViewClientside: (props: VideoBlockViewProps) => React.JSX.Element;
+export default VideoBlockViewClientside;
+//# sourceMappingURL=VideoBlockViewClientside.d.ts.map

package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/VideoBlockViewClientside.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoBlockViewClientside.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/extensions/VideoBlock/components/VideoBlockViewClientside.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAmB,MAAM,eAAe,CAAC;AACxD,OAAO,KAAkD,MAAM,OAAO,CAAC;AAIvE,UAAU,mBAAmB;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,MAAM,CAAC;IACrB,IAAI,EAAE,IAAI,GAAG;QACX,KAAK,EAAE;YACL,GAAG,EAAE,MAAM,CAAC;YACZ,MAAM,EAAE,MAAM,CAAC;YACf,OAAO,EAAE,MAAM,CAAC;YAChB,WAAW,CAAC,EAAE,MAAM,CAAC;SACtB,CAAC;KACH,CAAC;IACF,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;CAC3D;AAED,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,IAAI,EAAE,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,IAAI,GAAG;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,wBAAwB,UAAW,mBAAmB,sBA+FlE,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/VideoBlockViewClientside.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { NodeViewWrapper } from "@tiptap/react";
+import React, { useEffect, useMemo, useRef } from "react";
+import { cn } from "../../../lib/utils/index.js";
+import VideoPlayer from "./videojs/VideoPlayer.js";
+export const VideoBlockViewClientside = (props)=>{
+    const { node } = props;
+    const videoWrapperRef = useRef(null);
+    const { src, poster, playlistUrl, caption } = node.attrs;
+    const [playlistContent, setPlaylistContent] = React.useState();
+    const [error, setError] = React.useState();
+    useEffect(()=>{
+        async function getPlaylistContent() {
+            const res = await fetch(playlistUrl, {
+                cache: "no-cache"
+            });
+            return await res.json();
+        }
+        if (playlistUrl) {
+            try {
+                getPlaylistContent().then((data)=>{
+                    setPlaylistContent(data);
+                }).catch((err)=>{
+                    setError(err);
+                });
+            } catch (error) {
+                setError(error);
+            }
+        }
+    }, [
+        playlistUrl
+    ]);
+    const wrapperClassName = cn(node.attrs.align === "left" ? "ml-0" : "ml-auto", node.attrs.align === "right" ? "mr-0" : "mr-auto", node.attrs.align === "center" && "mx-auto");
+    const videoJsOptions = useMemo(()=>{
+        if (playlistContent == undefined) return {};
+        if (playlistContent.items.some((item)=>item.type === "application/x-mpegURL" || item.type === "application/vnd.apple.mpegurl")) {
+            return {
+                sources: playlistContent.items.filter((item)=>item.type === "application/x-mpegURL" || item.type === "application/vnd.apple.mpegurl").map((item)=>({
+                        src: item.src,
+                        type: item.type,
+                        label: item.label
+                    })),
+                poster: playlistContent.poster
+            };
+        }
+        return {
+            sources: playlistContent.items.map((item)=>({
+                    src: item.src,
+                    type: item.type,
+                    label: item.label
+                })),
+            poster: playlistContent.poster
+        };
+    }, [
+        playlistContent
+    ]);
+    return /*#__PURE__*/ _jsx(NodeViewWrapper, {
+        children: /*#__PURE__*/ _jsx("div", {
+            className: wrapperClassName,
+            style: {
+                width: node.attrs.width
+            },
+            children: /*#__PURE__*/ _jsxs("div", {
+                contentEditable: false,
+                ref: videoWrapperRef,
+                children: [
+                    error && /*#__PURE__*/ _jsx("div", {
+                        children: error
+                    }),
+                    playlistContent && /*#__PURE__*/ _jsx(VideoPlayer, {
+                        options: videoJsOptions
+                    }),
+                    caption && playlistContent?.title && /*#__PURE__*/ _jsx("caption", {
+                        className: "text-center block text-sm text-gray-500",
+                        children: playlistContent?.title
+                    })
+                ]
+            })
+        })
+    });
+};
+export default VideoBlockViewClientside;
+
+//# sourceMappingURL=VideoBlockViewClientside.js.map

package/dist/src/fields/TiptapEditor/extensions/VideoBlock/components/VideoBlockViewClientside.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/VideoBlock/components/VideoBlockViewClientside.tsx"],"sourcesContent":["import { Node } from \"@tiptap/pm/model\";\nimport { Editor, NodeViewWrapper } from \"@tiptap/react\";\nimport React, { useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { cn } from \"../../../lib/utils/index.js\";\nimport VideoPlayer from \"./videojs/VideoPlayer.js\";\n\ninterface VideoBlockViewProps {\n  editor: Editor;\n  getPos: () => number;\n  node: Node & {\n    attrs: {\n      src: string;\n      poster: string;\n      assetId: string;\n      playlistUrl?: string;\n    };\n  };\n  updateAttributes: (attrs: Record<string, string>) => void;\n}\n\nexport type Playlist = {\n  id: string;\n  title: string;\n  description: string;\n  poster: string;\n  items: Item[];\n};\n\nexport type Item = {\n  src: string;\n  type: string;\n  label: string;\n  width: number;\n  height: number;\n};\n\nexport const VideoBlockViewClientside = (props: VideoBlockViewProps) => {\n  const { node } = props;\n  const videoWrapperRef = useRef<HTMLDivElement>(null);\n  const { src, poster, playlistUrl, caption } = node.attrs;\n  const [playlistContent, setPlaylistContent] = React.useState<\n    Playlist | undefined\n  >();\n  const [error, setError] = React.useState();\n\n  useEffect(() => {\n    async function getPlaylistContent() {\n      const res = await fetch(playlistUrl, {\n        cache: \"no-cache\",\n      });\n      return await res.json();\n    }\n\n    if (playlistUrl) {\n      try {\n        getPlaylistContent()\n          .then((data) => {\n            setPlaylistContent(data);\n          })\n          .catch((err) => {\n            setError(err);\n          });\n      } catch (error) {\n        setError(error);\n      }\n    }\n  }, [playlistUrl]);\n\n  const wrapperClassName = cn(\n    node.attrs.align === \"left\" ? \"ml-0\" : \"ml-auto\",\n    node.attrs.align === \"right\" ? \"mr-0\" : \"mr-auto\",\n    node.attrs.align === \"center\" && \"mx-auto\"\n  );\n\n  const videoJsOptions = useMemo(() => {\n    if (playlistContent == undefined) return {};\n\n    if (\n      playlistContent.items.some(\n        (item) =>\n          item.type === \"application/x-mpegURL\" ||\n          item.type === \"application/vnd.apple.mpegurl\"\n      )\n    ) {\n      return {\n        sources: playlistContent.items\n          .filter(\n            (item) =>\n              item.type === \"application/x-mpegURL\" ||\n              item.type === \"application/vnd.apple.mpegurl\"\n          )\n          .map((item) => ({\n            src: item.src,\n            type: item.type,\n            label: item.label,\n          })),\n        poster: playlistContent.poster,\n      };\n    }\n    return {\n      sources: playlistContent.items.map((item) => ({\n        src: item.src,\n        type: item.type,\n        label: item.label,\n      })),\n      poster: playlistContent.poster,\n    };\n  }, [playlistContent]);\n  return (\n    <NodeViewWrapper>\n      <div className={wrapperClassName} style={{ width: node.attrs.width }}>\n        <div contentEditable={false} ref={videoWrapperRef}>\n          {error && <div>{error}</div>}\n          {/* <video\n            controls\n            className=\"block\"\n            src={src}\n            poster={poster}\n            title=\"\"\n            onClick={onClick}\n          /> */}\n          {playlistContent && <VideoPlayer options={videoJsOptions} />}\n          {caption && playlistContent?.title && (\n            <caption className=\"text-center block text-sm text-gray-500\">\n              {playlistContent?.title}\n            </caption>\n          )}\n        </div>\n      </div>\n    </NodeViewWrapper>\n  );\n};\n\nexport default VideoBlockViewClientside;\n"],"names":["NodeViewWrapper","React","useEffect","useMemo","useRef","cn","VideoPlayer","VideoBlockViewClientside","props","node","videoWrapperRef","src","poster","playlistUrl","caption","attrs","playlistContent","setPlaylistContent","useState","error","setError","getPlaylistContent","res","fetch","cache","json","then","data","catch","err","wrapperClassName","align","videoJsOptions","undefined","items","some","item","type","sources","filter","map","label","div","className","style","width","contentEditable","ref","options","title"],"mappings":";AACA,SAAiBA,eAAe,QAAQ,gBAAgB;AACxD,OAAOC,SAAsBC,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,QAAQ;AACvE,SAASC,EAAE,QAAQ,8BAA8B;AACjD,OAAOC,iBAAiB,2BAA2B;AAgCnD,OAAO,MAAMC,2BAA2B,CAACC;IACvC,MAAM,EAAEC,IAAI,EAAE,GAAGD;IACjB,MAAME,kBAAkBN,OAAuB;IAC/C,MAAM,EAAEO,GAAG,EAAEC,MAAM,EAAEC,WAAW,EAAEC,OAAO,EAAE,GAAGL,KAAKM,KAAK;IACxD,MAAM,CAACC,iBAAiBC,mBAAmB,GAAGhB,MAAMiB,QAAQ;IAG5D,MAAM,CAACC,OAAOC,SAAS,GAAGnB,MAAMiB,QAAQ;IAExChB,UAAU;QACR,eAAemB;YACb,MAAMC,MAAM,MAAMC,MAAMV,aAAa;gBACnCW,OAAO;YACT;YACA,OAAO,MAAMF,IAAIG,IAAI;QACvB;QAEA,IAAIZ,aAAa;YACf,IAAI;gBACFQ,qBACGK,IAAI,CAAC,CAACC;oBACLV,mBAAmBU;gBACrB,GACCC,KAAK,CAAC,CAACC;oBACNT,SAASS;gBACX;YACJ,EAAE,OAAOV,OAAO;gBACdC,SAASD;YACX;QACF;IACF,GAAG;QAACN;KAAY;IAEhB,MAAMiB,mBAAmBzB,GACvBI,KAAKM,KAAK,CAACgB,KAAK,KAAK,SAAS,SAAS,WACvCtB,KAAKM,KAAK,CAACgB,KAAK,KAAK,UAAU,SAAS,WACxCtB,KAAKM,KAAK,CAACgB,KAAK,KAAK,YAAY;IAGnC,MAAMC,iBAAiB7B,QAAQ;QAC7B,IAAIa,mBAAmBiB,WAAW,OAAO,CAAC;QAE1C,IACEjB,gBAAgBkB,KAAK,CAACC,IAAI,CACxB,CAACC,OACCA,KAAKC,IAAI,KAAK,2BACdD,KAAKC,IAAI,KAAK,kCAElB;YACA,OAAO;gBACLC,SAAStB,gBAAgBkB,KAAK,CAC3BK,MAAM,CACL,CAACH,OACCA,KAAKC,IAAI,KAAK,2BACdD,KAAKC,IAAI,KAAK,iCAEjBG,GAAG,CAAC,CAACJ,OAAU,CAAA;wBACdzB,KAAKyB,KAAKzB,GAAG;wBACb0B,MAAMD,KAAKC,IAAI;wBACfI,OAAOL,KAAKK,KAAK;oBACnB,CAAA;gBACF7B,QAAQI,gBAAgBJ,MAAM;YAChC;QACF;QACA,OAAO;YACL0B,SAAStB,gBAAgBkB,KAAK,CAACM,GAAG,CAAC,CAACJ,OAAU,CAAA;oBAC5CzB,KAAKyB,KAAKzB,GAAG;oBACb0B,MAAMD,KAAKC,IAAI;oBACfI,OAAOL,KAAKK,KAAK;gBACnB,CAAA;YACA7B,QAAQI,gBAAgBJ,MAAM;QAChC;IACF,GAAG;QAACI;KAAgB;IACpB,qBACE,KAAChB;kBACC,cAAA,KAAC0C;YAAIC,WAAWb;YAAkBc,OAAO;gBAAEC,OAAOpC,KAAKM,KAAK,CAAC8B,KAAK;YAAC;sBACjE,cAAA,MAACH;gBAAII,iBAAiB;gBAAOC,KAAKrC;;oBAC/BS,uBAAS,KAACuB;kCAAKvB;;oBASfH,iCAAmB,KAACV;wBAAY0C,SAAShB;;oBACzClB,WAAWE,iBAAiBiC,uBAC3B,KAACnC;wBAAQ6B,WAAU;kCAChB3B,iBAAiBiC;;;;;;AAOhC,EAAE;AAEF,eAAe1C,yBAAyB"}

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

@@ -45,6 +45,6 @@ export { Columns, Column } from "./MultiColumn/index.js";
 export { AICommand } from "./AICommand/AICommand.js";
 export { Twitter, Linkedin, Tiktok, Facebook, Instagram, Youtube } from "./SocialMedia/index.js";
 export { Paragraph } from "./Paragraph/Paragraph.js";
-export { InsideLinks } from "./InsideLinks/insideLinks.js";
+export { InsideLinks } from "./InsideLinks/insideLinks.js"; // export * from "./serverside/index.js";
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/fields/TiptapEditor/extensions/index.ts"],"sourcesContent":["// TODO: File causes circular dependency issue in ESLint\n/* eslint-disable */\nexport { StarterKit } from \"@tiptap/starter-kit\";\nexport { Highlight } from \"@tiptap/extension-highlight\";\nexport { CharacterCount } from \"@tiptap/extension-character-count\";\nexport { Underline } from \"@tiptap/extension-underline\";\nexport { Placeholder } from \"@tiptap/extension-placeholder\";\nexport { Emoji, gitHubEmojis } from \"@tiptap-pro/extension-emoji\";\nexport { TextAlign } from \"@tiptap/extension-text-align\";\nexport { TextStyle } from \"@tiptap/extension-text-style\";\nexport { FontFamily } from \"@tiptap/extension-font-family\";\nexport { Typography } from \"@tiptap/extension-typography\";\nexport { Color } from \"@tiptap/extension-color\";\nexport { FocusClasses as Focus } from \"@tiptap/extension-focus\";\nexport { Dropcursor } from \"@tiptap/extension-dropcursor\";\nexport { CollaborationCursor } from \"@tiptap/extension-collaboration-cursor\";\nexport { Subscript } from \"@tiptap/extension-subscript\";\nexport { TableOfContents } from \"@tiptap-pro/extension-table-of-contents\";\nexport { Superscript } from \"@tiptap/extension-superscript\";\nexport { CodeBlock } from \"@tiptap/extension-code-block\";\nexport { BulletList } from \"@tiptap/extension-bullet-list\";\nexport { OrderedList } from \"@tiptap/extension-ordered-list\";\nexport { Collaboration } from \"@tiptap/extension-collaboration\";\nexport { TaskItem } from \"@tiptap/extension-task-item\";\nexport { TaskList } from \"@tiptap/extension-task-list\";\nexport { FileHandler } from \"@tiptap-pro/extension-file-handler\";\n\nexport { Selection } from \"./Selection/Selection.js\";\nexport { Table, TableCell, TableHeader, TableRow } from \"./Table/index.js\";\nexport { HorizontalRule } from \"./HorizontalRule/HorizontalRule.js\";\nexport { Heading } from \"./Heading/Heading.js\";\nexport { Document } from \"./Document/Document.js\";\nexport { TrailingNode } from \"./TrailingNode/trailing-node.js\";\nexport { SlashCommand } from \"./SlashCommand/SlashCommand.js\";\nexport { FontSize } from \"./FontSize/FontSize.js\";\nexport { Figure } from \"./Figure/Figure.js\";\nexport { Figcaption } from \"./Figcaption/Figcaption.js\";\nexport { BlockquoteFigure } from \"./BlockquoteFigure/BlockquoteFigure.js\";\nexport { Quote } from \"./BlockquoteFigure/Quote/Quote.js\";\nexport { QuoteCaption } from \"./BlockquoteFigure/QuoteCaption/QuoteCaption.js\";\nexport { Link } from \"./Link/Link.js\";\nexport { ImageUpload } from \"./ImageUpload/ImageUpload.js\";\nexport { ImageBlock } from \"./ImageBlock/ImageBlock.js\";\nexport { VideoBlock } from \"./VideoBlock/VideoBlock.js\";\nexport { AudioBlock } from \"./AudioBlock/AudioBlock.js\";\n\nexport { Columns, Column } from \"./MultiColumn/index.js\";\nexport { AICommand } from \"./AICommand/AICommand.js\";\nexport {\n  Twitter,\n  Linkedin,\n  Tiktok,\n  Facebook,\n  Instagram,\n  Youtube,\n} from \"./SocialMedia/index.js\";\nexport { Paragraph } from \"./Paragraph/Paragraph.js\";\nexport { InsideLinks } from \"./InsideLinks/insideLinks.js\";\n"],"names":["StarterKit","Highlight","CharacterCount","Underline","Placeholder","Emoji","gitHubEmojis","TextAlign","TextStyle","FontFamily","Typography","Color","FocusClasses","Focus","Dropcursor","CollaborationCursor","Subscript","TableOfContents","Superscript","CodeBlock","BulletList","OrderedList","Collaboration","TaskItem","TaskList","FileHandler","Selection","Table","TableCell","TableHeader","TableRow","HorizontalRule","Heading","Document","TrailingNode","SlashCommand","FontSize","Figure","Figcaption","BlockquoteFigure","Quote","QuoteCaption","Link","ImageUpload","ImageBlock","VideoBlock","AudioBlock","Columns","Column","AICommand","Twitter","Linkedin","Tiktok","Facebook","Instagram","Youtube","Paragraph","InsideLinks"],"mappings":"AAAA,wDAAwD;AACxD,kBAAkB,GAClB,SAASA,UAAU,QAAQ,sBAAsB;AACjD,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,cAAc,QAAQ,oCAAoC;AACnE,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,WAAW,QAAQ,gCAAgC;AAC5D,SAASC,KAAK,EAAEC,YAAY,QAAQ,8BAA8B;AAClE,SAASC,SAAS,QAAQ,+BAA+B;AACzD,SAASC,SAAS,QAAQ,+BAA+B;AACzD,SAASC,UAAU,QAAQ,gCAAgC;AAC3D,SAASC,UAAU,QAAQ,+BAA+B;AAC1D,SAASC,KAAK,QAAQ,0BAA0B;AAChD,SAASC,gBAAgBC,KAAK,QAAQ,0BAA0B;AAChE,SAASC,UAAU,QAAQ,+BAA+B;AAC1D,SAASC,mBAAmB,QAAQ,yCAAyC;AAC7E,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,eAAe,QAAQ,0CAA0C;AAC1E,SAASC,WAAW,QAAQ,gCAAgC;AAC5D,SAASC,SAAS,QAAQ,+BAA+B;AACzD,SAASC,UAAU,QAAQ,gCAAgC;AAC3D,SAASC,WAAW,QAAQ,iCAAiC;AAC7D,SAASC,aAAa,QAAQ,kCAAkC;AAChE,SAASC,QAAQ,QAAQ,8BAA8B;AACvD,SAASC,QAAQ,QAAQ,8BAA8B;AACvD,SAASC,WAAW,QAAQ,qCAAqC;AAEjE,SAASC,SAAS,QAAQ,2BAA2B;AACrD,SAASC,KAAK,EAAEC,SAAS,EAAEC,WAAW,EAAEC,QAAQ,QAAQ,mBAAmB;AAC3E,SAASC,cAAc,QAAQ,qCAAqC;AACpE,SAASC,OAAO,QAAQ,uBAAuB;AAC/C,SAASC,QAAQ,QAAQ,yBAAyB;AAClD,SAASC,YAAY,QAAQ,kCAAkC;AAC/D,SAASC,YAAY,QAAQ,iCAAiC;AAC9D,SAASC,QAAQ,QAAQ,yBAAyB;AAClD,SAASC,MAAM,QAAQ,qBAAqB;AAC5C,SAASC,UAAU,QAAQ,6BAA6B;AACxD,SAASC,gBAAgB,QAAQ,yCAAyC;AAC1E,SAASC,KAAK,QAAQ,oCAAoC;AAC1D,SAASC,YAAY,QAAQ,kDAAkD;AAC/E,SAASC,IAAI,QAAQ,iBAAiB;AACtC,SAASC,WAAW,QAAQ,+BAA+B;AAC3D,SAASC,UAAU,QAAQ,6BAA6B;AACxD,SAASC,UAAU,QAAQ,6BAA6B;AACxD,SAASC,UAAU,QAAQ,6BAA6B;AAExD,SAASC,OAAO,EAAEC,MAAM,QAAQ,yBAAyB;AACzD,SAASC,SAAS,QAAQ,2BAA2B;AACrD,SACEC,OAAO,EACPC,QAAQ,EACRC,MAAM,EACNC,QAAQ,EACRC,SAAS,EACTC,OAAO,QACF,yBAAyB;AAChC,SAASC,SAAS,QAAQ,2BAA2B;AACrD,SAASC,WAAW,QAAQ,+BAA+B"}
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/extensions/index.ts"],"sourcesContent":["// TODO: File causes circular dependency issue in ESLint\n/* eslint-disable */\nexport { StarterKit } from \"@tiptap/starter-kit\";\nexport { Highlight } from \"@tiptap/extension-highlight\";\nexport { CharacterCount } from \"@tiptap/extension-character-count\";\nexport { Underline } from \"@tiptap/extension-underline\";\nexport { Placeholder } from \"@tiptap/extension-placeholder\";\nexport { Emoji, gitHubEmojis } from \"@tiptap-pro/extension-emoji\";\nexport { TextAlign } from \"@tiptap/extension-text-align\";\nexport { TextStyle } from \"@tiptap/extension-text-style\";\nexport { FontFamily } from \"@tiptap/extension-font-family\";\nexport { Typography } from \"@tiptap/extension-typography\";\nexport { Color } from \"@tiptap/extension-color\";\nexport { FocusClasses as Focus } from \"@tiptap/extension-focus\";\nexport { Dropcursor } from \"@tiptap/extension-dropcursor\";\nexport { CollaborationCursor } from \"@tiptap/extension-collaboration-cursor\";\nexport { Subscript } from \"@tiptap/extension-subscript\";\nexport { TableOfContents } from \"@tiptap-pro/extension-table-of-contents\";\nexport { Superscript } from \"@tiptap/extension-superscript\";\nexport { CodeBlock } from \"@tiptap/extension-code-block\";\nexport { BulletList } from \"@tiptap/extension-bullet-list\";\nexport { OrderedList } from \"@tiptap/extension-ordered-list\";\nexport { Collaboration } from \"@tiptap/extension-collaboration\";\nexport { TaskItem } from \"@tiptap/extension-task-item\";\nexport { TaskList } from \"@tiptap/extension-task-list\";\nexport { FileHandler } from \"@tiptap-pro/extension-file-handler\";\n\nexport { Selection } from \"./Selection/Selection.js\";\nexport { Table, TableCell, TableHeader, TableRow } from \"./Table/index.js\";\nexport { HorizontalRule } from \"./HorizontalRule/HorizontalRule.js\";\nexport { Heading } from \"./Heading/Heading.js\";\nexport { Document } from \"./Document/Document.js\";\nexport { TrailingNode } from \"./TrailingNode/trailing-node.js\";\nexport { SlashCommand } from \"./SlashCommand/SlashCommand.js\";\nexport { FontSize } from \"./FontSize/FontSize.js\";\nexport { Figure } from \"./Figure/Figure.js\";\nexport { Figcaption } from \"./Figcaption/Figcaption.js\";\nexport { BlockquoteFigure } from \"./BlockquoteFigure/BlockquoteFigure.js\";\nexport { Quote } from \"./BlockquoteFigure/Quote/Quote.js\";\nexport { QuoteCaption } from \"./BlockquoteFigure/QuoteCaption/QuoteCaption.js\";\nexport { Link } from \"./Link/Link.js\";\nexport { ImageUpload } from \"./ImageUpload/ImageUpload.js\";\nexport { ImageBlock } from \"./ImageBlock/ImageBlock.js\";\nexport { VideoBlock } from \"./VideoBlock/VideoBlock.js\";\nexport { AudioBlock } from \"./AudioBlock/AudioBlock.js\";\n\nexport { Columns, Column } from \"./MultiColumn/index.js\";\nexport { AICommand } from \"./AICommand/AICommand.js\";\nexport {\n  Twitter,\n  Linkedin,\n  Tiktok,\n  Facebook,\n  Instagram,\n  Youtube,\n} from \"./SocialMedia/index.js\";\nexport { Paragraph } from \"./Paragraph/Paragraph.js\";\nexport { InsideLinks } from \"./InsideLinks/insideLinks.js\";\n\n// export * from \"./serverside/index.js\";\n"],"names":["StarterKit","Highlight","CharacterCount","Underline","Placeholder","Emoji","gitHubEmojis","TextAlign","TextStyle","FontFamily","Typography","Color","FocusClasses","Focus","Dropcursor","CollaborationCursor","Subscript","TableOfContents","Superscript","CodeBlock","BulletList","OrderedList","Collaboration","TaskItem","TaskList","FileHandler","Selection","Table","TableCell","TableHeader","TableRow","HorizontalRule","Heading","Document","TrailingNode","SlashCommand","FontSize","Figure","Figcaption","BlockquoteFigure","Quote","QuoteCaption","Link","ImageUpload","ImageBlock","VideoBlock","AudioBlock","Columns","Column","AICommand","Twitter","Linkedin","Tiktok","Facebook","Instagram","Youtube","Paragraph","InsideLinks"],"mappings":"AAAA,wDAAwD;AACxD,kBAAkB,GAClB,SAASA,UAAU,QAAQ,sBAAsB;AACjD,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,cAAc,QAAQ,oCAAoC;AACnE,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,WAAW,QAAQ,gCAAgC;AAC5D,SAASC,KAAK,EAAEC,YAAY,QAAQ,8BAA8B;AAClE,SAASC,SAAS,QAAQ,+BAA+B;AACzD,SAASC,SAAS,QAAQ,+BAA+B;AACzD,SAASC,UAAU,QAAQ,gCAAgC;AAC3D,SAASC,UAAU,QAAQ,+BAA+B;AAC1D,SAASC,KAAK,QAAQ,0BAA0B;AAChD,SAASC,gBAAgBC,KAAK,QAAQ,0BAA0B;AAChE,SAASC,UAAU,QAAQ,+BAA+B;AAC1D,SAASC,mBAAmB,QAAQ,yCAAyC;AAC7E,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,eAAe,QAAQ,0CAA0C;AAC1E,SAASC,WAAW,QAAQ,gCAAgC;AAC5D,SAASC,SAAS,QAAQ,+BAA+B;AACzD,SAASC,UAAU,QAAQ,gCAAgC;AAC3D,SAASC,WAAW,QAAQ,iCAAiC;AAC7D,SAASC,aAAa,QAAQ,kCAAkC;AAChE,SAASC,QAAQ,QAAQ,8BAA8B;AACvD,SAASC,QAAQ,QAAQ,8BAA8B;AACvD,SAASC,WAAW,QAAQ,qCAAqC;AAEjE,SAASC,SAAS,QAAQ,2BAA2B;AACrD,SAASC,KAAK,EAAEC,SAAS,EAAEC,WAAW,EAAEC,QAAQ,QAAQ,mBAAmB;AAC3E,SAASC,cAAc,QAAQ,qCAAqC;AACpE,SAASC,OAAO,QAAQ,uBAAuB;AAC/C,SAASC,QAAQ,QAAQ,yBAAyB;AAClD,SAASC,YAAY,QAAQ,kCAAkC;AAC/D,SAASC,YAAY,QAAQ,iCAAiC;AAC9D,SAASC,QAAQ,QAAQ,yBAAyB;AAClD,SAASC,MAAM,QAAQ,qBAAqB;AAC5C,SAASC,UAAU,QAAQ,6BAA6B;AACxD,SAASC,gBAAgB,QAAQ,yCAAyC;AAC1E,SAASC,KAAK,QAAQ,oCAAoC;AAC1D,SAASC,YAAY,QAAQ,kDAAkD;AAC/E,SAASC,IAAI,QAAQ,iBAAiB;AACtC,SAASC,WAAW,QAAQ,+BAA+B;AAC3D,SAASC,UAAU,QAAQ,6BAA6B;AACxD,SAASC,UAAU,QAAQ,6BAA6B;AACxD,SAASC,UAAU,QAAQ,6BAA6B;AAExD,SAASC,OAAO,EAAEC,MAAM,QAAQ,yBAAyB;AACzD,SAASC,SAAS,QAAQ,2BAA2B;AACrD,SACEC,OAAO,EACPC,QAAQ,EACRC,MAAM,EACNC,QAAQ,EACRC,SAAS,EACTC,OAAO,QACF,yBAAyB;AAChC,SAASC,SAAS,QAAQ,2BAA2B;AACrD,SAASC,WAAW,QAAQ,+BAA+B,CAE3D,yCAAyC"}

package/dist/src/fields/TiptapEditor/extensions/serverside/ContentEmbedSupport.d.ts

@@ -0,0 +1,4 @@
+export declare function ContentEmbedSupport({ body }: {
+    body: any;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ContentEmbedSupport.d.ts.map

package/dist/src/fields/TiptapEditor/extensions/serverside/ContentEmbedSupport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentEmbedSupport.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/ContentEmbedSupport.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE;;CAAA,+BAyF3C"}

package/dist/src/fields/TiptapEditor/extensions/serverside/ContentEmbedSupport.js

@@ -0,0 +1,91 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Portal } from "@radix-ui/react-portal";
+import Image from "next/image.js";
+import { useLayoutEffect, useState } from "react";
+import { FacebookEmbed, InstagramEmbed, LinkedInEmbed, TikTokEmbed, XEmbed, YouTubeEmbed } from "react-social-media-embed";
+import { cn } from "../../lib/utils/index.js";
+import VideoBlockViewClientside from "../VideoBlock/components/VideoBlockViewClientside.js";
+export function ContentEmbedSupport({ body }) {
+    const [mounted, setMounted] = useState(false);
+    useLayoutEffect(()=>{
+        setMounted(true);
+    }, []);
+    const renderContent = (content)=>{
+        // if (!content.attrs.url) return null;
+        switch(content.type){
+            case "twitter":
+                return /*#__PURE__*/ _jsx(XEmbed, {
+                    url: content.attrs.url,
+                    width: 325
+                });
+            case "youtube":
+                return /*#__PURE__*/ _jsx(YouTubeEmbed, {
+                    url: content.attrs.url
+                });
+            case "instagram":
+                return /*#__PURE__*/ _jsx(InstagramEmbed, {
+                    className: "max-w-[328px]",
+                    url: content.attrs.url || "",
+                    width: 328,
+                    captioned: true
+                });
+            case "tiktok":
+                return /*#__PURE__*/ _jsx(TikTokEmbed, {
+                    className: "max-w-[328px]",
+                    url: content.attrs.url || "",
+                    width: 328
+                });
+            case "imageBlock":
+                return /*#__PURE__*/ _jsx("div", {
+                    className: cn("relative object-cover", {
+                        "aspect-video": !content.attrs.height
+                    }),
+                    style: {
+                        width: content.attrs.width || "100%",
+                        ...content.attrs.height ? {
+                            height: content.attrs.height
+                        } : {}
+                    },
+                    children: /*#__PURE__*/ _jsx(Image, {
+                        src: content.attrs.src,
+                        alt: content.attrs.caption || "",
+                        style: {
+                            width: content.attrs.width
+                        },
+                        fill: true
+                    })
+                });
+            case "videoBlock":
+                // @ts-ignore
+                return /*#__PURE__*/ _jsx(VideoBlockViewClientside, {
+                    node: content
+                });
+            case "facebook":
+                return /*#__PURE__*/ _jsx(FacebookEmbed, {
+                    url: content.attrs.url || "",
+                    width: 550
+                });
+            case "linkedin":
+                return /*#__PURE__*/ _jsx(LinkedInEmbed, {
+                    url: content.attrs.url,
+                    // postUrl="https://www.linkedin.com/posts/peterdiamandis_5-discoveries-the-james-webb-telescope-will-activity-6898694773406875648-z-D7"
+                    width: 325,
+                    height: 570
+                });
+            default:
+                return null;
+        }
+    };
+    if (!mounted) return null;
+    return /*#__PURE__*/ _jsx(_Fragment, {
+        children: body.content.filter((content)=>content?.attrs?.["data-id"]).map((content)=>{
+            return /*#__PURE__*/ _jsx(Portal, {
+                container: document?.querySelector(`[data-id='${content.attrs["data-id"]}']`),
+                children: renderContent(content)
+            }, `embed-content-${content.attrs["data-id"]}`);
+        })
+    });
+}
+
+//# sourceMappingURL=ContentEmbedSupport.js.map

package/dist/src/fields/TiptapEditor/extensions/serverside/ContentEmbedSupport.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/ContentEmbedSupport.tsx"],"sourcesContent":["\"use client\";\n\nimport { Portal } from \"@radix-ui/react-portal\";\nimport Image from \"next/image.js\";\nimport { useLayoutEffect, useState } from \"react\";\nimport {\n  FacebookEmbed,\n  InstagramEmbed,\n  LinkedInEmbed,\n  TikTokEmbed,\n  XEmbed,\n  YouTubeEmbed,\n} from \"react-social-media-embed\";\nimport { cn } from \"../../lib/utils/index.js\";\nimport VideoBlockViewClientside from \"../VideoBlock/components/VideoBlockViewClientside.js\";\n\nexport function ContentEmbedSupport({ body }) {\n  const [mounted, setMounted] = useState(false);\n  useLayoutEffect(() => {\n    setMounted(true);\n  }, []);\n\n  const renderContent = (content) => {\n    // if (!content.attrs.url) return null;\n\n    switch (content.type) {\n      case \"twitter\":\n        return <XEmbed url={content.attrs.url} width={325} />;\n      case \"youtube\":\n        return <YouTubeEmbed url={content.attrs.url} />;\n      case \"instagram\":\n        return (\n          <InstagramEmbed\n            className=\"max-w-[328px]\"\n            url={content.attrs.url || \"\"}\n            width={328}\n            captioned\n          />\n        );\n      case \"tiktok\":\n        return (\n          <TikTokEmbed\n            className=\"max-w-[328px]\"\n            url={content.attrs.url || \"\"}\n            width={328}\n          />\n        );\n      case \"imageBlock\":\n        return (\n          <div\n            className={cn(\"relative object-cover\", {\n              \"aspect-video\": !content.attrs.height,\n            })}\n            style={{\n              width: content.attrs.width || \"100%\",\n              ...(content.attrs.height ? { height: content.attrs.height } : {}),\n            }}\n          >\n            {/* @ts-ignore */}\n            <Image\n              src={content.attrs.src}\n              alt={content.attrs.caption || \"\"}\n              style={{ width: content.attrs.width }}\n              fill\n            />\n          </div>\n        );\n      case \"videoBlock\":\n        // @ts-ignore\n        return <VideoBlockViewClientside node={content} />;\n      case \"facebook\":\n        return <FacebookEmbed url={content.attrs.url || \"\"} width={550} />;\n      case \"linkedin\":\n        return (\n          <LinkedInEmbed\n            url={content.attrs.url}\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        );\n\n      default:\n        return null;\n    }\n  };\n  if (!mounted) return null;\n  return (\n    <>\n      {body.content\n        .filter((content) => content?.attrs?.[\"data-id\"])\n        .map((content) => {\n          return (\n            <Portal\n              key={`embed-content-${content.attrs[\"data-id\"]}`}\n              container={document?.querySelector(\n                `[data-id='${content.attrs[\"data-id\"]}']`\n              )}\n            >\n              {renderContent(content)}\n            </Portal>\n          );\n        })}\n    </>\n  );\n}\n"],"names":["Portal","Image","useLayoutEffect","useState","FacebookEmbed","InstagramEmbed","LinkedInEmbed","TikTokEmbed","XEmbed","YouTubeEmbed","cn","VideoBlockViewClientside","ContentEmbedSupport","body","mounted","setMounted","renderContent","content","type","url","attrs","width","className","captioned","div","height","style","src","alt","caption","fill","node","filter","map","container","document","querySelector"],"mappings":"AAAA;;AAEA,SAASA,MAAM,QAAQ,yBAAyB;AAChD,OAAOC,WAAW,gBAAgB;AAClC,SAASC,eAAe,EAAEC,QAAQ,QAAQ,QAAQ;AAClD,SACEC,aAAa,EACbC,cAAc,EACdC,aAAa,EACbC,WAAW,EACXC,MAAM,EACNC,YAAY,QACP,2BAA2B;AAClC,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,OAAOC,8BAA8B,uDAAuD;AAE5F,OAAO,SAASC,oBAAoB,EAAEC,IAAI,EAAE;IAC1C,MAAM,CAACC,SAASC,WAAW,GAAGZ,SAAS;IACvCD,gBAAgB;QACda,WAAW;IACb,GAAG,EAAE;IAEL,MAAMC,gBAAgB,CAACC;QACrB,uCAAuC;QAEvC,OAAQA,QAAQC,IAAI;YAClB,KAAK;gBACH,qBAAO,KAACV;oBAAOW,KAAKF,QAAQG,KAAK,CAACD,GAAG;oBAAEE,OAAO;;YAChD,KAAK;gBACH,qBAAO,KAACZ;oBAAaU,KAAKF,QAAQG,KAAK,CAACD,GAAG;;YAC7C,KAAK;gBACH,qBACE,KAACd;oBACCiB,WAAU;oBACVH,KAAKF,QAAQG,KAAK,CAACD,GAAG,IAAI;oBAC1BE,OAAO;oBACPE,SAAS;;YAGf,KAAK;gBACH,qBACE,KAAChB;oBACCe,WAAU;oBACVH,KAAKF,QAAQG,KAAK,CAACD,GAAG,IAAI;oBAC1BE,OAAO;;YAGb,KAAK;gBACH,qBACE,KAACG;oBACCF,WAAWZ,GAAG,yBAAyB;wBACrC,gBAAgB,CAACO,QAAQG,KAAK,CAACK,MAAM;oBACvC;oBACAC,OAAO;wBACLL,OAAOJ,QAAQG,KAAK,CAACC,KAAK,IAAI;wBAC9B,GAAIJ,QAAQG,KAAK,CAACK,MAAM,GAAG;4BAAEA,QAAQR,QAAQG,KAAK,CAACK,MAAM;wBAAC,IAAI,CAAC,CAAC;oBAClE;8BAGA,cAAA,KAACxB;wBACC0B,KAAKV,QAAQG,KAAK,CAACO,GAAG;wBACtBC,KAAKX,QAAQG,KAAK,CAACS,OAAO,IAAI;wBAC9BH,OAAO;4BAAEL,OAAOJ,QAAQG,KAAK,CAACC,KAAK;wBAAC;wBACpCS,IAAI;;;YAIZ,KAAK;gBACH,aAAa;gBACb,qBAAO,KAACnB;oBAAyBoB,MAAMd;;YACzC,KAAK;gBACH,qBAAO,KAACb;oBAAce,KAAKF,QAAQG,KAAK,CAACD,GAAG,IAAI;oBAAIE,OAAO;;YAC7D,KAAK;gBACH,qBACE,KAACf;oBACCa,KAAKF,QAAQG,KAAK,CAACD,GAAG;oBACtB,wIAAwI;oBACxIE,OAAO;oBACPI,QAAQ;;YAId;gBACE,OAAO;QACX;IACF;IACA,IAAI,CAACX,SAAS,OAAO;IACrB,qBACE;kBACGD,KAAKI,OAAO,CACVe,MAAM,CAAC,CAACf,UAAYA,SAASG,OAAO,CAAC,UAAU,EAC/Ca,GAAG,CAAC,CAAChB;YACJ,qBACE,KAACjB;gBAECkC,WAAWC,UAAUC,cACnB,CAAC,UAAU,EAAEnB,QAAQG,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC;0BAG1CJ,cAAcC;eALV,CAAC,cAAc,EAAEA,QAAQG,KAAK,CAAC,UAAU,EAAE;QAQtD;;AAGR"}

package/dist/src/fields/TiptapEditor/extensions/serverside/FacebookServerside.d.ts

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

package/dist/src/fields/TiptapEditor/extensions/serverside/FacebookServerside.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FacebookServerside.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/FacebookServerside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAErD,eAAO,MAAM,kBAAkB,gBA0B7B,CAAC"}

package/dist/src/fields/TiptapEditor/extensions/serverside/FacebookServerside.js

@@ -0,0 +1,34 @@
+import { Node, mergeAttributes } from '@tiptap/core';
+export const FacebookServerside = Node.create({
+    name: 'facebook',
+    group: 'block',
+    content: 'inline*',
+    parseHTML () {
+        return [
+            {
+                tag: 'a[data-type="facebook"]'
+            }
+        ];
+    },
+    addAttributes () {
+        return {
+            url: {
+                default: null
+            },
+            'data-id': {
+                default: null
+            }
+        };
+    },
+    renderHTML ({ HTMLAttributes }) {
+        return [
+            'a',
+            mergeAttributes(HTMLAttributes, {
+                'data-type': 'facebook'
+            }),
+            0
+        ];
+    }
+});
+
+//# sourceMappingURL=FacebookServerside.js.map

package/dist/src/fields/TiptapEditor/extensions/serverside/FacebookServerside.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/FacebookServerside.ts"],"sourcesContent":["import { Node, mergeAttributes } from '@tiptap/core';\n\nexport const FacebookServerside = Node.create({\n  name: 'facebook',\n\n  group: 'block',\n  content: 'inline*',\n\n  parseHTML() {\n    return [\n      {\n        tag: 'a[data-type=\"facebook\"]',\n      },\n    ];\n  },\n  addAttributes() {\n    return {\n      url: { default: null },\n      'data-id': { default: null },\n    };\n  },\n  renderHTML({ HTMLAttributes }) {\n    return [\n      'a',\n      mergeAttributes(HTMLAttributes, { 'data-type': 'facebook' }),\n      0,\n    ];\n  },\n});\n"],"names":["Node","mergeAttributes","FacebookServerside","create","name","group","content","parseHTML","tag","addAttributes","url","default","renderHTML","HTMLAttributes"],"mappings":"AAAA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAe;AAErD,OAAO,MAAMC,qBAAqBF,KAAKG,MAAM,CAAC;IAC5CC,MAAM;IAENC,OAAO;IACPC,SAAS;IAETC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IACAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;YACrB,WAAW;gBAAEA,SAAS;YAAK;QAC7B;IACF;IACAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YACL;YACAZ,gBAAgBY,gBAAgB;gBAAE,aAAa;YAAW;YAC1D;SACD;IACH;AACF,GAAG"}

package/dist/src/fields/TiptapEditor/extensions/serverside/ImageBlockServerside.d.ts

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

package/dist/src/fields/TiptapEditor/extensions/serverside/ImageBlockServerside.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageBlockServerside.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/ImageBlockServerside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAErD,eAAO,MAAM,oBAAoB,gBA8D/B,CAAC"}

package/dist/src/fields/TiptapEditor/extensions/serverside/ImageBlockServerside.js

@@ -0,0 +1,64 @@
+import { Node, mergeAttributes } from '@tiptap/core';
+export const ImageBlockServerside = Node.create({
+    name: 'imageBlock',
+    group: 'block',
+    content: 'inline*',
+    parseHTML () {
+        return [
+            {
+                tag: 'img[src*="tiptap.dev"]:not([src^="data:"]), img[src*="windows.net"]:not([src^="data:"])'
+            }
+        ];
+    },
+    renderHTML ({ HTMLAttributes }) {
+        return [
+            'div',
+            mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
+                class: 'image-wrapper'
+            })
+        ];
+    },
+    // renderHTML({ HTMLAttributes }) {
+    //   return [
+    //     'img',
+    //     mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
+    //   ];
+    // },
+    addAttributes () {
+        return {
+            'data-id': {
+                default: null
+            },
+            src: {
+                default: '',
+                parseHTML: (element)=>element.getAttribute('src'),
+                renderHTML: (attributes)=>({
+                        src: attributes.src
+                    })
+            },
+            width: {
+                default: '100%',
+                parseHTML: (element)=>element.getAttribute('data-width'),
+                renderHTML: (attributes)=>({
+                        'data-width': attributes.width
+                    })
+            },
+            align: {
+                default: 'center',
+                parseHTML: (element)=>element.getAttribute('data-align'),
+                renderHTML: (attributes)=>({
+                        'data-align': attributes.align
+                    })
+            },
+            alt: {
+                default: undefined,
+                parseHTML: (element)=>element.getAttribute('alt'),
+                renderHTML: (attributes)=>({
+                        alt: attributes.alt
+                    })
+            }
+        };
+    }
+});
+
+//# sourceMappingURL=ImageBlockServerside.js.map

package/dist/src/fields/TiptapEditor/extensions/serverside/ImageBlockServerside.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/ImageBlockServerside.ts"],"sourcesContent":["import { Node, mergeAttributes } from '@tiptap/core';\n\nexport const ImageBlockServerside = Node.create({\n  name: 'imageBlock',\n  group: 'block',\n  content: 'inline*',\n\n  parseHTML() {\n    return [\n      {\n        tag: 'img[src*=\"tiptap.dev\"]:not([src^=\"data:\"]), img[src*=\"windows.net\"]:not([src^=\"data:\"])',\n      },\n    ];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\n      'div', // Create a div wrapper\n      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {\n        class: 'image-wrapper',\n      }), // Add any desired attributes to the wrapper\n    ];\n  },\n\n  // renderHTML({ HTMLAttributes }) {\n  //   return [\n  //     'img',\n  //     mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),\n  //   ];\n  // },\n\n  addAttributes() {\n    return {\n      'data-id': { default: null },\n      src: {\n        default: '',\n        parseHTML: element => element.getAttribute('src'),\n        renderHTML: attributes => ({\n          src: attributes.src,\n        }),\n      },\n      width: {\n        default: '100%',\n        parseHTML: element => element.getAttribute('data-width'),\n        renderHTML: attributes => ({\n          'data-width': attributes.width,\n        }),\n      },\n      align: {\n        default: 'center',\n        parseHTML: element => element.getAttribute('data-align'),\n        renderHTML: attributes => ({\n          'data-align': attributes.align,\n        }),\n      },\n      alt: {\n        default: undefined,\n        parseHTML: element => element.getAttribute('alt'),\n        renderHTML: attributes => ({\n          alt: attributes.alt,\n        }),\n      },\n    };\n  },\n});\n"],"names":["Node","mergeAttributes","ImageBlockServerside","create","name","group","content","parseHTML","tag","renderHTML","HTMLAttributes","options","class","addAttributes","default","src","element","getAttribute","attributes","width","align","alt","undefined"],"mappings":"AAAA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAe;AAErD,OAAO,MAAMC,uBAAuBF,KAAKG,MAAM,CAAC;IAC9CC,MAAM;IACNC,OAAO;IACPC,SAAS;IAETC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IAEAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YACL;YACAT,gBAAgB,IAAI,CAACU,OAAO,CAACD,cAAc,EAAEA,gBAAgB;gBAC3DE,OAAO;YACT;SACD;IACH;IAEA,mCAAmC;IACnC,aAAa;IACb,aAAa;IACb,oEAAoE;IACpE,OAAO;IACP,KAAK;IAELC;QACE,OAAO;YACL,WAAW;gBAAEC,SAAS;YAAK;YAC3BC,KAAK;gBACHD,SAAS;gBACTP,WAAWS,CAAAA,UAAWA,QAAQC,YAAY,CAAC;gBAC3CR,YAAYS,CAAAA,aAAe,CAAA;wBACzBH,KAAKG,WAAWH,GAAG;oBACrB,CAAA;YACF;YACAI,OAAO;gBACLL,SAAS;gBACTP,WAAWS,CAAAA,UAAWA,QAAQC,YAAY,CAAC;gBAC3CR,YAAYS,CAAAA,aAAe,CAAA;wBACzB,cAAcA,WAAWC,KAAK;oBAChC,CAAA;YACF;YACAC,OAAO;gBACLN,SAAS;gBACTP,WAAWS,CAAAA,UAAWA,QAAQC,YAAY,CAAC;gBAC3CR,YAAYS,CAAAA,aAAe,CAAA;wBACzB,cAAcA,WAAWE,KAAK;oBAChC,CAAA;YACF;YACAC,KAAK;gBACHP,SAASQ;gBACTf,WAAWS,CAAAA,UAAWA,QAAQC,YAAY,CAAC;gBAC3CR,YAAYS,CAAAA,aAAe,CAAA;wBACzBG,KAAKH,WAAWG,GAAG;oBACrB,CAAA;YACF;QACF;IACF;AACF,GAAG"}

package/dist/src/fields/TiptapEditor/extensions/serverside/InstagramServerside.d.ts

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

package/dist/src/fields/TiptapEditor/extensions/serverside/InstagramServerside.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstagramServerside.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/InstagramServerside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAErD,eAAO,MAAM,mBAAmB,gBA0B9B,CAAC"}

package/dist/src/fields/TiptapEditor/extensions/serverside/InstagramServerside.js

@@ -0,0 +1,34 @@
+import { Node, mergeAttributes } from '@tiptap/core';
+export const InstagramServerside = Node.create({
+    name: 'instagram',
+    group: 'block',
+    content: 'inline*',
+    parseHTML () {
+        return [
+            {
+                tag: 'a[data-type="instagram"]'
+            }
+        ];
+    },
+    addAttributes () {
+        return {
+            url: {
+                default: null
+            },
+            'data-id': {
+                default: null
+            }
+        };
+    },
+    renderHTML ({ HTMLAttributes }) {
+        return [
+            'a',
+            mergeAttributes(HTMLAttributes, {
+                'data-type': 'instagram'
+            }),
+            0
+        ];
+    }
+});
+
+//# sourceMappingURL=InstagramServerside.js.map

package/dist/src/fields/TiptapEditor/extensions/serverside/InstagramServerside.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/InstagramServerside.ts"],"sourcesContent":["import { Node, mergeAttributes } from '@tiptap/core';\n\nexport const InstagramServerside = Node.create({\n  name: 'instagram',\n\n  group: 'block',\n  content: 'inline*',\n\n  parseHTML() {\n    return [\n      {\n        tag: 'a[data-type=\"instagram\"]',\n      },\n    ];\n  },\n  addAttributes() {\n    return {\n      url: { default: null },\n      'data-id': { default: null },\n    };\n  },\n  renderHTML({ HTMLAttributes }) {\n    return [\n      'a',\n      mergeAttributes(HTMLAttributes, { 'data-type': 'instagram' }),\n      0,\n    ];\n  },\n});\n"],"names":["Node","mergeAttributes","InstagramServerside","create","name","group","content","parseHTML","tag","addAttributes","url","default","renderHTML","HTMLAttributes"],"mappings":"AAAA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAe;AAErD,OAAO,MAAMC,sBAAsBF,KAAKG,MAAM,CAAC;IAC7CC,MAAM;IAENC,OAAO;IACPC,SAAS;IAETC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IACAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;YACrB,WAAW;gBAAEA,SAAS;YAAK;QAC7B;IACF;IACAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YACL;YACAZ,gBAAgBY,gBAAgB;gBAAE,aAAa;YAAY;YAC3D;SACD;IACH;AACF,GAAG"}

package/dist/src/fields/TiptapEditor/extensions/serverside/LinkedinServerside.d.ts

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

package/dist/src/fields/TiptapEditor/extensions/serverside/LinkedinServerside.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkedinServerside.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/LinkedinServerside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAErD,eAAO,MAAM,kBAAkB,gBA0B7B,CAAC"}

package/dist/src/fields/TiptapEditor/extensions/serverside/LinkedinServerside.js

@@ -0,0 +1,34 @@
+import { Node, mergeAttributes } from '@tiptap/core';
+export const LinkedinServerside = Node.create({
+    name: 'linkedin',
+    group: 'block',
+    content: 'inline*',
+    parseHTML () {
+        return [
+            {
+                tag: 'a[data-type="linkedin"]'
+            }
+        ];
+    },
+    addAttributes () {
+        return {
+            url: {
+                default: null
+            },
+            'data-id': {
+                default: null
+            }
+        };
+    },
+    renderHTML ({ HTMLAttributes }) {
+        return [
+            'a',
+            mergeAttributes(HTMLAttributes, {
+                'data-type': 'linkedin'
+            }),
+            0
+        ];
+    }
+});
+
+//# sourceMappingURL=LinkedinServerside.js.map

package/dist/src/fields/TiptapEditor/extensions/serverside/LinkedinServerside.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/LinkedinServerside.ts"],"sourcesContent":["import { Node, mergeAttributes } from '@tiptap/core';\n\nexport const LinkedinServerside = Node.create({\n  name: 'linkedin',\n\n  group: 'block',\n  content: 'inline*',\n\n  parseHTML() {\n    return [\n      {\n        tag: 'a[data-type=\"linkedin\"]',\n      },\n    ];\n  },\n  addAttributes() {\n    return {\n      url: { default: null },\n      'data-id': { default: null },\n    };\n  },\n  renderHTML({ HTMLAttributes }) {\n    return [\n      'a',\n      mergeAttributes(HTMLAttributes, { 'data-type': 'linkedin' }),\n      0,\n    ];\n  },\n});\n"],"names":["Node","mergeAttributes","LinkedinServerside","create","name","group","content","parseHTML","tag","addAttributes","url","default","renderHTML","HTMLAttributes"],"mappings":"AAAA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAe;AAErD,OAAO,MAAMC,qBAAqBF,KAAKG,MAAM,CAAC;IAC5CC,MAAM;IAENC,OAAO;IACPC,SAAS;IAETC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IACAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;YACrB,WAAW;gBAAEA,SAAS;YAAK;QAC7B;IACF;IACAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YACL;YACAZ,gBAAgBY,gBAAgB;gBAAE,aAAa;YAAW;YAC1D;SACD;IACH;AACF,GAAG"}

package/dist/src/fields/TiptapEditor/extensions/serverside/ServersideTiptapBody.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type Props = {
+    body: any;
+};
+export declare const ServersideTiptapBody: ({ body }: Props) => React.JSX.Element;
+export {};
+//# sourceMappingURL=ServersideTiptapBody.d.ts.map

package/dist/src/fields/TiptapEditor/extensions/serverside/ServersideTiptapBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServersideTiptapBody.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/ServersideTiptapBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuE1B,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,GAAG,CAAC;CACX,CAAC;AACF,eAAO,MAAM,oBAAoB,aAAc,KAAK,sBA+EnD,CAAC"}

package/dist/src/fields/TiptapEditor/extensions/serverside/ServersideTiptapBody.js

@@ -0,0 +1,87 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import React from "react";
+import { generateHTML } from "@tiptap/html";
+import { Text } from "@tiptap/extension-text";
+import { StarterKit, Highlight, Underline, Placeholder, TextAlign, TextStyle, FontFamily, Typography, Subscript, Superscript, HorizontalRule, Heading, Document, BlockquoteFigure, Quote, QuoteCaption, Link, Paragraph } from "../index.js";
+import { TwitterBlockServerside } from "./TwitterBlockServerside.js";
+import { YouTubeServerside } from "./YouTubeServerside.js";
+import { InstagramServerside } from "./InstagramServerside.js";
+import { ImageBlockServerside } from "./ImageBlockServerside.js";
+import { TiktokServerside } from "./TiktokServerside.js";
+import { LinkedinServerside } from "./LinkedinServerside.js";
+import { FacebookServerside } from "./FacebookServerside.js";
+import { VideoBlockServerside } from "./VideoBlockServerside.js";
+export const ServersideTiptapBody = ({ body })=>{
+    if (!body) return null;
+    return /*#__PURE__*/ _jsx(_Fragment, {
+        children: /*#__PURE__*/ _jsx("div", {
+            className: "tiptap ProseMirror min-h-full",
+            dangerouslySetInnerHTML: {
+                __html: generateHTML(body, [
+                    Text,
+                    StarterKit.configure({
+                        document: false,
+                        dropcursor: false,
+                        heading: false,
+                        horizontalRule: false,
+                        blockquote: false,
+                        history: false,
+                        codeBlock: false
+                    }),
+                    Highlight,
+                    // CharacterCount,
+                    Underline,
+                    Placeholder,
+                    // Emoji,
+                    TextAlign,
+                    TextStyle,
+                    FontFamily,
+                    Typography,
+                    // Color,
+                    // Dropcursor,
+                    // CollaborationCursor,
+                    // Subscript,
+                    // TableOfContents,
+                    // Superscript,
+                    // CodeBlock,
+                    // BulletList,
+                    // OrderedList,
+                    // Collaboration,
+                    // TaskItem,
+                    // TaskList,
+                    // FileHandler,
+                    // Selection,
+                    // Focus,
+                    // Table,
+                    HorizontalRule,
+                    Heading,
+                    Document,
+                    // TrailingNode,
+                    // SlashCommand,
+                    // FontSize,
+                    // Figure,
+                    // Figcaption,
+                    BlockquoteFigure,
+                    Quote,
+                    QuoteCaption,
+                    ImageBlockServerside,
+                    VideoBlockServerside,
+                    // AudioBlock,
+                    // Columns,
+                    TwitterBlockServerside,
+                    InstagramServerside,
+                    YouTubeServerside,
+                    Paragraph,
+                    Superscript,
+                    Subscript,
+                    Link,
+                    TiktokServerside,
+                    LinkedinServerside,
+                    FacebookServerside
+                ])
+            }
+        })
+    });
+};
+
+//# sourceMappingURL=ServersideTiptapBody.js.map