payload-richtext-tiptap 0.0.1

package/dist/fields/TiptapEditor/features/menus/TextMenu/components/FontSizePicker.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as Dropdown from "@radix-ui/react-dropdown-menu";
+import { ChevronDown } from "lucide-react";
+import { useCallback } from "react";
+import { DropdownButton } from "../../../ui/Dropdown/Dropdown.jsx";
+import { Icon } from "../../../ui/Icon.jsx";
+import { Surface } from "../../../ui/Surface.jsx";
+import { Toolbar } from "../../../ui/Toolbar.jsx";
+const FONT_SIZES = [
+    {
+        label: "Smaller",
+        value: "12px"
+    },
+    {
+        label: "Small",
+        value: "14px"
+    },
+    {
+        label: "Medium",
+        value: ""
+    },
+    {
+        label: "Large",
+        value: "18px"
+    },
+    {
+        label: "Extra Large",
+        value: "24px"
+    }
+];
+export const FontSizePicker = ({ onChange, value })=>{
+    const currentValue = FONT_SIZES.find((size)=>size.value === value);
+    const currentSizeLabel = currentValue?.label.split(" ")[0] || "Medium";
+    const selectSize = useCallback((size)=>()=>onChange(size), [
+        onChange
+    ]);
+    return /*#__PURE__*/ _jsxs(Dropdown.Root, {
+        children: [
+            /*#__PURE__*/ _jsx(Dropdown.Trigger, {
+                asChild: true,
+                children: /*#__PURE__*/ _jsxs(Toolbar.Button, {
+                    type: "button",
+                    active: !!currentValue?.value,
+                    children: [
+                        currentSizeLabel,
+                        /*#__PURE__*/ _jsx(Icon, {
+                            icon: ChevronDown,
+                            className: "w-2 h-2"
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsx(Dropdown.Content, {
+                asChild: true,
+                children: /*#__PURE__*/ _jsx(Surface, {
+                    className: "flex flex-col gap-1 px-2 py-4",
+                    children: FONT_SIZES.map((size)=>/*#__PURE__*/ _jsx(DropdownButton, {
+                            isActive: value === size.value,
+                            onClick: selectSize(size.value),
+                            children: /*#__PURE__*/ _jsx("span", {
+                                style: {
+                                    fontSize: size.value
+                                },
+                                children: size.label
+                            })
+                        }, `${size.label}_${size.value}`))
+                })
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=FontSizePicker.js.map

package/dist/fields/TiptapEditor/features/menus/TextMenu/components/FontSizePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/components/FontSizePicker.tsx"],"sourcesContent":["import * as Dropdown from \"@radix-ui/react-dropdown-menu\";\nimport { ChevronDown } from \"lucide-react\";\nimport { useCallback } from \"react\";\nimport { DropdownButton } from \"../../../ui/Dropdown/Dropdown.jsx\";\nimport { Icon } from \"../../../ui/Icon.jsx\";\nimport { Surface } from \"../../../ui/Surface.jsx\";\nimport { Toolbar } from \"../../../ui/Toolbar.jsx\";\n\nconst FONT_SIZES = [\n  { label: \"Smaller\", value: \"12px\" },\n  { label: \"Small\", value: \"14px\" },\n  { label: \"Medium\", value: \"\" },\n  { label: \"Large\", value: \"18px\" },\n  { label: \"Extra Large\", value: \"24px\" },\n];\n\nexport type FontSizePickerProps = {\n  onChange: (value: string) => void; // eslint-disable-line no-unused-vars\n  value: string;\n};\n\nexport const FontSizePicker = ({ onChange, value }: FontSizePickerProps) => {\n  const currentValue = FONT_SIZES.find((size) => size.value === value);\n  const currentSizeLabel = currentValue?.label.split(\" \")[0] || \"Medium\";\n\n  const selectSize = useCallback(\n    (size: string) => () => onChange(size),\n    [onChange]\n  );\n\n  return (\n    <Dropdown.Root>\n      <Dropdown.Trigger asChild>\n        <Toolbar.Button type=\"button\" active={!!currentValue?.value}>\n          {currentSizeLabel}\n          <Icon icon={ChevronDown} className=\"w-2 h-2\" />\n        </Toolbar.Button>\n      </Dropdown.Trigger>\n      <Dropdown.Content asChild>\n        <Surface className=\"flex flex-col gap-1 px-2 py-4\">\n          {FONT_SIZES.map((size) => (\n            <DropdownButton\n              isActive={value === size.value}\n              onClick={selectSize(size.value)}\n              key={`${size.label}_${size.value}`}\n            >\n              <span style={{ fontSize: size.value }}>{size.label}</span>\n            </DropdownButton>\n          ))}\n        </Surface>\n      </Dropdown.Content>\n    </Dropdown.Root>\n  );\n};\n"],"names":["Dropdown","ChevronDown","useCallback","DropdownButton","Icon","Surface","Toolbar","FONT_SIZES","label","value","FontSizePicker","onChange","currentValue","find","size","currentSizeLabel","split","selectSize","Root","Trigger","asChild","Button","type","active","icon","className","Content","map","isActive","onClick","span","style","fontSize"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,YAAYA,cAAc,gCAAgC;AAC1D,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,WAAW,QAAQ,QAAQ;AACpC,SAASC,cAAc,QAAQ,oCAAoC;AACnE,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,OAAO,QAAQ,0BAA0B;AAClD,SAASC,OAAO,QAAQ,0BAA0B;AAElD,MAAMC,aAAa;IACjB;QAAEC,OAAO;QAAWC,OAAO;IAAO;IAClC;QAAED,OAAO;QAASC,OAAO;IAAO;IAChC;QAAED,OAAO;QAAUC,OAAO;IAAG;IAC7B;QAAED,OAAO;QAASC,OAAO;IAAO;IAChC;QAAED,OAAO;QAAeC,OAAO;IAAO;CACvC;AAOD,OAAO,MAAMC,iBAAiB,CAAC,EAAEC,QAAQ,EAAEF,KAAK,EAAuB;IACrE,MAAMG,eAAeL,WAAWM,IAAI,CAAC,CAACC,OAASA,KAAKL,KAAK,KAAKA;IAC9D,MAAMM,mBAAmBH,cAAcJ,MAAMQ,MAAM,IAAI,CAAC,EAAE,IAAI;IAE9D,MAAMC,aAAaf,YACjB,CAACY,OAAiB,IAAMH,SAASG,OACjC;QAACH;KAAS;IAGZ,qBACE,MAACX,SAASkB,IAAI;;0BACZ,KAAClB,SAASmB,OAAO;gBAACC,OAAO;0BACvB,cAAA,MAACd,QAAQe,MAAM;oBAACC,MAAK;oBAASC,QAAQ,CAAC,CAACX,cAAcH;;wBACnDM;sCACD,KAACX;4BAAKoB,MAAMvB;4BAAawB,WAAU;;;;;0BAGvC,KAACzB,SAAS0B,OAAO;gBAACN,OAAO;0BACvB,cAAA,KAACf;oBAAQoB,WAAU;8BAChBlB,WAAWoB,GAAG,CAAC,CAACb,qBACf,KAACX;4BACCyB,UAAUnB,UAAUK,KAAKL,KAAK;4BAC9BoB,SAASZ,WAAWH,KAAKL,KAAK;sCAG9B,cAAA,KAACqB;gCAAKC,OAAO;oCAAEC,UAAUlB,KAAKL,KAAK;gCAAC;0CAAIK,KAAKN,KAAK;;2BAF7C,CAAC,EAAEM,KAAKN,KAAK,CAAC,CAAC,EAAEM,KAAKL,KAAK,CAAC,CAAC;;;;;AAShD,EAAE"}

package/dist/fields/TiptapEditor/features/menus/TextMenu/components/SocialMediaPopover.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as Popover from "@radix-ui/react-popover";
+import { Link } from "lucide-react";
+import { IframeLinkEditorPanel } from "../../../panels/IframeLinkEditorPanel/IframeLinkEditorPanel.jsx";
+import { Icon } from "../../../ui/Icon.jsx";
+import { Toolbar } from "../../../ui/Toolbar.jsx";
+export const SocialMediaPopover = ({ onSetLink, initialSrcLink })=>{
+    return /*#__PURE__*/ _jsxs(Popover.Root, {
+        children: [
+            /*#__PURE__*/ _jsx(Popover.Trigger, {
+                asChild: true,
+                children: /*#__PURE__*/ _jsx(Toolbar.Button, {
+                    type: "button",
+                    tooltip: "Embed Link",
+                    children: /*#__PURE__*/ _jsx(Icon, {
+                        icon: Link
+                    })
+                })
+            }),
+            /*#__PURE__*/ _jsx(Popover.Content, {
+                children: /*#__PURE__*/ _jsx(IframeLinkEditorPanel, {
+                    onSetLink: onSetLink,
+                    initialSrc: initialSrcLink ?? ""
+                })
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=SocialMediaPopover.js.map

package/dist/fields/TiptapEditor/features/menus/TextMenu/components/SocialMediaPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/components/SocialMediaPopover.tsx"],"sourcesContent":["import * as Popover from \"@radix-ui/react-popover\";\nimport { Link } from \"lucide-react\";\nimport { IframeLinkEditorPanel } from \"../../../panels/IframeLinkEditorPanel/IframeLinkEditorPanel.jsx\";\nimport { Icon } from \"../../../ui/Icon.jsx\";\nimport { Toolbar } from \"../../../ui/Toolbar.jsx\";\n\nexport type SocialMediaPopoverProps = {\n  onSetLink: (src: string) => void;\n  initialSrcLink: string;\n};\n\nexport const SocialMediaPopover = ({\n  onSetLink,\n  initialSrcLink,\n}: SocialMediaPopoverProps) => {\n  return (\n    <Popover.Root>\n      <Popover.Trigger asChild>\n        <Toolbar.Button type=\"button\" tooltip=\"Embed Link\">\n          <Icon icon={Link} />\n        </Toolbar.Button>\n      </Popover.Trigger>\n      <Popover.Content>\n        <IframeLinkEditorPanel\n          onSetLink={onSetLink}\n          initialSrc={initialSrcLink ?? \"\"}\n        />\n      </Popover.Content>\n    </Popover.Root>\n  );\n};\n"],"names":["Popover","Link","IframeLinkEditorPanel","Icon","Toolbar","SocialMediaPopover","onSetLink","initialSrcLink","Root","Trigger","asChild","Button","type","tooltip","icon","Content","initialSrc"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,YAAYA,aAAa,0BAA0B;AACnD,SAASC,IAAI,QAAQ,eAAe;AACpC,SAASC,qBAAqB,QAAQ,kEAAkE;AACxG,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,OAAO,QAAQ,0BAA0B;AAOlD,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,SAAS,EACTC,cAAc,EACU;IACxB,qBACE,MAACP,QAAQQ,IAAI;;0BACX,KAACR,QAAQS,OAAO;gBAACC,OAAO;0BACtB,cAAA,KAACN,QAAQO,MAAM;oBAACC,MAAK;oBAASC,SAAQ;8BACpC,cAAA,KAACV;wBAAKW,MAAMb;;;;0BAGhB,KAACD,QAAQe,OAAO;0BACd,cAAA,KAACb;oBACCI,WAAWA;oBACXU,YAAYT,kBAAkB;;;;;AAKxC,EAAE"}

package/dist/fields/TiptapEditor/features/menus/TextMenu/components/ai-completion-command.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Check, TextQuote, TrashIcon } from "lucide-react";
+import { Toolbar } from "../../../ui/Toolbar.jsx";
+const AICompletionCommands = ({ completion, onDiscard, editor })=>{
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxs(Toolbar.Button, {
+                className: "gap-2 px-4 w-full flex justify-start ",
+                value: "replace",
+                onClick: ()=>{
+                    const selection = editor.view.state.selection;
+                    editor.chain().focus().insertContentAt({
+                        from: selection.from,
+                        to: selection.to
+                    }, completion).run();
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(Check, {
+                        className: "h-4 w-4 text-muted-foreground"
+                    }),
+                    "Replace selection"
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(Toolbar.Button, {
+                className: "gap-2 px-4 w-full flex justify-start",
+                value: "insert",
+                onClick: ()=>{
+                    const selection = editor.view.state.selection;
+                    editor.chain().focus().insertContentAt(selection.to + 1, completion).run();
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(TextQuote, {
+                        className: "h-4 w-4 text-muted-foreground"
+                    }),
+                    "Insert below"
+                ]
+            }),
+            /*#__PURE__*/ _jsx(Toolbar.Divider, {
+                horizontal: true
+            }),
+            /*#__PURE__*/ _jsxs(Toolbar.Button, {
+                onClick: onDiscard,
+                value: "thrash",
+                className: "w-full text-red-500 bg-red-500 dark:text-red-500 hover:bg-red-500 dark:hover:text-red-500 dark:hover:bg-red-500 bg-opacity-10 hover:bg-opacity-20 dark:hover:bg-opacity-20",
+                children: [
+                    /*#__PURE__*/ _jsx(TrashIcon, {
+                        className: "h-4 w-4 text-muted-foreground"
+                    }),
+                    "Discard"
+                ]
+            })
+        ]
+    });
+};
+export default AICompletionCommands;
+
+//# sourceMappingURL=ai-completion-command.js.map

package/dist/fields/TiptapEditor/features/menus/TextMenu/components/ai-completion-command.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/components/ai-completion-command.tsx"],"sourcesContent":["import { Editor } from \"@tiptap/react\";\nimport { Check, TextQuote, TrashIcon } from \"lucide-react\";\nimport { Toolbar } from \"../../../ui/Toolbar.jsx\";\n\nconst AICompletionCommands = ({\n  completion,\n  onDiscard,\n  editor,\n}: {\n  editor: Editor;\n  completion: string;\n  onDiscard: () => void;\n}) => {\n  return (\n    <>\n      <Toolbar.Button\n        className=\"gap-2 px-4 w-full flex justify-start \"\n        value=\"replace\"\n        onClick={() => {\n          const selection = editor.view.state.selection;\n\n          editor\n            .chain()\n            .focus()\n            .insertContentAt(\n              {\n                from: selection.from,\n                to: selection.to,\n              },\n              completion\n            )\n            .run();\n        }}\n      >\n        <Check className=\"h-4 w-4 text-muted-foreground\" />\n        Replace selection\n      </Toolbar.Button>\n      <Toolbar.Button\n        className=\"gap-2 px-4 w-full flex justify-start\"\n        value=\"insert\"\n        onClick={() => {\n          const selection = editor.view.state.selection;\n          editor\n            .chain()\n            .focus()\n            .insertContentAt(selection.to + 1, completion)\n            .run();\n        }}\n      >\n        <TextQuote className=\"h-4 w-4 text-muted-foreground\" />\n        Insert below\n      </Toolbar.Button>\n      <Toolbar.Divider horizontal />\n\n      <Toolbar.Button\n        onClick={onDiscard}\n        value=\"thrash\"\n        className=\"w-full text-red-500 bg-red-500 dark:text-red-500 hover:bg-red-500 dark:hover:text-red-500 dark:hover:bg-red-500 bg-opacity-10 hover:bg-opacity-20 dark:hover:bg-opacity-20\"\n      >\n        <TrashIcon className=\"h-4 w-4 text-muted-foreground\" />\n        Discard\n      </Toolbar.Button>\n    </>\n  );\n};\n\nexport default AICompletionCommands;\n"],"names":["Check","TextQuote","TrashIcon","Toolbar","AICompletionCommands","completion","onDiscard","editor","Button","className","value","onClick","selection","view","state","chain","focus","insertContentAt","from","to","run","Divider","horizontal"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AACA,SAASA,KAAK,EAAEC,SAAS,EAAEC,SAAS,QAAQ,eAAe;AAC3D,SAASC,OAAO,QAAQ,0BAA0B;AAElD,MAAMC,uBAAuB,CAAC,EAC5BC,UAAU,EACVC,SAAS,EACTC,MAAM,EAKP;IACC,qBACE;;0BACE,MAACJ,QAAQK,MAAM;gBACbC,WAAU;gBACVC,OAAM;gBACNC,SAAS;oBACP,MAAMC,YAAYL,OAAOM,IAAI,CAACC,KAAK,CAACF,SAAS;oBAE7CL,OACGQ,KAAK,GACLC,KAAK,GACLC,eAAe,CACd;wBACEC,MAAMN,UAAUM,IAAI;wBACpBC,IAAIP,UAAUO,EAAE;oBAClB,GACAd,YAEDe,GAAG;gBACR;;kCAEA,KAACpB;wBAAMS,WAAU;;oBAAkC;;;0BAGrD,MAACN,QAAQK,MAAM;gBACbC,WAAU;gBACVC,OAAM;gBACNC,SAAS;oBACP,MAAMC,YAAYL,OAAOM,IAAI,CAACC,KAAK,CAACF,SAAS;oBAC7CL,OACGQ,KAAK,GACLC,KAAK,GACLC,eAAe,CAACL,UAAUO,EAAE,GAAG,GAAGd,YAClCe,GAAG;gBACR;;kCAEA,KAACnB;wBAAUQ,WAAU;;oBAAkC;;;0BAGzD,KAACN,QAAQkB,OAAO;gBAACC,UAAU;;0BAE3B,MAACnB,QAAQK,MAAM;gBACbG,SAASL;gBACTI,OAAM;gBACND,WAAU;;kCAEV,KAACP;wBAAUO,WAAU;;oBAAkC;;;;;AAK/D;AAEA,eAAeL,qBAAqB"}

package/dist/fields/TiptapEditor/features/menus/TextMenu/components/ai-selector-commands.js

@@ -0,0 +1,162 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useLocale } from "@payloadcms/ui/providers/Locale";
+import * as Popover from "@radix-ui/react-popover";
+import { useAssistant } from "ai/react";
+import { ArrowDownWideNarrow, CheckCheck, ChevronDown, Languages, RefreshCcwDot, StepForward, WrapText } from "lucide-react";
+import { languages } from "src/fields/TiptapEditor/lib/constants.jsx";
+import { getPrevText } from "src/fields/TiptapEditor/lib/utils/index.js";
+import { DropdownCategoryTitle } from "../../../ui/Dropdown/Dropdown.jsx";
+import { Icon } from "../../../ui/Icon.jsx";
+import { Surface } from "../../../ui/Surface.jsx";
+import { Toolbar } from "../../../ui/Toolbar.jsx";
+const options = [
+    // {
+    //   value: 'translate',
+    //   label: 'Translate text',
+    //   icon: WrapText,
+    // },
+    {
+        value: "summarize",
+        label: "Summarize text",
+        icon: WrapText
+    },
+    {
+        value: "rewrite",
+        label: "Rewrite into Axios",
+        icon: WrapText
+    },
+    {
+        value: "improve",
+        label: "Improve writing",
+        icon: RefreshCcwDot
+    },
+    {
+        value: "fix",
+        label: "Fix grammar",
+        icon: CheckCheck
+    },
+    {
+        value: "shorter",
+        label: "Make shorter",
+        icon: ArrowDownWideNarrow
+    },
+    {
+        value: "longer",
+        label: "Make longer",
+        icon: WrapText
+    }
+];
+const AISelectorCommands = ({ onSelect, editor })=>{
+    const { status, messages, input, submitMessage, handleInputChange } = useAssistant({
+        api: "/api/assistant"
+    });
+    const { code } = useLocale();
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(DropdownCategoryTitle, {
+                children: "Edit or review selection"
+            }),
+            /*#__PURE__*/ _jsxs(Popover.Root, {
+                children: [
+                    /*#__PURE__*/ _jsx(Popover.Trigger, {
+                        asChild: true,
+                        children: /*#__PURE__*/ _jsxs(Toolbar.Button, {
+                            className: "gap-2 px-4 w-full flex justify-start ",
+                            type: "button",
+                            // active={!!states.currentHighlight}
+                            tooltip: "Highlight text",
+                            children: [
+                                /*#__PURE__*/ _jsx(Icon, {
+                                    icon: Languages,
+                                    className: "h-4 w-4 text-blue-500"
+                                }),
+                                "Translate text",
+                                /*#__PURE__*/ _jsx(Icon, {
+                                    icon: ChevronDown,
+                                    className: "h-4 w-4 text-blue-500"
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(Popover.Content, {
+                        side: "right",
+                        align: "start",
+                        sideOffset: 8,
+                        asChild: true,
+                        children: /*#__PURE__*/ _jsxs(Surface, {
+                            className: "flex flex-col min-w-[15rem] p-2 max-h-[20rem] overflow-auto",
+                            children: [
+                                /*#__PURE__*/ _jsx(DropdownCategoryTitle, {
+                                    children: "Languages"
+                                }),
+                                languages.map((lang)=>/*#__PURE__*/ _jsx(Toolbar.Button, {
+                                        onClick: ()=>{
+                                            const { from, to, empty } = editor.state.selection;
+                                            const content = editor.state.doc.textBetween(from, to, " ");
+                                            onSelect(content, {
+                                                option: "translate",
+                                                language: lang.value
+                                            });
+                                        },
+                                        className: "gap-2 px-4 w-full flex justify-start ",
+                                        children: lang.label
+                                    }, lang.value))
+                            ]
+                        })
+                    })
+                ]
+            }),
+            options.map((option)=>/*#__PURE__*/ _jsxs(Toolbar.Button, {
+                    // onSelect={(value) => {
+                    //   const slice = editor.state.selection.content()
+                    //   const text = editor.storage.markdown.serializer.serialize(slice.content)
+                    //   onSelect(text, option.value)
+                    // }}
+                    onClick: ()=>{
+                        const { from, to, empty } = editor.state.selection;
+                        const content = editor.state.doc.textBetween(from, to, " ");
+                        onSelect(content, {
+                            option: option.value,
+                            language: code ?? "en"
+                        });
+                    },
+                    className: " gap-2 px-4 w-full flex justify-start",
+                    value: option.value,
+                    children: [
+                        /*#__PURE__*/ _jsx(option.icon, {
+                            className: "h-4 w-4 text-blue-500"
+                        }),
+                        option.label
+                    ]
+                }, option.value)),
+            /*#__PURE__*/ _jsx(Toolbar.Divider, {
+                horizontal: true
+            }),
+            /*#__PURE__*/ _jsx(DropdownCategoryTitle, {
+                children: "Use AI to do more"
+            }),
+            /*#__PURE__*/ _jsxs(Toolbar.Button, {
+                onClick: ()=>{
+                    const text = getPrevText(editor, {
+                        chars: 5000
+                    });
+                    onSelect(text, {
+                        option: "continue",
+                        language: code ?? "en"
+                    });
+                },
+                value: "continue",
+                className: "gap-2 px-4 w-full flex justify-start",
+                children: [
+                    /*#__PURE__*/ _jsx(StepForward, {
+                        className: "h-4 w-4 text-blue-500"
+                    }),
+                    "Continue writing"
+                ]
+            })
+        ]
+    });
+};
+export default AISelectorCommands;
+
+//# sourceMappingURL=ai-selector-commands.js.map

package/dist/fields/TiptapEditor/features/menus/TextMenu/components/ai-selector-commands.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/components/ai-selector-commands.tsx"],"sourcesContent":["import { useLocale } from \"@payloadcms/ui/providers/Locale\";\nimport * as Popover from \"@radix-ui/react-popover\";\nimport { Editor } from \"@tiptap/react\";\nimport { useAssistant } from \"ai/react\";\nimport {\n  ArrowDownWideNarrow,\n  CheckCheck,\n  ChevronDown,\n  Languages,\n  RefreshCcwDot,\n  StepForward,\n  WrapText,\n} from \"lucide-react\";\nimport { languages } from \"src/fields/TiptapEditor/lib/constants.jsx\";\nimport { getPrevText } from \"src/fields/TiptapEditor/lib/utils/index.js\";\nimport { DropdownCategoryTitle } from \"../../../ui/Dropdown/Dropdown.jsx\";\nimport { Icon } from \"../../../ui/Icon.jsx\";\nimport { Surface } from \"../../../ui/Surface.jsx\";\nimport { Toolbar } from \"../../../ui/Toolbar.jsx\";\nconst options = [\n  // {\n  //   value: 'translate',\n  //   label: 'Translate text',\n  //   icon: WrapText,\n  // },\n  {\n    value: \"summarize\",\n    label: \"Summarize text\",\n    icon: WrapText,\n  },\n  {\n    value: \"rewrite\",\n    label: \"Rewrite into Axios\",\n    icon: WrapText,\n  },\n  {\n    value: \"improve\",\n    label: \"Improve writing\",\n    icon: RefreshCcwDot,\n  },\n\n  {\n    value: \"fix\",\n    label: \"Fix grammar\",\n    icon: CheckCheck,\n  },\n  {\n    value: \"shorter\",\n    label: \"Make shorter\",\n    icon: ArrowDownWideNarrow,\n  },\n  {\n    value: \"longer\",\n    label: \"Make longer\",\n    icon: WrapText,\n  },\n];\n\ninterface AISelectorCommandsProps {\n  editor: Editor;\n  onSelect: (\n    value: string,\n    options: { option: string; language?: string }\n  ) => void;\n}\n\nconst AISelectorCommands = ({ onSelect, editor }: AISelectorCommandsProps) => {\n  const { status, messages, input, submitMessage, handleInputChange } =\n    useAssistant({\n      api: \"/api/assistant\",\n    });\n  const { code } = useLocale();\n\n  return (\n    <>\n      <DropdownCategoryTitle>Edit or review selection</DropdownCategoryTitle>\n      <Popover.Root>\n        <Popover.Trigger asChild>\n          <Toolbar.Button\n            className=\"gap-2 px-4 w-full flex justify-start \"\n            type=\"button\"\n            // active={!!states.currentHighlight}\n            tooltip=\"Highlight text\"\n          >\n            <Icon icon={Languages} className=\"h-4 w-4 text-blue-500\" />\n            Translate text\n            <Icon icon={ChevronDown} className=\"h-4 w-4 text-blue-500\" />\n          </Toolbar.Button>\n        </Popover.Trigger>\n        <Popover.Content side=\"right\" align=\"start\" sideOffset={8} asChild>\n          <Surface className=\"flex flex-col min-w-[15rem] p-2 max-h-[20rem] overflow-auto\">\n            <DropdownCategoryTitle>Languages</DropdownCategoryTitle>\n\n            {languages.map((lang) => (\n              <Toolbar.Button\n                onClick={() => {\n                  const { from, to, empty } = editor.state.selection;\n                  const content = editor.state.doc.textBetween(from, to, \" \");\n                  onSelect(content, {\n                    option: \"translate\",\n                    language: lang.value,\n                  });\n                }}\n                className=\"gap-2 px-4 w-full flex justify-start \"\n                key={lang.value}\n              >\n                {lang.label}\n              </Toolbar.Button>\n            ))}\n          </Surface>\n        </Popover.Content>\n      </Popover.Root>\n\n      {options.map((option) => (\n        <Toolbar.Button\n          // onSelect={(value) => {\n          //   const slice = editor.state.selection.content()\n          //   const text = editor.storage.markdown.serializer.serialize(slice.content)\n          //   onSelect(text, option.value)\n          // }}\n          onClick={() => {\n            const { from, to, empty } = editor.state.selection;\n            const content = editor.state.doc.textBetween(from, to, \" \");\n            onSelect(content, { option: option.value, language: code ?? \"en\" });\n          }}\n          className=\" gap-2 px-4 w-full flex justify-start\"\n          key={option.value}\n          value={option.value}\n        >\n          <option.icon className=\"h-4 w-4 text-blue-500\" />\n          {option.label}\n        </Toolbar.Button>\n      ))}\n      <Toolbar.Divider horizontal />\n      <DropdownCategoryTitle>Use AI to do more</DropdownCategoryTitle>\n      <Toolbar.Button\n        onClick={() => {\n          const text = getPrevText(editor, { chars: 5000 });\n          onSelect(text, { option: \"continue\", language: code ?? \"en\" });\n        }}\n        value=\"continue\"\n        className=\"gap-2 px-4 w-full flex justify-start\"\n      >\n        <StepForward className=\"h-4 w-4 text-blue-500\" />\n        Continue writing\n      </Toolbar.Button>\n    </>\n  );\n};\n\nexport default AISelectorCommands;\n"],"names":["useLocale","Popover","useAssistant","ArrowDownWideNarrow","CheckCheck","ChevronDown","Languages","RefreshCcwDot","StepForward","WrapText","languages","getPrevText","DropdownCategoryTitle","Icon","Surface","Toolbar","options","value","label","icon","AISelectorCommands","onSelect","editor","status","messages","input","submitMessage","handleInputChange","api","code","Root","Trigger","asChild","Button","className","type","tooltip","Content","side","align","sideOffset","map","lang","onClick","from","to","empty","state","selection","content","doc","textBetween","option","language","Divider","horizontal","text","chars"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/fields/TiptapEditor/features/menus/TextMenu/hooks/useTextmenuCommands.js

@@ -0,0 +1,159 @@
+import { useCallback } from 'react';
+export const useTextmenuCommands = (editor)=>{
+    const onBold = useCallback(()=>editor.chain().focus().toggleBold().run(), [
+        editor
+    ]);
+    const onItalic = useCallback(()=>editor.chain().focus().toggleItalic().run(), [
+        editor
+    ]);
+    const onStrike = useCallback(()=>editor.chain().focus().toggleStrike().run(), [
+        editor
+    ]);
+    const onUnderline = useCallback(()=>editor.chain().focus().toggleUnderline().run(), [
+        editor
+    ]);
+    const onCode = useCallback(()=>editor.chain().focus().toggleCode().run(), [
+        editor
+    ]);
+    const onCodeBlock = useCallback(()=>editor.chain().focus().toggleCodeBlock().run(), [
+        editor
+    ]);
+    const onSubscript = useCallback(()=>editor.chain().focus().toggleSubscript().run(), [
+        editor
+    ]);
+    const onSuperscript = useCallback(()=>editor.chain().focus().toggleSuperscript().run(), [
+        editor
+    ]);
+    const onAlignLeft = useCallback(()=>editor.chain().focus().setTextAlign('left').run(), [
+        editor
+    ]);
+    const onAlignCenter = useCallback(()=>editor.chain().focus().setTextAlign('center').run(), [
+        editor
+    ]);
+    const onAlignRight = useCallback(()=>editor.chain().focus().setTextAlign('right').run(), [
+        editor
+    ]);
+    const onAlignJustify = useCallback(()=>editor.chain().focus().setTextAlign('justify').run(), [
+        editor
+    ]);
+    const onChangeColor = useCallback((color)=>editor.chain().setColor(color).run(), [
+        editor
+    ]);
+    const onClearColor = useCallback(()=>editor.chain().focus().unsetColor().run(), [
+        editor
+    ]);
+    const onChangeHighlight = useCallback((color)=>editor.chain().setHighlight({
+            color
+        }).run(), [
+        editor
+    ]);
+    const onClearHighlight = useCallback(()=>editor.chain().focus().unsetHighlight().run(), [
+        editor
+    ]);
+    const onLink = useCallback((url, inNewTab)=>editor.chain().focus().setLink({
+            href: url,
+            target: inNewTab ? '_blank' : ''
+        }).run(), [
+        editor
+    ]);
+    const onSetFont = useCallback((font)=>{
+        if (!font || font.length === 0) {
+            return editor.chain().focus().unsetFontFamily().run();
+        }
+        return editor.chain().focus().setFontFamily(font).run();
+    }, [
+        editor
+    ]);
+    const onSetFontSize = useCallback((fontSize)=>{
+        if (!fontSize || fontSize.length === 0) {
+            return editor.chain().focus().unsetFontSize().run();
+        }
+        return editor.chain().focus().setFontSize(fontSize).run();
+    }, [
+        editor
+    ]);
+    // AI Commands
+    const onCompleteSentence = useCallback(()=>{
+    // TODO
+    }, [
+        editor
+    ]);
+    const onEmojify = useCallback(()=>{
+    // TODO
+    }, [
+        editor
+    ]);
+    const onFixSpelling = useCallback(()=>{
+    // TODO
+    }, [
+        editor
+    ]);
+    const onMakeLonger = useCallback(()=>{
+    // TODO
+    }, [
+        editor
+    ]);
+    const onMakeShorter = useCallback(()=>{
+    // TODO
+    }, [
+        editor
+    ]);
+    const onSimplify = useCallback(()=>{
+    // TODO
+    }, [
+        editor
+    ]);
+    const onTldr = useCallback(()=>{
+    // TODO
+    }, [
+        editor
+    ]);
+    const onTone = useCallback(()=>{
+    // TODO
+    }, [
+        editor
+    ]);
+    const onTranslate = useCallback(()=>{
+    // TODO
+    }, [
+        editor
+    ]);
+    const onClearFormatting = useCallback(()=>{
+        editor.chain().focus().clearNodes().unsetAllMarks().run();
+    }, [
+        editor
+    ]);
+    return {
+        onBold,
+        onItalic,
+        onStrike,
+        onUnderline,
+        onCode,
+        onCodeBlock,
+        onSubscript,
+        onSuperscript,
+        onAlignLeft,
+        onAlignCenter,
+        onAlignRight,
+        onAlignJustify,
+        onChangeColor,
+        onClearColor,
+        onChangeHighlight,
+        onClearHighlight,
+        onSetFont,
+        onSetFontSize,
+        onLink,
+        onCompleteSentence,
+        onEmojify,
+        onFixSpelling,
+        onMakeLonger,
+        onMakeShorter,
+        onSimplify,
+        onTldr,
+        onTone,
+        onTranslate,
+        onClearFormatting
+    };
+};
+
+//# sourceMappingURL=useTextmenuCommands.js.map

package/dist/fields/TiptapEditor/features/menus/TextMenu/hooks/useTextmenuCommands.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/hooks/useTextmenuCommands.ts"],"sourcesContent":["import { Editor } from '@tiptap/react'\nimport { useCallback } from 'react'\n\nexport const useTextmenuCommands = (editor: Editor) => {\n  const onBold = useCallback(() => editor.chain().focus().toggleBold().run(), [editor])\n  const onItalic = useCallback(() => editor.chain().focus().toggleItalic().run(), [editor])\n  const onStrike = useCallback(() => editor.chain().focus().toggleStrike().run(), [editor])\n  const onUnderline = useCallback(() => editor.chain().focus().toggleUnderline().run(), [editor])\n  const onCode = useCallback(() => editor.chain().focus().toggleCode().run(), [editor])\n  const onCodeBlock = useCallback(() => editor.chain().focus().toggleCodeBlock().run(), [editor])\n\n  const onSubscript = useCallback(() => editor.chain().focus().toggleSubscript().run(), [editor])\n  const onSuperscript = useCallback(\n    () => editor.chain().focus().toggleSuperscript().run(),\n    [editor],\n  )\n  const onAlignLeft = useCallback(() => editor.chain().focus().setTextAlign('left').run(), [editor])\n  const onAlignCenter = useCallback(\n    () => editor.chain().focus().setTextAlign('center').run(),\n    [editor],\n  )\n  const onAlignRight = useCallback(\n    () => editor.chain().focus().setTextAlign('right').run(),\n    [editor],\n  )\n  const onAlignJustify = useCallback(\n    () => editor.chain().focus().setTextAlign('justify').run(),\n    [editor],\n  )\n\n  const onChangeColor = useCallback(\n    (color: string) => editor.chain().setColor(color).run(),\n    [editor],\n  )\n  const onClearColor = useCallback(() => editor.chain().focus().unsetColor().run(), [editor])\n\n  const onChangeHighlight = useCallback(\n    (color: string) => editor.chain().setHighlight({ color }).run(),\n    [editor],\n  )\n  const onClearHighlight = useCallback(\n    () => editor.chain().focus().unsetHighlight().run(),\n    [editor],\n  )\n\n  const onLink = useCallback(\n    (url: string, inNewTab?: boolean) =>\n      editor\n        .chain()\n        .focus()\n        .setLink({ href: url, target: inNewTab ? '_blank' : '' })\n        .run(),\n    [editor],\n  )\n\n  const onSetFont = useCallback(\n    (font: string) => {\n      if (!font || font.length === 0) {\n        return editor.chain().focus().unsetFontFamily().run()\n      }\n      return editor.chain().focus().setFontFamily(font).run()\n    },\n    [editor],\n  )\n\n  const onSetFontSize = useCallback(\n    (fontSize: string) => {\n      if (!fontSize || fontSize.length === 0) {\n        return editor.chain().focus().unsetFontSize().run()\n      }\n      return editor.chain().focus().setFontSize(fontSize).run()\n    },\n    [editor],\n  )\n\n  // AI Commands\n  const onCompleteSentence = useCallback(() => {\n    // TODO\n  }, [editor])\n  const onEmojify = useCallback(() => {\n    // TODO\n  }, [editor])\n  const onFixSpelling = useCallback(() => {\n    // TODO\n  }, [editor])\n  const onMakeLonger = useCallback(() => {\n    // TODO\n  }, [editor])\n  const onMakeShorter = useCallback(() => {\n    // TODO\n  }, [editor])\n  const onSimplify = useCallback(() => {\n    // TODO\n  }, [editor])\n  const onTldr = useCallback(() => {\n    // TODO\n  }, [editor])\n  const onTone = useCallback(() => {\n    // TODO\n  }, [editor])\n  const onTranslate = useCallback(() => {\n    // TODO\n  }, [editor])\n\n  const onClearFormatting = useCallback(() => {\n    editor.chain().focus().clearNodes().unsetAllMarks().run()\n  }, [editor])\n\n  return {\n    onBold,\n    onItalic,\n    onStrike,\n    onUnderline,\n    onCode,\n    onCodeBlock,\n    onSubscript,\n    onSuperscript,\n    onAlignLeft,\n    onAlignCenter,\n    onAlignRight,\n    onAlignJustify,\n    onChangeColor,\n    onClearColor,\n    onChangeHighlight,\n    onClearHighlight,\n    onSetFont,\n    onSetFontSize,\n    onLink,\n    onCompleteSentence,\n    onEmojify,\n    onFixSpelling,\n    onMakeLonger,\n    onMakeShorter,\n    onSimplify,\n    onTldr,\n    onTone,\n    onTranslate,\n    onClearFormatting,\n  }\n}\n"],"names":["useCallback","useTextmenuCommands","editor","onBold","chain","focus","toggleBold","run","onItalic","toggleItalic","onStrike","toggleStrike","onUnderline","toggleUnderline","onCode","toggleCode","onCodeBlock","toggleCodeBlock","onSubscript","toggleSubscript","onSuperscript","toggleSuperscript","onAlignLeft","setTextAlign","onAlignCenter","onAlignRight","onAlignJustify","onChangeColor","color","setColor","onClearColor","unsetColor","onChangeHighlight","setHighlight","onClearHighlight","unsetHighlight","onLink","url","inNewTab","setLink","href","target","onSetFont","font","length","unsetFontFamily","setFontFamily","onSetFontSize","fontSize","unsetFontSize","setFontSize","onCompleteSentence","onEmojify","onFixSpelling","onMakeLonger","onMakeShorter","onSimplify","onTldr","onTone","onTranslate","onClearFormatting","clearNodes","unsetAllMarks"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/fields/TiptapEditor/features/menus/TextMenu/hooks/useTextmenuContentTypes.js

@@ -0,0 +1,97 @@
+import { useMemo } from "react";
+import { Pilcrow, Heading1, Heading2, Heading3, List, ListOrdered } from "lucide-react";
+export const useTextmenuContentTypes = (editor)=>{
+    const options = useMemo(()=>{
+        return [
+            {
+                type: "category",
+                label: "Hierarchy",
+                id: "hierarchy"
+            },
+            {
+                icon: Pilcrow,
+                onClick: ()=>editor.chain().focus().lift("taskItem").liftListItem("listItem").setParagraph().run(),
+                id: "paragraph",
+                disabled: ()=>!editor.can().setParagraph(),
+                isActive: ()=>editor.isActive("paragraph") && !editor.isActive("orderedList") && !editor.isActive("bulletList") && !editor.isActive("taskList"),
+                label: "Paragraph",
+                type: "option"
+            },
+            {
+                icon: Heading1,
+                onClick: ()=>editor.chain().focus().lift("taskItem").liftListItem("listItem").setHeading({
+                        level: 1
+                    }).run(),
+                id: "heading1",
+                disabled: ()=>!editor.can().setHeading({
+                        level: 1
+                    }),
+                isActive: ()=>editor.isActive("heading", {
+                        level: 1
+                    }),
+                label: "Heading 1",
+                type: "option"
+            },
+            {
+                icon: Heading2,
+                onClick: ()=>editor.chain().focus().lift("taskItem").liftListItem("listItem").setHeading({
+                        level: 2
+                    }).run(),
+                id: "heading2",
+                disabled: ()=>!editor.can().setHeading({
+                        level: 2
+                    }),
+                isActive: ()=>editor.isActive("heading", {
+                        level: 2
+                    }),
+                label: "Heading 2",
+                type: "option"
+            },
+            {
+                icon: Heading3,
+                onClick: ()=>editor.chain().focus().lift("taskItem").liftListItem("listItem").setHeading({
+                        level: 3
+                    }).run(),
+                id: "heading3",
+                disabled: ()=>!editor.can().setHeading({
+                        level: 3
+                    }),
+                isActive: ()=>editor.isActive("heading", {
+                        level: 3
+                    }),
+                label: "Heading 3",
+                type: "option"
+            },
+            {
+                type: "category",
+                label: "Lists",
+                id: "lists"
+            },
+            {
+                icon: List,
+                onClick: ()=>editor.chain().focus().toggleBulletList().run(),
+                id: "bulletList",
+                disabled: ()=>!editor.can().toggleBulletList(),
+                isActive: ()=>editor.isActive("bulletList"),
+                label: "Bullet list",
+                type: "option"
+            },
+            {
+                icon: ListOrdered,
+                onClick: ()=>editor.chain().focus().toggleOrderedList().run(),
+                id: "orderedList",
+                disabled: ()=>!editor.can().toggleOrderedList(),
+                isActive: ()=>editor.isActive("orderedList"),
+                label: "Numbered list",
+                type: "option"
+            }
+        ];
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        editor,
+        editor.state
+    ]);
+    return options;
+};
+
+//# sourceMappingURL=useTextmenuContentTypes.js.map