reactjs-tiptap-editor-pro 0.2.31 → 0.2.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (331) hide show
  1. package/lib/ColorPicker-MEAh4MhG.js +28181 -0
  2. package/lib/ColorPicker-ZncOwjAP.cjs +142 -0
  3. package/lib/extension-bundle.cjs +133 -0
  4. package/lib/extension-bundle.d.cts +947 -0
  5. package/lib/extension-bundle.d.ts +947 -0
  6. package/lib/extension-bundle.js +23921 -0
  7. package/lib/index.cjs +140 -0
  8. package/lib/index.d.cts +513 -0
  9. package/lib/index.d.ts +513 -0
  10. package/lib/index.js +3700 -0
  11. package/lib/locale-bundle-DiqW5jwb.cjs +1 -0
  12. package/lib/locale-bundle-DxCAtRDI.js +1487 -0
  13. package/lib/locale-bundle.cjs +1 -0
  14. package/lib/locale-bundle.d.cts +1140 -0
  15. package/lib/locale-bundle.d.ts +1140 -0
  16. package/lib/locale-bundle.js +9 -0
  17. package/lib/lucide-react-BFZtMawV.js +30462 -0
  18. package/lib/lucide-react-CMPhLW1m.cjs +7851 -0
  19. package/lib/style.css +1 -0
  20. package/package.json +58 -5
  21. package/src/components/ActionButton.tsx +0 -103
  22. package/src/components/ActionMenuButton.tsx +0 -76
  23. package/src/components/BubbleMenu.tsx +0 -93
  24. package/src/components/CharactorCount.tsx +0 -50
  25. package/src/components/ColorPicker.tsx +0 -272
  26. package/src/components/RichTextEditor.tsx +0 -212
  27. package/src/components/SizeSetter/SizeSetter.tsx +0 -102
  28. package/src/components/Toolbar.tsx +0 -108
  29. package/src/components/icons/Activity.tsx +0 -19
  30. package/src/components/icons/Animas.tsx +0 -24
  31. package/src/components/icons/AspectRatio.tsx +0 -13
  32. package/src/components/icons/Blockquote.tsx +0 -17
  33. package/src/components/icons/ColumnAddLeft.tsx +0 -7
  34. package/src/components/icons/ColumnAddRight.tsx +0 -7
  35. package/src/components/icons/DeleteColumn.tsx +0 -26
  36. package/src/components/icons/DeleteRow.tsx +0 -26
  37. package/src/components/icons/Direction.tsx +0 -7
  38. package/src/components/icons/Excalidraw.tsx +0 -7
  39. package/src/components/icons/ExportPdf.tsx +0 -8
  40. package/src/components/icons/ExportWord.tsx +0 -24
  41. package/src/components/icons/FileWordOutline.tsx +0 -13
  42. package/src/components/icons/Flag.tsx +0 -19
  43. package/src/components/icons/Food.tsx +0 -20
  44. package/src/components/icons/GIfIcon.tsx +0 -10
  45. package/src/components/icons/Icon.tsx +0 -30
  46. package/src/components/icons/ImportWord.tsx +0 -23
  47. package/src/components/icons/LeftToRight.tsx +0 -7
  48. package/src/components/icons/LineHeight.tsx +0 -13
  49. package/src/components/icons/MenuDown.tsx +0 -24
  50. package/src/components/icons/Mermaid.tsx +0 -13
  51. package/src/components/icons/NoFill.tsx +0 -7
  52. package/src/components/icons/Object.tsx +0 -24
  53. package/src/components/icons/RightToLeft.tsx +0 -7
  54. package/src/components/icons/SizeL.tsx +0 -9
  55. package/src/components/icons/SizeM.tsx +0 -13
  56. package/src/components/icons/SizeS.tsx +0 -13
  57. package/src/components/icons/Symbol.tsx +0 -19
  58. package/src/components/icons/Travel.tsx +0 -24
  59. package/src/components/icons/Twitter.tsx +0 -7
  60. package/src/components/icons/icons.ts +0 -212
  61. package/src/components/icons/index.ts +0 -12
  62. package/src/components/index.ts +0 -9
  63. package/src/components/menus/bubble.ts +0 -395
  64. package/src/components/menus/components/BubbleMenuContent.tsx +0 -15
  65. package/src/components/menus/components/BubbleMenuDrawer.tsx +0 -128
  66. package/src/components/menus/components/BubbleMenuExcalidraw.tsx +0 -91
  67. package/src/components/menus/components/BubbleMenuIframe.tsx +0 -143
  68. package/src/components/menus/components/BubbleMenuKatex.tsx +0 -136
  69. package/src/components/menus/components/BubbleMenuLink.tsx +0 -99
  70. package/src/components/menus/components/BubbleMenuMedia.tsx +0 -235
  71. package/src/components/menus/components/BubbleMenuMermaid.tsx +0 -128
  72. package/src/components/menus/components/BubbleMenuText.tsx +0 -102
  73. package/src/components/menus/components/BubbleMenuTwitter.tsx +0 -91
  74. package/src/components/menus/components/ColumnsBubbleMenu.tsx +0 -59
  75. package/src/components/menus/components/ContentMenu.tsx +0 -396
  76. package/src/components/menus/components/TableBubbleMenu.tsx +0 -362
  77. package/src/components/menus/index.ts +0 -7
  78. package/src/components/ui/button.tsx +0 -56
  79. package/src/components/ui/checkbox.tsx +0 -30
  80. package/src/components/ui/dialog.tsx +0 -128
  81. package/src/components/ui/dropdown-menu.tsx +0 -203
  82. package/src/components/ui/emoji-picker.tsx +0 -166
  83. package/src/components/ui/index.ts +0 -14
  84. package/src/components/ui/input.tsx +0 -25
  85. package/src/components/ui/label.tsx +0 -26
  86. package/src/components/ui/popover.tsx +0 -31
  87. package/src/components/ui/select.tsx +0 -162
  88. package/src/components/ui/separator.tsx +0 -31
  89. package/src/components/ui/switch.tsx +0 -29
  90. package/src/components/ui/tabs.tsx +0 -55
  91. package/src/components/ui/textarea.tsx +0 -24
  92. package/src/components/ui/toast.tsx +0 -129
  93. package/src/components/ui/toaster.tsx +0 -44
  94. package/src/components/ui/toggle.tsx +0 -45
  95. package/src/components/ui/tooltip.tsx +0 -30
  96. package/src/components/ui/use-toast.ts +0 -197
  97. package/src/constants/index.ts +0 -223
  98. package/src/constants/resetCSS.ts +0 -139
  99. package/src/extension-bundle.ts +0 -2
  100. package/src/extensions/Attachment/Attachment.ts +0 -144
  101. package/src/extensions/Attachment/components/NodeViewAttachment/FileIcon.tsx +0 -69
  102. package/src/extensions/Attachment/components/NodeViewAttachment/FileIconString.ts +0 -28
  103. package/src/extensions/Attachment/components/NodeViewAttachment/NodeViewAttachment.tsx +0 -155
  104. package/src/extensions/Attachment/components/NodeViewAttachment/index.module.scss +0 -23
  105. package/src/extensions/Attachment/index.ts +0 -1
  106. package/src/extensions/BaseKit.ts +0 -253
  107. package/src/extensions/Blockquote/Blockquote.ts +0 -31
  108. package/src/extensions/Blockquote/index.ts +0 -1
  109. package/src/extensions/Bold/Bold.ts +0 -26
  110. package/src/extensions/Bold/index.ts +0 -1
  111. package/src/extensions/BulletList/BulletList.ts +0 -28
  112. package/src/extensions/BulletList/index.ts +0 -1
  113. package/src/extensions/Clear/Clear.ts +0 -24
  114. package/src/extensions/Clear/index.ts +0 -1
  115. package/src/extensions/Code/Code.ts +0 -26
  116. package/src/extensions/Code/index.ts +0 -1
  117. package/src/extensions/CodeBlock/CodeBlock.ts +0 -54
  118. package/src/extensions/CodeBlock/components/CodeBlockActiveButton.tsx +0 -66
  119. package/src/extensions/CodeBlock/components/NodeViewCodeBlock/NodeViewCodeBlock.tsx +0 -89
  120. package/src/extensions/CodeBlock/components/NodeViewCodeBlock/index.module.scss +0 -81
  121. package/src/extensions/CodeBlock/highlighter.ts +0 -132
  122. package/src/extensions/CodeBlock/index.ts +0 -1
  123. package/src/extensions/CodeBlock/shiki-plugin.ts +0 -213
  124. package/src/extensions/Color/Color.ts +0 -52
  125. package/src/extensions/Color/components/ColorActionButton.tsx +0 -104
  126. package/src/extensions/Color/index.ts +0 -1
  127. package/src/extensions/Document/Document.ts +0 -8
  128. package/src/extensions/Document/index.ts +0 -1
  129. package/src/extensions/Drawer/Drawer.ts +0 -177
  130. package/src/extensions/Drawer/components/ControlDrawer/ControlDrawer.module.scss +0 -85
  131. package/src/extensions/Drawer/components/ControlDrawer/ControlDrawer.tsx +0 -598
  132. package/src/extensions/Drawer/components/ControlDrawer/icon.tsx +0 -500
  133. package/src/extensions/Drawer/components/DrawerActiveButton.tsx +0 -239
  134. package/src/extensions/Drawer/components/EditDrawerBlock.tsx +0 -238
  135. package/src/extensions/Drawer/components/NodeViewDrawer/NodeViewDrawer.tsx +0 -260
  136. package/src/extensions/Drawer/index.ts +0 -1
  137. package/src/extensions/Emoji/Emoji.ts +0 -146
  138. package/src/extensions/Emoji/components/EmojiList/EmojiList.tsx +0 -103
  139. package/src/extensions/Emoji/components/EmojiList/emojis.ts +0 -1858
  140. package/src/extensions/Emoji/components/EmojiPicker/EmojiPicker.tsx +0 -61
  141. package/src/extensions/Emoji/index.ts +0 -1
  142. package/src/extensions/Excalidraw/Excalidraw.ts +0 -123
  143. package/src/extensions/Excalidraw/components/ExcalidrawActiveButton.tsx +0 -138
  144. package/src/extensions/Excalidraw/components/NodeViewExcalidraw/NodeViewExcalidraw.tsx +0 -178
  145. package/src/extensions/Excalidraw/components/NodeViewExcalidraw/index.module.scss +0 -43
  146. package/src/extensions/Excalidraw/index.ts +0 -1
  147. package/src/extensions/ExportPdf/ExportPdf.ts +0 -25
  148. package/src/extensions/ExportPdf/index.ts +0 -1
  149. package/src/extensions/ExportWord/ExportWord.ts +0 -87
  150. package/src/extensions/ExportWord/index.ts +0 -1
  151. package/src/extensions/FontFamily/FontFamily.ts +0 -64
  152. package/src/extensions/FontFamily/components/FontFamilyButton.tsx +0 -97
  153. package/src/extensions/FontFamily/index.ts +0 -1
  154. package/src/extensions/FontSize/FontSize.ts +0 -119
  155. package/src/extensions/FontSize/components/FontSizeMenuButton.tsx +0 -84
  156. package/src/extensions/FontSize/index.ts +0 -1
  157. package/src/extensions/FormatPainter/FormatPainter.ts +0 -121
  158. package/src/extensions/FormatPainter/index.ts +0 -1
  159. package/src/extensions/Heading/Heading.ts +0 -57
  160. package/src/extensions/Heading/components/HeadingButton.tsx +0 -96
  161. package/src/extensions/Heading/index.ts +0 -1
  162. package/src/extensions/Highlight/Highlight.ts +0 -36
  163. package/src/extensions/Highlight/components/HighlightActionButton.tsx +0 -108
  164. package/src/extensions/Highlight/index.ts +0 -1
  165. package/src/extensions/History/History.ts +0 -39
  166. package/src/extensions/History/components/HistoryActionButton.tsx +0 -74
  167. package/src/extensions/History/index.ts +0 -1
  168. package/src/extensions/HorizontalRule/HorizontalRule.ts +0 -42
  169. package/src/extensions/HorizontalRule/index.ts +0 -1
  170. package/src/extensions/Iframe/Iframe.ts +0 -140
  171. package/src/extensions/Iframe/components/IframeNodeView.tsx +0 -92
  172. package/src/extensions/Iframe/components/index.module.scss +0 -40
  173. package/src/extensions/Iframe/embed.ts +0 -487
  174. package/src/extensions/Iframe/index.ts +0 -1
  175. package/src/extensions/Image/Image.ts +0 -303
  176. package/src/extensions/Image/components/ActionImageButton.tsx +0 -186
  177. package/src/extensions/Image/components/ImageCropper.tsx +0 -198
  178. package/src/extensions/Image/components/ImageView.tsx +0 -271
  179. package/src/extensions/Image/index.ts +0 -1
  180. package/src/extensions/Image/store.ts +0 -15
  181. package/src/extensions/ImageGif/ImageGif.ts +0 -176
  182. package/src/extensions/ImageGif/components/ImageGifActionButton.tsx +0 -138
  183. package/src/extensions/ImageGif/components/ImageGifView.tsx +0 -260
  184. package/src/extensions/ImageGif/index.ts +0 -1
  185. package/src/extensions/ImportWord/ImportWord.ts +0 -52
  186. package/src/extensions/ImportWord/components/ImportWordButton.tsx +0 -151
  187. package/src/extensions/ImportWord/index.ts +0 -1
  188. package/src/extensions/Indent/Indent.ts +0 -110
  189. package/src/extensions/Indent/index.ts +0 -1
  190. package/src/extensions/Italic/Italic.ts +0 -29
  191. package/src/extensions/Italic/index.ts +0 -1
  192. package/src/extensions/Katex/Katex.ts +0 -109
  193. package/src/extensions/Katex/components/KatexActiveButton.tsx +0 -117
  194. package/src/extensions/Katex/components/KatexWrapper.tsx +0 -53
  195. package/src/extensions/Katex/index.ts +0 -1
  196. package/src/extensions/LineHeight/LineHeight.ts +0 -76
  197. package/src/extensions/LineHeight/components/LineHeightDropdown.tsx +0 -93
  198. package/src/extensions/LineHeight/index.ts +0 -1
  199. package/src/extensions/Link/Link.ts +0 -92
  200. package/src/extensions/Link/components/LinkEditBlock.tsx +0 -110
  201. package/src/extensions/Link/components/LinkEditPopover.tsx +0 -46
  202. package/src/extensions/Link/components/LinkViewBlock.tsx +0 -54
  203. package/src/extensions/Link/index.ts +0 -1
  204. package/src/extensions/ListItem/ListItem.ts +0 -1
  205. package/src/extensions/ListItem/index.ts +0 -1
  206. package/src/extensions/Mention/Mention.ts +0 -100
  207. package/src/extensions/Mention/components/NodeViewMentionList/NodeViewMentionList.tsx +0 -94
  208. package/src/extensions/Mention/components/NodeViewMentionList/index.module.scss +0 -38
  209. package/src/extensions/Mention/index.ts +0 -1
  210. package/src/extensions/Mermaid/Mermaid.ts +0 -177
  211. package/src/extensions/Mermaid/components/EditMermaidBlock.tsx +0 -155
  212. package/src/extensions/Mermaid/components/MermaidActiveButton.tsx +0 -151
  213. package/src/extensions/Mermaid/components/NodeViewMermaid/NodeViewMermaid.tsx +0 -260
  214. package/src/extensions/Mermaid/index.ts +0 -1
  215. package/src/extensions/MoreMark/MoreMark.ts +0 -102
  216. package/src/extensions/MoreMark/components/ActionMoreButton.tsx +0 -97
  217. package/src/extensions/MoreMark/index.ts +0 -1
  218. package/src/extensions/MultiColumn/Column.ts +0 -36
  219. package/src/extensions/MultiColumn/MultiColumn.ts +0 -111
  220. package/src/extensions/MultiColumn/components/ColumnActionButton.ts +0 -22
  221. package/src/extensions/MultiColumn/index.ts +0 -3
  222. package/src/extensions/OrderedList/OrderedList.ts +0 -28
  223. package/src/extensions/OrderedList/index.ts +0 -1
  224. package/src/extensions/SearchAndReplace/SearchAndReplace.ts +0 -395
  225. package/src/extensions/SearchAndReplace/components/SearchAndReplaceButton.tsx +0 -190
  226. package/src/extensions/SearchAndReplace/index.ts +0 -1
  227. package/src/extensions/Selection/Selection.ts +0 -32
  228. package/src/extensions/Selection/index.ts +0 -1
  229. package/src/extensions/SlashCommand/SlashCommand.ts +0 -255
  230. package/src/extensions/SlashCommand/components/CommandsList.tsx +0 -180
  231. package/src/extensions/SlashCommand/groups.ts +0 -183
  232. package/src/extensions/SlashCommand/index.ts +0 -1
  233. package/src/extensions/SlashCommand/types.ts +0 -24
  234. package/src/extensions/Strike/Strike.ts +0 -26
  235. package/src/extensions/Strike/index.ts +0 -1
  236. package/src/extensions/Subscript/Subscript.ts +0 -88
  237. package/src/extensions/Subscript/index.ts +0 -1
  238. package/src/extensions/Table/Cell.ts +0 -131
  239. package/src/extensions/Table/Header.ts +0 -93
  240. package/src/extensions/Table/Row.ts +0 -8
  241. package/src/extensions/Table/Table.ts +0 -60
  242. package/src/extensions/Table/cell-background.ts +0 -112
  243. package/src/extensions/Table/components/CreateTablePopover.tsx +0 -132
  244. package/src/extensions/Table/components/TableActionButton.tsx +0 -42
  245. package/src/extensions/Table/index.ts +0 -6
  246. package/src/extensions/Table/utils.ts +0 -352
  247. package/src/extensions/TableOfContent/TableOfContent.ts +0 -124
  248. package/src/extensions/TableOfContent/components/NodeViewTableOfContent.tsx +0 -116
  249. package/src/extensions/TableOfContent/components/TableOfContentActionButton.tsx +0 -27
  250. package/src/extensions/TableOfContent/components/index.module.scss +0 -40
  251. package/src/extensions/TableOfContent/index.ts +0 -1
  252. package/src/extensions/TaskList/TaskList.ts +0 -46
  253. package/src/extensions/TaskList/index.ts +0 -1
  254. package/src/extensions/TextAlign/TextAlign.ts +0 -68
  255. package/src/extensions/TextAlign/components/TextAlignMenuButton.tsx +0 -103
  256. package/src/extensions/TextAlign/index.ts +0 -1
  257. package/src/extensions/TextBubble/TextBubble.ts +0 -22
  258. package/src/extensions/TextBubble/components/TextDropdown.tsx +0 -146
  259. package/src/extensions/TextBubble/index.ts +0 -1
  260. package/src/extensions/TextDirection/TextDirection.ts +0 -97
  261. package/src/extensions/TextDirection/components/TextDirectionButton.tsx +0 -103
  262. package/src/extensions/TextDirection/index.ts +0 -1
  263. package/src/extensions/TrailingNode/TrailingNode.ts +0 -71
  264. package/src/extensions/TrailingNode/index.ts +0 -1
  265. package/src/extensions/Twitter/Twitter.ts +0 -161
  266. package/src/extensions/Twitter/components/FormEditLinkTwitter.tsx +0 -68
  267. package/src/extensions/Twitter/components/NodeViewTweet.tsx +0 -30
  268. package/src/extensions/Twitter/components/TwitterActiveButton.tsx +0 -41
  269. package/src/extensions/Twitter/index.ts +0 -1
  270. package/src/extensions/UnderLine/Underline.ts +0 -30
  271. package/src/extensions/UnderLine/index.ts +0 -1
  272. package/src/extensions/Video/Video.ts +0 -204
  273. package/src/extensions/Video/components/ActiveVideoButton.tsx +0 -191
  274. package/src/extensions/Video/index.ts +0 -1
  275. package/src/extensions/Video/store.ts +0 -15
  276. package/src/extensions/index.ts +0 -122
  277. package/src/hooks/useActive.tsx +0 -24
  278. package/src/hooks/useAttributes.tsx +0 -45
  279. package/src/hooks/useCopy.tsx +0 -20
  280. package/src/hooks/useEditorState.tsx +0 -23
  281. package/src/hooks/useExtension.tsx +0 -29
  282. package/src/index.ts +0 -8
  283. package/src/lib/utils.ts +0 -7
  284. package/src/locale-bundle.ts +0 -3
  285. package/src/locales/en.ts +0 -173
  286. package/src/locales/hu.ts +0 -173
  287. package/src/locales/index.tsx +0 -163
  288. package/src/locales/pt-br.ts +0 -173
  289. package/src/locales/vi.ts +0 -173
  290. package/src/locales/zh-cn.ts +0 -173
  291. package/src/plugins/DragHandle/index.ts +0 -375
  292. package/src/plugins/DragHandle/range.ts +0 -114
  293. package/src/plugins/DragHandle/utils.ts +0 -80
  294. package/src/plugins/image-upload.ts +0 -160
  295. package/src/store/ProviderRichText.tsx +0 -53
  296. package/src/store/editableEditor.ts +0 -15
  297. package/src/store/fast-context.tsx +0 -70
  298. package/src/store/store.ts +0 -35
  299. package/src/styles/ProseMirror.scss +0 -176
  300. package/src/styles/columns.scss +0 -23
  301. package/src/styles/editor.scss +0 -411
  302. package/src/styles/global.scss +0 -87
  303. package/src/styles/index.scss +0 -5
  304. package/src/styles/mention.scss +0 -6
  305. package/src/theme/theme.ts +0 -15
  306. package/src/types.ts +0 -271
  307. package/src/utils/_event.ts +0 -55
  308. package/src/utils/color.ts +0 -67
  309. package/src/utils/columns.ts +0 -142
  310. package/src/utils/customEvents/customEvents.ts +0 -18
  311. package/src/utils/customEvents/events.constant.ts +0 -11
  312. package/src/utils/delete-node.ts +0 -46
  313. package/src/utils/dom-dataset.ts +0 -121
  314. package/src/utils/download.ts +0 -17
  315. package/src/utils/dynamicCSS.ts +0 -192
  316. package/src/utils/editor-container-size.ts +0 -28
  317. package/src/utils/file.ts +0 -112
  318. package/src/utils/getRenderContainer.ts +0 -41
  319. package/src/utils/indent.ts +0 -99
  320. package/src/utils/is-mobile.ts +0 -57
  321. package/src/utils/json.ts +0 -18
  322. package/src/utils/line-height.ts +0 -109
  323. package/src/utils/lru-cache.ts +0 -145
  324. package/src/utils/mitt.ts +0 -114
  325. package/src/utils/node.ts +0 -92
  326. package/src/utils/pdf.ts +0 -72
  327. package/src/utils/plateform.ts +0 -49
  328. package/src/utils/shortId.ts +0 -5
  329. package/src/utils/storage.ts +0 -18
  330. package/src/utils/utils.ts +0 -71
  331. package/src/vite-env.d.ts +0 -3
