@inshapardaz/likhari-react 0.1.7-dev.81 → 0.1.7-dev.86

package/dist/components/Toolbar.js

@@ -10,15 +10,15 @@ import { $isListNode, INSERT_CHECK_LIST_COMMAND, INSERT_ORDERED_LIST_COMMAND, IN
 import { $findMatchingParent, $insertNodeToNearestRoot } from '@lexical/utils';
 import { ImageDialog } from '../image/ImageDialog.js';
 import { $createImageNode } from '../image/ImageNode.js';
-import { INSERT_PAGE_BREAK_COMMAND } from '../blocks/PageBreakNode.js';
 import { $createLinkNode, $isLinkNode, TOGGLE_LINK_COMMAND } from '@lexical/link';
 import { LinkDialog } from './LinkDialog.js';
+import { DraftsDialog } from './DraftsDialog.js';
 import { normalizeLinkUrl } from '../utils/linkUrl.js';
 import { CANVAS_FONT_DEFAULTS, DEFAULT_FONT_OPTIONS, FONT_SIZES_PX } from '../fonts/index.js';
 import { setStyleProperty } from '../utils/style.js';
 import { useStrings } from '../i18n/useStrings.js';
 import { usePortalTarget } from '../PortalTargetContext.js';
-import { IconAbc, IconAlignCenter, IconAlignJustified, IconAlignLeft, IconAlignRight, IconArrowBackUp, IconArrowForwardUp, IconBold, IconClearFormatting, IconDeviceFloppy, IconDots, IconExternalLink, IconFeather, IconH1, IconH2, IconH3, IconH4, IconH5, IconH6, IconIndentDecrease, IconIndentIncrease, IconItalic, IconLetterCase, IconLetterCaseLower, IconLetterCaseUpper, IconLink, IconLinkOff, IconList, IconListCheck, IconListNumbers, IconPageBreak, IconPencil, IconPhoto, IconPilcrow, IconQuote, IconSparkles, IconStrikethrough, IconSubscript, IconSuperscript, IconTextSize, IconTypography, IconUnderline, IconWand, } from '@tabler/icons-react';
+import { IconAbc, IconAlignCenter, IconAlignJustified, IconAlignLeft, IconAlignRight, IconArrowBackUp, IconArrowForwardUp, IconBold, IconClearFormatting, IconDeviceFloppy, IconDots, IconHistory, IconExternalLink, IconFeather, IconH1, IconH2, IconH3, IconH4, IconH5, IconH6, IconIndentDecrease, IconIndentIncrease, IconItalic, IconLetterCase, IconLetterCaseLower, IconLetterCaseUpper, IconLink, IconLinkOff, IconList, IconListCheck, IconListNumbers, IconPencil, IconPhoto, IconPilcrow, IconQuote, IconSparkles, IconStrikethrough, IconSubscript, IconSuperscript, IconTextSize, IconTypography, IconUnderline, IconWand, } from '@tabler/icons-react';
 /** Sentinel for "no inline style": Lexical returns the default it is given when
  * the selection has none, so this tells "unstyled" (show the canvas default)
  * apart from "styled with a value the dropdown doesn't list" (show nothing). */
@@ -120,11 +120,12 @@ function LinkMenuItems({ url, onEdit, onRemove, strings }) {
             // Not a URL the editor would accept (e.g. loaded from a document): show it, don't make it clickable.
             _jsx(Menu.Item, { disabled: true, title: url, className: "likhari-link-menu-url", children: url || strings.link.noUrl })), _jsx(Menu.Item, { leftSection: _jsx(IconPencil, { size: ICON_SIZE, stroke: ICON_STROKE }), onMouseDown: (e) => e.preventDefault(), onClick: onEdit, children: strings.link.editLink }), _jsx(Menu.Item, { color: "red", leftSection: _jsx(IconLinkOff, { size: ICON_SIZE, stroke: ICON_STROKE }), onMouseDown: (e) => e.preventDefault(), onClick: onRemove, children: strings.link.removeLink })] }));
 }
