payload-richtext-tiptap 0.0.107 → 0.0.109

package/dist/src/fields/TiptapEditor/extensions/extension-kit.d.ts

@@ -1,7 +1,8 @@
 import { openAssetHQType } from "../types.js";
 interface ExtensionKitProps {
     openAssetHQHandler: openAssetHQType;
+    dir?: 'ltr' | 'rtl';
 }
-export declare const ExtensionKit: ({ openAssetHQHandler }: ExtensionKitProps) => (import("@tiptap/core").Node<any, any> | import("@tiptap/core").Extension<any, any> | import("@tiptap/core").Mark<import("@tiptap/extension-subscript").SubscriptExtensionOptions, any>)[];
+export declare const ExtensionKit: ({ dir, openAssetHQHandler }: ExtensionKitProps) => (import("@tiptap/core").Node<any, any> | import("@tiptap/core").Extension<any, any> | import("@tiptap/core").Mark<import("@tiptap/extension-subscript").SubscriptExtensionOptions, any>)[];
 export default ExtensionKit;
 //# sourceMappingURL=extension-kit.d.ts.map

package/dist/src/fields/TiptapEditor/extensions/extension-kit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"extension-kit.d.ts","sourceRoot":"","sources":["../../../../../src/fields/TiptapEditor/extensions/extension-kit.ts"],"names":[],"mappings":"AA+CA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAG9C,UAAU,iBAAiB;IACzB,kBAAkB,EAAE,eAAe,CAAC;CACrC;AAED,eAAO,MAAM,YAAY,2BAA4B,iBAAiB,+LAoHrE,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"extension-kit.d.ts","sourceRoot":"","sources":["../../../../../src/fields/TiptapEditor/extensions/extension-kit.ts"],"names":[],"mappings":"AA+CA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAG9C,UAAU,iBAAiB;IACzB,kBAAkB,EAAE,eAAe,CAAC;IACpC,GAAG,CAAC,EAAE,KAAK,GAAC,KAAK,CAAA;CAClB;AAED,eAAO,MAAM,YAAY,gCAAuC,iBAAiB,+LAqHhF,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/src/fields/TiptapEditor/extensions/extension-kit.js

@@ -4,7 +4,7 @@ import History from "@tiptap/extension-history";
 import { Markdown } from "tiptap-markdown";
 import API from "../lib/api.js";
 import i18next from "i18next";
