textile/src/editors/automerge/ at fix-hr-cursor-offset · eagraf.dev/textile · Tangled

eagraf.dev / textile

0

A local-first note taking app

0

textile / src / editors / automerge /

at fix-hr-cursor-offset 1 folder 3 files

Ethan Graf Reveal raw --- (no rule) when cursor is on the HR line 3d ago

Reveal raw --- (no rule) when cursor is on the HR line The cm-hr line decoration that draws the rule was applied unconditionally, so placing the cursor on a horizontal rule showed both the rule and the raw "---". Only style the line (and hide its glyphs) when the cursor is on a different line; on the rule's own line, emit nothing so the raw "---" shows for editing — matching how headings/blockquotes reveal their markers. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

3 days ago

automergeDocumentEditor.tsx

Reveal raw --- (no rule) when cursor is on the HR line The cm-hr line decoration that draws the rule was applied unconditionally, so placing the cursor on a horizontal rule showed both the rule and the raw "---". Only style the line (and hide its glyphs) when the cursor is on a different line; on the rule's own line, emit nothing so the raw "---" shows for editing — matching how headings/blockquotes reveal their markers. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

3 days ago

automergeEditor.css

Fix cursor offset below horizontal rules `.cm-hr` is a line decoration on a `.cm-line`, and it used `margin: 1em 0` for the rule's vertical spacing. A vertical margin on a line is not part of the box CodeMirror measures for its height map, so each `---` added ~32px of height that CM6 didn't account for — shifting the caret/click mapping for every line below the rule downward, compounding with each additional rule. This read as "clicking anywhere puts the cursor a couple lines too low." Use padding (which is inside the measured box) for the spacing and draw the rule with a centered pseudo-element instead of a top border. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

3 days 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>

1 month ago