@singapore-editor/markdown 0.1.0

package/README.md

@@ -0,0 +1,43 @@
+# @singapore-editor/markdown
+
+Markdown live preview for the Singapore editor. Markdown text stays the document — this renders it as
+formatted text without ever converting it into another model.
+
+```ts
+import { createMarkdownPreviewPlugin } from '@singapore-editor/markdown'
+import '@singapore-editor/markdown/style.css'
+
+new Editor(container, {
+  plugins: [markdown(), createMarkdownPreviewPlugin()],
+})
+```
+
+The plugin's presence is the switch. It needs a markdown language plugin alongside it (for example
+`markdown()` from `@singapore-editor/tree-sitter-languages`), because it reads that grammar's captures.
+
+## What it does
+
+| Source                  | Rendered        |
+| ----------------------- | --------------- |
+| `# Title`               | `Title`         |
+| `a **bold** b`          | `a bold b`      |
+| `an _em_ word`          | `an em word`    |
+| ``use `code` here``     | `use code here` |
+| `[docs](https://x.dev)` | `docs`          |
+| `![alt](img.png)`       | `alt`           |
+| `- item`                | `• item`        |
+
+Ordered lists, block quotes, escapes, and fenced code blocks are deliberately left as written.
+
+## How it works
+
+There is no second document model. The buffer holds markdown text and the editor's inline display
+transform paints something else over parts of it — see [Display: Transforms](../../docs/display/transforms.md).
+Because the text never changes, undo, selections, folds, find, and anchors all keep working on the
+markdown itself, and there is no round-trip to lose fidelity to.
+
+Constructs reveal as you reach them: put the caret anywhere inside `**bold**` and both fences come
+back, so it stays editable as plain text.
+
+`markdownInlineReplacements(text, captures)` is exported on its own if you want the derivation
+without the plugin.

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+import type { EditorPlugin } from '@singapore-editor/core/extensions';
+import './style.css';
+export { markdownInlineReplacements } from './replacements';
+export type MarkdownPreviewPluginOptions = {
+    /** Language ids this applies to. Defaults to markdown only, so other files render as source. */
+    readonly languageIds?: readonly string[];
+};
+/**
+ * Renders markdown as formatted text while the buffer keeps holding markdown source: fences hide,
+ * headings drop their `#`, links collapse to their label, and the source under the caret comes back
+ * so it stays editable as text. Include the plugin to turn it on, remove it to turn it off.
+ */
+export declare function createMarkdownPreviewPlugin(options?: MarkdownPreviewPluginOptions): EditorPlugin;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EAEb,MAAM,mCAAmC,CAAA;AAG1C,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAE,0BAA0B,EAAE,MAAM,gBAAgB,CAAA;AAE3D,MAAM,MAAM,4BAA4B,GAAG;IACzC,gGAAgG;IAChG,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;CACzC,CAAA;AAID;;;;GAIG;AACH,wBAAgB,2BAA2B,CACzC,OAAO,GAAE,4BAAiC,GACzC,YAAY,CAWd"}

package/dist/index.js

