@lalternative/editor 0.2.0 → 0.4.0

package/dist/editor.css

@@ -6,12 +6,14 @@
   --lalt-editor-delete: #b91c1c;
   --lalt-editor-delete-bg: rgb(185 28 28 / 0.06);
   --lalt-editor-surface: #ffffff;
+  --lalt-editor-text: #111827;
   --lalt-editor-border: rgb(0 0 0 / 0.1);
   --lalt-editor-hover: rgb(0 0 0 / 0.06);
 }
 
-/* Defaults only: a host that owns a theme overrides these on :root and never
-   reaches this block. Without it the toolbar is a white slab on a dark page. */
+/* Defaults only, and only for a host with no theme of its own: an app that
+   toggles dark by class must override these tokens instead, or the toolbar
+   follows the system while the page follows the class. */
 @media (prefers-color-scheme: dark) {
   :root {
     --lalt-editor-insert: #93c5fd;
@@ -19,37 +21,80 @@
     --lalt-editor-delete: #fca5a5;
     --lalt-editor-delete-bg: rgb(252 165 165 / 0.1);
     --lalt-editor-surface: #1f2937;
+    --lalt-editor-text: #f3f4f6;
     --lalt-editor-border: rgb(255 255 255 / 0.14);
     --lalt-editor-hover: rgb(255 255 255 / 0.08);
   }
 }
 
