@inshapardaz/likhari-react 0.1.22 → 0.1.23-dev.221

package/dist/autocorrect/autoCorrectStores.js

@@ -0,0 +1,115 @@
+const STORAGE_KEY = 'likhari-autocorrect';
+function isEntry(value) {
+    return (typeof value === 'object' &&
+        value !== null &&
+        typeof value.from === 'string' &&
+        typeof value.to === 'string' &&
+        value.from !== '');
+}
+/**
+ * Corrections kept in this browser's localStorage. Storage can be disabled or
+ * full, so every access is guarded: a failure means "no corrections", never a
+ * broken editor.
+ */
+export function localStorageAutoCorrectStore(options = {}) {
+    const key = options.key ?? STORAGE_KEY;
+    function readAll() {
+        try {
+            const parsed = JSON.parse(localStorage.getItem(key) ?? '[]');
+            return Array.isArray(parsed) ? parsed.filter((e) => isEntry(e) && 'language' in e) : [];
+        }
+        catch {
+            return [];
+        }
+    }
+    return {
+        id: 'local-storage',
+        async load(language) {
+            return readAll()
+                .filter((e) => e.language === language)
+                .map(({ from, to }) => ({ from, to }));
+        },
+        async append(language, entry) {
+            const all = readAll().filter((e) => !(e.language === language && e.from === entry.from));
+            all.push({ language, from: entry.from, to: entry.to });
+            try {
+                localStorage.setItem(key, JSON.stringify(all));
+            }
+            catch {
+                // Quota exceeded or storage disabled: the correction is kept for this session only.
+            }
+        },
+    };
+}
+/**
+ * Corrections served by an API. `load` calls `GET {url}?language=xx` and expects
+ * a JSON array of `{ from, to }`; `append` calls `POST {url}` with
+ * `{ language, from, to }`. Credentials and headers belong to the host.
+ */
+export function apiAutoCorrectStore(options) {
+    const doFetch = options.fetch ?? fetch;
+    return {
+        id: options.id ?? 'api',
+        async load(language) {
+            const response = await doFetch(`${options.url}?language=${encodeURIComponent(language)}`, { headers: options.headers });
+            if (!response.ok)
+                throw new Error(`Auto-correct API failed: ${response.status}`);
+            const data = await response.json();
+            return Array.isArray(data) ? data.filter(isEntry).map(({ from, to }) => ({ from, to })) : [];
+        },
+        async append(language, entry) {
+            const response = await doFetch(options.url, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json', ...options.headers },
+                body: JSON.stringify({ language, from: entry.from, to: entry.to }),
+            });
+            if (!response.ok)
+                throw new Error(`Auto-correct API rejected the entry: ${response.status}`);
+        },
+    };
+}
+/**
+ * Corrections from a JSON file the host publishes — a list of `{ language, from, to }`.
+ * Read-only: it has no way to write back to a static file.
+ */
+export function fileAutoCorrectStore(options) {
+    const doFetch = options.fetch ?? fetch;
+    let cached = null;
+    const all = () => {
+        cached ?? (cached = doFetch(options.url).then(async (response) => {
+            if (!response.ok)
+                throw new Error(`Auto-correct file failed: ${response.status}`);
+            const data = await response.json();
+            return Array.isArray(data) ? data.filter((e) => isEntry(e) && 'language' in e) : [];
+        }));
+        return cached;
+    };
+    return {
+        id: options.id ?? 'file',
+        readOnly: true,
+        async load(language) {
+            return (await all()).filter((e) => e.language === language).map(({ from, to }) => ({ from, to }));
+        },
+    };
+}
+/** Corrections for one language, merged across stores. Failing stores are skipped. */
+export async function loadAutoCorrections(stores, language) {
+    const table = new Map();
+    const results = await Promise.allSettled(stores.map((store) => store.load(language)));
+    results.forEach((result) => {
+        if (result.status !== 'fulfilled')
+            return;
+        for (const entry of result.value)
+            if (!table.has(entry.from))
+                table.set(entry.from, entry.to);
+    });
+    return table;
+}
+/** Saves a correction to the first store that accepts writes. Returns false if none does. */
+export async function appendAutoCorrection(stores, language, entry) {
+    const writable = stores.find((store) => !store.readOnly && store.append);
+    if (!writable?.append)
+        return false;
+    await writable.append(language, entry);
+    return true;
+}

