minecodex 2.0.12 → 2.0.13

package/features/file-navigation/src/frontend/navigation.mjs

@@ -0,0 +1,140 @@
+import { fileNavigationPath, selectFileNavigationDirectory } from '../domain/navigation.mjs';
+
+export function installFileNavigation(view, ui, locale) {
+  const copy = locale === 'zh-CN'
+    ? { browse: '浏览并切换文件', loading: '正在加载…', empty: '此文件夹为空', error: '无法读取文件夹，点击重试' }
+    : { browse: 'Browse and switch files', loading: 'Loading…', empty: 'This folder is empty', error: 'Could not load folder. Click to retry.' };
+  const unbind = ui.theme.bindScope(view.capsule, ['--font-sans-default', '--text-sm', '--font-weight-medium', '--color-text-primary', '--color-text-secondary', '--color-ring', '--spacing', '--radius-full']);
+  const life = new AbortController();
+  const path = fileNavigationPath(view.rootName, view.path);
+  const trigger = document.createElement('button');
+  trigger.type = 'button'; trigger.className = 'mcx-file-navigation-trigger cursor-interaction';
+  trigger.setAttribute('aria-label', copy.browse); trigger.setAttribute('aria-haspopup', 'dialog');
+  trigger.setAttribute('aria-expanded', 'false');
+  trigger.dataset.parts = path.labels.length;
+  trigger.setAttribute('data-minecodex-tooltip', [view.rootName, view.path].join('/'));
+  path.labels.forEach((label, index) => {
+    if (index && view.separator) {
+      const separator = view.separator.cloneNode(true); separator.classList.add('mcx-file-navigation-separator');
+      trigger.append(separator);
+    }
+    const span = document.createElement('span'); span.textContent = label;
+    span.className = index === path.labels.length - 1 ? 'mcx-file-navigation-name' : 'mcx-file-navigation-parent';
+    trigger.append(span);
+  });
+  view.nav.setAttribute('data-mcx-file-navigation-original', '');
+  view.capsule.append(trigger);
+  let popover = null, session = null, columns = [], directories = [], native = null;
+  let disposed = false, suppressEscapeRelease = false;
+  function close(focus = false) {
+    session?.abort(); session = null;
+    for (const column of columns) column.mount?.dispose();
+    columns = []; popover?.remove(); popover = null;
+    trigger.setAttribute('aria-expanded', 'false');
+    if (focus && trigger.isConnected) {
+      trigger.focus();
+      // 文件树卸载也会恢复焦点；等该轮清理结束，再交还当前路径入口。
+      requestAnimationFrame(() => { if (!disposed && !session && trigger.isConnected) trigger.focus(); });
+    }
+  }
+  function position() {
+    trigger.toggleAttribute('data-compact', view.capsule.parentElement.getBoundingClientRect().width < 330);
+    if (!popover) return;
+    const anchor = view.capsule.getBoundingClientRect(), bounds = view.boundary.getBoundingClientRect();
+    const zoom = Number.parseFloat(getComputedStyle(document.body).zoom) || 1;
+    const leftEdge = Math.max(8, bounds.left + 8), rightEdge = Math.min(innerWidth - 8, bounds.right - 8);
+    const width = Math.max(0, Math.min(744, rightEdge - leftEdge));
+    const below = Math.min(innerHeight, bounds.bottom) - anchor.bottom - 24;
+    const above = anchor.top - Math.max(0, bounds.top) - 24;
+    const down = below >= 180 || below >= above;
+    const height = Math.max(60, Math.min(320, down ? below : above));
+    popover.style.width = `${width / zoom}px`; popover.style.height = `${height / zoom}px`;
+    popover.style.left = `${Math.max(leftEdge, Math.min(anchor.left, rightEdge - width)) / zoom}px`;
+    popover.dataset.side = down ? 'bottom' : 'top';
+    popover.style.top = `${(down ? anchor.bottom : anchor.top - height) / zoom}px`;
+  }
+  async function loadColumn(directory, index, current) {
+    const element = document.createElement('div'); element.className = 'mcx-file-navigation-column';
+    element.setAttribute('aria-label', directory || view.rootName);
+    const column = { element, directory, mount: null, alive: true };
+    columns.push(column); popover.append(element);
+    const message = document.createElement('div'); message.className = 'mcx-file-navigation-message';
+    message.setAttribute('role', 'status'); message.textContent = copy.loading; element.append(message);
+    const valid = () => !current.aborted && column.alive;
+    async function load() {
+      try {
+        const entries = await view.list(directory, current);
+        if (!valid()) return;
+        element.replaceChildren();
+        if (!entries.length) { message.textContent = copy.empty; element.append(message); return; }
+        column.mount = native.mountColumn(element, entries, directories[index + 1] ?? view.path, entry => {
+          if (!valid()) return;
+          if (!entry.directory) { close(); view.open(entry); return; }
+          for (const old of columns.splice(index + 1)) { old.alive = false; old.mount?.dispose(); old.element.remove(); }
+          directories = selectFileNavigationDirectory(directories, index, entry.path);
+          loadColumn(entry.path, index + 1, current);
+          requestAnimationFrame(() => { if (popover) popover.scrollLeft = popover.scrollWidth; });
+        }, () => {
+          const previous = columns[index - 1];
+          if (previous) { previous.element.scrollIntoView({ block: 'nearest', inline: 'nearest' }); previous.mount?.focus(); }
+          else trigger.focus();
+        });
+      } catch {
+        if (!valid()) return;
+        const retry = document.createElement('button'); retry.type = 'button';
+        retry.className = 'mcx-file-navigation-message cursor-interaction'; retry.textContent = copy.error;
+        retry.onclick = () => { element.replaceChildren(message); message.textContent = copy.loading; load(); };
+        element.replaceChildren(retry);
+      }
+    }
+    await load();
+  }
+  async function open() {
+    if (session) { close(true); return; }
+    session = new AbortController(); const current = session.signal;
+    try {
+      native = await view.prepare();
+      if (current.aborted || disposed) return;
+      popover = document.createElement('div'); popover.className = 'mcx-file-navigation-popover';
+      popover.setAttribute('role', 'dialog'); popover.setAttribute('aria-label', copy.browse);
+      ui.surface(popover, 'popover'); ui.mount(popover, 'floating');
+      trigger.setAttribute('aria-expanded', 'true');
+      directories = path.directories.slice(); position();
+      await Promise.all(directories.map((directory, index) => loadColumn(directory, index, current)));
+      if (!current.aborted && popover) {
+        popover.scrollLeft = popover.scrollWidth;
+        requestAnimationFrame(() => { if (!current.aborted) columns.at(-1)?.mount?.focus(); });
+      }
+    } catch {
+      if (current.aborted) return;
+      close();
+      // 原生能力失效时立即交还已有导航，不能留一个无响应的替身入口。
+      dispose();
+    }
+  }
+  trigger.addEventListener('click', open, { signal: life.signal });
+  document.addEventListener('pointerdown', event => {
+    if (session && !event.composedPath().includes(trigger) && !event.composedPath().includes(popover)) close();
+  }, { capture: true, signal: life.signal });
+  window.addEventListener('keydown', event => {
+    if (!popover) return;
+    if (event.key === 'Escape') { suppressEscapeRelease = true; event.preventDefault(); event.stopImmediatePropagation(); close(true); }
+    if (event.key === 'Tab') close();
+  }, { capture: true, signal: life.signal });
+  // 原生全局 Escape 在释放阶段也处理焦点；同一次关闭需消费完整按键周期。
+  window.addEventListener('keyup', event => {
+    if (event.key !== 'Escape' || !suppressEscapeRelease) return;
+    suppressEscapeRelease = false;
+    event.preventDefault(); event.stopImmediatePropagation();
+    if (!disposed && trigger.isConnected) trigger.focus();
+  }, { capture: true, signal: life.signal });
+  window.addEventListener('resize', position, { signal: life.signal });
+  window.addEventListener('blur', () => close(), { signal: life.signal });
+  const resize = new ResizeObserver(position); resize.observe(view.capsule); resize.observe(view.boundary); resize.observe(view.capsule.parentElement);
+  function dispose() {
+    if (disposed) return;
+    disposed = true; close(); life.abort(); resize.disconnect(); trigger.remove();
+    view.nav.removeAttribute('data-mcx-file-navigation-original'); unbind();
+  }
+  return { dispose, available: () => !disposed && trigger.isConnected };
+}

