payload-richtext-tiptap 0.0.46 → 0.0.48

package/dist/src/fields/TiptapEditor/extensions/AICommand/AIMenuList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AIMenuList.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/AICommand/AIMenuList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,OAAO,EAAE,eAAe,EAAW,MAAM,YAAY,CAAC;AAKtD,eAAO,MAAM,UAAU,iFA2JrB,CAAC;AAIH,eAAe,UAAU,CAAC"}
+{"version":3,"file":"AIMenuList.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/AICommand/AIMenuList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAI7C,eAAO,MAAM,UAAU,iFAkBrB,CAAC;AAIH,eAAe,UAAU,CAAC"}

package/dist/src/fields/TiptapEditor/extensions/AICommand/AIMenuList.js

@@ -1,132 +1,19 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { useCallback, useEffect, useRef, useState } from "react";
-import { DropdownButton } from "../../features/ui/Dropdown/Dropdown.js";
-import { Surface } from "../../features/ui/Surface.js";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useState } from "react";
 import { AICommandPanel } from "../../features/panels/AICommandPanel/AICommandPanel.js";
-import { Icon } from "../../features/ui/Icon.js";
 export const AIMenuList = /*#__PURE__*/ React.forwardRef((props, ref)=>{
-    const scrollContainer = useRef(null);
-    const activeItem = useRef(null);
-    const [selectedGroupIndex, setSelectedGroupIndex] = useState(0);
-    const [selectedCommandIndex, setSelectedCommandIndex] = useState(0);
     const [userPrompt, setUserPrompt] = useState("");
-    // Anytime the groups change, i.e. the user types to narrow it down, we want to
-    // reset the current selection to the first menu item
-    useEffect(()=>{
-        setSelectedGroupIndex(0);
-        setSelectedCommandIndex(0);
-    }, [
-        props.items
-    ]);
-    const selectItem = useCallback((groupIndex, commandIndex)=>{
-        const command = props.items[groupIndex].commands[commandIndex];
-        setUserPrompt(command.action(props.editor));
-    // props.command(command);
-    }, [
-        props
-    ]);
-    React.useImperativeHandle(ref, ()=>({
-            onKeyDown: ({ event })=>{
-                if (event.key === "ArrowDown") {
-                    if (!props.items.length) {
-                        return false;
-                    }
-                    const commands = props.items[selectedGroupIndex].commands;
-                    let newCommandIndex = selectedCommandIndex + 1;
-                    let newGroupIndex = selectedGroupIndex;
-                    if (commands.length - 1 < newCommandIndex) {
-                        newCommandIndex = 0;
-                        newGroupIndex = selectedGroupIndex + 1;
-                    }
-                    if (props.items.length - 1 < newGroupIndex) {
-                        newGroupIndex = 0;
-                    }
-                    setSelectedCommandIndex(newCommandIndex);
-                    setSelectedGroupIndex(newGroupIndex);
-                    return true;
-                }
-                if (event.key === "ArrowUp") {
-                    if (!props.items.length) {
-                        return false;
-                    }
-                    let newCommandIndex = selectedCommandIndex - 1;
-                    let newGroupIndex = selectedGroupIndex;
-                    if (newCommandIndex < 0) {
-                        newGroupIndex = selectedGroupIndex - 1;
-                        newCommandIndex = props.items[newGroupIndex]?.commands.length - 1 || 0;
-                    }
-                    if (newGroupIndex < 0) {
-                        newGroupIndex = props.items.length - 1;
-                        newCommandIndex = props.items[newGroupIndex].commands.length - 1;
-                    }
-                    setSelectedCommandIndex(newCommandIndex);
-                    setSelectedGroupIndex(newGroupIndex);
-                    return true;
-                }
-                if (event.key === "Enter") {
-                    if (!props.items.length || selectedGroupIndex === -1 || selectedCommandIndex === -1) {
-                        return false;
-                    }
-                    selectItem(selectedGroupIndex, selectedCommandIndex);
-                    return true;
-                }
-                return false;
-            }
-        }));
-    useEffect(()=>{
-        if (activeItem.current && scrollContainer.current) {
-            const offsetTop = activeItem.current.offsetTop;
-            const offsetHeight = activeItem.current.offsetHeight;
-            scrollContainer.current.scrollTop = offsetTop - offsetHeight;
-        }
-    }, [
-        selectedCommandIndex,
-        selectedGroupIndex
-    ]);
-    const createCommandClickHandler = useCallback((groupIndex, commandIndex)=>{
-        return ()=>{
-            selectItem(groupIndex, commandIndex);
-        };
-    }, [
-        selectItem
-    ]);
     if (!props.items.length) {
         return null;
     }
-    return /*#__PURE__*/ _jsxs(_Fragment, {
-        children: [
-            /*#__PURE__*/ _jsx(AICommandPanel, {
-                editor: props?.editor,
-                onOpenChange: ()=>{},
-                userPrompt: userPrompt
-            }),
-            /*#__PURE__*/ _jsx(Surface, {
-                ref: scrollContainer,
-                className: "text-black max-h-[min(80vh,24rem)] overflow-auto flex-wrap mb-8 p-2",
-                children: /*#__PURE__*/ _jsx("div", {
-                    className: "grid grid-cols-1 gap-0.5",
-                    children: props.items.map((group, groupIndex)=>/*#__PURE__*/ _jsxs(React.Fragment, {
-                            children: [
-                                /*#__PURE__*/ _jsx("div", {
-                                    className: "text-neutral-500 text-[0.65rem] col-[1/-1] mx-2 mt-4 font-semibold tracking-wider select-none uppercase first:mt-0.5",
-                                    children: group.title
-                                }, `${group.title}`),
-                                group.commands.map((command, commandIndex)=>/*#__PURE__*/ _jsxs(DropdownButton, {
-                                        isActive: selectedGroupIndex === groupIndex && selectedCommandIndex === commandIndex,
-                                        onClick: createCommandClickHandler(groupIndex, commandIndex),
-                                        children: [
-                                            /*#__PURE__*/ _jsx(Icon, {
-                                                icon: command.icon,
-                                                className: "mr-1"
-                                            }),
-                                            command.label
-                                        ]
-                                    }, `${command.label}`))
-                            ]
-                        }, `${group.title}-wrapper`))
-                })
-            })
-        ]
+    return /*#__PURE__*/ _jsx(_Fragment, {
+        children: /*#__PURE__*/ _jsx(AICommandPanel, {
+            editor: props?.editor,
+            onOpenChange: ()=>{},
+            userPrompt: userPrompt,
+            items: props?.items,
+            ref: ref
+        })
     });
 });
 AIMenuList.displayName = "AIMenuList";

package/dist/src/fields/TiptapEditor/extensions/AICommand/AIMenuList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/AICommand/AIMenuList.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { DropdownButton } from \"../../features/ui/Dropdown/Dropdown.js\";\nimport { Surface } from \"../../features/ui/Surface.js\";\nimport { AIMenuListProps, Command } from \"./types.js\";\n\nimport { AICommandPanel } from \"../../features/panels/AICommandPanel/AICommandPanel.js\";\nimport { Icon } from \"../../features/ui/Icon.js\";\n\nexport const AIMenuList = React.forwardRef((props: AIMenuListProps, ref) => {\n  const scrollContainer = useRef<HTMLDivElement>(null);\n  const activeItem = useRef<HTMLButtonElement>(null);\n  const [selectedGroupIndex, setSelectedGroupIndex] = useState(0);\n  const [selectedCommandIndex, setSelectedCommandIndex] = useState(0);\n  const [userPrompt, setUserPrompt] = useState(\"\");\n\n  // Anytime the groups change, i.e. the user types to narrow it down, we want to\n  // reset the current selection to the first menu item\n  useEffect(() => {\n    setSelectedGroupIndex(0);\n    setSelectedCommandIndex(0);\n  }, [props.items]);\n\n  const selectItem = useCallback(\n    (groupIndex: number, commandIndex: number) => {\n      const command = props.items[groupIndex].commands[commandIndex];\n\n      setUserPrompt(command.action(props.editor));\n      // props.command(command);\n    },\n    [props]\n  );\n\n  React.useImperativeHandle(ref, () => ({\n    onKeyDown: ({ event }: { event: React.KeyboardEvent }) => {\n      if (event.key === \"ArrowDown\") {\n        if (!props.items.length) {\n          return false;\n        }\n\n        const commands = props.items[selectedGroupIndex].commands;\n\n        let newCommandIndex = selectedCommandIndex + 1;\n        let newGroupIndex = selectedGroupIndex;\n\n        if (commands.length - 1 < newCommandIndex) {\n          newCommandIndex = 0;\n          newGroupIndex = selectedGroupIndex + 1;\n        }\n\n        if (props.items.length - 1 < newGroupIndex) {\n          newGroupIndex = 0;\n        }\n\n        setSelectedCommandIndex(newCommandIndex);\n        setSelectedGroupIndex(newGroupIndex);\n\n        return true;\n      }\n\n      if (event.key === \"ArrowUp\") {\n        if (!props.items.length) {\n          return false;\n        }\n\n        let newCommandIndex = selectedCommandIndex - 1;\n        let newGroupIndex = selectedGroupIndex;\n\n        if (newCommandIndex < 0) {\n          newGroupIndex = selectedGroupIndex - 1;\n          newCommandIndex =\n            props.items[newGroupIndex]?.commands.length - 1 || 0;\n        }\n\n        if (newGroupIndex < 0) {\n          newGroupIndex = props.items.length - 1;\n          newCommandIndex = props.items[newGroupIndex].commands.length - 1;\n        }\n\n        setSelectedCommandIndex(newCommandIndex);\n        setSelectedGroupIndex(newGroupIndex);\n\n        return true;\n      }\n\n      if (event.key === \"Enter\") {\n        if (\n          !props.items.length ||\n          selectedGroupIndex === -1 ||\n          selectedCommandIndex === -1\n        ) {\n          return false;\n        }\n\n        selectItem(selectedGroupIndex, selectedCommandIndex);\n\n        return true;\n      }\n\n      return false;\n    },\n  }));\n\n  useEffect(() => {\n    if (activeItem.current && scrollContainer.current) {\n      const offsetTop = activeItem.current.offsetTop;\n      const offsetHeight = activeItem.current.offsetHeight;\n\n      scrollContainer.current.scrollTop = offsetTop - offsetHeight;\n    }\n  }, [selectedCommandIndex, selectedGroupIndex]);\n\n  const createCommandClickHandler = useCallback(\n    (groupIndex: number, commandIndex: number) => {\n      return () => {\n        selectItem(groupIndex, commandIndex);\n      };\n    },\n    [selectItem]\n  );\n\n  if (!props.items.length) {\n    return null;\n  }\n\n  return (\n    <>\n      <AICommandPanel\n        editor={props?.editor as any}\n        onOpenChange={() => {}}\n        userPrompt={userPrompt}\n      />\n      <Surface\n        ref={scrollContainer}\n        className=\"text-black max-h-[min(80vh,24rem)] overflow-auto flex-wrap mb-8 p-2\"\n      >\n        <div className=\"grid grid-cols-1 gap-0.5\">\n          {props.items.map((group, groupIndex: number) => (\n            <React.Fragment key={`${group.title}-wrapper`}>\n              <div\n                className=\"text-neutral-500 text-[0.65rem] col-[1/-1] mx-2 mt-4 font-semibold tracking-wider select-none uppercase first:mt-0.5\"\n                key={`${group.title}`}\n              >\n                {group.title}\n              </div>\n              {group.commands.map((command: Command, commandIndex: number) => (\n                <DropdownButton\n                  key={`${command.label}`}\n                  isActive={\n                    selectedGroupIndex === groupIndex &&\n                    selectedCommandIndex === commandIndex\n                  }\n                  onClick={createCommandClickHandler(groupIndex, commandIndex)}\n                >\n                  <Icon icon={command.icon} className=\"mr-1\" />\n                  {command.label}\n                </DropdownButton>\n              ))}\n            </React.Fragment>\n          ))}\n        </div>\n      </Surface>\n    </>\n  );\n});\n\nAIMenuList.displayName = \"AIMenuList\";\n\nexport default AIMenuList;\n"],"names":["React","useCallback","useEffect","useRef","useState","DropdownButton","Surface","AICommandPanel","Icon","AIMenuList","forwardRef","props","ref","scrollContainer","activeItem","selectedGroupIndex","setSelectedGroupIndex","selectedCommandIndex","setSelectedCommandIndex","userPrompt","setUserPrompt","items","selectItem","groupIndex","commandIndex","command","commands","action","editor","useImperativeHandle","onKeyDown","event","key","length","newCommandIndex","newGroupIndex","current","offsetTop","offsetHeight","scrollTop","createCommandClickHandler","onOpenChange","className","div","map","group","Fragment","title","isActive","onClick","icon","label","displayName"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/AICommand/AIMenuList.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { AIMenuListProps } from \"./types.js\";\n\nimport { AICommandPanel } from \"../../features/panels/AICommandPanel/AICommandPanel.js\";\n\nexport const AIMenuList = React.forwardRef((props: AIMenuListProps, ref) => {\n  const [userPrompt, setUserPrompt] = useState(\"\");\n\n  if (!props.items.length) {\n    return null;\n  }\n\n  return (\n    <>\n      <AICommandPanel\n        editor={props?.editor as any}\n        onOpenChange={() => {}}\n        userPrompt={userPrompt}\n        items={props?.items}\n        ref={ref}\n      />\n    </>\n  );\n});\n\nAIMenuList.displayName = \"AIMenuList\";\n\nexport default AIMenuList;\n"],"names":["React","useState","AICommandPanel","AIMenuList","forwardRef","props","ref","userPrompt","setUserPrompt","items","length","editor","onOpenChange","displayName"],"mappings":";AAAA,OAAOA,SAASC,QAAQ,QAAQ,QAAQ;AAIxC,SAASC,cAAc,QAAQ,yDAAyD;AAExF,OAAO,MAAMC,2BAAaH,MAAMI,UAAU,CAAC,CAACC,OAAwBC;IAClE,MAAM,CAACC,YAAYC,cAAc,GAAGP,SAAS;IAE7C,IAAI,CAACI,MAAMI,KAAK,CAACC,MAAM,EAAE;QACvB,OAAO;IACT;IAEA,qBACE;kBACE,cAAA,KAACR;YACCS,QAAQN,OAAOM;YACfC,cAAc,KAAO;YACrBL,YAAYA;YACZE,OAAOJ,OAAOI;YACdH,KAAKA;;;AAIb,GAAG;AAEHH,WAAWU,WAAW,GAAG;AAEzB,eAAeV,WAAW"}

