npm - payload-richtext-tiptap - Versions diffs - 0.0.144 → 0.0.146 - Mend

payload-richtext-tiptap 0.0.144 → 0.0.146

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 (47) hide show

package/dist/src/fields/TiptapEditor/features/panels/AICommandPanel/AICommandPanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/AICommandPanel/AICommandPanel.tsx"],"sourcesContent":["'use client'\r\nimport { ArrowUpCircle, Sparkles } from 'lucide-react'\r\nimport React, {\r\n forwardRef,\r\n useCallback,\r\n useEffect,\r\n useImperativeHandle,\r\n useRef,\r\n useState,\r\n} from 'react'\r\nimport Markdown from 'react-markdown'\r\nimport TextareaAutosize from 'react-textarea-autosize'\r\n\r\nimport { Editor } from '@tiptap/react'\r\n\r\nimport { experimental_useObject as useObject } from '@ai-sdk/react'\r\nimport i18next from 'i18next'\r\nimport { Command, Group } from '../../../extensions/AICommand/types.js'\r\nimport { TiptapSchema } from '../../../lib/tiptapSchema.js'\r\nimport { getPrevText } from '../../../lib/utils/index.js'\r\nimport AISelectorCommands from '../../menus/TextMenu/components/ai-selector-commands.js'\r\nimport CrazySpinner from '../../ui/crazy-spinner.js'\r\nimport { DropdownButton } from '../../ui/Dropdown/Dropdown.js'\r\nimport { Icon } from '../../ui/Icon.js'\r\nimport { ScrollArea } from '../../ui/scroll-area.js'\r\nimport { Surface } from '../../ui/Surface.js'\r\nimport { Toolbar } from '../../ui/Toolbar.js'\r\nimport { useExtractMarkdown } from '../AIEditorPanel/markdown.hook.js'\r\n\r\nexport type AICommandPanelProps = {\r\n editor: Editor\r\n userPrompt?: string\r\n onOpenChange: (value: boolean) => void\r\n items: Group[]\r\n}\r\n\r\nexport const AICommandPanel = forwardRef(\r\n ({ editor, onOpenChange, userPrompt, items, ...restProps }: AICommandPanelProps, ref) => {\r\n const [inputValue, setInputValue] = useState(userPrompt ?? '')\r\n const { view } = editor\r\n const scrollContainer = useRef<HTMLDivElement>(null)\r\n const activeItem = useRef<HTMLButtonElement>(null)\r\n const [selectedGroupIndex, setSelectedGroupIndex] = useState(0)\r\n const [selectedCommandIndex, setSelectedCommandIndex] = useState(0)\r\n\r\n const editorNode = view.dom as HTMLElement\r\n const boundigClient = editorNode.getBoundingClientRect()\r\n const inputRef = useRef<HTMLTextAreaElement>(null)\r\n\r\n const { object, submit, isLoading } = useObject({\r\n api: '/api/generate',\r\n schema: TiptapSchema,\r\n })\r\n\r\n const { markdown } = useExtractMarkdown(object)\r\n\r\n const hasCompletion = Boolean(object)\r\n\r\n const handleClick = useCallback(() => {\r\n if (object) {\r\n submit({\r\n prompt: '',\r\n body: {\r\n option: 'zap',\r\n command: inputValue,\r\n language: editor?.storage?.aiCommand?.language,\r\n selection: object,\r\n },\r\n })\r\n setInputValue('')\r\n return\r\n }\r\n\r\n submit({\r\n prompt: '',\r\n body: {\r\n option: 'zap',\r\n command: inputValue,\r\n language: editor?.storage?.aiCommand?.language,\r\n },\r\n })\r\n setInputValue('')\r\n }, [editor?.storage?.aiCommand?.language, inputValue, object, submit])\r\n\r\n useEffect(() => {\r\n if (userPrompt) setInputValue(userPrompt)\r\n }, [userPrompt])\r\n useEffect(() => {\r\n if (!!hasCompletion) {\r\n editor.storage.aiCommand.completion = object?.content ?? []\r\n }\r\n }, [markdown, isLoading])\r\n\r\n useEffect(() => {\r\n setSelectedGroupIndex(0)\r\n setSelectedCommandIndex(0)\r\n }, [items])\r\n\r\n const selectItem = useCallback(\r\n (groupIndex: number, commandIndex: number) => {\r\n const command = items[groupIndex].commands[commandIndex]\r\n setInputValue(command.action(editor))\r\n },\r\n [items, editor],\r\n )\r\n\r\n useImperativeHandle(ref, () => ({\r\n onKeyDown: ({ event }: { event: React.KeyboardEvent }) => {\r\n if (event.key === 'ArrowDown') {\r\n if (!items.length) {\r\n return false\r\n }\r\n\r\n const commands = items[selectedGroupIndex].commands\r\n\r\n let newCommandIndex = selectedCommandIndex + 1\r\n let newGroupIndex = selectedGroupIndex\r\n\r\n if (commands.length - 1 < newCommandIndex) {\r\n newCommandIndex = 0\r\n newGroupIndex = selectedGroupIndex + 1\r\n }\r\n\r\n if (items.length - 1 < newGroupIndex) {\r\n newGroupIndex = 0\r\n }\r\n\r\n setSelectedCommandIndex(newCommandIndex)\r\n setSelectedGroupIndex(newGroupIndex)\r\n\r\n return true\r\n }\r\n\r\n if (event.key === 'ArrowUp') {\r\n if (!items.length) {\r\n return false\r\n }\r\n\r\n let newCommandIndex = selectedCommandIndex - 1\r\n let newGroupIndex = selectedGroupIndex\r\n\r\n if (newCommandIndex < 0) {\r\n newGroupIndex = selectedGroupIndex - 1\r\n newCommandIndex = items[newGroupIndex]?.commands.length - 1 \|\| 0\r\n }\r\n\r\n if (newGroupIndex < 0) {\r\n newGroupIndex = items.length - 1\r\n newCommandIndex = items[newGroupIndex].commands.length - 1\r\n }\r\n\r\n setSelectedCommandIndex(newCommandIndex)\r\n setSelectedGroupIndex(newGroupIndex)\r\n\r\n return true\r\n }\r\n\r\n if (event.key === 'Enter') {\r\n if (!items.length \|\| selectedGroupIndex === -1 \|\| selectedCommandIndex === -1) {\r\n return false\r\n }\r\n\r\n selectItem(selectedGroupIndex, selectedCommandIndex)\r\n\r\n return true\r\n }\r\n\r\n return false\r\n },\r\n }))\r\n\r\n useEffect(() => {\r\n if (activeItem.current && scrollContainer.current) {\r\n const offsetTop = activeItem.current.offsetTop\r\n const offsetHeight = activeItem.current.offsetHeight\r\n\r\n scrollContainer.current.scrollTop = offsetTop - offsetHeight\r\n }\r\n }, [selectedCommandIndex, selectedGroupIndex])\r\n\r\n const createCommandClickHandler = useCallback(\r\n (groupIndex: number, commandIndex: number) => {\r\n return () => {\r\n selectItem(groupIndex, commandIndex)\r\n }\r\n },\r\n [selectItem],\r\n )\r\n\r\n return (\r\n <>\r\n <Surface\r\n className={`p-2 min-w-[20rem] flex flex-col gap-2 w-full ${\r\n hasCompletion ? '-mt-72' : ''\r\n }`}\r\n style={{\r\n width: boundigClient?.width,\r\n }}\r\n >\r\n <>\r\n {markdown && (\r\n <div className='flex w-full'>\r\n <ScrollArea className='prose p-2 px-4 prose-sm max-h-96' dir={i18next.dir()}>\r\n <Markdown>{markdown}</Markdown>\r\n </ScrollArea>\r\n </div>\r\n )}\r\n\r\n {isLoading && (\r\n <div\r\n className='flex h-12 w-full items-center px-4 text-sm font-medium text-muted-foreground text-blue-500'\r\n style={{\r\n width: boundigClient?.width,\r\n }}\r\n >\r\n <Sparkles className='mr-2 h-4 w-4 shrink-0 ' />\r\n AI (Beta) is thinking\r\n <div className='ml-2 mt-1'>\r\n <CrazySpinner />\r\n </div>\r\n </div>\r\n )}\r\n\r\n {!isLoading && (\r\n <>\r\n <div className='flex justify-between items-center '>\r\n <Sparkles className='mr-2 h-4 w-4 shrink-0 text-blue-500 ' />\r\n <TextareaAutosize\r\n ref={inputRef}\r\n style={{ resize: 'none' }}\r\n className='w-full p-2 text-black bg-white rounded dark:bg-black dark:text-white focus:outline-none outline-none border-0 '\r\n value={inputValue}\r\n onChange={(e) => {\r\n editor.storage.aiCommand.userPrompt = e.target.value\r\n setInputValue(e.target.value)\r\n }}\r\n placeholder={\r\n hasCompletion\r\n ? i18next.t('tellAiPlaceholder') \|\| 'Tell AI (Beta) what to do next'\r\n : i18next.t('askAiPlaceholder') \|\| 'Ask AI (Beta) to edit or generate...'\r\n }\r\n autoFocus\r\n onKeyDown={(e) => {\r\n if (e.key === 'Enter') handleClick()\r\n }}\r\n />\r\n <Toolbar.Button onClick={handleClick}>\r\n <ArrowUpCircle />\r\n </Toolbar.Button>\r\n </div>\r\n </>\r\n )}\r\n </>\r\n </Surface>\r\n {!isLoading && (\r\n <Surface\r\n ref={scrollContainer}\r\n className='text-black max-h-[min(80vh,24rem)] overflow-auto flex-wrap mb-8 p-2'\r\n >\r\n <div className='grid grid-cols-1 gap-0.5'>\r\n {hasCompletion ? (\r\n <AISelectorCommands\r\n editor={editor}\r\n messages={object}\r\n onSelect={(value, options) => {\r\n if (options?.option === 'translate') {\r\n submit({ prompt: value, body: options })\r\n } else {\r\n submit({\r\n prompt: value,\r\n body: { ...options, source: editor?.storage?.aiCommand?.language },\r\n })\r\n }\r\n }}\r\n />\r\n ) : (\r\n items.map((group, groupIndex: number) => (\r\n <React.Fragment key={`${group.title}-wrapper`}>\r\n <div\r\n className='text-neutral-500 text-[0.65rem] col-[1/-1] mx-2 mt-4 font-semibold tracking-wider select-none uppercase first:mt-0.5'\r\n key={`${group.title}`}\r\n >\r\n {group.title}\r\n </div>\r\n {group.commands.map((command: Command, commandIndex: number) => (\r\n <DropdownButton\r\n key={`${command.label}`}\r\n isActive={\r\n selectedGroupIndex === groupIndex && selectedCommandIndex === commandIndex\r\n }\r\n onClick={createCommandClickHandler(groupIndex, commandIndex)}\r\n >\r\n <Icon icon={command.icon} className='mr-1' />\r\n {command.label}\r\n </DropdownButton>\r\n ))}\r\n </React.Fragment>\r\n ))\r\n )}\r\n </div>\r\n </Surface>\r\n )}\r\n </>\r\n )\r\n },\r\n)\r\n"],"names":["ArrowUpCircle","Sparkles","React","forwardRef","useCallback","useEffect","useImperativeHandle","useRef","useState","Markdown","TextareaAutosize","experimental_useObject","useObject","i18next","TiptapSchema","AISelectorCommands","CrazySpinner","DropdownButton","Icon","ScrollArea","Surface","Toolbar","useExtractMarkdown","AICommandPanel","editor","onOpenChange","userPrompt","items","restProps","ref","inputValue","setInputValue","view","scrollContainer","activeItem","selectedGroupIndex","setSelectedGroupIndex","selectedCommandIndex","setSelectedCommandIndex","editorNode","dom","boundigClient","getBoundingClientRect","inputRef","object","submit","isLoading","api","schema","markdown","hasCompletion","Boolean","handleClick","prompt","body","option","command","language","storage","aiCommand","selection","completion","content","selectItem","groupIndex","commandIndex","commands","action","onKeyDown","event","key","length","newCommandIndex","newGroupIndex","current","offsetTop","offsetHeight","scrollTop","createCommandClickHandler","className","style","width","div","dir","resize","value","onChange","e","target","placeholder","t","autoFocus","Button","onClick","messages","onSelect","options","source","map","group","Fragment","title","isActive","icon","label"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/AICommandPanel/AICommandPanel.tsx"],"sourcesContent":["'use client'\r\nimport { ArrowUpCircle, Sparkles } from 'lucide-react'\r\nimport React, {\r\n forwardRef,\r\n useCallback,\r\n useEffect,\r\n useImperativeHandle,\r\n useRef,\r\n useState,\r\n} from 'react'\r\nimport Markdown from 'react-markdown'\r\nimport TextareaAutosize from 'react-textarea-autosize'\r\n\r\nimport { Editor } from '@tiptap/react'\r\n\r\nimport { experimental_useObject as useObject } from '@ai-sdk/react'\r\nimport i18next from 'i18next'\r\nimport { Command, Group } from '../../../extensions/AICommand/types.js'\r\nimport { TiptapSchema } from '../../../lib/tiptapSchema.js'\r\nimport { getPrevText } from '../../../lib/utils/index.js'\r\nimport AISelectorCommands from '../../menus/TextMenu/components/ai-selector-commands.js'\r\nimport CrazySpinner from '../../ui/crazy-spinner.js'\r\nimport { DropdownButton } from '../../ui/Dropdown/Dropdown.js'\r\nimport { Icon } from '../../ui/Icon.js'\r\nimport { ScrollArea } from '../../ui/scroll-area.js'\r\nimport { Surface } from '../../ui/Surface.js'\r\nimport { Toolbar } from '../../ui/Toolbar.js'\r\nimport { useExtractMarkdown } from '../AIEditorPanel/markdown.hook.js'\r\n\r\nexport type AICommandPanelProps = {\r\n editor: Editor\r\n userPrompt?: string\r\n onOpenChange: (value: boolean) => void\r\n items: Group[]\r\n}\r\n\r\nexport const AICommandPanel = forwardRef(\r\n ({ editor, onOpenChange, userPrompt, items, ...restProps }: AICommandPanelProps, ref) => {\r\n const [inputValue, setInputValue] = useState(userPrompt ?? '')\r\n const { view } = editor\r\n const scrollContainer = useRef<HTMLDivElement>(null)\r\n const activeItem = useRef<HTMLButtonElement>(null)\r\n const [selectedGroupIndex, setSelectedGroupIndex] = useState(0)\r\n const [selectedCommandIndex, setSelectedCommandIndex] = useState(0)\r\n\r\n const editorNode = view.dom as HTMLElement\r\n const boundigClient = editorNode.getBoundingClientRect()\r\n const inputRef = useRef<HTMLTextAreaElement>(null)\r\n\r\n const { object, submit, isLoading } = useObject({\r\n api: '/api/generate',\r\n schema: TiptapSchema,\r\n })\r\n\r\n const { markdown } = useExtractMarkdown(object)\r\n\r\n const hasCompletion = Boolean(object)\r\n\r\n const handleClick = useCallback(() => {\r\n if (object) {\r\n submit({\r\n prompt: '',\r\n body: {\r\n option: 'zap',\r\n command: inputValue,\r\n language: editor?.storage?.aiCommand?.language,\r\n selection: object,\r\n },\r\n })\r\n setInputValue('')\r\n return\r\n }\r\n\r\n submit({\r\n prompt: '',\r\n body: {\r\n option: 'zap',\r\n command: inputValue,\r\n language: editor?.storage?.aiCommand?.language,\r\n },\r\n })\r\n setInputValue('')\r\n }, [editor?.storage?.aiCommand?.language, inputValue, object, submit])\r\n\r\n useEffect(() => {\r\n if (userPrompt) setInputValue(userPrompt)\r\n }, [userPrompt])\r\n useEffect(() => {\r\n if (!!hasCompletion) {\r\n editor.storage.aiCommand.completion = object?.content ?? []\r\n }\r\n }, [markdown, isLoading])\r\n\r\n useEffect(() => {\r\n setSelectedGroupIndex(0)\r\n setSelectedCommandIndex(0)\r\n }, [items])\r\n\r\n const selectItem = useCallback(\r\n (groupIndex: number, commandIndex: number) => {\r\n const command = items[groupIndex].commands[commandIndex]\r\n setInputValue(command.action(editor))\r\n },\r\n [items, editor],\r\n )\r\n\r\n useImperativeHandle(ref, () => ({\r\n onKeyDown: ({ event }: { event: React.KeyboardEvent }) => {\r\n if (event.key === 'ArrowDown') {\r\n if (!items.length) {\r\n return false\r\n }\r\n\r\n const commands = items[selectedGroupIndex].commands\r\n\r\n let newCommandIndex = selectedCommandIndex + 1\r\n let newGroupIndex = selectedGroupIndex\r\n\r\n if (commands.length - 1 < newCommandIndex) {\r\n newCommandIndex = 0\r\n newGroupIndex = selectedGroupIndex + 1\r\n }\r\n\r\n if (items.length - 1 < newGroupIndex) {\r\n newGroupIndex = 0\r\n }\r\n\r\n setSelectedCommandIndex(newCommandIndex)\r\n setSelectedGroupIndex(newGroupIndex)\r\n\r\n return true\r\n }\r\n\r\n if (event.key === 'ArrowUp') {\r\n if (!items.length) {\r\n return false\r\n }\r\n\r\n let newCommandIndex = selectedCommandIndex - 1\r\n let newGroupIndex = selectedGroupIndex\r\n\r\n if (newCommandIndex < 0) {\r\n newGroupIndex = selectedGroupIndex - 1\r\n newCommandIndex = items[newGroupIndex]?.commands.length - 1 \|\| 0\r\n }\r\n\r\n if (newGroupIndex < 0) {\r\n newGroupIndex = items.length - 1\r\n newCommandIndex = items[newGroupIndex].commands.length - 1\r\n }\r\n\r\n setSelectedCommandIndex(newCommandIndex)\r\n setSelectedGroupIndex(newGroupIndex)\r\n\r\n return true\r\n }\r\n\r\n if (event.key === 'Enter') {\r\n if (!items.length \|\| selectedGroupIndex === -1 \|\| selectedCommandIndex === -1) {\r\n return false\r\n }\r\n\r\n selectItem(selectedGroupIndex, selectedCommandIndex)\r\n\r\n return true\r\n }\r\n\r\n return false\r\n },\r\n }))\r\n\r\n useEffect(() => {\r\n if (activeItem.current && scrollContainer.current) {\r\n const offsetTop = activeItem.current.offsetTop\r\n const offsetHeight = activeItem.current.offsetHeight\r\n\r\n scrollContainer.current.scrollTop = offsetTop - offsetHeight\r\n }\r\n }, [selectedCommandIndex, selectedGroupIndex])\r\n\r\n const createCommandClickHandler = useCallback(\r\n (groupIndex: number, commandIndex: number) => {\r\n return () => {\r\n selectItem(groupIndex, commandIndex)\r\n }\r\n },\r\n [selectItem],\r\n )\r\n\r\n return (\r\n <>\r\n <Surface\r\n className={`p-2 min-w-[20rem] flex flex-col gap-2 w-full ${\r\n hasCompletion ? '-mt-72' : ''\r\n }`}\r\n style={{\r\n width: boundigClient?.width,\r\n }}\r\n >\r\n <>\r\n {markdown && (\r\n <div className='flex w-full'>\r\n <ScrollArea className='prose p-2 px-4 prose-sm max-h-96' dir={i18next.dir()}>\r\n <Markdown>{markdown}</Markdown>\r\n </ScrollArea>\r\n </div>\r\n )}\r\n\r\n {isLoading && (\r\n <div\r\n className='flex h-12 w-full items-center px-4 text-sm font-medium text-muted-foreground text-blue-500'\r\n style={{\r\n width: boundigClient?.width,\r\n }}\r\n >\r\n <Sparkles className='mr-2 h-4 w-4 shrink-0 ' />\r\n AI (Beta) is thinking\r\n <div className='ml-2 mt-1'>\r\n <CrazySpinner />\r\n </div>\r\n </div>\r\n )}\r\n\r\n {!isLoading && (\r\n <>\r\n <div className='flex justify-between items-center '>\r\n <Sparkles className='mr-2 h-4 w-4 shrink-0 text-blue-500 ' />\r\n <TextareaAutosize\r\n ref={inputRef}\r\n style={{ resize: 'none' }}\r\n className='w-full p-2 text-black bg-white rounded dark:bg-black dark:text-white focus:outline-none outline-none border-0 '\r\n value={inputValue}\r\n onChange={(e) => {\r\n editor.storage.aiCommand.userPrompt = e.target.value\r\n setInputValue(e.target.value)\r\n }}\r\n placeholder={\r\n hasCompletion\r\n ? i18next.t('tellAiPlaceholder') \|\| 'Tell AI (Beta) what to do next'\r\n : i18next.t('askAiPlaceholder') \|\| 'Ask AI (Beta) to edit or generate...'\r\n }\r\n autoFocus\r\n onKeyDown={(e) => {\r\n if (e.key === 'Enter') handleClick()\r\n }}\r\n />\r\n <Toolbar.Button onClick={handleClick}>\r\n <ArrowUpCircle />\r\n </Toolbar.Button>\r\n </div>\r\n </>\r\n )}\r\n </>\r\n </Surface>\r\n {!isLoading && (\r\n <Surface\r\n ref={scrollContainer}\r\n className='text-black max-h-[min(80vh,24rem)] overflow-auto flex-wrap mb-8 p-2'\r\n >\r\n <div className='grid grid-cols-1 gap-0.5'>\r\n {hasCompletion ? (\r\n <AISelectorCommands\r\n editor={editor}\r\n messages={object}\r\n onSelect={(value, options) => {\r\n if (options?.option === 'translate') {\r\n submit({ prompt: value, body: options })\r\n } else {\r\n submit({\r\n prompt: value,\r\n body: { ...options, source: editor?.storage?.aiCommand?.language },\r\n })\r\n }\r\n }}\r\n />\r\n ) : (\r\n items.map((group, groupIndex: number) => (\r\n <React.Fragment key={`${group.title}-wrapper`}>\r\n <div\r\n className='text-neutral-500 text-[0.65rem] col-[1/-1] mx-2 mt-4 font-semibold tracking-wider select-none uppercase first:mt-0.5'\r\n key={`${group.title}`}\r\n >\r\n {group.title}\r\n </div>\r\n {group.commands.map((command: Command, commandIndex: number) => (\r\n <DropdownButton\r\n key={`${command.label}`}\r\n isActive={\r\n selectedGroupIndex === groupIndex && selectedCommandIndex === commandIndex\r\n }\r\n onClick={createCommandClickHandler(groupIndex, commandIndex)}\r\n >\r\n <Icon icon={command.icon} className='mr-1' />\r\n {command.label}\r\n </DropdownButton>\r\n ))}\r\n </React.Fragment>\r\n ))\r\n )}\r\n </div>\r\n </Surface>\r\n )}\r\n </>\r\n )\r\n },\r\n)\r\n"],"names":["ArrowUpCircle","Sparkles","React","forwardRef","useCallback","useEffect","useImperativeHandle","useRef","useState","Markdown","TextareaAutosize","experimental_useObject","useObject","i18next","TiptapSchema","AISelectorCommands","CrazySpinner","DropdownButton","Icon","ScrollArea","Surface","Toolbar","useExtractMarkdown","AICommandPanel","editor","onOpenChange","userPrompt","items","restProps","ref","inputValue","setInputValue","view","scrollContainer","activeItem","selectedGroupIndex","setSelectedGroupIndex","selectedCommandIndex","setSelectedCommandIndex","editorNode","dom","boundigClient","getBoundingClientRect","inputRef","object","submit","isLoading","api","schema","markdown","hasCompletion","Boolean","handleClick","prompt","body","option","command","language","storage","aiCommand","selection","completion","content","selectItem","groupIndex","commandIndex","commands","action","onKeyDown","event","key","length","newCommandIndex","newGroupIndex","current","offsetTop","offsetHeight","scrollTop","createCommandClickHandler","className","style","width","div","dir","resize","value","onChange","e","target","placeholder","t","autoFocus","Button","onClick","messages","onSelect","options","source","map","group","Fragment","title","isActive","icon","label"],"mappings":"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"}