package/dist/autocorrect/punctuationRules.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Common Urdu punctuation and character fixes, as a snapshot of
+ * https://api.nawishta.co.uk/tools/ur/spellchecker/punctuation (fetched 2026-10-04).
+ * Bundled so the editor works offline and does not depend on that service;
+ * refresh the list when the service changes.
+ */
+export interface PunctuationRule {
+    incorrect: string;
+    correct: string;
+    /** When true, the match must be a whole word (not part of a longer one). */
+    completeWord: boolean;
+}
+export declare const URDU_PUNCTUATION_RULES: PunctuationRule[];
+export interface PunctuationOptions {
+    /** Apply the punctuation fixes. On by default. */
+    enabled?: boolean;
+    /** Replace a straight double quote (") with a closing curly quote (”). On by default. */
+    straightDoubleQuote?: boolean;
+    /** Space after Urdu punctuation and remove spaces before it, as urduhack's punctuations_space. Off by default. */
+    spacing?: boolean;
+}
+/** The rules in use for the options, longest match first, so `۔"` wins over `"`. */
+export declare function activePunctuationRules(options?: PunctuationOptions): PunctuationRule[];
+/** Spaces after Urdu punctuation (not inside numbers), and none before it. */
+export declare function spacePunctuationText(text: string): string;
+//# sourceMappingURL=punctuationRules.d.ts.map

package/dist/autocorrect/punctuationRules.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"punctuationRules.d.ts","sourceRoot":"","sources":["../../src/autocorrect/punctuationRules.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,4EAA4E;IAC5E,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,sBAAsB,EAAE,eAAe,EAmCnD,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yFAAyF;IACzF,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kHAAkH;IAClH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,oFAAoF;AACpF,wBAAgB,sBAAsB,CAAC,OAAO,GAAE,kBAAuB,GAAG,eAAe,EAAE,CAK1F;AAOD,8EAA8E;AAC9E,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEzD"}

package/dist/autocorrect/punctuationRules.js