package/dist/src/fields/TiptapEditor/extensions/ImageUpload/view/ImageUpload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageUpload.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/extensions/ImageUpload/view/ImageUpload.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAmB,MAAM,eAAe,CAAC;AAExD,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,eAAO,MAAM,kBAAkB,uBAAwB,eAAe,2BAIjE;IACD,MAAM,EAAE,MAAM,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;CAChB,gCAiEF,CAAC"}
+{"version":3,"file":"ImageUpload.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/extensions/ImageUpload/view/ImageUpload.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAmB,MAAM,eAAe,CAAC;AAExD,OAAO,EAEL,eAAe,EAChB,MAAM,kCAAkC,CAAC;AAC1C,eAAO,MAAM,kBAAkB,uBAAwB,eAAe,2BAIjE;IACD,MAAM,EAAE,MAAM,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;CAChB,gCA4EF,CAAC"}

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

@@ -3,14 +3,26 @@ import { NodeViewWrapper } from "@tiptap/react";
 import { useCallback } from "react";
 export const ImageUploadBuilder = (openAssetHQHandler)=>{
     const ImageUpload = ({ getPos, editor })=>{
-        const onUpload = useCallback((url)=>{
-            if (url) {
-                editor.chain().focus().setImageBlock({
-                    src: url
-                }).deleteRange({
-                    from: getPos(),
-                    to: getPos()
-                }).focus().run();
+        const onUpload = useCallback((asset)=>{
+            if (asset) {
+                console.log("asset in ImageUpload itself:", asset);
+                if (asset.type === "IMAGE") {
+                    editor.chain().focus().setImageBlock({
+                        src: asset.fullUrl
+                    }) //TODO: should also set other fields to data-media-id ... it'd be easier to later find which media id is this.
+                    .deleteRange({
+                        from: getPos(),
+                        to: getPos()
+                    }).focus().run();
+                } else {
+                    editor.chain().focus().setVideoBlock({
+                        src: asset.videoUrl,
+                        poster: asset.fullUrl
+                    }).deleteRange({
+                        from: getPos(),
+                        to: getPos()
+                    }).focus().run();
+                }
             }
         }, [
             getPos,
@@ -33,7 +45,7 @@ export const ImageUploadBuilder = (openAssetHQHandler)=>{
                         e.preventDefault();
                         openAssetHQHandler(onUpload);
                     },
-                    children: "Upload Image"
+                    children: "Select an asset"
                 })
             })
         });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/ImageUpload/view/ImageUpload.tsx"],"sourcesContent":["import { Editor, NodeViewWrapper } from \"@tiptap/react\";\nimport { useCallback } from \"react\";\nimport { openAssetHQType } from \"src/fields/TiptapEditor/types.js\";\nexport const ImageUploadBuilder = (openAssetHQHandler: openAssetHQType) => {\n  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            .focus()\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: \"media\",\n              type: \"upload\",\n              cellComponentProps: {\n                name: \"media\",\n                schemaPath: \"media\",\n              },\n              fieldComponentProps: {},\n              fieldIsPresentational: true,\n              isFieldAffectingData: false,\n              localized: false,\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          <a\n            href=\"#\"\n            style={{\n              padding: 5,\n              borderRadius: 5,\n              backgroundColor: \"blue\",\n              color: \"white\",\n              cursor: \"pointer\",\n            }}\n            onClick={(e) => {\n              e.preventDefault();\n              openAssetHQHandler(onUpload);\n            }}\n          >\n            Upload Image\n          </a>\n          {/* <ImageUploader onUpload={onUpload} /> */}\n        </div>\n      </NodeViewWrapper>\n    );\n  };\n\n  return ImageUpload;\n};\n"],"names":["NodeViewWrapper","useCallback","ImageUploadBuilder","openAssetHQHandler","ImageUpload","getPos","editor","onUpload","url","chain","focus","setImageBlock","src","deleteRange","from","to","run","div","className","data-drag-handle","a","href","style","padding","borderRadius","backgroundColor","color","cursor","onClick","e","preventDefault"],"mappings":";AAAA,SAAiBA,eAAe,QAAQ,gBAAgB;AACxD,SAASC,WAAW,QAAQ,QAAQ;AAEpC,OAAO,MAAMC,qBAAqB,CAACC;IACjC,MAAMC,cAAc,CAAC,EACnBC,MAAM,EACNC,MAAM,EAIP;QACC,MAAMC,WAAWN,YACf,CAACO;YACC,IAAIA,KAAK;gBACPF,OACGG,KAAK,GACLC,KAAK,GACLC,aAAa,CAAC;oBAAEC,KAAKJ;gBAAI,GACzBK,WAAW,CAAC;oBAAEC,MAAMT;oBAAUU,IAAIV;gBAAS,GAC3CK,KAAK,GACLM,GAAG;YACR;QACF,GACA;YAACX;YAAQC;SAAO;QAGlB,qBACE,KAACN;sBACC,cAAA,KAACiB;gBAAIC,WAAU;gBAAUC,kBAAgB;0BAwBvC,cAAA,KAACC;oBACCC,MAAK;oBACLC,OAAO;wBACLC,SAAS;wBACTC,cAAc;wBACdC,iBAAiB;wBACjBC,OAAO;wBACPC,QAAQ;oBACV;oBACAC,SAAS,CAACC;wBACRA,EAAEC,cAAc;wBAChB3B,mBAAmBI;oBACrB;8BACD;;;;IAOT;IAEA,OAAOH;AACT,EAAE"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/ImageUpload/view/ImageUpload.tsx"],"sourcesContent":["import { Editor, NodeViewWrapper } from \"@tiptap/react\";\nimport { useCallback } from \"react\";\nimport {\n  AssetReturnType,\n  openAssetHQType,\n} from \"src/fields/TiptapEditor/types.js\";\nexport const ImageUploadBuilder = (openAssetHQHandler: openAssetHQType) => {\n  const ImageUpload = ({\n    getPos,\n    editor,\n  }: {\n    getPos: () => number;\n    editor: Editor;\n  }) => {\n    const onUpload = useCallback(\n      (asset: AssetReturnType) => {\n        if (asset) {\n          console.log(\"asset in ImageUpload itself:\", asset);\n          if (asset.type === \"IMAGE\") {\n            editor\n              .chain()\n              .focus()\n              .setImageBlock({ src: asset.fullUrl }) //TODO: should also set other fields to data-media-id ... it'd be easier to later find which media id is this.\n              .deleteRange({ from: getPos(), to: getPos() })\n              .focus()\n              .run();\n          } else {\n            editor\n              .chain()\n              .focus()\n              .setVideoBlock({ src: asset.videoUrl, poster: asset.fullUrl })\n              .deleteRange({ from: getPos(), to: getPos() })\n              .focus()\n              .run();\n          }\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: \"media\",\n              type: \"upload\",\n              cellComponentProps: {\n                name: \"media\",\n                schemaPath: \"media\",\n              },\n              fieldComponentProps: {},\n              fieldIsPresentational: true,\n              isFieldAffectingData: false,\n              localized: false,\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          <a\n            href=\"#\"\n            style={{\n              padding: 5,\n              borderRadius: 5,\n              backgroundColor: \"blue\",\n              color: \"white\",\n              cursor: \"pointer\",\n            }}\n            onClick={(e) => {\n              e.preventDefault();\n              openAssetHQHandler(onUpload);\n            }}\n          >\n            Select an asset\n          </a>\n          {/* <ImageUploader onUpload={onUpload} /> */}\n        </div>\n      </NodeViewWrapper>\n    );\n  };\n\n  return ImageUpload;\n};\n"],"names":["NodeViewWrapper","useCallback","ImageUploadBuilder","openAssetHQHandler","ImageUpload","getPos","editor","onUpload","asset","console","log","type","chain","focus","setImageBlock","src","fullUrl","deleteRange","from","to","run","setVideoBlock","videoUrl","poster","div","className","data-drag-handle","a","href","style","padding","borderRadius","backgroundColor","color","cursor","onClick","e","preventDefault"],"mappings":";AAAA,SAAiBA,eAAe,QAAQ,gBAAgB;AACxD,SAASC,WAAW,QAAQ,QAAQ;AAKpC,OAAO,MAAMC,qBAAqB,CAACC;IACjC,MAAMC,cAAc,CAAC,EACnBC,MAAM,EACNC,MAAM,EAIP;QACC,MAAMC,WAAWN,YACf,CAACO;YACC,IAAIA,OAAO;gBACTC,QAAQC,GAAG,CAAC,gCAAgCF;gBAC5C,IAAIA,MAAMG,IAAI,KAAK,SAAS;oBAC1BL,OACGM,KAAK,GACLC,KAAK,GACLC,aAAa,CAAC;wBAAEC,KAAKP,MAAMQ,OAAO;oBAAC,GAAG,8GAA8G;qBACpJC,WAAW,CAAC;wBAAEC,MAAMb;wBAAUc,IAAId;oBAAS,GAC3CQ,KAAK,GACLO,GAAG;gBACR,OAAO;oBACLd,OACGM,KAAK,GACLC,KAAK,GACLQ,aAAa,CAAC;wBAAEN,KAAKP,MAAMc,QAAQ;wBAAEC,QAAQf,MAAMQ,OAAO;oBAAC,GAC3DC,WAAW,CAAC;wBAAEC,MAAMb;wBAAUc,IAAId;oBAAS,GAC3CQ,KAAK,GACLO,GAAG;gBACR;YACF;QACF,GACA;YAACf;YAAQC;SAAO;QAGlB,qBACE,KAACN;sBACC,cAAA,KAACwB;gBAAIC,WAAU;gBAAUC,kBAAgB;0BAwBvC,cAAA,KAACC;oBACCC,MAAK;oBACLC,OAAO;wBACLC,SAAS;wBACTC,cAAc;wBACdC,iBAAiB;wBACjBC,OAAO;wBACPC,QAAQ;oBACV;oBACAC,SAAS,CAACC;wBACRA,EAAEC,cAAc;wBAChBlC,mBAAmBI;oBACrB;8BACD;;;;IAOT;IAEA,OAAOH;AACT,EAAE"}