package/features/file-navigation/src/injection-source.mjs

@@ -0,0 +1,9 @@
+import { readFile } from 'node:fs/promises';
+import { fileNavigationPath, selectFileNavigationDirectory } from './domain/navigation.mjs';
+import { loadFileNavigationModules } from './adapters/codex/modules.mjs';
+import { createFileNavigationAdapter } from './adapters/codex/navigation.mjs';
+import { installFileNavigation } from './frontend/navigation.mjs';
+export async function createPageScriptSource() {
+  const bindings = [fileNavigationPath, selectFileNavigationDirectory, loadFileNavigationModules, createFileNavigationAdapter, installFileNavigation];
+  return bindings.map(fn => `const ${fn.name} = ${fn.toString()};`).join('\n') + '\n' + await readFile(new URL('./entry.mjs', import.meta.url), 'utf8');
+}

package/features/file-navigation/src/navigation.css

@@ -0,0 +1,16 @@
+[data-mcx-file-navigation-original] { display:none !important; }
+.mcx-file-navigation-trigger { display:flex; align-items:center; gap:calc(var(--mcx-spacing)*1); min-width:0; max-width:100%; height:100%; padding:0 calc(var(--mcx-spacing)*2); border:0; background:transparent; font-family:var(--mcx-font-sans-default); font-size:var(--mcx-text-sm); color:var(--mcx-color-text-secondary); white-space:nowrap; }
+.mcx-file-navigation-trigger:hover { color:var(--mcx-color-text-primary); }
+.mcx-file-navigation-trigger:focus-visible { outline:2px solid var(--mcx-color-ring); outline-offset:-2px; border-radius:var(--mcx-radius-full); }
+.mcx-file-navigation-parent { overflow:hidden; text-overflow:ellipsis; flex:0 1 auto; }
+.mcx-file-navigation-name { min-width:0; overflow:hidden; text-overflow:ellipsis; font-weight:var(--mcx-font-weight-medium); color:var(--mcx-color-text-primary); }
+.mcx-file-navigation-separator { flex-shrink:0; }
+.mcx-file-navigation-popover { display:flex; overflow-x:auto; overscroll-behavior:contain; border-radius:var(--mcx-radius-xl); font-family:var(--mcx-font-sans-default); font-size:var(--mcx-text-sm); color:var(--mcx-color-text-primary); }
+.mcx-file-navigation-column { flex:0 0 248px; min-width:0; height:100%; padding:4px; overflow:hidden; border-inline-end:1px solid var(--mcx-color-border); }
+.mcx-file-navigation-column:last-child { flex-grow:1; border-inline-end:0; }
+.mcx-file-navigation-message { padding:calc(var(--mcx-spacing)*3); color:var(--mcx-color-text-secondary); }
+
+.mcx-file-navigation-trigger[data-compact][data-parts="3"] > :nth-child(2), .mcx-file-navigation-trigger[data-compact][data-parts="3"] > :nth-child(3), .mcx-file-navigation-trigger[data-compact][data-parts="2"] > :nth-child(-n+2) { display:none; }
+
+.mcx-file-navigation-popover[data-side="bottom"] { translate:0 calc(var(--mcx-spacing) * 2); }
+.mcx-file-navigation-popover[data-side="top"] { translate:0 calc(var(--mcx-spacing) * -2); }

