payload-richtext-tiptap 0.0.1

package/dist/fields/TiptapEditor/extensions/ImageBlock/components/ImageBlockWidth.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/ImageBlock/components/ImageBlockWidth.tsx"],"sourcesContent":["import React, { memo, useCallback, useEffect, useState } from 'react'\n\nexport type ImageBlockWidthProps = {\n  onChange: (value: number) => void\n  value: number\n}\n\nexport const ImageBlockWidth = memo(({ onChange, value }: ImageBlockWidthProps) => {\n  const [currentValue, setCurrentValue] = useState(value)\n\n  useEffect(() => {\n    setCurrentValue(value)\n  }, [value])\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange(parseInt(e.target.value))\n    },\n    [onChange],\n  )\n\n  return (\n    <div className=\"flex items-center gap-2\">\n      <input\n        className=\"h-2 bg-neutral-200 border-0 rounded appearance-none fill-neutral-300\"\n        type=\"range\"\n        min=\"25\"\n        max=\"100\"\n        step=\"25\"\n        onChange={handleChange}\n        value={currentValue}\n      />\n      <span className=\"text-xs font-semibold text-neutral-500 select-none\">{value}%</span>\n    </div>\n  )\n})\n\nImageBlockWidth.displayName = 'ImageBlockWidth'\n"],"names":["React","memo","useCallback","useEffect","useState","ImageBlockWidth","onChange","value","currentValue","setCurrentValue","handleChange","e","parseInt","target","div","className","input","type","min","max","step","span","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,SAASC,IAAI,EAAEC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAOrE,OAAO,MAAMC,gCAAkBJ,KAAK,CAAC,EAAEK,QAAQ,EAAEC,KAAK,EAAwB;IAC5E,MAAM,CAACC,cAAcC,gBAAgB,GAAGL,SAASG;IAEjDJ,UAAU;QACRM,gBAAgBF;IAClB,GAAG;QAACA;KAAM;IAEV,MAAMG,eAAeR,YACnB,CAACS;QACCL,SAASM,SAASD,EAAEE,MAAM,CAACN,KAAK;IAClC,GACA;QAACD;KAAS;IAGZ,qBACE,MAACQ;QAAIC,WAAU;;0BACb,KAACC;gBACCD,WAAU;gBACVE,MAAK;gBACLC,KAAI;gBACJC,KAAI;gBACJC,MAAK;gBACLd,UAAUI;gBACVH,OAAOC;;0BAET,MAACa;gBAAKN,WAAU;;oBAAsDR;oBAAM;;;;;AAGlF,GAAE;AAEFF,gBAAgBiB,WAAW,GAAG"}

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

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

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

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

package/dist/fields/TiptapEditor/extensions/ImageUpload/ImageUpload.js

@@ -0,0 +1,37 @@
+import { Node, ReactNodeViewRenderer } from "@tiptap/react";
+import { ImageUpload as ImageUploadComponent } from "./view/ImageUpload.jsx";
+export const ImageUpload = Node.create({
+    name: "imageUpload",
+    isolating: true,
+    defining: true,
+    group: "block",
+    draggable: true,
+    selectable: true,
+    inline: false,
+    parseHTML () {
+        return [
+            {
+                tag: `div[data-type="${this.name}"]`
+            }
+        ];
+    },
+    renderHTML () {
+        return [
+            "div",
+            {
+                "data-type": this.name
+            }
+        ];
+    },
+    addCommands () {
+        return {
+            setImageUpload: ()=>({ commands })=>commands.insertContent(`<div data-type="${this.name}"></div>`)
+        };
+    },
+    addNodeView () {
+        return ReactNodeViewRenderer(ImageUploadComponent);
+    }
+});
+export default ImageUpload;
+
+//# sourceMappingURL=ImageUpload.js.map

package/dist/fields/TiptapEditor/extensions/ImageUpload/ImageUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/extensions/ImageUpload/ImageUpload.ts"],"sourcesContent":["import { Node, ReactNodeViewRenderer } from \"@tiptap/react\";\nimport { ImageUpload as ImageUploadComponent } from \"./view/ImageUpload.jsx\";\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    imageUpload: {\n      setImageUpload: () => ReturnType;\n    };\n  }\n}\n\nexport const ImageUpload = Node.create({\n  name: \"imageUpload\",\n\n  isolating: true,\n\n  defining: true,\n\n  group: \"block\",\n\n  draggable: true,\n\n  selectable: true,\n\n  inline: false,\n\n  parseHTML() {\n    return [\n      {\n        tag: `div[data-type=\"${this.name}\"]`,\n      },\n    ];\n  },\n\n  renderHTML() {\n    return [\"div\", { \"data-type\": this.name }];\n  },\n\n  addCommands() {\n    return {\n      setImageUpload:\n        () =>\n        ({ commands }) =>\n          commands.insertContent(`<div data-type=\"${this.name}\"></div>`),\n    };\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(ImageUploadComponent);\n  },\n});\n\nexport default ImageUpload;\n"],"names":["Node","ReactNodeViewRenderer","ImageUpload","ImageUploadComponent","create","name","isolating","defining","group","draggable","selectable","inline","parseHTML","tag","renderHTML","addCommands","setImageUpload","commands","insertContent","addNodeView"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,IAAI,EAAEC,qBAAqB,QAAQ,gBAAgB;AAC5D,SAASC,eAAeC,oBAAoB,QAAQ,yBAAyB;AAU7E,OAAO,MAAMD,cAAcF,KAAKI,MAAM,CAAC;IACrCC,MAAM;IAENC,WAAW;IAEXC,UAAU;IAEVC,OAAO;IAEPC,WAAW;IAEXC,YAAY;IAEZC,QAAQ;IAERC;QACE,OAAO;YACL;gBACEC,KAAK,CAAC,eAAe,EAAE,IAAI,CAACR,IAAI,CAAC,EAAE,CAAC;YACtC;SACD;IACH;IAEAS;QACE,OAAO;YAAC;YAAO;gBAAE,aAAa,IAAI,CAACT,IAAI;YAAC;SAAE;IAC5C;IAEAU;QACE,OAAO;YACLC,gBACE,IACA,CAAC,EAAEC,QAAQ,EAAE,GACXA,SAASC,aAAa,CAAC,CAAC,gBAAgB,EAAE,IAAI,CAACb,IAAI,CAAC,QAAQ,CAAC;QACnE;IACF;IAEAc;QACE,OAAOlB,sBAAsBE;IAC/B;AACF,GAAG;AAEH,eAAeD,YAAY"}

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

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

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

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

package/dist/fields/TiptapEditor/extensions/ImageUpload/view/ImageUpload.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Upload } from "@payloadcms/ui/fields/Upload";
+import { NodeViewWrapper } from "@tiptap/react";
+import { useCallback } from "react";
+export const ImageUpload = ({ getPos, editor })=>{
+    const onUpload = useCallback((url)=>{
+        if (url) {
+            editor.chain().setImageBlock({
+                src: url
+            }).deleteRange({
+                from: getPos(),
+                to: getPos()
+            }).focus().run();
+        }
+    }, [
+        getPos,
+        editor
+    ]);
+    return /*#__PURE__*/ _jsx(NodeViewWrapper, {
+        children: /*#__PURE__*/ _jsx("div", {
+            className: "p-0 m-0",
+            "data-drag-handle": true,
+            children: /*#__PURE__*/ _jsx(Upload, {})
+        })
+    });
+};
+export default ImageUpload;
+
+//# sourceMappingURL=ImageUpload.js.map