package/dist/src/fields/TiptapEditor/extensions/SlashCommand/MenuList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuList.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/SlashCommand/MenuList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,OAAO,EAAW,aAAa,EAAE,MAAM,YAAY,CAAC;AAKpD,eAAO,MAAM,QAAQ,+EAoJnB,CAAC;AAIH,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"MenuList.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/SlashCommand/MenuList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,OAAO,EAAW,aAAa,EAAE,MAAM,YAAY,CAAC;AAKpD,eAAO,MAAM,QAAQ,+EAmJnB,CAAC;AAIH,eAAe,QAAQ,CAAC"}

package/dist/src/fields/TiptapEditor/extensions/SlashCommand/MenuList.js

@@ -3,7 +3,6 @@ import React, { useCallback, useEffect, useRef, useState } from "react";
 import { DropdownButton } from "../../features/ui/Dropdown/Dropdown.js";
 import { Surface } from "../../features/ui/Surface.js";
 import { Icon } from "../../features/ui/Icon.js";
-import { AICommandPanel } from "../../features/panels/AICommandPanel/AICommandPanel.js";
 export const MenuList = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     const scrollContainer = useRef(null);
     const activeItem = useRef(null);
@@ -91,39 +90,33 @@ export const MenuList = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     if (!props.items.length) {
         return null;
     }