package/features/file-navigation/vendor/lucide-LICENSE

@@ -0,0 +1,43 @@
+ISC License
+
+Copyright (c) 2026 Lucide Icons and Contributors
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+
+---
+
+The following Lucide icons are derived from the Feather project:
+
+airplay, alert-circle, alert-octagon, alert-triangle, aperture, arrow-down-circle, arrow-down-left, arrow-down-right, arrow-down, arrow-left-circle, arrow-left, arrow-right-circle, arrow-right, arrow-up-circle, arrow-up-left, arrow-up-right, arrow-up, at-sign, calendar, cast, check, chevron-down, chevron-left, chevron-right, chevron-up, chevrons-down, chevrons-left, chevrons-right, chevrons-up, circle, clipboard, clock, code, columns, command, compass, corner-down-left, corner-down-right, corner-left-down, corner-left-up, corner-right-down, corner-right-up, corner-up-left, corner-up-right, crosshair, database, divide-circle, divide-square, dollar-sign, download, external-link, feather, frown, hash, headphones, help-circle, info, italic, key, layout, life-buoy, link-2, link, loader, lock, log-in, log-out, maximize, meh, minimize, minimize-2, minus-circle, minus-square, minus, monitor, moon, more-horizontal, more-vertical, move, music, navigation-2, navigation, octagon, pause-circle, percent, plus-circle, plus-square, plus, power, radio, rss, search, server, share, shopping-bag, sidebar, smartphone, smile, square, table-2, tablet, target, terminal, trash-2, trash, triangle, tv, type, upload, x-circle, x-octagon, x-square, x, zoom-in, zoom-out
+
+The MIT License (MIT) (for the icons listed above)
+
+Copyright (c) 2013-present Cole Bemis
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/features/markdown-reading/assets/book-open.svg