@@ -0,0 +1,53 @@
+export const URDU_PUNCTUATION_RULES = [
+    { incorrect: ".", correct: "۔", completeWord: false },
+    { incorrect: ",", correct: "،", completeWord: false },
+    { incorrect: " ۔", correct: "۔", completeWord: false },
+    { incorrect: " - ", correct: "۔ ", completeWord: false },
+    { incorrect: " ،", correct: "،", completeWord: false },
+    { incorrect: "?", correct: "؟", completeWord: false },
+    { incorrect: " ؟", correct: "؟", completeWord: false },
+    { incorrect: " !", correct: "!", completeWord: false },
+    { incorrect: "( ", correct: "(", completeWord: false },
+    { incorrect: " (", correct: "(", completeWord: false },
+    { incorrect: "ه", correct: "ہ", completeWord: false },
+    { incorrect: "ک", correct: "ک", completeWord: false },
+    { incorrect: "ئو", correct: "ؤ", completeWord: false },
+    { incorrect: "’’", correct: "”", completeWord: false },
+    { incorrect: "‘‘", correct: "“", completeWord: false },
+    { incorrect: "…", correct: "۔۔۔", completeWord: false },
+    { incorrect: "——", correct: "۔۔۔", completeWord: false },
+    { incorrect: "—", correct: "۔۔۔", completeWord: false },
+    { incorrect: " ۔۔۔", correct: "۔۔۔ ", completeWord: false },
+    { incorrect: "،،", correct: "“", completeWord: false },
+    { incorrect: "۔\"", correct: "۔“", completeWord: false },
+    { incorrect: "، \"", correct: "۔ ”", completeWord: false },
+    { incorrect: "؟\"", correct: "؟“", completeWord: false },
+    { incorrect: "!\"", correct: "!“", completeWord: false },
+    { incorrect: "-", correct: "۔", completeWord: false },
+    { incorrect: " ، ", correct: "، ", completeWord: false },
+    { incorrect: " ۔", correct: "۔ ", completeWord: false },
+    { incorrect: " : ", correct: ": ", completeWord: false },
+    { incorrect: "آ", correct: "آ", completeWord: false },
+    { incorrect: "ؤ", correct: "ؤ", completeWord: false },
+    { incorrect: " ِ", correct: "ِ", completeWord: false },
+    { incorrect: " ً", correct: "ً", completeWord: false },
+    { incorrect: " :", correct: ":", completeWord: false },
+    { incorrect: "” ", correct: "”", completeWord: false },
+];
+/** The rules in use for the options, longest match first, so `۔"` wins over `"`. */
+export function activePunctuationRules(options = {}) {
+    if (options.enabled === false)
+        return [];
+    const rules = URDU_PUNCTUATION_RULES.filter((rule) => rule.incorrect !== rule.correct);
+    if (options.straightDoubleQuote !== false)
+        rules.push({ incorrect: '"', correct: '”', completeWord: false });
+    return rules.sort((a, b) => b.incorrect.length - a.incorrect.length);
+}
+/** Space after Urdu punctuation, when the next character is not punctuation, a digit or a space. */
+const SPACE_AFTER_PUNCTUATION = /(?<=[؛،٫؟۔٪])(?=[^؛،٫؟۔٪0-9 \n])/gu;
+/** Spaces before Urdu punctuation. */
+const SPACE_BEFORE_PUNCTUATION = /\s+([؛،٫؟۔٪])/gu;
+/** Spaces after Urdu punctuation (not inside numbers), and none before it. */
+export function spacePunctuationText(text) {
+    return text.replace(SPACE_AFTER_PUNCTUATION, ' ').replace(SPACE_BEFORE_PUNCTUATION, '$1');
+}

package/dist/cleanup/textCleanupActions.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Tidies the whole document in place: Unicode NFC normalisation (Arabic-script
+ * text can store the same visible letters in different code points), collapsed
+ * repeated spaces, and empty text nodes removed. Formatting is kept, since each
+ * text node is only changed, never replaced. Returns how many text nodes changed.
+ */
+export declare function $cleanUpText(): number;
+//# sourceMappingURL=textCleanupActions.d.ts.map

package/dist/cleanup/textCleanupActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textCleanupActions.d.ts","sourceRoot":"","sources":["../../src/cleanup/textCleanupActions.ts"],"names":[],"mappings":"AAKA;;;;;GAKG;AACH,wBAAgB,YAAY,IAAI,MAAM,CAMrC"}

package/dist/cleanup/textCleanupActions.js

@@ -0,0 +1,28 @@
+import { $getRoot } from 'lexical';
+/** Runs of two or more spaces or tabs, collapsed to one space. */
+const REPEATED_SPACE = /[ \t]{2,}/g;
+/**
+ * Tidies the whole document in place: Unicode NFC normalisation (Arabic-script
+ * text can store the same visible letters in different code points), collapsed
+ * repeated spaces, and empty text nodes removed. Formatting is kept, since each
+ * text node is only changed, never replaced. Returns how many text nodes changed.
+ */
+export function $cleanUpText() {
+    let changed = 0;
+    for (const node of $getRoot().getAllTextNodes()) {
+        if (cleanNode(node))
+            changed += 1;
+    }
+    return changed;
+}
+function cleanNode(node) {
+    const text = node.getTextContent();
+    const cleaned = text.normalize('NFC').replace(REPEATED_SPACE, ' ');
+    if (cleaned === text)
+        return false;
+    if (cleaned === '')
+        node.remove();
+    else
+        node.setTextContent(cleaned);
+    return true;
+}

package/dist/components/AutoCorrectPanel.d.ts