+/* Docked to the bottom of the screen by default, floating beside the selection
+   only where there is a pointer and room for it.
+
+   A bar floating next to a selection is the worst place for it on a phone: the
+   finger that made the selection covers it, and iOS draws its own callout in
+   the same spot. Bottom-docked also puts it in thumb reach — and unlike a
+   floating bar, it cannot be pushed off-screen by a selection near an edge. */
 .lalt-toolbar {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 100;
   display: flex;
   align-items: center;
-  gap: 0.125rem;
-  padding: 0.25rem;
-  border-radius: 0.5rem;
+  gap: 0.25rem;
+  padding: 0.5rem;
+  padding-bottom: max(0.5rem, env(safe-area-inset-bottom));
   background: var(--lalt-editor-surface, #ffffff);
-  border: 1px solid var(--lalt-editor-border, rgb(0 0 0 / 0.1));
-  box-shadow: 0 4px 12px rgb(0 0 0 / 0.12);
+  border-top: 1px solid var(--lalt-editor-border, rgb(0 0 0 / 0.1));
+  box-shadow: 0 -4px 16px rgb(0 0 0 / 0.12);
+  color: var(--lalt-editor-text, #111827);
   user-select: none;
+  overflow-x: auto;
+}
+
+@media (min-width: 640px) {
+  .lalt-toolbar {
+    left: var(--lalt-toolbar-left, 0);
+    top: var(--lalt-toolbar-top, 0);
+    right: auto;
+    bottom: auto;
+    gap: 0.125rem;
+    padding: 0.25rem;
+    padding-bottom: 0.25rem;
+    border: 1px solid var(--lalt-editor-border, rgb(0 0 0 / 0.1));
+    border-radius: 0.5rem;
+    box-shadow: 0 4px 12px rgb(0 0 0 / 0.12);
+    overflow-x: visible;
+  }
 }
 
 .lalt-toolbar__button {
   display: inline-flex;
   align-items: center;
+  justify-content: center;
   gap: 0.375rem;
-  padding: 0.25rem 0.5rem;
+  /* 44px: what a finger needs. Shrinks to a compact control only where a
+     pointer is doing the aiming. */
+  min-height: 2.75rem;
+  padding: 0.5rem 0.75rem;
   border-radius: 0.375rem;
   background: none;
   border: none;
   font: inherit;
   font-size: 0.875rem;
+  white-space: nowrap;
   cursor: pointer;
   color: inherit;
 }
 
+@media (min-width: 640px) {
+  .lalt-toolbar__button {
+    min-height: 0;
+    padding: 0.25rem 0.5rem;
+  }
+}
+
 .lalt-toolbar__button:hover {
   background: var(--lalt-editor-hover, rgb(0 0 0 / 0.06));
 }
@@ -58,16 +103,34 @@
   position: relative;
 }
 
+/* Opens upward from a bottom-docked bar, full width: a menu anchored below it
+   would open off the bottom of the screen. */
 .lalt-toolbar__menu {
-  position: absolute;
-  top: calc(100% + 0.375rem);
+  position: fixed;
+  left: 0;
   right: 0;
-  min-width: 14rem;
+  bottom: 100%;
+  max-height: 60vh;
+  overflow-y: auto;
   padding: 0.25rem;
-  border-radius: 0.5rem;
   background: var(--lalt-editor-surface, #ffffff);
-  border: 1px solid var(--lalt-editor-border, rgb(0 0 0 / 0.1));
-  box-shadow: 0 8px 24px rgb(0 0 0 / 0.16);
+  border-top: 1px solid var(--lalt-editor-border, rgb(0 0 0 / 0.1));
+  box-shadow: 0 -8px 24px rgb(0 0 0 / 0.16);
+  color: var(--lalt-editor-text, #111827);
+}
+
+@media (min-width: 640px) {
+  .lalt-toolbar__menu {
+    position: absolute;
+    left: auto;
+    right: 0;
+    bottom: auto;
+    top: calc(100% + 0.375rem);
+    min-width: 14rem;
+    border: 1px solid var(--lalt-editor-border, rgb(0 0 0 / 0.1));
+    border-radius: 0.5rem;
+    box-shadow: 0 8px 24px rgb(0 0 0 / 0.16);
+  }
 }
 
 .lalt-toolbar__item {
@@ -76,17 +139,26 @@
   justify-content: space-between;
   gap: 1.5rem;
   width: 100%;
-  padding: 0.375rem 0.5rem;
+  min-height: 2.75rem;
+  padding: 0.5rem 0.75rem;
   border-radius: 0.375rem;
   background: none;
   border: none;
   font: inherit;
-  font-size: 0.875rem;
+  font-size: 0.9375rem;
   text-align: left;
   cursor: pointer;
   color: inherit;
 }
 
+@media (min-width: 640px) {
+  .lalt-toolbar__item {
+    min-height: 0;
+    padding: 0.375rem 0.5rem;
+    font-size: 0.875rem;
+  }
+}
+
 .lalt-toolbar__item:hover {
   background: var(--lalt-editor-hover, rgb(0 0 0 / 0.06));
 }
@@ -95,11 +167,19 @@
   font-weight: 600;
 }
 
+/* Hidden where there is no keyboard to press them with. */
 .lalt-toolbar__shortcut {
+  display: none;
   font-size: 0.75rem;
   opacity: 0.5;
 }
 
+@media (min-width: 640px) {
+  .lalt-toolbar__shortcut {
+    display: inline;
+  }
+}
+
 .lalt-revision {
   display: block;
   border-radius: 0.375rem;
@@ -123,3 +203,62 @@
   opacity: 0.45;
   background: none;
 }
+
+/* An edit shown where it happens, rather than in a panel the author has to
+   map back onto the text. The old passage stays visible struck through, the
+   proposal follows it, and the two decisions sit within thumb reach of both. */
+.lalt-suggestion__old {
+  color: var(--lalt-editor-delete);
+  background: var(--lalt-editor-delete-bg);
+  text-decoration: line-through;
+}
+
+.lalt-suggestion {
+  display: inline;
+  white-space: normal;
+}
+
+.lalt-suggestion__new {
+  color: var(--lalt-editor-insert);
+  background: var(--lalt-editor-insert-bg);
+  border-radius: 0.25rem;
+  padding: 0.05em 0.15em;
+}
+
+.lalt-suggestion__action {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.75rem;
+  height: 1.75rem;
+  margin-left: 0.25rem;
+  vertical-align: middle;
+  border: 1px solid var(--lalt-editor-border, rgb(0 0 0 / 0.1));
+  border-radius: 999px;
+  background: var(--lalt-editor-surface, #ffffff);
+  color: var(--lalt-editor-text, #111827);
+  font-size: 0.8125rem;
+  line-height: 1;
+  cursor: pointer;
+}
+
+/* Bigger where a finger is doing the aiming. */
+@media (max-width: 639px) {
+  .lalt-suggestion__action {
+    width: 2.25rem;
+    height: 2.25rem;
+    font-size: 1rem;
+  }
+}
+
+.lalt-suggestion__action--accept {
+  color: var(--lalt-editor-insert);
+}
+
+.lalt-suggestion__action--reject {
+  color: var(--lalt-editor-delete);
+}
+
+.lalt-suggestion__action:hover {
+  background: var(--lalt-editor-hover, rgb(0 0 0 / 0.06));
+}

package/dist/index.d.ts

@@ -1,6 +1,9 @@
 export { B as BlockChange, a as BlockShape, C as ChangeKind, R as RichDoc, b as RichNode, c as blocksFromDoc, d as diffBlocks, e as docFromBlocks, s as shapesFromDoc } from './diff-uFiP8hD5.js';
 import * as react from 'react';
 import { Editor } from '@tiptap/react';
+import { Extension } from '@tiptap/core';
+import { PluginKey } from '@tiptap/pm/state';
+import { DecorationSet } from '@tiptap/pm/view';
 
 interface SelectionRect {
     /** Horizontal centre of the selection. */
@@ -89,4 +92,58 @@ declare const defaultFormatLabels: FormatLabels;
  */
 declare function blockFormats(editor: Editor | null, labels?: FormatLabels): BlockFormat[];
 
-export { type BlockFormat, type FormatLabels, type PlaceToolbarInput, type SelectionInfo, type SelectionRect, SelectionToolbar, type SelectionToolbarProps, type ToolbarAction, type ToolbarPlacement, blockFormats, defaultFormatLabels, placeToolbar, useSelectionToolbar };
+interface InlineSuggestion {
+    id: string;
+    /** Document positions of the passage this replaces. */
+    from: number;
+    to: number;
+    after: string;
+}
+interface SuggestionActions {
+    onAccept: (id: string) => void;
+    onReject: (id: string) => void;
+    acceptLabel: string;
+    rejectLabel: string;
+}
+declare const inlineSuggestionsKey: PluginKey<DecorationSet>;
+/**
+ * InlineSuggestions renders proposed edits where they belong: over the passage
+ * they replace, with the new text right after it.
+ *
+ * Decorations, never document changes. The editor's content stays exactly what
+ * the author wrote until they accept, so the draft is saveable mid-review and
+ * a rejected suggestion leaves nothing behind — which a document-level insert
+ * could not promise.
+ */
+declare const InlineSuggestions: Extension<{
+    actions: SuggestionActions | null;
+}, any>;
+
+interface TextRange {
+    from: number;
+    to: number;
+}
+interface RevisionPart {
+    before: string;
+    after: string;
+}
+/**
+ * expandToWords grows a range out to whole words.
+ *
+ * A selection dragged across a line lands mid-word more often than not, and a
+ * model handed "ns de production" answers for a fragment — which then reads as
+ * a truncated diff the author has to decode.
+ */
+declare function expandToWords(text: string, from: number, to: number): TextRange;
+/**
+ * splitRevision turns one model answer into the decisions it really contains.
+ *
+ * A three-paragraph rewrite accepted or rejected as a whole forces the author
+ * to keep a weak paragraph for a strong one, so each paragraph becomes its own
+ * decision — but only when both sides line up. When the model merged or split
+ * paragraphs, position no longer maps them, and pairing by index would show a
+ * diff that never existed.
+ */
+declare function splitRevision(before: string, after: string): RevisionPart[];
+
+export { type BlockFormat, type FormatLabels, type InlineSuggestion, InlineSuggestions, type PlaceToolbarInput, type RevisionPart, type SelectionInfo, type SelectionRect, SelectionToolbar, type SelectionToolbarProps, type SuggestionActions, type TextRange, type ToolbarAction, type ToolbarPlacement, blockFormats, defaultFormatLabels, expandToWords, inlineSuggestionsKey, placeToolbar, splitRevision, useSelectionToolbar };

package/dist/index.js

@@ -67,7 +67,10 @@ function SelectionToolbar({
         ref,
         role: "toolbar",
         className: "lalt-toolbar",
-        style: { position: "fixed", left: place.left, top: place.top, zIndex: 100 },
+        style: {
+          "--lalt-toolbar-left": `${place.left}px`,
+          "--lalt-toolbar-top": `${place.top}px`
+        },
         children: [
           actions.map((action) => /* @__PURE__ */ jsxs(
             "button",
@@ -176,46 +179,157 @@ var defaultFormatLabels = {
 };
 function blockFormats(editor, labels = defaultFormatLabels) {
   if (!editor) return [];
+  const mod = isApple() ? "\u2318" : "Ctrl";
   return [
     {
       id: "paragraph",
       label: labels.paragraph,
-      shortcut: "Ctrl+Alt+0",
       isActive: editor.isActive("paragraph"),
       onSelect: () => editor.chain().focus().setParagraph().run()
     },
     ...[1, 2, 3].map((level) => ({
       id: `heading${level}`,
       label: labels[`heading${level}`],
-      shortcut: `Ctrl+Alt+${level}`,
+      shortcut: `${mod}+Alt+${level}`,
       isActive: editor.isActive("heading", { level }),
       onSelect: () => editor.chain().focus().toggleHeading({ level }).run()
     })),
     {
       id: "orderedList",
       label: labels.orderedList,
-      shortcut: "Ctrl+Alt+4",
+      shortcut: `${mod}+Shift+7`,
       isActive: editor.isActive("orderedList"),
       onSelect: () => editor.chain().focus().toggleOrderedList().run()
     },
     {
       id: "bulletList",
       label: labels.bulletList,
-      shortcut: "Ctrl+Alt+5",
+      shortcut: `${mod}+Shift+8`,
       isActive: editor.isActive("bulletList"),
       onSelect: () => editor.chain().focus().toggleBulletList().run()
     }
   ];
 }
+function isApple() {
+  if (typeof navigator === "undefined") return false;
+  return /Mac|iPad|iPhone|iPod/.test(navigator.platform || navigator.userAgent);
+}
+
+// src/InlineSuggestions.ts
+import { Extension } from "@tiptap/core";
+import { Plugin, PluginKey } from "@tiptap/pm/state";
+import { Decoration, DecorationSet } from "@tiptap/pm/view";
+var inlineSuggestionsKey = new PluginKey("lalt-inline-suggestions");
+var InlineSuggestions = Extension.create({
+  name: "lalt-inline-suggestions",
+  addOptions() {
+    return { actions: null };
+  },
+  addProseMirrorPlugins() {
+    const options = this.options;
+    return [
+      new Plugin({
+        key: inlineSuggestionsKey,
+        state: {
+          init: () => DecorationSet.empty,
+          apply(tr, old) {
+            const set = tr.getMeta(inlineSuggestionsKey);
+            if (set) return build(tr.doc, set, options.actions);
+            return old.map(tr.mapping, tr.doc);
+          }
+        },
+        props: {
+          decorations(state) {
+            return inlineSuggestionsKey.getState(state) ?? DecorationSet.empty;
+          }
+        }
+      })
+    ];
+  }
+});
+function build(doc, suggestions, actions) {
+  const decorations = [];
+  for (const s of suggestions) {
+    if (s.from < 0 || s.to > doc.content.size || s.from >= s.to) continue;
+    decorations.push(
+      Decoration.inline(s.from, s.to, { class: "lalt-suggestion__old" }),
+      Decoration.widget(s.to, () => renderProposal(s, actions), {
+        // The widget belongs to the suggestion that precedes it, so typing at
+        // the boundary does not push it around.
+        side: 1,
+        ignoreSelection: true
+      })
+    );
+  }
+  return DecorationSet.create(doc, decorations);
+}
+function renderProposal(s, actions) {
+  const wrap = document.createElement("span");
+  wrap.className = "lalt-suggestion";
+  wrap.setAttribute("contenteditable", "false");
+  const text = document.createElement("span");
+  text.className = "lalt-suggestion__new";
+  text.textContent = s.after;
+  wrap.appendChild(text);
+  if (actions) {
+    wrap.appendChild(button("reject", actions.rejectLabel, "\u2715", () => actions.onReject(s.id)));
+    wrap.appendChild(button("accept", actions.acceptLabel, "\u2713", () => actions.onAccept(s.id)));
+  }
+  return wrap;
+}
+function button(kind, label, glyph, onClick) {
+  const el = document.createElement("button");
+  el.type = "button";
+  el.className = `lalt-suggestion__action lalt-suggestion__action--${kind}`;
+  el.setAttribute("aria-label", label);
+  el.textContent = glyph;
+  el.addEventListener("mousedown", (e) => e.preventDefault());
+  el.addEventListener("click", (e) => {
+    e.preventDefault();
+    onClick();
+  });
+  return el;
+}
+
+// src/passage.ts
+var WORD = /[\p{L}\p{N}'’-]/u;
+function expandToWords(text, from, to) {
+  if (from >= to) return { from, to };
+  let start = from;
+  while (start > 0 && WORD.test(text[start - 1]) && WORD.test(text[start])) start--;
+  let end = to;
+  while (end < text.length && WORD.test(text[end]) && WORD.test(text[end - 1])) end++;
+  return { from: start, to: end };
+}
+function splitRevision(before, after) {
+  if (before.trim() === after.trim()) return [];
+  const olds = paragraphs(before);
+  const news = paragraphs(after);
+  if (olds.length !== news.length || olds.length === 0) {
+    return [{ before: before.trim(), after: after.trim() }];
+  }
+  const parts = [];
+  for (let i = 0; i < olds.length; i++) {
+    if (olds[i] !== news[i]) parts.push({ before: olds[i], after: news[i] });
+  }
+  return parts;
+}
+function paragraphs(s) {
+  return s.split(/\n\s*\n/).map((p) => p.trim()).filter((p) => p !== "");
+}
 export {
+  InlineSuggestions,
   SelectionToolbar,
   blockFormats,
   blocksFromDoc,
   defaultFormatLabels,
   diffBlocks,
   docFromBlocks,
+  expandToWords,
+  inlineSuggestionsKey,
   placeToolbar,
   shapesFromDoc,
+  splitRevision,
   useSelectionToolbar
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/placement.ts","../src/SelectionToolbar.tsx","../src/useSelectionToolbar.ts","../src/formats.ts"],"sourcesContent":["export interface SelectionRect {\n  /** Horizontal centre of the selection. */\n  x: number;\n  top: number;\n  bottom: number;\n}\n\nexport interface Size {\n  width: number;\n  height: number;\n}\n\nexport interface PlaceToolbarInput {\n  selection: SelectionRect;\n  toolbar: Size;\n  viewport: Size;\n  /** iOS renders its own callout above a selection, which covers a toolbar\n   *  placed there, so the caller asks for below on that platform. */\n  preferBelow?: boolean;\n}\n\nexport interface ToolbarPlacement {\n  left: number;\n  top: number;\n  below: boolean;\n}\n\nconst GAP = 8;\n\n/**\n * placeToolbar positions a floating toolbar against a selection.\n *\n * Kept apart from the component because it is the part that is wrong in subtle\n * ways — off-screen at the edges, hidden under a system callout — and the part\n * a test can pin down without a browser.\n */\nexport function placeToolbar({\n  selection,\n  toolbar,\n  viewport,\n  preferBelow = false,\n}: PlaceToolbarInput): ToolbarPlacement {\n  const fitsAbove = selection.top - GAP - toolbar.height >= 0;\n  const fitsBelow = selection.bottom + GAP + toolbar.height <= viewport.height;\n\n  const below = preferBelow ? fitsBelow || !fitsAbove : !fitsAbove && fitsBelow;\n\n  const top = below\n    ? selection.bottom + GAP\n    : Math.max(0, selection.top - GAP - toolbar.height);\n\n  const centred = selection.x - toolbar.width / 2;\n  const left = Math.max(0, Math.min(centred, viewport.width - toolbar.width));\n\n  return { left, top, below };\n}\n","import { useEffect, useLayoutEffect, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { placeToolbar, type SelectionRect } from \"./placement\";\n\nexport interface ToolbarAction {\n  id: string;\n  label: string;\n  icon?: React.ReactNode;\n  onSelect: (selectedText: string) => void;\n}\n\nexport interface BlockFormat {\n  id: string;\n  label: string;\n  shortcut?: string;\n  isActive?: boolean;\n  onSelect: () => void;\n}\n\nexport interface SelectionToolbarProps {\n  selectedText: string;\n  selection: SelectionRect;\n  actions?: ToolbarAction[];\n  /** Heading levels and list kinds, rendered behind a single trigger. */\n  formats?: BlockFormat[];\n  formatsLabel?: string;\n  /** iOS draws its own callout above a selection; the host detects it. */\n  preferBelow?: boolean;\n  container?: HTMLElement | null;\n}\n\nconst FALLBACK = { width: 320, height: 40 };\n\nexport function SelectionToolbar({\n  selectedText,\n  selection,\n  actions = [],\n  formats = [],\n  formatsLabel = \"Format\",\n  preferBelow = false,\n  container,\n}: SelectionToolbarProps) {\n  const ref = useRef<HTMLDivElement>(null);\n  const [size, setSize] = useState(FALLBACK);\n  const [formatsOpen, setFormatsOpen] = useState(false);\n\n  // Measured after paint rather than assumed: the toolbar's width depends on\n  // labels the host supplies, and guessing it puts the toolbar off-centre.\n  useLayoutEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n    const rect = el.getBoundingClientRect();\n    if (rect.width > 0) setSize({ width: rect.width, height: rect.height });\n  }, [selectedText, actions.length, formats.length]);\n\n  useEffect(() => {\n    if (!formatsOpen) return;\n    const close = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node)) setFormatsOpen(false);\n    };\n    document.addEventListener(\"mousedown\", close);\n    return () => document.removeEventListener(\"mousedown\", close);\n  }, [formatsOpen]);\n\n  if (typeof document === \"undefined\") return null;\n\n  const place = placeToolbar({\n    selection,\n    toolbar: size,\n    viewport: { width: window.innerWidth, height: window.innerHeight },\n    preferBelow,\n  });\n\n  return createPortal(\n    <div\n      ref={ref}\n      role=\"toolbar\"\n      className=\"lalt-toolbar\"\n      style={{ position: \"fixed\", left: place.left, top: place.top, zIndex: 100 }}\n    >\n      {actions.map((action) => (\n        <button\n          key={action.id}\n          type=\"button\"\n          className=\"lalt-toolbar__button\"\n          onMouseDown={(e) => e.preventDefault()}\n          onClick={() => action.onSelect(selectedText)}\n        >\n          {action.icon}\n          <span>{action.label}</span>\n        </button>\n      ))}\n\n      {formats.length > 0 && (\n        <div className=\"lalt-toolbar__formats\">\n          <button\n            type=\"button\"\n            className=\"lalt-toolbar__button\"\n            aria-haspopup=\"menu\"\n            aria-expanded={formatsOpen}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={() => setFormatsOpen((open) => !open)}\n          >\n            {formatsLabel}\n          </button>\n          {formatsOpen && (\n            <div role=\"menu\" className=\"lalt-toolbar__menu\">\n              {formats.map((format) => (\n                <button\n                  key={format.id}\n                  type=\"button\"\n                  role=\"menuitem\"\n                  className=\"lalt-toolbar__item\"\n                  aria-current={format.isActive}\n                  onMouseDown={(e) => e.preventDefault()}\n                  onClick={() => {\n                    format.onSelect();\n                    setFormatsOpen(false);\n                  }}\n                >\n                  <span>{format.label}</span>\n                  {format.shortcut && (\n                    <kbd className=\"lalt-toolbar__shortcut\">{format.shortcut}</kbd>\n                  )}\n                </button>\n              ))}\n            </div>\n          )}\n        </div>\n      )}\n    </div>,\n    container ?? document.body,\n  );\n}\n","import { useEffect, useState } from \"react\";\nimport type { Editor } from \"@tiptap/react\";\n\nimport type { SelectionRect } from \"./placement\";\n\nexport interface SelectionInfo {\n  text: string;\n  rect: SelectionRect;\n}\n\n/**\n * useSelectionToolbar reports the current non-empty selection of an editor.\n *\n * Returns null whenever there is nothing to act on, so the caller renders the\n * toolbar only while it has a target.\n */\nexport function useSelectionToolbar(editor: Editor | null): SelectionInfo | null {\n  const [selection, setSelection] = useState<SelectionInfo | null>(null);\n\n  useEffect(() => {\n    if (!editor) return;\n\n    const read = () => {\n      const { state } = editor;\n      const { from, to, empty } = state.selection;\n      if (empty || !editor.isFocused) {\n        setSelection(null);\n        return;\n      }\n\n      const text = state.doc.textBetween(from, to, \" \").trim();\n      if (text === \"\") {\n        setSelection(null);\n        return;\n      }\n\n      const start = editor.view.coordsAtPos(from);\n      const end = editor.view.coordsAtPos(to);\n      setSelection({\n        text,\n        rect: {\n          x: (start.left + end.right) / 2,\n          top: Math.min(start.top, end.top),\n          bottom: Math.max(start.bottom, end.bottom),\n        },\n      });\n    };\n\n    read();\n    editor.on(\"selectionUpdate\", read);\n    editor.on(\"blur\", read);\n    editor.on(\"focus\", read);\n    return () => {\n      editor.off(\"selectionUpdate\", read);\n      editor.off(\"blur\", read);\n      editor.off(\"focus\", read);\n    };\n  }, [editor]);\n\n  return selection;\n}\n","import type { Editor } from \"@tiptap/react\";\n\n// Type-only: these commands are contributed by StarterKit's extensions, and\n// without the reference TypeScript does not know they exist on a chain. No\n// runtime import, so the host stays in charge of which extensions it mounts —\n// blockFormats simply returns entries whose commands no-op if one is missing.\nimport type {} from \"@tiptap/starter-kit\";\n\nimport type { BlockFormat } from \"./SelectionToolbar\";\n\nexport interface FormatLabels {\n  paragraph: string;\n  heading1: string;\n  heading2: string;\n  heading3: string;\n  orderedList: string;\n  bulletList: string;\n}\n\nexport const defaultFormatLabels: FormatLabels = {\n  paragraph: \"Texte\",\n  heading1: \"Titre 1\",\n  heading2: \"Titre 2\",\n  heading3: \"Titre 3\",\n  orderedList: \"Liste numérotée\",\n  bulletList: \"Liste à puces\",\n};\n\n/**\n * blockFormats is the set a writer reaches for on a selected passage.\n *\n * Labels are passed in rather than translated here: the package carries no\n * i18n runtime, so the host names things in whatever language it speaks.\n */\nexport function blockFormats(\n  editor: Editor | null,\n  labels: FormatLabels = defaultFormatLabels,\n): BlockFormat[] {\n  if (!editor) return [];\n\n  return [\n    {\n      id: \"paragraph\",\n      label: labels.paragraph,\n      shortcut: \"Ctrl+Alt+0\",\n      isActive: editor.isActive(\"paragraph\"),\n      onSelect: () => editor.chain().focus().setParagraph().run(),\n    },\n    ...([1, 2, 3] as const).map((level) => ({\n      id: `heading${level}`,\n      label: labels[`heading${level}` as keyof FormatLabels],\n      shortcut: `Ctrl+Alt+${level}`,\n      isActive: editor.isActive(\"heading\", { level }),\n      onSelect: () => editor.chain().focus().toggleHeading({ level }).run(),\n    })),\n    {\n      id: \"orderedList\",\n      label: labels.orderedList,\n      shortcut: \"Ctrl+Alt+4\",\n      isActive: editor.isActive(\"orderedList\"),\n      onSelect: () => editor.chain().focus().toggleOrderedList().run(),\n    },\n    {\n      id: \"bulletList\",\n      label: labels.bulletList,\n      shortcut: \"Ctrl+Alt+5\",\n      isActive: editor.isActive(\"bulletList\"),\n      onSelect: () => editor.chain().focus().toggleBulletList().run(),\n    },\n  ];\n}\n"],"mappings":"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","names":["useEffect","useState"]}
+{"version":3,"sources":["../src/placement.ts","../src/SelectionToolbar.tsx","../src/useSelectionToolbar.ts","../src/formats.ts","../src/InlineSuggestions.ts","../src/passage.ts"],"sourcesContent":["export interface SelectionRect {\n  /** Horizontal centre of the selection. */\n  x: number;\n  top: number;\n  bottom: number;\n}\n\nexport interface Size {\n  width: number;\n  height: number;\n}\n\nexport interface PlaceToolbarInput {\n  selection: SelectionRect;\n  toolbar: Size;\n  viewport: Size;\n  /** iOS renders its own callout above a selection, which covers a toolbar\n   *  placed there, so the caller asks for below on that platform. */\n  preferBelow?: boolean;\n}\n\nexport interface ToolbarPlacement {\n  left: number;\n  top: number;\n  below: boolean;\n}\n\nconst GAP = 8;\n\n/**\n * placeToolbar positions a floating toolbar against a selection.\n *\n * Kept apart from the component because it is the part that is wrong in subtle\n * ways — off-screen at the edges, hidden under a system callout — and the part\n * a test can pin down without a browser.\n */\nexport function placeToolbar({\n  selection,\n  toolbar,\n  viewport,\n  preferBelow = false,\n}: PlaceToolbarInput): ToolbarPlacement {\n  const fitsAbove = selection.top - GAP - toolbar.height >= 0;\n  const fitsBelow = selection.bottom + GAP + toolbar.height <= viewport.height;\n\n  const below = preferBelow ? fitsBelow || !fitsAbove : !fitsAbove && fitsBelow;\n\n  const top = below\n    ? selection.bottom + GAP\n    : Math.max(0, selection.top - GAP - toolbar.height);\n\n  const centred = selection.x - toolbar.width / 2;\n  const left = Math.max(0, Math.min(centred, viewport.width - toolbar.width));\n\n  return { left, top, below };\n}\n","import { useEffect, useLayoutEffect, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { placeToolbar, type SelectionRect } from \"./placement\";\n\nexport interface ToolbarAction {\n  id: string;\n  label: string;\n  icon?: React.ReactNode;\n  onSelect: (selectedText: string) => void;\n}\n\nexport interface BlockFormat {\n  id: string;\n  label: string;\n  shortcut?: string;\n  isActive?: boolean;\n  onSelect: () => void;\n}\n\nexport interface SelectionToolbarProps {\n  selectedText: string;\n  selection: SelectionRect;\n  actions?: ToolbarAction[];\n  /** Heading levels and list kinds, rendered behind a single trigger. */\n  formats?: BlockFormat[];\n  formatsLabel?: string;\n  /** iOS draws its own callout above a selection; the host detects it. */\n  preferBelow?: boolean;\n  container?: HTMLElement | null;\n}\n\nconst FALLBACK = { width: 320, height: 40 };\n\nexport function SelectionToolbar({\n  selectedText,\n  selection,\n  actions = [],\n  formats = [],\n  formatsLabel = \"Format\",\n  preferBelow = false,\n  container,\n}: SelectionToolbarProps) {\n  const ref = useRef<HTMLDivElement>(null);\n  const [size, setSize] = useState(FALLBACK);\n  const [formatsOpen, setFormatsOpen] = useState(false);\n\n  // Measured after paint rather than assumed: the toolbar's width depends on\n  // labels the host supplies, and guessing it puts the toolbar off-centre.\n  useLayoutEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n    const rect = el.getBoundingClientRect();\n    if (rect.width > 0) setSize({ width: rect.width, height: rect.height });\n  }, [selectedText, actions.length, formats.length]);\n\n  useEffect(() => {\n    if (!formatsOpen) return;\n    const close = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node)) setFormatsOpen(false);\n    };\n    document.addEventListener(\"mousedown\", close);\n    return () => document.removeEventListener(\"mousedown\", close);\n  }, [formatsOpen]);\n\n  if (typeof document === \"undefined\") return null;\n\n  const place = placeToolbar({\n    selection,\n    toolbar: size,\n    viewport: { width: window.innerWidth, height: window.innerHeight },\n    preferBelow,\n  });\n\n  return createPortal(\n    <div\n      ref={ref}\n      role=\"toolbar\"\n      className=\"lalt-toolbar\"\n      // Custom properties rather than left/top directly: under the mobile\n      // breakpoint the stylesheet docks the toolbar to the bottom of the\n      // screen and ignores these, which inline left/top would override.\n      style={\n        {\n          \"--lalt-toolbar-left\": `${place.left}px`,\n          \"--lalt-toolbar-top\": `${place.top}px`,\n        } as React.CSSProperties\n      }\n    >\n      {actions.map((action) => (\n        <button\n          key={action.id}\n          type=\"button\"\n          className=\"lalt-toolbar__button\"\n          onMouseDown={(e) => e.preventDefault()}\n          onClick={() => action.onSelect(selectedText)}\n        >\n          {action.icon}\n          <span>{action.label}</span>\n        </button>\n      ))}\n\n      {formats.length > 0 && (\n        <div className=\"lalt-toolbar__formats\">\n          <button\n            type=\"button\"\n            className=\"lalt-toolbar__button\"\n            aria-haspopup=\"menu\"\n            aria-expanded={formatsOpen}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={() => setFormatsOpen((open) => !open)}\n          >\n            {formatsLabel}\n          </button>\n          {formatsOpen && (\n            <div role=\"menu\" className=\"lalt-toolbar__menu\">\n              {formats.map((format) => (\n                <button\n                  key={format.id}\n                  type=\"button\"\n                  role=\"menuitem\"\n                  className=\"lalt-toolbar__item\"\n                  aria-current={format.isActive}\n                  onMouseDown={(e) => e.preventDefault()}\n                  onClick={() => {\n                    format.onSelect();\n                    setFormatsOpen(false);\n                  }}\n                >\n                  <span>{format.label}</span>\n                  {format.shortcut && (\n                    <kbd className=\"lalt-toolbar__shortcut\">{format.shortcut}</kbd>\n                  )}\n                </button>\n              ))}\n            </div>\n          )}\n        </div>\n      )}\n    </div>,\n    container ?? document.body,\n  );\n}\n","import { useEffect, useState } from \"react\";\nimport type { Editor } from \"@tiptap/react\";\n\nimport type { SelectionRect } from \"./placement\";\n\nexport interface SelectionInfo {\n  text: string;\n  rect: SelectionRect;\n}\n\n/**\n * useSelectionToolbar reports the current non-empty selection of an editor.\n *\n * Returns null whenever there is nothing to act on, so the caller renders the\n * toolbar only while it has a target.\n */\nexport function useSelectionToolbar(editor: Editor | null): SelectionInfo | null {\n  const [selection, setSelection] = useState<SelectionInfo | null>(null);\n\n  useEffect(() => {\n    if (!editor) return;\n\n    const read = () => {\n      const { state } = editor;\n      const { from, to, empty } = state.selection;\n      if (empty || !editor.isFocused) {\n        setSelection(null);\n        return;\n      }\n\n      const text = state.doc.textBetween(from, to, \" \").trim();\n      if (text === \"\") {\n        setSelection(null);\n        return;\n      }\n\n      const start = editor.view.coordsAtPos(from);\n      const end = editor.view.coordsAtPos(to);\n      setSelection({\n        text,\n        rect: {\n          x: (start.left + end.right) / 2,\n          top: Math.min(start.top, end.top),\n          bottom: Math.max(start.bottom, end.bottom),\n        },\n      });\n    };\n\n    read();\n    editor.on(\"selectionUpdate\", read);\n    editor.on(\"blur\", read);\n    editor.on(\"focus\", read);\n    return () => {\n      editor.off(\"selectionUpdate\", read);\n      editor.off(\"blur\", read);\n      editor.off(\"focus\", read);\n    };\n  }, [editor]);\n\n  return selection;\n}\n","import type { Editor } from \"@tiptap/react\";\n\n// Type-only: these commands are contributed by StarterKit's extensions, and\n// without the reference TypeScript does not know they exist on a chain. No\n// runtime import, so the host stays in charge of which extensions it mounts —\n// blockFormats simply returns entries whose commands no-op if one is missing.\nimport type {} from \"@tiptap/starter-kit\";\n\nimport type { BlockFormat } from \"./SelectionToolbar\";\n\nexport interface FormatLabels {\n  paragraph: string;\n  heading1: string;\n  heading2: string;\n  heading3: string;\n  orderedList: string;\n  bulletList: string;\n}\n\nexport const defaultFormatLabels: FormatLabels = {\n  paragraph: \"Texte\",\n  heading1: \"Titre 1\",\n  heading2: \"Titre 2\",\n  heading3: \"Titre 3\",\n  orderedList: \"Liste numérotée\",\n  bulletList: \"Liste à puces\",\n};\n\n/**\n * blockFormats is the set a writer reaches for on a selected passage.\n *\n * Labels are passed in rather than translated here: the package carries no\n * i18n runtime, so the host names things in whatever language it speaks.\n */\nexport function blockFormats(\n  editor: Editor | null,\n  labels: FormatLabels = defaultFormatLabels,\n): BlockFormat[] {\n  if (!editor) return [];\n\n  // Shortcuts are the ones TipTap's own extensions bind, read from their\n  // source rather than invented: heading binds Mod-Alt-<level>, the list\n  // extensions bind Mod-Shift-7/8, and setParagraph binds nothing at all.\n  // A label promising a shortcut that does nothing is worse than no label.\n  const mod = isApple() ? \"⌘\" : \"Ctrl\";\n\n  return [\n    {\n      id: \"paragraph\",\n      label: labels.paragraph,\n      isActive: editor.isActive(\"paragraph\"),\n      onSelect: () => editor.chain().focus().setParagraph().run(),\n    },\n    ...([1, 2, 3] as const).map((level) => ({\n      id: `heading${level}`,\n      label: labels[`heading${level}` as keyof FormatLabels],\n      shortcut: `${mod}+Alt+${level}`,\n      isActive: editor.isActive(\"heading\", { level }),\n      onSelect: () => editor.chain().focus().toggleHeading({ level }).run(),\n    })),\n    {\n      id: \"orderedList\",\n      label: labels.orderedList,\n      shortcut: `${mod}+Shift+7`,\n      isActive: editor.isActive(\"orderedList\"),\n      onSelect: () => editor.chain().focus().toggleOrderedList().run(),\n    },\n    {\n      id: \"bulletList\",\n      label: labels.bulletList,\n      shortcut: `${mod}+Shift+8`,\n      isActive: editor.isActive(\"bulletList\"),\n      onSelect: () => editor.chain().focus().toggleBulletList().run(),\n    },\n  ];\n}\n\nfunction isApple(): boolean {\n  if (typeof navigator === \"undefined\") return false;\n  return /Mac|iPad|iPhone|iPod/.test(navigator.platform || navigator.userAgent);\n}\n","import { Extension } from \"@tiptap/core\";\nimport { Plugin, PluginKey } from \"@tiptap/pm/state\";\nimport { Decoration, DecorationSet } from \"@tiptap/pm/view\";\nimport type { Node as ProseMirrorNode } from \"@tiptap/pm/model\";\n\nexport interface InlineSuggestion {\n  id: string;\n  /** Document positions of the passage this replaces. */\n  from: number;\n  to: number;\n  after: string;\n}\n\nexport interface SuggestionActions {\n  onAccept: (id: string) => void;\n  onReject: (id: string) => void;\n  acceptLabel: string;\n  rejectLabel: string;\n}\n\nexport const inlineSuggestionsKey = new PluginKey<DecorationSet>(\"lalt-inline-suggestions\");\n\n/**\n * InlineSuggestions renders proposed edits where they belong: over the passage\n * they replace, with the new text right after it.\n *\n * Decorations, never document changes. The editor's content stays exactly what\n * the author wrote until they accept, so the draft is saveable mid-review and\n * a rejected suggestion leaves nothing behind — which a document-level insert\n * could not promise.\n */\nexport const InlineSuggestions = Extension.create<{ actions: SuggestionActions | null }>({\n  name: \"lalt-inline-suggestions\",\n\n  addOptions() {\n    return { actions: null };\n  },\n\n  addProseMirrorPlugins() {\n    const options = this.options;\n\n    return [\n      new Plugin<DecorationSet>({\n        key: inlineSuggestionsKey,\n\n        state: {\n          init: () => DecorationSet.empty,\n          apply(tr, old) {\n            const set = tr.getMeta(inlineSuggestionsKey) as InlineSuggestion[] | undefined;\n            if (set) return build(tr.doc, set, options.actions);\n            // Positions follow the document as the author keeps typing around\n            // a pending suggestion.\n            return old.map(tr.mapping, tr.doc);\n          },\n        },\n\n        props: {\n          decorations(state) {\n            return inlineSuggestionsKey.getState(state) ?? DecorationSet.empty;\n          },\n        },\n      }),\n    ];\n  },\n});\n\nfunction build(\n  doc: ProseMirrorNode,\n  suggestions: InlineSuggestion[],\n  actions: SuggestionActions | null,\n): DecorationSet {\n  const decorations: Decoration[] = [];\n\n  for (const s of suggestions) {\n    if (s.from < 0 || s.to > doc.content.size || s.from >= s.to) continue;\n\n    decorations.push(\n      Decoration.inline(s.from, s.to, { class: \"lalt-suggestion__old\" }),\n      Decoration.widget(s.to, () => renderProposal(s, actions), {\n        // The widget belongs to the suggestion that precedes it, so typing at\n        // the boundary does not push it around.\n        side: 1,\n        ignoreSelection: true,\n      }),\n    );\n  }\n  return DecorationSet.create(doc, decorations);\n}\n\nfunction renderProposal(s: InlineSuggestion, actions: SuggestionActions | null): HTMLElement {\n  const wrap = document.createElement(\"span\");\n  wrap.className = \"lalt-suggestion\";\n  wrap.setAttribute(\"contenteditable\", \"false\");\n\n  const text = document.createElement(\"span\");\n  text.className = \"lalt-suggestion__new\";\n  text.textContent = s.after;\n  wrap.appendChild(text);\n\n  if (actions) {\n    wrap.appendChild(button(\"reject\", actions.rejectLabel, \"✕\", () => actions.onReject(s.id)));\n    wrap.appendChild(button(\"accept\", actions.acceptLabel, \"✓\", () => actions.onAccept(s.id)));\n  }\n  return wrap;\n}\n\nfunction button(kind: string, label: string, glyph: string, onClick: () => void): HTMLElement {\n  const el = document.createElement(\"button\");\n  el.type = \"button\";\n  el.className = `lalt-suggestion__action lalt-suggestion__action--${kind}`;\n  el.setAttribute(\"aria-label\", label);\n  el.textContent = glyph;\n  // mousedown would move the selection into the widget before the click lands.\n  el.addEventListener(\"mousedown\", (e) => e.preventDefault());\n  el.addEventListener(\"click\", (e) => {\n    e.preventDefault();\n    onClick();\n  });\n  return el;\n}\n","export interface TextRange {\n  from: number;\n  to: number;\n}\n\nexport interface RevisionPart {\n  before: string;\n  after: string;\n}\n\n// Letters, digits, and the marks that belong inside a French word.\nconst WORD = /[\\p{L}\\p{N}'’-]/u;\n\n/**\n * expandToWords grows a range out to whole words.\n *\n * A selection dragged across a line lands mid-word more often than not, and a\n * model handed \"ns de production\" answers for a fragment — which then reads as\n * a truncated diff the author has to decode.\n */\nexport function expandToWords(text: string, from: number, to: number): TextRange {\n  if (from >= to) return { from, to };\n\n  let start = from;\n  while (start > 0 && WORD.test(text[start - 1]) && WORD.test(text[start])) start--;\n\n  let end = to;\n  while (end < text.length && WORD.test(text[end]) && WORD.test(text[end - 1])) end++;\n\n  return { from: start, to: end };\n}\n\n/**\n * splitRevision turns one model answer into the decisions it really contains.\n *\n * A three-paragraph rewrite accepted or rejected as a whole forces the author\n * to keep a weak paragraph for a strong one, so each paragraph becomes its own\n * decision — but only when both sides line up. When the model merged or split\n * paragraphs, position no longer maps them, and pairing by index would show a\n * diff that never existed.\n */\nexport function splitRevision(before: string, after: string): RevisionPart[] {\n  if (before.trim() === after.trim()) return [];\n\n  const olds = paragraphs(before);\n  const news = paragraphs(after);\n\n  if (olds.length !== news.length || olds.length === 0) {\n    return [{ before: before.trim(), after: after.trim() }];\n  }\n\n  const parts: RevisionPart[] = [];\n  for (let i = 0; i < olds.length; i++) {\n    if (olds[i] !== news[i]) parts.push({ before: olds[i], after: news[i] });\n  }\n  return parts;\n}\n\nfunction paragraphs(s: string): string[] {\n  return s\n    .split(/\\n\\s*\\n/)\n    .map((p) => p.trim())\n    .filter((p) => p !== \"\");\n}\n"],"mappings":"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","names":["useEffect","useState"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lalternative/editor",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "description": "Shared TipTap editor for L'Alternative apps: rich text, format menu, selection toolbar and inline AI revisions",
   "type": "module",
   "main": "./dist/index.js",