textile/src/editors/automerge/ at live-preview-tier1-fixes · eagraf.dev/textile · Tangled

eagraf.dev / textile

0

A local-first note taking app

0

textile / src / editors / automerge /

at live-preview-tier1-fixes 1 folder 3 files

Ethan Graf Render nested blockquotes as equal-width bars at any depth 7w ago

Render nested blockquotes as equal-width bars at any depth The depth styling used a single border-left with `double` for levels 2-3, so level 2 rendered as two hairlines thinner than the level-1 solid bar, level 3 as thicker lines, and levels past 3 had no class at all (depth was capped at 3). A single border can only ever be one bar. Pass the nesting depth to CSS as an inline `--quote-depth` variable and paint the bars with a repeating gradient clipped (via background-size) to exactly that many 3px bars. Every level now adds one more equal-width bar, at any depth, with a dark-theme bar color. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

1 month ago

automergeDocumentEditor.tsx

Complete live-preview rendering for core markdown node types Restructure the Automerge editor's single livePreview.ts into per-node CodeMirror extensions composed by livePreview(), mirroring the reams reference. Extends coverage from 4 node types to the core CommonMark + GFM set (no widgets): - headings: ported as-is - bold / italic / strikethrough: content classes + proximity-revealed markers, registered atomic so cursor motion skips hidden markers - inline code + fenced code blocks: content/line styling + fence hiding - links: fix the broken handler (hide all brackets/paren/URL, style the label) + cmd/ctrl-click to open externally via a new shell.openExternal IPC bridge - blockquotes, horizontal rules, lists: line decorations + prefix hiding Splits the single cm-formatting-hidden class into idiom-correct hide classes (per the CM6 cursor-skip contract) and activates the previously dead CSS. Adds headless builder tests (pure over EditorState) covering each node type. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

1 month ago

automergeEditor.css

Render nested blockquotes as equal-width bars at any depth The depth styling used a single border-left with `double` for levels 2-3, so level 2 rendered as two hairlines thinner than the level-1 solid bar, level 3 as thicker lines, and levels past 3 had no class at all (depth was capped at 3). A single border can only ever be one bar. Pass the nesting depth to CSS as an inline `--quote-depth` variable and paint the bars with a repeating gradient clipped (via background-size) to exactly that many 3px bars. Every level now adds one more equal-width bar, at any depth, with a dark-theme bar color. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

1 month ago

automergeEditorBinding.ts

Add pre-commit hook (format, lint, test) and format the repo - .githooks/pre-commit runs `format:check`, `lint`, and `test`; commits are blocked unless all pass. Enabled via core.hooksPath, wired by a `prepare` npm script so `npm install` activates it on fresh clones. - Ran `prettier --write .` across the repo so it's now Prettier-clean and the hook's format:check passes going forward. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

2 months ago