@akinon/ui-editor 1.0.5 → 1.0.7-rc.0

package/dist/esm/tiptap/components/menu-bar/__tests__/action-toolbar.test.js

@@ -33,45 +33,45 @@ describe('ActionToolbar', () => {
         });
     });
     it('should render all action buttons', () => {
-        render(React.createElement(ActionToolbar, { editor: editor, editorState: createEditorState(), isSourceMode: false, toggleSource: vi.fn() }));
+        render(React.createElement(ActionToolbar, { editor: editor, editorState: createEditorState(), isSourceMode: false, toggleSource: vi.fn(), onFormat: vi.fn() }));
         expect(screen.getByTestId('action-button-format-undo')).toBeInTheDocument();
         expect(screen.getByTestId('action-button-format-redo')).toBeInTheDocument();
         expect(screen.getByTestId('action-button-eye-open')).toBeInTheDocument();
     });
     it('should handle undo click', () => {
         const focusSpy = vi.spyOn(editor, 'chain');
-        render(React.createElement(ActionToolbar, { editor: editor, editorState: createEditorState({ canUndo: true }), isSourceMode: false, toggleSource: vi.fn() }));
+        render(React.createElement(ActionToolbar, { editor: editor, editorState: createEditorState({ canUndo: true }), isSourceMode: false, toggleSource: vi.fn(), onFormat: vi.fn() }));
         const undoButton = screen.getByTestId('action-button-format-undo');
         fireEvent.click(undoButton);
         expect(focusSpy).toHaveBeenCalled();
     });
     it('should handle redo click', () => {
         const focusSpy = vi.spyOn(editor, 'chain');
-        render(React.createElement(ActionToolbar, { editor: editor, editorState: createEditorState({ canRedo: true }), isSourceMode: false, toggleSource: vi.fn() }));
+        render(React.createElement(ActionToolbar, { editor: editor, editorState: createEditorState({ canRedo: true }), isSourceMode: false, toggleSource: vi.fn(), onFormat: vi.fn() }));
         const redoButton = screen.getByTestId('action-button-format-redo');
         fireEvent.click(redoButton);
         expect(focusSpy).toHaveBeenCalled();
     });
     it('should handle toggle source click', () => {
         const toggleSource = vi.fn();
-        render(React.createElement(ActionToolbar, { editor: editor, editorState: createEditorState(), isSourceMode: false, toggleSource: toggleSource }));
+        render(React.createElement(ActionToolbar, { editor: editor, editorState: createEditorState(), isSourceMode: false, toggleSource: toggleSource, onFormat: vi.fn() }));
         const sourceButton = screen.getByTestId('action-button-eye-open');
         fireEvent.click(sourceButton);
         expect(toggleSource).toHaveBeenCalled();
     });
     it('should disable undo and redo when in source mode', () => {
-        render(React.createElement(ActionToolbar, { editor: editor, editorState: createEditorState({ canUndo: true, canRedo: true }), isSourceMode: true, toggleSource: vi.fn() }));
+        render(React.createElement(ActionToolbar, { editor: editor, editorState: createEditorState({ canUndo: true, canRedo: true }), isSourceMode: true, toggleSource: vi.fn(), onFormat: vi.fn() }));
         expect(screen.getByTestId('action-button-format-undo')).toBeDisabled();
         expect(screen.getByTestId('action-button-format-redo')).toBeDisabled();
     });
     it('should show eye-close icon and normal mode tooltip when isSourceMode is true', () => {
-        render(React.createElement(ActionToolbar, { editor: editor, editorState: createEditorState(), isSourceMode: true, toggleSource: vi.fn() }));
+        render(React.createElement(ActionToolbar, { editor: editor, editorState: createEditorState(), isSourceMode: true, toggleSource: vi.fn(), onFormat: vi.fn() }));
         const sourceButton = screen.getByTestId('action-button-eye-close');
         expect(sourceButton).toBeInTheDocument();
         expect(sourceButton).toHaveAttribute('aria-label', 'Normal Mode');
     });
     it('should apply active class to source mode button when active', () => {
-        render(React.createElement(ActionToolbar, { editor: editor, editorState: createEditorState(), isSourceMode: true, toggleSource: vi.fn() }));
+        render(React.createElement(ActionToolbar, { editor: editor, editorState: createEditorState(), isSourceMode: true, toggleSource: vi.fn(), onFormat: vi.fn() }));
         const sourceButton = screen.getByTestId('action-button-eye-close');
         expect(sourceButton).toHaveClass('active');
     });