package/dist/src/fields/TiptapEditor/features/panels/AIEditorPanel/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/AIEditorPanel/utils.ts"],"sourcesContent":["\r\nimport json5 from 'json5';\r\n\r\nexport const convertBody = (body: string) => {\r\n try {\r\n let parsedBody = body.replace('```json', '').replace('```', '');\r\n parsedBody = json5.parse(parsedBody);\r\n return parsedBody as unknown as object[];\r\n } catch (error) {\r\n try {\r\n const fixedJson = jsonFixer(body);\r\n return json5.parse(fixedJson);\r\n } catch (error) {\r\n console.error('Error occured When parsing translated error: ', error);\r\n console.error('Error occured When parsing translated body ', body);\r\n throw new Error(\r\n `Openapi translate with assistant An error occurred while processing your request .error: ${error} body: ${body}`,\r\n );\r\n }\r\n }\r\n}\r\n\r\nexport const jsonFixer = (json: string, provider?: string) => {\r\n if (provider === 'bedrock') {\r\n json += '}';\r\n }\r\n let fixedText = json\r\n .replace('```json', '')\r\n .replace('```', '')\r\n .replace(/”/g, '\"')\r\n .replace(/“/g, '\"')\r\n .replace(/’/g, \"'\")\r\n .replace(/‘/g, \"'\");\r\n\r\n const regex = /\"text\":\\s\"([^])\"/g;\r\n\r\n // Metinde her text alanını kontrol et\r\n fixedText = fixedText.replace(regex, (match, p1) => {\r\n let text = p1.trim();\r\n\r\n if (!text.startsWith('\"')) {\r\n text = '\"' + text;\r\n }\r\n\r\n if (!text.endsWith('\"')) {\r\n text = text + '\"';\r\n }\r\n\r\n return `\"text\": ${text}`;\r\n });\r\n\r\n return fixedText;\r\n};\r\n\r\nexport const formatCompletion = (completion: string) => {\r\n const translatedText = completion\r\n .trim()\r\n .replace(/<translated_text>/g, '')\r\n .replace('</translated_text>', '');\r\n const body = convertBody(translatedText)\r\n return body\r\n}\r\n\r\nexport const checkJsonCompletion = (completion: string) => {\r\n return completion.includes(\"```json\") \|\| completion.includes(\"\\\"type\\\":\") \|\| completion.includes(\"\\\"content\\\":\")\r\n}"],"names":["json5","convertBody","body","parsedBody","replace","parse","error","fixedJson","jsonFixer","console","Error","json","provider","fixedText","regex","match","p1","text","trim","startsWith","endsWith","formatCompletion","completion","translatedText","checkJsonCompletion","includes"],"mappings":"AACA,OAAOA,WAAW,QAAQ;AAE1B,OAAO,MAAMC,cAAc,CAACC;IACxB,IAAI;QACA,IAAIC,aAAaD,KAAKE,OAAO,CAAC,WAAW,IAAIA,OAAO,CAAC,OAAO;QAC5DD,aAAaH,MAAMK,KAAK,CAACF;QACzB,OAAOA;IACX,EAAE,OAAOG,OAAO;QACZ,IAAI;YACA,MAAMC,YAAYC,UAAUN;YAC5B,OAAOF,MAAMK,KAAK,CAACE;QACvB,EAAE,OAAOD,OAAO;YACZG,QAAQH,KAAK,CAAC,iDAAiDA;YAC/DG,QAAQH,KAAK,CAAC,+CAA+CJ;YAC7D,MAAM,IAAIQ,MACN,CAAC,yFAAyF,EAAEJ,MAAM,OAAO,EAAEJ,~~KAAK,CAAC~~;QAEzH;IACJ;AACJ,EAAC;AAED,OAAO,MAAMM,YAAY,CAACG,MAAcC;IACpC,IAAIA,aAAa,WAAW;QACxBD,QAAQ;IACZ;IACA,IAAIE,YAAYF,KACXP,OAAO,CAAC,WAAW,IACnBA,OAAO,CAAC,OAAO,IACfA,OAAO,CAAC,MAAM,KACdA,OAAO,CAAC,MAAM,KACdA,OAAO,CAAC,MAAM,KACdA,OAAO,CAAC,MAAM;IAEnB,MAAMU,QAAQ;IAEd,sCAAsC;IACtCD,YAAYA,UAAUT,OAAO,CAACU,OAAO,CAACC,OAAOC;QACzC,IAAIC,OAAOD,GAAGE,IAAI;QAElB,IAAI,CAACD,KAAKE,UAAU,CAAC,MAAM;YACvBF,OAAO,MAAMA;QACjB;QAEA,IAAI,CAACA,KAAKG,QAAQ,CAAC,MAAM;YACrBH,OAAOA,OAAO;QAClB;QAEA,OAAO,CAAC,QAAQ,EAAEA,~~KAAK,CAAC~~;IAC5B;IAEA,OAAOJ;AACX,EAAE;AAEF,OAAO,MAAMQ,mBAAmB,CAACC;IAC7B,MAAMC,iBAAiBD,WAClBJ,IAAI,GACJd,OAAO,CAAC,sBAAsB,IAC9BA,OAAO,CAAC,sBAAsB;IACnC,MAAMF,OAAOD,YAAYsB;IACzB,OAAOrB;AACX,EAAC;AAED,OAAO,MAAMsB,sBAAsB,CAACF;IAChC,OAAOA,WAAWG,QAAQ,CAAC,cAAcH,WAAWG,QAAQ,CAAC,gBAAgBH,WAAWG,QAAQ,CAAC;AACrG,EAAC"}
1	+ {"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/AIEditorPanel/utils.ts"],"sourcesContent":["\r\nimport json5 from 'json5';\r\n\r\nexport const convertBody = (body: string) => {\r\n try {\r\n let parsedBody = body.replace('```json', '').replace('```', '');\r\n parsedBody = json5.parse(parsedBody);\r\n return parsedBody as unknown as object[];\r\n } catch (error) {\r\n try {\r\n const fixedJson = jsonFixer(body);\r\n return json5.parse(fixedJson);\r\n } catch (error) {\r\n console.error('Error occured When parsing translated error: ', error);\r\n console.error('Error occured When parsing translated body ', body);\r\n throw new Error(\r\n `Openapi translate with assistant An error occurred while processing your request .error: ${error} body: ${body}`,\r\n );\r\n }\r\n }\r\n}\r\n\r\nexport const jsonFixer = (json: string, provider?: string) => {\r\n if (provider === 'bedrock') {\r\n json += '}';\r\n }\r\n let fixedText = json\r\n .replace('```json', '')\r\n .replace('```', '')\r\n .replace(/”/g, '\"')\r\n .replace(/“/g, '\"')\r\n .replace(/’/g, \"'\")\r\n .replace(/‘/g, \"'\");\r\n\r\n const regex = /\"text\":\\s\"([^])\"/g;\r\n\r\n // Metinde her text alanını kontrol et\r\n fixedText = fixedText.replace(regex, (match, p1) => {\r\n let text = p1.trim();\r\n\r\n if (!text.startsWith('\"')) {\r\n text = '\"' + text;\r\n }\r\n\r\n if (!text.endsWith('\"')) {\r\n text = text + '\"';\r\n }\r\n\r\n return `\"text\": ${text}`;\r\n });\r\n\r\n return fixedText;\r\n};\r\n\r\nexport const formatCompletion = (completion: string) => {\r\n const translatedText = completion\r\n .trim()\r\n .replace(/<translated_text>/g, '')\r\n .replace('</translated_text>', '');\r\n const body = convertBody(translatedText)\r\n return body\r\n}\r\n\r\nexport const checkJsonCompletion = (completion: string) => {\r\n return completion.includes(\"```json\") \|\| completion.includes(\"\\\"type\\\":\") \|\| completion.includes(\"\\\"content\\\":\")\r\n}"],"names":["json5","convertBody","body","parsedBody","replace","parse","error","fixedJson","jsonFixer","console","Error","json","provider","fixedText","regex","match","p1","text","trim","startsWith","endsWith","formatCompletion","completion","translatedText","checkJsonCompletion","includes"],"mappings":"AACA,OAAOA,WAAW,QAAQ;AAE1B,OAAO,MAAMC,cAAc,CAACC;IACxB,IAAI;QACA,IAAIC,aAAaD,KAAKE,OAAO,CAAC,WAAW,IAAIA,OAAO,CAAC,OAAO;QAC5DD,aAAaH,MAAMK,KAAK,CAACF;QACzB,OAAOA;IACX,EAAE,OAAOG,OAAO;QACZ,IAAI;YACA,MAAMC,YAAYC,UAAUN;YAC5B,OAAOF,MAAMK,KAAK,CAACE;QACvB,EAAE,OAAOD,OAAO;YACZG,QAAQH,KAAK,CAAC,iDAAiDA;YAC/DG,QAAQH,KAAK,CAAC,+CAA+CJ;YAC7D,MAAM,IAAIQ,MACN,CAAC,yFAAyF,EAAEJ,MAAM,OAAO,EAAEJ,MAAM;QAEzH;IACJ;AACJ,EAAC;AAED,OAAO,MAAMM,YAAY,CAACG,MAAcC;IACpC,IAAIA,aAAa,WAAW;QACxBD,QAAQ;IACZ;IACA,IAAIE,YAAYF,KACXP,OAAO,CAAC,WAAW,IACnBA,OAAO,CAAC,OAAO,IACfA,OAAO,CAAC,MAAM,KACdA,OAAO,CAAC,MAAM,KACdA,OAAO,CAAC,MAAM,KACdA,OAAO,CAAC,MAAM;IAEnB,MAAMU,QAAQ;IAEd,sCAAsC;IACtCD,YAAYA,UAAUT,OAAO,CAACU,OAAO,CAACC,OAAOC;QACzC,IAAIC,OAAOD,GAAGE,IAAI;QAElB,IAAI,CAACD,KAAKE,UAAU,CAAC,MAAM;YACvBF,OAAO,MAAMA;QACjB;QAEA,IAAI,CAACA,KAAKG,QAAQ,CAAC,MAAM;YACrBH,OAAOA,OAAO;QAClB;QAEA,OAAO,CAAC,QAAQ,EAAEA,MAAM;IAC5B;IAEA,OAAOJ;AACX,EAAE;AAEF,OAAO,MAAMQ,mBAAmB,CAACC;IAC7B,MAAMC,iBAAiBD,WAClBJ,IAAI,GACJd,OAAO,CAAC,sBAAsB,IAC9BA,OAAO,CAAC,sBAAsB;IACnC,MAAMF,OAAOD,YAAYsB;IACzB,OAAOrB;AACX,EAAC;AAED,OAAO,MAAMsB,sBAAsB,CAACF;IAChC,OAAOA,WAAWG,QAAQ,CAAC,cAAcH,WAAWG,QAAQ,CAAC,gBAAgBH,WAAWG,QAAQ,CAAC;AACrG,EAAC"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/fields/TiptapEditor/hooks/useBlockEditor.ts"],"sourcesContent":["\"use client\";\r\nimport { useEffect, useMemo } from \"react\";\r\n\r\nimport { Editor, useEditor } from \"@tiptap/react\";\r\n\r\nimport ExtensionKit from \"../extensions/extension-kit.js\";\r\nimport { EditorUser } from \"../features/BlockEditor/types.js\";\r\nimport { useSidebar } from \"./useSidebar.js\";\r\n\r\nimport TurndownService from \"turndown\";\r\nimport { gfm } from \"turndown-plugin-gfm\";\r\nimport { AssetReturnType, openAssetHQType } from \"../types.js\";\r\nimport i18next from \"i18next\";\r\n\r\ndeclare global {\r\n interface Window {\r\n editor: Editor \| null;\r\n }\r\n}\r\n\r\nconst dummyAssetHqHandler = (\r\n listener: (asset: AssetReturnType) => void,\r\n file?: File\r\n) => {};\r\n\r\nexport const useBlockEditor = ({\r\n content,\r\n handleChange,\r\n openAssetHQHandler,\r\n additionalContext,\r\n autoFocus,\r\n isEditable,\r\n}: {\r\n content: { html: string; json: any };\r\n handleChange?: (data: any) => void;\r\n openAssetHQHandler?: openAssetHQType;\r\n additionalContext?: Record<string, any>;\r\n autoFocus: boolean;\r\n isEditable?: boolean;\r\n}) => {\r\n const leftSidebar = useSidebar();\r\n\r\n const turndownService = new TurndownService({});\r\n // Use the gfm plugin\r\n turndownService.use(gfm);\r\n turndownService.addRule(\"twitter\", {\r\n filter: \"div\",\r\n replacement: function (content) {\r\n return \"\\n\\n\" + content + \"\\n\\n\";\r\n },\r\n });\r\n const dir = i18next.dir()\r\n\r\n const editor = useEditor(\r\n {\r\n content: content?.json ?? content ?? {},\r\n immediatelyRender: false,\r\n autofocus: autoFocus ?? true,\r\n editable: isEditable ?? true,\r\n onCreate: ({ editor }) => ({\r\n // provider?.on('synced', () => {\r\n // if (editor.isEmpty) {\r\n // editor.commands.setContent(initialContent)\r\n // }\r\n // })\r\n }),\r\n extensions: [\r\n ...ExtensionKit({\r\n dir: i18next.dir(),\r\n openAssetHQHandler: openAssetHQHandler ?? dummyAssetHqHandler,\r\n // provider,\r\n }),\r\n // Collaboration.configure({\r\n // document: ydoc,\r\n // }),\r\n // CollaborationCursor.configure({\r\n // provider,\r\n // user: {\r\n // name: randomElement(userNames),\r\n // color: randomElement(userColors),\r\n // },\r\n // }),\r\n ],\r\n editorProps: {\r\n attributes: {\r\n languages: i18next.language,\r\n autocomplete: \"off\",\r\n autocorrect: \"off\",\r\n autocapitalize: \"off\",\r\n class: \"min-h-full\",\r\n },\r\n },\r\n onUpdate: ({ editor }) => {\r\n handleChange(editor?.getJSON() ?? {});\r\n },\r\n },\r\n [dir]\r\n );\r\n\r\n useEffect(() => {\r\n if (editor?.storage?.aiCommand) {\r\n editor.storage.aiCommand.title = additionalContext?.title ?? \"\";\r\n editor.storage.aiCommand.language = additionalContext?.language ?? \"\";\r\n }\r\n }, [editor, additionalContext]);\r\n\r\n const users = useMemo(() => {\r\n if (!editor?.storage?.collaborationCursor?.users) {\r\n return [];\r\n }\r\n\r\n return editor?.storage?.collaborationCursor?.users.map(\r\n (user: EditorUser) => {\r\n const names = user.name?.split(\" \");\r\n const firstName = names?.[0];\r\n const lastName = names?.[names.length - 1];\r\n const initials = `${firstName?.[0] \|\| \"?\"}${lastName?.[0] \|\| \"?\"}`;\r\n\r\n return { ...user, initials: initials.length ? initials : \"?\" };\r\n }\r\n );\r\n }, [editor?.storage.collaborationCursor?.users]);\r\n\r\n const characterCount = editor?.storage.characterCount \|\| {\r\n characters: () => 0,\r\n words: () => 0,\r\n };\r\n\r\n // useEffect(() => {\r\n // provider?.on('status', (event: { status: WebSocketStatus }) => {\r\n // setCollabState(event.status)\r\n // })\r\n // }, [provider])\r\n\r\n if (typeof window != \"undefined\") window.editor = editor;\r\n\r\n return { editor, users, characterCount, leftSidebar };\r\n};\r\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"}
1	+ {"version":3,"sources":["../../../../../src/fields/TiptapEditor/hooks/useBlockEditor.ts"],"sourcesContent":["\"use client\";\r\nimport { useEffect, useMemo } from \"react\";\r\n\r\nimport { Editor, useEditor } from \"@tiptap/react\";\r\n\r\nimport ExtensionKit from \"../extensions/extension-kit.js\";\r\nimport { EditorUser } from \"../features/BlockEditor/types.js\";\r\nimport { useSidebar } from \"./useSidebar.js\";\r\n\r\nimport TurndownService from \"turndown\";\r\nimport { gfm } from \"turndown-plugin-gfm\";\r\nimport { AssetReturnType, openAssetHQType } from \"../types.js\";\r\nimport i18next from \"i18next\";\r\n\r\ndeclare global {\r\n interface Window {\r\n editor: Editor \| null;\r\n }\r\n}\r\n\r\nconst dummyAssetHqHandler = (\r\n listener: (asset: AssetReturnType) => void,\r\n file?: File\r\n) => {};\r\n\r\nexport const useBlockEditor = ({\r\n content,\r\n handleChange,\r\n openAssetHQHandler,\r\n additionalContext,\r\n autoFocus,\r\n isEditable,\r\n}: {\r\n content: { html: string; json: any };\r\n handleChange?: (data: any) => void;\r\n openAssetHQHandler?: openAssetHQType;\r\n additionalContext?: Record<string, any>;\r\n autoFocus: boolean;\r\n isEditable?: boolean;\r\n}) => {\r\n const leftSidebar = useSidebar();\r\n\r\n const turndownService = new TurndownService({});\r\n // Use the gfm plugin\r\n turndownService.use(gfm);\r\n turndownService.addRule(\"twitter\", {\r\n filter: \"div\",\r\n replacement: function (content) {\r\n return \"\\n\\n\" + content + \"\\n\\n\";\r\n },\r\n });\r\n const dir = i18next.dir()\r\n\r\n const editor = useEditor(\r\n {\r\n content: content?.json ?? content ?? {},\r\n immediatelyRender: false,\r\n autofocus: autoFocus ?? true,\r\n editable: isEditable ?? true,\r\n onCreate: ({ editor }) => ({\r\n // provider?.on('synced', () => {\r\n // if (editor.isEmpty) {\r\n // editor.commands.setContent(initialContent)\r\n // }\r\n // })\r\n }),\r\n extensions: [\r\n ...ExtensionKit({\r\n dir: i18next.dir(),\r\n openAssetHQHandler: openAssetHQHandler ?? dummyAssetHqHandler,\r\n // provider,\r\n }),\r\n // Collaboration.configure({\r\n // document: ydoc,\r\n // }),\r\n // CollaborationCursor.configure({\r\n // provider,\r\n // user: {\r\n // name: randomElement(userNames),\r\n // color: randomElement(userColors),\r\n // },\r\n // }),\r\n ],\r\n editorProps: {\r\n attributes: {\r\n languages: i18next.language,\r\n autocomplete: \"off\",\r\n autocorrect: \"off\",\r\n autocapitalize: \"off\",\r\n class: \"min-h-full\",\r\n },\r\n },\r\n onUpdate: ({ editor }) => {\r\n handleChange(editor?.getJSON() ?? {});\r\n },\r\n },\r\n [dir]\r\n );\r\n\r\n useEffect(() => {\r\n if (editor?.storage?.aiCommand) {\r\n editor.storage.aiCommand.title = additionalContext?.title ?? \"\";\r\n editor.storage.aiCommand.language = additionalContext?.language ?? \"\";\r\n }\r\n }, [editor, additionalContext]);\r\n\r\n const users = useMemo(() => {\r\n if (!editor?.storage?.collaborationCursor?.users) {\r\n return [];\r\n }\r\n\r\n return editor?.storage?.collaborationCursor?.users.map(\r\n (user: EditorUser) => {\r\n const names = user.name?.split(\" \");\r\n const firstName = names?.[0];\r\n const lastName = names?.[names.length - 1];\r\n const initials = `${firstName?.[0] \|\| \"?\"}${lastName?.[0] \|\| \"?\"}`;\r\n\r\n return { ...user, initials: initials.length ? initials : \"?\" };\r\n }\r\n );\r\n }, [editor?.storage.collaborationCursor?.users]);\r\n\r\n const characterCount = editor?.storage.characterCount \|\| {\r\n characters: () => 0,\r\n words: () => 0,\r\n };\r\n\r\n // useEffect(() => {\r\n // provider?.on('status', (event: { status: WebSocketStatus }) => {\r\n // setCollabState(event.status)\r\n // })\r\n // }, [provider])\r\n\r\n if (typeof window != \"undefined\") window.editor = editor;\r\n\r\n return { editor, users, characterCount, leftSidebar };\r\n};\r\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,GAAGH,WAAW,CAAC,EAAE,IAAI,MAAMC,UAAU,CAAC,EAAE,IAAI,KAAK;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"}

package/dist/src/fields/TiptapEditor/lib/tiptapSchema.d.ts CHANGED Viewed

@@ -19,21 +19,21 @@ export declare const JSONContentSchema: z.ZodObject<z.objectUtil.extendShape<{
             attrs?: Record<string, any>;
         }>, "many">>;
     }>, "strip", z.ZodTypeAny, {
-        type?: string;
-        attrs?: Record<string, any>;
         text?: string;
         marks?: {
             type?: string;
             attrs?: Record<string, any>;
         }[];
-    }, {
         type?: string;
         attrs?: Record<string, any>;
+    }, {
         text?: string;
         marks?: {
             type?: string;
             attrs?: Record<string, any>;
         }[];
+        type?: string;
+        attrs?: Record<string, any>;
     }>, z.ZodObject<z.objectUtil.extendShape<{
         type: z.ZodString;
         attrs: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodAny>>;
@@ -54,21 +54,21 @@ export declare const JSONContentSchema: z.ZodObject<z.objectUtil.extendShape<{
                 attrs?: Record<string, any>;
             }>, "many">>;
         }>, "strip", z.ZodTypeAny, {
-            type?: string;
-            attrs?: Record<string, any>;
             text?: string;
             marks?: {
                 type?: string;
                 attrs?: Record<string, any>;
             }[];
-        }, {
             type?: string;
             attrs?: Record<string, any>;
+        }, {
             text?: string;
             marks?: {
                 type?: string;
                 attrs?: Record<string, any>;
             }[];
+            type?: string;
+            attrs?: Record<string, any>;
         }>, z.ZodObject<{
             type: z.ZodString;
             attrs: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodAny>>;
@@ -80,89 +80,89 @@ export declare const JSONContentSchema: z.ZodObject<z.objectUtil.extendShape<{
             attrs?: Record<string, any>;
         }>]>, "many">>;
     }>, "strip", z.ZodTypeAny, {
-        type?: string;
         content?: ({
             type?: string;
             attrs?: Record<string, any>;
         } | {
-            type?: string;
-            attrs?: Record<string, any>;
             text?: string;
             marks?: {
                 type?: string;
                 attrs?: Record<string, any>;
             }[];
+            type?: string;
+            attrs?: Record<string, any>;
         })[];
+        type?: string;
         attrs?: Record<string, any>;
     }, {
-        type?: string;
         content?: ({
             type?: string;
             attrs?: Record<string, any>;
         } | {
-            type?: string;
-            attrs?: Record<string, any>;
             text?: string;
             marks?: {
                 type?: string;
                 attrs?: Record<string, any>;
             }[];
+            type?: string;
+            attrs?: Record<string, any>;
         })[];
+        type?: string;
         attrs?: Record<string, any>;
     }>]>, "many">>;
 }>, "strip", z.ZodTypeAny, {
-    type?: string;
     content?: ({
-        type?: string;
-        attrs?: Record<string, any>;
         text?: string;
         marks?: {
             type?: string;
             attrs?: Record<string, any>;
         }[];
-    } | {
         type?: string;
+        attrs?: Record<string, any>;
+    } | {
         content?: ({
             type?: string;
             attrs?: Record<string, any>;
         } | {
-            type?: string;
-            attrs?: Record<string, any>;
             text?: string;
             marks?: {
                 type?: string;
                 attrs?: Record<string, any>;
             }[];
+            type?: string;
+            attrs?: Record<string, any>;
         })[];
+        type?: string;
         attrs?: Record<string, any>;
     })[];
+    type?: string;
     attrs?: Record<string, any>;
 }, {
-    type?: string;
     content?: ({
-        type?: string;
-        attrs?: Record<string, any>;
         text?: string;
         marks?: {
             type?: string;
             attrs?: Record<string, any>;
         }[];
-    } | {
         type?: string;
+        attrs?: Record<string, any>;
+    } | {
         content?: ({
             type?: string;
             attrs?: Record<string, any>;
         } | {
-            type?: string;
-            attrs?: Record<string, any>;
             text?: string;
             marks?: {
                 type?: string;
                 attrs?: Record<string, any>;
             }[];
+            type?: string;
+            attrs?: Record<string, any>;
         })[];
+        type?: string;
         attrs?: Record<string, any>;
     })[];
+    type?: string;
     attrs?: Record<string, any>;
 }>;
 export declare const TiptapSchema: z.ZodObject<{
@@ -187,21 +187,21 @@ export declare const TiptapSchema: z.ZodObject<{
                 attrs?: Record<string, any>;
             }>, "many">>;
         }>, "strip", z.ZodTypeAny, {
-            type?: string;
-            attrs?: Record<string, any>;
             text?: string;
             marks?: {
                 type?: string;
                 attrs?: Record<string, any>;
             }[];
-        }, {
             type?: string;
             attrs?: Record<string, any>;
+        }, {
             text?: string;
             marks?: {
                 type?: string;
                 attrs?: Record<string, any>;
             }[];
+            type?: string;
+            attrs?: Record<string, any>;
         }>, z.ZodObject<z.objectUtil.extendShape<{
             type: z.ZodString;
             attrs: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodAny>>;
@@ -222,21 +222,21 @@ export declare const TiptapSchema: z.ZodObject<{
                     attrs?: Record<string, any>;
                 }>, "many">>;
             }>, "strip", z.ZodTypeAny, {
-                type?: string;
-                attrs?: Record<string, any>;
                 text?: string;
                 marks?: {
                     type?: string;
                     attrs?: Record<string, any>;
                 }[];
-            }, {
                 type?: string;
                 attrs?: Record<string, any>;
+            }, {
                 text?: string;
                 marks?: {
                     type?: string;
                     attrs?: Record<string, any>;
                 }[];
+                type?: string;
+                attrs?: Record<string, any>;
             }>, z.ZodObject<{
                 type: z.ZodString;
                 attrs: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodAny>>;
@@ -248,150 +248,150 @@ export declare const TiptapSchema: z.ZodObject<{
                 attrs?: Record<string, any>;
             }>]>, "many">>;
         }>, "strip", z.ZodTypeAny, {
-            type?: string;
             content?: ({
                 type?: string;
                 attrs?: Record<string, any>;
             } | {
-                type?: string;
-                attrs?: Record<string, any>;
                 text?: string;
                 marks?: {
                     type?: string;
                     attrs?: Record<string, any>;
                 }[];
+                type?: string;
+                attrs?: Record<string, any>;
             })[];
+            type?: string;
             attrs?: Record<string, any>;
         }, {
-            type?: string;
             content?: ({
                 type?: string;
                 attrs?: Record<string, any>;
             } | {
-                type?: string;
-                attrs?: Record<string, any>;
                 text?: string;
                 marks?: {
                     type?: string;
                     attrs?: Record<string, any>;
                 }[];
+                type?: string;
+                attrs?: Record<string, any>;
             })[];
+            type?: string;
             attrs?: Record<string, any>;
         }>]>, "many">>;
     }>, "strip", z.ZodTypeAny, {
-        type?: string;
         content?: ({
-            type?: string;
-            attrs?: Record<string, any>;
             text?: string;
             marks?: {
                 type?: string;
                 attrs?: Record<string, any>;
             }[];
-        } | {
             type?: string;
+            attrs?: Record<string, any>;
+        } | {
             content?: ({
                 type?: string;
                 attrs?: Record<string, any>;
             } | {
-                type?: string;
-                attrs?: Record<string, any>;
                 text?: string;
                 marks?: {
                     type?: string;
                     attrs?: Record<string, any>;
                 }[];
+                type?: string;
+                attrs?: Record<string, any>;
             })[];
+            type?: string;
             attrs?: Record<string, any>;
         })[];
+        type?: string;
         attrs?: Record<string, any>;
     }, {
-        type?: string;
         content?: ({
-            type?: string;
-            attrs?: Record<string, any>;
             text?: string;
             marks?: {
                 type?: string;
                 attrs?: Record<string, any>;
             }[];
-        } | {
             type?: string;
+            attrs?: Record<string, any>;
+        } | {
             content?: ({
                 type?: string;
                 attrs?: Record<string, any>;
             } | {
-                type?: string;
-                attrs?: Record<string, any>;
                 text?: string;
                 marks?: {
                     type?: string;
                     attrs?: Record<string, any>;
                 }[];
+                type?: string;
+                attrs?: Record<string, any>;
             })[];
+            type?: string;
             attrs?: Record<string, any>;
         })[];
+        type?: string;
         attrs?: Record<string, any>;
     }>, "many">;
 }, "strip", z.ZodTypeAny, {
-    type?: "doc";
     content?: {
-        type?: string;
         content?: ({
-            type?: string;
-            attrs?: Record<string, any>;
             text?: string;
             marks?: {
                 type?: string;
                 attrs?: Record<string, any>;
             }[];
-        } | {
             type?: string;
+            attrs?: Record<string, any>;
+        } | {
             content?: ({
                 type?: string;
                 attrs?: Record<string, any>;
             } | {
-                type?: string;
-                attrs?: Record<string, any>;
                 text?: string;
                 marks?: {
                     type?: string;
                     attrs?: Record<string, any>;
                 }[];
+                type?: string;
+                attrs?: Record<string, any>;
             })[];
+            type?: string;
             attrs?: Record<string, any>;
         })[];
+        type?: string;
         attrs?: Record<string, any>;
     }[];
-}, {
     type?: "doc";
+}, {
     content?: {
-        type?: string;
         content?: ({
-            type?: string;
-            attrs?: Record<string, any>;
             text?: string;
             marks?: {
                 type?: string;
                 attrs?: Record<string, any>;
             }[];
-        } | {
             type?: string;
+            attrs?: Record<string, any>;
+        } | {
             content?: ({
                 type?: string;
                 attrs?: Record<string, any>;
             } | {
-                type?: string;
-                attrs?: Record<string, any>;
                 text?: string;
                 marks?: {
                     type?: string;
                     attrs?: Record<string, any>;
                 }[];
+                type?: string;
+                attrs?: Record<string, any>;
             })[];
+            type?: string;
             attrs?: Record<string, any>;
         })[];
+        type?: string;
         attrs?: Record<string, any>;
     }[];
+    type?: "doc";
 }>;
 //# sourceMappingURL=tiptapSchema.d.ts.map

