payload-richtext-tiptap 0.0.1

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

@@ -0,0 +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.jsx\";\nimport { Surface } from \"../../features/ui/Surface.jsx\";\nimport { Command, MenuListProps } from \"./types.js\";\n\nimport { Icon } from \"../../features/ui/Icon.jsx\";\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    <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\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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -0,0 +1,206 @@
+import { Extension } from "@tiptap/core";
+import { ReactRenderer } from "@tiptap/react";
+import Suggestion from "@tiptap/suggestion";
+import { PluginKey } from "@tiptap/pm/state";
+import tippy from "tippy.js";
+import { GROUPS } from "./groups.js";
+import { MenuList } from "./MenuList.jsx";
+const extensionName = "slashCommand";
+let popup;
+export const SlashCommand = Extension.create({
+    name: extensionName,
+    priority: 200,
+    onCreate () {
+        const t = tippy;
+        popup = t("body", {
+            interactive: true,
+            trigger: "manual",
+            placement: "bottom-start",
+            theme: "slash-command",
+            maxWidth: "16rem",
+            offset: [
+                16,
+                8
+            ],
+            popperOptions: {
+                strategy: "fixed",
+                modifiers: [
+                    {
+                        name: "flip",
+                        enabled: false
+                    }
+                ]
+            }
+        });
+    },
+    addProseMirrorPlugins () {
+        return [
+            Suggestion({
+                editor: this.editor,
+                char: "/",
+                allowSpaces: true,
+                startOfLine: true,
+                pluginKey: new PluginKey(extensionName),
+                allow: ({ state, range })=>{
+                    const $from = state.doc.resolve(range.from);
+                    const isRootDepth = $from.depth === 1;
+                    const isParagraph = $from.parent.type.name === "paragraph";
+                    const isStartOfNode = $from.parent.textContent?.charAt(0) === "/";
+                    // TODO
+                    const isInColumn = this.editor.isActive("column");
+                    const afterContent = $from.parent.textContent?.substring($from.parent.textContent?.indexOf("/"));
+                    const isValidAfterContent = !afterContent?.endsWith("  ");
+                    return (isRootDepth && isParagraph && isStartOfNode || isInColumn && isParagraph && isStartOfNode) && isValidAfterContent;
+                },
+                command: ({ editor, props })=>{
+                    const { view, state } = editor;
+                    const { $head, $from } = view.state.selection;
+                    const end = $from.pos;
+                    const from = $head?.nodeBefore ? end - ($head.nodeBefore.text?.substring($head.nodeBefore.text?.indexOf("/")).length ?? 0) : $from.start();
+                    const tr = state.tr.deleteRange(from, end);
+                    view.dispatch(tr);
+                    props.action(editor);
+                    view.focus();
+                },
+                items: ({ query })=>{
+                    const withFilteredCommands = GROUPS.map((group)=>({
+                            ...group,
+                            commands: group.commands.filter((item)=>{
+                                const labelNormalized = item.label.toLowerCase().trim();
+                                const queryNormalized = query.toLowerCase().trim();
+                                if (item.aliases) {
+                                    const aliases = item.aliases.map((alias)=>alias.toLowerCase().trim());
+                                    return labelNormalized.includes(queryNormalized) || aliases.includes(queryNormalized);
+                                }
+                                return labelNormalized.includes(queryNormalized);
+                            }).filter((command)=>command.shouldBeHidden ? !command.shouldBeHidden(this.editor) : true)
+                        }));
+                    const withoutEmptyGroups = withFilteredCommands.filter((group)=>{
+                        if (group.commands.length > 0) {
+                            return true;
+                        }
+                        return false;
+                    });
+                    const withEnabledSettings = withoutEmptyGroups.map((group)=>({
+                            ...group,
+                            commands: group.commands.map((command)=>({
+                                    ...command,
+                                    isEnabled: true
+                                }))
+                        }));
+                    return withEnabledSettings;
+                },
+                render: ()=>{
+                    let component;
+                    let scrollHandler = null;
+                    return {
+                        onStart: (props)=>{
+                            component = new ReactRenderer(MenuList, {
+                                props,
+                                editor: props.editor
+                            });
+                            const { view } = props.editor;
+                            const editorNode = view.dom;
+                            const getReferenceClientRect = ()=>{
+                                if (!props.clientRect) {
+                                    return props.editor.storage[extensionName].rect;
+                                }
+                                const rect = props.clientRect();
+                                if (!rect) {
+                                    return props.editor.storage[extensionName].rect;
+                                }
+                                let yPos = rect.y;
+                                if (rect.top + component.element.offsetHeight + 40 > window.innerHeight) {
+                                    const diff = rect.top + component.element.offsetHeight - window.innerHeight + 40;
+                                    yPos = rect.y - diff;
+                                }
+                                // Account for when the editor is bound inside a container that doesn't go all the way to the edge of the screen
+                                const editorXOffset = editorNode.getBoundingClientRect().x;
+                                return new DOMRect(rect.x, yPos, rect.width, rect.height);
+                            };
+                            scrollHandler = ()=>{
+                                popup?.[0].setProps({
+                                    getReferenceClientRect
+                                });
+                            };
+                            view.dom.parentElement?.addEventListener("scroll", scrollHandler);
+                            popup?.[0].setProps({
+                                getReferenceClientRect,
+                                appendTo: ()=>document.body,
+                                content: component.element
+                            });
+                            popup?.[0].show();
+                        },
+                        onUpdate (props) {
+                            component.updateProps(props);
+                            const { view } = props.editor;
+                            const editorNode = view.dom;
+                            const getReferenceClientRect = ()=>{
+                                if (!props.clientRect) {
+                                    return props.editor.storage[extensionName].rect;
+                                }
+                                const rect = props.clientRect();
+                                if (!rect) {
+                                    return props.editor.storage[extensionName].rect;
+                                }
+                                // Account for when the editor is bound inside a container that doesn't go all the way to the edge of the screen
+                                return new DOMRect(rect.x, rect.y, rect.width, rect.height);
+                            };
+                            let scrollHandler = ()=>{
+                                popup?.[0].setProps({
+                                    getReferenceClientRect
+                                });
+                            };
+                            view.dom.parentElement?.addEventListener("scroll", scrollHandler);
+                            // eslint-disable-next-line no-param-reassign
+                            props.editor.storage[extensionName].rect = props.clientRect ? getReferenceClientRect() : {
+                                width: 0,
+                                height: 0,
+                                left: 0,
+                                top: 0,
+                                right: 0,
+                                bottom: 0
+                            };
+                            popup?.[0].setProps({
+                                getReferenceClientRect
+                            });
+                        },
+                        onKeyDown (props) {
+                            if (props.event.key === "Escape") {
+                                popup?.[0].hide();
+                                return true;
+                            }
+                            if (!popup?.[0].state.isShown) {
+                                popup?.[0].show();
+                            }
+                            return component.ref?.onKeyDown(props);
+                        },
+                        onExit (props) {
+                            popup?.[0].hide();
+                            if (scrollHandler) {
+                                const { view } = props.editor;
+                                view.dom.parentElement?.removeEventListener("scroll", scrollHandler);
+                            }
+                            component.destroy();
+                        }
+                    };
+                }
+            })
+        ];
+    },
+    addStorage () {
+        return {
+            rect: {
+                width: 0,
+                height: 0,
+                left: 0,
+                top: 0,
+                right: 0,
+                bottom: 0
+            }
+        };
+    }
+});
+export default SlashCommand;
+
+//# sourceMappingURL=SlashCommand.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/extensions/SlashCommand/SlashCommand.ts"],"sourcesContent":["import { Editor, Extension } from \"@tiptap/core\";\nimport { ReactRenderer } from \"@tiptap/react\";\nimport Suggestion, {\n  SuggestionProps,\n  SuggestionKeyDownProps,\n} from \"@tiptap/suggestion\";\nimport { PluginKey } from \"@tiptap/pm/state\";\nimport tippy from \"tippy.js\";\n\nimport { GROUPS } from \"./groups.js\";\nimport { MenuList } from \"./MenuList.jsx\";\n\nconst extensionName = \"slashCommand\";\n\nlet popup: any;\n\nexport const SlashCommand = Extension.create({\n  name: extensionName,\n\n  priority: 200,\n\n  onCreate() {\n    const t = tippy as any;\n    popup = t(\"body\", {\n      interactive: true,\n      trigger: \"manual\",\n      placement: \"bottom-start\",\n      theme: \"slash-command\",\n      maxWidth: \"16rem\",\n      offset: [16, 8],\n      popperOptions: {\n        strategy: \"fixed\",\n        modifiers: [\n          {\n            name: \"flip\",\n            enabled: false,\n          },\n        ],\n      },\n    });\n  },\n\n  addProseMirrorPlugins() {\n    return [\n      Suggestion({\n        editor: this.editor,\n        char: \"/\",\n        allowSpaces: true,\n        startOfLine: true,\n        pluginKey: new PluginKey(extensionName),\n        allow: ({ state, range }) => {\n          const $from = state.doc.resolve(range.from);\n          const isRootDepth = $from.depth === 1;\n          const isParagraph = $from.parent.type.name === \"paragraph\";\n          const isStartOfNode = $from.parent.textContent?.charAt(0) === \"/\";\n          // TODO\n          const isInColumn = this.editor.isActive(\"column\");\n\n          const afterContent = $from.parent.textContent?.substring(\n            $from.parent.textContent?.indexOf(\"/\")\n          );\n          const isValidAfterContent = !afterContent?.endsWith(\"  \");\n\n          return (\n            ((isRootDepth && isParagraph && isStartOfNode) ||\n              (isInColumn && isParagraph && isStartOfNode)) &&\n            isValidAfterContent\n          );\n        },\n        command: ({ editor, props }: { editor: Editor; props: any }) => {\n          const { view, state } = editor;\n          const { $head, $from } = view.state.selection;\n\n          const end = $from.pos;\n          const from = $head?.nodeBefore\n            ? end -\n              ($head.nodeBefore.text?.substring(\n                $head.nodeBefore.text?.indexOf(\"/\")\n              ).length ?? 0)\n            : $from.start();\n\n          const tr = state.tr.deleteRange(from, end);\n          view.dispatch(tr);\n\n          props.action(editor);\n          view.focus();\n        },\n        items: ({ query }: { query: string }) => {\n          const withFilteredCommands = GROUPS.map((group) => ({\n            ...group,\n            commands: group.commands\n              .filter((item) => {\n                const labelNormalized = item.label.toLowerCase().trim();\n                const queryNormalized = query.toLowerCase().trim();\n\n                if (item.aliases) {\n                  const aliases = item.aliases.map((alias) =>\n                    alias.toLowerCase().trim()\n                  );\n\n                  return (\n                    labelNormalized.includes(queryNormalized) ||\n                    aliases.includes(queryNormalized)\n                  );\n                }\n\n                return labelNormalized.includes(queryNormalized);\n              })\n              .filter((command) =>\n                command.shouldBeHidden\n                  ? !command.shouldBeHidden(this.editor)\n                  : true\n              ),\n          }));\n\n          const withoutEmptyGroups = withFilteredCommands.filter((group) => {\n            if (group.commands.length > 0) {\n              return true;\n            }\n\n            return false;\n          });\n\n          const withEnabledSettings = withoutEmptyGroups.map((group) => ({\n            ...group,\n            commands: group.commands.map((command) => ({\n              ...command,\n              isEnabled: true,\n            })),\n          }));\n\n          return withEnabledSettings;\n        },\n        render: () => {\n          let component: any;\n\n          let scrollHandler: (() => void) | null = null;\n\n          return {\n            onStart: (props: SuggestionProps) => {\n              component = new ReactRenderer(MenuList, {\n                props,\n                editor: props.editor,\n              });\n\n              const { view } = props.editor;\n\n              const editorNode = view.dom as HTMLElement;\n\n              const getReferenceClientRect = () => {\n                if (!props.clientRect) {\n                  return props.editor.storage[extensionName].rect;\n                }\n\n                const rect = props.clientRect();\n\n                if (!rect) {\n                  return props.editor.storage[extensionName].rect;\n                }\n\n                let yPos = rect.y;\n\n                if (\n                  rect.top + component.element.offsetHeight + 40 >\n                  window.innerHeight\n                ) {\n                  const diff =\n                    rect.top +\n                    component.element.offsetHeight -\n                    window.innerHeight +\n                    40;\n                  yPos = rect.y - diff;\n                }\n\n                // Account for when the editor is bound inside a container that doesn't go all the way to the edge of the screen\n                const editorXOffset = editorNode.getBoundingClientRect().x;\n                return new DOMRect(rect.x, yPos, rect.width, rect.height);\n              };\n\n              scrollHandler = () => {\n                popup?.[0].setProps({\n                  getReferenceClientRect,\n                });\n              };\n\n              view.dom.parentElement?.addEventListener(\"scroll\", scrollHandler);\n\n              popup?.[0].setProps({\n                getReferenceClientRect,\n                appendTo: () => document.body,\n                content: component.element,\n              });\n\n              popup?.[0].show();\n            },\n\n            onUpdate(props: SuggestionProps) {\n              component.updateProps(props);\n\n              const { view } = props.editor;\n\n              const editorNode = view.dom as HTMLElement;\n\n              const getReferenceClientRect = () => {\n                if (!props.clientRect) {\n                  return props.editor.storage[extensionName].rect;\n                }\n\n                const rect = props.clientRect();\n\n                if (!rect) {\n                  return props.editor.storage[extensionName].rect;\n                }\n\n                // Account for when the editor is bound inside a container that doesn't go all the way to the edge of the screen\n                return new DOMRect(rect.x, rect.y, rect.width, rect.height);\n              };\n\n              let scrollHandler = () => {\n                popup?.[0].setProps({\n                  getReferenceClientRect,\n                });\n              };\n\n              view.dom.parentElement?.addEventListener(\"scroll\", scrollHandler);\n\n              // eslint-disable-next-line no-param-reassign\n              props.editor.storage[extensionName].rect = props.clientRect\n                ? getReferenceClientRect()\n                : {\n                    width: 0,\n                    height: 0,\n                    left: 0,\n                    top: 0,\n                    right: 0,\n                    bottom: 0,\n                  };\n              popup?.[0].setProps({\n                getReferenceClientRect,\n              });\n            },\n\n            onKeyDown(props: SuggestionKeyDownProps) {\n              if (props.event.key === \"Escape\") {\n                popup?.[0].hide();\n\n                return true;\n              }\n\n              if (!popup?.[0].state.isShown) {\n                popup?.[0].show();\n              }\n\n              return component.ref?.onKeyDown(props);\n            },\n\n            onExit(props) {\n              popup?.[0].hide();\n              if (scrollHandler) {\n                const { view } = props.editor;\n                view.dom.parentElement?.removeEventListener(\n                  \"scroll\",\n                  scrollHandler\n                );\n              }\n              component.destroy();\n            },\n          };\n        },\n      }),\n    ];\n  },\n\n  addStorage() {\n    return {\n      rect: {\n        width: 0,\n        height: 0,\n        left: 0,\n        top: 0,\n        right: 0,\n        bottom: 0,\n      },\n    };\n  },\n});\n\nexport default SlashCommand;\n"],"names":["Extension","ReactRenderer","Suggestion","PluginKey","tippy","GROUPS","MenuList","extensionName","popup","SlashCommand","create","name","priority","onCreate","t","interactive","trigger","placement","theme","maxWidth","offset","popperOptions","strategy","modifiers","enabled","addProseMirrorPlugins","editor","char","allowSpaces","startOfLine","pluginKey","allow","state","range","$from","doc","resolve","from","isRootDepth","depth","isParagraph","parent","type","isStartOfNode","textContent","charAt","isInColumn","isActive","afterContent","substring","indexOf","isValidAfterContent","endsWith","command","props","view","$head","selection","end","pos","nodeBefore","text","length","start","tr","deleteRange","dispatch","action","focus","items","query","withFilteredCommands","map","group","commands","filter","item","labelNormalized","label","toLowerCase","trim","queryNormalized","aliases","alias","includes","shouldBeHidden","withoutEmptyGroups","withEnabledSettings","isEnabled","render","component","scrollHandler","onStart","editorNode","dom","getReferenceClientRect","clientRect","storage","rect","yPos","y","top","element","offsetHeight","window","innerHeight","diff","editorXOffset","getBoundingClientRect","x","DOMRect","width","height","setProps","parentElement","addEventListener","appendTo","document","body","content","show","onUpdate","updateProps","left","right","bottom","onKeyDown","event","key","hide","isShown","ref","onExit","removeEventListener","destroy","addStorage"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/fields/TiptapEditor/extensions/SlashCommand/groups.js