-    return /*#__PURE__*/ _jsxs(_Fragment, {
-        children: [
-            /*#__PURE__*/ _jsx(AICommandPanel, {
-                editor: props.editor,
-                onOpenChange: ()=>{}
-            }),
-            /*#__PURE__*/ _jsx(Surface, {
-                ref: scrollContainer,
-                className: "text-black max-h-[min(80vh,24rem)] overflow-auto flex-wrap mb-8 p-2",
-                children: /*#__PURE__*/ _jsx("div", {
-                    className: "grid grid-cols-1 gap-0.5",
-                    children: props.items.map((group, groupIndex)=>/*#__PURE__*/ _jsxs(React.Fragment, {
-                            children: [
-                                /*#__PURE__*/ _jsx("div", {
-                                    className: "text-neutral-500 text-[0.65rem] col-[1/-1] mx-2 mt-4 font-semibold tracking-wider select-none uppercase first:mt-0.5",
-                                    children: group.title
-                                }, `${group.title}`),
-                                group.commands.map((command, commandIndex)=>/*#__PURE__*/ _jsxs(DropdownButton, {
-                                        isActive: selectedGroupIndex === groupIndex && selectedCommandIndex === commandIndex,
-                                        onClick: createCommandClickHandler(groupIndex, commandIndex),
-                                        children: [
-                                            /*#__PURE__*/ _jsx(Icon, {
-                                                icon: command.icon,
-                                                className: "mr-1"
-                                            }),
-                                            command.label
-                                        ]
-                                    }, `${command.label}`))
-                            ]
-                        }, `${group.title}-wrapper`))
-                })
+    return /*#__PURE__*/ _jsx(_Fragment, {
+        children: /*#__PURE__*/ _jsx(Surface, {
+            ref: scrollContainer,
+            className: "text-black max-h-[min(80vh,24rem)] overflow-auto flex-wrap mb-8 p-2",
+            children: /*#__PURE__*/ _jsx("div", {
+                className: "grid grid-cols-1 gap-0.5",
+                children: props.items.map((group, groupIndex)=>/*#__PURE__*/ _jsxs(React.Fragment, {
+                        children: [
+                            /*#__PURE__*/ _jsx("div", {
+                                className: "text-neutral-500 text-[0.65rem] col-[1/-1] mx-2 mt-4 font-semibold tracking-wider select-none uppercase first:mt-0.5",
+                                children: group.title
+                            }, `${group.title}`),
+                            group.commands.map((command, commandIndex)=>/*#__PURE__*/ _jsxs(DropdownButton, {
+                                    isActive: selectedGroupIndex === groupIndex && selectedCommandIndex === commandIndex,
+                                    onClick: createCommandClickHandler(groupIndex, commandIndex),
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Icon, {
+                                            icon: command.icon,
+                                            className: "mr-1"
+                                        }),
+                                        command.label
+                                    ]
+                                }, `${command.label}`))
+                        ]
+                    }, `${group.title}-wrapper`))
             })
-        ]
+        })
     });
 });
 MenuList.displayName = "MenuList";