@@ -0,0 +1,29 @@
+import { markdownInlineReplacements } from "./replacements.js";
+import "./style.css";
+//#region src/index.ts
+var DEFAULT_LANGUAGE_IDS = ["markdown"];
+/**
+* Renders markdown as formatted text while the buffer keeps holding markdown source: fences hide,
+* headings drop their `#`, links collapse to their label, and the source under the caret comes back
+* so it stays editable as text. Include the plugin to turn it on, remove it to turn it off.
+*/
+function createMarkdownPreviewPlugin(options = {}) {
+	const languageIds = new Set(options.languageIds ?? DEFAULT_LANGUAGE_IDS);
+	return {
+		name: "markdown-preview",
+		activate: (context) => context.registerInlineReplacementProvider((replacementContext) => replacementsForContext(replacementContext, languageIds), {
+			trigger: "edit",
+			requiresSyntax: true
+		})
+	};
+}
+var replacementsForContext = (context, languageIds) => {
+	if (context.languageId === null) return [];
+	if (!languageIds.has(context.languageId)) return [];
+	if (context.records?.languageId !== context.languageId) return [];
+	return markdownInlineReplacements(context.textSnapshot, context.records.data);
+};
+//#endregion
+export { createMarkdownPreviewPlugin, markdownInlineReplacements };
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["import type {\n  EditorPlugin,\n  EditorInlineReplacementContext,\n} from '@singapore-editor/core/extensions'\nimport type { InlineReplacementSpec } from '@singapore-editor/core/rendering'\nimport { markdownInlineReplacements } from './replacements'\nimport './style.css'\n\nexport { markdownInlineReplacements } from './replacements'\n\nexport type MarkdownPreviewPluginOptions = {\n  /** Language ids this applies to. Defaults to markdown only, so other files render as source. */\n  readonly languageIds?: readonly string[]\n}\n\nconst DEFAULT_LANGUAGE_IDS = ['markdown']\n\n/**\n * Renders markdown as formatted text while the buffer keeps holding markdown source: fences hide,\n * headings drop their `#`, links collapse to their label, and the source under the caret comes back\n * so it stays editable as text. Include the plugin to turn it on, remove it to turn it off.\n */\nexport function createMarkdownPreviewPlugin(\n  options: MarkdownPreviewPluginOptions = {},\n): EditorPlugin {\n  const languageIds = new Set(options.languageIds ?? DEFAULT_LANGUAGE_IDS)\n\n  return {\n    name: 'markdown-preview',\n    activate: (context) =>\n      context.registerInlineReplacementProvider(\n        (replacementContext) => replacementsForContext(replacementContext, languageIds),\n        { trigger: 'edit', requiresSyntax: true },\n      ),\n  }\n}\n\nconst replacementsForContext = (\n  context: EditorInlineReplacementContext,\n  languageIds: ReadonlySet<string>,\n): readonly InlineReplacementSpec[] => {\n  if (context.languageId === null) return []\n  if (!languageIds.has(context.languageId)) return []\n  if (context.records?.languageId !== context.languageId) return []\n  return markdownInlineReplacements(context.textSnapshot, context.records.data)\n}\n"],"mappings":";;;AAeA,IAAM,uBAAuB,CAAC,UAAU;;;;;;AAOxC,SAAgB,4BACd,UAAwC,CAAC,GAC3B;CACd,MAAM,cAAc,IAAI,IAAI,QAAQ,eAAe,oBAAoB;CAEvE,OAAO;EACL,MAAM;EACN,WAAW,YACT,QAAQ,mCACL,uBAAuB,uBAAuB,oBAAoB,WAAW,GAC9E;GAAE,SAAS;GAAQ,gBAAgB;EAAK,CAC1C;CACJ;AACF;AAEA,IAAM,0BACJ,SACA,gBACqC;CACrC,IAAI,QAAQ,eAAe,MAAM,OAAO,CAAC;CACzC,IAAI,CAAC,YAAY,IAAI,QAAQ,UAAU,GAAG,OAAO,CAAC;CAClD,IAAI,QAAQ,SAAS,eAAe,QAAQ,YAAY,OAAO,CAAC;CAChE,OAAO,2BAA2B,QAAQ,cAAc,QAAQ,QAAQ,IAAI;AAC9E"}

package/dist/replacements.d.ts

@@ -0,0 +1,4 @@
+import type { TextReadSnapshot } from '@singapore-editor/core/document';
+import type { InlineReplacementSpec } from '@singapore-editor/core/rendering';
+export declare function markdownInlineReplacements(text: TextReadSnapshot, records: Uint32Array): readonly InlineReplacementSpec[];
+//# sourceMappingURL=replacements.d.ts.map

package/dist/replacements.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"replacements.d.ts","sourceRoot":"","sources":["../src/replacements.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AACvE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAA;AAK7E,wBAAgB,0BAA0B,CACxC,IAAI,EAAE,gBAAgB,EACtB,OAAO,EAAE,WAAW,GACnB,SAAS,qBAAqB,EAAE,CAqBlC"}

package/dist/replacements.js

