@lalternative/editor 0.1.0 → 0.4.0

package/dist/diff-uFiP8hD5.d.ts

@@ -0,0 +1,52 @@
+/**
+ * RichNode is one node of a TipTap document.
+ *
+ * The index signature is what lets a document cross the boundary with an
+ * editor handle typed as a plain object, which is how TipTap hands its JSON
+ * back. Without it every call site pays for the mismatch in casts.
+ */
+interface RichNode {
+    type?: string;
+    attrs?: Record<string, unknown>;
+    content?: RichNode[];
+    text?: string;
+    [key: string]: unknown;
+}
+type RichDoc = RichNode;
+interface BlockShape {
+    type: "paragraph" | "heading";
+    level?: number;
+}
+/**
+ * blocksFromDoc flattens a TipTap document to the text of its top-level nodes.
+ *
+ * Marks are dropped rather than encoded: the diff compares prose, and a bold
+ * span that moved inside an otherwise identical sentence is not a change worth
+ * asking the reviewer about.
+ */
+declare function blocksFromDoc(doc: RichDoc): string[];
+/** shapesFromDoc records what each block was, so a revision can be rebuilt
+ *  without turning every heading into a paragraph. */
+declare function shapesFromDoc(doc: RichDoc): BlockShape[];
+declare function docFromBlocks(blocks: string[], shapes?: BlockShape[]): RichDoc;
+
+type ChangeKind = "keep" | "insert" | "delete" | "replace";
+interface BlockChange {
+    id: string;
+    kind: ChangeKind;
+    before: string;
+    after: string;
+}
+/**
+ * diffBlocks compares two documents one block at a time.
+ *
+ * The block is the unit because it is the unit a reviewer accepts or rejects:
+ * a finer diff turns one editorial decision into a dozen clicks, and a coarser
+ * one makes rejecting a single sentence cost the whole section.
+ *
+ * Accepting every change rebuilds `after` exactly; rejecting every change
+ * rebuilds `before` exactly. The UI relies on both.
+ */
+declare function diffBlocks(before: string[], after: string[]): BlockChange[];
+
+export { type BlockChange as B, type ChangeKind as C, type RichDoc as R, type BlockShape as a, type RichNode as b, blocksFromDoc as c, diffBlocks as d, docFromBlocks as e, shapesFromDoc as s };

package/dist/editor.css

@@ -5,6 +5,179 @@
   --lalt-editor-insert-bg: rgb(29 78 216 / 0.08);
   --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, 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;
+    --lalt-editor-insert-bg: rgb(147 197 253 / 0.12);
+    --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.25rem;
+  padding: 0.5rem;
+  padding-bottom: max(0.5rem, env(safe-area-inset-bottom));
+  background: var(--lalt-editor-surface, #ffffff);
+  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;
+  /* 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));
+}
+
+.lalt-toolbar__formats {
+  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: fixed;
+  left: 0;
+  right: 0;
+  bottom: 100%;
+  max-height: 60vh;
+  overflow-y: auto;
+  padding: 0.25rem;
+  background: var(--lalt-editor-surface, #ffffff);
+  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 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1.5rem;
+  width: 100%;
+  min-height: 2.75rem;
+  padding: 0.5rem 0.75rem;
+  border-radius: 0.375rem;
+  background: none;
+  border: none;
+  font: inherit;
+  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));
+}
+
+.lalt-toolbar__item[aria-current="true"] {
+  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 {
@@ -30,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,52 +1,149 @@
+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. */
+    x: number;
+    top: number;
+    bottom: number;
+}
+interface Size {
+    width: number;
+    height: number;
+}
+interface PlaceToolbarInput {
+    selection: SelectionRect;
+    toolbar: Size;
+    viewport: Size;
+    /** iOS renders its own callout above a selection, which covers a toolbar
+     *  placed there, so the caller asks for below on that platform. */
+    preferBelow?: boolean;
+}
+interface ToolbarPlacement {
+    left: number;
+    top: number;
+    below: boolean;
+}
 /**
- * RichNode is one node of a TipTap document.
+ * placeToolbar positions a floating toolbar against a selection.
  *
- * The index signature is what lets a document cross the boundary with an
- * editor handle typed as a plain object, which is how TipTap hands its JSON
- * back. Without it every call site pays for the mismatch in casts.
+ * Kept apart from the component because it is the part that is wrong in subtle
+ * ways — off-screen at the edges, hidden under a system callout — and the part
+ * a test can pin down without a browser.
  */