package/dist/src/fields/TiptapEditor/extensions/SlashCommand/MenuList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/SlashCommand/MenuList.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { DropdownButton } from \"../../features/ui/Dropdown/Dropdown.js\";\nimport { Surface } from \"../../features/ui/Surface.js\";\nimport { Command, MenuListProps } from \"./types.js\";\n\nimport { Icon } from \"../../features/ui/Icon.js\";\nimport { AICommandPanel } from \"../../features/panels/AICommandPanel/AICommandPanel.js\";\n\nexport const MenuList = React.forwardRef((props: MenuListProps, ref) => {\n  const scrollContainer = useRef<HTMLDivElement>(null);\n  const activeItem = useRef<HTMLButtonElement>(null);\n  const [selectedGroupIndex, setSelectedGroupIndex] = useState(0);\n  const [selectedCommandIndex, setSelectedCommandIndex] = useState(0);\n\n  // Anytime the groups change, i.e. the user types to narrow it down, we want to\n  // reset the current selection to the first menu item\n  useEffect(() => {\n    setSelectedGroupIndex(0);\n    setSelectedCommandIndex(0);\n  }, [props.items]);\n\n  const selectItem = useCallback(\n    (groupIndex: number, commandIndex: number) => {\n      const command = props.items[groupIndex].commands[commandIndex];\n      props.command(command);\n    },\n    [props]\n  );\n\n  React.useImperativeHandle(ref, () => ({\n    onKeyDown: ({ event }: { event: React.KeyboardEvent }) => {\n      if (event.key === \"ArrowDown\") {\n        if (!props.items.length) {\n          return false;\n        }\n\n        const commands = props.items[selectedGroupIndex].commands;\n\n        let newCommandIndex = selectedCommandIndex + 1;\n        let newGroupIndex = selectedGroupIndex;\n\n        if (commands.length - 1 < newCommandIndex) {\n          newCommandIndex = 0;\n          newGroupIndex = selectedGroupIndex + 1;\n        }\n\n        if (props.items.length - 1 < newGroupIndex) {\n          newGroupIndex = 0;\n        }\n\n        setSelectedCommandIndex(newCommandIndex);\n        setSelectedGroupIndex(newGroupIndex);\n\n        return true;\n      }\n\n      if (event.key === \"ArrowUp\") {\n        if (!props.items.length) {\n          return false;\n        }\n\n        let newCommandIndex = selectedCommandIndex - 1;\n        let newGroupIndex = selectedGroupIndex;\n\n        if (newCommandIndex < 0) {\n          newGroupIndex = selectedGroupIndex - 1;\n          newCommandIndex =\n            props.items[newGroupIndex]?.commands.length - 1 || 0;\n        }\n\n        if (newGroupIndex < 0) {\n          newGroupIndex = props.items.length - 1;\n          newCommandIndex = props.items[newGroupIndex].commands.length - 1;\n        }\n\n        setSelectedCommandIndex(newCommandIndex);\n        setSelectedGroupIndex(newGroupIndex);\n\n        return true;\n      }\n\n      if (event.key === \"Enter\") {\n        if (\n          !props.items.length ||\n          selectedGroupIndex === -1 ||\n          selectedCommandIndex === -1\n        ) {\n          return false;\n        }\n\n        selectItem(selectedGroupIndex, selectedCommandIndex);\n\n        return true;\n      }\n\n      return false;\n    },\n  }));\n\n  useEffect(() => {\n    if (activeItem.current && scrollContainer.current) {\n      const offsetTop = activeItem.current.offsetTop;\n      const offsetHeight = activeItem.current.offsetHeight;\n\n      scrollContainer.current.scrollTop = offsetTop - offsetHeight;\n    }\n  }, [selectedCommandIndex, selectedGroupIndex]);\n\n  const createCommandClickHandler = useCallback(\n    (groupIndex: number, commandIndex: number) => {\n      return () => {\n        selectItem(groupIndex, commandIndex);\n      };\n    },\n    [selectItem]\n  );\n\n  if (!props.items.length) {\n    return null;\n  }\n\n  return (\n    <>\n      <AICommandPanel editor={props.editor as any} onOpenChange={() => {}} />\n      <Surface\n        ref={scrollContainer}\n        className=\"text-black max-h-[min(80vh,24rem)] overflow-auto flex-wrap mb-8 p-2\"\n      >\n        <div className=\"grid grid-cols-1 gap-0.5\">\n          {props.items.map((group, groupIndex: number) => (\n            <React.Fragment key={`${group.title}-wrapper`}>\n              <div\n                className=\"text-neutral-500 text-[0.65rem] col-[1/-1] mx-2 mt-4 font-semibold tracking-wider select-none uppercase first:mt-0.5\"\n                key={`${group.title}`}\n              >\n                {group.title}\n              </div>\n              {group.commands.map((command: Command, commandIndex: number) => (\n                <DropdownButton\n                  key={`${command.label}`}\n                  isActive={\n                    selectedGroupIndex === groupIndex &&\n                    selectedCommandIndex === commandIndex\n                  }\n                  onClick={createCommandClickHandler(groupIndex, commandIndex)}\n                >\n                  <Icon icon={command.icon} className=\"mr-1\" />\n                  {command.label}\n                </DropdownButton>\n              ))}\n            </React.Fragment>\n          ))}\n        </div>\n      </Surface>\n    </>\n  );\n});\n\nMenuList.displayName = \"MenuList\";\n\nexport default MenuList;\n"],"names":["React","useCallback","useEffect","useRef","useState","DropdownButton","Surface","Icon","AICommandPanel","MenuList","forwardRef","props","ref","scrollContainer","activeItem","selectedGroupIndex","setSelectedGroupIndex","selectedCommandIndex","setSelectedCommandIndex","items","selectItem","groupIndex","commandIndex","command","commands","useImperativeHandle","onKeyDown","event","key","length","newCommandIndex","newGroupIndex","current","offsetTop","offsetHeight","scrollTop","createCommandClickHandler","editor","onOpenChange","className","div","map","group","Fragment","title","isActive","onClick","icon","label","displayName"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/SlashCommand/MenuList.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { DropdownButton } from \"../../features/ui/Dropdown/Dropdown.js\";\nimport { Surface } from \"../../features/ui/Surface.js\";\nimport { Command, MenuListProps } from \"./types.js\";\n\nimport { Icon } from \"../../features/ui/Icon.js\";\nimport { AICommandPanel } from \"../../features/panels/AICommandPanel/AICommandPanel.js\";\n\nexport const MenuList = React.forwardRef((props: MenuListProps, ref) => {\n  const scrollContainer = useRef<HTMLDivElement>(null);\n  const activeItem = useRef<HTMLButtonElement>(null);\n  const [selectedGroupIndex, setSelectedGroupIndex] = useState(0);\n  const [selectedCommandIndex, setSelectedCommandIndex] = useState(0);\n\n  // Anytime the groups change, i.e. the user types to narrow it down, we want to\n  // reset the current selection to the first menu item\n  useEffect(() => {\n    setSelectedGroupIndex(0);\n    setSelectedCommandIndex(0);\n  }, [props.items]);\n\n  const selectItem = useCallback(\n    (groupIndex: number, commandIndex: number) => {\n      const command = props.items[groupIndex].commands[commandIndex];\n      props.command(command);\n    },\n    [props]\n  );\n\n  React.useImperativeHandle(ref, () => ({\n    onKeyDown: ({ event }: { event: React.KeyboardEvent }) => {\n      if (event.key === \"ArrowDown\") {\n        if (!props.items.length) {\n          return false;\n        }\n\n        const commands = props.items[selectedGroupIndex].commands;\n\n        let newCommandIndex = selectedCommandIndex + 1;\n        let newGroupIndex = selectedGroupIndex;\n\n        if (commands.length - 1 < newCommandIndex) {\n          newCommandIndex = 0;\n          newGroupIndex = selectedGroupIndex + 1;\n        }\n\n        if (props.items.length - 1 < newGroupIndex) {\n          newGroupIndex = 0;\n        }\n\n        setSelectedCommandIndex(newCommandIndex);\n        setSelectedGroupIndex(newGroupIndex);\n\n        return true;\n      }\n\n      if (event.key === \"ArrowUp\") {\n        if (!props.items.length) {\n          return false;\n        }\n\n        let newCommandIndex = selectedCommandIndex - 1;\n        let newGroupIndex = selectedGroupIndex;\n\n        if (newCommandIndex < 0) {\n          newGroupIndex = selectedGroupIndex - 1;\n          newCommandIndex =\n            props.items[newGroupIndex]?.commands.length - 1 || 0;\n        }\n\n        if (newGroupIndex < 0) {\n          newGroupIndex = props.items.length - 1;\n          newCommandIndex = props.items[newGroupIndex].commands.length - 1;\n        }\n\n        setSelectedCommandIndex(newCommandIndex);\n        setSelectedGroupIndex(newGroupIndex);\n\n        return true;\n      }\n\n      if (event.key === \"Enter\") {\n        if (\n          !props.items.length ||\n          selectedGroupIndex === -1 ||\n          selectedCommandIndex === -1\n        ) {\n          return false;\n        }\n\n        selectItem(selectedGroupIndex, selectedCommandIndex);\n\n        return true;\n      }\n\n      return false;\n    },\n  }));\n\n  useEffect(() => {\n    if (activeItem.current && scrollContainer.current) {\n      const offsetTop = activeItem.current.offsetTop;\n      const offsetHeight = activeItem.current.offsetHeight;\n\n      scrollContainer.current.scrollTop = offsetTop - offsetHeight;\n    }\n  }, [selectedCommandIndex, selectedGroupIndex]);\n\n  const createCommandClickHandler = useCallback(\n    (groupIndex: number, commandIndex: number) => {\n      return () => {\n        selectItem(groupIndex, commandIndex);\n      };\n    },\n    [selectItem]\n  );\n\n  if (!props.items.length) {\n    return null;\n  }\n\n  return (\n    <>\n      <Surface\n        ref={scrollContainer}\n        className=\"text-black max-h-[min(80vh,24rem)] overflow-auto flex-wrap mb-8 p-2\"\n      >\n        <div className=\"grid grid-cols-1 gap-0.5\">\n          {props.items.map((group, groupIndex: number) => (\n            <React.Fragment key={`${group.title}-wrapper`}>\n              <div\n                className=\"text-neutral-500 text-[0.65rem] col-[1/-1] mx-2 mt-4 font-semibold tracking-wider select-none uppercase first:mt-0.5\"\n                key={`${group.title}`}\n              >\n                {group.title}\n              </div>\n              {group.commands.map((command: Command, commandIndex: number) => (\n                <DropdownButton\n                  key={`${command.label}`}\n                  isActive={\n                    selectedGroupIndex === groupIndex &&\n                    selectedCommandIndex === commandIndex\n                  }\n                  onClick={createCommandClickHandler(groupIndex, commandIndex)}\n                >\n                  <Icon icon={command.icon} className=\"mr-1\" />\n                  {command.label}\n                </DropdownButton>\n              ))}\n            </React.Fragment>\n          ))}\n        </div>\n      </Surface>\n    </>\n  );\n});\n\nMenuList.displayName = \"MenuList\";\n\nexport default MenuList;\n"],"names":["React","useCallback","useEffect","useRef","useState","DropdownButton","Surface","Icon","MenuList","forwardRef","props","ref","scrollContainer","activeItem","selectedGroupIndex","setSelectedGroupIndex","selectedCommandIndex","setSelectedCommandIndex","items","selectItem","groupIndex","commandIndex","command","commands","useImperativeHandle","onKeyDown","event","key","length","newCommandIndex","newGroupIndex","current","offsetTop","offsetHeight","scrollTop","createCommandClickHandler","className","div","map","group","Fragment","title","isActive","onClick","icon","label","displayName"],"mappings":"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"}