@@ -1,20 +0,0 @@
1
- import { useState } from 'react';
2
-
3
- function useCopy() {
4
- const [isCopied, setIsCopied] = useState(false);
5
-
6
- const copyToClipboard = async (text: string) => {
7
- try {
8
- await navigator.clipboard.writeText(text);
9
- setIsCopied(true);
10
- setTimeout(() => setIsCopied(false), 2000); // Reset the copy status after 2 seconds
11
- } catch (error) {
12
- console.error('Failed to copy text: ', error);
13
- setIsCopied(false);
14
- }
15
- };
16
-
17
- return { isCopied, copyToClipboard };
18
- }
19
-
20
- export default useCopy;
@@ -1,23 +0,0 @@
1
- import type { Editor } from '@tiptap/core';
2
- import { useEffect, useRef, useState } from 'react';
3
-
4
- export interface UseEditorStateReturn {
5
- isReady: boolean
6
- editor: Editor | null
7
- editorRef: React.MutableRefObject<{ editor: Editor | null }>
8
- }
9
-
10
- export function useEditorState(): UseEditorStateReturn {
11
- const editorRef = useRef<{ editor: Editor | null }>({ editor: null });
12
- const [isReady, setIsReady] = useState(false);
13
- const [editor, setEditor] = useState<Editor | null>(null);
14
-
15
- useEffect(() => {
16
- if (editorRef.current?.editor) {
17
- setIsReady(true);
18
- setEditor(editorRef.current.editor);
19
- }
20
- }, [editorRef, editorRef.current?.editor]);
21
-
22
- return { isReady, editor, editorRef };
23
- }
@@ -1,29 +0,0 @@
1
- import { useEffect, useState } from 'react';
2
-
3
- import type { Editor } from '@tiptap/core';
4
-
5
- export function useExtension(editor: Editor, attrbute: string) {
6
- const [extension, setExtension] = useState<any>(undefined);
7
-
8
- useEffect(() => {
9
- const listener = () => {
10
- const extension = editor.extensionManager.extensions.find(extension => extension.name === attrbute);
11
-
12
- if (!extension) {
13
- return;
14
- }
15
-
16
- setExtension(extension as any);
17
- };
18
-
19
- editor.on('selectionUpdate', listener);
20
- editor.on('transaction', listener);
21
-
22
- return () => {
23
- editor.off('selectionUpdate', listener);
24
- editor.off('transaction', listener);
25
- };
26
- }, [editor, attrbute]);
27
-
28
- return extension;
29
- }
package/src/index.ts DELETED
@@ -1,8 +0,0 @@
1
- import { useEditorState } from 'reactjs-tiptap-editor-pro/hooks/useEditorState';
2
-
3
- export { default } from 'reactjs-tiptap-editor-pro/components/RichTextEditor';
4
-
5
- export type { UseEditorStateReturn } from 'reactjs-tiptap-editor-pro/hooks/useEditorState';
6
- export { useEditorState };
7
- export { BubbleMenu } from '@tiptap/react';
8
- export type { Editor, UseEditorOptions } from '@tiptap/react';
package/src/lib/utils.ts DELETED
@@ -1,7 +0,0 @@
1
- import { type ClassValue, clsx } from 'clsx';
2
- import { twMerge } from 'tailwind-merge';
3
-
4
- export function cn(...inputs: ClassValue[]) {
5
- return twMerge(clsx(inputs));
6
- }
7
- // asd
@@ -1,3 +0,0 @@
1
- import locale, { en, hu_HU, pt_BR, vi, zh_CN } from './locales';
2
-
3
- export { locale, en, hu_HU, vi, zh_CN, pt_BR };
package/src/locales/en.ts DELETED
@@ -1,173 +0,0 @@
1
- const locale = {
2
- 'editor.remove': 'Remove',
3
- 'editor.copy': 'Copy',
4
- 'editor.words': 'WORDS',
5
- 'editor.characters': 'CHARACTERS',
6
- 'editor.default': 'Default',
7
- 'editor.recent': 'Recently Used',
8
- 'editor.nofill': 'No Fill',
9
- 'editor.format': 'Format Painter',
10
- 'editor.delete': 'Delete',
11
- 'editor.edit': 'Edit',
12
- 'editor.settings': 'Settings',
13
- 'editor.table_of_content': 'Table of Content',
14
- 'editor.draghandle.tooltip': 'Modify',
15
- 'editor.copyToClipboard': 'CopyToClipboard',
16
- 'editor.slash': 'Press \'/\' for commands',
17
- 'editor.slash.empty': 'No Result',
18
- 'editor.slash.format': 'Format',
19
- 'editor.slash.insert': 'Insert',
20
- 'editor.slash.embed': 'Embed Services',
21
- 'editor.content': 'Please input content',
22
- 'editor.fontFamily.tooltip': 'Font Family',
23
- 'editor.fontFamily.default.tooltip': 'Default',
24
- 'editor.moremark': 'More Text Styles',
25
- 'editor.size.small.tooltip': 'Small',
26
- 'editor.size.medium.tooltip': 'Medium',
27
- 'editor.size.large.tooltip': 'Cover',
28
- 'editor.bold.tooltip': 'Bold',
29
- 'editor.italic.tooltip': 'Italic',
30
- 'editor.underline.tooltip': 'Underline',
31
- 'editor.strike.tooltip': 'Strike',
32
- 'editor.color.tooltip': 'Color',
33
- 'editor.color.more': 'More Colors',
34
- 'editor.highlight.tooltip': 'Highlight',
35
- 'editor.lineheight.tooltip': 'Line Height',
36
- 'editor.heading.tooltip': 'Headings',
37
- 'editor.heading.h1.tooltip': 'Heading 1',
38
- 'editor.heading.h2.tooltip': 'Heading 2',
39
- 'editor.heading.h3.tooltip': 'Heading 3',
40
- 'editor.heading.h4.tooltip': 'Heading 4',
41
- 'editor.heading.h5.tooltip': 'Heading 5',
42
- 'editor.heading.h6.tooltip': 'Heading 6',
43
- 'editor.paragraph.tooltip': 'Paragraph',
44
- 'editor.textalign.tooltip': 'Align',
45
- 'editor.textalign.left.tooltip': 'Left',
46
- 'editor.textalign.center.tooltip': 'Center',
47
- 'editor.textalign.right.tooltip': 'Right',
48
- 'editor.textalign.justify.tooltip': 'Justify',
49
- 'editor.indent': 'Indent',
50
- 'editor.indent.indent': 'Increase Indent',
51
- 'editor.indent.outdent': 'Decrease Indent',
52
- 'editor.fontSize.tooltip': 'Font size',
53
- 'editor.fontSize.default.tooltip': 'Default',
54
- 'editor.superscript.tooltip': 'Superscript',
55
- 'editor.subscript.tooltip': 'Subscript',
56
- 'editor.bulletlist.tooltip': 'Bullet List',
57
- 'editor.orderedlist.tooltip': 'Ordered List',
58
- 'editor.tasklist.tooltip': 'Task List',
59
- 'editor.indent.tooltip': 'Indent',
60
- 'editor.outdent.tooltip': 'Outdent',
61
- 'editor.columns.tooltip': 'Columns',
62
- 'editor.link.tooltip': 'Link',
63
- 'editor.link.unlink.tooltip': 'UnLink',
64
- 'editor.link.open.tooltip': 'Open Link',
65
- 'editor.link.edit.tooltip': 'Edit Link',
66
- 'editor.link.dialog.title': 'Insert Link',
67
- 'editor.link.dialog.link': 'Link',
68
- 'editor.link.dialog.text': 'Text',
69
- 'editor.link.dialog.openInNewTab': 'Open In New Tab',
70
- 'editor.link.dialog.link.placeholder': 'Link Address',
71
- 'editor.link.dialog.text.placeholder': 'Add Description',
72
- 'editor.link.dialog.button.apply': 'Apply',
73
- 'editor.image.tooltip': 'Image',
74
- 'editor.image.dragger.tooltip': 'Click or drag the image to the area to upload',
75
- 'editor.image.float.left.tooltip': 'Float left',
76
- 'editor.image.float.none.tooltip': 'Float none',
77
- 'editor.image.float.right.tooltip': 'Float right',
78
- 'editor.image.dialog.title': 'Add an image',
79
- 'editor.image.dialog.tab.url': 'Url',
80
- 'editor.image.dialog.tab.upload': 'Upload',
81
- 'editor.image.dialog.tab.uploadCrop': 'Upload & Crop',
82
- 'editor.image.dialog.uploading': 'Uploading',
83
- 'editor.link.dialog.inline': 'Inline',
84
- 'editor.image.dialog.form.link': 'Link',
85
- 'editor.image.dialog.placeholder': 'Link',
86
- 'editor.image.dialog.form.alt': 'Alt',
87
- 'editor.image.dialog.form.aspectRatio': 'Lock original aspect ratio',
88
- 'editor.image.dialog.form.file': 'File',
89
- 'editor.image.dialog.button.apply': 'Apply',
90
- 'editor.video.tooltip': 'Video',
91
- 'editor.video.dialog.tab.upload': 'Upload',
92
- 'editor.video.dialog.uploading': 'Uploading',
93
- 'editor.video.dialog.title': 'Embed or upload a video',
94
- 'editor.video.dialog.link': 'Link',
95
- 'editor.video.dialog.placeholder': 'Link',
96
- 'editor.video.dialog.button.apply': 'Apply',
97
- 'editor.table.tooltip': 'Table',
98
- 'editor.table.menu.insert_table': 'Insert Table',
99
- 'editor.table.menu.insert_table.with_header_row': 'With header row',
100
- 'editor.table.menu.add_column_before': 'Add Column Before',
101
- 'editor.table.menu.add_column_after': 'Add Column After',
102
- 'editor.table.menu.delete_column': 'Delete Column',
103
- 'editor.table.menu.add_row_before': 'Add Row Before',
104
- 'editor.table.menu.add_row_after': 'Add Row After',
105
- 'editor.table.menu.delete_row': 'Delete Row',
106
- 'editor.table.menu.merge_or_split_cells': 'Merge Or Split Cells',
107
- 'editor.table.menu.delete_table': 'Delete Table',
108
- 'editor.blockquote.tooltip': 'Blockquote',
109
- 'editor.horizontalrule.tooltip': 'Horizontal Rule',
110
- 'editor.code.tooltip': 'Code',
111
- 'editor.codeblock.tooltip': 'Code Block',
112
- 'editor.clear.tooltip': 'Clear Format',
113
- 'editor.undo.tooltip': 'Undo',
114
- 'editor.redo.tooltip': 'Redo',
115
- 'editor.fullscreen.tooltip.fullscreen': 'Fullscreen',
116
- 'editor.fullscreen.tooltip.exit': 'Fullscreen Exit',
117
- 'editor.imageUpload.cancel': 'Cancel',
118
- 'editor.imageUpload.crop': 'Crop',
119
- 'editor.imageUpload.fileTypeNotSupported': 'File type not supported',
120
- 'editor.imageUpload.fileSizeTooBig': 'File size too big, Maximum size is',
121
- 'editor.table.menu.insertColumnBefore': 'Insert Column Before',
122
- 'editor.table.menu.insertColumnAfter': 'Insert Column After',
123
- 'editor.table.menu.deleteColumn': 'Delete Column',
124
- 'editor.table.menu.insertRowAbove': 'Insert Row Above',
125
- 'editor.table.menu.insertRowBelow': 'Insert Row Below',
126
- 'editor.table.menu.deleteRow': 'Delete Row',
127
- 'editor.table.menu.mergeCells': 'Merge Cells',
128
- 'editor.table.menu.splitCells': 'Split Cells',
129
- 'editor.table.menu.deleteTable': 'Delete Table',
130
- 'editor.table.menu.setCellsBgColor': 'Cell Background Color',
131
- 'editor.emoji.tooltip': 'Emoji',
132
- 'editor.iframe.tooltip': 'Iframe',
133
- 'editor.searchAndReplace.tooltip': 'Search and Replace',
134
- 'editor.search.dialog.text': 'Search',
135
- 'editor.replace.dialog.text': 'Replace',
136
- 'editor.replaceAll.dialog.text': 'Replace All',
137
- 'editor.previous.dialog.text': 'Previous',
138
- 'editor.next.dialog.text': 'Next',
139
- 'no_result_found': 'No results found',
140
- 'Smileys & People': 'Smileys & People',
141
- 'Animals & Nature': 'Animals & Nature',
142
- 'Food & Drink': 'Food & Drink',
143
- 'Activity': 'Activity',
144
- 'Travel & Places': 'Travel & Places',
145
- 'Object': 'Objects',
146
- 'Symbol': 'Symbols',
147
- 'Flags': 'Flags',
148
- 'Frequently used': 'Frequently used',
149
- 'editor.formula.dialog.text': 'Formula',
150
- 'editor.katex.tooltip': 'Math Formula',
151
- 'editor.exportPdf.tooltip': 'Export PDF',
152
- 'editor.exportWord.tooltip': 'Export Word',
153
- 'editor.importWord.tooltip': 'Import Word',
154
- 'editor.importWord.limitSize': 'File size cannot exceed',
155
- 'editor.importWord.converting': 'Converting Word document, please wait...',
156
- 'editor.importWord.convertError': 'Error parsing Word document',
157
- 'editor.importWord.importError': 'Error importing Word document',
158
- 'editor.textDirection.tooltip': 'Text Direction',
159
- 'editor.textDirection.auto.tooltip': 'Auto',
160
- 'editor.textDirection.ltr.tooltip': 'Left to Right',
161
- 'editor.textDirection.rtl.tooltip': 'Right to Left',
162
- 'editor.attachment.tooltip': 'Attachment',
163
- 'editor.attachment.uploading': 'Uploading',
164
- 'editor.attachment.please_upload': 'Please upload the file',
165
- 'editor.imageGif.tooltip': 'Gif',
166
- 'editor.replace.caseSensitive': 'Case Sensitive',
167
- 'editor.mermaid.tooltip': 'Mermaid',
168
- 'editor.twitter.tooltip': 'Twitter',
169
- 'editor.tooltip.flipX': 'Flip Horizontal',
170
- 'editor.tooltip.flipY': 'Flip Vertical',
171
- };
172
-
173
- export default locale;
package/src/locales/hu.ts DELETED
@@ -1,173 +0,0 @@
1
- const locale = {
2
- 'editor.remove': 'Eltávolítás',
3
- 'editor.copy': 'Másolás',
4
- 'editor.words': 'SZAVAK',
5
- 'editor.characters': 'KARAKTEREK',
6
- 'editor.default': 'Alapértelmezett',
7
- 'editor.recent': 'Gyakran használt',
8
- 'editor.nofill': 'Kitöltés törlése',
9
- 'editor.format': 'Formátummásoló',
10
- 'editor.delete': 'Törlés',
11
- 'editor.edit': 'Szerkesztés',
12
- 'editor.settings': 'Beállítások',
13
- 'editor.table_of_content': 'Tartalomjegyzék',
14
- 'editor.draghandle.tooltip': 'Módosítás',
15
- 'editor.copyToClipboard': 'Másolás vágólapra',
16
- 'editor.slash': 'Nyomja meg a \'/\' gombot a parancsokhoz',
17
- 'editor.slash.empty': 'Nincs találat',
18
- 'editor.slash.format': 'Formátum',
19
- 'editor.slash.insert': 'Beszúrás',
20
- 'editor.slash.embed': 'Szolgáltatások beágyazása',
21
- 'editor.content': 'Írjon be tartalmat',
22
- 'editor.fontFamily.tooltip': 'Betűtípus',
23
- 'editor.fontFamily.default.tooltip': 'Alapértelmezett',
24
- 'editor.moremark': 'Több betűstílus',
25
- 'editor.size.small.tooltip': 'Kicsi',
26
- 'editor.size.medium.tooltip': 'Közepes',
27
- 'editor.size.large.tooltip': 'Borítókép',
28
- 'editor.bold.tooltip': 'Félkövér',
29
- 'editor.italic.tooltip': 'Dőlt betű',
30
- 'editor.underline.tooltip': 'Aláhúzott',
31
- 'editor.strike.tooltip': 'Áthúzott',
32
- 'editor.color.tooltip': 'Szín',
33
- 'editor.color.more': 'Több szín',
34
- 'editor.highlight.tooltip': 'Kiemelés',
35
- 'editor.lineheight.tooltip': 'Sorköz',
36
- 'editor.heading.tooltip': 'Fejlécek',
37
- 'editor.heading.h1.tooltip': 'Fejléc 1',
38
- 'editor.heading.h2.tooltip': 'Fejléc 2',
39
- 'editor.heading.h3.tooltip': 'Fejléc 3',
40
- 'editor.heading.h4.tooltip': 'Fejléc 4',
41
- 'editor.heading.h5.tooltip': 'Fejléc 5',
42
- 'editor.heading.h6.tooltip': 'Fejléc 6',
43
- 'editor.paragraph.tooltip': 'Bekezdés',
44
- 'editor.textalign.tooltip': 'Igazítás',
45
- 'editor.textalign.left.tooltip': 'Bal',
46
- 'editor.textalign.center.tooltip': 'Közép',
47
- 'editor.textalign.right.tooltip': 'Jobb',
48
- 'editor.textalign.justify.tooltip': 'Sorkizárt',
49
- 'editor.indent': 'Behúzás',
50
- 'editor.indent.indent': 'Behúzás Növelése',
51
- 'editor.indent.outdent': 'Behúzás Csökkentése',
52
- 'editor.fontSize.tooltip': 'Betűméret',
53
- 'editor.fontSize.default.tooltip': 'Alapértelmezett',
54
- 'editor.superscript.tooltip': 'Felső index',
55
- 'editor.subscript.tooltip': 'Alsó index',
56
- 'editor.bulletlist.tooltip': 'Felsorolás',
57
- 'editor.orderedlist.tooltip': 'Rendezett lista',
58
- 'editor.tasklist.tooltip': 'Feladat lista',
59
- 'editor.indent.tooltip': 'Behúzás növelése',
60
- 'editor.outdent.tooltip': 'Behúzás csökkentése',
61
- 'editor.columns.tooltip': 'Oszlopok',
62
- 'editor.link.tooltip': 'Link',
63
- 'editor.link.unlink.tooltip': 'Link törlése',
64
- 'editor.link.open.tooltip': 'Link megnyitása',
65
- 'editor.link.edit.tooltip': 'Link szerkesztése',
66
- 'editor.link.dialog.title': 'Link beszúrása',
67
- 'editor.link.dialog.link': 'Link',
68
- 'editor.link.dialog.text': 'Szöveg',
69
- 'editor.link.dialog.openInNewTab': 'Megnyitás új lapon',
70
- 'editor.link.dialog.link.placeholder': 'Link célpont',
71
- 'editor.link.dialog.text.placeholder': 'Szöveg',
72
- 'editor.link.dialog.button.apply': 'Alkalmaz',
73
- 'editor.image.tooltip': 'Kép',
74
- 'editor.image.dragger.tooltip': 'Kattintson vagy húzza a feltölteni kívánt képet a területre',
75
- 'editor.image.float.left.tooltip': 'Lebegtetés balra',
76
- 'editor.image.float.none.tooltip': 'Lebegtetés törlése',
77
- 'editor.image.float.right.tooltip': 'Lebegtetés jobbra',
78
- 'editor.image.dialog.title': 'Kép hozzáadása',
79
- 'editor.image.dialog.tab.url': 'URL',
80
- 'editor.image.dialog.tab.upload': 'Feltöltés',
81
- 'editor.image.dialog.tab.uploadCrop': 'Feltöltés és körbevágás',
82
- 'editor.image.dialog.uploading': 'Feltöltés alatt',
83
- 'editor.link.dialog.inline': 'Soron belüli',
84
- 'editor.image.dialog.form.link': 'Link',
85
- 'editor.image.dialog.placeholder': 'Link',
86
- 'editor.image.dialog.form.alt': 'Alternatív szöveg',
87
- 'editor.image.dialog.form.aspectRatio': 'Eredeti képarány megtartása',
88
- 'editor.image.dialog.form.file': 'Fájl',
89
- 'editor.image.dialog.button.apply': 'Alkalmaz',
90
- 'editor.video.tooltip': 'Videó',
91
- 'editor.video.dialog.tab.upload': 'Feltöltés',
92
- 'editor.video.dialog.uploading': 'Feltöltés alatt',
93
- 'editor.video.dialog.title': 'Videó beágyazása vagy feltöltése',
94
- 'editor.video.dialog.link': 'Link',
95
- 'editor.video.dialog.placeholder': 'Link',
96
- 'editor.video.dialog.button.apply': 'Alkalmaz',
97
- 'editor.table.tooltip': 'Táblázat',
98
- 'editor.table.menu.insert_table': 'Táblázat beszúrása',
99
- 'editor.table.menu.insert_table.with_header_row': 'Fejléc sorral',
100
- 'editor.table.menu.add_column_before': 'Oszlop beszúrása balra',
101
- 'editor.table.menu.add_column_after': 'Oszlop beszúrása jobbra',
102
- 'editor.table.menu.delete_column': 'Oszlop törlése',
103
- 'editor.table.menu.add_row_before': 'Sor beszúrása felülre',
104
- 'editor.table.menu.add_row_after': 'Sor beszúrása alulra',
105
- 'editor.table.menu.delete_row': 'Sor törlése',
106
- 'editor.table.menu.merge_or_split_cells': 'Cellák egyesítése vagy szétválasztása',
107
- 'editor.table.menu.delete_table': 'Táblázat törlése',
108
- 'editor.blockquote.tooltip': 'Blokkidézet',
109
- 'editor.horizontalrule.tooltip': 'Vízszintes vonal',
110
- 'editor.code.tooltip': 'Kód',
111
- 'editor.codeblock.tooltip': 'Kód Blokk',
112
- 'editor.clear.tooltip': 'Formatálás Törlése',
113
- 'editor.undo.tooltip': 'Visszavonás',
114
- 'editor.redo.tooltip': 'Visszaállítás',
115
- 'editor.fullscreen.tooltip.fullscreen': 'Teljes képernyős mód',
116
- 'editor.fullscreen.tooltip.exit': 'Kilépés teljes képernyős módból',
117
- 'editor.imageUpload.cancel': 'Mégsem',
118
- 'editor.imageUpload.crop': 'Körbevágás',
119
- 'editor.imageUpload.fileTypeNotSupported': 'Fájltípus nem támogatott',
120
- 'editor.imageUpload.fileSizeTooBig': 'A fájlméret túl nagy, a maximum méret',
121
- 'editor.table.menu.insertColumnBefore': 'Oszlop beszúrása balra',
122
- 'editor.table.menu.insertColumnAfter': 'Oszlop beszúrása jobbra',
123
- 'editor.table.menu.deleteColumn': 'Oszlop törlése',
124
- 'editor.table.menu.insertRowAbove': 'Sor beszúrása felülre',
125
- 'editor.table.menu.insertRowBelow': 'Sor beszúrása alulra',
126
- 'editor.table.menu.deleteRow': 'Sor törlése',
127
- 'editor.table.menu.mergeCells': 'Cellák egyesítése',
128
- 'editor.table.menu.splitCells': 'Cellék szétválasztása',
129
- 'editor.table.menu.deleteTable': 'Táblázat törlése',
130
- 'editor.table.menu.setCellsBgColor': 'Cella háttérszín',
131
- 'editor.emoji.tooltip': 'Emoji',
132
- 'editor.iframe.tooltip': 'Beágyazás',
133
- 'editor.searchAndReplace.tooltip': 'Keresés és csere',
134
- 'editor.search.dialog.text': 'Keres',
135
- 'editor.replace.dialog.text': 'Csere',
136
- 'editor.replaceAll.dialog.text': 'Összes cseréje',
137
- 'editor.previous.dialog.text': 'Előző',
138
- 'editor.next.dialog.text': 'Következő',
139
- 'no_result_found': 'Nincs találat',
140
- 'Smileys & People': 'Arcok és emberek',
141
- 'Animals & Nature': 'Állatok és természet',
142
- 'Food & Drink': 'Étel és ital',
143
- 'Activity': 'Aktivitás',
144
- 'Travel & Places': 'Utazás és helyek',
145
- 'Object': 'Tárgyak',
146
- 'Symbol': 'Szimbólumok',
147
- 'Flags': 'Zászlók',
148
- 'Frequently used': 'Gyakran használt',
149
- 'editor.formula.dialog.text': 'Formula',
150
- 'editor.katex.tooltip': 'Matematikai formula',
151
- 'editor.exportPdf.tooltip': 'PDF exportálása',
152
- 'editor.exportWord.tooltip': 'Word exportálása',
153
- 'editor.importWord.tooltip': 'Word importálása',
154
- 'editor.importWord.limitSize': 'A fájl mérete nem haladhatja meg',
155
- 'editor.importWord.converting': 'Word dokumentum konvertálása, kérjük, várjon...',
156
- 'editor.importWord.convertError': 'Hiba a Word-dokumentum elemzésekor',
157
- 'editor.importWord.importError': 'Hiba a Word dokumentum importálásakor',
158
- 'editor.textDirection.tooltip': 'Szövegirány',
159
- 'editor.textDirection.auto.tooltip': 'Automatikus',
160
- 'editor.textDirection.ltr.tooltip': 'Balról jobbra',
161
- 'editor.textDirection.rtl.tooltip': 'Jobbról balra',
162
- 'editor.attachment.tooltip': 'Csatolmány',
163
- 'editor.attachment.uploading': 'Feltöltés alatt',
164
- 'editor.attachment.please_upload': 'Töltse fel a fájlt',
165
- 'editor.imageGif.tooltip': 'Gif',
166
- 'editor.replace.caseSensitive': 'Kisbetű-nagybetű érzékenység',
167
- 'editor.mermaid.tooltip': 'Mermaid',
168
- 'editor.twitter.tooltip': 'Twitter',
169
- 'editor.tooltip.flipX': 'Vízszintes tükrözés',
170
- 'editor.tooltip.flipY': 'Függőleges tükrözés',
171
- };
172
-
173
- export default locale;
@@ -1,163 +0,0 @@
1
- import { useEffect, useMemo } from 'react';
2
- import { createSignal, useSignal } from 'reactjs-signal';
3
-
4
- import en from './en';
5
- import pt_BR from './pt-br';
6
- import vi from './vi';
7
- import zh_CN from './zh-cn';
8
- import hu_HU from './hu';
9
- import mitt from 'reactjs-tiptap-editor-pro/utils/mitt';
10
- import type { EventType } from 'reactjs-tiptap-editor-pro/utils/mitt';
11
- import { DEFAULT_LANG_VALUE } from 'reactjs-tiptap-editor-pro/constants';
12
-
13
- // Define supported language types
14
- type LanguageType = 'en' | 'hu_HU' | 'vi' | 'zh_CN' | 'pt_BR' | (string & {});
15
-
16
- // Define message key types based on the 'en' locale
17
- type MessageKeysType = keyof typeof en;
18
-
19
- // Interface for locale configuration
20
- interface LocaleInterface {
21
- lang: LanguageType
22
- message: Record<LanguageType, Record<MessageKeysType, string>>
23
- }
24
-
25
- // Interface for Mitt events
26
- interface MittEvents extends Record<EventType, unknown> {
27
- lang: LanguageType
28
- }
29
-
30
- // Default locale configuration
31
- export const DEFAULT_LOCALE: LocaleInterface = {
32
- lang: DEFAULT_LANG_VALUE,
33
- message: {
34
- en,
35
- hu_HU,
36
- vi,
37
- zh_CN,
38
- pt_BR,
39
- },
40
- };
41
-
42
- class Locale {
43
- private emitter;
44
- constructor() {
45
- this.emitter = mitt<MittEvents>();
46
- }
47
-
48
- // Getter and setter for current language
49
- get lang(): LanguageType {
50
- return DEFAULT_LOCALE.lang;
51
- }
52
-
53
- set lang(lang: LanguageType) {
54
- if (!this.isLangSupported(lang)) {
55
- console.warn(
56
- `Can't find the current language "${lang}", Using language "${DEFAULT_LOCALE.lang}" by default`,
57
- );
58
- return;
59
- }
60
-
61
- DEFAULT_LOCALE.lang = lang;
62
- this.emitter.emit('lang', lang);
63
- }
64
-
65
- // Getter and setter for messages
66
- get message(): Record<LanguageType, Record<MessageKeysType, string>> {
67
- return DEFAULT_LOCALE.message;
68
- }
69
-
70
- set message(message: Record<LanguageType, Record<MessageKeysType, string>>) {
71
- DEFAULT_LOCALE.message = message;
72
- }
73
-
74
- // Load messages for a specific language
75
- loadLangMessage(lang: LanguageType): Record<MessageKeysType, string> {
76
- return this.message[lang];
77
- }
78
-
79
- // Check if a language is supported
80
- private isLangSupported(lang: LanguageType): boolean {
81
- const supportedLangs = Object.keys(this.message) as LanguageType[];
82
- return supportedLangs.includes(lang);
83
- }
84
-
85
- // Set the current language
86
- public setLang(lang: LanguageType) {
87
- this.lang = lang;
88
- }
89
-
90
- // Register a language change watcher
91
- public registerWatchLang(hook: (lang: LanguageType) => void) {
92
- this.emitter.on('lang', hook);
93
-
94
- const unsubscribe = () => {
95
- this.emitter.off('lang', hook);
96
- };
97
-
98
- return {
99
- unsubscribe,
100
- };
101
- }
102
-
103
- // Set messages for a specific language
104
- public setMessage(lang: string, message: Record<MessageKeysType, string>) {
105
- this.message[lang] = message;
106
- }
107
-
108
- // Build a translation function for a given language
109
- buildLocalesHandler(lang?: LanguageType) {
110
- if (!lang) {
111
- lang = this.lang;
112
- }
113
-
114
- const message = this.loadLangMessage(lang);
115
-
116
- return function t(path: MessageKeysType) {
117
- return message[path] || path;
118
- };
119
- }
120
- }
121
-
122
- const locale = new Locale();
123
-
124
- // Proxy for reactive language state
125
- const atomLang = createSignal(DEFAULT_LOCALE.lang);
126
-
127
- function useLocale() {
128
- const [lang, setLang] = useSignal(atomLang);
129
-
130
- const t = useMemo(() => {
131
- return locale.buildLocalesHandler(lang);
132
- }, [lang]);
133
-
134
- useEffect(() => {
135
- const watchLang = locale.registerWatchLang((val) => {
136
- setLang(val);
137
- });
138
-
139
- return () => {
140
- watchLang.unsubscribe();
141
- };
142
- }, []);
143
-
144
- return {
145
- lang,
146
- t,
147
- };
148
- }
149
-
150
- const localeActions = {
151
- t: (path: MessageKeysType) => {
152
- return locale.buildLocalesHandler(atomLang())(path);
153
- },
154
- };
155
-
156
- export default locale;
157
- export { Locale, localeActions, useLocale };
158
-
159
- export { default as en } from './en';
160
- export { default as pt_BR } from './pt-br';
161
- export { default as vi } from './vi';
162
- export { default as zh_CN } from './zh-cn';
163
- export { default as hu_HU } from './hu';