-export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAULT_FONT_OPTIONS, direction = 'ltr', locale = 'en' }) {
+export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAULT_FONT_OPTIONS, direction = 'ltr', locale = 'en', drafts }) {
     const [editor] = useLexicalComposerContext();
     const [state, setState] = useState(INITIAL_STATE);
     const strings = useStrings(locale);
     const portalTarget = usePortalTarget();
+    const [draftsOpen, setDraftsOpen] = useState(false);
     // Responsive "priority+" overflow: the toolbar's outer container and a
     // hidden nowrap clone (rendered with every movable group forced inline)
     // are both measured; whenever the clone's natural width exceeds the
@@ -427,7 +428,7 @@ export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAU
     const showFormattingGroup = headingLevels.length > 0 || config.lists.bullet || config.lists.numbered || config.lists.check || config.blocks.quote;
     const showInlineGroup = fmt.bold || fmt.italic || fmt.underline;
     const showAlignGroup = config.alignment.start || config.alignment.center || config.alignment.justify || config.alignment.left || config.alignment.right;
-    const showStubInsertGroup = config.images.linked || config.images.embedded || config.blocks.pageBreak || config.poetry.enabled;
+    const showStubInsertGroup = config.images.linked || config.images.embedded || config.poetry.enabled;
     const showLanguageGroup = config.language.autocorrect || config.language.textCleanup || config.language.spellCheck;
     // The "script & cleanup" and "indent/outdent" groups (UI spec §3.3) render
     // as normal inline toolbar groups whenever there's room, and only move
@@ -585,6 +586,7 @@ export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAU
     // the toolbar's own layout width.
     const fixedGroups = [
         showSave && (_jsx("div", { className: "likhari-toolbar-group", children: _jsx(ToolbarButton, { icon: IconDeviceFloppy, title: strings.toolbar.save, dirty: Boolean(isDirty), onClick: onSave }) }, "save")),
+        drafts && (_jsx("div", { className: "likhari-toolbar-group", children: _jsx(ToolbarButton, { icon: IconHistory, title: strings.toolbar.drafts, onClick: () => setDraftsOpen(true) }) }, "drafts")),
         config.history && (_jsxs("div", { className: "likhari-toolbar-group", children: [_jsx(ToolbarButton, { icon: IconArrowBackUp, title: strings.toolbar.undo, disabled: !state.canUndo, onClick: () => editor.dispatchCommand(UNDO_COMMAND, undefined) }), _jsx(ToolbarButton, { icon: IconArrowForwardUp, title: strings.toolbar.redo, disabled: !state.canRedo, onClick: () => editor.dispatchCommand(REDO_COMMAND, undefined) })] }, "history")),
         showFormattingGroup && (_jsx("div", { className: "likhari-toolbar-group", children: _jsx(ToolbarSelect, { icon: IconPilcrow, label: strings.toolbar.formattingLabel, width: 148, value: formattingValue, data: formattingOptions, comingSoon: strings.toolbar.comingSoon, renderOption: iconOptionRenderer(FORMATTING_ICONS, IconPilcrow), onChange: withRefocus((v) => applyFormatting(v)) }) }, "formatting")),
         showInlineGroup && (_jsxs("div", { className: "likhari-toolbar-group", children: [fmt.bold && (_jsx(ToolbarButton, { icon: IconBold, title: strings.toolbar.bold, active: state.activeFormats.has('bold'), onClick: () => formatText('bold') })), fmt.italic && (_jsx(ToolbarButton, { icon: IconItalic, title: strings.toolbar.italic, active: state.activeFormats.has('italic'), onClick: () => formatText('italic') })), fmt.underline && (_jsx(ToolbarButton, { icon: IconUnderline, title: strings.toolbar.underline, active: state.activeFormats.has('underline'), onClick: () => formatText('underline') }))] }, "inline")),
@@ -596,7 +598,7 @@ export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAU
                                 restoreSelection();
                                 openLinkDialog();
                             }, onRemove: removeLink, strings: strings }) })] })) : (_jsx(ToolbarButton, { icon: IconLink, title: strings.toolbar.insertLink, onClick: openLinkDialog })) }, "link")),