@@ -0,0 +1,19 @@
+import type { Strings } from '../i18n/strings.js';
+import { type AutoCorrectStore } from '../autocorrect/autoCorrectStores.js';
+import type { SpellLanguage } from '../spellcheck/spellDictionaries.js';
+/**
+ * Adds one correction (a typed word and its replacement) to the first store
+ * that accepts writes. Saving bumps the editor's correction version, so the new
+ * entry applies to the next word the user types.
+ */
+export declare function AutoCorrectPanel({ strings, dir, stores, initialFrom, initialLanguage, onSaved, onClose, }: {
+    strings: Strings;
+    dir: 'ltr' | 'rtl';
+    stores: AutoCorrectStore[];
+    /** The typed word to start with, e.g. a misspelled word the user chose to correct. */
+    initialFrom?: string;
+    initialLanguage?: SpellLanguage;
+    onSaved: () => void;
+    onClose: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=AutoCorrectPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AutoCorrectPanel.d.ts","sourceRoot":"","sources":["../../src/components/AutoCorrectPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAwB,KAAK,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAC/F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAQrE;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,GAAG,EACH,MAAM,EACN,WAAgB,EAChB,eAAsB,EACtB,OAAO,EACP,OAAO,GACR,EAAE;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,GAAG,EAAE,KAAK,GAAG,KAAK,CAAC;IACnB,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,sFAAsF;IACtF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,aAAa,CAAC;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,+BAqEA"}

package/dist/components/AutoCorrectPanel.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { IconX } from '@tabler/icons-react';
+import { appendAutoCorrection } from '../autocorrect/autoCorrectStores.js';
+const LANGUAGES = [
+    { value: 'en', label: 'English' },
+    { value: 'ur', label: 'اردو' },
+    { value: 'pa-shahmukhi', label: 'پنجابی (شاہ مکھی)' },
+];
+/**
+ * Adds one correction (a typed word and its replacement) to the first store
+ * that accepts writes. Saving bumps the editor's correction version, so the new
+ * entry applies to the next word the user types.
+ */
+export function AutoCorrectPanel({ strings, dir, stores, initialFrom = '', initialLanguage = 'en', onSaved, onClose, }) {
+    const t = strings.autoCorrect;
+    const [language, setLanguage] = useState(initialLanguage);
+    const [from, setFrom] = useState(initialFrom);
+    const [to, setTo] = useState('');
+    const [status, setStatus] = useState('idle');
+    const save = async () => {
+        const entry = { from: from.trim(), to: to.trim() };
+        if (entry.from === '' || entry.to === '' || entry.from === entry.to)
+            return;
+        try {
+            const written = await appendAutoCorrection(stores, language, entry);
+            if (!written) {
+                setStatus('nowhere');
+                return;
+            }
+            setStatus('saved');
+            setFrom('');
+            setTo('');
+            onSaved();
+        }
+        catch {
+            setStatus('failed');
+        }
+    };
+    return (_jsxs("div", { className: "likhari-autocorrect-panel", role: "region", "aria-label": t.title, dir: dir, children: [_jsxs("div", { className: "likhari-spell-header", children: [_jsx("strong", { children: t.title }), _jsx("button", { type: "button", className: "likhari-spell-icon", onClick: onClose, "aria-label": t.close, title: t.close, children: _jsx(IconX, { size: 14, stroke: 1.75 }) })] }), _jsxs("label", { className: "likhari-autocorrect-field", children: [t.language, _jsx("select", { value: language, onChange: (e) => {
+                            setLanguage(e.target.value);
+                            setStatus('idle');
+                        }, children: LANGUAGES.map((l) => (_jsx("option", { value: l.value, children: l.label }, l.value))) })] }), _jsxs("label", { className: "likhari-autocorrect-field", children: [t.from, _jsx("input", { value: from, onChange: (e) => setFrom(e.target.value), placeholder: t.fromPlaceholder })] }), _jsxs("label", { className: "likhari-autocorrect-field", children: [t.to, _jsx("input", { value: to, onChange: (e) => setTo(e.target.value), placeholder: t.toPlaceholder })] }), _jsxs("div", { className: "likhari-autocorrect-actions", children: [_jsx("button", { type: "button", onClick: save, disabled: from.trim() === '' || to.trim() === '', children: t.save }), _jsxs("span", { className: "likhari-spell-note", "aria-live": "polite", children: [status === 'saved' && t.saved, status === 'nowhere' && t.noWritableStore, status === 'failed' && t.failed] })] })] }));
+}

package/dist/components/SpellcheckPanel.d.ts

@@ -1,13 +1,17 @@
 import type { Strings } from '../i18n/strings.js';
+import { type SpellLanguage } from '../spellcheck/spellDictionaries.js';
+import { type UserWordStore } from '../spellcheck/userWords.js';
 /**
  * Steps through the misspelled words one at a time, like the find widget.
  * Each word is selected in the editor as it comes up, and its suggestions
  * can replace it. Checking reads the document on demand, so it never flags
  * words while the user is still typing.
  */
-export declare function SpellcheckPanel({ strings, dir, onClose }: {
+export declare function SpellcheckPanel({ strings, dir, dictionaryStores, onAddAutoCorrect, onClose, }: {
     strings: Strings;
     dir: 'ltr' | 'rtl';
+    dictionaryStores: UserWordStore[];
+    onAddAutoCorrect?: (word: string, language: SpellLanguage) => void;
     onClose: () => void;
 }): import("react").JSX.Element;
 //# sourceMappingURL=SpellcheckPanel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SpellcheckPanel.d.ts","sourceRoot":"","sources":["../../src/components/SpellcheckPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAmB/C;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,GAAG,EAAE,KAAK,GAAG,KAAK,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,+BAwIvH"}
+{"version":3,"file":"SpellcheckPanel.d.ts","sourceRoot":"","sources":["../../src/components/SpellcheckPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAG/C,OAAO,EAAkC,KAAK,aAAa,EAAE,MAAM,iCAAiC,CAAC;AACrG,OAAO,EAA2B,KAAK,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAgBtF;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,GAAG,EACH,gBAAgB,EAChB,gBAAgB,EAChB,OAAO,GACR,EAAE;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,GAAG,EAAE,KAAK,GAAG,KAAK,CAAC;IACnB,gBAAgB,EAAE,aAAa,EAAE,CAAC;IAClC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAC;IACnE,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,+BAqKA"}

package/dist/components/SpellcheckPanel.js

@@ -5,6 +5,7 @@ import { IconChevronDown, IconX } from '@tabler/icons-react';
 import { $replaceMatch, $selectMatch } from '../find/findReplaceActions.js';
 import { $collectMisspellings } from '../spellcheck/spellcheckActions.js';
 import { getSpeller, hasSpellDictionary } from '../spellcheck/spellDictionaries.js';
+import { addUserWord, ignoreWord } from '../spellcheck/userWords.js';
 const LANGUAGES = [
     { value: 'en', label: 'English' },
     { value: 'ur', label: 'اردو' },
@@ -17,7 +18,7 @@ const SUGGESTIONS_PER_WORD = 3;
  * can replace it. Checking reads the document on demand, so it never flags
  * words while the user is still typing.
  */
-export function SpellcheckPanel({ strings, dir, onClose }) {
+export function SpellcheckPanel({ strings, dir, dictionaryStores, onAddAutoCorrect, onClose, }) {
     const [editor] = useLexicalComposerContext();
     const t = strings.spellcheck;
     const [language, setLanguage] = useState('en');
@@ -77,5 +78,14 @@ export function SpellcheckPanel({ strings, dir, onClose }) {
     return (_jsxs("div", { className: "likhari-spell-panel", role: "region", "aria-label": t.title, dir: dir, children: [_jsxs("div", { className: "likhari-spell-header", children: [_jsx("strong", { children: t.title }), _jsx("button", { type: "button", className: "likhari-spell-icon", onClick: onClose, "aria-label": t.close, title: t.close, children: _jsx(IconX, { size: 14, stroke: 1.75 }) })] }), _jsxs("div", { className: "likhari-spell-controls", children: [_jsx("select", { "aria-label": t.language, value: language, onChange: (e) => {
                             setLanguage(e.target.value);
                             setItems(null);
-                        }, children: LANGUAGES.filter((l) => hasSpellDictionary(l.value)).map((l) => (_jsx("option", { value: l.value, children: l.label }, l.value))) }), _jsx("button", { type: "button", onClick: check, disabled: checking, children: t.check })] }), items !== null && (_jsxs("div", { className: "likhari-spell-nav", children: [_jsx("span", { className: "likhari-spell-status", "aria-live": "polite", children: status }), _jsx("button", { type: "button", className: "likhari-spell-icon", onClick: () => step(-1), disabled: items.length === 0, "aria-label": t.previous, title: t.previous, children: _jsx(IconChevronDown, { size: 14, stroke: 1.75, style: { transform: 'rotate(180deg)' } }) }), _jsx("button", { type: "button", className: "likhari-spell-icon", onClick: () => step(1), disabled: items.length === 0, "aria-label": t.next, title: t.next, children: _jsx(IconChevronDown, { size: 14, stroke: 1.75 }) })] })), current && (_jsxs("div", { className: "likhari-spell-item", children: [_jsx("span", { className: "likhari-spell-word", children: current.word }), current.suggestions.length === 0 ? (_jsx("span", { className: "likhari-spell-note", children: t.noSuggestions })) : (_jsx("div", { className: "likhari-spell-suggestions", children: current.suggestions.map((s) => (_jsx("button", { type: "button", className: "likhari-spell-suggestion", onClick: () => replace(current, s), children: s }, s))) }))] }))] }));
+                        }, children: LANGUAGES.filter((l) => hasSpellDictionary(l.value)).map((l) => (_jsx("option", { value: l.value, children: l.label }, l.value))) }), _jsx("button", { type: "button", onClick: check, disabled: checking, children: t.check })] }), items !== null && (_jsxs("div", { className: "likhari-spell-nav", children: [_jsx("span", { className: "likhari-spell-status", "aria-live": "polite", children: status }), _jsx("button", { type: "button", className: "likhari-spell-icon", onClick: () => step(-1), disabled: items.length === 0, "aria-label": t.previous, title: t.previous, children: _jsx(IconChevronDown, { size: 14, stroke: 1.75, style: { transform: 'rotate(180deg)' } }) }), _jsx("button", { type: "button", className: "likhari-spell-icon", onClick: () => step(1), disabled: items.length === 0, "aria-label": t.next, title: t.next, children: _jsx(IconChevronDown, { size: 14, stroke: 1.75 }) })] })), current && (_jsxs("div", { className: "likhari-spell-item", children: [_jsx("span", { className: "likhari-spell-word", children: current.word }), _jsxs("div", { className: "likhari-spell-suggestions", children: [_jsx("button", { type: "button", className: "likhari-spell-suggestion", onClick: () => {
+                                    ignoreWord(language, current.word);
+                                    void check();
+                                }, children: strings.contextMenu.ignore }), _jsx("button", { type: "button", className: "likhari-spell-suggestion", onClick: () => {
+                                    void addUserWord(dictionaryStores, language, current.word).then((added) => {
+                                        if (!added)
+                                            ignoreWord(language, current.word);
+                                        void check();
+                                    });
+                                }, children: strings.contextMenu.addToDictionary }), onAddAutoCorrect && (_jsx("button", { type: "button", className: "likhari-spell-suggestion", onClick: () => onAddAutoCorrect(current.word, language), children: strings.contextMenu.addToAutoCorrect }))] }), current.suggestions.length === 0 ? (_jsx("span", { className: "likhari-spell-note", children: t.noSuggestions })) : (_jsx("div", { className: "likhari-spell-suggestions", children: current.suggestions.map((s) => (_jsx("button", { type: "button", className: "likhari-spell-suggestion", onClick: () => replace(current, s), children: s }, s))) }))] }))] }));
 }

