@inshapardaz/likhari-react 0.1.7-dev.88 → 0.1.8

package/dist/i18n/strings.js

@@ -8,6 +8,7 @@ const en = {
     editor: {
         placeholder: 'Start writing…',
         contentLabel: 'Editor content',
+        confirmDiscard: 'You have unsaved changes. Discard them?',
     },
     common: {
         cancel: 'Cancel',
@@ -17,7 +18,6 @@ const en = {
     toolbar: {
         ariaLabel: 'Formatting',
         save: 'Save',
-        drafts: 'Drafts',
         undo: 'Undo',
         redo: 'Redo',
         formattingLabel: 'Formatting',
@@ -65,37 +65,6 @@ 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)',
@@ -175,6 +144,7 @@ const ur = {
     editor: {
         placeholder: 'لکھنا شروع کریں…',
         contentLabel: 'ایڈیٹر کا مواد',
+        confirmDiscard: 'آپ کی غیر محفوظ شدہ تبدیلیاں ہیں۔ کیا انہیں رد کر دیا جائے؟',
     },
     common: {
         cancel: 'منسوخ کریں',
@@ -184,7 +154,6 @@ const ur = {
     toolbar: {
         ariaLabel: 'فارمیٹنگ',
         save: 'محفوظ کریں',
-        drafts: 'مسودے',
         undo: 'کالعدم کریں',
         redo: 'دوبارہ کریں',
         formattingLabel: 'فارمیٹنگ',
@@ -232,37 +201,6 @@ 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: '(کوئی یو آر ایل نہیں)',
@@ -342,6 +280,7 @@ const paShahmukhi = {
     editor: {
         placeholder: 'لکھنا شروع کرو…',
         contentLabel: 'ایڈیٹر دی سامگری',
+        confirmDiscard: 'تہاڈیاں کجھ تبدیلیاں سنبھالیاں نئیں گئیاں۔ کی ایہناں نوں رد کر دیئے؟',
     },
     common: {
         cancel: 'رد کرو',
@@ -351,7 +290,6 @@ const paShahmukhi = {
     toolbar: {
         ariaLabel: 'فارمیٹنگ',
         save: 'سنبھالو',
-        drafts: 'سودھے',
         undo: 'پہلاں جیہا کرو',
         redo: 'مُڑ کرو',
         formattingLabel: 'فارمیٹنگ',
@@ -399,37 +337,6 @@ 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,6 +1,5 @@
 export { EditorRoot } from './EditorRoot.js';
-export type { EditorRootProps, EditorRef, EditorInitialContent, NavigationGuardMode } from './EditorRoot.js';
-export type { DraftRestoreMode } from './components/DraftRestore.js';
+export type { EditorRootProps, EditorRef, EditorInitialContent } from './EditorRoot.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,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"}
+{"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"}

package/dist/theme/EditorThemeProvider.d.ts

@@ -1,5 +1,4 @@
 import { type MantineThemeOverride } from '@mantine/core';
-import '@mantine/core/styles.css';
 import './editor.css';
 export interface EditorThemeProviderProps {
     theme?: MantineThemeOverride;

package/dist/theme/EditorThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/EditorThemeProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,0BAA0B,CAAC;AAIlC,OAAO,cAAc,CAAC;AAsBtB,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC/B;iFAC6E;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;;;;;;OAWG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,wBAAwB,+BA+C1H"}
+{"version":3,"file":"EditorThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/EditorThemeProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAO3E,OAAO,cAAc,CAAC;AAsBtB,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC/B;iFAC6E;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;;;;;;OAWG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,wBAAwB,+BA+C1H"}

package/dist/theme/EditorThemeProvider.js

@@ -1,7 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { MantineProvider } from '@mantine/core';
-import '@mantine/core/styles.css';
+// Mantine is a peer dependency (docs/mantine-headless-theming.md §4 rule 1):
+// the host imports '@mantine/core/styles.css' itself, once, in its own entry
+// point, so it controls load order. This package must not import it itself.
 import { buildThemeCss } from '@inshapardaz/likhari-core';
 import { defaultMantineTheme } from './mantineTheme.js';
 import { generateAccentCssVars, generateAccentShades } from './accentColor.js';

package/dist/theme/editor.css

@@ -370,77 +370,3 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-
-/* Restore-draft banner: a strip between the toolbar and the canvas. Uses the
-   editor's own tokens, so it follows the accent color and dark mode. */
-.likhari-draft-banner {
-  display: flex;
-  flex-shrink: 0;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 8px 12px;
-  padding: 8px 12px;
-  background: var(--editor-accent-soft);
-  border-bottom: 1px solid var(--editor-line);
-  color: var(--editor-ink);
-  font-size: 13px;
-}
-
-.likhari-draft-banner-message {
-  display: flex;
-  flex: 1 1 240px;
-  align-items: center;
-  gap: 8px;
-}
-
-.likhari-draft-banner-message svg {
-  flex-shrink: 0;
-  color: var(--editor-accent);
-}
-
-.likhari-draft-banner-actions {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 6px;
-}
-
-.likhari-draft-banner-button {
-  height: 28px;
-  padding: 0 12px;
-  border: 1px solid var(--editor-line-strong);
-  border-radius: 6px;
-  background: var(--editor-paper);
-  color: var(--editor-ink);
-  font: inherit;
-  font-weight: 500;
-  cursor: pointer;
-}
-
-.likhari-draft-banner-button:hover {
-  background: var(--editor-paper-dim);
-}
-
-.likhari-draft-banner-button[data-variant='primary'] {
-  border-color: var(--editor-accent);
-  background: var(--editor-accent);
-  color: var(--editor-paper);
-}
-
-.likhari-draft-banner-button[data-variant='primary']:hover {
-  filter: brightness(1.1);
-}
-
-.likhari-draft-banner-button[data-variant='danger'] {
-  border-color: transparent;
-  background: transparent;
-  color: var(--editor-danger);
-}
-
-.likhari-draft-banner-button[data-variant='danger']:hover {
-  background: var(--editor-paper-dim);
-}
-
-.likhari-draft-banner-button:focus-visible {
-  outline: 2px solid var(--editor-accent);
-  outline-offset: 1px;
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inshapardaz/likhari-react",
-  "version": "0.1.7-dev.88",
+  "version": "0.1.8",
   "description": "React implementation of the Likhari editor, built on @lexical/react.",
   "license": "MIT",
   "repository": {
@@ -16,6 +16,7 @@
       "development": "./src/index.ts",
       "import": "./dist/index.js"
     },
+    "./styles.css": "./dist/theme/editor.css",
     "./package.json": "./package.json"
   },
   "files": [
@@ -40,13 +41,17 @@
     "@lexical/utils": "^0.20.0",
     "@inshapardaz/likhari-converters": "^0.1.0",
     "@inshapardaz/likhari-core": "^0.1.0",
-    "@mantine/core": "^9.6.3",
-    "@mantine/hooks": "^9.6.3",
     "@tabler/icons-react": "^3.46.0",
     "lexical": "^0.20.0"
   },
   "peerDependencies": {
+    "@mantine/core": "^9.6.3",
+    "@mantine/hooks": "^9.6.3",
     "react": "^19.2.0",
     "react-dom": "^19.2.0"
+  },
+  "devDependencies": {
+    "@mantine/core": "^9.6.3",
+    "@mantine/hooks": "^9.6.3"
   }
 }

package/dist/components/DraftRestore.d.ts

@@ -1,24 +0,0 @@
-import { type DraftEntry } from '../persistence/draftStorage.js';
-import type { Locale } from '../i18n/index.js';
-/** What to do on mount with a stored draft of this document that is newer than the initial content. */
-export type DraftRestoreMode = 'prompt' | 'auto' | 'off';
-export interface DraftRestoreProps {
-    /** The host's `documentId` — the key the draft is stored under. */
-    draftId: string;
-    mode: DraftRestoreMode;
-    /** The Lexical JSON the editor started with; a draft identical to it isn't offered. */
-    initialJson?: string;
-    locale: Locale;
-    onRestored: (entry: DraftEntry) => void;
-}
-/**
- * On mount, handles a draft of this document newer than the initial content
- * (lexical-editor-spec.md §6.2), per `mode`:
- * - `prompt` (default): a banner — Restore, Ignore (kept in the drafts list,
- *   since new edits would otherwise overwrite it) or Remove. Never picks silently.
- * - `auto`: loads the draft straight away, no banner.
- * - `off`: leaves the editor on its initial content, but moves the draft aside
- *   as an earlier version so new edits can't overwrite it unseen.
- */
-export declare function DraftRestore({ draftId, mode, initialJson, locale, onRestored }: DraftRestoreProps): import("react").JSX.Element | null;
-//# sourceMappingURL=DraftRestore.d.ts.map

package/dist/components/DraftRestore.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DraftRestore.d.ts","sourceRoot":"","sources":["../../src/components/DraftRestore.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAwD,KAAK,UAAU,EAAoB,MAAM,6BAA6B,CAAC;AAGtI,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEtC,uGAAuG;AACvG,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,CAAC;AAEzD,MAAM,WAAW,iBAAiB;IAChC,mEAAmE;IACnE,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,gBAAgB,CAAC;IACvB,uFAAuF;IACvF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACzC;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,iBAAiB,sCA8DjG"}

package/dist/components/DraftRestore.js

@@ -1,61 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from 'react';
-import { IconHistory } from '@tabler/icons-react';
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { archiveDraft, clearDraft, hasDraftContent, readDraft } from '../persistence/draftStorage.js';
-import { applyDraftToEditor, formatDraftTime } from '../persistence/draftUi.js';
-import { useUiStrings } from '../i18n/useStrings.js';
-/**
- * On mount, handles a draft of this document newer than the initial content
- * (lexical-editor-spec.md §6.2), per `mode`:
- * - `prompt` (default): a banner — Restore, Ignore (kept in the drafts list,
- *   since new edits would otherwise overwrite it) or Remove. Never picks silently.
- * - `auto`: loads the draft straight away, no banner.
- * - `off`: leaves the editor on its initial content, but moves the draft aside
- *   as an earlier version so new edits can't overwrite it unseen.
- */
-export function DraftRestore({ draftId, mode, initialJson, locale, onRestored }) {
-    const [editor] = useLexicalComposerContext();
-    const strings = useUiStrings();
-    const [draft, setDraft] = useState(() => {
-        const stored = readDraft(draftId);
-        return stored && hasDraftContent(stored.json) && stored.json !== initialJson ? stored : null;
-    });
-    const handled = useRef(false);
-    const restore = () => {
-        if (!draft)
-            return;
-        if (applyDraftToEditor(editor, draft.json))
-            onRestored({ id: draftId, draft });
-        // A corrupt or incompatible draft can't be restored: drop the banner and keep the initial content.
-        setDraft(null);
-    };
-    const ignore = () => {
-        // Move it aside, so edits from here on can't overwrite it unseen.
-        if (archiveDraft(draftId))
-            clearDraft(draftId);
-        setDraft(null);
-    };
-    // Non-interactive modes act once, on mount.
-    useEffect(() => {
-        if (handled.current || !draft)
-            return;
-        handled.current = true;
-        if (mode === 'auto')
-            restore();
-        else if (mode === 'off')
-            ignore();
-        // Deliberately runs once on mount only.
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    const remove = () => {
-        clearDraft(draftId);
-        setDraft(null);
-    };
-    if (!draft || mode !== 'prompt')
-        return null;
-    // Plain elements styled with the editor's own tokens (editor.css): Mantine's
-    // theme variables are scoped to the portal target, so an in-flow Mantine
-    // button here would fall back to Mantine's default blue.
-    return (_jsxs("div", { className: "likhari-draft-banner", role: "status", "aria-live": "polite", children: [_jsxs("div", { className: "likhari-draft-banner-message", children: [_jsx(IconHistory, { size: 18, stroke: 1.75, "aria-hidden": "true" }), _jsx("span", { children: strings.drafts.bannerMessage(formatDraftTime(draft.savedAt, locale)) })] }), _jsxs("div", { className: "likhari-draft-banner-actions", children: [_jsx("button", { type: "button", className: "likhari-draft-banner-button", "data-variant": "primary", onClick: restore, children: strings.drafts.restore }), _jsx("button", { type: "button", className: "likhari-draft-banner-button", onClick: ignore, children: strings.drafts.ignore }), _jsx("button", { type: "button", className: "likhari-draft-banner-button", "data-variant": "danger", onClick: remove, children: strings.drafts.remove })] })] }));
-}

package/dist/components/DraftsDialog.d.ts

@@ -1,25 +0,0 @@
-import { type DraftEntry } from '../persistence/draftStorage.js';
-import type { Locale } from '../i18n/index.js';
-/** What the toolbar needs to offer the drafts list. */
-export interface DraftsToolbarOptions {
-    /** The key this editor's own autosave writes to. */
-    currentId: string;
-    /** Size cap for archiving the content a restore replaces. */
-    maxBytes: number;
-    /** Without a `documentId`, a restored draft becomes this editor's draft, so later edits update it instead of duplicating it. */
-    adoptOnRestore: boolean;
-    onRestored: (entry: DraftEntry) => void;
-}
-export interface DraftsDialogProps extends DraftsToolbarOptions {
-    opened: boolean;
-    locale: Locale;
-    onClose: () => void;
-}
-/**
- * Every autosaved draft in this browser (all documents, and the earlier
- * versions kept when a restore prompt was ignored), newest first, each with
- * Restore and Delete. Restoring over content that differs asks first, and keeps
- * the replaced content as a draft of its own, so nothing is lost either way.
- */
-export declare function DraftsDialog({ opened, locale, currentId, maxBytes, adoptOnRestore, onRestored, onClose }: DraftsDialogProps): import("react").JSX.Element;
-//# sourceMappingURL=DraftsDialog.d.ts.map

package/dist/components/DraftsDialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DraftsDialog.d.ts","sourceRoot":"","sources":["../../src/components/DraftsDialog.tsx"],"names":[],"mappings":"AAGA,OAAO,EAOL,KAAK,UAAU,EAChB,MAAM,6BAA6B,CAAC;AAIrC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEtC,uDAAuD;AACvD,MAAM,WAAW,oBAAoB;IACnC,oDAAoD;IACpD,SAAS,EAAE,MAAM,CAAC;IAClB,6DAA6D;IAC7D,QAAQ,EAAE,MAAM,CAAC;IACjB,gIAAgI;IAChI,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACzC;AAED,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB;IAC7D,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAID;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,iBAAiB,+BAmH3H"}

package/dist/components/DraftsDialog.js

@@ -1,66 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { Badge, Button, Group, Modal, Paper, Stack, Text } from '@mantine/core';
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { clearDraft, createDraftId, hasDraftContent, isGeneratedDraftId, listDrafts, writeDraft, } from '../persistence/draftStorage.js';
-import { applyDraftToEditor, formatDraftTime } from '../persistence/draftUi.js';
-import { useUiStrings } from '../i18n/useStrings.js';
-import { usePortalTarget } from '../PortalTargetContext.js';
-/**
- * Every autosaved draft in this browser (all documents, and the earlier
- * versions kept when a restore prompt was ignored), newest first, each with
- * Restore and Delete. Restoring over content that differs asks first, and keeps
- * the replaced content as a draft of its own, so nothing is lost either way.
- */
-export function DraftsDialog({ opened, locale, currentId, maxBytes, adoptOnRestore, onRestored, onClose }) {
-    const [editor] = useLexicalComposerContext();
-    const strings = useUiStrings();
-    const portalTarget = usePortalTarget();
-    const [entries, setEntries] = useState([]);
-    const [pending, setPending] = useState(null);
-    useEffect(() => {
-        if (opened) {
-            setEntries(listDrafts());
-            setPending(null);
-        }
-    }, [opened]);
-    const currentJson = () => JSON.stringify(editor.getEditorState().toJSON());
-    const restore = (entry) => {
-        const before = currentJson();
-        // Keep what is being replaced, as a draft of its own.
-        if (before !== entry.draft.json && hasDraftContent(before)) {
-            writeDraft(createDraftId(), before, maxBytes, currentId);
-            if (adoptOnRestore)
-                clearDraft(currentId);
-        }
-        if (applyDraftToEditor(editor, entry.draft.json)) {
-            onRestored(entry);
-            onClose();
-        }
-    };
-    const requestRestore = (entry) => {
-        const before = currentJson();
-        // Replacing real, different content is confirmed first (inline, not a window.confirm).
-        if (before !== entry.draft.json && hasDraftContent(before))
-            setPending({ id: entry.id, action: 'restore' });
-        else
-            restore(entry);
-    };
-    const remove = (entry) => {
-        clearDraft(entry.id);
-        setEntries(listDrafts());
-        setPending(null);
-    };
-    const label = (entry) => {
-        const source = entry.draft.sourceId;
-        if (source)
-            return isGeneratedDraftId(source) ? strings.drafts.earlierUntitled : strings.drafts.earlierVersionOf(source);
-        return isGeneratedDraftId(entry.id) ? strings.drafts.untitled : strings.drafts.documentLabel(entry.id);
-    };
-    return (_jsx(Modal, { opened: opened, onClose: onClose, title: strings.drafts.dialogTitle, centered: true, size: "lg", portalProps: portalTarget ? { target: portalTarget } : undefined, children: _jsxs(Stack, { gap: "sm", children: [_jsx(Text, { size: "sm", c: "dimmed", children: strings.drafts.intro }), entries.length === 0 && _jsx(Text, { size: "sm", children: strings.drafts.empty }), entries.map((entry) => {
-                    const isCurrent = entry.id === currentId;
-                    const isPending = pending?.id === entry.id;
-                    return (_jsx(Paper, { withBorder: true, p: "sm", radius: "sm", "data-draft-id": entry.id, children: _jsxs(Stack, { gap: 6, children: [_jsxs(Group, { justify: "space-between", wrap: "nowrap", align: "flex-start", children: [_jsx(Text, { size: "sm", lineClamp: 2, style: { flex: 1, wordBreak: 'break-word' }, children: entry.draft.preview || strings.drafts.noText }), isCurrent && _jsx(Badge, { variant: "light", children: strings.drafts.thisDocument })] }), _jsxs(Text, { size: "xs", c: "dimmed", children: [label(entry), " \u00B7 ", strings.drafts.savedAt(formatDraftTime(entry.draft.savedAt, locale)), " \u00B7", ' ', strings.drafts.size(Math.max(1, Math.round(entry.draft.json.length / 1024)))] }), !isCurrent &&
-                                    (isPending ? (_jsxs(Group, { gap: "xs", align: "center", children: [_jsx(Text, { size: "sm", children: pending.action === 'restore' ? strings.drafts.replacePrompt : strings.drafts.deletePrompt }), _jsx(Button, { size: "compact-sm", color: pending.action === 'delete' ? 'red' : undefined, onClick: () => (pending.action === 'restore' ? restore(entry) : remove(entry)), children: pending.action === 'restore' ? strings.drafts.replace : strings.drafts.delete }), _jsx(Button, { size: "compact-sm", variant: "default", onClick: () => setPending(null), children: strings.common.cancel })] })) : (_jsxs(Group, { gap: "xs", children: [_jsx(Button, { size: "compact-sm", onClick: () => requestRestore(entry), children: strings.drafts.restore }), _jsx(Button, { size: "compact-sm", variant: "subtle", color: "red", onClick: () => setPending({ id: entry.id, action: 'delete' }), children: strings.drafts.delete })] })))] }) }, entry.id));
-                }), _jsx(Group, { justify: "flex-end", children: _jsx(Button, { variant: "default", onClick: onClose, children: strings.drafts.close }) })] }) }));
-}

package/dist/components/LeaveDialog.d.ts

@@ -1,22 +0,0 @@
-export interface LeaveDialogProps {
-    opened: boolean;
-    /** Offer "Save" (calls the host's `onSave`, then lets the user leave). */
-    canSave: boolean;
-    /** Offer "Save draft" (keeps the work in this browser, then lets the user leave). */
-    canSaveDraft: boolean;
-    /** A "Save draft" attempt failed; explains why the dialog is still open. */
-    draftFailed: boolean;
-    onSave: () => void;
-    onSaveDraft: () => void;
-    onDiscard: () => void;
-    /** Stay on the page (also Escape, the close button, and clicking outside). */
-    onStay: () => void;
-}
-/**
- * The in-editor popup behind `EditorRef.confirmDiscard()`: what to do with
- * unsaved changes before leaving. It replaces `window.confirm()`, which can't
- * be styled, translated per editor, or offer more than OK/Cancel. (The browser's
- * own tab-close prompt can't be replaced — see `navigationGuard`.)
- */
-export declare function LeaveDialog({ opened, canSave, canSaveDraft, draftFailed, onSave, onSaveDraft, onDiscard, onStay }: LeaveDialogProps): import("react").JSX.Element;
-//# sourceMappingURL=LeaveDialog.d.ts.map

package/dist/components/LeaveDialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LeaveDialog.d.ts","sourceRoot":"","sources":["../../src/components/LeaveDialog.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,0EAA0E;IAC1E,OAAO,EAAE,OAAO,CAAC;IACjB,qFAAqF;IACrF,YAAY,EAAE,OAAO,CAAC;IACtB,4EAA4E;IAC5E,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,8EAA8E;IAC9E,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,gBAAgB,+BAoCnI"}

package/dist/components/LeaveDialog.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Alert, Button, Group, Modal, Stack, Text } from '@mantine/core';
-import { useUiStrings } from '../i18n/useStrings.js';
-import { usePortalTarget } from '../PortalTargetContext.js';
-/**
- * The in-editor popup behind `EditorRef.confirmDiscard()`: what to do with
- * unsaved changes before leaving. It replaces `window.confirm()`, which can't
- * be styled, translated per editor, or offer more than OK/Cancel. (The browser's
- * own tab-close prompt can't be replaced — see `navigationGuard`.)
- */
-export function LeaveDialog({ opened, canSave, canSaveDraft, draftFailed, onSave, onSaveDraft, onDiscard, onStay }) {
-    const strings = useUiStrings();
-    const portalTarget = usePortalTarget();
-    return (_jsx(Modal, { opened: opened, onClose: onStay, title: strings.leaveDialog.title, centered: true, size: "md", portalProps: portalTarget ? { target: portalTarget } : undefined, children: _jsxs(Stack, { gap: "md", children: [_jsx(Text, { size: "sm", children: strings.leaveDialog.message }), draftFailed && (_jsx(Alert, { color: "red", variant: "light", p: "xs", children: strings.leaveDialog.saveDraftFailed })), _jsxs(Group, { justify: "flex-end", gap: "xs", wrap: "wrap", children: [_jsx(Button, { variant: "default", onClick: onStay, "data-autofocus": true, children: strings.leaveDialog.stay }), _jsx(Button, { variant: "subtle", color: "red", onClick: onDiscard, children: strings.leaveDialog.discard }), canSaveDraft && (_jsx(Button, { variant: "default", onClick: onSaveDraft, children: strings.leaveDialog.saveDraft })), canSave && _jsx(Button, { onClick: onSave, children: strings.leaveDialog.save })] })] }) }));
-}

package/dist/persistence/draftStorage.d.ts

@@ -1,55 +0,0 @@
-/**
- * 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

@@ -1 +0,0 @@
-{"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"}