dsh-tiddlywiki 0.3.0 → 0.4.0

package/src/client/styles.ts

@@ -95,9 +95,12 @@ html[data-dsh-tw-active] .dshDesktopConversationSurface > :not([data-dsh-tw-view
 
 /* ── floating quick-note widget ────────────────────────────────
    Positioned ABOVE the shutdown launcher FAB (fixed right:24 bottom:24,
-   z-index 900, 46px) and BELOW its confirm overlay (z-index 1000). */
+   z-index 900, 46px) and BELOW its confirm overlay (z-index 1000).
+   Interactive overlays (the open card, the native-editor popup) sit ABOVE the
+   passive FAB column (sync/status, z-index 950) so those FABs never cover the
+   card's own bottom-right buttons. */
 .dsh-tw-note {
-  position: fixed; right: 24px; bottom: 88px; z-index: 950;
+  position: fixed; right: 24px; bottom: 88px; z-index: 980;
   display: flex; flex-direction: column; align-items: flex-end; gap: 10px;
   font-family: inherit;
 }
@@ -108,11 +111,18 @@ html[data-dsh-tw-active] .dshDesktopConversationSurface > :not([data-dsh-tw-view
   border-radius: 14px; box-shadow: var(--dsw-shadow-lv3, 0 8px 30px rgba(0,0,0,.22));
   padding: 12px; display: flex; flex-direction: column; gap: 10px;
   font-size: 13px;
+  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
+  animation: dsh-tw-note-in 180ms ease;
 }
 .dsh-tw-note-card[hidden] { display: none; }
+@keyframes dsh-tw-note-in {
+  from { opacity: 0; transform: translateY(8px) scale(.98); }
+  to { opacity: 1; transform: translateY(0) scale(1); }
+}
 .dsh-tw-note-head {
   display: flex; align-items: center; gap: 8px;
-  font-size: 12px; font-weight: 600; color: var(--dsw-alias-label-primary, #222);
+  font-size: 12px; font-weight: 600; letter-spacing: .2px;
+  color: var(--dsw-alias-label-primary, #222);
 }
 .dsh-tw-note-head .dsh-tw-note-label { margin-right: auto; display: flex; align-items: center; gap: 6px; }
 .dsh-tw-note-close {
@@ -120,75 +130,52 @@ html[data-dsh-tw-active] .dshDesktopConversationSurface > :not([data-dsh-tw-view
   font: inherit; font-size: 15px; line-height: 1; padding: 2px 6px; border-radius: 6px; cursor: pointer;
 }
 .dsh-tw-note-close:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(128,128,128,.12)); color: var(--dsw-alias-label-primary, #222); }
-.dsh-tw-note-fields { display: flex; gap: 8px; }
+/* 标题与标签上下分行：标题一行，标签 chips+输入框独占一行，
+   避免标签增多时把并排的标题栏一起撑高。 */
+.dsh-tw-note-fields { display: flex; flex-direction: column; gap: 8px; }
 .dsh-tw-note-fields input {
-  flex: 1; min-width: 0; border: 1px solid var(--dsw-alias-border-l2, rgba(0,0,0,.18));
+  width: 100%; box-sizing: border-box; border: 1px solid var(--dsw-alias-border-l2, rgba(0,0,0,.18));
   border-radius: 8px; padding: 6px 9px; font: inherit; font-size: 12px;
   background: var(--dsw-alias-bg-layer-1, #fff); color: var(--dsw-alias-label-primary, inherit);
   transition: border-color 120ms ease, box-shadow 120ms ease;
 }
-.dsh-tw-note-fields input:focus, .dsh-tw-note-text:focus {
+.dsh-tw-note-fields input:focus, .dsh-tw-note-editor .cm-editor.cm-focused {
   outline: none; border-color: var(--dsw-alias-brand-primary, #3e63dd);
   box-shadow: 0 0 0 2px color-mix(in srgb, var(--dsw-alias-brand-primary, #3e63dd) 25%, transparent);
 }
-.dsh-tw-note-text::placeholder { color: var(--dsw-alias-label-dimmed, #999); }
-/* ── Markdown editor (highlighted-textarea overlay) ────────────────
-   The <pre> highlight layer and the transparent <textarea> share identical
-   metrics (border/padding/font/line-height/white-space) so lines align 1:1. */
+/* ── Markdown editor (CodeMirror 6, see markdown-editor.ts) ──────────
+   The .cm-editor box carries the border/radius/min-height the old textarea
+   had; font metrics live on the scroller so lines/selection stay aligned. */
 .dsh-tw-note-editor { position: relative; min-width: 0; }
-.dsh-tw-note-editor pre,
-.dsh-tw-note-editor textarea {
-  margin: 0; box-sizing: border-box; width: 100%;
+.dsh-tw-note-editor .cm-editor {
   border: 1px solid var(--dsw-alias-border-l2, rgba(0,0,0,.18)); border-radius: 8px;
-  padding: 8px 9px; font: inherit; font-size: 13px; line-height: 1.5; min-height: 120px;
-  white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; tab-size: 4;
+  background: var(--dsw-alias-bg-layer-1, #fff); color: var(--dsw-alias-label-primary, #222);
+  font-size: 13px; min-height: 120px;
   transition: border-color 120ms ease, box-shadow 120ms ease;
 }
-.dsh-tw-note-editor .dsh-tw-note-hl {
-  position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0;
-  background: var(--dsw-alias-bg-layer-1, #fff); color: var(--dsw-alias-label-primary, #222);
-  pointer-events: none; overflow: hidden;
+.dsh-tw-note-editor .cm-scroller {
+  font-family: inherit; font-size: 13px; line-height: 1.5;
+  min-height: 120px; overflow: auto;
+}
+.dsh-tw-note-editor .cm-content {
+  caret-color: var(--dsw-alias-label-primary, #222);
+  padding: 8px 9px;
+}
+.dsh-tw-note-editor .cm-placeholder { color: var(--dsw-alias-label-dimmed, #999); }
+.dsh-tw-note-editor .cm-line { padding: 0; }
+/* Selection + active line follow the theme. */
+.dsh-tw-note-editor .cm-editor .cm-selectionBackground,
+.dsh-tw-note-editor .cm-editor.cm-focused .cm-selectionBackground {
+  background: color-mix(in srgb, var(--dsw-alias-brand-primary, #3e63dd) 22%, transparent) !important;
 }
-.dsh-tw-note-editor .dsh-tw-note-text {
-  position: relative; z-index: 1; resize: vertical;
-  background: transparent; color: transparent; caret-color: var(--dsw-alias-label-primary, #222);
-  overflow: auto;
+.dsh-tw-note-editor .cm-editor .cm-activeLine {
+  background: color-mix(in srgb, var(--dsw-alias-label-secondary, #888) 8%, transparent);
 }
-.dsh-tw-note-editor .dsh-tw-note-text:focus { outline: none; }
-.dsh-tw-note-drop .dsh-tw-note-text,
-.dsh-tw-note-drop .dsh-tw-note-hl {
+/* Drag-over highlight (file upload) targets the CodeMirror box now. */
+.dsh-tw-note-drop .cm-editor {
   border-color: var(--dsw-alias-brand-primary, #3e63dd);
   box-shadow: 0 0 0 2px color-mix(in srgb, var(--dsw-alias-brand-primary, #3e63dd) 25%, transparent);
 }
-/* ── markdown highlight tokens (colors only — never size/height, so the
-      overlay keeps line-for-line alignment with the invisible textarea) ── */
-.dsh-tw-note-hl .md-heading { font-weight: 700; color: var(--dsw-alias-brand-primary, #3e63dd); }
-.dsh-tw-note-hl .md-hash { font-weight: 700; color: color-mix(in srgb, var(--dsw-alias-brand-primary, #3e63dd) 55%, transparent); }
-.dsh-tw-note-hl .md-code,
-.dsh-tw-note-hl .md-code-block,
-.dsh-tw-note-hl .md-fence {
-  font-family: ui-monospace, "Cascadia Mono", Consolas, "SF Mono", Menlo, monospace;
-}
-.dsh-tw-note-hl .md-code {
-  background: color-mix(in srgb, var(--dsw-alias-label-secondary, #888) 14%, transparent);
-  border-radius: 4px; padding: 0 3px;
-}
-.dsh-tw-note-hl .md-code-block,
-.dsh-tw-note-hl .md-fence {
-  display: block; background: color-mix(in srgb, var(--dsw-alias-label-secondary, #888) 8%, transparent);
-}
-.dsh-tw-note-hl .md-bold { font-weight: 700; }
-.dsh-tw-note-hl .md-italic { font-style: italic; }
-.dsh-tw-note-hl .md-strike { text-decoration: line-through; opacity: .75; }
-.dsh-tw-note-hl .md-link { color: var(--dsw-alias-brand-primary, #3e63dd); text-decoration: underline; }
-.dsh-tw-note-hl .md-url { color: color-mix(in srgb, var(--dsw-alias-brand-primary, #3e63dd) 70%, #999); text-decoration: underline dotted; }
-.dsh-tw-note-hl .md-image { color: var(--dsw-alias-state-success-primary, #3eaa5f); font-weight: 600; }
-.dsh-tw-note-hl .md-bullet { font-weight: 700; color: var(--dsw-alias-brand-primary, #3e63dd); }
-.dsh-tw-note-hl .md-number { font-weight: 700; color: var(--dsw-alias-state-warning-primary, #d9822b); }
-.dsh-tw-note-hl .md-quote { font-style: italic; color: var(--dsw-alias-label-secondary, #888); }
-.dsh-tw-note-hl .md-hr { color: var(--dsw-alias-label-dimmed, #999); text-decoration: line-through; }
-.dsh-tw-note-hl .md-task { color: var(--dsw-alias-label-secondary, #888); }
-.dsh-tw-note-hl .md-task-checked { color: var(--dsw-alias-state-success-primary, #3eaa5f); font-weight: 600; }
 .dsh-tw-note-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
 .dsh-tw-note-foot-left, .dsh-tw-note-foot-right { display: flex; align-items: center; gap: 8px; }
 .dsh-tw-note-hint { font-size: 11px; color: var(--dsw-alias-label-dimmed, #999); }
@@ -196,26 +183,29 @@ html[data-dsh-tw-active] .dshDesktopConversationSurface > :not([data-dsh-tw-view
   border: 1px solid var(--dsw-alias-border-l2, rgba(0,0,0,.18));
   background: var(--dsw-alias-bg-layer-2, #fff); color: var(--dsw-alias-label-primary, #222);
   font: inherit; font-size: 12px; padding: 6px 10px; border-radius: 8px; cursor: pointer;
-  transition: filter 120ms ease;
+  transition: filter 120ms ease, transform 80ms ease;
 }
 .dsh-tw-note-upload:hover { filter: brightness(.96); }
+.dsh-tw-note-upload:active { transform: scale(.96); }
 .dsh-tw-note-save {
   border: 1px solid transparent; background: var(--dsw-alias-brand-primary, #3e63dd); color: #fff;
   font: inherit; font-size: 12px; padding: 6px 16px; border-radius: 8px; cursor: pointer;
-  transition: filter 120ms ease;
+  transition: filter 120ms ease, transform 80ms ease;
 }
 .dsh-tw-note-save:hover:not(:disabled) { filter: brightness(1.08); }
+.dsh-tw-note-save:active:not(:disabled) { transform: scale(.96); }
 .dsh-tw-note-save:disabled { opacity: .55; cursor: default; }
 .dsh-tw-note-edit {
   border: 1px solid var(--dsw-alias-border-l2, rgba(0,0,0,.18));
   background: var(--dsw-alias-bg-layer-2, #fff); color: var(--dsw-alias-label-primary, #222);
   font: inherit; font-size: 12px; padding: 6px 10px; border-radius: 8px; cursor: pointer;
-  transition: filter 120ms ease;
+  transition: filter 120ms ease, transform 80ms ease;
 }
 .dsh-tw-note-edit:hover:not(:disabled) { filter: brightness(.96); }
+.dsh-tw-note-edit:active:not(:disabled) { transform: scale(.96); }
 .dsh-tw-note-edit:disabled { opacity: .55; cursor: default; }
 /* ── Multi-tag chip editor (quick-note tags) ─────────────────────────────── */
-.dsh-tw-note-tags { position: relative; flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
+.dsh-tw-note-tags { position: relative; width: 100%; display: flex; flex-direction: column; gap: 4px; }
 .dsh-tw-note-chips { display: flex; flex-wrap: wrap; gap: 4px; }
 .dsh-tw-note-tagchip {
   display: inline-flex; align-items: center; gap: 4px;
@@ -250,7 +240,7 @@ html[data-dsh-tw-active] .dshDesktopConversationSurface > :not([data-dsh-tw-view
   background: var(--dsw-alias-bg-layer-2, #fff); color: var(--dsw-alias-label-primary, #222);
   border: 1px solid var(--dsw-alias-border-l2, rgba(0,0,0,.2));
   border-radius: 12px; box-shadow: 0 14px 44px rgba(0,0,0,.3);
-  z-index: 980; font-family: inherit; font-size: 13px;
+  z-index: 990; font-family: inherit; font-size: 13px;
 }
 .dsh-tw-editor-bar {
   display: flex; align-items: center; gap: 8px; flex: 0 0 auto;

package/src/host/routes.ts

@@ -33,6 +33,11 @@ const MAX_PROXY_BODY_BYTES = 16 * 1024 * 1024
 /** Max uploaded file body. */
 const MAX_UPLOAD_BYTES = 64 * 1024 * 1024
 
+/** Tiddler type for quick-notes: Markdown, so the uploaded images/links and
+ *  any Markdown in the note actually render in TW (a type-less tiddler is
+ *  treated as plain wiki text and shows raw `![..]`/`[..]` instead). */
+const NOTE_TYPE = 'text/markdown'
+
 /** Structural webserver face (a subset of dsh-host-webserver). */
 export interface WebServerFace {
   register(route: { kind: 'exact' | 'prefix'; path: string; handler: (req: IncomingMessage, res: ServerResponse) => void }): () => void
@@ -125,10 +130,13 @@ function timestampTitle(date = new Date()): string {
 
 /**
  * Open a tiddler in TW's NATIVE editor: save the tiddler (when text is
- * non-empty), reuse or create a DRAFT tiddler carrying `draft.of`/`draft.title`
- * (TW's story view renders drafts with the EditTemplate — list.js:
- * `isDraft && editTemplate`), and return the draft title so the client can
- * navigate the panel iframe to `#<draftTitle>`.
+ * non-empty) as Markdown, reuse or create a DRAFT tiddler carrying
+ * `draft.of`/`draft.title` (TW's story view renders drafts with the
+ * EditTemplate — list.js: `isDraft && editTemplate`), and return the draft
+ * title so the client can navigate the panel iframe to `#<draftTitle>`.
+ * The draft carries the same `text/markdown` type as the note so saving it in
+ * TW keeps Markdown (a draft without a matching type would overwrite the
+ * note's type back to plain wiki text).
  */
 export async function openInTwEditor(
   client: TiddlyWebClient,
@@ -137,7 +145,7 @@ export async function openInTwEditor(
   tags: string[],
 ): Promise<{ title: string; draftTitle: string }> {
   if (text.trim().length > 0) {
-    await client.put({ title, text, tags })
+    await client.put({ title, text, tags, type: NOTE_TYPE })
   }
   // Draft content: the provided text, else the existing tiddler's content.
   let draftText = text
@@ -159,7 +167,7 @@ export async function openInTwEditor(
     /* fall back to a fresh draft */
   }
   if (draftTitle === undefined) draftTitle = `Draft of "${title}" ${Date.now()}`
-  await client.put({ title: draftTitle, text: draftText, 'draft.of': title, 'draft.title': title, type: 'text/vnd.tiddlywiki' })
+  await client.put({ title: draftTitle, text: draftText, 'draft.of': title, 'draft.title': title, type: NOTE_TYPE })
   return { title, draftTitle }
 }
 
@@ -206,9 +214,9 @@ export function registerRoutes(ctx: { webServer: WebServerFace }, deps: RouteDep
       }
       const title = typeof body.title === 'string' && body.title.trim().length > 0 ? body.title.trim() : timestampTitle()
       const tags = resolveTags(body, deps.noteDefaults().tag)
-      await client.put({ title, text, tags })
+      await client.put({ title, text, tags, type: NOTE_TYPE })
       deps.autoCommit()
-      json(res, { ok: true, title, tag: tags.join(' '), tags, text })
+      json(res, { ok: true, title, tag: tags.join(' '), tags, text, type: NOTE_TYPE })
     } catch (err) {
       json(res, { ok: false, error: err instanceof Error ? err.message : String(err) }, 500)
     }

package/src/index.ts

@@ -152,7 +152,9 @@ const PROMPT_TEXT = `## TiddlyWiki 持久知识库
 2. 收工 commit + push：\`tiddlywiki_git_sync action=sync\`（pull → commit → push）。
 3. 插件会自动防抖 commit（默认 60s），手动同步用上面的工具。
 
-把 wiki 当作长期记忆与知识沉淀的地方：会议纪要、决策记录、调研笔记、随手的想法都可存成独立 tiddler（tag 建议用 inbox/meeting/decision 等便于检索）。`
+把 wiki 当作长期记忆与知识沉淀的地方：会议纪要、决策记录、调研笔记、随手的想法都可存成独立 tiddler（tag 建议用 inbox/meeting/decision 等便于检索）。
+
+用本插件自动创建笔记时，除了业务性 tag 外，请把「当前工作区（项目）的名字」也作为标签之一加上去（例如 \`tiddlywiki_put\` 的 tags 里带上当前 workspace 名），这样笔记能按项目归集、检索。`
 
 /**
  * Mount the host half.

package/src/client/markdown.ts

@@ -1,137 +0,0 @@
-/**
- * Lightweight Markdown syntax highlighter for the quick-note editor.
- *
- * The editor is the classic "highlighted textarea": a `<pre>` rendered BEHIND
- * a transparent-text `<textarea>` with identical metrics. To keep the two
- * layers perfectly aligned we NEVER change the user's text — every token is
- * only wrapped in a colored `<span class="md-*">`, so each line keeps its
- * exact characters and column widths. Leading whitespace (indentation) is
- * preserved as-is so list/heading/quote alignment survives.
- *
- * Coverage is deliberately pragmatic (a scratch-note editor, not CommonMark):
- * ATX headings, fenced code blocks, blockquotes, bullet + ordered + task
- * lists, horizontal rules, inline code, bold, italic, strikethrough, links
- * and images. HTML is escaped first, so the output is always safe to set as
- * `innerHTML` (no raw HTML from the user is ever executed).
- *
- * @module dsh-tiddlywiki/client/markdown
- */
-
-/** Escape a raw source fragment for safe insertion into the overlay HTML. */
-export function escapeHtml(value: string): string {
-  return value
-    .replace(/&/g, '&amp;')
-    .replace(/</g, '&lt;')
-    .replace(/>/g, '&gt;')
-}
-
-/**
- * Inline token highlighting on ALREADY-ESCAPED text. Inline code spans are
- * first pulled out into placeholders so later passes (links/bold/italic) can
- * never reach inside them, then restored.
- */
-function highlightInline(escaped: string): string {
-  // Inline code spans are pulled out first so later passes never reach inside.
-  const codeTokens: string[] = []
-  let s = escaped.replace(/(`+)([^`]+?)\1/g, (_all, t: string, code: string) => {
-    codeTokens.push(`<span class="md-code">${t}${code}${t}</span>`)
-    return `\u0000${codeTokens.length - 1}\u0000`
-  })
-
-  // Images and links: keep the literal markdown text, color the pieces.
-  s = s.replace(/!\[([^\]]*)\]\(([^)\s]+)\)/g, (_a, alt: string, url: string) =>
-    `<span class="md-image">![${alt}](</span><span class="md-url">${url}</span><span class="md-image">)</span>`)
-  s = s.replace(/\[([^\]]+)\]\(([^)\s]+)\)/g, (_a, text: string, url: string) =>
-    `<span class="md-link">[${text}](</span><span class="md-url">${url}</span><span class="md-link">)</span>`)
-
-  // Bold spans are also protected (placeholders) so the later italic pass
-  // cannot chew into their `**` delimiters (which are also single `*`).
-  const boldTokens: string[] = []
-  s = s.replace(/(\*\*|__)([^*_]+?)\1/g, (_a, d: string, text: string) => {
-    boldTokens.push(`<span class="md-bold">${d}${text}${d}</span>`)
-    return `\u0001${boldTokens.length - 1}\u0001`
-  })
-
-  s = s.replace(/(\*|_)([^*_]+?)\1/g, '<span class="md-italic">$1$2$1</span>')
-  s = s.replace(/~~([^~]+?)~~/g, '<span class="md-strike">~~$1~~</span>')
-
-  return s
-    .replace(/\u0001(\d+)\u0001/g, (_a, i: string) => boldTokens[Number(i)] ?? '')
-    .replace(/\u0000(\d+)\u0000/g, (_a, i: string) => codeTokens[Number(i)] ?? '')
-}
-
-/**
- * Match and return groups as a plain string array ('' for absent groups), or
- * null when the pattern does not match. Avoids noUncheckedIndexedAccess
- * friction on RegExpMatchArray indexing.
- */
-function groups(re: RegExp, value: string): string[] | null {
-  const m = value.match(re)
-  if (m === null) return null
-  return Array.from(m, (g) => g ?? '')
-}
-
-/** Highlight one non-fence line (leading whitespace preserved verbatim). */
-function highlightLine(raw: string): string {
-  const leadMatch = groups(/^(\s*)(.*)$/, raw)
-  const lead = leadMatch === null ? '' : leadMatch[1]!
-  const body = leadMatch === null ? raw : leadMatch[2]!
-  if (body.length === 0) return raw
-
-  // ATX heading: ## 标题
-  const heading = groups(/^(#{1,6})(\s+)(.*)$/, body)
-  if (heading !== null) {
-    return `${lead}<span class="md-heading">${escapeHtml(heading[1]!)}${escapeHtml(heading[2]!)}</span>${highlightInline(escapeHtml(heading[3]!))}`
-  }
-  // Horizontal rule
-  if (/^(-{3,}|\*{3,}|_{3,})\s*$/.test(body)) {
-    return `${lead}<span class="md-hr">${escapeHtml(body)}</span>`
-  }
-  // Blockquote: > 内容
-  const quote = groups(/^(>)( ?)(.*)$/, body)
-  if (quote !== null) {
-    return `${lead}<span class="md-quote">${escapeHtml(quote[1]!)}</span>${escapeHtml(quote[2]!)}${highlightInline(escapeHtml(quote[3]!))}`
-  }
-  // Task list item: - [x] 内容 / - [ ] 内容
-  const task = groups(/^([-*+])(\s+)(\[[ xX]\])(\s+)(.*)$/, body)
-  if (task !== null) {
-    const checked = /\[[xX]\]/.test(task[3]!)
-    return `${lead}<span class="md-bullet">${escapeHtml(task[1]!)}</span>${escapeHtml(task[2]!)}<span class="md-task${checked ? ' md-task-checked' : ''}">${escapeHtml(task[3]!)}</span>${escapeHtml(task[4]!)}${highlightInline(escapeHtml(task[5]!))}`
-  }
-  // Bullet list item
-  const bullet = groups(/^([-*+])(\s+)(.*)$/, body)
-  if (bullet !== null) {
-    return `${lead}<span class="md-bullet">${escapeHtml(bullet[1]!)}</span>${escapeHtml(bullet[2]!)}${highlightInline(escapeHtml(bullet[3]!))}`
-  }
-  // Ordered list item: 1. 内容
-  const ordered = groups(/^(\d+)([.)])(\s+)(.*)$/, body)
-  if (ordered !== null) {
-    return `${lead}<span class="md-number">${escapeHtml(ordered[1]!)}${escapeHtml(ordered[2]!)}</span>${escapeHtml(ordered[3]!)}${highlightInline(escapeHtml(ordered[4]!))}`
-  }
-  // Plain inline line
-  return `${lead}${highlightInline(escapeHtml(body))}`
-}
-
-/**
- * Highlight full Markdown source into safe `<span>`-wrapped HTML. Line count
- * and per-line text (including whitespace) are preserved exactly.
- */
-export function highlightMarkdown(src: string): string {
-  const lines = src.split('\n')
-  const out: string[] = []
-  let inFence = false
-  for (const rawLine of lines) {
-    const fence = rawLine.match(/^\s*(```|~~~)\s*([\w-]*)\s*$/)
-    if (fence !== null) {
-      inFence = !inFence
-      out.push(`<span class="md-fence">${escapeHtml(rawLine)}</span>`)
-      continue
-    }
-    if (inFence) {
-      out.push(`<span class="md-code-block">${escapeHtml(rawLine)}</span>`)
-      continue
-    }
-    out.push(highlightLine(rawLine))
-  }
-  return out.join('\n')
-}