-        showStubInsertGroup && (_jsxs("div", { className: "likhari-toolbar-group likhari-toolbar-group--collapse-tablet", children: [(config.images.linked || config.images.embedded) && (_jsx(ToolbarButton, { icon: IconPhoto, title: strings.toolbar.insertImage, onClick: openImageDialog })), config.blocks.pageBreak && (_jsx(ToolbarButton, { icon: IconPageBreak, title: strings.toolbar.insertPageBreak, onClick: () => editor.dispatchCommand(INSERT_PAGE_BREAK_COMMAND, undefined) })), config.poetry.enabled && _jsx(StubButton, { icon: IconFeather, title: strings.toolbar.poetryBlocks, comingSoon: strings.toolbar.comingSoon })] }, "stubInsert")),
+        showStubInsertGroup && (_jsxs("div", { className: "likhari-toolbar-group likhari-toolbar-group--collapse-tablet", children: [(config.images.linked || config.images.embedded) && (_jsx(ToolbarButton, { icon: IconPhoto, title: strings.toolbar.insertImage, onClick: openImageDialog })), config.poetry.enabled && _jsx(StubButton, { icon: IconFeather, title: strings.toolbar.poetryBlocks, comingSoon: strings.toolbar.comingSoon })] }, "stubInsert")),
         showLanguageGroup && (_jsxs("div", { className: "likhari-toolbar-group likhari-toolbar-group--collapse-tablet", children: [config.language.autocorrect && _jsx(StubButton, { icon: IconWand, title: strings.toolbar.autocorrect, comingSoon: strings.toolbar.comingSoon }), config.language.textCleanup && _jsx(StubButton, { icon: IconSparkles, title: strings.toolbar.textCleanup, comingSoon: strings.toolbar.comingSoon }), config.language.spellCheck && _jsx(StubButton, { icon: IconAbc, title: strings.toolbar.spellChecker, comingSoon: strings.toolbar.comingSoon })] }, "language")),
     ];
     return (_jsxs("div", { className: "likhari-toolbar", role: "toolbar", "aria-label": strings.toolbar.ariaLabel, ref: toolbarContainerRef, children: [fixedGroups, movableGroups
@@ -618,5 +620,5 @@ export function Toolbar({ config, onSave, isDirty, showSave, fontOptions = DEFAU
                     display: 'flex',
                     flexWrap: 'nowrap',
                     gap: 8,
-                }, children: [fixedGroups, movableGroups.map((group) => (_jsx(MovableGroupButtons, { group: group }, group.key)))] }), (config.images.linked || config.images.embedded) && (_jsx(ImageDialog, { mode: "insert", opened: imageDialogOpen, onSubmit: insertImage, onClose: closeImageDialog })), config.links && (_jsx(LinkDialog, { opened: linkDialogOpen, initialUrl: state.linkUrl, showTextField: linkNeedsText, onSubmit: applyLink, onRemove: state.isLink ? removeLink : undefined, onClose: closeLinkDialog }))] }));
+                }, children: [fixedGroups, movableGroups.map((group) => (_jsx(MovableGroupButtons, { group: group }, group.key)))] }), (config.images.linked || config.images.embedded) && (_jsx(ImageDialog, { mode: "insert", opened: imageDialogOpen, onSubmit: insertImage, onClose: closeImageDialog })), config.links && (_jsx(LinkDialog, { opened: linkDialogOpen, initialUrl: state.linkUrl, showTextField: linkNeedsText, onSubmit: applyLink, onRemove: state.isLink ? removeLink : undefined, onClose: closeLinkDialog })), drafts && _jsx(DraftsDialog, { opened: draftsOpen, locale: locale, onClose: () => setDraftsOpen(false), ...drafts })] }));
 }

package/dist/i18n/strings.d.ts