@@ -0,0 +1,260 @@
+import { Book, Columns2, Heading1, Heading2, Heading3, Image, Instagram, Link, List, ListOrdered, Minus, Quote, SquareCode, Table, Twitter, Youtube } from "lucide-react";
+export const GROUPS = [
+    {
+        name: "format",
+        title: "Format",
+        commands: [
+            {
+                name: "heading1",
+                label: "Heading 1",
+                icon: Heading1,
+                description: "High priority section title",
+                aliases: [
+                    "h1"
+                ],
+                action: (editor)=>{
+                    editor.chain().focus().setHeading({
+                        level: 1
+                    }).run();
+                }
+            },
+            {
+                name: "heading2",
+                label: "Heading 2",
+                icon: Heading2,
+                description: "Medium priority section title",
+                aliases: [
+                    "h2"
+                ],
+                action: (editor)=>{
+                    editor.chain().focus().setHeading({
+                        level: 2
+                    }).run();
+                }
+            },
+            {
+                name: "heading3",
+                label: "Heading 3",
+                icon: Heading3,
+                description: "Low priority section title",
+                aliases: [
+                    "h3"
+                ],
+                action: (editor)=>{
+                    editor.chain().focus().setHeading({
+                        level: 3
+                    }).run();
+                }
+            },
+            {
+                name: "bulletList",
+                label: "Bullet List",
+                icon: List,
+                description: "Unordered list of items",
+                aliases: [
+                    "ul"
+                ],
+                action: (editor)=>{
+                    editor.chain().focus().toggleBulletList().run();
+                }
+            },
+            {
+                name: "numberedList",
+                label: "Numbered List",
+                icon: ListOrdered,
+                description: "Ordered list of items",
+                aliases: [
+                    "ol"
+                ],
+                action: (editor)=>{
+                    editor.chain().focus().toggleOrderedList().run();
+                }
+            },
+            // {
+            //   name: 'taskList',
+            //   label: 'Task List',
+            //   icon: ListTodo,
+            //   description: 'Task list with todo items',
+            //   aliases: ['todo'],
+            //   action: (editor) => {
+            //     editor.chain().focus().toggleTaskList().run()
+            //   },
+            // },
+            {
+                name: "blockquote",
+                label: "Blockquote",
+                icon: Quote,
+                description: "Element for quoting",
+                action: (editor)=>{
+                    editor.chain().focus().setBlockquote().run();
+                }
+            },
+            {
+                name: "codeBlock",
+                label: "Code Block",
+                icon: SquareCode,
+                description: "Code block with syntax highlighting",
+                shouldBeHidden: (editor)=>editor.isActive("columns"),
+                action: (editor)=>{
+                    editor.chain().focus().setCodeBlock().run();
+                }
+            }
+        ]
+    },
+    {
+        name: "insert",
+        title: "Insert",
+        commands: [
+            {
+                name: "table",
+                label: "Table",
+                icon: Table,
+                description: "Insert a table",
+                shouldBeHidden: (editor)=>editor.isActive("columns"),
+                action: (editor)=>{
+                    editor.chain().focus().insertTable({
+                        rows: 3,
+                        cols: 3,
+                        withHeaderRow: false
+                    }).run();
+                }
+            },
+            {
+                name: "image",
+                label: "Image",
+                icon: Image,
+                description: "Insert an image",
+                aliases: [
+                    "img"
+                ],
+                action: (editor)=>{
+                    editor.chain().focus().setImageUpload().run();
+                }
+            },
+            {
+                name: "columns",
+                label: "Columns",
+                icon: Columns2,
+                description: "Add two column content",
+                aliases: [
+                    "cols"
+                ],
+                shouldBeHidden: (editor)=>editor.isActive("columns"),
+                action: (editor)=>{
+                    editor.chain().focus().setColumns().focus(editor.state.selection.head - 1).run();
+                }
+            },
+            {
+                name: "horizontalRule",
+                label: "Horizontal Rule",
+                icon: Minus,
+                description: "Insert a horizontal divider",
+                aliases: [
+                    "hr"
+                ],
+                action: (editor)=>{
+                    editor.chain().focus().setHorizontalRule().run();
+                }
+            },
+            {
+                name: "toc",
+                label: "Table of Contents",
+                icon: Book,
+                aliases: [
+                    "outline"
+                ],
+                description: "Insert a table of contents",
+                shouldBeHidden: (editor)=>editor.isActive("columns"),
+                action: (editor)=>{
+                    editor.chain().focus().insertTableOfContents().run();
+                }
+            }
+        ]
+    },
+    {
+        name: "embed",
+        title: "Embed",
+        commands: [
+            {
+                name: "iframe",
+                label: "IFrame",
+                icon: Link,
+                aliases: [
+                    "iframe"
+                ],
+                description: "Insert a iframe",
+                shouldBeHidden: (editor)=>editor.isActive("iframe"),
+                action: (editor)=>{
+                    editor.chain().focus().setHtml("<div>Embed your content here</div>").run();
+                }
+            },
+            {
+                name: "twitter",
+                label: "Twitter Embed",
+                icon: Twitter,
+                aliases: [
+                    "x",
+                    "twitter"
+                ],
+                description: "Insert a Twitter embed",
+                shouldBeHidden: (editor)=>editor.isActive("twitter"),
+                action: (editor)=>{
+                    editor.chain().focus().insertTwitter().run();
+                }
+            },
+            // {
+            //   name: 'facebook',
+            //   label: 'Facebook Embed',
+            //   icon: Facebook,
+            //   aliases: ['meta', 'facebook'],
+            //   description: 'Insert a Facebook embed',
+            //   shouldBeHidden: (editor) => editor.isActive('facebook'),
+            //   action: (editor) => {
+            //     editor.chain().focus().insertFacebook().run()
+            //   },
+            // },
+            {
+                name: "instagram",
+                label: "Instagram Embed",
+                icon: Instagram,
+                aliases: [
+                    "instagram"
+                ],
+                description: "Insert a Instagram embed",
+                shouldBeHidden: (editor)=>editor.isActive("instagram"),
+                action: (editor)=>{
+                    editor.chain().focus().insertInstagram().run();
+                }
+            },
+            {
+                name: "youtube",
+                label: "Youtube Embed",
+                icon: Youtube,
+                aliases: [
+                    "youtube"
+                ],
+                description: "Insert a Youtube embed",
+                shouldBeHidden: (editor)=>editor.isActive("youtube"),
+                action: (editor)=>{
+                    editor.chain().focus().insertYoutube().run();
+                }
+            },
+            {
+                name: "insideLinks",
+                label: "TRT Links",
+                icon: Youtube,
+                aliases: [
+                    "insideLinks"
+                ],
+                description: "Link internal content such as articles, videos, shows etc.",
+                shouldBeHidden: (editor)=>editor.isActive("insideLinks"),
+                action: (editor)=>{
+                    editor.chain().focus().insertInsideLinks({}).run();
+                }
+            }
+        ]
+    }
+];
+export default GROUPS;
+
+//# sourceMappingURL=groups.js.map