package/dist/src/fields/TiptapEditor/extensions/Video/Video.d.ts

@@ -0,0 +1,52 @@
+import { Node } from "@tiptap/core";
+export interface VideoOptions {
+    /**
+     * Controls if the image node should be inline or not.
+     * @default false
+     * @example true
+     */
+    inline: boolean;
+    /**
+     * Controls if base64 images are allowed. Enable this if you want to allow
+     * base64 image urls in the `src` attribute.
+     * @default false
+     * @example true
+     */
+    allowBase64: boolean;
+    /**
+     * HTML attributes to add to the image element.
+     * @default {}
+     * @example { class: 'foo' }
+     */
+    HTMLAttributes: Record<string, any>;
+}
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        video: {
+            /**
+             * Add an image
+             * @param options The image attributes
+             * @example
+             * editor
+             *   .commands
+             *   .setVideo({ src: 'https://tiptap.dev/logo.png', alt: 'tiptap', title: 'tiptap logo' })
+             */
+            setVideo: (options: {
+                src: string;
+                alt?: string;
+                title?: string;
+                poster?: string;
+            }) => ReturnType;
+        };
+    }
+}
+/**
+ * Matches an image to a ![image](src "title") on input.
+ */
+export declare const inputRegex: RegExp;
+/**
+ * This extension allows you to insert images.
+ * @see https://www.tiptap.dev/api/nodes/image
+ */
+export declare const Video: Node<VideoOptions, any>;
+//# sourceMappingURL=Video.d.ts.map