@@ -0,0 +1,16 @@
+<!-- @license lucide-static v0.577.0 - ISC -->
+<svg
+  class="lucide lucide-book-open"
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2.1"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M12 7v14" />
+  <path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z" />
+</svg>

package/features/markdown-reading/codex-feature.json

@@ -0,0 +1,27 @@
+{
+  "schemaVersion": 1,
+  "id": "markdown-reading",
+  "version": "0.1.0",
+  "label": {
+    "en": "Markdown Reading",
+    "zh-CN": "Markdown 阅读排版"
+  },
+  "description": {
+    "en": "Read Markdown previews with Pages typography, spacing, and native outline.",
+    "zh-CN": "用 Pages 的正文排版、舒适留白与原生目录阅读 Markdown 预览。"
+  },
+  "entry": {
+    "kind": "page-script",
+    "script": "src/markdown-reading.mjs",
+    "sourceFactory": "src/injection-source.mjs",
+    "resources": {
+      "styles": "src/reading.css"
+    }
+  },
+  "icon": {
+    "resource": "assets/book-open.svg"
+  },
+  "placement": {
+    "order": 90
+  }
+}

package/features/markdown-reading/src/adapters/codex/links.mjs

@@ -0,0 +1,280 @@
+// 修补原生 Preview 的链接装饰；源码、语法树与编辑器实例继续归 Codex。
+export async function loadNativeMarkdownLinks() {
+  const url = [...document.querySelectorAll('link[rel="modulepreload"]')]
+    .map((n) => n.href)
+    .find((u) => /\/text-file-editor-extensions-[^/]+\.js$/.test(u));
+  if (!url) throw new Error('native-markdown-link-module-unavailable');
+  const source = await (await fetch(url)).text();
+  const opener = source.match(/([\w$]+)\(\{event:[\w$]+,href:[\w$]+,initiator:`markdown_link_click`/)?.[1];
+  let openHref;
+  for (const match of source.matchAll(/import\{([^}]+)\}from["']([^"']+)["']/g))
+    for (const entry of match[1].split(',')) {
+      const parts = entry.trim().split(/\s+as\s+/);
+      if (parts.at(-1) === opener) openHref = (await import(new URL(match[2], url).href))[parts[0]];
+    }
+  if (typeof openHref !== 'function') throw new Error('native-markdown-link-opener-unavailable');
+  return openHref;
+}
+
+export function installMarkdownLinks(view, api, openHref) {
+  const { Decoration, ViewPlugin, StateEffect, Compartment, WidgetType, Prec } = api;
+  const normalize = (s) =>
+    s
+      .replace(/\\([!"#$%&'()*+,\-./:;<=>?@[\]\\^_`{|}~])/g, '$1')
+      .replace(/\s+/g, ' ')
+      .trim()
+      .toLowerCase();
+  const unescape = (s) => {
+    const node = document.createElement('textarea');
+    node.innerHTML = s;
+    return node.value.replace(/\\([!"#$%&'()*+,\-./:;<=>?@[\]\\^_`{|}~])/g, '$1');
+  };
+  class Link extends WidgetType {
+    constructor(label, href, title, format = []) {
+      super();
+      Object.assign(this, { label, href, title, format });
+    }
+    eq(other) {
+      return (
+        this.label === other.label &&
+        this.href === other.href &&
+        this.title === other.title &&
+        JSON.stringify(this.format) === JSON.stringify(other.format)
+      );
+    }
+    toDOM() {
+      const span = document.createElement('span');
+      span.className = 'mcx-reading-link';
+      const append = (parent, parts) => {
+        for (const part of parts) {
+          if (typeof part === 'string') parent.append(document.createTextNode(part));
+          else {
+            const el = document.createElement(part.tag);
+            append(el, part.children);
+            parent.append(el);
+          }
+        }
+      };
+      if (this.format.length) append(span, this.format);
+      else span.textContent = this.label;
+      span.setAttribute('role', 'link');
+      span.tabIndex = 0;
+      if (this.title) span.title = this.title;
+      span.dataset.href = this.href;
+      const activate = (event) => {
+        // 普通本地链接仍交给原生编辑器的文件打开回调。
+        if (!/^(?:https?:|mailto:)/i.test(this.href)) return;
+        event.preventDefault();
+        event.stopPropagation();
+        openHref({ event, href: this.href, initiator: 'markdown_link_click' });
+      };
+      span.addEventListener('click', (event) => {
+        if (event.button === 0 && !event.shiftKey && event.detail === 1) activate(event);
+      });
+      span.addEventListener('keydown', (event) => {
+        if (event.key === 'Enter') activate(event);
+      });
+      return span;
+    }
+    ignoreEvent() {
+      return false;
+    }
+  }
+  class AutoLinks extends WidgetType {
+    constructor(parts) {
+      super();
+      this.parts = parts;
+    }
+    eq(other) {
+      return JSON.stringify(this.parts) === JSON.stringify(other.parts);
+    }
+    toDOM() {
+      const span = document.createElement('span');
+      for (const part of this.parts)
+        span.append(
+          part.href ? new Link(part.label, part.href, '').toDOM() : document.createTextNode(part.label),
+        );
+      return span;
+    }
+    ignoreEvent() {
+      return false;
+    }
+  }
+  let cachedTree,
+    cachedDoc,
+    references = new Map(),
+    definitions = [];
+  function build(editor) {
+    const text = (node) => editor.state.sliceDoc(node.from, node.to);
+    if (cachedTree !== editor.state.tree || cachedDoc !== editor.state.doc) {
+      cachedTree = editor.state.tree;
+      cachedDoc = editor.state.doc;
+      references = new Map();
+      definitions = [];
+      editor.state.tree.iterate({
+        enter(n) {
+          if (n.name !== 'LinkReference') return;
+          const node = n.node,
+            label = node.getChild('LinkLabel'),
+            url = node.getChild('URL'),
+            title = node.getChild('LinkTitle');
+          if (label && url) {
+            const key = normalize(text(label).slice(1, -1));
+            // 原生把脚注也解析成 LinkReference；保留脚注源码，不能隐藏正文。
+            if (key.startsWith('^')) return false;
+            if (!references.has(key))
+              references.set(key, {
+                href: unescape(text(url).replace(/^<|>$/g, '')),
+                title: title ? unescape(text(title).slice(1, -1)) : '',
+              });
+            definitions.push(node);
+          }
+          return false;
+        },
+      });
+    }
+    const ranges = [];
+    const selected = (node) =>
+      editor.hasFocus &&
+      editor.state.selection.ranges.some((r) =>
+        r.empty ? r.from >= node.from && r.from <= node.to : r.from < node.to && r.to > node.from,
+      );
+    for (const node of definitions) {
+      if (selected(node)) continue;
+      for (
+        let number = editor.state.doc.lineAt(node.from).number;
+        number <= editor.state.doc.lineAt(node.to).number;
+        number++
+      ) {
+        const line = editor.state.doc.line(number);
+        if (line.to < editor.viewport.from || line.from > editor.viewport.to) continue;
+        ranges.push(Decoration.line({ class: 'mcx-reading-link-definition' }).range(line.from));
+        if (line.to > line.from) ranges.push(Decoration.replace({}).range(line.from, line.to));
+      }
+    }
+    editor.state.tree.iterate({
+      from: editor.viewport.from,
+      to: editor.viewport.to,
+      enter(n) {
+        if (n.name === 'LinkReference') return false;
+        if (n.name === 'URL' && n.node.parent?.name === 'Paragraph') {
+          const raw = text(n.node),
+            parts = [];
+          let cursor = 0;
+          for (const match of raw.matchAll(/(?:https?:\/\/|www\.)[^\s<>、，。；！？]+/gi)) {
+            const label = match[0].replace(/[.,;:!?]+$/g, '');
+            if (!label) continue;
+            if (match.index > cursor) parts.push({ label: raw.slice(cursor, match.index) });
+            parts.push({ label, href: label.startsWith('www.') ? `https://${label}` : unescape(label) });
+            cursor = match.index + label.length;
+          }
+          if (cursor < raw.length) parts.push({ label: raw.slice(cursor) });
+          if (parts.some((part) => part.href))
+            ranges.push(Decoration.replace({ widget: new AutoLinks(parts) }).range(n.from, n.to));
+          return false;
+        }
+        if (n.name !== 'Link') return;
+        const node = n.node;
+        if (
+          (selected(node) && !editor.state.selection.main.empty) ||
+          editor.state.doc.lineAt(node.from).number !== editor.state.doc.lineAt(node.to).number
+        )
+          return false;
+        const marks = node.getChildren('LinkMark'),
+          start = marks[0],
+          end = marks.find((m) => text(m) === ']');
+        if (!start || !end) return false;
+        const labelFrom = start.to,
+          labelTo = end.from;
+        const urls = node.getChildren('URL'),
+          url = urls.find((u) => u.from > labelTo),
+          title = node.getChild('LinkTitle'),
+          reference = node.getChild('LinkLabel');
+        if (url && !title && !urls.some((u) => u.from >= labelFrom && u.to <= labelTo)) return false;
+        const key = normalize(
+          reference
+            ? text(reference).slice(1, -1) || editor.state.sliceDoc(labelFrom, labelTo)
+            : editor.state.sliceDoc(labelFrom, labelTo),
+        );
+        const target = url
+          ? {
+              href: unescape(text(url).replace(/^<|>$/g, '')),
+              title: title ? unescape(text(title).slice(1, -1)) : '',
+            }
+          : references.get(key);
+        if (!target || /^(?:javascript|data|vbscript):/i.test(target.href)) return false;
+        const omit = [];
+        node.toTree().iterate({
+          enter(child) {
+            if (/^(EmphasisMark|CodeMark|StrikethroughMark)$/.test(child.name)) {
+              const from = node.from + child.from,
+                to = node.from + child.to;
+              if (from >= labelFrom && to <= labelTo) omit.push([from, to]);
+            }
+          },
+        });
+        let label = '',
+          cursor = labelFrom;
+        for (const [from, to] of omit.sort((a, b) => a[0] - b[0])) {
+          label += editor.state.sliceDoc(cursor, from);
+          cursor = to;
+        }
+        label = unescape(label + editor.state.sliceDoc(cursor, labelTo));
+        const format = (node) => {
+          const parts = [];
+          let cursor = Math.max(node.from, labelFrom);
+          for (let child = node.firstChild; child; child = child.nextSibling) {
+            if (child.to <= labelFrom || child.from >= labelTo) continue;
+            if (child.from > cursor) parts.push(unescape(editor.state.sliceDoc(cursor, child.from)));
+            const tag = {
+              StrongEmphasis: 'strong',
+              Emphasis: 'em',
+              Strikethrough: 'del',
+              InlineCode: 'code',
+            }[child.name];
+            if (tag) parts.push({ tag, children: format(child) });
+            else if (!/^(?:LinkMark|EmphasisMark|CodeMark|StrikethroughMark)$/.test(child.name))
+              parts.push(
+                unescape(editor.state.sliceDoc(Math.max(child.from, labelFrom), Math.min(child.to, labelTo))),
+              );
+            cursor = Math.min(child.to, labelTo);
+          }
+          if (cursor < Math.min(node.to, labelTo))
+            parts.push(unescape(editor.state.sliceDoc(cursor, Math.min(node.to, labelTo))));
+          return parts;
+        };
+        ranges.push(
+          Decoration.replace({ widget: new Link(label, target.href, target.title, format(node)) }).range(
+            node.from,
+            node.to,
+          ),
+        );
+        return false;
+      },
+    });
+    return Decoration.set(ranges, true);
+  }
+  const plugin = ViewPlugin.define(
+    (editor) => ({
+      decorations: build(editor),
+      update(update) {
+        if (
+          update.docChanged ||
+          update.selectionSet ||
+          update.focusChanged ||
+          update.viewportChanged ||
+          update.startState.tree !== update.state.tree
+        )
+          this.decorations = build(update.view);
+      },
+    }),
+    { decorations: (value) => value.decorations },
+  );
+  const compartment = new Compartment();
+  view.dispatch({
+    effects: StateEffect.appendConfig.of(compartment.of(Prec ? Prec.highest(plugin) : plugin)),
+  });
+  return () => {
+    if (!view.destroyed) view.dispatch({ effects: compartment.reconfigure([]) });
+  };
+}