@inshapardaz/likhari-react 0.1.49 → 0.1.51-dev.407

package/dist/join/joinLinesActions.js

@@ -28,11 +28,10 @@ export function $canJoinLines() {
     return selection.getNodes().some($isLineBreakNode) || $textNodesWithNewlines(selection).length > 0;
 }
 /** Replaces the newlines in the selected part of a text node, each by one space (none if one is already there). */
-function $replaceNewlinesInText(node, selection) {
-    const [start, end] = selection.getStartEndPoints() ?? [];
+function $replaceNewlinesInText(node, start, end) {
     const text = node.getTextContent();
-    const from = start && start.key === node.getKey() ? start.offset : 0;
-    const to = end && end.key === node.getKey() ? end.offset : text.length;
+    const from = start.key === node.getKey() ? start.offset : 0;
+    const to = end.key === node.getKey() ? end.offset : text.length;
     const joined = text.slice(from, to).replace(/[ \t]*\r?\n[ \t]*/g, ' ');
     node.setTextContent(text.slice(0, from) + joined + text.slice(to));
 }
@@ -126,27 +125,26 @@ export function $joinSelectedLines() {
     const textsWithNewlines = $textNodesWithNewlines(selection);
     if (paragraphs.length < 2 && lineBreaks.length === 0 && textsWithNewlines.length === 0)
         return false;
-    const [start, end] = selection.getStartEndPoints() ?? [];
+    // RangeSelection's anchor/focus track drag direction, not document order (and
+    // getStartEndPoints() returns them as-is, anchor first) — reorder them so "start"/"end"
+    // below always mean "earlier"/"later" in the document, regardless of which way the user
+    // dragged, or Shift+arrow'd, the selection. Getting this wrong silently skips the tail
+    // split below (sweeping unselected content into the join) for any backward selection.
+    const [start, end] = selection.isBackward() ? [selection.focus, selection.anchor] : [selection.anchor, selection.focus];
     for (const lineBreak of lineBreaks)
         $replaceBreakWithSpace(lineBreak);
     for (const textNode of textsWithNewlines)
-        $replaceNewlinesInText(textNode, selection);
+        $replaceNewlinesInText(textNode, start, end);
     const [target, ...rest] = paragraphs;
     if (!target)
         return false;
     const lastParagraph = paragraphs[paragraphs.length - 1];
-    if (end)
-        $splitUnselectedTail(lastParagraph, end);
+    $splitUnselectedTail(lastParagraph, end);
     for (const paragraph of rest)
         $appendParagraph(target, paragraph);
     // Keep the caret where the selection began, rather than at the end of everything
     // just joined — useful on its own, and essential when many lines were joined at
     // once, where "the end" could otherwise land far past where the user was working.
-    if (start) {
-        start.getNode().select(start.offset, start.offset);
-    }
-    else {
-        target.selectEnd();
-    }
+    start.getNode().select(start.offset, start.offset);
     return true;
 }

package/dist/theme/editor.css

@@ -1076,6 +1076,16 @@
   color: inherit;
 }
 
+.likhari-autocorrect-checkbox {
+  flex-direction: row;
+  align-items: center;
+  gap: 6px;
+}
+
+.likhari-autocorrect-checkbox input {
+  width: auto;
+}
+
 .likhari-autocorrect-actions {
   display: flex;
   flex-direction: column;
@@ -1097,6 +1107,50 @@
   cursor: default;
 }
 
+/* Toolbar settings panel: a Mantine Popover dropdown anchored on the gear button. */
+.likhari-toolbar-settings-panel {
+  width: 280px;
+  max-height: min(70vh, 480px);
+  overflow-y: auto;
+  padding: 8px;
+  font-size: 13px;
+  background: var(--editor-paper-dim);
+  color: inherit;
+}
+
+.likhari-toolbar-settings-groups {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.likhari-toolbar-settings-group {
+  border: 1px solid var(--editor-line);
+  border-radius: 6px;
+  padding: 6px 8px;
+  margin: 0;
+}
+
+.likhari-toolbar-settings-group legend {
+  padding: 0 4px;
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 0.02em;
+  opacity: 0.7;
+}
+
+.likhari-toolbar-settings-item {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 3px 2px;
+  cursor: pointer;
+}
+
+.likhari-toolbar-settings-item input {
+  width: auto;
+}
+
 /* Autocomplete suggestions, shown under the caret while typing. */
 .likhari-autocomplete {
   z-index: 20;

package/dist/toolbar/toolbarVisibility.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Which toolbar items the user has chosen to hide, kept in localStorage so the
+ * choice survives a reload. A feature a host turned off (`EditorFeatureConfig`)
+ * is never offered here and is unaffected by it — this only lets the user declutter
+ * what the host already made available, it does not re-gate availability.
+ */
+export declare function useToolbarItemVisibility(): {
+    hidden: ReadonlySet<string>;
+    isHidden: (id: string) => boolean;
+    toggle: (id: string) => void;
+};
+/** One toggleable row in the toolbar settings panel. */
+export interface ToolbarVisibilityItem {
+    id: string;
+    label: string;
+}
+/** A labelled group of toggleable rows, as shown in the toolbar settings panel. */
+export interface ToolbarVisibilityGroup {
+    id: string;
+    label: string;
+    items: ToolbarVisibilityItem[];
+}
+//# sourceMappingURL=toolbarVisibility.d.ts.map

package/dist/toolbar/toolbarVisibility.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbarVisibility.d.ts","sourceRoot":"","sources":["../../src/toolbar/toolbarVisibility.ts"],"names":[],"mappings":"AAqBA;;;;;GAKG;AACH,wBAAgB,wBAAwB,IAAI;IAAE,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IAAC,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,CAc3I;AAED,wDAAwD;AACxD,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,mFAAmF;AACnF,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,qBAAqB,EAAE,CAAC;CAChC"}

package/dist/toolbar/toolbarVisibility.js

@@ -0,0 +1,40 @@
+import { useState } from 'react';
+const STORAGE_KEY = 'likhari-toolbar-hidden-items';
+function readHidden() {
+    try {
+        const parsed = JSON.parse(localStorage.getItem(STORAGE_KEY) ?? '[]');
+        return new Set(Array.isArray(parsed) ? parsed.filter((id) => typeof id === 'string') : []);
+    }
+    catch {
+        return new Set();
+    }
+}
+function writeHidden(hidden) {
+    try {
+        localStorage.setItem(STORAGE_KEY, JSON.stringify([...hidden]));
+    }
+    catch {
+        // Storage disabled or full: the choice applies for this session only.
+    }
+}
+/**
+ * Which toolbar items the user has chosen to hide, kept in localStorage so the
+ * choice survives a reload. A feature a host turned off (`EditorFeatureConfig`)
+ * is never offered here and is unaffected by it — this only lets the user declutter
+ * what the host already made available, it does not re-gate availability.
+ */
+export function useToolbarItemVisibility() {
+    const [hidden, setHidden] = useState(() => (typeof localStorage === 'undefined' ? new Set() : readHidden()));
+    const toggle = (id) => {
+        setHidden((prev) => {
+            const next = new Set(prev);
+            if (next.has(id))
+                next.delete(id);
+            else
+                next.add(id);
+            writeHidden(next);
+            return next;
+        });
+    };
+    return { hidden, isHidden: (id) => hidden.has(id), toggle };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inshapardaz/likhari-react",
-  "version": "0.1.49",
+  "version": "0.1.51-dev.407",
   "description": "React implementation of the Likhari editor, built on @lexical/react.",
   "license": "MIT",
   "repository": {