package/dist/components/Toolbar.d.ts

@@ -1,15 +1,24 @@
+import { type SpellLanguage } from '../spellcheck/spellDictionaries.js';
+import { type UserWordStore } from '../spellcheck/userWords.js';
 import { type DraftsToolbarOptions } from './DraftsDialog.js';
 import type { ResolvedEditorFeatureConfig } from '@inshapardaz/likhari-core';
 import { type FontOption } from '../fonts/index.js';
 import type { Locale } from '../i18n/strings.js';
 export interface ToolbarProps {
     config: ResolvedEditorFeatureConfig;
+    /** Where words added to the dictionary are saved. */
+    dictionaryStores?: UserWordStore[];
+    /** Opens the auto-correct panel with the word filled in. */
+    onAddAutoCorrect?: (word: string, language: SpellLanguage) => void;
     /** Whether the find-and-replace widget is open, and how to toggle it (owned by EditorRoot). */
     findOpen?: boolean;
     onToggleFind?: () => void;
     /** Whether the spellcheck panel is open, and how to toggle it (owned by EditorRoot). */
     spellOpen?: boolean;
     onToggleSpell?: () => void;
+    /** Whether the add-auto-correction panel is open, and how to toggle it (owned by EditorRoot). */
+    autoCorrectOpen?: boolean;
+    onToggleAutoCorrect?: () => void;
     onSave?: () => void;
     isDirty?: boolean;
     showSave?: boolean;
@@ -22,5 +31,5 @@ export interface ToolbarProps {
     /** Autosave drafts: when set, the toolbar offers a Drafts button that lists and restores them. */
     drafts?: DraftsToolbarOptions;
 }
-export declare function Toolbar({ config, onSave, isDirty, showSave, findOpen, onToggleFind, spellOpen, onToggleSpell, fontOptions, direction, locale, drafts }: ToolbarProps): import("react").JSX.Element;
+export declare function Toolbar({ config, dictionaryStores, onAddAutoCorrect, onSave, isDirty, showSave, findOpen, onToggleFind, spellOpen, onToggleSpell, autoCorrectOpen, onToggleAutoCorrect, fontOptions, direction, locale, drafts }: ToolbarProps): import("react").JSX.Element;
 //# sourceMappingURL=Toolbar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../src/components/Toolbar.tsx"],"names":[],"mappings":"AAqFA,OAAO,EAAgB,KAAK,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEzE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAA6D,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAItG,OAAO,KAAK,EAAE,MAAM,EAAW,MAAM,iBAAiB,CAAC;AA+gBvD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,2BAA2B,CAAC;IACpC,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,wFAAwF;IACxF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,wFAAwF;IACxF,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC1B,oFAAoF;IACpF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kGAAkG;IAClG,MAAM,CAAC,EAAE,oBAAoB,CAAC;CAC/B;AAED,wBAAgB,OAAO,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAgB,EAAE,YAAY,EAAE,SAAiB,EAAE,aAAa,EAAE,WAAkC,EAAE,SAAiB,EAAE,MAAa,EAAE,MAAM,EAAE,EAAE,YAAY,+BAwkC1N"}
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../src/components/Toolbar.tsx"],"names":[],"mappings":"AA0CA,OAAO,EAAc,KAAK,aAAa,EAAE,MAAM,iCAAiC,CAAC;AACjF,OAAO,EAA2B,KAAK,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAgDtF,OAAO,EAAgB,KAAK,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEzE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAA6D,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAItG,OAAO,KAAK,EAAE,MAAM,EAAW,MAAM,iBAAiB,CAAC;AA6hBvD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,2BAA2B,CAAC;IACpC,qDAAqD;IACrD,gBAAgB,CAAC,EAAE,aAAa,EAAE,CAAC;IACnC,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAC;IACnE,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,wFAAwF;IACxF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,iGAAiG;IACjG,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,wFAAwF;IACxF,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC1B,oFAAoF;IACpF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kGAAkG;IAClG,MAAM,CAAC,EAAE,oBAAoB,CAAC;CAC/B;AAED,wBAAgB,OAAO,CAAC,EAAE,MAAM,EAAE,gBAAqB,EAAE,gBAAgB,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAgB,EAAE,YAAY,EAAE,SAAiB,EAAE,aAAa,EAAE,eAAuB,EAAE,mBAAmB,EAAE,WAAkC,EAAE,SAAiB,EAAE,MAAa,EAAE,MAAM,EAAE,EAAE,YAAY,+BAqnCjT"}