-export const ExtensionKit = ({ openAssetHQHandler })=>[
+export const ExtensionKit = ({ dir = 'ltr', openAssetHQHandler })=>[
         Markdown,
         Document,
         TaskList,
@@ -95,6 +95,7 @@ export const ExtensionKit = ({ openAssetHQHandler })=>[
                 return {};
             }
         }).configure({
+            defaultAlignment: dir === "rtl" ? "right" : "left",
             types: [
                 "heading",
                 "paragraph"

package/dist/src/fields/TiptapEditor/extensions/extension-kit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/fields/TiptapEditor/extensions/extension-kit.ts"],"sourcesContent":["import {\n  AICommand,\n  AudioBlock,\n  BlockquoteFigure,\n  CharacterCount,\n  Color,\n  Document,\n  Dropcursor,\n  Facebook,\n  Figcaption,\n  FileHandler,\n  Focus,\n  FontFamily,\n  FontSize,\n  Heading,\n  Highlight,\n  HorizontalRule,\n  ImageBlock,\n  InsideLinks,\n  Instagram,\n  Link,\n  Linkedin,\n  Placeholder,\n  Selection,\n  SlashCommand,\n  StarterKit,\n  Subscript,\n  Superscript,\n  TaskItem,\n  TaskList,\n  TextAlign,\n  TextStyle,\n  Tiktok,\n  TrailingNode,\n  Twitter,\n  Typography,\n  Underline,\n  VideoBlock,\n  Youtube,\n  Iframe,\n} from \"./index.js\";\n\nimport { ImageUpload } from \"./ImageUpload/ImageUpload.js\";\n\nimport History from \"@tiptap/extension-history\";\nimport { Markdown } from \"tiptap-markdown\";\nimport API from \"../lib/api.js\";\nimport { openAssetHQType } from \"../types.js\";\nimport i18next from \"i18next\";\n\ninterface ExtensionKitProps {\n  openAssetHQHandler: openAssetHQType;\n}\n\nexport const ExtensionKit = ({ openAssetHQHandler }: ExtensionKitProps) => [\n  Markdown,\n  Document,\n  TaskList,\n  TaskItem.configure({\n    nested: true,\n  }),\n  Selection,\n  Heading.configure({\n    levels: [1, 2, 3, 4, 5, 6],\n  }),\n  HorizontalRule,\n  StarterKit.configure({\n    document: false,\n    dropcursor: false,\n    heading: false,\n    horizontalRule: false,\n    blockquote: false,\n    history: false,\n    codeBlock: false,\n  }),\n  TextStyle,\n  FontSize,\n  // FontFamily,\n  Color,\n  TrailingNode,\n  Link.configure({\n    openOnClick: false,\n  }),\n  Highlight.configure({ multicolor: true }),\n  Underline,\n  CharacterCount.configure({ limit: 50000 }),\n  ImageUpload.configure({\n    openAssetHQHandler,\n  }),\n  ImageBlock,\n  VideoBlock,\n  AudioBlock,\n  FileHandler.configure({\n    allowedMimeTypes: [\"image/png\", \"image/jpeg\", \"image/gif\", \"image/webp\"],\n    onDrop: (currentEditor, files, pos) => {\n      const file = files[0];\n      (async () => {\n        openAssetHQHandler(\n          (asset) => {\n            let title = asset.title;\n            if (i18next.language !== \"en\") {\n              title = asset.title_locale[i18next.language.toUpperCase()];\n            }\n            currentEditor\n              .chain()\n              .setImageBlockAt({\n                pos,\n                src: asset?.optimizedImageUrl || asset.fullUrl,\n                caption: title,\n              })\n              .focus()\n              .run();\n          },\n          file,\n          \"image\"\n        );\n      })();\n    },\n    onPaste: (currentEditor, files) => {\n      files.forEach(async () => {\n        const url = await API.uploadImage();\n\n        return currentEditor\n          .chain()\n          .setImageBlockAt({\n            pos: currentEditor.state.selection.anchor,\n            src: url,\n          })\n          .focus()\n          .run();\n      });\n    },\n  }),\n  // Emoji.configure({\n  //   enableEmoticons: true,\n  //   suggestion: emojiSuggestion,\n  // }),\n  TextAlign.extend({\n    addKeyboardShortcuts() {\n      return {};\n    },\n  }).configure({\n    types: [\"heading\", \"paragraph\"],\n  }),\n  Subscript,\n  Superscript,\n  Typography,\n  Placeholder.configure({\n    includeChildren: true,\n    showOnlyCurrent: false,\n    placeholder: () => \"\",\n  }),\n  SlashCommand,\n  Focus,\n  Figcaption,\n  BlockquoteFigure,\n  Dropcursor.configure({\n    width: 2,\n    class: \"ProseMirror-dropcursor border-black\",\n  }),\n  History,\n  Twitter,\n  Tiktok,\n  Instagram,\n  Facebook,\n  Linkedin,\n  Youtube,\n  InsideLinks,\n  Iframe,\n  AICommand,\n];\n\nexport default ExtensionKit;\n"],"names":["AICommand","AudioBlock","BlockquoteFigure","CharacterCount","Color","Document","Dropcursor","Facebook","Figcaption","FileHandler","Focus","FontSize","Heading","Highlight","HorizontalRule","ImageBlock","InsideLinks","Instagram","Link","Linkedin","Placeholder","Selection","SlashCommand","StarterKit","Subscript","Superscript","TaskItem","TaskList","TextAlign","TextStyle","Tiktok","TrailingNode","Twitter","Typography","Underline","VideoBlock","Youtube","Iframe","ImageUpload","History","Markdown","API","i18next","ExtensionKit","openAssetHQHandler","configure","nested","levels","document","dropcursor","heading","horizontalRule","blockquote","history","codeBlock","openOnClick","multicolor","limit","allowedMimeTypes","onDrop","currentEditor","files","pos","file","asset","title","language","title_locale","toUpperCase","chain","setImageBlockAt","src","optimizedImageUrl","fullUrl","caption","focus","run","onPaste","forEach","url","uploadImage","state","selection","anchor","extend","addKeyboardShortcuts","types","includeChildren","showOnlyCurrent","placeholder","width","class"],"mappings":"AAAA,SACEA,SAAS,EACTC,UAAU,EACVC,gBAAgB,EAChBC,cAAc,EACdC,KAAK,EACLC,QAAQ,EACRC,UAAU,EACVC,QAAQ,EACRC,UAAU,EACVC,WAAW,EACXC,KAAK,EAELC,QAAQ,EACRC,OAAO,EACPC,SAAS,EACTC,cAAc,EACdC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,IAAI,EACJC,QAAQ,EACRC,WAAW,EACXC,SAAS,EACTC,YAAY,EACZC,UAAU,EACVC,SAAS,EACTC,WAAW,EACXC,QAAQ,EACRC,QAAQ,EACRC,SAAS,EACTC,SAAS,EACTC,MAAM,EACNC,YAAY,EACZC,OAAO,EACPC,UAAU,EACVC,SAAS,EACTC,UAAU,EACVC,OAAO,EACPC,MAAM,QACD,aAAa;AAEpB,SAASC,WAAW,QAAQ,+BAA+B;AAE3D,OAAOC,aAAa,4BAA4B;AAChD,SAASC,QAAQ,QAAQ,kBAAkB;AAC3C,OAAOC,SAAS,gBAAgB;AAEhC,OAAOC,aAAa,UAAU;AAM9B,OAAO,MAAMC,eAAe,CAAC,EAAEC,kBAAkB,EAAqB,GAAK;QACzEJ;QACAnC;QACAsB;QACAD,SAASmB,SAAS,CAAC;YACjBC,QAAQ;QACV;QACAzB;QACAT,QAAQiC,SAAS,CAAC;YAChBE,QAAQ;gBAAC;gBAAG;gBAAG;gBAAG;gBAAG;gBAAG;aAAE;QAC5B;QACAjC;QACAS,WAAWsB,SAAS,CAAC;YACnBG,UAAU;YACVC,YAAY;YACZC,SAAS;YACTC,gBAAgB;YAChBC,YAAY;YACZC,SAAS;YACTC,WAAW;QACb;QACAzB;QACAlB;QACA,cAAc;QACdP;QACA2B;QACAb,KAAK2B,SAAS,CAAC;YACbU,aAAa;QACf;QACA1C,UAAUgC,SAAS,CAAC;YAAEW,YAAY;QAAK;QACvCtB;QACA/B,eAAe0C,SAAS,CAAC;YAAEY,OAAO;QAAM;QACxCnB,YAAYO,SAAS,CAAC;YACpBD;QACF;QACA7B;QACAoB;QACAlC;QACAQ,YAAYoC,SAAS,CAAC;YACpBa,kBAAkB;gBAAC;gBAAa;gBAAc;gBAAa;aAAa;YACxEC,QAAQ,CAACC,eAAeC,OAAOC;gBAC7B,MAAMC,OAAOF,KAAK,CAAC,EAAE;gBACpB,CAAA;oBACCjB,mBACE,CAACoB;wBACC,IAAIC,QAAQD,MAAMC,KAAK;wBACvB,IAAIvB,QAAQwB,QAAQ,KAAK,MAAM;4BAC7BD,QAAQD,MAAMG,YAAY,CAACzB,QAAQwB,QAAQ,CAACE,WAAW,GAAG;wBAC5D;wBACAR,cACGS,KAAK,GACLC,eAAe,CAAC;4BACfR;4BACAS,KAAKP,OAAOQ,qBAAqBR,MAAMS,OAAO;4BAC9CC,SAAST;wBACX,GACCU,KAAK,GACLC,GAAG;oBACR,GACAb,MACA;gBAEJ,CAAA;YACF;YACAc,SAAS,CAACjB,eAAeC;gBACvBA,MAAMiB,OAAO,CAAC;oBACZ,MAAMC,MAAM,MAAMtC,IAAIuC,WAAW;oBAEjC,OAAOpB,cACJS,KAAK,GACLC,eAAe,CAAC;wBACfR,KAAKF,cAAcqB,KAAK,CAACC,SAAS,CAACC,MAAM;wBACzCZ,KAAKQ;oBACP,GACCJ,KAAK,GACLC,GAAG;gBACR;YACF;QACF;QACA,oBAAoB;QACpB,2BAA2B;QAC3B,iCAAiC;QACjC,MAAM;QACNhD,UAAUwD,MAAM,CAAC;YACfC;gBACE,OAAO,CAAC;YACV;QACF,GAAGxC,SAAS,CAAC;YACXyC,OAAO;gBAAC;gBAAW;aAAY;QACjC;QACA9D;QACAC;QACAQ;QACAb,YAAYyB,SAAS,CAAC;YACpB0C,iBAAiB;YACjBC,iBAAiB;YACjBC,aAAa,IAAM;QACrB;QACAnE;QACAZ;QACAF;QACAN;QACAI,WAAWuC,SAAS,CAAC;YACnB6C,OAAO;YACPC,OAAO;QACT;QACApD;QACAP;QACAF;QACAb;QACAV;QACAY;QACAiB;QACApB;QACAqB;QACArC;KACD,CAAC;AAEF,eAAe2C,aAAa"}
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/extensions/extension-kit.ts"],"sourcesContent":["import {\n  AICommand,\n  AudioBlock,\n  BlockquoteFigure,\n  CharacterCount,\n  Color,\n  Document,\n  Dropcursor,\n  Facebook,\n  Figcaption,\n  FileHandler,\n  Focus,\n  FontFamily,\n  FontSize,\n  Heading,\n  Highlight,\n  HorizontalRule,\n  ImageBlock,\n  InsideLinks,\n  Instagram,\n  Link,\n  Linkedin,\n  Placeholder,\n  Selection,\n  SlashCommand,\n  StarterKit,\n  Subscript,\n  Superscript,\n  TaskItem,\n  TaskList,\n  TextAlign,\n  TextStyle,\n  Tiktok,\n  TrailingNode,\n  Twitter,\n  Typography,\n  Underline,\n  VideoBlock,\n  Youtube,\n  Iframe,\n} from \"./index.js\";\n\nimport { ImageUpload } from \"./ImageUpload/ImageUpload.js\";\n\nimport History from \"@tiptap/extension-history\";\nimport { Markdown } from \"tiptap-markdown\";\nimport API from \"../lib/api.js\";\nimport { openAssetHQType } from \"../types.js\";\nimport i18next from \"i18next\";\n\ninterface ExtensionKitProps {\n  openAssetHQHandler: openAssetHQType;\n  dir?: 'ltr'|'rtl' \n}\n\nexport const ExtensionKit = ({dir ='ltr', openAssetHQHandler }: ExtensionKitProps) => [\n  Markdown,\n  Document,\n  TaskList,\n  TaskItem.configure({\n    nested: true,\n  }),\n  Selection,\n  Heading.configure({\n    levels: [1, 2, 3, 4, 5, 6],\n  }),\n  HorizontalRule,\n  StarterKit.configure({\n    document: false,\n    dropcursor: false,\n    heading: false,\n    horizontalRule: false,\n    blockquote: false,\n    history: false,\n    codeBlock: false,\n  }),\n  TextStyle,\n  FontSize,\n  // FontFamily,\n  Color,\n  TrailingNode,\n  Link.configure({\n    openOnClick: false,\n  }),\n  Highlight.configure({ multicolor: true }),\n  Underline,\n  CharacterCount.configure({ limit: 50000 }),\n  ImageUpload.configure({\n    openAssetHQHandler,\n  }),\n  ImageBlock,\n  VideoBlock,\n  AudioBlock,\n  FileHandler.configure({\n    allowedMimeTypes: [\"image/png\", \"image/jpeg\", \"image/gif\", \"image/webp\"],\n    onDrop: (currentEditor, files, pos) => {\n      const file = files[0];\n      (async () => {\n        openAssetHQHandler(\n          (asset) => {\n            let title = asset.title;\n            if (i18next.language !== \"en\") {\n              title = asset.title_locale[i18next.language.toUpperCase()];\n            }\n            currentEditor\n              .chain()\n              .setImageBlockAt({\n                pos,\n                src: asset?.optimizedImageUrl || asset.fullUrl,\n                caption: title,\n              })\n              .focus()\n              .run();\n          },\n          file,\n          \"image\"\n        );\n      })();\n    },\n    onPaste: (currentEditor, files) => {\n      files.forEach(async () => {\n        const url = await API.uploadImage();\n\n        return currentEditor\n          .chain()\n          .setImageBlockAt({\n            pos: currentEditor.state.selection.anchor,\n            src: url,\n          })\n          .focus()\n          .run();\n      });\n    },\n  }),\n  // Emoji.configure({\n  //   enableEmoticons: true,\n  //   suggestion: emojiSuggestion,\n  // }),\n  TextAlign.extend({\n    addKeyboardShortcuts() {\n      return {};\n    },\n  }).configure({\n    defaultAlignment: dir === \"rtl\" ? \"right\": \"left\",\n    types: [\"heading\", \"paragraph\"],\n  }),\n  Subscript,\n  Superscript,\n  Typography,\n  Placeholder.configure({\n    includeChildren: true,\n    showOnlyCurrent: false,\n    placeholder: () => \"\",\n  }),\n  SlashCommand,\n  Focus,\n  Figcaption,\n  BlockquoteFigure,\n  Dropcursor.configure({\n    width: 2,\n    class: \"ProseMirror-dropcursor border-black\",\n  }),\n  History,\n  Twitter,\n  Tiktok,\n  Instagram,\n  Facebook,\n  Linkedin,\n  Youtube,\n  InsideLinks,\n  Iframe,\n  AICommand,\n];\n\nexport default ExtensionKit;\n"],"names":["AICommand","AudioBlock","BlockquoteFigure","CharacterCount","Color","Document","Dropcursor","Facebook","Figcaption","FileHandler","Focus","FontSize","Heading","Highlight","HorizontalRule","ImageBlock","InsideLinks","Instagram","Link","Linkedin","Placeholder","Selection","SlashCommand","StarterKit","Subscript","Superscript","TaskItem","TaskList","TextAlign","TextStyle","Tiktok","TrailingNode","Twitter","Typography","Underline","VideoBlock","Youtube","Iframe","ImageUpload","History","Markdown","API","i18next","ExtensionKit","dir","openAssetHQHandler","configure","nested","levels","document","dropcursor","heading","horizontalRule","blockquote","history","codeBlock","openOnClick","multicolor","limit","allowedMimeTypes","onDrop","currentEditor","files","pos","file","asset","title","language","title_locale","toUpperCase","chain","setImageBlockAt","src","optimizedImageUrl","fullUrl","caption","focus","run","onPaste","forEach","url","uploadImage","state","selection","anchor","extend","addKeyboardShortcuts","defaultAlignment","types","includeChildren","showOnlyCurrent","placeholder","width","class"],"mappings":"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"}

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