package/dist/fields/TiptapEditor/extensions/SlashCommand/groups.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/extensions/SlashCommand/groups.ts"],"sourcesContent":["import {\n  Book,\n  Columns2,\n  Facebook,\n  Heading1,\n  Heading2,\n  Heading3,\n  Image,\n  Instagram,\n  Link,\n  Linkedin,\n  List,\n  ListOrdered,\n  ListTodo,\n  Minus,\n  Music,\n  Quote,\n  SquareCode,\n  Table,\n  Twitch,\n  Twitter,\n  Youtube,\n} from \"lucide-react\";\nimport { Group } from \"./types.js\";\n\nexport const GROUPS: Group[] = [\n  {\n    name: \"format\",\n    title: \"Format\",\n    commands: [\n      {\n        name: \"heading1\",\n        label: \"Heading 1\",\n        icon: Heading1,\n        description: \"High priority section title\",\n        aliases: [\"h1\"],\n        action: (editor) => {\n          editor.chain().focus().setHeading({ level: 1 }).run();\n        },\n      },\n      {\n        name: \"heading2\",\n        label: \"Heading 2\",\n        icon: Heading2,\n        description: \"Medium priority section title\",\n        aliases: [\"h2\"],\n        action: (editor) => {\n          editor.chain().focus().setHeading({ level: 2 }).run();\n        },\n      },\n      {\n        name: \"heading3\",\n        label: \"Heading 3\",\n        icon: Heading3,\n        description: \"Low priority section title\",\n        aliases: [\"h3\"],\n        action: (editor) => {\n          editor.chain().focus().setHeading({ level: 3 }).run();\n        },\n      },\n      {\n        name: \"bulletList\",\n        label: \"Bullet List\",\n        icon: List,\n        description: \"Unordered list of items\",\n        aliases: [\"ul\"],\n        action: (editor) => {\n          editor.chain().focus().toggleBulletList().run();\n        },\n      },\n      {\n        name: \"numberedList\",\n        label: \"Numbered List\",\n        icon: ListOrdered,\n        description: \"Ordered list of items\",\n        aliases: [\"ol\"],\n        action: (editor) => {\n          editor.chain().focus().toggleOrderedList().run();\n        },\n      },\n      // {\n      //   name: 'taskList',\n      //   label: 'Task List',\n      //   icon: ListTodo,\n      //   description: 'Task list with todo items',\n      //   aliases: ['todo'],\n      //   action: (editor) => {\n      //     editor.chain().focus().toggleTaskList().run()\n      //   },\n      // },\n      {\n        name: \"blockquote\",\n        label: \"Blockquote\",\n        icon: Quote,\n        description: \"Element for quoting\",\n        action: (editor) => {\n          editor.chain().focus().setBlockquote().run();\n        },\n      },\n      {\n        name: \"codeBlock\",\n        label: \"Code Block\",\n        icon: SquareCode,\n        description: \"Code block with syntax highlighting\",\n        shouldBeHidden: (editor) => editor.isActive(\"columns\"),\n        action: (editor) => {\n          editor.chain().focus().setCodeBlock().run();\n        },\n      },\n    ],\n  },\n  {\n    name: \"insert\",\n    title: \"Insert\",\n    commands: [\n      {\n        name: \"table\",\n        label: \"Table\",\n        icon: Table,\n        description: \"Insert a table\",\n        shouldBeHidden: (editor) => editor.isActive(\"columns\"),\n        action: (editor) => {\n          editor\n            .chain()\n            .focus()\n            .insertTable({ rows: 3, cols: 3, withHeaderRow: false })\n            .run();\n        },\n      },\n      {\n        name: \"image\",\n        label: \"Image\",\n        icon: Image,\n        description: \"Insert an image\",\n        aliases: [\"img\"],\n        action: (editor) => {\n          editor.chain().focus().setImageUpload().run();\n        },\n      },\n      {\n        name: \"columns\",\n        label: \"Columns\",\n        icon: Columns2,\n        description: \"Add two column content\",\n        aliases: [\"cols\"],\n        shouldBeHidden: (editor) => editor.isActive(\"columns\"),\n        action: (editor) => {\n          editor\n            .chain()\n            .focus()\n            .setColumns()\n            .focus(editor.state.selection.head - 1)\n            .run();\n        },\n      },\n      {\n        name: \"horizontalRule\",\n        label: \"Horizontal Rule\",\n        icon: Minus,\n        description: \"Insert a horizontal divider\",\n        aliases: [\"hr\"],\n        action: (editor) => {\n          editor.chain().focus().setHorizontalRule().run();\n        },\n      },\n      {\n        name: \"toc\",\n        label: \"Table of Contents\",\n        icon: Book,\n        aliases: [\"outline\"],\n        description: \"Insert a table of contents\",\n        shouldBeHidden: (editor) => editor.isActive(\"columns\"),\n        action: (editor) => {\n          editor.chain().focus().insertTableOfContents().run();\n        },\n      },\n    ],\n  },\n  {\n    name: \"embed\",\n    title: \"Embed\",\n    commands: [\n      {\n        name: \"iframe\",\n        label: \"IFrame\",\n        icon: Link,\n        aliases: [\"iframe\"],\n        description: \"Insert a iframe\",\n        shouldBeHidden: (editor) => editor.isActive(\"iframe\"),\n        action: (editor) => {\n          editor\n            .chain()\n            .focus()\n            .setHtml(\"<div>Embed your content here</div>\")\n            .run();\n        },\n      },\n      {\n        name: \"twitter\",\n        label: \"Twitter Embed\",\n        icon: Twitter,\n        aliases: [\"x\", \"twitter\"],\n        description: \"Insert a Twitter embed\",\n        shouldBeHidden: (editor) => editor.isActive(\"twitter\"),\n        action: (editor) => {\n          editor.chain().focus().insertTwitter().run();\n        },\n      },\n      // {\n      //   name: 'facebook',\n      //   label: 'Facebook Embed',\n      //   icon: Facebook,\n      //   aliases: ['meta', 'facebook'],\n      //   description: 'Insert a Facebook embed',\n      //   shouldBeHidden: (editor) => editor.isActive('facebook'),\n      //   action: (editor) => {\n      //     editor.chain().focus().insertFacebook().run()\n      //   },\n      // },\n      {\n        name: \"instagram\",\n        label: \"Instagram Embed\",\n        icon: Instagram,\n        aliases: [\"instagram\"],\n        description: \"Insert a Instagram embed\",\n        shouldBeHidden: (editor) => editor.isActive(\"instagram\"),\n        action: (editor) => {\n          editor.chain().focus().insertInstagram().run();\n        },\n      },\n      {\n        name: \"youtube\",\n        label: \"Youtube Embed\",\n        icon: Youtube,\n        aliases: [\"youtube\"],\n        description: \"Insert a Youtube embed\",\n        shouldBeHidden: (editor) => editor.isActive(\"youtube\"),\n        action: (editor) => {\n          editor.chain().focus().insertYoutube().run();\n        },\n      },\n      {\n        name: \"insideLinks\",\n        label: \"TRT Links\",\n        icon: Youtube,\n        aliases: [\"insideLinks\"],\n        description:\n          \"Link internal content such as articles, videos, shows etc.\",\n        shouldBeHidden: (editor) => editor.isActive(\"insideLinks\"),\n        action: (editor) => {\n          editor.chain().focus().insertInsideLinks({}).run();\n        },\n      },\n      // {\n      //   name: 'linkedin',\n      //   label: 'Linkedin Embed',\n      //   icon: Linkedin,\n      //   aliases: ['linkedin'],\n      //   description: 'Insert a Linkedin embed',\n      //   shouldBeHidden: (editor) => editor.isActive('linkedin'),\n      //   action: (editor) => {\n\n      //     editor.chain().focus().insertLinkedin().run()\n      //   },\n      // },\n\n      // {\n      //   name: 'tiktok',\n      //   label: 'Tiktok Embed',\n      //   icon: Music,\n      //   aliases: ['tiktok'],\n      //   description: 'Insert a Tiktok embed',\n      //   shouldBeHidden: (editor) => editor.isActive('tiktok'),\n      //   action: (editor) => {\n      //     editor.chain().focus().insertTiktok().run()\n      //   },\n      // },\n    ],\n  },\n];\n\nexport default GROUPS;\n"],"names":["Book","Columns2","Heading1","Heading2","Heading3","Image","Instagram","Link","List","ListOrdered","Minus","Quote","SquareCode","Table","Twitter","Youtube","GROUPS","name","title","commands","label","icon","description","aliases","action","editor","chain","focus","setHeading","level","run","toggleBulletList","toggleOrderedList","setBlockquote","shouldBeHidden","isActive","setCodeBlock","insertTable","rows","cols","withHeaderRow","setImageUpload","setColumns","state","selection","head","setHorizontalRule","insertTableOfContents","setHtml","insertTwitter","insertInstagram","insertYoutube","insertInsideLinks"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

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

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

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

package/dist/fields/TiptapEditor/extensions/SlashCommand/types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map

package/dist/fields/TiptapEditor/extensions/SlashCommand/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/extensions/SlashCommand/types.ts"],"sourcesContent":["import { Editor } from '@tiptap/core'\nimport { LucideIcon } from 'lucide-react'\n\nexport interface Group {\n  name: string\n  title: string\n  commands: Command[]\n}\n\nexport interface Command {\n  name: string\n  label: string\n  description: string\n  aliases?: string[]\n  icon: LucideIcon\n  action: (editor: Editor) => void\n  shouldBeHidden?: (editor: Editor) => boolean\n}\n\nexport interface MenuListProps {\n  editor: Editor\n  items: Group[]\n  command: (command: Command) => void\n}\n"],"names":[],"rangeMappings":"","mappings":"AAmBA,WAIC"}

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

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

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

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