package/dist/src/fields/TiptapEditor/lib/utils/cssVar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../src/fields/TiptapEditor/lib/utils/cssVar.ts"],"sourcesContent":["export const cssVar = (name: string, value?: string) => {\r\n let currentName = name\r\n if (name.substring(0, 2) !== '--') {\r\n currentName = `--${currentName}`\r\n }\r\n\r\n if (value) {\r\n document.documentElement.style.setProperty(currentName, value)\r\n }\r\n\r\n return getComputedStyle(document.body).getPropertyValue(currentName)\r\n}\r\n\r\nexport default cssVar\r\n"],"names":["cssVar","name","value","currentName","substring","document","documentElement","style","setProperty","getComputedStyle","body","getPropertyValue"],"mappings":"AAAA,OAAO,MAAMA,SAAS,CAACC,MAAcC;IACnC,IAAIC,cAAcF;IAClB,IAAIA,KAAKG,SAAS,CAAC,GAAG,OAAO,MAAM;QACjCD,cAAc,CAAC,EAAE,EAAEA,~~YAAY,CAAC~~;IAClC;IAEA,IAAID,OAAO;QACTG,SAASC,eAAe,CAACC,KAAK,CAACC,WAAW,CAACL,aAAaD;IAC1D;IAEA,OAAOO,iBAAiBJ,SAASK,IAAI,EAAEC,gBAAgB,CAACR;AAC1D,EAAC;AAED,eAAeH,OAAM"}
1	+ {"version":3,"sources":["../../../../../../src/fields/TiptapEditor/lib/utils/cssVar.ts"],"sourcesContent":["export const cssVar = (name: string, value?: string) => {\r\n let currentName = name\r\n if (name.substring(0, 2) !== '--') {\r\n currentName = `--${currentName}`\r\n }\r\n\r\n if (value) {\r\n document.documentElement.style.setProperty(currentName, value)\r\n }\r\n\r\n return getComputedStyle(document.body).getPropertyValue(currentName)\r\n}\r\n\r\nexport default cssVar\r\n"],"names":["cssVar","name","value","currentName","substring","document","documentElement","style","setProperty","getComputedStyle","body","getPropertyValue"],"mappings":"AAAA,OAAO,MAAMA,SAAS,CAACC,MAAcC;IACnC,IAAIC,cAAcF;IAClB,IAAIA,KAAKG,SAAS,CAAC,GAAG,OAAO,MAAM;QACjCD,cAAc,CAAC,EAAE,EAAEA,aAAa;IAClC;IAEA,IAAID,OAAO;QACTG,SAASC,eAAe,CAACC,KAAK,CAACC,WAAW,CAACL,aAAaD;IAC1D;IAEA,OAAOO,iBAAiBJ,SAASK,IAAI,EAAEC,gBAAgB,CAACR;AAC1D,EAAC;AAED,eAAeH,OAAM"}