@@ -53,8 +53,8 @@ const AISelectorCommands = ({ messages, onSelect, editor })=>{
     const sortedLanguages = useMemo(()=>{
         const editorLanguage = editor.storage?.aiCommand?.language;
         return languages.sort((a, b)=>{
-            if (a.value === editorLanguage) return -1;
-            if (b.value === editorLanguage) return 1;
+            if (editorLanguage?.includes(a.value)) return -1;
+            if (editorLanguage?.includes(b.value)) return 1;
             return 0;
         });
     }, [

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

@@ -1 +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 i18next from \"i18next\";\nimport {\n  ArrowDownWideNarrow,\n  CheckCheck,\n  ChevronDown,\n  Languages,\n  RefreshCcwDot,\n  StepForward,\n  WrapText,\n} from \"lucide-react\";\nimport { languages } from \"../../../../lib/constants.js\";\nimport { getPrevText } from \"../../../../lib/utils/index.js\";\nimport { DropdownCategoryTitle } from \"../../../ui/Dropdown/Dropdown.js\";\nimport { Icon } from \"../../../ui/Icon.js\";\nimport { Surface } from \"../../../ui/Surface.js\";\nimport { Toolbar } from \"../../../ui/Toolbar.js\";\nimport { useMemo } from \"react\";\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  messages?: string;\n  onSelect: (\n    value: string,\n    options: { option: string; language?: string, selection?: JSON }\n  ) => void;\n}\n\nconst AISelectorCommands = ({\n  messages,\n  onSelect,\n  editor,\n}: AISelectorCommandsProps) => {\n  const { code } = useLocale();\n  const editorSelection = editor?.state?.selection?.content?.()?.content?.toJSON()\n  const sortedLanguages = useMemo(() => {\n    const editorLanguage = editor.storage?.aiCommand?.language\n    return languages.sort((a, b) => {\n      if (a.value === editorLanguage) return -1;\n      if (b.value === editorLanguage) return 1;\n      return 0;\n    })\n  },[languages, editor.storage?.aiCommand?.language]);\n\n  return (\n    <>\n      <DropdownCategoryTitle>Edit or review selection</DropdownCategoryTitle>\n      {editorSelection && <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={i18next.t(\"highlightText\") || \"Highlight text\"}\n          >\n            <Icon icon={Languages} className=\"h-4 w-4 text-blue-500\" />\n            Translate text\n            <span className=\"text-xs ml-1 px-2 py-0.5 bg-blue-100 text-blue-700 rounded-full dark:bg-blue-700 dark:text-blue-100 align-baseline\">\n              Beta\n            </span>\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            {sortedLanguages.map((lang) => (\n              <Toolbar.Button\n                onClick={() => {\n                  const editorSelection = editor.state.selection.content().content.toJSON()\n\n                  onSelect(\"\", {\n                    option: \"translate\",\n                    language: lang.value,\n                    selection: editorSelection\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 editorSelection = editor.state.selection.content().content.toJSON()\n\n            const content = messages\n              ? messages ?? \"\"\n              : editor.state.doc.textBetween(from, to, \" \");\n            onSelect(content, {\n              option: option.value,\n              language: editor?.storage?.aiCommand?.language ?? code ?? \"en\",\n            });\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          <span className=\"text-xs ml-1 px-2 py-0.5 bg-blue-100 text-blue-700 rounded-full dark:bg-blue-700 dark:text-blue-100 align-baseline\">\n            Beta\n          </span>\n        </Toolbar.Button>\n      ))}\n      <Toolbar.Divider horizontal />\n      <DropdownCategoryTitle>Use AI to do more</DropdownCategoryTitle>\n      <Toolbar.Button\n        onClick={() => {\n          const editorSelection = editor.state.selection.content().content.toJSON()\n\n          const text = messages\n            ? messages\n            : getPrevText(editor, { chars: 5000 });\n          onSelect(text, {\n            option: \"continue\",\n            language: editor?.storage?.aiCommand?.language ?? code ?? \"en\",\n          });\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        <span className=\"text-xs ml-1 px-2 py-0.5 bg-blue-100 text-blue-700 rounded-full dark:bg-blue-700 dark:text-blue-100 align-baseline\">\n          Beta\n        </span>\n      </Toolbar.Button>\n    </>\n  );\n};\n\nexport default AISelectorCommands;\n"],"names":["useLocale","Popover","i18next","ArrowDownWideNarrow","CheckCheck","ChevronDown","Languages","RefreshCcwDot","StepForward","WrapText","languages","getPrevText","DropdownCategoryTitle","Icon","Surface","Toolbar","useMemo","options","value","label","icon","AISelectorCommands","messages","onSelect","editor","code","editorSelection","state","selection","content","toJSON","sortedLanguages","editorLanguage","storage","aiCommand","language","sort","a","b","Root","Trigger","asChild","Button","className","type","tooltip","t","span","Content","side","align","sideOffset","map","lang","onClick","option","from","to","empty","doc","textBetween","Divider","horizontal","text","chars"],"mappings":"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"}
+{"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 i18next from \"i18next\";\nimport {\n  ArrowDownWideNarrow,\n  CheckCheck,\n  ChevronDown,\n  Languages,\n  RefreshCcwDot,\n  StepForward,\n  WrapText,\n} from \"lucide-react\";\nimport { languages } from \"../../../../lib/constants.js\";\nimport { getPrevText } from \"../../../../lib/utils/index.js\";\nimport { DropdownCategoryTitle } from \"../../../ui/Dropdown/Dropdown.js\";\nimport { Icon } from \"../../../ui/Icon.js\";\nimport { Surface } from \"../../../ui/Surface.js\";\nimport { Toolbar } from \"../../../ui/Toolbar.js\";\nimport { useMemo } from \"react\";\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  messages?: string;\n  onSelect: (\n    value: string,\n    options: { option: string; language?: string, selection?: JSON }\n  ) => void;\n}\n\nconst AISelectorCommands = ({\n  messages,\n  onSelect,\n  editor,\n}: AISelectorCommandsProps) => {\n  const { code } = useLocale();\n  const editorSelection = editor?.state?.selection?.content?.()?.content?.toJSON()\n  const sortedLanguages = useMemo(() => {\n    const editorLanguage = editor.storage?.aiCommand?.language\n    return languages.sort((a, b) => {\n      if (editorLanguage?.includes(a.value)) return -1;\n      if (editorLanguage?.includes(b.value)) return 1;\n      return 0;\n    })\n  },[languages, editor.storage?.aiCommand?.language]);\n\n  return (\n    <>\n      <DropdownCategoryTitle>Edit or review selection</DropdownCategoryTitle>\n      {editorSelection && <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={i18next.t(\"highlightText\") || \"Highlight text\"}\n          >\n            <Icon icon={Languages} className=\"h-4 w-4 text-blue-500\" />\n            Translate text\n            <span className=\"text-xs ml-1 px-2 py-0.5 bg-blue-100 text-blue-700 rounded-full dark:bg-blue-700 dark:text-blue-100 align-baseline\">\n              Beta\n            </span>\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            {sortedLanguages.map((lang) => (\n              <Toolbar.Button\n                onClick={() => {\n                  const editorSelection = editor.state.selection.content().content.toJSON()\n\n                  onSelect(\"\", {\n                    option: \"translate\",\n                    language: lang.value,\n                    selection: editorSelection\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 editorSelection = editor.state.selection.content().content.toJSON()\n\n            const content = messages\n              ? messages ?? \"\"\n              : editor.state.doc.textBetween(from, to, \" \");\n            onSelect(content, {\n              option: option.value,\n              language: editor?.storage?.aiCommand?.language ?? code ?? \"en\",\n            });\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          <span className=\"text-xs ml-1 px-2 py-0.5 bg-blue-100 text-blue-700 rounded-full dark:bg-blue-700 dark:text-blue-100 align-baseline\">\n            Beta\n          </span>\n        </Toolbar.Button>\n      ))}\n      <Toolbar.Divider horizontal />\n      <DropdownCategoryTitle>Use AI to do more</DropdownCategoryTitle>\n      <Toolbar.Button\n        onClick={() => {\n          const editorSelection = editor.state.selection.content().content.toJSON()\n\n          const text = messages\n            ? messages\n            : getPrevText(editor, { chars: 5000 });\n          onSelect(text, {\n            option: \"continue\",\n            language: editor?.storage?.aiCommand?.language ?? code ?? \"en\",\n          });\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        <span className=\"text-xs ml-1 px-2 py-0.5 bg-blue-100 text-blue-700 rounded-full dark:bg-blue-700 dark:text-blue-100 align-baseline\">\n          Beta\n        </span>\n      </Toolbar.Button>\n    </>\n  );\n};\n\nexport default AISelectorCommands;\n"],"names":["useLocale","Popover","i18next","ArrowDownWideNarrow","CheckCheck","ChevronDown","Languages","RefreshCcwDot","StepForward","WrapText","languages","getPrevText","DropdownCategoryTitle","Icon","Surface","Toolbar","useMemo","options","value","label","icon","AISelectorCommands","messages","onSelect","editor","code","editorSelection","state","selection","content","toJSON","sortedLanguages","editorLanguage","storage","aiCommand","language","sort","a","b","includes","Root","Trigger","asChild","Button","className","type","tooltip","t","span","Content","side","align","sideOffset","map","lang","onClick","option","from","to","empty","doc","textBetween","Divider","horizontal","text","chars"],"mappings":";AAAA,SAASA,SAAS,QAAQ,kCAAkC;AAC5D,YAAYC,aAAa,0BAA0B;AAEnD,OAAOC,aAAa,UAAU;AAC9B,SACEC,mBAAmB,EACnBC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,aAAa,EACbC,WAAW,EACXC,QAAQ,QACH,eAAe;AACtB,SAASC,SAAS,QAAQ,+BAA+B;AACzD,SAASC,WAAW,QAAQ,iCAAiC;AAC7D,SAASC,qBAAqB,QAAQ,mCAAmC;AACzE,SAASC,IAAI,QAAQ,sBAAsB;AAC3C,SAASC,OAAO,QAAQ,yBAAyB;AACjD,SAASC,OAAO,QAAQ,yBAAyB;AACjD,SAASC,OAAO,QAAQ,QAAQ;AAChC,MAAMC,UAAU;IACd,IAAI;IACJ,wBAAwB;IACxB,6BAA6B;IAC7B,oBAAoB;IACpB,KAAK;IACL;QACEC,OAAO;QACPC,OAAO;QACPC,MAAMX;IACR;IACA;QACES,OAAO;QACPC,OAAO;QACPC,MAAMX;IACR;IACA;QACES,OAAO;QACPC,OAAO;QACPC,MAAMb;IACR;IAEA;QACEW,OAAO;QACPC,OAAO;QACPC,MAAMhB;IACR;IACA;QACEc,OAAO;QACPC,OAAO;QACPC,MAAMjB;IACR;IACA;QACEe,OAAO;QACPC,OAAO;QACPC,MAAMX;IACR;CACD;AAWD,MAAMY,qBAAqB,CAAC,EAC1BC,QAAQ,EACRC,QAAQ,EACRC,MAAM,EACkB;IACxB,MAAM,EAAEC,IAAI,EAAE,GAAGzB;IACjB,MAAM0B,kBAAkBF,QAAQG,OAAOC,WAAWC,aAAaA,SAASC;IACxE,MAAMC,kBAAkBf,QAAQ;QAC9B,MAAMgB,iBAAiBR,OAAOS,OAAO,EAAEC,WAAWC;QAClD,OAAOzB,UAAU0B,IAAI,CAAC,CAACC,GAAGC;YACxB,IAAIN,gBAAgBO,SAASF,EAAEnB,KAAK,GAAG,OAAO,CAAC;YAC/C,IAAIc,gBAAgBO,SAASD,EAAEpB,KAAK,GAAG,OAAO;YAC9C,OAAO;QACT;IACF,GAAE;QAACR;QAAWc,OAAOS,OAAO,EAAEC,WAAWC;KAAS;IAElD,qBACE;;0BACE,KAACvB;0BAAsB;;YACtBc,iCAAmB,MAACzB,QAAQuC,IAAI;;kCAC/B,KAACvC,QAAQwC,OAAO;wBAACC,OAAO;kCACtB,cAAA,MAAC3B,QAAQ4B,MAAM;4BACbC,WAAU;4BACVC,MAAK;4BACL,qCAAqC;4BACrCC,SAAS5C,QAAQ6C,CAAC,CAAC,oBAAoB;;8CAEvC,KAAClC;oCAAKO,MAAMd;oCAAWsC,WAAU;;gCAA0B;8CAE3D,KAACI;oCAAKJ,WAAU;8CAAqH;;8CAGrI,KAAC/B;oCAAKO,MAAMf;oCAAauC,WAAU;;;;;kCAGvC,KAAC3C,QAAQgD,OAAO;wBAACC,MAAK;wBAAQC,OAAM;wBAAQC,YAAY;wBAAGV,OAAO;kCAChE,cAAA,MAAC5B;4BAAQ8B,WAAU;;8CACjB,KAAChC;8CAAsB;;gCAEtBmB,gBAAgBsB,GAAG,CAAC,CAACC,qBACpB,KAACvC,QAAQ4B,MAAM;wCACbY,SAAS;4CACP,MAAM7B,kBAAkBF,OAAOG,KAAK,CAACC,SAAS,CAACC,OAAO,GAAGA,OAAO,CAACC,MAAM;4CAEvEP,SAAS,IAAI;gDACXiC,QAAQ;gDACRrB,UAAUmB,KAAKpC,KAAK;gDACpBU,WAAWF;4CACb;wCACF;wCACAkB,WAAU;kDAGTU,KAAKnC,KAAK;uCAFNmC,KAAKpC,KAAK;;;;;;YASxBD,QAAQoC,GAAG,CAAC,CAACG,uBACZ,MAACzC,QAAQ4B,MAAM;oBACb,yBAAyB;oBACzB,mDAAmD;oBACnD,gFAAgF;oBAChF,iCAAiC;oBACjC,KAAK;oBACLY,SAAS;wBACP,MAAM,EAAEE,IAAI,EAAEC,EAAE,EAAEC,KAAK,EAAE,GAAGnC,OAAOG,KAAK,CAACC,SAAS;wBAClD,MAAMF,kBAAkBF,OAAOG,KAAK,CAACC,SAAS,CAACC,OAAO,GAAGA,OAAO,CAACC,MAAM;wBAEvE,MAAMD,UAAUP,WACZA,YAAY,KACZE,OAAOG,KAAK,CAACiC,GAAG,CAACC,WAAW,CAACJ,MAAMC,IAAI;wBAC3CnC,SAASM,SAAS;4BAChB2B,QAAQA,OAAOtC,KAAK;4BACpBiB,UAAUX,QAAQS,SAASC,WAAWC,YAAYV,QAAQ;wBAC5D;oBACF;oBACAmB,WAAU;oBAEV1B,OAAOsC,OAAOtC,KAAK;;sCAEnB,KAACsC,OAAOpC,IAAI;4BAACwB,WAAU;;wBACtBY,OAAOrC,KAAK;sCACb,KAAC6B;4BAAKJ,WAAU;sCAAqH;;;mBALhIY,OAAOtC,KAAK;0BAUrB,KAACH,QAAQ+C,OAAO;gBAACC,UAAU;;0BAC3B,KAACnD;0BAAsB;;0BACvB,MAACG,QAAQ4B,MAAM;gBACbY,SAAS;oBACP,MAAM7B,kBAAkBF,OAAOG,KAAK,CAACC,SAAS,CAACC,OAAO,GAAGA,OAAO,CAACC,MAAM;oBAEvE,MAAMkC,OAAO1C,WACTA,WACAX,YAAYa,QAAQ;wBAAEyC,OAAO;oBAAK;oBACtC1C,SAASyC,MAAM;wBACbR,QAAQ;wBACRrB,UAAUX,QAAQS,SAASC,WAAWC,YAAYV,QAAQ;oBAC5D;gBACF;gBACAP,OAAM;gBACN0B,WAAU;;kCAEV,KAACpC;wBAAYoC,WAAU;;oBAA0B;kCAEjD,KAACI;wBAAKJ,WAAU;kCAAqH;;;;;;AAM7I;AAEA,eAAevB,mBAAmB"}