package/dist/src/fields/TiptapEditor/extensions/Video/Video.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/Video/Video.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,IAAI,EAAiB,MAAM,cAAc,CAAC;AAEpE,MAAM,WAAW,YAAY;IAC3B;;;;OAIG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;;;;OAKG;IACH,WAAW,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACrC;AAED,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,KAAK,EAAE;YACL;;;;;;;eAOG;YACH,QAAQ,EAAE,CAAC,OAAO,EAAE;gBAClB,GAAG,EAAE,MAAM,CAAC;gBACZ,GAAG,CAAC,EAAE,MAAM,CAAC;gBACb,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,MAAM,CAAC,EAAE,MAAM,CAAC;aACjB,KAAK,UAAU,CAAC;SAClB,CAAC;KACH;CACF;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,QACqC,CAAC;AAE7D;;;GAGG;AACH,eAAO,MAAM,KAAK,yBAiFhB,CAAC"}

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

@@ -0,0 +1,81 @@
+import { mergeAttributes, Node, nodeInputRule } from "@tiptap/core";
+/**
+ * Matches an image to a ![image](src "title") on input.
+ */ export const inputRegex = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/;
+/**
+ * This extension allows you to insert images.
+ * @see https://www.tiptap.dev/api/nodes/image
+ */ export const Video = Node.create({
+    name: "video",
+    addOptions () {
+        return {
+            inline: false,
+            allowBase64: false,
+            HTMLAttributes: {}
+        };
+    },
+    inline () {
+        return this.options.inline;
+    },
+    group () {
+        return this.options.inline ? "inline" : "block";
+    },
+    draggable: true,
+    addAttributes () {
+        return {
+            src: {
+                default: null
+            },
+            alt: {
+                default: null
+            },
+            title: {
+                default: null
+            },
+            poster: {
+                default: null
+            }
+        };
+    },
+    parseHTML () {
+        return [
+            {
+                tag: this.options.allowBase64 ? "video[src]" : 'video[src]:not([src^="data:"])'
+            }
+        ];
+    },
+    renderHTML ({ HTMLAttributes }) {
+        return [
+            "video",
+            mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)
+        ];
+    },
+    addCommands () {
+        return {
+            setVideo: (options)=>({ commands })=>{
+                    return commands.insertContent({
+                        type: this.name,
+                        attrs: options
+                    });
+                }
+        };
+    },
+    addInputRules () {
+        return [
+            nodeInputRule({
+                find: inputRegex,
+                type: this.type,
+                getAttributes: (match)=>{
+                    const [, , alt, src, title] = match;
+                    return {
+                        src,
+                        alt,
+                        title
+                    };
+                }
+            })
+        ];
+    }
+});
+
+//# sourceMappingURL=Video.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/Video/Video.ts"],"sourcesContent":["import { mergeAttributes, Node, nodeInputRule } from \"@tiptap/core\";\n\nexport interface VideoOptions {\n  /**\n   * Controls if the image node should be inline or not.\n   * @default false\n   * @example true\n   */\n  inline: boolean;\n\n  /**\n   * Controls if base64 images are allowed. Enable this if you want to allow\n   * base64 image urls in the `src` attribute.\n   * @default false\n   * @example true\n   */\n  allowBase64: boolean;\n\n  /**\n   * HTML attributes to add to the image element.\n   * @default {}\n   * @example { class: 'foo' }\n   */\n  HTMLAttributes: Record<string, any>;\n}\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    video: {\n      /**\n       * Add an image\n       * @param options The image attributes\n       * @example\n       * editor\n       *   .commands\n       *   .setVideo({ src: 'https://tiptap.dev/logo.png', alt: 'tiptap', title: 'tiptap logo' })\n       */\n      setVideo: (options: {\n        src: string;\n        alt?: string;\n        title?: string;\n        poster?: string;\n      }) => ReturnType;\n    };\n  }\n}\n\n/**\n * Matches an image to a ![image](src \"title\") on input.\n */\nexport const inputRegex =\n  /(?:^|\\s)(!\\[(.+|:?)]\\((\\S+)(?:(?:\\s+)[\"'](\\S+)[\"'])?\\))$/;\n\n/**\n * This extension allows you to insert images.\n * @see https://www.tiptap.dev/api/nodes/image\n */\nexport const Video = Node.create<VideoOptions>({\n  name: \"video\",\n\n  addOptions() {\n    return {\n      inline: false,\n      allowBase64: false,\n      HTMLAttributes: {},\n    };\n  },\n\n  inline() {\n    return this.options.inline;\n  },\n\n  group() {\n    return this.options.inline ? \"inline\" : \"block\";\n  },\n\n  draggable: true,\n\n  addAttributes() {\n    return {\n      src: {\n        default: null,\n      },\n      alt: {\n        default: null,\n      },\n      title: {\n        default: null,\n      },\n      poster: {\n        default: null,\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: this.options.allowBase64\n          ? \"video[src]\"\n          : 'video[src]:not([src^=\"data:\"])',\n      },\n    ];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\n      \"video\",\n      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),\n    ];\n  },\n\n  addCommands() {\n    return {\n      setVideo:\n        (options) =>\n        ({ commands }) => {\n          return commands.insertContent({\n            type: this.name,\n            attrs: options,\n          });\n        },\n    };\n  },\n\n  addInputRules() {\n    return [\n      nodeInputRule({\n        find: inputRegex,\n        type: this.type,\n        getAttributes: (match) => {\n          const [, , alt, src, title] = match;\n\n          return { src, alt, title };\n        },\n      }),\n    ];\n  },\n});\n"],"names":["mergeAttributes","Node","nodeInputRule","inputRegex","Video","create","name","addOptions","inline","allowBase64","HTMLAttributes","options","group","draggable","addAttributes","src","default","alt","title","poster","parseHTML","tag","renderHTML","addCommands","setVideo","commands","insertContent","type","attrs","addInputRules","find","getAttributes","match"],"mappings":"AAAA,SAASA,eAAe,EAAEC,IAAI,EAAEC,aAAa,QAAQ,eAAe;AA+CpE;;CAEC,GACD,OAAO,MAAMC,aACX,2DAA2D;AAE7D;;;CAGC,GACD,OAAO,MAAMC,QAAQH,KAAKI,MAAM,CAAe;IAC7CC,MAAM;IAENC;QACE,OAAO;YACLC,QAAQ;YACRC,aAAa;YACbC,gBAAgB,CAAC;QACnB;IACF;IAEAF;QACE,OAAO,IAAI,CAACG,OAAO,CAACH,MAAM;IAC5B;IAEAI;QACE,OAAO,IAAI,CAACD,OAAO,CAACH,MAAM,GAAG,WAAW;IAC1C;IAEAK,WAAW;IAEXC;QACE,OAAO;YACLC,KAAK;gBACHC,SAAS;YACX;YACAC,KAAK;gBACHD,SAAS;YACX;YACAE,OAAO;gBACLF,SAAS;YACX;YACAG,QAAQ;gBACNH,SAAS;YACX;QACF;IACF;IAEAI;QACE,OAAO;YACL;gBACEC,KAAK,IAAI,CAACV,OAAO,CAACF,WAAW,GACzB,eACA;YACN;SACD;IACH;IAEAa,YAAW,EAAEZ,cAAc,EAAE;QAC3B,OAAO;YACL;YACAV,gBAAgB,IAAI,CAACW,OAAO,CAACD,cAAc,EAAEA;SAC9C;IACH;IAEAa;QACE,OAAO;YACLC,UACE,CAACb,UACD,CAAC,EAAEc,QAAQ,EAAE;oBACX,OAAOA,SAASC,aAAa,CAAC;wBAC5BC,MAAM,IAAI,CAACrB,IAAI;wBACfsB,OAAOjB;oBACT;gBACF;QACJ;IACF;IAEAkB;QACE,OAAO;YACL3B,cAAc;gBACZ4B,MAAM3B;gBACNwB,MAAM,IAAI,CAACA,IAAI;gBACfI,eAAe,CAACC;oBACd,MAAM,KAAKf,KAAKF,KAAKG,MAAM,GAAGc;oBAE9B,OAAO;wBAAEjB;wBAAKE;wBAAKC;oBAAM;gBAC3B;YACF;SACD;IACH;AACF,GAAG"}