@@ -0,0 +1,133 @@
+import { Kind } from "tree-sitter-md";
+//#region src/replacements.ts
+function markdownInlineReplacements(text, records) {
+	const specs = [];
+	const links = [];
+	const containers = containerSpans(records);
+	for (let index = 0; index < records.length; index += 4) {
+		const start = records[index], end = records[index + 1];
+		const kind = records[index + 2], extra = records[index + 3];
+		if (end <= start) continue;
+		if (kind === Kind.Link || kind === Kind.Image) links.push({
+			start,
+			end
+		});
+		if (kind === Kind.LinkText) {
+			while (links.length && (links.at(-1).start > start || links.at(-1).end < end)) links.pop();
+			appendLink(specs, text, links.pop(), {
+				start,
+				end
+			});
+		}
+		const before = specs.length;
+		appendMarker(specs, text, {
+			start,
+			end
+		}, kind, extra);
+		const owner = markerOwner(containers, {
+			start,
+			end
+		}, kind);
+		if (owner) applyRevealRange(specs, before, owner);
+	}
+	return specs;
+}
+function appendMarker(specs, text, span, kind, extra) {
+	const group = `${kind}:${span.start}:${span.end}`;
+	if (kind === Kind.Emphasis || kind === Kind.Strong || kind === Kind.Strikethrough || kind === Kind.CodeSpan) {
+		const count = delimiterLength(text, span, kind);
+		specs.push(replacement(span.start, span.start + count, "", "marker", group));
+		specs.push(replacement(span.end - count, span.end, "", "marker", group));
+		return;
+	}
+	if (kind === Kind.HeadingMark) {
+		const end = span.end + leadingSpaces(text, span.end);
+		specs.push(replacement(span.start, end, "", `heading-marker-${extra}`, group));
+		return;
+	}
+	if (kind === Kind.FenceMark || kind === Kind.CodeInfo) {
+		specs.push(replacement(span.start, span.end, "", "fence-marker", group));
+		return;
+	}
+	if (kind === Kind.Task) {
+		specs.push(replacement(span.start, span.end, extra ? "☑" : "☐", "task-marker", group));
+		return;
+	}
+	if (kind !== Kind.ListMark && kind !== Kind.QuoteMark) return;
+	const source = text.readRange(span.start, span.end);
+	if (kind === Kind.ListMark && /^[-*+]/.test(source)) specs.push(replacement(span.start, span.end, `•${source.slice(1)}`, "list-marker", group));
+	if (kind === Kind.QuoteMark) specs.push(replacement(span.start, span.end, `│${source.slice(1)}`, "quote-marker", group));
+}
+function delimiterLength(text, span, kind) {
+	if (kind === Kind.Strong) return 2;
+	if (kind === Kind.Emphasis) return 1;
+	if (kind === Kind.Strikethrough) return text.readRange(span.start, span.start + 2) === "~~" ? 2 : 1;
+	let count = 0;
+	while (span.start + count < span.end && text.readRange(span.start + count, span.start + count + 1) === "`") count++;
+	return count;
+}
+function appendLink(specs, text, link, label) {
+	if (!link) return;
+	const group = `link:${link.start}:${link.end}`;
+	appendHiddenLines(specs, text, link.start, label.start, "link-marker", group, link);
+	appendHiddenLines(specs, text, label.end, link.end, "link-target", group, link);
+}
+function appendHiddenLines(specs, text, start, end, kind, group, owner) {
+	const source = text.readRange(start, end);
+	let offset = start;
+	for (const line of source.split(/(\r?\n)/)) {
+		if (line && !line.includes("\n")) specs.push({
+			...replacement(offset, offset + line.length, "", kind, group),
+			revealRange: owner
+		});
+		offset += line.length;
+	}
+}
+function replacement(startIndex, endIndex, text, kind, groupId) {
+	return {
+		id: `${kind}:${startIndex}:${endIndex}`,
+		startIndex,
+		endIndex,
+		text,
+		kind,
+		groupId
+	};
+}
+function leadingSpaces(text, offset) {
+	let count = 0;
+	while (offset + count < text.length && text.readRange(offset + count, offset + count + 1) === " ") count++;
+	return count;
+}
+function containerSpans(records) {
+	const containers = [];
+	for (let i = 0; i < records.length; i += 4) {
+		const kind = records[i + 2];
+		if (kind === Kind.Heading || kind === Kind.CodeBlock || kind === Kind.BlockQuote || kind === Kind.ListItem) containers.push({
+			start: records[i],
+			end: records[i + 1],
+			kind
+		});
+	}
+	return containers;
+}
+function markerOwner(containers, span, kind) {
+	const parent = markerParentKind(kind);
+	if (!parent) return void 0;
+	return containers.findLast((container) => container.kind === parent && container.start <= span.start && container.end >= span.end);
+}
+function markerParentKind(kind) {
+	if (kind === Kind.HeadingMark) return Kind.Heading;
+	if (kind === Kind.FenceMark || kind === Kind.CodeInfo) return Kind.CodeBlock;
+	if (kind === Kind.QuoteMark) return Kind.BlockQuote;
+	if (kind === Kind.ListMark || kind === Kind.Task) return Kind.ListItem;
+}
+function applyRevealRange(specs, from, owner) {
+	for (let i = from; i < specs.length; i++) specs[i] = {
+		...specs[i],
+		revealRange: owner
+	};
+}
+//#endregion
+export { markdownInlineReplacements };
+
+//# sourceMappingURL=replacements.js.map