package/dist/src/fields/TiptapEditor/hooks/useBlockEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBlockEditor.d.ts","sourceRoot":"","sources":["../../../../../src/fields/TiptapEditor/hooks/useBlockEditor.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAa,MAAM,eAAe,CAAC;AAQlD,OAAO,EAAmB,eAAe,EAAE,MAAM,aAAa,CAAC;AAG/D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;KACvB;CACF;AAOD,eAAO,MAAM,cAAc,6FAOxB;IACD,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,GAAG,CAAA;KAAE,CAAC;IACrC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,kBAAkB,CAAC,EAAE,eAAe,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACxC,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;;;;;CAgGA,CAAC"}
+{"version":3,"file":"useBlockEditor.d.ts","sourceRoot":"","sources":["../../../../../src/fields/TiptapEditor/hooks/useBlockEditor.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAa,MAAM,eAAe,CAAC;AAQlD,OAAO,EAAmB,eAAe,EAAE,MAAM,aAAa,CAAC;AAG/D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;KACvB;CACF;AAOD,eAAO,MAAM,cAAc,6FAOxB;IACD,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,GAAG,CAAA;KAAE,CAAC;IACrC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,kBAAkB,CAAC,EAAE,eAAe,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACxC,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;;;;;CAkGA,CAAC"}

package/dist/src/fields/TiptapEditor/hooks/useBlockEditor.js

@@ -18,6 +18,7 @@ export const useBlockEditor = ({ content, handleChange, openAssetHQHandler, addi
             return "\n\n" + content + "\n\n";
         }
     });