@@ -13,10 +13,6 @@ export interface Strings {
         placeholder: string;
         /** aria-label on the contenteditable itself. */
         contentLabel: string;
-        /** window.confirm() prompt shown by EditorRef.confirmDiscard() when there are unsaved changes. */
-        confirmDiscard: string;
-        /** Label shown on a page-break marker's dashed line while editing. */
-        pageBreakLabel: string;
     };
     common: {
         cancel: string;
@@ -27,6 +23,8 @@ export interface Strings {
         /** aria-label on the toolbar's own role="toolbar" container. */
         ariaLabel: string;
         save: string;
+        /** Opens the list of autosaved drafts. */
+        drafts: string;
         undo: string;
         redo: string;
         formattingLabel: string;
@@ -42,7 +40,6 @@ export interface Strings {
         linkOptions: string;
         insertLink: string;
         insertImage: string;
-        insertPageBreak: string;
         poetryBlocks: string;
         comingSoon: (label: string) => string;
         autocorrect: string;
@@ -75,6 +72,42 @@ export interface Strings {
             right: string;
         };
     };
+    /** The popup `EditorRef.confirmDiscard()` shows when the user is about to leave with unsaved changes (lexical-editor-spec.md §6.4). */
+    leaveDialog: {
+        title: string;
+        message: string;
+        save: string;
+        saveDraft: string;
+        discard: string;
+        stay: string;
+        /** Shown when a draft could not be stored (document too large, or storage unavailable). */
+        saveDraftFailed: string;
+    };
+    /** Autosave drafts (lexical-editor-spec.md §6.2): the restore banner and the drafts list dialog. */
+    drafts: {
+        /** Banner shown when a newer unsaved draft of this document is found; `when` is a formatted date/time. */
+        bannerMessage: (when: string) => string;
+        restore: string;
+        ignore: string;
+        remove: string;
+        dialogTitle: string;
+        intro: string;
+        empty: string;
+        /** Shown for a draft with no text (e.g. only an image). */
+        noText: string;
+        thisDocument: string;
+        untitled: string;
+        documentLabel: (id: string) => string;
+        earlierUntitled: string;
+        earlierVersionOf: (id: string) => string;
+        savedAt: (when: string) => string;
+        size: (kb: number) => string;
+        replacePrompt: string;
+        replace: string;
+        deletePrompt: string;
+        delete: string;
+        close: string;
+    };
     link: {
         menuLabel: string;
         noUrl: string;

package/dist/i18n/strings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"strings.d.ts","sourceRoot":"","sources":["../../src/i18n/strings.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"strings.d.ts","sourceRoot":"","sources":["../../src/i18n/strings.ts"],"names":[],"mappings":"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"}

package/dist/i18n/strings.js

@@ -8,8 +8,6 @@ const en = {
     editor: {
         placeholder: 'Start writing…',
         contentLabel: 'Editor content',
-        confirmDiscard: 'You have unsaved changes. Discard them?',
-        pageBreakLabel: 'Page break',
     },
     common: {
         cancel: 'Cancel',
@@ -19,6 +17,7 @@ const en = {
     toolbar: {
         ariaLabel: 'Formatting',
         save: 'Save',
+        drafts: 'Drafts',
         undo: 'Undo',
         redo: 'Redo',
         formattingLabel: 'Formatting',
@@ -34,7 +33,6 @@ const en = {
         linkOptions: 'Link options',
         insertLink: 'Insert link (Ctrl+K)',
         insertImage: 'Insert image',
-        insertPageBreak: 'Insert page break',
         poetryBlocks: 'Poetry blocks',
         comingSoon: (label) => `${label} (coming soon)`,
         autocorrect: 'Auto-correct',
@@ -67,6 +65,37 @@ const en = {
             right: 'Align right',
         },
     },
+    leaveDialog: {
+        title: 'Unsaved changes',
+        message: 'You have unsaved changes. What would you like to do before leaving?',
+        save: 'Save',
+        saveDraft: 'Save draft',
+        discard: 'Discard changes',
+        stay: 'Stay',
+        saveDraftFailed: "The draft couldn't be saved (the document may be too large, or browser storage is unavailable).",
+    },
+    drafts: {
+        bannerMessage: (when) => `An unsaved draft of this document from ${when} was found.`,
+        restore: 'Restore',
+        ignore: 'Ignore',
+        remove: 'Remove draft',
+        dialogTitle: 'Saved drafts',
+        intro: 'Drafts are saved in this browser as you type, and removed when you save.',
+        empty: 'No drafts yet.',
+        noText: '(no text)',
+        thisDocument: 'Current document',
+        untitled: 'Untitled draft',
+        documentLabel: (id) => `Document “${id}”`,
+        earlierUntitled: 'Earlier version of an untitled draft',
+        earlierVersionOf: (id) => `Earlier version of “${id}”`,
+        savedAt: (when) => `Saved ${when}`,
+        size: (kb) => `${kb} KB`,
+        replacePrompt: 'Replace the current content with this draft?',
+        replace: 'Replace',
+        deletePrompt: 'Delete this draft?',
+        delete: 'Delete',
+        close: 'Close',
+    },
     link: {
         menuLabel: 'Link',
         noUrl: '(no URL)',
@@ -146,8 +175,6 @@ const ur = {
     editor: {
         placeholder: 'لکھنا شروع کریں…',
         contentLabel: 'ایڈیٹر کا مواد',
-        confirmDiscard: 'آپ کی غیر محفوظ شدہ تبدیلیاں ہیں۔ کیا انہیں رد کر دیا جائے؟',
-        pageBreakLabel: 'صفحے کی تقسیم',
     },
     common: {
         cancel: 'منسوخ کریں',
@@ -157,6 +184,7 @@ const ur = {
     toolbar: {
         ariaLabel: 'فارمیٹنگ',
         save: 'محفوظ کریں',
+        drafts: 'مسودے',
         undo: 'کالعدم کریں',
         redo: 'دوبارہ کریں',
         formattingLabel: 'فارمیٹنگ',
@@ -172,7 +200,6 @@ const ur = {
         linkOptions: 'لنک کے اختیارات',
         insertLink: 'لنک شامل کریں (Ctrl+K)',
         insertImage: 'تصویر شامل کریں',
-        insertPageBreak: 'صفحے کی تقسیم شامل کریں',
         poetryBlocks: 'شاعری کے بلاکس',
         comingSoon: (label) => `${label} (جلد آ رہا ہے)`,
         autocorrect: 'خودکار تصحیح',
@@ -205,6 +232,37 @@ const ur = {
             right: 'دائیں سیدھ',
         },
     },
+    leaveDialog: {
+        title: 'غیر محفوظ شدہ تبدیلیاں',
+        message: 'آپ کی تبدیلیاں محفوظ نہیں ہوئیں۔ جانے سے پہلے آپ کیا کرنا چاہیں گے؟',
+        save: 'محفوظ کریں',
+        saveDraft: 'مسودہ محفوظ کریں',
+        discard: 'تبدیلیاں رد کریں',
+        stay: 'یہیں رہیں',
+        saveDraftFailed: 'مسودہ محفوظ نہیں ہو سکا (دستاویز بہت بڑی ہو سکتی ہے، یا براؤزر کا اسٹوریج دستیاب نہیں)۔',
+    },
+    drafts: {
+        bannerMessage: (when) => `اس دستاویز کا ایک غیر محفوظ شدہ مسودہ (${when}) ملا ہے۔`,
+        restore: 'بحال کریں',
+        ignore: 'نظر انداز کریں',
+        remove: 'مسودہ ہٹائیں',
+        dialogTitle: 'محفوظ شدہ مسودے',
+        intro: 'لکھتے وقت مسودے اس براؤزر میں خود بخود محفوظ ہوتے ہیں اور محفوظ کرنے پر ہٹا دیے جاتے ہیں۔',
+        empty: 'ابھی کوئی مسودہ نہیں۔',
+        noText: '(کوئی متن نہیں)',
+        thisDocument: 'موجودہ دستاویز',
+        untitled: 'بلا عنوان مسودہ',
+        documentLabel: (id) => `دستاویز «${id}»`,
+        earlierUntitled: 'ایک بلا عنوان مسودے کا پرانا ورژن',
+        earlierVersionOf: (id) => `«${id}» کا پرانا ورژن`,
+        savedAt: (when) => `محفوظ شدہ: ${when}`,
+        size: (kb) => `${kb} کے بی`,
+        replacePrompt: 'موجودہ مواد کو اس مسودے سے بدل دیں؟',
+        replace: 'بدل دیں',
+        deletePrompt: 'یہ مسودہ حذف کریں؟',
+        delete: 'حذف کریں',
+        close: 'بند کریں',
+    },
     link: {
         menuLabel: 'لنک',
         noUrl: '(کوئی یو آر ایل نہیں)',
@@ -284,8 +342,6 @@ const paShahmukhi = {
     editor: {
         placeholder: 'لکھنا شروع کرو…',
         contentLabel: 'ایڈیٹر دی سامگری',
-        confirmDiscard: 'تہاڈیاں کجھ تبدیلیاں سنبھالیاں نئیں گئیاں۔ کی ایہناں نوں رد کر دیئے؟',
-        pageBreakLabel: 'صفحے دی ونڈ',
     },
     common: {
         cancel: 'رد کرو',
@@ -295,6 +351,7 @@ const paShahmukhi = {
     toolbar: {
         ariaLabel: 'فارمیٹنگ',
         save: 'سنبھالو',
+        drafts: 'سودھے',
         undo: 'پہلاں جیہا کرو',
         redo: 'مُڑ کرو',
         formattingLabel: 'فارمیٹنگ',
@@ -310,7 +367,6 @@ const paShahmukhi = {
         linkOptions: 'لنک دے اختیار',
         insertLink: 'لنک پاؤ (Ctrl+K)',
         insertImage: 'تصویر پاؤ',
-        insertPageBreak: 'صفحے دی ونڈ پاؤ',
         poetryBlocks: 'شاعری بلاک',
         comingSoon: (label) => `${label} (چھیتی آ رہا اے)`,
         autocorrect: 'خودکار درستی',
@@ -343,6 +399,37 @@ const paShahmukhi = {
             right: 'سجے سیدھ',
         },
     },
+    leaveDialog: {
+        title: 'غیر محفوظ تبدیلیاں',
+        message: 'تہاڈیاں تبدیلیاں سنبھالیاں نئیں گئیاں۔ جان توں پہلاں تسی کی کرنا چاہو گے؟',
+        save: 'سنبھالو',
+        saveDraft: 'سودھا سنبھالو',
+        discard: 'تبدیلیاں رد کرو',
+        stay: 'ایتھے ای رہو',
+        saveDraftFailed: 'سودھا سنبھالیا نئیں جا سکیا (دستاویز بہت وڈی ہو سکدی اے، یا براؤزر دی سٹوریج نئیں اے)۔',
+    },
+    drafts: {
+        bannerMessage: (when) => `ایس دستاویز دا اک غیر محفوظ سودھا (${when}) لبھیا اے۔`,
+        restore: 'بحال کرو',
+        ignore: 'نظر انداز کرو',
+        remove: 'سودھا ہٹاؤ',
+        dialogTitle: 'سنبھالے ہوئے سودھے',
+        intro: 'لکھدیاں ہویاں سودھے ایس براؤزر وچ آپ سنبھلدے نیں تے سنبھالن تے ہٹ جاندے نیں۔',
+        empty: 'ہلے کوئی سودھا نئیں۔',
+        noText: '(کوئی متن نئیں)',
+        thisDocument: 'موجودہ دستاویز',
+        untitled: 'بنا ناں دا سودھا',
+        documentLabel: (id) => `دستاویز «${id}»`,
+        earlierUntitled: 'اک بنا ناں دے سودھے دا پرانا ورژن',
+        earlierVersionOf: (id) => `«${id}» دا پرانا ورژن`,
+        savedAt: (when) => `سنبھالیا: ${when}`,
+        size: (kb) => `${kb} کے بی`,
+        replacePrompt: 'موجودہ مواد نوں ایس سودھے نال بدل دیئے؟',
+        replace: 'بدل دیو',
+        deletePrompt: 'ایہ سودھا مٹا دیئے؟',
+        delete: 'مٹاؤ',
+        close: 'بند کرو',
+    },
     link: {
         menuLabel: 'لنک',
         noUrl: '(کوئی یو آر ایل نئیں)',

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export { EditorRoot } from './EditorRoot.js';
-export type { EditorRootProps, EditorRef, EditorInitialContent } from './EditorRoot.js';
+export type { EditorRootProps, EditorRef, EditorInitialContent, NavigationGuardMode } from './EditorRoot.js';
+export type { DraftRestoreMode } from './components/DraftRestore.js';
 export { defaultMantineTheme } from './theme/mantineTheme.js';
 export { ImageNode, $createImageNode, $isImageNode } from './image/ImageNode.js';
 export type { ImagePayload, ImageLinkType, SerializedImageNode } from './image/ImageNode.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACrF,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC9E,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC1F,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACrF,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AACzF,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAC1G,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC9E,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC1F,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACrF,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AACzF,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC"}

package/dist/nodes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nodes.d.ts","sourceRoot":"","sources":["../src/nodes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAQlD;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,WAAW,CAAC,EAS5C,CAAC"}
+{"version":3,"file":"nodes.d.ts","sourceRoot":"","sources":["../src/nodes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAOlD;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,WAAW,CAAC,EAQ5C,CAAC"}

package/dist/nodes.js

@@ -3,7 +3,6 @@ import { ListItemNode, ListNode } from '@lexical/list';
 import { LinkNode } from '@lexical/link';
 import { HorizontalRuleNode } from '@lexical/react/LexicalHorizontalRuleNode';
 import { ImageNode } from './image/ImageNode.js';
-import { PageBreakNode } from './blocks/PageBreakNode.js';
 /**
  * Node types registered on the editor at construction time. Per
  * editor-architecture-design.md §2, node registration cannot be conditional
@@ -21,5 +20,4 @@ export const EDITOR_NODES = [
     LinkNode,
     HorizontalRuleNode,
     ImageNode,
-    PageBreakNode,
 ];

package/dist/persistence/draftStorage.d.ts

@@ -0,0 +1,55 @@
+/**
+ * Autosave-to-localStorage drafts (lexical-editor-spec.md §6.2). Each draft is
+ * keyed by an id: the host's `documentId` when it gives one (§6.1), otherwise
+ * a generated unique id, so editors without a `documentId` never overwrite each
+ * other's drafts. Every function is a no-op (never throws) when `localStorage`
+ * is unavailable (SSR, privacy mode) or a stored value is corrupt — autosave is
+ * best-effort, never a hard dependency.
+ */
+export interface StoredDraft {
+    /** Lexical JSON (as produced by `EditorState.toJSON()`, stringified). */
+    json: string;
+    /** `Date.now()` at write time — lets a host distinguish a stale draft from a genuinely recent one. */
+    savedAt: number;
+    /** Bumped only if the stored shape itself changes; lets old drafts be recognised/discarded across an upgrade. */
+    version: 1;
+    /** First words of the text, for listing drafts without parsing every document. */
+    preview?: string;
+    /** Set on a draft archived from `documentId` (the id it was an earlier version of). */
+    sourceId?: string;
+}
+export interface DraftEntry {
+    id: string;
+    draft: StoredDraft;
+}
+export declare function draftKey(id: string): string;
+/** A new unique id for a draft whose editor has no `documentId`. */
+export declare function createDraftId(): string;
+/** Whether an id came from createDraftId() rather than a host's `documentId`. */
+export declare function isGeneratedDraftId(id: string): boolean;
+/** One-line text preview of a Lexical JSON document ('' when it has no text). */
+export declare function extractPreview(json: string): string;
+/** Whether a Lexical JSON document has any text or image (a blank one isn't worth a draft). */
+export declare function hasDraftContent(json: string): boolean;
+export declare function readDraft(id: string): StoredDraft | null;
+/**
+ * Best-effort write; returns whether the draft was actually stored (callers that
+ * promise the user a saved draft must check). Skips (rather than throwing) when `json` exceeds
+ * `maxBytes` — localStorage has a shared ~5-10MB per-origin ceiling (§6.2), so a
+ * single large document (e.g. embedded base64 images) must not be allowed to
+ * autosave past a caller-configured limit — or when the write itself fails
+ * (quota exceeded, privacy mode).
+ */
+export declare function writeDraft(id: string, json: string, maxBytes: number, sourceId?: string): boolean;
+export declare function clearDraft(id: string): void;
+/** Every stored draft, newest first. */
+export declare function listDrafts(): DraftEntry[];
+/**
+ * Keeps a draft that is about to be overwritten or ignored: copies it to a new
+ * generated id (remembering `sourceId`) so it stays in the drafts list.
+ * Returns the new id, or null if nothing could be copied.
+ */
+export declare function archiveDraft(id: string): string | null;
+/** Deletes the oldest drafts beyond `max`, never touching `keepIds`. */
+export declare function pruneDrafts(max: number, keepIds?: string[]): void;
+//# sourceMappingURL=draftStorage.d.ts.map

package/dist/persistence/draftStorage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"draftStorage.d.ts","sourceRoot":"","sources":["../../src/persistence/draftStorage.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH,MAAM,WAAW,WAAW;IAC1B,yEAAyE;IACzE,IAAI,EAAE,MAAM,CAAC;IACb,sGAAsG;IACtG,OAAO,EAAE,MAAM,CAAC;IAChB,iHAAiH;IACjH,OAAO,EAAE,CAAC,CAAC;IACX,kFAAkF;IAClF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,WAAW,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAE3C;AAED,oEAAoE;AACpE,wBAAgB,aAAa,IAAI,MAAM,CAOtC;AAED,iFAAiF;AACjF,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAEtD;AAgDD,iFAAiF;AACjF,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEnD;AAED,+FAA+F;AAC/F,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAErD;AAaD,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAQxD;AAED;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAgBjG;AAED,wBAAgB,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAQ3C;AAED,wCAAwC;AACxC,wBAAgB,UAAU,IAAI,UAAU,EAAE,CAezC;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAWtD;AAED,wEAAwE;AACxE,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,GAAE,MAAM,EAAO,GAAG,IAAI,CAQrE"}

package/dist/persistence/draftStorage.js

@@ -0,0 +1,198 @@
+/**
+ * Autosave-to-localStorage drafts (lexical-editor-spec.md §6.2). Each draft is
+ * keyed by an id: the host's `documentId` when it gives one (§6.1), otherwise
+ * a generated unique id, so editors without a `documentId` never overwrite each
+ * other's drafts. Every function is a no-op (never throws) when `localStorage`
+ * is unavailable (SSR, privacy mode) or a stored value is corrupt — autosave is
+ * best-effort, never a hard dependency.
+ */
+const KEY_PREFIX = 'likhari:draft:';
+const PREVIEW_LENGTH = 140;
+export function draftKey(id) {
+    return `${KEY_PREFIX}${id}`;
+}
+/** A new unique id for a draft whose editor has no `documentId`. */
+export function createDraftId() {
+    try {
+        if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function')
+            return crypto.randomUUID();
+    }
+    catch {
+        // fall through to the non-crypto id
+    }
+    return `draft-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
+}
+/** Whether an id came from createDraftId() rather than a host's `documentId`. */
+export function isGeneratedDraftId(id) {
+    return /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(id) || /^draft-[0-9a-z]+-[0-9a-z]+$/.test(id);
+}
+function getLocalStorage() {
+    try {
+        return typeof localStorage === 'undefined' ? null : localStorage;
+    }
+    catch {
+        // Some browsers throw on accessing localStorage in certain privacy modes.
+        return null;
+    }
+}
+function collectText(node, parts, state) {
+    if (node.type === 'text' && typeof node.text === 'string') {
+        if (node.text.trim())
+            state.hasContent = true;
+        parts.push(node.text);
+    }
+    else if (node.type === 'linebreak') {
+        parts.push(' ');
+    }
+    else if (node.type === 'image') {
+        state.hasContent = true;
+        if (node.altText)
+            parts.push(`[${node.altText}]`);
+    }
+    for (const child of node.children ?? [])
+        collectText(child, parts, state);
+    // Block boundaries read as a space in a one-line preview.
+    if (node.children && node.type !== 'root')
+        parts.push(' ');
+}
+function summarize(json) {
+    try {
+        const root = JSON.parse(json).root;
+        if (!root)
+            return { preview: '', hasContent: false };
+        const parts = [];
+        const state = { hasContent: false };
+        collectText(root, parts, state);
+        const text = parts.join('').replace(/\s+/g, ' ').trim();
+        const preview = text.length > PREVIEW_LENGTH ? `${text.slice(0, PREVIEW_LENGTH).trimEnd()}…` : text;
+        return { preview, hasContent: state.hasContent };
+    }
+    catch {
+        return { preview: '', hasContent: false };
+    }
+}
+/** One-line text preview of a Lexical JSON document ('' when it has no text). */
+export function extractPreview(json) {
+    return summarize(json).preview;
+}
+/** Whether a Lexical JSON document has any text or image (a blank one isn't worth a draft). */
+export function hasDraftContent(json) {
+    return summarize(json).hasContent;
+}
+function parseDraft(raw) {
+    if (!raw)
+        return null;
+    try {
+        const parsed = JSON.parse(raw);
+        if (typeof parsed.json !== 'string' || typeof parsed.savedAt !== 'number' || parsed.version !== 1)
+            return null;
+        return parsed;
+    }
+    catch {
+        return null;
+    }
+}
+export function readDraft(id) {
+    const storage = getLocalStorage();
+    if (!storage)
+        return null;
+    try {
+        return parseDraft(storage.getItem(draftKey(id)));
+    }
+    catch {
+        return null;
+    }
+}
+/**
+ * Best-effort write; returns whether the draft was actually stored (callers that
+ * promise the user a saved draft must check). Skips (rather than throwing) when `json` exceeds
+ * `maxBytes` — localStorage has a shared ~5-10MB per-origin ceiling (§6.2), so a
+ * single large document (e.g. embedded base64 images) must not be allowed to
+ * autosave past a caller-configured limit — or when the write itself fails
+ * (quota exceeded, privacy mode).
+ */
+export function writeDraft(id, json, maxBytes, sourceId) {
+    const storage = getLocalStorage();
+    if (!storage)
+        return false;
+    // .length (UTF-16 code units) over-estimates UTF-8 byte size for any
+    // non-Latin text, which only makes this check more conservative — fine
+    // for a soft cap that doesn't need to be exact.
+    if (json.length > maxBytes)
+        return false;
+    const draft = { json, savedAt: Date.now(), version: 1, preview: extractPreview(json) };
+    if (sourceId)
+        draft.sourceId = sourceId;
+    try {
+        storage.setItem(draftKey(id), JSON.stringify(draft));
+        return true;
+    }
+    catch {
+        // Quota exceeded or similar — autosave is best-effort.
+        return false;
+    }
+}
+export function clearDraft(id) {
+    const storage = getLocalStorage();
+    if (!storage)
+        return;
+    try {
+        storage.removeItem(draftKey(id));
+    }
+    catch {
+        // ignore
+    }
+}
+/** Every stored draft, newest first. */
+export function listDrafts() {
+    const storage = getLocalStorage();
+    if (!storage)
+        return [];
+    const entries = [];
+    try {
+        for (let i = 0; i < storage.length; i++) {
+            const key = storage.key(i);
+            if (!key || !key.startsWith(KEY_PREFIX))
+                continue;
+            const draft = parseDraft(storage.getItem(key));
+            if (draft)
+                entries.push({ id: key.slice(KEY_PREFIX.length), draft });
+        }
+    }
+    catch {
+        return entries;
+    }
+    return entries.sort((a, b) => b.draft.savedAt - a.draft.savedAt);
+}
+/**
+ * Keeps a draft that is about to be overwritten or ignored: copies it to a new
+ * generated id (remembering `sourceId`) so it stays in the drafts list.
+ * Returns the new id, or null if nothing could be copied.
+ */
+export function archiveDraft(id) {
+    const storage = getLocalStorage();
+    const draft = readDraft(id);
+    if (!storage || !draft)
+        return null;
+    const archivedId = createDraftId();
+    try {
+        storage.setItem(draftKey(archivedId), JSON.stringify({ ...draft, sourceId: draft.sourceId ?? id }));
+        return archivedId;
+    }
+    catch {
+        return null;
+    }
+}
+/** Deletes the oldest drafts beyond `max`, never touching `keepIds`. */
+export function pruneDrafts(max, keepIds = []) {
+    if (max < 1)
+        return;
+    const removable = listDrafts().filter((entry) => !keepIds.includes(entry.id));
+    const kept = listDrafts().length - removable.length;
+    const excess = removable.length + kept - max;
+    if (excess <= 0)
+        return;
+    // removable is newest first, so the oldest are at the end.
+    for (const entry of removable.slice(-excess))
+        clearDraft(entry.id);
+}

package/dist/persistence/draftUi.d.ts

@@ -0,0 +1,9 @@
+import type { LexicalEditor } from 'lexical';
+import type { Locale } from '../i18n/index.js';
+/** Replaces the editor's content with a stored draft's Lexical JSON. Returns
+ * false (leaving the editor untouched) if the draft is corrupt or from an
+ * incompatible node schema, rather than throwing. */
+export declare function applyDraftToEditor(editor: LexicalEditor, json: string): boolean;
+/** A draft's save time as a short localized date and time. */
+export declare function formatDraftTime(savedAt: number, locale: Locale): string;
+//# sourceMappingURL=draftUi.d.ts.map