- _positionHighlightLayer(): set left offset dynamically from gutter width
- Use hidden attribute instead of clearing innerHTML for toggle
- Skip highlight in preview mode
- Initialize highlightLayer hidden state on construction
- Remove hardcoded left:36px CSS
Add color: var(--md-text) to .me-highlight-layer base style
Add color: var(--md-text) to .mh-bold span
Without this, non-matched plain text in the highlight overlay
was invisible when textarea text is transparent
opt(core): _highlightEditor rAF throttle to avoid per-keystroke reflow
opt(core): fix regex order — image before link, code before bold, italic last
opt(core): skip highlighting for documents >50KB to prevent lag
opt(core): add toggleSyntaxHighlight() API method
fix(core): clear _hlRaf in destroy to prevent post-mortem callbacks
fix(core): initialize _hlRaf = null in constructor
fix(plugins): rewrite fileSystem to use File System Access API
- openFile(): showOpenFilePicker for real .md disk files
- saveFile(): showSaveFilePicker or write to existing handle
- saveFileAs(): force save-as dialog
- Graceful fallback when API unsupported
fix(core): syntax highlight layer transparency
- textarea gets me-textarea-highlight class when syntaxHighlight enabled
- CSS: color transparent, caret-color visible, selection bg visible
- Highlight layer positioned after gutter (left:36px)
verify(parser): Mermaid self-implemented container
- Creates <div class="me-mermaid"> with <pre class="mermaid">
- Zero third-party dependencies required
- Users optionally load Mermaid.js to initialize rendering
Replace heading-based _syncScrollByHeading with solid proportional sync:
- _syncScroll(): uses scrollTop/scrollHeight ratio for both gutter and preview
- Prevents sync loops with _syncing flag and rAF debounce
- Bidirectional: preview scroll also syncs back to source textarea
- Ratio-based approach handles height mismatches (e.g. word-wrap in textarea)
- Remove fragile heading detection and scrollIntoView calls
Also fix setValue and _applyHistory to reset scroll positions consistently
Root cause: _syncScrollByHeading used cursor position (selectionStart)
to find nearest heading, but cursor doesn't move during scroll. Preview
was stuck at the same heading regardless of scroll position.
Fix: base heading detection on estimated viewport top line from scrollTop
+ lineHeight. Always run proportional sync first for smooth scrolling,
then fine-tune to nearest heading at viewport top.
feat(a11y): toolbar keyboard navigation (Arrow keys, Home, End)
feat(a11y): aria-live region for screen reader announcements on mode change
feat(a11y): enhance focus-visible style (outline-offset: 2px, hide on mouse focus)
feat(core): Zen mode (editor.toggleZen() / exec('zen'))
- Toggle with Ctrl+Shift+Z shortcut concept
- Auto-hide toolbar and statusbar, mouse to top edge reveals toolbar
- Centered editor pane with max-width constraint
feat(core): heading-aware scroll sync v2
- Sync preview scroll to nearest heading before cursor position
- Falls back to proportional sync when no headings found
feat(core): Word wrap toggle (editor.toggleWordWrap() / setWordWrap(bool))
feat(plugins): shortcutHelp preset plugin
- Press '?' to open keyboard shortcuts overlay panel
- Lists built-in + user-registered shortcuts
- Click overlay or press Escape to close
style: Zen mode CSS, sr-only class, focus-visible refinement
test: 3 new tests for Zen mode, WordWrap, shortcutHelp (535 total)
chore: bump version 0.1.11 → 0.1.12 across all files
fix(core): clear _outlineTimer in destroy() to prevent post-destroy callbacks
fix(core): remove '<' from BRACKET_PAIRS to avoid HTML tag conflicts
fix(core): setValue now updates outline panel and resets gutter scroll
fix(core): getValue returns '' on destroyed instances (safe API access)
opt(core): _renderGutter skips rebuild when line count unchanged
chore: bump version 0.1.10 → 0.1.11 across all files
- Match gutter font-size to textarea (13.5px) so line heights align
- Always sync gutter scrollTop regardless of mode
- Sync gutter scroll position after undo/redo history apply
- _updateModeButtons now disables edit-action buttons in preview mode
- Mode-switch buttons (edit/split/preview/fullscreen) and undo/redo remain active
- CSS: .me-btn:disabled with opacity 0.35, cursor not-allowed, pointer-events none
- Constructor calls _updateModeButtons on init for correct initial state
feat(core): line number gutter with current line highlight
- .me-gutter rendered alongside textarea, sync-scrolls with content
- .me-gutter-active highlights the line containing the cursor
- config.lineNumbers (default true) to toggle
feat(core): smart Enter auto-formatting
- List continuation: '- ' / '1. ' auto-insert on Enter at end of list item
- Ordered list auto-increment: '1.' → '2.'
- Quote continuation: '> ' auto-insert on Enter at end of quote line
- Empty list/quote item: Enter removes the marker (end list)
feat(core): bracket/quote auto-close
- (), [], {}, <>, "", '', ``, **, __ auto-close pairs
- Selection wrapping: select text then press ( → wraps as (text)
- config.autoBrackets (default true) to toggle
feat(core): drag & drop file support
- Drop image files → auto base64 inline insert 
- Drop text/code files → insert file contents
- Drop external text from browser → insert at cursor
feat(core): outline/TOC panel
- Extracts headings from rendered HTML preview
- Nested tree with indentation by heading level
- Click to scroll-jump in both preview and textarea
- config.outline (default false) to toggle
style: gutter, outline panel, current line highlight CSS
test: 11 new tests for gutter, auto-format, bracket close, outline (532 total)
chore: bump version 0.1.6 → 0.1.7 across all files, site, types
feat(themes): comprehensive theme system enhancement
- Fix resolveTheme('auto') always resolves to system theme (no stale override)
- Add per-instance theme isolation via createInstanceTheme()
- Add MarkdownEditor.setTheme()/getTheme()/getThemeContext() instance methods
- Add 'themeChange' instance event with { theme, resolved, config } payload
- Multi-instance independent themes (no cross-contamination)
feat(themes): external theme following (v0.1.5)
- followExternalTheme() — follow theme via data attr, CSS class, or callback
- adoptFromParent() — inherit theme from parent container
- watch() — watch external theme source (function or selector)
feat(themes): extensibility (v0.1.5)
- registerTheme() supports 'extends' option for theme inheritance
- exportCSSVars() — export all CSS variable values from element
- getCSSVariable() — query single CSS variable
- applyThemeToElement() — apply theme to any DOM element
chore: bump version 0.1.4 → 0.1.5 across all files
test(themes): 30 new tests covering all v0.1.5 theme APIs (499 total)
- docs.html: comprehensive single-page documentation with sidebar navigation
covering all APIs, config, events, plugins, themes, i18n, and syntax reference
- demo.html: add readOnly toggle, emoji/new syntax demo content,
imagePaste plugin, refresh API button, docs link
- index.html: add docs link to nav and footer
- Replace plain 'M' character with stylized SVG M monogram
- SVG uses the same white stroke-on-gradient style as before
- Add .logo .logo-mark style for hero section (32px, larger)
- Remove font-specific styles from logo-mark (now SVG-based)
- Add flex-shrink:0 to prevent icon squishing
Root cause: .code-block was missing white-space:pre-wrap, causing all
newlines and indentation to collapse into a single line in the browser.
Also collapse open/close tags to avoid leading/trailing blank lines.
- Add .c-punc CSS class for punctuation coloring in code blocks
- Wrap all angle brackets, operators and delimiters in c-punc spans
- Add title/aria-label to logo-mark for accessibility and clarity
- Fix CDN path in code sample to match actual usage (../dist/...)
- Fix indentation consistency
thzxx