+    const dir = i18next.dir();
     const editor = useEditor({
         content: content?.json ?? content ?? {},
         immediatelyRender: false,
@@ -27,6 +28,7 @@ export const useBlockEditor = ({ content, handleChange, openAssetHQHandler, addi
             }),
         extensions: [
             ...ExtensionKit({
+                dir: i18next.dir(),
                 openAssetHQHandler: openAssetHQHandler ?? dummyAssetHqHandler
             })
         ],
@@ -42,7 +44,9 @@ export const useBlockEditor = ({ content, handleChange, openAssetHQHandler, addi
         onUpdate: ({ editor })=>{
             handleChange(editor?.getJSON() ?? {});
         }
-    }, []);
+    }, [
+        dir
+    ]);
     useEffect(()=>{
         if (editor?.storage?.aiCommand) {
             editor.storage.aiCommand.title = additionalContext?.title ?? "";

package/dist/src/fields/TiptapEditor/hooks/useBlockEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/fields/TiptapEditor/hooks/useBlockEditor.ts"],"sourcesContent":["\"use client\";\nimport { useEffect, useMemo } from \"react\";\n\nimport { Editor, useEditor } from \"@tiptap/react\";\n\nimport ExtensionKit from \"../extensions/extension-kit.js\";\nimport { EditorUser } from \"../features/BlockEditor/types.js\";\nimport { useSidebar } from \"./useSidebar.js\";\n\nimport TurndownService from \"turndown\";\nimport { gfm } from \"turndown-plugin-gfm\";\nimport { AssetReturnType, openAssetHQType } from \"../types.js\";\nimport i18next from \"i18next\";\n\ndeclare global {\n  interface Window {\n    editor: Editor | null;\n  }\n}\n\nconst dummyAssetHqHandler = (\n  listener: (asset: AssetReturnType) => void,\n  file?: File\n) => {};\n\nexport const useBlockEditor = ({\n  content,\n  handleChange,\n  openAssetHQHandler,\n  additionalContext,\n  autoFocus,\n  isEditable,\n}: {\n  content: { html: string; json: any };\n  handleChange?: (data: any) => void;\n  openAssetHQHandler?: openAssetHQType;\n  additionalContext?: Record<string, any>;\n  autoFocus: boolean;\n  isEditable?: boolean;\n}) => {\n  const leftSidebar = useSidebar();\n\n  const turndownService = new TurndownService({});\n  // Use the gfm plugin\n  turndownService.use(gfm);\n  turndownService.addRule(\"twitter\", {\n    filter: \"div\",\n    replacement: function (content) {\n      return \"\\n\\n\" + content + \"\\n\\n\";\n    },\n  });\n\n  const editor = useEditor(\n    {\n      content: content?.json ?? content ?? {},\n      immediatelyRender: false,\n      autofocus: autoFocus ?? true,\n      editable: isEditable ?? true,\n      onCreate: ({ editor }) => ({\n        // provider?.on('synced', () => {\n        //   if (editor.isEmpty) {\n        //     editor.commands.setContent(initialContent)\n        //   }\n        // })\n      }),\n      extensions: [\n        ...ExtensionKit({\n          openAssetHQHandler: openAssetHQHandler ?? dummyAssetHqHandler,\n          // provider,\n        }),\n        // Collaboration.configure({\n        //   document: ydoc,\n        // }),\n        // CollaborationCursor.configure({\n        //   provider,\n        //   user: {\n        //     name: randomElement(userNames),\n        //     color: randomElement(userColors),\n        //   },\n        // }),\n      ],\n      editorProps: {\n        attributes: {\n          languages: i18next.language,\n          autocomplete: \"off\",\n          autocorrect: \"off\",\n          autocapitalize: \"off\",\n          class: \"min-h-full\",\n        },\n      },\n      onUpdate: ({ editor }) => {\n        handleChange(editor?.getJSON() ?? {});\n      },\n    },\n    []\n  );\n\n  useEffect(() => {\n    if (editor?.storage?.aiCommand) {\n      editor.storage.aiCommand.title = additionalContext?.title ?? \"\";\n      editor.storage.aiCommand.language = additionalContext?.language ?? \"\";\n    }\n  }, [editor, additionalContext]);\n\n  const users = useMemo(() => {\n    if (!editor?.storage?.collaborationCursor?.users) {\n      return [];\n    }\n\n    return editor?.storage?.collaborationCursor?.users.map(\n      (user: EditorUser) => {\n        const names = user.name?.split(\" \");\n        const firstName = names?.[0];\n        const lastName = names?.[names.length - 1];\n        const initials = `${firstName?.[0] || \"?\"}${lastName?.[0] || \"?\"}`;\n\n        return { ...user, initials: initials.length ? initials : \"?\" };\n      }\n    );\n  }, [editor?.storage.collaborationCursor?.users]);\n\n  const characterCount = editor?.storage.characterCount || {\n    characters: () => 0,\n    words: () => 0,\n  };\n\n  // useEffect(() => {\n  //   provider?.on('status', (event: { status: WebSocketStatus }) => {\n  //     setCollabState(event.status)\n  //   })\n  // }, [provider])\n\n  if (typeof window != \"undefined\") window.editor = editor;\n\n  return { editor, users, characterCount, leftSidebar };\n};\n"],"names":["useEffect","useMemo","useEditor","ExtensionKit","useSidebar","TurndownService","gfm","i18next","dummyAssetHqHandler","listener","file","useBlockEditor","content","handleChange","openAssetHQHandler","additionalContext","autoFocus","isEditable","leftSidebar","turndownService","use","addRule","filter","replacement","editor","json","immediatelyRender","autofocus","editable","onCreate","extensions","editorProps","attributes","languages","language","autocomplete","autocorrect","autocapitalize","class","onUpdate","getJSON","storage","aiCommand","title","users","collaborationCursor","map","user","names","name","split","firstName","lastName","length","initials","characterCount","characters","words","window"],"mappings":"AAAA;AACA,SAASA,SAAS,EAAEC,OAAO,QAAQ,QAAQ;AAE3C,SAAiBC,SAAS,QAAQ,gBAAgB;AAElD,OAAOC,kBAAkB,iCAAiC;AAE1D,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,OAAOC,qBAAqB,WAAW;AACvC,SAASC,GAAG,QAAQ,sBAAsB;AAE1C,OAAOC,aAAa,UAAU;AAQ9B,MAAMC,sBAAsB,CAC1BC,UACAC,QACI;AAEN,OAAO,MAAMC,iBAAiB,CAAC,EAC7BC,OAAO,EACPC,YAAY,EACZC,kBAAkB,EAClBC,iBAAiB,EACjBC,SAAS,EACTC,UAAU,EAQX;IACC,MAAMC,cAAcd;IAEpB,MAAMe,kBAAkB,IAAId,gBAAgB,CAAC;IAC7C,qBAAqB;IACrBc,gBAAgBC,GAAG,CAACd;IACpBa,gBAAgBE,OAAO,CAAC,WAAW;QACjCC,QAAQ;QACRC,aAAa,SAAUX,OAAO;YAC5B,OAAO,SAASA,UAAU;QAC5B;IACF;IAEA,MAAMY,SAAStB,UACb;QACEU,SAASA,SAASa,QAAQb,WAAW,CAAC;QACtCc,mBAAmB;QACnBC,WAAWX,aAAa;QACxBY,UAAUX,cAAc;QACxBY,UAAU,CAAC,EAAEL,MAAM,EAAE,GAAM,CAAA;YAM3B,CAAA;QACAM,YAAY;eACP3B,aAAa;gBACdW,oBAAoBA,sBAAsBN;YAE5C;SAWD;QACDuB,aAAa;YACXC,YAAY;gBACVC,WAAW1B,QAAQ2B,QAAQ;gBAC3BC,cAAc;gBACdC,aAAa;gBACbC,gBAAgB;gBAChBC,OAAO;YACT;QACF;QACAC,UAAU,CAAC,EAAEf,MAAM,EAAE;YACnBX,aAAaW,QAAQgB,aAAa,CAAC;QACrC;IACF,GACA,EAAE;IAGJxC,UAAU;QACR,IAAIwB,QAAQiB,SAASC,WAAW;YAC9BlB,OAAOiB,OAAO,CAACC,SAAS,CAACC,KAAK,GAAG5B,mBAAmB4B,SAAS;YAC7DnB,OAAOiB,OAAO,CAACC,SAAS,CAACR,QAAQ,GAAGnB,mBAAmBmB,YAAY;QACrE;IACF,GAAG;QAACV;QAAQT;KAAkB;IAE9B,MAAM6B,QAAQ3C,QAAQ;QACpB,IAAI,CAACuB,QAAQiB,SAASI,qBAAqBD,OAAO;YAChD,OAAO,EAAE;QACX;QAEA,OAAOpB,QAAQiB,SAASI,qBAAqBD,MAAME,IACjD,CAACC;YACC,MAAMC,QAAQD,KAAKE,IAAI,EAAEC,MAAM;YAC/B,MAAMC,YAAYH,OAAO,CAAC,EAAE;YAC5B,MAAMI,WAAWJ,OAAO,CAACA,MAAMK,MAAM,GAAG,EAAE;YAC1C,MAAMC,WAAW,CAAC,EAAEH,WAAW,CAAC,EAAE,IAAI,IAAI,EAAEC,UAAU,CAAC,EAAE,IAAI,IAAI,CAAC;YAElE,OAAO;gBAAE,GAAGL,IAAI;gBAAEO,UAAUA,SAASD,MAAM,GAAGC,WAAW;YAAI;QAC/D;IAEJ,GAAG;QAAC9B,QAAQiB,QAAQI,qBAAqBD;KAAM;IAE/C,MAAMW,iBAAiB/B,QAAQiB,QAAQc,kBAAkB;QACvDC,YAAY,IAAM;QAClBC,OAAO,IAAM;IACf;IAEA,oBAAoB;IACpB,qEAAqE;IACrE,mCAAmC;IACnC,OAAO;IACP,iBAAiB;IAEjB,IAAI,OAAOC,UAAU,aAAaA,OAAOlC,MAAM,GAAGA;IAElD,OAAO;QAAEA;QAAQoB;QAAOW;QAAgBrC;IAAY;AACtD,EAAE"}
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/hooks/useBlockEditor.ts"],"sourcesContent":["\"use client\";\nimport { useEffect, useMemo } from \"react\";\n\nimport { Editor, useEditor } from \"@tiptap/react\";\n\nimport ExtensionKit from \"../extensions/extension-kit.js\";\nimport { EditorUser } from \"../features/BlockEditor/types.js\";\nimport { useSidebar } from \"./useSidebar.js\";\n\nimport TurndownService from \"turndown\";\nimport { gfm } from \"turndown-plugin-gfm\";\nimport { AssetReturnType, openAssetHQType } from \"../types.js\";\nimport i18next from \"i18next\";\n\ndeclare global {\n  interface Window {\n    editor: Editor | null;\n  }\n}\n\nconst dummyAssetHqHandler = (\n  listener: (asset: AssetReturnType) => void,\n  file?: File\n) => {};\n\nexport const useBlockEditor = ({\n  content,\n  handleChange,\n  openAssetHQHandler,\n  additionalContext,\n  autoFocus,\n  isEditable,\n}: {\n  content: { html: string; json: any };\n  handleChange?: (data: any) => void;\n  openAssetHQHandler?: openAssetHQType;\n  additionalContext?: Record<string, any>;\n  autoFocus: boolean;\n  isEditable?: boolean;\n}) => {\n  const leftSidebar = useSidebar();\n\n  const turndownService = new TurndownService({});\n  // Use the gfm plugin\n  turndownService.use(gfm);\n  turndownService.addRule(\"twitter\", {\n    filter: \"div\",\n    replacement: function (content) {\n      return \"\\n\\n\" + content + \"\\n\\n\";\n    },\n  });\n const dir = i18next.dir()\n\n  const editor = useEditor(\n    {\n      content: content?.json ?? content ?? {},\n      immediatelyRender: false,\n      autofocus: autoFocus ?? true,\n      editable: isEditable ?? true,\n      onCreate: ({ editor }) => ({\n        // provider?.on('synced', () => {\n        //   if (editor.isEmpty) {\n        //     editor.commands.setContent(initialContent)\n        //   }\n        // })\n      }),\n      extensions: [\n        ...ExtensionKit({\n          dir: i18next.dir(),\n          openAssetHQHandler: openAssetHQHandler ?? dummyAssetHqHandler,\n          // provider,\n        }),\n        // Collaboration.configure({\n        //   document: ydoc,\n        // }),\n        // CollaborationCursor.configure({\n        //   provider,\n        //   user: {\n        //     name: randomElement(userNames),\n        //     color: randomElement(userColors),\n        //   },\n        // }),\n      ],\n      editorProps: {\n        attributes: {\n          languages: i18next.language,\n          autocomplete: \"off\",\n          autocorrect: \"off\",\n          autocapitalize: \"off\",\n          class: \"min-h-full\",\n        },\n      },\n      onUpdate: ({ editor }) => {\n        handleChange(editor?.getJSON() ?? {});\n      },\n    },\n    [dir]\n  );\n\n  useEffect(() => {\n    if (editor?.storage?.aiCommand) {\n      editor.storage.aiCommand.title = additionalContext?.title ?? \"\";\n      editor.storage.aiCommand.language = additionalContext?.language ?? \"\";\n    }\n  }, [editor, additionalContext]);\n\n  const users = useMemo(() => {\n    if (!editor?.storage?.collaborationCursor?.users) {\n      return [];\n    }\n\n    return editor?.storage?.collaborationCursor?.users.map(\n      (user: EditorUser) => {\n        const names = user.name?.split(\" \");\n        const firstName = names?.[0];\n        const lastName = names?.[names.length - 1];\n        const initials = `${firstName?.[0] || \"?\"}${lastName?.[0] || \"?\"}`;\n\n        return { ...user, initials: initials.length ? initials : \"?\" };\n      }\n    );\n  }, [editor?.storage.collaborationCursor?.users]);\n\n  const characterCount = editor?.storage.characterCount || {\n    characters: () => 0,\n    words: () => 0,\n  };\n\n  // useEffect(() => {\n  //   provider?.on('status', (event: { status: WebSocketStatus }) => {\n  //     setCollabState(event.status)\n  //   })\n  // }, [provider])\n\n  if (typeof window != \"undefined\") window.editor = editor;\n\n  return { editor, users, characterCount, leftSidebar };\n};\n"],"names":["useEffect","useMemo","useEditor","ExtensionKit","useSidebar","TurndownService","gfm","i18next","dummyAssetHqHandler","listener","file","useBlockEditor","content","handleChange","openAssetHQHandler","additionalContext","autoFocus","isEditable","leftSidebar","turndownService","use","addRule","filter","replacement","dir","editor","json","immediatelyRender","autofocus","editable","onCreate","extensions","editorProps","attributes","languages","language","autocomplete","autocorrect","autocapitalize","class","onUpdate","getJSON","storage","aiCommand","title","users","collaborationCursor","map","user","names","name","split","firstName","lastName","length","initials","characterCount","characters","words","window"],"mappings":"AAAA;AACA,SAASA,SAAS,EAAEC,OAAO,QAAQ,QAAQ;AAE3C,SAAiBC,SAAS,QAAQ,gBAAgB;AAElD,OAAOC,kBAAkB,iCAAiC;AAE1D,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,OAAOC,qBAAqB,WAAW;AACvC,SAASC,GAAG,QAAQ,sBAAsB;AAE1C,OAAOC,aAAa,UAAU;AAQ9B,MAAMC,sBAAsB,CAC1BC,UACAC,QACI;AAEN,OAAO,MAAMC,iBAAiB,CAAC,EAC7BC,OAAO,EACPC,YAAY,EACZC,kBAAkB,EAClBC,iBAAiB,EACjBC,SAAS,EACTC,UAAU,EAQX;IACC,MAAMC,cAAcd;IAEpB,MAAMe,kBAAkB,IAAId,gBAAgB,CAAC;IAC7C,qBAAqB;IACrBc,gBAAgBC,GAAG,CAACd;IACpBa,gBAAgBE,OAAO,CAAC,WAAW;QACjCC,QAAQ;QACRC,aAAa,SAAUX,OAAO;YAC5B,OAAO,SAASA,UAAU;QAC5B;IACF;IACD,MAAMY,MAAMjB,QAAQiB,GAAG;IAEtB,MAAMC,SAASvB,UACb;QACEU,SAASA,SAASc,QAAQd,WAAW,CAAC;QACtCe,mBAAmB;QACnBC,WAAWZ,aAAa;QACxBa,UAAUZ,cAAc;QACxBa,UAAU,CAAC,EAAEL,MAAM,EAAE,GAAM,CAAA;YAM3B,CAAA;QACAM,YAAY;eACP5B,aAAa;gBACdqB,KAAKjB,QAAQiB,GAAG;gBAChBV,oBAAoBA,sBAAsBN;YAE5C;SAWD;QACDwB,aAAa;YACXC,YAAY;gBACVC,WAAW3B,QAAQ4B,QAAQ;gBAC3BC,cAAc;gBACdC,aAAa;gBACbC,gBAAgB;gBAChBC,OAAO;YACT;QACF;QACAC,UAAU,CAAC,EAAEf,MAAM,EAAE;YACnBZ,aAAaY,QAAQgB,aAAa,CAAC;QACrC;IACF,GACA;QAACjB;KAAI;IAGPxB,UAAU;QACR,IAAIyB,QAAQiB,SAASC,WAAW;YAC9BlB,OAAOiB,OAAO,CAACC,SAAS,CAACC,KAAK,GAAG7B,mBAAmB6B,SAAS;YAC7DnB,OAAOiB,OAAO,CAACC,SAAS,CAACR,QAAQ,GAAGpB,mBAAmBoB,YAAY;QACrE;IACF,GAAG;QAACV;QAAQV;KAAkB;IAE9B,MAAM8B,QAAQ5C,QAAQ;QACpB,IAAI,CAACwB,QAAQiB,SAASI,qBAAqBD,OAAO;YAChD,OAAO,EAAE;QACX;QAEA,OAAOpB,QAAQiB,SAASI,qBAAqBD,MAAME,IACjD,CAACC;YACC,MAAMC,QAAQD,KAAKE,IAAI,EAAEC,MAAM;YAC/B,MAAMC,YAAYH,OAAO,CAAC,EAAE;YAC5B,MAAMI,WAAWJ,OAAO,CAACA,MAAMK,MAAM,GAAG,EAAE;YAC1C,MAAMC,WAAW,CAAC,EAAEH,WAAW,CAAC,EAAE,IAAI,IAAI,EAAEC,UAAU,CAAC,EAAE,IAAI,IAAI,CAAC;YAElE,OAAO;gBAAE,GAAGL,IAAI;gBAAEO,UAAUA,SAASD,MAAM,GAAGC,WAAW;YAAI;QAC/D;IAEJ,GAAG;QAAC9B,QAAQiB,QAAQI,qBAAqBD;KAAM;IAE/C,MAAMW,iBAAiB/B,QAAQiB,QAAQc,kBAAkB;QACvDC,YAAY,IAAM;QAClBC,OAAO,IAAM;IACf;IAEA,oBAAoB;IACpB,qEAAqE;IACrE,mCAAmC;IACnC,OAAO;IACP,iBAAiB;IAEjB,IAAI,OAAOC,UAAU,aAAaA,OAAOlC,MAAM,GAAGA;IAElD,OAAO;QAAEA;QAAQoB;QAAOW;QAAgBtC;IAAY;AACtD,EAAE"}