package/dist/replacements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"replacements.js","names":[],"sources":["../src/replacements.ts"],"sourcesContent":["import type { TextReadSnapshot } from '@singapore-editor/core/document'\nimport type { InlineReplacementSpec } from '@singapore-editor/core/rendering'\nimport { Kind } from 'tree-sitter-md'\n\ntype Span = { readonly start: number; readonly end: number }\n\nexport function markdownInlineReplacements(\n  text: TextReadSnapshot,\n  records: Uint32Array,\n): readonly InlineReplacementSpec[] {\n  const specs: InlineReplacementSpec[] = []\n  const links: Span[] = []\n  const containers = containerSpans(records)\n  for (let index = 0; index < records.length; index += 4) {\n    const start = records[index]!,\n      end = records[index + 1]!\n    const kind = records[index + 2]!,\n      extra = records[index + 3]!\n    if (end <= start) continue\n    if (kind === Kind.Link || kind === Kind.Image) links.push({ start, end })\n    if (kind === Kind.LinkText) {\n      while (links.length && (links.at(-1)!.start > start || links.at(-1)!.end < end)) links.pop()\n      appendLink(specs, text, links.pop(), { start, end })\n    }\n    const before = specs.length\n    appendMarker(specs, text, { start, end }, kind, extra)\n    const owner = markerOwner(containers, { start, end }, kind)\n    if (owner) applyRevealRange(specs, before, owner)\n  }\n  return specs\n}\n\nfunction appendMarker(\n  specs: InlineReplacementSpec[],\n  text: TextReadSnapshot,\n  span: Span,\n  kind: number,\n  extra: number,\n): void {\n  const group = `${kind}:${span.start}:${span.end}`\n  if (\n    kind === Kind.Emphasis ||\n    kind === Kind.Strong ||\n    kind === Kind.Strikethrough ||\n    kind === Kind.CodeSpan\n  ) {\n    const count = delimiterLength(text, span, kind)\n    specs.push(replacement(span.start, span.start + count, '', 'marker', group))\n    specs.push(replacement(span.end - count, span.end, '', 'marker', group))\n    return\n  }\n  if (kind === Kind.HeadingMark) {\n    const end = span.end + leadingSpaces(text, span.end)\n    specs.push(replacement(span.start, end, '', `heading-marker-${extra}`, group))\n    return\n  }\n  if (kind === Kind.FenceMark || kind === Kind.CodeInfo) {\n    specs.push(replacement(span.start, span.end, '', 'fence-marker', group))\n    return\n  }\n  if (kind === Kind.Task) {\n    specs.push(replacement(span.start, span.end, extra ? '☑' : '☐', 'task-marker', group))\n    return\n  }\n  if (kind !== Kind.ListMark && kind !== Kind.QuoteMark) return\n  const source = text.readRange(span.start, span.end)\n  if (kind === Kind.ListMark && /^[-*+]/.test(source)) {\n    specs.push(replacement(span.start, span.end, `•${source.slice(1)}`, 'list-marker', group))\n  }\n  if (kind === Kind.QuoteMark) {\n    specs.push(replacement(span.start, span.end, `│${source.slice(1)}`, 'quote-marker', group))\n  }\n}\n\nfunction delimiterLength(text: TextReadSnapshot, span: Span, kind: number): number {\n  if (kind === Kind.Strong) return 2\n  if (kind === Kind.Emphasis) return 1\n  if (kind === Kind.Strikethrough)\n    return text.readRange(span.start, span.start + 2) === '~~' ? 2 : 1\n  let count = 0\n  while (\n    span.start + count < span.end &&\n    text.readRange(span.start + count, span.start + count + 1) === '`'\n  )\n    count++\n  return count\n}\n\nfunction appendLink(\n  specs: InlineReplacementSpec[],\n  text: TextReadSnapshot,\n  link: Span | undefined,\n  label: Span,\n): void {\n  if (!link) return\n  const group = `link:${link.start}:${link.end}`\n  appendHiddenLines(specs, text, link.start, label.start, 'link-marker', group, link)\n  appendHiddenLines(specs, text, label.end, link.end, 'link-target', group, link)\n}\n\nfunction appendHiddenLines(\n  specs: InlineReplacementSpec[],\n  text: TextReadSnapshot,\n  start: number,\n  end: number,\n  kind: string,\n  group: string,\n  owner: Span,\n): void {\n  const source = text.readRange(start, end)\n  let offset = start\n  for (const line of source.split(/(\\r?\\n)/)) {\n    if (line && !line.includes('\\n'))\n      specs.push({\n        ...replacement(offset, offset + line.length, '', kind, group),\n        revealRange: owner,\n      })\n    offset += line.length\n  }\n}\n\nfunction replacement(\n  startIndex: number,\n  endIndex: number,\n  text: string,\n  kind: string,\n  groupId: string,\n): InlineReplacementSpec {\n  return { id: `${kind}:${startIndex}:${endIndex}`, startIndex, endIndex, text, kind, groupId }\n}\n\nfunction leadingSpaces(text: TextReadSnapshot, offset: number): number {\n  let count = 0\n  while (offset + count < text.length && text.readRange(offset + count, offset + count + 1) === ' ')\n    count++\n  return count\n}\n\ntype Container = Span & { readonly kind: number }\n\nfunction containerSpans(records: Uint32Array): readonly Container[] {\n  const containers: Container[] = []\n  for (let i = 0; i < records.length; i += 4) {\n    const kind = records[i + 2]!\n    if (\n      kind === Kind.Heading ||\n      kind === Kind.CodeBlock ||\n      kind === Kind.BlockQuote ||\n      kind === Kind.ListItem\n    ) {\n      containers.push({ start: records[i]!, end: records[i + 1]!, kind })\n    }\n  }\n  return containers\n}\n\nfunction markerOwner(containers: readonly Container[], span: Span, kind: number): Span | undefined {\n  const parent = markerParentKind(kind)\n  if (!parent) return undefined\n  return containers.findLast(\n    (container) =>\n      container.kind === parent && container.start <= span.start && container.end >= span.end,\n  )\n}\n\nfunction markerParentKind(kind: number): number | undefined {\n  if (kind === Kind.HeadingMark) return Kind.Heading\n  if (kind === Kind.FenceMark || kind === Kind.CodeInfo) return Kind.CodeBlock\n  if (kind === Kind.QuoteMark) return Kind.BlockQuote\n  if (kind === Kind.ListMark || kind === Kind.Task) return Kind.ListItem\n  return undefined\n}\n\nfunction applyRevealRange(specs: InlineReplacementSpec[], from: number, owner: Span): void {\n  for (let i = from; i < specs.length; i++) {\n    specs[i] = { ...specs[i]!, revealRange: owner }\n  }\n}\n"],"mappings":"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"}