package/dist/fields/TiptapEditor/extensions/ImageUpload/view/ImageUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/ImageUpload/view/ImageUpload.tsx"],"sourcesContent":["import { Upload } from \"@payloadcms/ui/fields/Upload\";\nimport { Editor, NodeViewWrapper } from \"@tiptap/react\";\nimport { useCallback } from \"react\";\n\nexport const ImageUpload = ({\n  getPos,\n  editor,\n}: {\n  getPos: () => number;\n  editor: Editor;\n}) => {\n  const onUpload = useCallback(\n    (url: string) => {\n      if (url) {\n        editor\n          .chain()\n          .setImageBlock({ src: url })\n          .deleteRange({ from: getPos(), to: getPos() })\n          .focus()\n          .run();\n      }\n    },\n    [getPos, editor]\n  );\n\n  return (\n    <NodeViewWrapper>\n      <div className=\"p-0 m-0\" data-drag-handle>\n        {/* <RenderFields\n          fieldMap={[\n            {\n              name: 'thumbnail',\n              type: 'upload',\n\n            },\n          ]}\n          path=\"media\"\n          readOnly={false}\n          schemaPath=\"\"\n          // fieldTypes={fieldTypes}\n          // fields={sidebarFields}\n          // permissions={permissions.fields}\n          // readOnly={!hasSavePermission}\n        /> */}\n        {/* <ImageUploader onUpload={onUpload} /> */}\n        <Upload />\n      </div>\n    </NodeViewWrapper>\n  );\n};\n\nexport default ImageUpload;\n"],"names":["Upload","NodeViewWrapper","useCallback","ImageUpload","getPos","editor","onUpload","url","chain","setImageBlock","src","deleteRange","from","to","focus","run","div","className","data-drag-handle"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAASA,MAAM,QAAQ,+BAA+B;AACtD,SAAiBC,eAAe,QAAQ,gBAAgB;AACxD,SAASC,WAAW,QAAQ,QAAQ;AAEpC,OAAO,MAAMC,cAAc,CAAC,EAC1BC,MAAM,EACNC,MAAM,EAIP;IACC,MAAMC,WAAWJ,YACf,CAACK;QACC,IAAIA,KAAK;YACPF,OACGG,KAAK,GACLC,aAAa,CAAC;gBAAEC,KAAKH;YAAI,GACzBI,WAAW,CAAC;gBAAEC,MAAMR;gBAAUS,IAAIT;YAAS,GAC3CU,KAAK,GACLC,GAAG;QACR;IACF,GACA;QAACX;QAAQC;KAAO;IAGlB,qBACE,KAACJ;kBACC,cAAA,KAACe;YAAIC,WAAU;YAAUC,kBAAgB;sBAkBvC,cAAA,KAAClB;;;AAIT,EAAE;AAEF,eAAeG,YAAY"}

package/dist/fields/TiptapEditor/extensions/ImageUpload/view/ImageUploader.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Image, Upload } from "lucide-react";
+import { useCallback } from "react";
+import { Button } from "../../../features/ui/Button/Button.jsx";
+import { Icon } from "../../../features/ui/Icon.jsx";
+import { Spinner } from "../../../features/ui/Spinner/Spinner.jsx";
+import { cn } from "../../../lib/utils/index.js";
+import { useDropZone, useFileUpload, useUploader } from "./hooks.js";
+export const ImageUploader = ({ onUpload })=>{
+    const { loading, uploadFile } = useUploader({
+        onUpload
+    });
+    const { handleUploadClick, ref } = useFileUpload();
+    const { draggedInside, onDrop, onDragEnter, onDragLeave } = useDropZone({
+        uploader: uploadFile
+    });
+    const onFileChange = useCallback((e)=>e.target.files ? uploadFile() : null, [
+        uploadFile
+    ]);
+    if (loading) {
+        return /*#__PURE__*/ _jsx("div", {
+            className: "flex items-center justify-center p-8 rounded-lg min-h-[10rem] bg-opacity-80",
+            children: /*#__PURE__*/ _jsx(Spinner, {
+                className: "text-neutral-500",
+                size: 1.5
+            })
+        });
+    }
+    const wrapperClass = cn("flex flex-col items-center justify-center px-8 py-10 rounded-lg bg-opacity-80", draggedInside && "bg-neutral-100");
+    return /*#__PURE__*/ _jsxs("div", {
+        className: wrapperClass,
+        onDrop: onDrop,
+        onDragOver: onDragEnter,
+        onDragLeave: onDragLeave,
+        contentEditable: false,
+        children: [
+            /*#__PURE__*/ _jsx(Icon, {
+                icon: Image,
+                className: "w-12 h-12 mb-4 text-black dark:text-white opacity-20"
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: "flex flex-col items-center justify-center gap-2",
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        className: "text-sm font-medium text-center text-neutral-400 dark:text-neutral-500",
+                        children: draggedInside ? "Drop image here" : "Drag and drop or"
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        children: /*#__PURE__*/ _jsxs(Button, {
+                            type: "button",
+                            disabled: draggedInside,
+                            onClick: handleUploadClick,
+                            variant: "primary",
+                            buttonSize: "small",
+                            children: [
+                                /*#__PURE__*/ _jsx(Icon, {
+                                    icon: Upload
+                                }),
+                                "Upload an image"
+                            ]
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("input", {
+                className: "w-0 h-0 overflow-hidden opacity-0",
+                ref: ref,
+                type: "file",
+                accept: ".jpg,.jpeg,.png,.webp,.gif",
+                onChange: onFileChange
+            })
+        ]
+    });
+};
+export default ImageUploader;
+
+//# sourceMappingURL=ImageUploader.js.map

package/dist/fields/TiptapEditor/extensions/ImageUpload/view/ImageUploader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/ImageUpload/view/ImageUploader.tsx"],"sourcesContent":["import { Image, Upload } from \"lucide-react\";\nimport { ChangeEvent, useCallback } from \"react\";\nimport { Button } from \"../../../features/ui/Button/Button.jsx\";\nimport { Icon } from \"../../../features/ui/Icon.jsx\";\nimport { Spinner } from \"../../../features/ui/Spinner/Spinner.jsx\";\nimport { cn } from \"../../../lib/utils/index.js\";\nimport { useDropZone, useFileUpload, useUploader } from \"./hooks.js\";\nexport const ImageUploader = ({\n  onUpload,\n}: {\n  onUpload: (url: string) => void;\n}) => {\n  const { loading, uploadFile } = useUploader({ onUpload });\n  const { handleUploadClick, ref } = useFileUpload();\n  const { draggedInside, onDrop, onDragEnter, onDragLeave } = useDropZone({\n    uploader: uploadFile,\n  });\n\n  const onFileChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) =>\n      e.target.files ? uploadFile() : null,\n    [uploadFile]\n  );\n\n  if (loading) {\n    return (\n      <div className=\"flex items-center justify-center p-8 rounded-lg min-h-[10rem] bg-opacity-80\">\n        <Spinner className=\"text-neutral-500\" size={1.5} />\n      </div>\n    );\n  }\n\n  const wrapperClass = cn(\n    \"flex flex-col items-center justify-center px-8 py-10 rounded-lg bg-opacity-80\",\n    draggedInside && \"bg-neutral-100\"\n  );\n\n  return (\n    <div\n      className={wrapperClass}\n      onDrop={onDrop}\n      onDragOver={onDragEnter}\n      onDragLeave={onDragLeave}\n      contentEditable={false}\n    >\n      <Icon\n        icon={Image}\n        className=\"w-12 h-12 mb-4 text-black dark:text-white opacity-20\"\n      />\n      <div className=\"flex flex-col items-center justify-center gap-2\">\n        <div className=\"text-sm font-medium text-center text-neutral-400 dark:text-neutral-500\">\n          {draggedInside ? \"Drop image here\" : \"Drag and drop or\"}\n        </div>\n        <div>\n          <Button\n            type=\"button\"\n            disabled={draggedInside}\n            onClick={handleUploadClick}\n            variant=\"primary\"\n            buttonSize=\"small\"\n          >\n            <Icon icon={Upload} />\n            Upload an image\n          </Button>\n        </div>\n      </div>\n      <input\n        className=\"w-0 h-0 overflow-hidden opacity-0\"\n        ref={ref}\n        type=\"file\"\n        accept=\".jpg,.jpeg,.png,.webp,.gif\"\n        onChange={onFileChange}\n      />\n    </div>\n  );\n};\n\nexport default ImageUploader;\n"],"names":["Image","Upload","useCallback","Button","Icon","Spinner","cn","useDropZone","useFileUpload","useUploader","ImageUploader","onUpload","loading","uploadFile","handleUploadClick","ref","draggedInside","onDrop","onDragEnter","onDragLeave","uploader","onFileChange","e","target","files","div","className","size","wrapperClass","onDragOver","contentEditable","icon","type","disabled","onClick","variant","buttonSize","input","accept","onChange"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAASA,KAAK,EAAEC,MAAM,QAAQ,eAAe;AAC7C,SAAsBC,WAAW,QAAQ,QAAQ;AACjD,SAASC,MAAM,QAAQ,yCAAyC;AAChE,SAASC,IAAI,QAAQ,gCAAgC;AACrD,SAASC,OAAO,QAAQ,2CAA2C;AACnE,SAASC,EAAE,QAAQ,8BAA8B;AACjD,SAASC,WAAW,EAAEC,aAAa,EAAEC,WAAW,QAAQ,aAAa;AACrE,OAAO,MAAMC,gBAAgB,CAAC,EAC5BC,QAAQ,EAGT;IACC,MAAM,EAAEC,OAAO,EAAEC,UAAU,EAAE,GAAGJ,YAAY;QAAEE;IAAS;IACvD,MAAM,EAAEG,iBAAiB,EAAEC,GAAG,EAAE,GAAGP;IACnC,MAAM,EAAEQ,aAAa,EAAEC,MAAM,EAAEC,WAAW,EAAEC,WAAW,EAAE,GAAGZ,YAAY;QACtEa,UAAUP;IACZ;IAEA,MAAMQ,eAAenB,YACnB,CAACoB,IACCA,EAAEC,MAAM,CAACC,KAAK,GAAGX,eAAe,MAClC;QAACA;KAAW;IAGd,IAAID,SAAS;QACX,qBACE,KAACa;YAAIC,WAAU;sBACb,cAAA,KAACrB;gBAAQqB,WAAU;gBAAmBC,MAAM;;;IAGlD;IAEA,MAAMC,eAAetB,GACnB,iFACAU,iBAAiB;IAGnB,qBACE,MAACS;QACCC,WAAWE;QACXX,QAAQA;QACRY,YAAYX;QACZC,aAAaA;QACbW,iBAAiB;;0BAEjB,KAAC1B;gBACC2B,MAAM/B;gBACN0B,WAAU;;0BAEZ,MAACD;gBAAIC,WAAU;;kCACb,KAACD;wBAAIC,WAAU;kCACZV,gBAAgB,oBAAoB;;kCAEvC,KAACS;kCACC,cAAA,MAACtB;4BACC6B,MAAK;4BACLC,UAAUjB;4BACVkB,SAASpB;4BACTqB,SAAQ;4BACRC,YAAW;;8CAEX,KAAChC;oCAAK2B,MAAM9B;;gCAAU;;;;;;0BAK5B,KAACoC;gBACCX,WAAU;gBACVX,KAAKA;gBACLiB,MAAK;gBACLM,QAAO;gBACPC,UAAUlB;;;;AAIlB,EAAE;AAEF,eAAeX,cAAc"}

package/dist/fields/TiptapEditor/extensions/ImageUpload/view/hooks.js

@@ -0,0 +1,91 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+import API from "../../../lib/api.js";
+export const useUploader = ({ onUpload })=>{
+    const [loading, setLoading] = useState(false);
+    const uploadFile = useCallback(async ()=>{
+        setLoading(true);
+        try {
+            const url = await API.uploadImage();
+            onUpload(url);
+        } catch (errPayload) {
+            const error = errPayload?.response?.data?.error || "Something went wrong";
+            // toast(error)
+            console.log("ERROR", error);
+        }
+        setLoading(false);
+    }, [
+        onUpload
+    ]);
+    return {
+        loading,
+        uploadFile
+    };
+};
+export const useFileUpload = ()=>{
+    const fileInput = useRef(null);
+    const handleUploadClick = useCallback(()=>{
+        fileInput.current?.click();
+    }, []);
+    return {
+        ref: fileInput,
+        handleUploadClick
+    };
+};
+export const useDropZone = ({ uploader })=>{
+    const [isDragging, setIsDragging] = useState(false);
+    const [draggedInside, setDraggedInside] = useState(false);
+    useEffect(()=>{
+        const dragStartHandler = ()=>{
+            setIsDragging(true);
+        };
+        const dragEndHandler = ()=>{
+            setIsDragging(false);
+        };
+        document.body.addEventListener("dragstart", dragStartHandler);
+        document.body.addEventListener("dragend", dragEndHandler);
+        return ()=>{
+            document.body.removeEventListener("dragstart", dragStartHandler);
+            document.body.removeEventListener("dragend", dragEndHandler);
+        };
+    }, []);
+    const onDrop = useCallback((e)=>{
+        setDraggedInside(false);
+        if (e.dataTransfer.files.length === 0) {
+            return;
+        }
+        const fileList = e.dataTransfer.files;
+        const files = [];
+        for(let i = 0; i < fileList.length; i += 1){
+            const item = fileList.item(i);
+            if (item) {
+                files.push(item);
+            }
+        }
+        if (files.some((file)=>file.type.indexOf("image") === -1)) {
+            return;
+        }
+        e.preventDefault();
+        const filteredFiles = files.filter((f)=>f.type.indexOf("image") !== -1);
+        const file = filteredFiles.length > 0 ? filteredFiles[0] : undefined;
+        if (file) {
+            uploader(file);
+        }
+    }, [
+        uploader
+    ]);
+    const onDragEnter = ()=>{
+        setDraggedInside(true);
+    };
+    const onDragLeave = ()=>{
+        setDraggedInside(false);
+    };
+    return {
+        isDragging,
+        draggedInside,
+        onDragEnter,
+        onDragLeave,
+        onDrop
+    };
+};
+
+//# sourceMappingURL=hooks.js.map

package/dist/fields/TiptapEditor/extensions/ImageUpload/view/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/ImageUpload/view/hooks.ts"],"sourcesContent":["import { DragEvent, useCallback, useEffect, useRef, useState } from \"react\";\nimport API from \"../../../lib/api.js\";\n\nexport const useUploader = ({\n  onUpload,\n}: {\n  onUpload: (url: string) => void;\n}) => {\n  const [loading, setLoading] = useState(false);\n\n  const uploadFile = useCallback(async () => {\n    setLoading(true);\n    try {\n      const url = await API.uploadImage();\n\n      onUpload(url);\n    } catch (errPayload: any) {\n      const error = errPayload?.response?.data?.error || \"Something went wrong\";\n      // toast(error)\n      console.log(\"ERROR\", error);\n    }\n    setLoading(false);\n  }, [onUpload]);\n\n  return { loading, uploadFile };\n};\n\nexport const useFileUpload = () => {\n  const fileInput = useRef<HTMLInputElement>(null);\n\n  const handleUploadClick = useCallback(() => {\n    fileInput.current?.click();\n  }, []);\n\n  return { ref: fileInput, handleUploadClick };\n};\n\nexport const useDropZone = ({\n  uploader,\n}: {\n  uploader: (file: File) => void;\n}) => {\n  const [isDragging, setIsDragging] = useState<boolean>(false);\n  const [draggedInside, setDraggedInside] = useState<boolean>(false);\n\n  useEffect(() => {\n    const dragStartHandler = () => {\n      setIsDragging(true);\n    };\n\n    const dragEndHandler = () => {\n      setIsDragging(false);\n    };\n\n    document.body.addEventListener(\"dragstart\", dragStartHandler);\n    document.body.addEventListener(\"dragend\", dragEndHandler);\n\n    return () => {\n      document.body.removeEventListener(\"dragstart\", dragStartHandler);\n      document.body.removeEventListener(\"dragend\", dragEndHandler);\n    };\n  }, []);\n\n  const onDrop = useCallback(\n    (e: DragEvent<HTMLDivElement>) => {\n      setDraggedInside(false);\n      if (e.dataTransfer.files.length === 0) {\n        return;\n      }\n\n      const fileList = e.dataTransfer.files;\n\n      const files: File[] = [];\n\n      for (let i = 0; i < fileList.length; i += 1) {\n        const item = fileList.item(i);\n        if (item) {\n          files.push(item);\n        }\n      }\n\n      if (files.some((file) => file.type.indexOf(\"image\") === -1)) {\n        return;\n      }\n\n      e.preventDefault();\n\n      const filteredFiles = files.filter((f) => f.type.indexOf(\"image\") !== -1);\n\n      const file = filteredFiles.length > 0 ? filteredFiles[0] : undefined;\n\n      if (file) {\n        uploader(file);\n      }\n    },\n    [uploader]\n  );\n\n  const onDragEnter = () => {\n    setDraggedInside(true);\n  };\n\n  const onDragLeave = () => {\n    setDraggedInside(false);\n  };\n\n  return { isDragging, draggedInside, onDragEnter, onDragLeave, onDrop };\n};\n"],"names":["useCallback","useEffect","useRef","useState","API","useUploader","onUpload","loading","setLoading","uploadFile","url","uploadImage","errPayload","error","response","data","console","log","useFileUpload","fileInput","handleUploadClick","current","click","ref","useDropZone","uploader","isDragging","setIsDragging","draggedInside","setDraggedInside","dragStartHandler","dragEndHandler","document","body","addEventListener","removeEventListener","onDrop","e","dataTransfer","files","length","fileList","i","item","push","some","file","type","indexOf","preventDefault","filteredFiles","filter","f","undefined","onDragEnter","onDragLeave"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAAoBA,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAQ;AAC5E,OAAOC,SAAS,sBAAsB;AAEtC,OAAO,MAAMC,cAAc,CAAC,EAC1BC,QAAQ,EAGT;IACC,MAAM,CAACC,SAASC,WAAW,GAAGL,SAAS;IAEvC,MAAMM,aAAaT,YAAY;QAC7BQ,WAAW;QACX,IAAI;YACF,MAAME,MAAM,MAAMN,IAAIO,WAAW;YAEjCL,SAASI;QACX,EAAE,OAAOE,YAAiB;YACxB,MAAMC,QAAQD,YAAYE,UAAUC,MAAMF,SAAS;YACnD,eAAe;YACfG,QAAQC,GAAG,CAAC,SAASJ;QACvB;QACAL,WAAW;IACb,GAAG;QAACF;KAAS;IAEb,OAAO;QAAEC;QAASE;IAAW;AAC/B,EAAE;AAEF,OAAO,MAAMS,gBAAgB;IAC3B,MAAMC,YAAYjB,OAAyB;IAE3C,MAAMkB,oBAAoBpB,YAAY;QACpCmB,UAAUE,OAAO,EAAEC;IACrB,GAAG,EAAE;IAEL,OAAO;QAAEC,KAAKJ;QAAWC;IAAkB;AAC7C,EAAE;AAEF,OAAO,MAAMI,cAAc,CAAC,EAC1BC,QAAQ,EAGT;IACC,MAAM,CAACC,YAAYC,cAAc,GAAGxB,SAAkB;IACtD,MAAM,CAACyB,eAAeC,iBAAiB,GAAG1B,SAAkB;IAE5DF,UAAU;QACR,MAAM6B,mBAAmB;YACvBH,cAAc;QAChB;QAEA,MAAMI,iBAAiB;YACrBJ,cAAc;QAChB;QAEAK,SAASC,IAAI,CAACC,gBAAgB,CAAC,aAAaJ;QAC5CE,SAASC,IAAI,CAACC,gBAAgB,CAAC,WAAWH;QAE1C,OAAO;YACLC,SAASC,IAAI,CAACE,mBAAmB,CAAC,aAAaL;YAC/CE,SAASC,IAAI,CAACE,mBAAmB,CAAC,WAAWJ;QAC/C;IACF,GAAG,EAAE;IAEL,MAAMK,SAASpC,YACb,CAACqC;QACCR,iBAAiB;QACjB,IAAIQ,EAAEC,YAAY,CAACC,KAAK,CAACC,MAAM,KAAK,GAAG;YACrC;QACF;QAEA,MAAMC,WAAWJ,EAAEC,YAAY,CAACC,KAAK;QAErC,MAAMA,QAAgB,EAAE;QAExB,IAAK,IAAIG,IAAI,GAAGA,IAAID,SAASD,MAAM,EAAEE,KAAK,EAAG;YAC3C,MAAMC,OAAOF,SAASE,IAAI,CAACD;YAC3B,IAAIC,MAAM;gBACRJ,MAAMK,IAAI,CAACD;YACb;QACF;QAEA,IAAIJ,MAAMM,IAAI,CAAC,CAACC,OAASA,KAAKC,IAAI,CAACC,OAAO,CAAC,aAAa,CAAC,IAAI;YAC3D;QACF;QAEAX,EAAEY,cAAc;QAEhB,MAAMC,gBAAgBX,MAAMY,MAAM,CAAC,CAACC,IAAMA,EAAEL,IAAI,CAACC,OAAO,CAAC,aAAa,CAAC;QAEvE,MAAMF,OAAOI,cAAcV,MAAM,GAAG,IAAIU,aAAa,CAAC,EAAE,GAAGG;QAE3D,IAAIP,MAAM;YACRrB,SAASqB;QACX;IACF,GACA;QAACrB;KAAS;IAGZ,MAAM6B,cAAc;QAClBzB,iBAAiB;IACnB;IAEA,MAAM0B,cAAc;QAClB1B,iBAAiB;IACnB;IAEA,OAAO;QAAEH;QAAYE;QAAe0B;QAAaC;QAAanB;IAAO;AACvE,EAAE"}

package/dist/fields/TiptapEditor/extensions/ImageUpload/view/index.js

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

package/dist/fields/TiptapEditor/extensions/ImageUpload/view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/ImageUpload/view/index.tsx"],"sourcesContent":["export * from \"./ImageUpload.jsx\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,oBAAoB"}

package/dist/fields/TiptapEditor/extensions/InsideLinks/InsideLink.client.js

@@ -0,0 +1,71 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+// import { CustomRelationShipComponent } from '@/components/CustomRelationshipComponent'
+// import { PayloadAsyncSelect } from '@/components/PayloadAsyncSelect'
+import { Button } from "@payloadcms/ui/elements/Button";
+import { useCallback, useState } from "react";
+const limit = 10;
+export const ContentRelationship = ({ setRelationship, cancelSelection })=>{
+    const [optionType, setOptionType] = useState("articles");
+    const [relationOption, setRelationOption] = useState(null);
+    const opts = [
+        {
+            label: "Article",
+            value: "articles"
+        },
+        {
+            label: "Video",
+            value: "video"
+        },
+        {
+            label: "Audio",
+            value: "audios"
+        }
+    ];
+    const fetchContentTypes = useCallback(async (search, loadedOptions, { page })=>{
+        try {
+            // Perform your API call with the endpoint and inputValue
+            return {
+                options: opts,
+                hasMore: opts?.length === limit,
+                additional: {
+                    page: page + 1
+                }
+            };
+        } catch (error) {
+        // console.error('Error fetching data:', error)
+        }
+    }, []);
+    return /*#__PURE__*/ _jsx("div", {
+        className: "w-full min-w-[300px] ",
+        children: /*#__PURE__*/ _jsx("div", {
+            children: /*#__PURE__*/ _jsx(Button, {
+                onClick: ()=>{
+                    let url = "";
+                    const topic = relationOption?.topics?.[0]?.slug ?? "";
+                    switch(optionType){
+                        case "articles":
+                            url = `/${topic}/${relationOption?.slug}`;
+                            break;
+                        case "video":
+                            url = `/video/${relationOption?.slug}`;
+                            break;
+                        case "audios":
+                            url = `/audio/${relationOption?.slug}`;
+                            break;
+                    }
+                    setRelationship({
+                        id: relationOption?.id,
+                        type: optionType,
+                        thumbnail: relationOption?.thumbnail?.url,
+                        title: relationOption?.title,
+                        url: url
+                    });
+                },
+                children: "Save"
+            })
+        })
+    });
+};
+
+//# sourceMappingURL=InsideLink.client.js.map

package/dist/fields/TiptapEditor/extensions/InsideLinks/InsideLink.client.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/extensions/InsideLinks/InsideLink.client.tsx"],"sourcesContent":["\"use client\";\n\n// import { CustomRelationShipComponent } from '@/components/CustomRelationshipComponent'\n// import { PayloadAsyncSelect } from '@/components/PayloadAsyncSelect'\nimport { Button } from \"@payloadcms/ui/elements/Button\";\nimport { useCallback, useState } from \"react\";\n\nconst limit = 10;\nexport const ContentRelationship = ({\n  setRelationship,\n  cancelSelection,\n}: {\n  type?: string;\n  relationId?: string;\n  cancelSelection: () => void;\n  setRelationship: ({\n    id,\n    type,\n    thumbnail,\n    title,\n    url,\n  }: {\n    id: string;\n    type: string;\n    thumbnail: string;\n    title: string;\n    url: string;\n  }) => void;\n}) => {\n  const [optionType, setOptionType] = useState(\"articles\");\n  const [relationOption, setRelationOption] = useState<any>(null);\n  const opts = [\n    {\n      label: \"Article\",\n      value: \"articles\",\n    },\n    {\n      label: \"Video\",\n      value: \"video\",\n    },\n    {\n      label: \"Audio\",\n      value: \"audios\",\n    },\n    // {\n    //   label: 'Media',\n    //   value: 'media',\n    // },\n  ];\n\n  const fetchContentTypes = useCallback(\n    async (search: any, loadedOptions: any, { page }: any) => {\n      try {\n        // Perform your API call with the endpoint and inputValue\n\n        return {\n          options: opts,\n          hasMore: opts?.length === limit,\n          additional: {\n            page: page + 1,\n          },\n        };\n      } catch (error) {\n        // console.error('Error fetching data:', error)\n      }\n    },\n    []\n  );\n  return (\n    <div className=\"w-full min-w-[300px] \">\n      {/* <PayloadAsyncSelect\n        fetchData={fetchContentTypes as any}\n        handleChange={(val: string) => {\n          setOptionType(val);\n        }}\n        defaultValue={opts?.find((option) => {\n          return option.value === optionType;\n        })}\n        cacheOptions={null}\n      /> */}\n\n      {/* <CustomRelationShipComponent\n        label={`${\n          opts?.find((option) => {\n            return option.value === optionType\n          })?.label\n        } Content`}\n        collection={optionType}\n        key={optionType}\n        value={relationOption?.id ?? null}\n        handleChange={(val: any) => {\n          setRelationOption(val)\n        }}\n        handleInitialLoad={(val: any) => {\n          setRelationOption(val)\n        }}\n      /> */}\n\n      <div>\n        <Button\n          onClick={() => {\n            let url = \"\";\n            const topic = relationOption?.topics?.[0]?.slug ?? \"\";\n            switch (optionType) {\n              case \"articles\":\n                url = `/${topic}/${relationOption?.slug}`;\n                break;\n              case \"video\":\n                url = `/video/${relationOption?.slug}`;\n\n                break;\n              case \"audios\":\n                url = `/audio/${relationOption?.slug}`;\n                break;\n            }\n            setRelationship({\n              id: relationOption?.id,\n              type: optionType,\n              thumbnail: relationOption?.thumbnail?.url,\n              title: relationOption?.title,\n              url: url,\n            });\n          }}\n        >\n          Save\n        </Button>\n\n        {/* <Button\n          onClick={() => {\n            cancelSelection()\n          }}\n        >\n          Cancel\n        </Button> */}\n      </div>\n    </div>\n  );\n};\n"],"names":["Button","useCallback","useState","limit","ContentRelationship","setRelationship","cancelSelection","optionType","setOptionType","relationOption","setRelationOption","opts","label","value","fetchContentTypes","search","loadedOptions","page","options","hasMore","length","additional","error","div","className","onClick","url","topic","topics","slug","id","type","thumbnail","title"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAEA,yFAAyF;AACzF,uEAAuE;AACvE,SAASA,MAAM,QAAQ,iCAAiC;AACxD,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAQ;AAE9C,MAAMC,QAAQ;AACd,OAAO,MAAMC,sBAAsB,CAAC,EAClCC,eAAe,EACfC,eAAe,EAkBhB;IACC,MAAM,CAACC,YAAYC,cAAc,GAAGN,SAAS;IAC7C,MAAM,CAACO,gBAAgBC,kBAAkB,GAAGR,SAAc;IAC1D,MAAMS,OAAO;QACX;YACEC,OAAO;YACPC,OAAO;QACT;QACA;YACED,OAAO;YACPC,OAAO;QACT;QACA;YACED,OAAO;YACPC,OAAO;QACT;KAKD;IAED,MAAMC,oBAAoBb,YACxB,OAAOc,QAAaC,eAAoB,EAAEC,IAAI,EAAO;QACnD,IAAI;YACF,yDAAyD;YAEzD,OAAO;gBACLC,SAASP;gBACTQ,SAASR,MAAMS,WAAWjB;gBAC1BkB,YAAY;oBACVJ,MAAMA,OAAO;gBACf;YACF;QACF,EAAE,OAAOK,OAAO;QACd,+CAA+C;QACjD;IACF,GACA,EAAE;IAEJ,qBACE,KAACC;QAAIC,WAAU;kBA6Bb,cAAA,KAACD;sBACC,cAAA,KAACvB;gBACCyB,SAAS;oBACP,IAAIC,MAAM;oBACV,MAAMC,QAAQlB,gBAAgBmB,QAAQ,CAAC,EAAE,EAAEC,QAAQ;oBACnD,OAAQtB;wBACN,KAAK;4BACHmB,MAAM,CAAC,CAAC,EAAEC,MAAM,CAAC,EAAElB,gBAAgBoB,KAAK,CAAC;4BACzC;wBACF,KAAK;4BACHH,MAAM,CAAC,OAAO,EAAEjB,gBAAgBoB,KAAK,CAAC;4BAEtC;wBACF,KAAK;4BACHH,MAAM,CAAC,OAAO,EAAEjB,gBAAgBoB,KAAK,CAAC;4BACtC;oBACJ;oBACAxB,gBAAgB;wBACdyB,IAAIrB,gBAAgBqB;wBACpBC,MAAMxB;wBACNyB,WAAWvB,gBAAgBuB,WAAWN;wBACtCO,OAAOxB,gBAAgBwB;wBACvBP,KAAKA;oBACP;gBACF;0BACD;;;;AAcT,EAAE"}

package/dist/fields/TiptapEditor/extensions/InsideLinks/InsideLinksComponent.js

@@ -0,0 +1,78 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ExternalLinkIcon } from "@payloadcms/ui/graphics/ExternalLink";
+import { NodeViewContent, NodeViewWrapper } from "@tiptap/react";
+import { isRTL } from "../../lib/utils/isRtl.js";
+export default ((props)=>{
+    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?.id ?? "" ? /*#__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(ExternalLinkIcon, {
+                            className: "h-6 w-6"
+                        }),
+                        /*#__PURE__*/ _jsx("p", {
+                            className: "w-full flex items-center justify-start mt-0",
+                            style: {
+                                marginTop: 0
+                            },
+                            children: "Add Internal Content Links"
+                        })
+                    ]
+                }) : /*#__PURE__*/ _jsxs("div", {
+                    className: "flex justify-center items-center w-full  gap-x-6",
+                    children: [
+                        /*#__PURE__*/ _jsxs("div", {
+                            className: "flex justify-center items-center",
+                            children: [
+                                /*#__PURE__*/ _jsx("div", {
+                                    className: "w-[32px] h-[64px] bg-blue-400"
+                                }),
+                                /*#__PURE__*/ _jsx("img", {
+                                    src: props?.node?.attrs?.thumbnail ?? "",
+                                    width: 212,
+                                    height: 120,
+                                    alt: "",
+                                    className: "-ml-6 !w-[212px] !h-[120px] object-cover"
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsxs("div", {
+                            className: "flex flex-col justidy-start items-start font-trt gap-y-2 ",
+                            children: [
+                                /*#__PURE__*/ _jsx("a", {
+                                    className: "text-black dark:text-white text-lg capitalize w-full",
+                                    // href={`https://test-payload.trtglobal.tech/en${props?.node?.attrs?.url}` ?? ''}
+                                    dir: isRTL("بیشتر بخوانید" ?? "") ? "rtl" : "ltr",
+                                    children: "بیشتر بخوانید"
+                                }),
+                                /*#__PURE__*/ _jsx("h3", {
+                                    className: "text-2xl font-bold !mt-0 w-full",
+                                    dir: isRTL(props?.node?.attrs?.title ?? "") ? "rtl" : "ltr",
+                                    children: props?.node?.attrs?.title
+                                })
+                            ]
+                        })
+                    ]
+                })
+            }) : null
+        })
+    });
+});
+
+//# sourceMappingURL=InsideLinksComponent.js.map