-interface RichNode {
-    type?: string;
-    attrs?: Record<string, unknown>;
-    content?: RichNode[];
-    text?: string;
-    [key: string]: unknown;
-}
-type RichDoc = RichNode;
-interface BlockShape {
-    type: "paragraph" | "heading";
-    level?: number;
+declare function placeToolbar({ selection, toolbar, viewport, preferBelow, }: PlaceToolbarInput): ToolbarPlacement;
+
+interface ToolbarAction {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+    onSelect: (selectedText: string) => void;
+}
+interface BlockFormat {
+    id: string;
+    label: string;
+    shortcut?: string;
+    isActive?: boolean;
+    onSelect: () => void;
+}
+interface SelectionToolbarProps {
+    selectedText: string;
+    selection: SelectionRect;
+    actions?: ToolbarAction[];
+    /** Heading levels and list kinds, rendered behind a single trigger. */
+    formats?: BlockFormat[];
+    formatsLabel?: string;
+    /** iOS draws its own callout above a selection; the host detects it. */
+    preferBelow?: boolean;
+    container?: HTMLElement | null;
+}
+declare function SelectionToolbar({ selectedText, selection, actions, formats, formatsLabel, preferBelow, container, }: SelectionToolbarProps): react.ReactPortal | null;
+
+interface SelectionInfo {
+    text: string;
+    rect: SelectionRect;
 }
 /**
- * blocksFromDoc flattens a TipTap document to the text of its top-level nodes.
+ * useSelectionToolbar reports the current non-empty selection of an editor.
  *
- * Marks are dropped rather than encoded: the diff compares prose, and a bold
- * span that moved inside an otherwise identical sentence is not a change worth
- * asking the reviewer about.
+ * Returns null whenever there is nothing to act on, so the caller renders the
+ * toolbar only while it has a target.
  */
-declare function blocksFromDoc(doc: RichDoc): string[];
-/** shapesFromDoc records what each block was, so a revision can be rebuilt
- *  without turning every heading into a paragraph. */
-declare function shapesFromDoc(doc: RichDoc): BlockShape[];
-declare function docFromBlocks(blocks: string[], shapes?: BlockShape[]): RichDoc;
+declare function useSelectionToolbar(editor: Editor | null): SelectionInfo | null;
 
-type ChangeKind = "keep" | "insert" | "delete" | "replace";
-interface BlockChange {
+interface FormatLabels {
+    paragraph: string;
+    heading1: string;
+    heading2: string;
+    heading3: string;
+    orderedList: string;
+    bulletList: string;
+}
+declare const defaultFormatLabels: FormatLabels;
+/**
+ * blockFormats is the set a writer reaches for on a selected passage.
+ *
+ * Labels are passed in rather than translated here: the package carries no
+ * i18n runtime, so the host names things in whatever language it speaks.
+ */
+declare function blockFormats(editor: Editor | null, labels?: FormatLabels): BlockFormat[];
+
+interface InlineSuggestion {
     id: string;
-    kind: ChangeKind;
+    /** 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;
 }
 /**
- * diffBlocks compares two documents one block at a time.
+ * expandToWords grows a range out to whole words.
  *
- * The block is the unit because it is the unit a reviewer accepts or rejects:
- * a finer diff turns one editorial decision into a dozen clicks, and a coarser
- * one makes rejecting a single sentence cost the whole section.
+ * 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.
  *
- * Accepting every change rebuilds `after` exactly; rejecting every change
- * rebuilds `before` exactly. The UI relies on both.
+ * 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 diffBlocks(before: string[], after: string[]): BlockChange[];
+declare function splitRevision(before: string, after: string): RevisionPart[];
 
-export { type BlockChange, type BlockShape, type ChangeKind, type RichDoc, type RichNode, blocksFromDoc, diffBlocks, docFromBlocks, shapesFromDoc };
+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

@@ -4,10 +4,332 @@ import {
   docFromBlocks,
   shapesFromDoc
 } from "./chunk-7GOSVZTI.js";
+
+// src/placement.ts
+var GAP = 8;
+function placeToolbar({
+  selection,
+  toolbar,
+  viewport,
+  preferBelow = false
+}) {
+  const fitsAbove = selection.top - GAP - toolbar.height >= 0;
+  const fitsBelow = selection.bottom + GAP + toolbar.height <= viewport.height;
+  const below = preferBelow ? fitsBelow || !fitsAbove : !fitsAbove && fitsBelow;
+  const top = below ? selection.bottom + GAP : Math.max(0, selection.top - GAP - toolbar.height);
+  const centred = selection.x - toolbar.width / 2;
+  const left = Math.max(0, Math.min(centred, viewport.width - toolbar.width));
+  return { left, top, below };
+}
+
+// src/SelectionToolbar.tsx
+import { useEffect, useLayoutEffect, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+import { jsx, jsxs } from "react/jsx-runtime";
+var FALLBACK = { width: 320, height: 40 };
+function SelectionToolbar({
+  selectedText,
+  selection,
+  actions = [],
+  formats = [],
+  formatsLabel = "Format",
+  preferBelow = false,
+  container
+}) {
+  const ref = useRef(null);
+  const [size, setSize] = useState(FALLBACK);
+  const [formatsOpen, setFormatsOpen] = useState(false);
+  useLayoutEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    const rect = el.getBoundingClientRect();
+    if (rect.width > 0) setSize({ width: rect.width, height: rect.height });
+  }, [selectedText, actions.length, formats.length]);
+  useEffect(() => {
+    if (!formatsOpen) return;
+    const close = (e) => {
+      if (ref.current && !ref.current.contains(e.target)) setFormatsOpen(false);
+    };
+    document.addEventListener("mousedown", close);
+    return () => document.removeEventListener("mousedown", close);
+  }, [formatsOpen]);
+  if (typeof document === "undefined") return null;
+  const place = placeToolbar({
+    selection,
+    toolbar: size,
+    viewport: { width: window.innerWidth, height: window.innerHeight },
+    preferBelow
+  });
+  return createPortal(
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        role: "toolbar",
+        className: "lalt-toolbar",
+        style: {
+          "--lalt-toolbar-left": `${place.left}px`,
+          "--lalt-toolbar-top": `${place.top}px`
+        },
+        children: [
+          actions.map((action) => /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              className: "lalt-toolbar__button",
+              onMouseDown: (e) => e.preventDefault(),
+              onClick: () => action.onSelect(selectedText),
+              children: [
+                action.icon,
+                /* @__PURE__ */ jsx("span", { children: action.label })
+              ]
+            },
+            action.id
+          )),
+          formats.length > 0 && /* @__PURE__ */ jsxs("div", { className: "lalt-toolbar__formats", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "lalt-toolbar__button",
+                "aria-haspopup": "menu",
+                "aria-expanded": formatsOpen,
+                onMouseDown: (e) => e.preventDefault(),
+                onClick: () => setFormatsOpen((open) => !open),
+                children: formatsLabel
+              }
+            ),
+            formatsOpen && /* @__PURE__ */ jsx("div", { role: "menu", className: "lalt-toolbar__menu", children: formats.map((format) => /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                role: "menuitem",
+                className: "lalt-toolbar__item",
+                "aria-current": format.isActive,
+                onMouseDown: (e) => e.preventDefault(),
+                onClick: () => {
+                  format.onSelect();
+                  setFormatsOpen(false);
+                },
+                children: [
+                  /* @__PURE__ */ jsx("span", { children: format.label }),
+                  format.shortcut && /* @__PURE__ */ jsx("kbd", { className: "lalt-toolbar__shortcut", children: format.shortcut })
+                ]
+              },
+              format.id
+            )) })
+          ] })
+        ]
+      }
+    ),
+    container ?? document.body
+  );
+}
+
+// src/useSelectionToolbar.ts
+import { useEffect as useEffect2, useState as useState2 } from "react";
+function useSelectionToolbar(editor) {
+  const [selection, setSelection] = useState2(null);
+  useEffect2(() => {
+    if (!editor) return;
+    const read = () => {
+      const { state } = editor;
+      const { from, to, empty } = state.selection;
+      if (empty || !editor.isFocused) {
+        setSelection(null);
+        return;
+      }
+      const text = state.doc.textBetween(from, to, " ").trim();
+      if (text === "") {
+        setSelection(null);
+        return;
+      }
+      const start = editor.view.coordsAtPos(from);
+      const end = editor.view.coordsAtPos(to);
+      setSelection({
+        text,
+        rect: {
+          x: (start.left + end.right) / 2,
+          top: Math.min(start.top, end.top),
+          bottom: Math.max(start.bottom, end.bottom)
+        }
+      });
+    };
+    read();
+    editor.on("selectionUpdate", read);
+    editor.on("blur", read);
+    editor.on("focus", read);
+    return () => {
+      editor.off("selectionUpdate", read);
+      editor.off("blur", read);
+      editor.off("focus", read);
+    };
+  }, [editor]);
+  return selection;
+}
+
+// src/formats.ts
+var defaultFormatLabels = {
+  paragraph: "Texte",
+  heading1: "Titre 1",
+  heading2: "Titre 2",
+  heading3: "Titre 3",
+  orderedList: "Liste num\xE9rot\xE9e",
+  bulletList: "Liste \xE0 puces"
+};
+function blockFormats(editor, labels = defaultFormatLabels) {
+  if (!editor) return [];
+  const mod = isApple() ? "\u2318" : "Ctrl";
+  return [
+    {
+      id: "paragraph",
+      label: labels.paragraph,
+      isActive: editor.isActive("paragraph"),
+      onSelect: () => editor.chain().focus().setParagraph().run()
+    },
+    ...[1, 2, 3].map((level) => ({
+      id: `heading${level}`,
+      label: labels[`heading${level}`],
+      shortcut: `${mod}+Alt+${level}`,
+      isActive: editor.isActive("heading", { level }),
+      onSelect: () => editor.chain().focus().toggleHeading({ level }).run()
+    })),
+    {
+      id: "orderedList",
+      label: labels.orderedList,
+      shortcut: `${mod}+Shift+7`,
+      isActive: editor.isActive("orderedList"),
+      onSelect: () => editor.chain().focus().toggleOrderedList().run()
+    },
+    {
+      id: "bulletList",
+      label: labels.bulletList,
+      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,
-  shapesFromDoc
+  expandToWords,
+  inlineSuggestionsKey,
+  placeToolbar,
+  shapesFromDoc,
+  splitRevision,
+  useSelectionToolbar
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"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/dist/revisions.d.ts

@@ -1,5 +1,5 @@
-import { BlockChange, RichDoc } from './index.js';
-export { ChangeKind } from './index.js';
+import { B as BlockChange, R as RichDoc } from './diff-uFiP8hD5.js';
+export { C as ChangeKind } from './diff-uFiP8hD5.js';
 
 type Decision = "pending" | "accepted" | "rejected";
 interface RevisionState {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lalternative/editor",
-  "version": "0.1.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",
@@ -54,5 +54,10 @@
     "type": "git",
     "url": "https://github.com/lalternative/packages.git",
     "directory": "editor"
+  },
+  "peerDependenciesMeta": {
+    "@tiptap/starter-kit": {
+      "optional": true
+    }
   }
 }