idea-manager 2.2.0 → 2.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "idea-manager",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "description": "AI-powered idea & task manager for developers. Brainstorm → structured tasks → AI agent execution. CodeMirror editor with slash commands, MCP Server, Claude/Gemini/Codex support. Local-first SQLite, cross-PC Git sync.",
   "keywords": [
     "idea-manager",

package/src/components/task/NoteEditor.tsx

@@ -3,12 +3,72 @@
 import { forwardRef, useMemo, useRef } from 'react';
 import CodeMirror, { type ReactCodeMirrorRef } from '@uiw/react-codemirror';
 import { markdown, markdownLanguage } from '@codemirror/lang-markdown';
-import { EditorView, Decoration, keymap, ViewPlugin, WidgetType } from '@codemirror/view';
-import { EditorState, StateEffect, StateField, Prec } from '@codemirror/state';
+import { EditorView, Decoration, keymap, ViewPlugin, WidgetType, type DecorationSet } from '@codemirror/view';
+import { EditorState, StateEffect, StateField, Prec, RangeSetBuilder } from '@codemirror/state';
 import { HighlightStyle, syntaxHighlighting } from '@codemirror/language';
 import { autocompletion, type CompletionContext, type CompletionResult } from '@codemirror/autocomplete';
 import { tags as t } from '@lezer/highlight';
 
+// ─────────────────────────────────────────────────────────────
+// Arrow ligatures: visually replace -> => <- etc. with unicode
+// arrows. The actual document text is unchanged.
+// ─────────────────────────────────────────────────────────────
+// Map of arrow text → unicode, longest patterns first to prevent partial matches.
+const LIGATURE_MAP: Record<string, string> = {
+  '<-->': '⟷', '<=>': '⇔',
+  '-->': '⟶', '<--': '⟵', '==>': '⟹', '<==': '⟸', '<->': '↔',
+  '=>': '⇒', '->': '→', '<-': '←',
+};
+const LIGATURE_RE = new RegExp(
+  Object.keys(LIGATURE_MAP)
+    .sort((a, b) => b.length - a.length)
+    .map(k => k.replace(/[-<>=]/g, '\\$&'))
+    .join('|'),
+  'g',
+);
+
+class LigatureWidget extends WidgetType {
+  constructor(public readonly ch: string) { super(); }
+  eq(other: LigatureWidget) { return other.ch === this.ch; }
+  toDOM() {
+    const span = document.createElement('span');
+    span.textContent = this.ch;
+    span.className = 'cm-ligature';
+    span.style.color = 'hsl(var(--primary))';
+    return span;
+  }
+  ignoreEvent() { return true; }
+}
+
+function buildLigatureDecorations(view: EditorView): DecorationSet {
+  const builder = new RangeSetBuilder<Decoration>();
+  const doc = view.state.doc;
+  for (let i = 1; i <= doc.lines; i++) {
+    const line = doc.line(i);
+    LIGATURE_RE.lastIndex = 0;
+    let m: RegExpExecArray | null;
+    while ((m = LIGATURE_RE.exec(line.text)) !== null) {
+      const ch = LIGATURE_MAP[m[0]];
+      if (!ch) continue;
+      const from = line.from + m.index;
+      const to = from + m[0].length;
+      builder.add(from, to, Decoration.replace({ widget: new LigatureWidget(ch) }));
+    }
+  }
+  return builder.finish();
+}
+
+const ligaturePlugin = ViewPlugin.fromClass(
+  class {
+    decorations: DecorationSet;
+    constructor(view: EditorView) { this.decorations = buildLigatureDecorations(view); }
+    update(u: { docChanged: boolean; view: EditorView }) {
+      if (u.docChanged) this.decorations = buildLigatureDecorations(u.view);
+    }
+  },
+  { decorations: (v) => v.decorations },
+);
+
 // ─────────────────────────────────────────────────────────────
 // Ghost-text state: a decoration widget after the cursor.
 // ─────────────────────────────────────────────────────────────
@@ -451,6 +511,7 @@ const NoteEditor = forwardRef<ReactCodeMirrorRef, NoteEditorProps>(function Note
   const extensions = useMemo(() => [
     markdown({ base: markdownLanguage }),
     syntaxHighlighting(mdHighlight),
+    ligaturePlugin,
     autocompletion({
       override: [slashCompletion],
       defaultKeymap: true,