package/dist/src/fields/TiptapEditor/extensions/Video/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Video.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/fields/TiptapEditor/extensions/Video/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/Video/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

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

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

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

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

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

@@ -0,0 +1,21 @@
+import { Range } from "@tiptap/core";
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        videoBlock: {
+            setVideoBlock: (attributes: {
+                src: string;
+                poster: string;
+            }) => ReturnType;
+            setVideoBlockAt: (attributes: {
+                src: string;
+                poster: string;
+                pos: number | Range;
+            }) => ReturnType;
+            setVideoBlockAlign: (align: "left" | "center" | "right") => ReturnType;
+            setVideoBlockWidth: (width: number) => ReturnType;
+        };
+    }
+}
+export declare const VideoBlock: import("@tiptap/react").Node<import("../Video/Video.js").VideoOptions, any>;
+export default VideoBlock;
+//# sourceMappingURL=VideoBlock.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VideoBlock.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/VideoBlock/VideoBlock.ts"],"names":[],"mappings":"AAGA,OAAO,EAAmB,KAAK,EAAE,MAAM,cAAc,CAAC;AAKtD,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,UAAU,EAAE;YACV,aAAa,EAAE,CAAC,UAAU,EAAE;gBAC1B,GAAG,EAAE,MAAM,CAAC;gBACZ,MAAM,EAAE,MAAM,CAAC;aAChB,KAAK,UAAU,CAAC;YACjB,eAAe,EAAE,CAAC,UAAU,EAAE;gBAC5B,GAAG,EAAE,MAAM,CAAC;gBACZ,MAAM,EAAE,MAAM,CAAC;gBACf,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC;aACrB,KAAK,UAAU,CAAC;YACjB,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,KAAK,UAAU,CAAC;YACvE,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,UAAU,CAAC;SACnD,CAAC;KACH;CACF;AAED,eAAO,MAAM,UAAU,6EAqGrB,CAAC;AAEH,eAAe,UAAU,CAAC"}