feat: v0.2.2 — plugin refactor, i18n, outline tracking, formatTable, code title, fr locale

## Added
- French (fr) locale with 60+ translations
- Outline panel scroll tracking with active heading highlight
- exec('formatTable') for auto-aligning Markdown table columns
- Code block title rendering via ```js title=hello.js```
- Escaped pipe \| support in table cells
- Custom block token fallback rendering as <div>
- Gutter incremental DOM update (no more full innerHTML)
- 694 tests (+10)

## Changed
- All 6 preset plugins refactored to closure-based state (no this pollution)
- shortcutHelp plugin now i18n-aware (shortcut labels follow locale)
- Context menu labels (Cut/Copy/Paste/Select All) i18n-translated
- Warm theme now has progressBg + closeHoverBg fields

src/core.ts

@@ -127,6 +127,7 @@ export class MarkdownEditor {
     this._initAriaLive();
     this._bindEvents();
     this._bindContextMenu();
+    this._trackOutlineScroll();
 
     this.textarea.value = this._value;
     this._pushHistory();
@@ -397,9 +398,19 @@ export class MarkdownEditor {
   _renderGutter(): void {
     if (!this.config.lineNumbers || !this.gutter) return;
     const lines = this._value ? this._value.split('\n').length : 1;
-    if (this.gutter.children.length === lines) return;
-    let h = ''; for (let i = 1; i <= lines; i++) h += `<div class="me-gutter-line">${i}</div>`;
-    this.gutter.innerHTML = h;
+    const current = this.gutter.children.length;
+    if (current === lines) return;
+    if (current < lines) {
+      // Add new line numbers
+      let h = '';
+      for (let i = current + 1; i <= lines; i++) h += `<div class="me-gutter-line">${i}</div>`;
+      this.gutter.insertAdjacentHTML('beforeend', h);
+    } else {
+      // Remove excess line numbers
+      while (this.gutter.children.length > lines) {
+        this.gutter.removeChild(this.gutter.lastChild!);
+      }
+    }
   }
 
   _updateCurrentLine(): void {
@@ -500,6 +511,33 @@ export class MarkdownEditor {
 
   _updateOutline(): void { if (!this.config.outline) return; if (this._outlineTimer) clearTimeout(this._outlineTimer); this._outlineTimer = setTimeout(() => this._buildOutline(), 300); }
 
+  _trackOutlineScroll(): void {
+    if (!this.config.outline || !this.previewPane) return;
+    let ticking = false;
+    const onScroll = () => {
+      if (ticking) return;
+      ticking = true;
+      requestAnimationFrame(() => {
+        ticking = false;
+        const panel = this.el.querySelector('.me-outline');
+        if (!panel) return;
+        const headings = this.previewEl.querySelectorAll('h1, h2, h3, h4, h5, h6');
+        let activeId = '';
+        const scrollTop = this.previewPane.scrollTop + 80; // offset for better UX
+        headings.forEach((h) => {
+          if ((h as HTMLElement).offsetTop <= scrollTop) {
+            activeId = h.id;
+          }
+        });
+        panel.querySelectorAll('a').forEach((a) => {
+          a.classList.toggle('me-outline-active', a.getAttribute('href') === '#' + activeId);
+        });
+      });
+    };
+    this.previewPane.addEventListener('scroll', onScroll, { passive: true });
+    this._cleanups.push(() => this.previewPane.removeEventListener('scroll', onScroll));
+  }
+
   _scheduleHistory(): void { if (this._historyTimer) clearTimeout(this._historyTimer); this._historyTimer = setTimeout(() => this._pushHistory(), this.config.historyDebounce || 400); }
 
   _pushHistory(): void {
@@ -538,6 +576,7 @@ export class MarkdownEditor {
       edit: () => this.setMode('edit'), split: () => this.setMode('split'),
       preview: () => this.setMode('preview'), fullscreen: () => this.toggleFullscreen(),
       zen: () => this.toggleZen(), wordwrap: () => this.toggleWordWrap(),
+      formatTable: () => this._formatTable(),
     };
     const fn = actions[action];
     if (fn) { (fn as Function).apply(this, args); return this; }
@@ -585,6 +624,44 @@ export class MarkdownEditor {
   _insertImage(): void { const ta = this.textarea; const start = ta.selectionStart; const end = ta.selectionEnd; const sel = ta.value.slice(start, end) || i18nT('image') || 'image'; const url = 'https://'; const insert = `![${sel}](${url})`; ta.value = ta.value.slice(0, start) + insert + ta.value.slice(end); ta.focus(); ta.selectionStart = start + sel.length + 4; ta.selectionEnd = ta.selectionStart + url.length; this._value = ta.value; this._pushHistory(); this._render(); this._emit('change', this._value); }
   _insertTable(rows = 3, cols = 3): void { const header = Array.from({ length: cols }, (_, i) => `${i18nT('tableCols') || '列'}${i + 1}`).join(' | '); const sep = Array.from({ length: cols }, () => '---').join(' | '); let md = `| ${header} |\n| ${sep} |\n`; for (let r = 1; r < rows; r++) md += `| ${Array.from({ length: cols }, () => ' ').join(' | ')} |\n`; this._insertBlock('\n' + md); }
 
+  _formatTable(): void {
+    const ta = this.textarea;
+    const start = ta.selectionStart;
+    // Find table boundaries around cursor
+    const before = ta.value.substring(0, start);
+    const after = ta.value.substring(start);
+    const blockStart = before.lastIndexOf('\n\n');
+    const blockEnd = after.indexOf('\n\n');
+    const tableStart = blockStart === -1 ? 0 : blockStart + 2;
+    const tableEnd = blockEnd === -1 ? ta.value.length : start + blockEnd;
+    const tableText = ta.value.substring(tableStart, tableEnd);
+    const lines = tableText.split('\n').filter((l) => l.includes('|'));
+    if (lines.length < 2) return; // need at least header + separator
+    // Parse columns
+    const splitRow = (r: string) => r.replace(/^\s*\|?\s*|\s*\|?\s*$/g, '').split(/\s*\|\s*/);
+    const allCells = lines.map(splitRow);
+    const colCount = Math.max(...allCells.map((c) => c.length));
+    // Calculate max width per column
+    const colWidths: number[] = Array(colCount).fill(3);
+    allCells.forEach((cells) => {
+      cells.forEach((cell, ci) => {
+        colWidths[ci] = Math.max(colWidths[ci], cell.trim().length);
+      });
+    });
+    // Rebuild table
+    const pad = (s: string, w: number) => { const padLen = w - s.length; return s + ' '.repeat(Math.max(0, padLen)); };
+    const formatted = allCells.map((cells) => {
+      const padded = [];
+      for (let ci = 0; ci < colCount; ci++) {
+        padded.push(pad((cells[ci] || '').trim(), colWidths[ci]));
+      }
+      return '| ' + padded.join(' | ') + ' |';
+    });
+    // Replace in value
+    ta.value = ta.value.substring(0, tableStart) + formatted.join('\n') + ta.value.substring(tableEnd);
+    this._value = ta.value; this._pushHistory(); this._render(); this._emit('change', this._value);
+  }
+
   setMode(mode: EditMode): this { if (!MODES.includes(mode) || mode === this._mode) return this; const taS = this.textarea.scrollTop; const pvS = this.previewPane.scrollTop; this._mode = mode; this.bodyEl.className = `me-body me-mode-${mode}`; this._updateModeButtons(); if (mode !== 'edit') this._render(); this.textarea.scrollTop = taS; this.previewPane.scrollTop = pvS; this._emit('modeChange', mode); this._announce(`${i18nT(mode) || mode} mode`); if (typeof this.config.onModeChange === 'function') { try { this.config.onModeChange(mode, this); } catch (e) { console.error(e); } } return this; }
   getMode(): EditMode { return this._mode; }
 
@@ -771,10 +848,10 @@ export class MarkdownEditor {
       { label: i18nT('undo') || 'Undo', action: 'undo', shortcut: 'Ctrl+Z', disabled: !this.canUndo() },
       { label: i18nT('redo') || 'Redo', action: 'redo', shortcut: 'Ctrl+Y', disabled: !this.canRedo() },
       { sep: true },
-      { label: 'Cut', action: 'cut', shortcut: 'Ctrl+X', disabled: !hasSelection },
-      { label: 'Copy', action: 'copy', shortcut: 'Ctrl+C', disabled: !hasSelection },
-      { label: 'Paste', action: 'paste', shortcut: 'Ctrl+V', disabled: !!this.config.readOnly },
-      { label: 'Select All', action: 'selectAll', shortcut: 'Ctrl+A' },
+      { label: i18nT('cut') || 'Cut', action: 'cut', shortcut: 'Ctrl+X', disabled: !hasSelection },
+      { label: i18nT('copy') || 'Copy', action: 'copy', shortcut: 'Ctrl+C', disabled: !hasSelection },
+      { label: i18nT('paste') || 'Paste', action: 'paste', shortcut: 'Ctrl+V', disabled: !!this.config.readOnly },
+      { label: i18nT('selectAll') || 'Select All', action: 'selectAll', shortcut: 'Ctrl+A' },
     ];
     const items = [...defaultItems];
     if (this._contextMenuItems.length) {