package/dist/esm/tiptap/components/menu-bar/__tests__/action-toolbar.test.tsx

@@ -105,6 +105,7 @@ describe('ActionToolbar', () => {
         editorState={createEditorState()}
         isSourceMode={false}
         toggleSource={vi.fn()}
+        onFormat={vi.fn()}
       />
     );
 
@@ -122,6 +123,7 @@ describe('ActionToolbar', () => {
         editorState={createEditorState({ canUndo: true })}
         isSourceMode={false}
         toggleSource={vi.fn()}
+        onFormat={vi.fn()}
       />
     );
 
@@ -140,6 +142,7 @@ describe('ActionToolbar', () => {
         editorState={createEditorState({ canRedo: true })}
         isSourceMode={false}
         toggleSource={vi.fn()}
+        onFormat={vi.fn()}
       />
     );
 
@@ -158,6 +161,7 @@ describe('ActionToolbar', () => {
         editorState={createEditorState()}
         isSourceMode={false}
         toggleSource={toggleSource}
+        onFormat={vi.fn()}
       />
     );
 
@@ -174,6 +178,7 @@ describe('ActionToolbar', () => {
         editorState={createEditorState({ canUndo: true, canRedo: true })}
         isSourceMode={true}
         toggleSource={vi.fn()}
+        onFormat={vi.fn()}
       />
     );
 
@@ -188,6 +193,7 @@ describe('ActionToolbar', () => {
         editorState={createEditorState()}
         isSourceMode={true}
         toggleSource={vi.fn()}
+        onFormat={vi.fn()}
       />
     );
 
@@ -203,6 +209,7 @@ describe('ActionToolbar', () => {
         editorState={createEditorState()}
         isSourceMode={true}
         toggleSource={vi.fn()}
+        onFormat={vi.fn()}
       />
     );
 

package/dist/esm/tiptap/components/menu-bar/__tests__/index.test.js

@@ -89,6 +89,7 @@ describe('MenuBar', () => {
     const defaultProps = {
         isSourceMode: false,
         toggleSource: vi.fn(),
+        onFormat: vi.fn(),
         onSave: vi.fn()
     };
     beforeEach(() => {

package/dist/esm/tiptap/components/menu-bar/__tests__/index.test.tsx

@@ -99,6 +99,7 @@ describe('MenuBar', () => {
   const defaultProps = {
     isSourceMode: false,
     toggleSource: vi.fn(),
+    onFormat: vi.fn(),
     onSave: vi.fn()
   };
 

package/dist/esm/tiptap/components/menu-bar/action-toolbar.d.ts

@@ -7,9 +7,10 @@ interface ActionToolbarProps {
     editorState: EditorState;
     isSourceMode: boolean;
     toggleSource: () => void;
+    onFormat: () => Promise<void>;
     disabled?: boolean;
     hiddenButtons?: Array<ToolbarButtonId>;
 }
-export declare const ActionToolbar: ({ editor, editorState, isSourceMode, toggleSource, disabled, hiddenButtons }: ActionToolbarProps) => React.JSX.Element;
+export declare const ActionToolbar: ({ editor, editorState, isSourceMode, toggleSource, onFormat, disabled, hiddenButtons }: ActionToolbarProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=action-toolbar.d.ts.map

package/dist/esm/tiptap/components/menu-bar/action-toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"action-toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/tiptap/components/menu-bar/action-toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AAGnC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEhE,UAAU,kBAAkB;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,WAAW,CAAC;IACzB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;CACxC;AAYD,eAAO,MAAM,aAAa,GAAI,8EAO3B,kBAAkB,sBAmDpB,CAAC"}
+{"version":3,"file":"action-toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/tiptap/components/menu-bar/action-toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AAGnC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEhE,UAAU,kBAAkB;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,WAAW,CAAC;IACzB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;CACxC;AAYD,eAAO,MAAM,aAAa,GAAI,wFAQ3B,kBAAkB,sBA6DpB,CAAC"}

package/dist/esm/tiptap/components/menu-bar/action-toolbar.js

@@ -3,7 +3,7 @@ import { Button } from '@akinon/ui-button';
 import React from 'react';
 import { i18n } from '../../../i18n';
 import { TOOLBAR_BUTTON_IDS } from '../../constants';
-export const ActionToolbar = ({ editor, editorState, isSourceMode, toggleSource, disabled = false, hiddenButtons = [] }) => {
+export const ActionToolbar = ({ editor, editorState, isSourceMode, toggleSource, onFormat, disabled = false, hiddenButtons = [] }) => {
     const activeCls = 'active';
     const actionButtons = [
         {
@@ -23,8 +23,16 @@ export const ActionToolbar = ({ editor, editorState, isSourceMode, toggleSource,
             disabled: disabled || isSourceMode || !editorState.canRedo
         },
         {
-            id: TOOLBAR_BUTTON_IDS.SOURCE_MODE,
+            id: TOOLBAR_BUTTON_IDS.FORMAT,
             key: 3,
+            icon: 'format-beautify',
+            tooltip: i18n.t('editor.toolbar.format'),
+            onClick: onFormat,
+            disabled: !isSourceMode
+        },
+        {
+            id: TOOLBAR_BUTTON_IDS.SOURCE_MODE,
+            key: 4,
             icon: isSourceMode ? 'eye-close' : 'eye-open',
             tooltip: isSourceMode
                 ? i18n.t('editor.toolbar.normal_mode')

package/dist/esm/tiptap/components/menu-bar/index.d.ts

@@ -5,13 +5,14 @@ interface MenuBarProps {
     editor: Editor;
     isSourceMode: boolean;
     toggleSource: () => void;
+    onFormat: () => Promise<void>;
     onSave?: () => void;
     className?: string;
     toolbar?: ToolbarConfig;
     readOnly?: boolean;
 }
 export declare const MenuBar: {
-    ({ editor, isSourceMode, toggleSource, className, toolbar, readOnly }: MenuBarProps): React.JSX.Element;
+    ({ editor, isSourceMode, toggleSource, onFormat, className, toolbar, readOnly }: MenuBarProps): React.JSX.Element;
     displayName: string;
 };
 export {};

package/dist/esm/tiptap/components/menu-bar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/tiptap/components/menu-bar/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAI5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAe,aAAa,EAAE,MAAM,aAAa,CAAC;AAS9D,UAAU,YAAY;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,OAAO;2EAOjB,YAAY;;CAqMd,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/tiptap/components/menu-bar/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAI5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAe,aAAa,EAAE,MAAM,aAAa,CAAC;AAS9D,UAAU,YAAY;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,OAAO;qFAQjB,YAAY;;CAsMd,CAAC"}

package/dist/esm/tiptap/components/menu-bar/index.js

@@ -12,7 +12,7 @@ import { LinkPopover } from './link-popover';
 import { ListAndBlockToolbar } from './list-and-block-toolbar';
 import { MediaToolbar } from './media-toolbar';
 import { TextFormattingToolbar } from './text-formatting-toolbar';
-export const MenuBar = ({ editor, isSourceMode, toggleSource, className, toolbar, readOnly = false }) => {
+export const MenuBar = ({ editor, isSourceMode, toggleSource, onFormat, className, toolbar, readOnly = false }) => {
     var _a, _b, _c, _d, _e, _f, _g;
     const { getPrefixCls, theme } = React.useContext(ConfigProvider.ConfigContext);
     const { token, hashId } = useToken();
@@ -126,6 +126,6 @@ export const MenuBar = ({ editor, isSourceMode, toggleSource, className, toolbar
             !((_d = toolbar === null || toolbar === void 0 ? void 0 : toolbar.hiddenGroups) === null || _d === void 0 ? void 0 : _d.includes(TOOLBAR_GROUP_IDS.LINK)) && (React.createElement(LinkPopover, { editor: editor, editorState: editorState, disabled: isDisabled })),
             !((_e = toolbar === null || toolbar === void 0 ? void 0 : toolbar.hiddenGroups) === null || _e === void 0 ? void 0 : _e.includes(TOOLBAR_GROUP_IDS.MEDIA)) && (React.createElement(MediaToolbar, { editor: editor, editorState: editorState, disabled: isDisabled, hiddenButtons: toolbar === null || toolbar === void 0 ? void 0 : toolbar.hiddenButtons })),
             !((_f = toolbar === null || toolbar === void 0 ? void 0 : toolbar.hiddenGroups) === null || _f === void 0 ? void 0 : _f.includes(TOOLBAR_GROUP_IDS.ALIGNMENT)) && (React.createElement(AlignmentToolbar, { editor: editor, editorState: editorState, disabled: isDisabled })),
-            !((_g = toolbar === null || toolbar === void 0 ? void 0 : toolbar.hiddenGroups) === null || _g === void 0 ? void 0 : _g.includes(TOOLBAR_GROUP_IDS.HISTORY)) && (React.createElement(ActionToolbar, { editor: editor, editorState: editorState, isSourceMode: isSourceMode, toggleSource: toggleSource, disabled: readOnly, hiddenButtons: toolbar === null || toolbar === void 0 ? void 0 : toolbar.hiddenButtons })))));
+            !((_g = toolbar === null || toolbar === void 0 ? void 0 : toolbar.hiddenGroups) === null || _g === void 0 ? void 0 : _g.includes(TOOLBAR_GROUP_IDS.HISTORY)) && (React.createElement(ActionToolbar, { editor: editor, editorState: editorState, isSourceMode: isSourceMode, toggleSource: toggleSource, onFormat: onFormat, disabled: readOnly, hiddenButtons: toolbar === null || toolbar === void 0 ? void 0 : toolbar.hiddenButtons })))));
 };
 MenuBar.displayName = 'MenuBar';

package/dist/esm/tiptap/components/tiptap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tiptap.d.ts","sourceRoot":"","sources":["../../../../src/tiptap/components/tiptap.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAQvE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AAOhD,eAAO,MAAM,MAAM,GAAI,iHAUpB,eAAe,sBAiZjB,CAAC"}
+{"version":3,"file":"tiptap.d.ts","sourceRoot":"","sources":["../../../../src/tiptap/components/tiptap.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAQvE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AAWhD,eAAO,MAAM,MAAM,GAAI,iHAUpB,eAAe,sBAmajB,CAAC"}

package/dist/esm/tiptap/components/tiptap.js

@@ -8,7 +8,7 @@ import clsx from 'clsx';
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { DragHandleIcon } from '../assets/icons';
 import { EDITOR_CONTENT_HEIGHT, getTableCellDefaults, getTableHeaderDefaults } from '../constants';
-import { cleanDuplicateSpans, getExtensions } from '../utils';
+import { cleanDuplicateSpans, formatHtmlWithPrettier, getExtensions } from '../utils';
 import { FormatBubbleMenu } from './format-bubble-menu';
 import { HtmlCodeViewer } from './html-code-viewer';
 import { MenuBar } from './menu-bar';
@@ -47,19 +47,27 @@ export const Tiptap = ({ value, defaultValue, onChange, readOnly = false, classN
     const editor = useEditor({
         editable: !readOnly,
         content: defaultValue !== undefined ? defaultValue : value,
-        onUpdate: ({ editor }) => {
+        extensions,
+        editorProps
+    });
+    useEffect(() => {
+        if (!editor)
+            return;
+        const handleUpdate = () => {
             var _a;
             (_a = onChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onChangeRef, {
                 html: editor.getHTML(),
                 json: editor.getJSON()
             });
-        },
-        extensions,
-        editorProps
-    });
+        };
+        editor.on('update', handleUpdate);
+        return () => {
+            editor.off('update', handleUpdate);
+        };
+    }, [editor]);
     useEffect(() => {
         if (editor) {
-            editor.setEditable(!readOnly);
+            editor.setEditable(!readOnly, false);
         }
     }, [editor, readOnly]);
     useEffect(() => {
@@ -67,7 +75,7 @@ export const Tiptap = ({ value, defaultValue, onChange, readOnly = false, classN
             value !== undefined &&
             value !== prevValueRef.current &&
             value !== editor.getHTML()) {
-            editor.commands.setContent(value);
+            editor.commands.setContent(value, { emitUpdate: false });
             if (isSourceMode) {
                 setRawHTML(value);
             }
@@ -127,6 +135,12 @@ export const Tiptap = ({ value, defaultValue, onChange, readOnly = false, classN
             }
         };
     }, []);
+    const handleFormat = useCallback(async () => {
+        const formatted = await formatHtmlWithPrettier(rawHTML);
+        if (formatted !== rawHTML) {
+            setRawHTML(formatted);
+        }
+    }, [rawHTML]);
     const useStyle = useStyleRegister({
         token: token,
         path: ['TiptapEditor', String(contentHeight)],
@@ -330,7 +344,7 @@ export const Tiptap = ({ value, defaultValue, onChange, readOnly = false, classN
     });
     return useStyle(React.createElement("div", { className: `${baseCls} ${hashId}` },
         editor && (React.createElement(React.Fragment, null,
-            React.createElement(MenuBar, { isSourceMode: isSourceMode, toggleSource: toggleSource, editor: editor, onSave: getCleanHtml, className: classNames === null || classNames === void 0 ? void 0 : classNames.editorToolbar, toolbar: toolbar, readOnly: readOnly }),
+            React.createElement(MenuBar, { isSourceMode: isSourceMode, toggleSource: toggleSource, onFormat: handleFormat, editor: editor, onSave: getCleanHtml, className: classNames === null || classNames === void 0 ? void 0 : classNames.editorToolbar, toolbar: toolbar, readOnly: readOnly }),
             React.createElement(FormatBubbleMenu, { editor: editor }),
             React.createElement(TableBubbleMenu, { editor: editor }),
             React.createElement(DragHandle, { editor: editor },

package/dist/esm/tiptap/constants/editor-config.d.ts

@@ -66,6 +66,7 @@ export declare const TOOLBAR_BUTTON_IDS: {
     readonly HEADING: "heading";
     readonly UNDO: "undo";
     readonly REDO: "redo";
+    readonly FORMAT: "format";
     readonly SOURCE_MODE: "sourceMode";
     readonly YOUTUBE: "youtube";
 };

package/dist/esm/tiptap/constants/editor-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor-config.d.ts","sourceRoot":"","sources":["../../../../src/tiptap/constants/editor-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,eAAO,MAAM,aAAa,UAqBzB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;EAMlB,CAAC;AAEX,eAAO,MAAM,UAAU;IAErB,SAAA,CAAC,aAAa,CAAC,EAAE,CAAC,KAAI;IACtB,SAAA,CAAC,aAAa,CAAC,EAAE,CAAC,KAAI;IACtB,SAAA,CAAC,aAAa,CAAC,EAAE,CAAC,KAAI;IACtB,SAAA,CAAC,aAAa,CAAC,EAAE,CAAC,KAAI;;CACd,CAAC;AAEX,eAAO,MAAM,oBAAoB;;;;;CAKvB,CAAC;AAEX;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,IAAI,CAAC;AAErC,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BrB,CAAC;AAEX,eAAO,MAAM,iBAAiB;;;;;;;;CAQpB,CAAC;AAEX,eAAO,MAAM,iBAAiB;;;;;CAK7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,UAK/B,CAAC;AAEF,eAAO,MAAM,cAAc,uBAAwB,CAAC;AAEpD,eAAO,MAAM,gBAAgB,6BAG5B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;sBAIE,MAAM,EAAE;yBACL,MAAM,EAAE;CACpC,CAAC;AAEF,eAAO,MAAM,qBAAqB,MAAM,CAAC"}
+{"version":3,"file":"editor-config.d.ts","sourceRoot":"","sources":["../../../../src/tiptap/constants/editor-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,eAAO,MAAM,aAAa,UAqBzB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;EAMlB,CAAC;AAEX,eAAO,MAAM,UAAU;IAErB,SAAA,CAAC,aAAa,CAAC,EAAE,CAAC,KAAI;IACtB,SAAA,CAAC,aAAa,CAAC,EAAE,CAAC,KAAI;IACtB,SAAA,CAAC,aAAa,CAAC,EAAE,CAAC,KAAI;IACtB,SAAA,CAAC,aAAa,CAAC,EAAE,CAAC,KAAI;;CACd,CAAC;AAEX,eAAO,MAAM,oBAAoB;;;;;CAKvB,CAAC;AAEX;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,IAAI,CAAC;AAErC,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BrB,CAAC;AAEX,eAAO,MAAM,iBAAiB;;;;;;;;CAQpB,CAAC;AAEX,eAAO,MAAM,iBAAiB;;;;;CAK7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,UAK/B,CAAC;AAEF,eAAO,MAAM,cAAc,uBAAwB,CAAC;AAEpD,eAAO,MAAM,gBAAgB,6BAG5B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;sBAIE,MAAM,EAAE;yBACL,MAAM,EAAE;CACpC,CAAC;AAEF,eAAO,MAAM,qBAAqB,MAAM,CAAC"}

package/dist/esm/tiptap/constants/editor-config.js

@@ -73,6 +73,7 @@ export const TOOLBAR_BUTTON_IDS = {
     HEADING: 'heading',
     UNDO: 'undo',
     REDO: 'redo',
+    FORMAT: 'format',
     SOURCE_MODE: 'sourceMode',
     YOUTUBE: 'youtube'
 };

package/dist/esm/tiptap/utils/__tests__/clean-html.test.js

@@ -77,17 +77,36 @@ describe('clean-html', () => {
         const result = cleanDuplicateSpans(html);
         expect(result).toBe('<div><script>console.log("test")</script>Content</div>');
     });
-    it('should handle mixed content with text nodes', () => {
-        // This test covers line 87: return node.textContent || '';
-        // Testing text nodes between elements
+    it('should handle mixed content with text nodes inside elements', () => {
         const html = '<div>Start<p>Middle</p>End</div>';
         const result = cleanDuplicateSpans(html);
         expect(result).toBe('<div>Start<p>Middle</p>End</div>');
     });
-    it('should handle empty text content fallback', () => {
-        // Edge case: elements with only whitespace text nodes
-        const html = '<div>   </div>';
+    it('should handle top-level text nodes (covers line 87)', () => {
+        // text nodes at the root of template.content hit line 87
+        const html = 'plain text only';
         const result = cleanDuplicateSpans(html);
-        expect(result).toBe('<div>   </div>');
+        expect(result).toBe('plain text only');
+    });
+    it('should handle mixed top-level text nodes and elements', () => {
+        // "before " and " after" are top-level text nodes, hitting line 87
+        const html = 'before <div>element</div> after';
+        const result = cleanDuplicateSpans(html);
+        expect(result).toBe('before <div>element</div> after');
+    });
+    it("should handle empty text content fallback (|| '' branch)", () => {
+        // A whitespace-only top-level text node: textContent is ' ' (truthy)
+        // but tests the same code path; empty-string case uses the || '' fallback
+        const html = '   ';
+        const result = cleanDuplicateSpans(html);
+        expect(result).toBe('   ');
+    });
+    it("should return '' for top-level empty comment nodes (covers || '' branch on line 87)", () => {
+        // An empty HTML comment (<!---->) creates a top-level Comment node.
+        // Comment nodes are not ELEMENT_NODEs, so they hit line 87.
+        // Their textContent is '' (empty string / falsy), triggering the || '' fallback.
+        const html = '<!---->';
+        const result = cleanDuplicateSpans(html);
+        expect(result).toBe('');
     });
 });

package/dist/esm/tiptap/utils/__tests__/clean-html.test.ts

@@ -112,18 +112,40 @@ describe('clean-html', () => {
     );
   });
 
-  it('should handle mixed content with text nodes', () => {
-    // This test covers line 87: return node.textContent || '';
-    // Testing text nodes between elements
+  it('should handle mixed content with text nodes inside elements', () => {
     const html = '<div>Start<p>Middle</p>End</div>';
     const result = cleanDuplicateSpans(html);
     expect(result).toBe('<div>Start<p>Middle</p>End</div>');
   });
 
-  it('should handle empty text content fallback', () => {
-    // Edge case: elements with only whitespace text nodes
-    const html = '<div>   </div>';
+  it('should handle top-level text nodes (covers line 87)', () => {
+    // text nodes at the root of template.content hit line 87
+    const html = 'plain text only';
     const result = cleanDuplicateSpans(html);
-    expect(result).toBe('<div>   </div>');
+    expect(result).toBe('plain text only');
+  });
+
+  it('should handle mixed top-level text nodes and elements', () => {
+    // "before " and " after" are top-level text nodes, hitting line 87
+    const html = 'before <div>element</div> after';
+    const result = cleanDuplicateSpans(html);
+    expect(result).toBe('before <div>element</div> after');
+  });
+
+  it("should handle empty text content fallback (|| '' branch)", () => {
+    // A whitespace-only top-level text node: textContent is ' ' (truthy)
+    // but tests the same code path; empty-string case uses the || '' fallback
+    const html = '   ';
+    const result = cleanDuplicateSpans(html);
+    expect(result).toBe('   ');
+  });
+
+  it("should return '' for top-level empty comment nodes (covers || '' branch on line 87)", () => {
+    // An empty HTML comment (<!---->) creates a top-level Comment node.
+    // Comment nodes are not ELEMENT_NODEs, so they hit line 87.
+    // Their textContent is '' (empty string / falsy), triggering the || '' fallback.
+    const html = '<!---->';
+    const result = cleanDuplicateSpans(html);
+    expect(result).toBe('');
   });
 });

package/dist/esm/tiptap/utils/prettier-format.js

@@ -14,7 +14,7 @@ export const formatHtmlWithPrettier = async (html) => {
             printWidth: 60,
             tabWidth: 2,
             useTabs: false,
-            htmlWhitespaceSensitivity: 'css',
+            htmlWhitespaceSensitivity: 'ignore',
             singleAttributePerLine: false,
             proseWrap: 'always'
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akinon/ui-editor",
-  "version": "1.0.5",
+  "version": "1.0.7-rc.0",
   "private": false,
   "description": "A headless lightweight text editor for Akinon.",
   "type": "module",
@@ -53,23 +53,23 @@
     "prettier": "^3.6.2",
     "y-protocols": "^1.0.7",
     "yjs": "^13.6.29",
-    "@akinon/ui-button": "1.4.5",
-    "@akinon/akilocale": "1.2.4",
-    "@akinon/ui-color-picker": "1.1.4",
-    "@akinon/ui-input": "1.2.4",
-    "@akinon/ui-select": "1.4.5",
-    "@akinon/ui-theme": "1.2.4",
-    "@akinon/ui-upload": "1.4.5",
-    "@akinon/ui-popover": "1.1.4",
-    "@akinon/ui-dropdown": "1.1.4"
+    "@akinon/akilocale": "1.2.5",
+    "@akinon/ui-button": "1.4.7-rc.0",
+    "@akinon/ui-input": "1.2.5",
+    "@akinon/ui-dropdown": "1.1.5",
+    "@akinon/ui-popover": "1.1.5",
+    "@akinon/ui-color-picker": "1.1.5",
+    "@akinon/ui-select": "1.4.7-rc.0",
+    "@akinon/ui-theme": "1.2.5",
+    "@akinon/ui-upload": "1.4.7-rc.0"
   },
   "devDependencies": {
     "clean-package": "^2.2.0",
     "copyfiles": "^2.4.1",
     "rimraf": "^5.0.10",
     "typescript": "*",
-    "@akinon/typescript-config": "1.1.4",
-    "@akinon/vitest-config": "1.1.4"
+    "@akinon/typescript-config": "1.1.5",
+    "@akinon/vitest-config": "1.1.5"
   },
   "peerDependencies": {
     "react": "^18 || ^19",