package/dist/style.css

@@ -0,0 +1,27 @@
+/*
+ * Markdown live preview. The buffer still holds markdown source, so these rules only style what the
+ * inline transform already decided to show — they never hide anything themselves.
+ *
+ * The editor mirrors each row's replacement kinds as `editor-inline-<kind>` classes and routes
+ * restyled rows through DOM-measured geometry, so a heading row may change font metrics without
+ * breaking caret math. Row height stays fixed: sizes below must fit within --editor-row-height.
+ */
+.editor-virtualized {
+  --editor-markdown-heading-scale: 1;
+}
+
+.editor-virtualized-row[class*='editor-inline-heading-marker-'] {
+  font-weight: 700;
+}
+
+.editor-virtualized-row.editor-inline-heading-marker-1 {
+  font-size: calc(1em * 1.35 * var(--editor-markdown-heading-scale));
+}
+
+.editor-virtualized-row.editor-inline-heading-marker-2 {
+  font-size: calc(1em * 1.2 * var(--editor-markdown-heading-scale));
+}
+
+.editor-virtualized-row.editor-inline-heading-marker-3 {
+  font-size: calc(1em * 1.1 * var(--editor-markdown-heading-scale));
+}

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@singapore-editor/markdown",
+  "version": "0.1.0",
+  "files": [
+    "README.md",
+    "dist"
+  ],
+  "type": "module",
+  "sideEffects": [
+    "./dist/style.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "build": "bun ../../scripts/build-package.ts",
+    "test": "vitest run",
+    "typecheck": "tsgo --noEmit",
+    "lint": "oxlint .",
+    "format": "oxfmt --write .",
+    "format:check": "oxfmt --check ."
+  },
+  "dependencies": {
+    "@singapore-editor/core": "0.1.2",
+    "tree-sitter-md": "0.1.0"
+  },
+  "devDependencies": {
+    "@types/node": "^26.6.3",
+    "@typescript/native-preview": "7.0.0-dev.20260707.2",
+    "happy-dom": "^20.14.5",
+    "oxfmt": "0.70.0",
+    "oxlint": "1.85.0",
+    "typescript": "~6.0.3",
+    "vitest": "^5.0.2"
+  }
+}