package/dist/fields/TiptapEditor/extensions/InsideLinks/InsideLinksComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/extensions/InsideLinks/InsideLinksComponent.tsx"],"sourcesContent":["import { ExternalLinkIcon } from \"@payloadcms/ui/graphics/ExternalLink\";\nimport { NodeViewContent, NodeViewWrapper } from \"@tiptap/react\";\nimport { isRTL } from \"../../lib/utils/isRtl.js\";\n\nexport default (props: 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?.id ?? \"\" ? (\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                <ExternalLinkIcon className=\"h-6 w-6\" />\n\n                <p\n                  className=\"w-full flex items-center justify-start mt-0\"\n                  style={{\n                    marginTop: 0,\n                  }}\n                >\n                  Add Internal Content Links\n                  {/* {text} */}\n                </p>\n              </div>\n            ) : (\n              <div className=\"flex justify-center items-center w-full  gap-x-6\">\n                <div className=\"flex justify-center items-center\">\n                  <div className=\"w-[32px] h-[64px] bg-blue-400\"></div>\n                  <img\n                    src={props?.node?.attrs?.thumbnail ?? \"\"}\n                    width={212}\n                    height={120}\n                    alt={\"\"}\n                    className=\"-ml-6 !w-[212px] !h-[120px] object-cover\"\n                  />\n                </div>\n                <div className=\"flex flex-col justidy-start items-start font-trt gap-y-2 \">\n                  <a\n                    className=\"text-black dark:text-white text-lg capitalize w-full\"\n                    // href={`https://test-payload.trtglobal.tech/en${props?.node?.attrs?.url}` ?? ''}\n\n                    dir={isRTL(\"بیشتر بخوانید\" ?? \"\") ? \"rtl\" : \"ltr\"}\n                  >\n                    بیشتر بخوانید\n                  </a>\n                  <h3\n                    className=\"text-2xl font-bold !mt-0 w-full\"\n                    dir={isRTL(props?.node?.attrs?.title ?? \"\") ? \"rtl\" : \"ltr\"}\n                  >\n                    {props?.node?.attrs?.title}\n                  </h3>\n                </div>\n              </div>\n            )}\n          </div>\n        ) : null}\n      </NodeViewContent>\n    </NodeViewWrapper>\n  );\n};\n"],"names":["ExternalLinkIcon","NodeViewContent","NodeViewWrapper","isRTL","props","className","onClick","editor","commands","setNodeSelection","getPos","contentEditable","node","type","spec","draggable","div","data-drag-handle","style","width","attrs","id","p","marginTop","img","src","thumbnail","height","alt","a","dir","h3","title"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAASA,gBAAgB,QAAQ,uCAAuC;AACxE,SAASC,eAAe,EAAEC,eAAe,QAAQ,gBAAgB;AACjE,SAASC,KAAK,QAAQ,2BAA2B;AAEjD,eAAe,CAAA,CAACC;IACd,qBACE,KAACF;QACCG,WAAU;QACVC,SAAS;YACPF,MAAMG,MAAM,CAACC,QAAQ,CAACC,gBAAgB,CAACL,MAAMM,MAAM;QACrD;kBAEA,cAAA,KAACT;YAAgBU,iBAAgB;YAAQN,WAAU;sBAChDD,OAAOQ,KAAKC,KAAKC,KAAKC,0BACrB,KAACC;gBAAID,WAAU;gBAAOE,oBAAiB;gBAAGC,OAAO;oBAAEC,OAAO;gBAAO;0BAC9D,CAACf,OAAOQ,MAAMQ,OAAOC,MAAM,mBAC1B,MAACL;oBACCX,WAAU;oBACVU,WAAU;oBACVE,oBAAiB;oBACjBN,iBAAgB;;sCAEhB,KAACX;4BAAiBK,WAAU;;sCAE5B,KAACiB;4BACCjB,WAAU;4BACVa,OAAO;gCACLK,WAAW;4BACb;sCACD;;;mCAMH,MAACP;oBAAIX,WAAU;;sCACb,MAACW;4BAAIX,WAAU;;8CACb,KAACW;oCAAIX,WAAU;;8CACf,KAACmB;oCACCC,KAAKrB,OAAOQ,MAAMQ,OAAOM,aAAa;oCACtCP,OAAO;oCACPQ,QAAQ;oCACRC,KAAK;oCACLvB,WAAU;;;;sCAGd,MAACW;4BAAIX,WAAU;;8CACb,KAACwB;oCACCxB,WAAU;oCACV,kFAAkF;oCAElFyB,KAAK3B,MAAM,mBAAmB,MAAM,QAAQ;8CAC7C;;8CAGD,KAAC4B;oCACC1B,WAAU;oCACVyB,KAAK3B,MAAMC,OAAOQ,MAAMQ,OAAOY,SAAS,MAAM,QAAQ;8CAErD5B,OAAOQ,MAAMQ,OAAOY;;;;;;iBAM7B;;;AAIZ,CAAA,EAAE"}

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

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

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

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

package/dist/fields/TiptapEditor/extensions/InsideLinks/insideLinks.js

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

package/dist/fields/TiptapEditor/extensions/InsideLinks/insideLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/extensions/InsideLinks/insideLinks.ts"],"sourcesContent":["declare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    insideLinks: {\n      /**\n       * Add an image\n       */\n\n      insertInsideLinks: ({\n        thumbnail,\n        title,\n        id,\n        type,\n        url,\n      }: {\n        thumbnail?: string;\n        title?: string;\n        id?: string;\n        type?: string;\n        url?: string;\n      }) => ReturnType;\n    };\n  }\n}\n\nimport { Node, mergeAttributes } from \"@tiptap/core\";\nimport { ReactNodeViewRenderer } from \"@tiptap/react\";\nimport InsideLinksComponent from \"./InsideLinksComponent.jsx\";\n\nexport const InsideLinks = Node.create({\n  name: \"insideLinks\",\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=\"insideLinks\"]',\n      },\n    ];\n  },\n\n  addAttributes() {\n    return {\n      thumbnail: { default: null },\n      title: { default: null },\n      id: { default: null },\n      type: { default: null },\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\": \"insideLinks\" }),\n      0,\n    ];\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(InsideLinksComponent);\n  },\n\n  addCommands() {\n    return {\n      insertInsideLinks:\n        ({\n          thumbnail,\n          title,\n          id,\n          type,\n          url,\n        }: {\n          thumbnail?: string;\n          title?: string;\n          id?: string;\n          type?: string;\n          url?: string;\n        }) =>\n        ({ commands, state }) => {\n          return commands.insertContent({\n            type: \"insideLinks\",\n            attrs: {\n              thumbnail,\n              title,\n              id,\n              type,\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","InsideLinksComponent","InsideLinks","create","name","group","content","draggable","parseHTML","tag","addAttributes","thumbnail","default","title","id","type","url","addKeyboardShortcuts","editor","chain","insertContentAt","state","selection","head","focus","run","renderHTML","HTMLAttributes","addNodeView","addCommands","insertInsideLinks","commands","insertContent","attrs","isValidHttpUrl","string","URL","_","protocol"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAwBA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAe;AACrD,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,OAAOC,0BAA0B,6BAA6B;AAE9D,OAAO,MAAMC,cAAcJ,KAAKK,MAAM,CAAC;IACrCC,MAAM;IAENC,OAAO;IACPC,SAAS;IACTC,WAAW;IAEX,sBAAsB;IAEtBC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IAEAC;QACE,OAAO;YACLC,WAAW;gBAAEC,SAAS;YAAK;YAC3BC,OAAO;gBAAED,SAAS;YAAK;YACvBE,IAAI;gBAAEF,SAAS;YAAK;YACpBG,MAAM;gBAAEH,SAAS;YAAK;YACtBI,KAAK;gBAAEJ,SAAS;YAAK;QACvB;IACF;IAEAK;QACE,OAAO;YACL,aAAa;gBACX,OAAO,IAAI,CAACC,MAAM,CACfC,KAAK,GACLC,eAAe,CAAC,IAAI,CAACF,MAAM,CAACG,KAAK,CAACC,SAAS,CAACC,IAAI,EAAE;oBACjDR,MAAM,IAAI,CAACA,IAAI,CAACX,IAAI;gBACtB,GACCoB,KAAK,GACLC,GAAG;YACR;QACF;IACF;IAEAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YACL;YACA5B,gBAAgB4B,gBAAgB;gBAAE,aAAa;YAAc;YAC7D;SACD;IACH;IAEAC;QACE,OAAO5B,sBAAsBC;IAC/B;IAEA4B;QACE,OAAO;YACLC,mBACE,CAAC,EACCnB,SAAS,EACTE,KAAK,EACLC,EAAE,EACFC,IAAI,EACJC,GAAG,EAOJ,GACD,CAAC,EAAEe,QAAQ,EAAEV,KAAK,EAAE;oBAClB,OAAOU,SAASC,aAAa,CAAC;wBAC5BjB,MAAM;wBACNkB,OAAO;4BACLtB;4BACAE;4BACAC;4BACAC;4BACAC;wBACF;oBACF;gBACF;QACJ;IACF;AACF,GAAG;AAEH,SAASkB,eAAeC,MAAc;IACpC,IAAInB;IAEJ,IAAI;QACFA,MAAM,IAAIoB,IAAID;IAChB,EAAE,OAAOE,GAAG;QACV,OAAO;IACT;IAEA,OAAOrB,IAAIsB,QAAQ,KAAK,WAAWtB,IAAIsB,QAAQ,KAAK;AACtD"}