minecodex 2.0.38 → 2.0.40

package/README.md

@@ -15,6 +15,7 @@
 | 额度环 | 查看五小时与每周剩余额度，点击打开用量详情。 |
 | 会话状态 | 查看回复速度、Token 用量和上下文占用。 |
 | Markdown 阅读增强 | 改善文档排版，支持章节目录、表格展开和代码复制。 |
+| Mermaid 图表增强（实验性） | 独立开关，默认关闭；支持图表缩放与 PNG 下载。 |
 | 文件级联浏览 | 点击文件路径，分列浏览目录并切换文件。 |
 | 图片集合 | 浏览本机生成图片，查看提示词，收藏到 Library。 |
 | 站点收藏 | 发现本地项目网页，收藏网址并快速打开。 |

package/apps/dashboard/assets/preview-content.js

@@ -15,6 +15,9 @@ const content = {
   'markdown-reading': [
     ['Codex 的 Markdown 文件预览。', '长文阅读、脚注跳转和表格查看不够方便。', '在文件预览中阅读增强排版，使用目录、脚注和表格操作。'],
     ['Markdown file previews in Codex.', 'Long documents, footnotes and tables take extra effort to read.', 'Read enhanced formatting and use the outline, footnote navigation and table actions.']],
+  'mermaid-diagrams': [
+    ['Markdown 文件预览中的 Mermaid 图表。', '实验性图表样式与交互仍在完善，默认关闭。', '按需开启图表增强，使用缩放和 PNG 下载；关闭后使用 Codex 原生图表。'],
+    ['Mermaid diagrams in Markdown file previews.', 'Enhanced diagram styles and interactions are experimental and off by default.', 'Opt in to diagram zoom and PNG download. Turn it off to use native Codex diagrams.']],
   'file-navigation': [
     ['Codex 文件预览上方的路径区域。', '浏览相邻目录和文件需要额外跳转。', '点击路径展开分列目录，逐级浏览并打开另一个文件。'],
     ['The path above a file preview in Codex.', 'Browsing nearby files and folders takes extra navigation.', 'Open the path to browse cascading folder columns and choose another file.']],

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

@@ -1,29 +1,3 @@
-// 使用当前编辑器所属的原生 CodeMirror 实例，避免引入第二套编辑器依赖。
-export async function loadMarkdownListAPI(view) {
-  const links = [...document.querySelectorAll('link[rel="modulepreload"]')];
-  for (const link of links) {
-    if (!/\/dist-[\w-]+\.js$/.test(link.href)) continue;
-    const exports = Object.values(await import(link.href));
-    if (!exports.includes(view.constructor)) continue;
-    const Decoration = exports.find((value) => value?.line && value?.replace && value?.mark);
-    const ViewPlugin = exports.find((value) => value?.fromClass && value?.define);
-    const StateEffect = exports.find((value) => value?.appendConfig && value?.reconfigure);
-    const Compartment = exports.find(
-      (value) => value?.prototype?.reconfigure && value?.prototype?.of && value?.prototype?.get,
-    );
-    const WidgetType = exports.find(
-      (value) => value?.prototype?.eq && value?.prototype?.ignoreEvent && value?.prototype?.updateDOM,
-    );
-    const StateField = exports.find(
-      (value) =>
-        value?.define && value?.prototype?.slot && value?.prototype?.init && value?.prototype?.create,
-    );
-    const Prec = exports.find((value) => value?.highest && value?.lowest && value?.high);
-    if (Decoration && ViewPlugin && StateEffect && Compartment && WidgetType && Prec && StateField)
-      return { Decoration, ViewPlugin, StateEffect, Compartment, WidgetType, Prec, StateField };
-  }
-  throw new Error('native-markdown-list-api-unavailable');
-}
 export function installMarkdownLists(view, api) {
   const { Decoration, ViewPlugin, StateEffect, Compartment, WidgetType, Prec } = api;
   class Marker extends WidgetType {

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

@@ -1,9 +1,11 @@
-import { loadMarkdownListAPI, installMarkdownLists } from './lists.mjs';
+import { loadMarkdownListAPI } from '../../../../../packages/codex-adapter/src/markdown/editor-api.mjs';
+import { installMarkdownLists } from './lists.mjs';
 import { loadNativeMarkdownLinks, installMarkdownLinks } from './links.mjs';
 import { installMarkdownTables } from './tables.mjs';
-import { loadNativeMarkdownToc } from './toc-native.mjs';
+import { loadNativeMarkdownToc } from '../../../../../packages/codex-adapter/src/markdown/toc-native.mjs';
 import { installMarkdownToc } from './toc.mjs';
-import { loadNativeMarkdownTableActions, installMarkdownTableActions } from './table-actions.mjs';
+import { loadNativeMarkdownTableActions } from '../../../../../packages/codex-adapter/src/markdown/block-actions.mjs';
+import { installMarkdownTableActions } from './table-actions.mjs';
 import { loadNativeMarkdownRichText, installMarkdownRichText } from './rich-text.mjs';
 
 // 每个 Preview 共用换行状态，虚拟滚动重挂载的块也读取当前值。

package/features/markdown-reading/src/adapters/codex/rich-text.mjs

@@ -1,5 +1,5 @@
 import { collectMarkdownFootnotes } from '../../domain/footnotes.mjs';
-import { captureMarkdownProviders } from './providers.mjs';
+import { captureMarkdownProviders } from '../../../../../packages/codex-adapter/src/markdown/providers.mjs';
 
 // 复用消息流的代码组件与 Markdown lexer；文件内容及编辑器仍由 Codex 持有。
 export async function loadNativeMarkdownRichText(native) {

package/features/markdown-reading/src/adapters/codex/table-actions.mjs

@@ -1,111 +1,4 @@
-import { loadNativeMarkdownRenderer } from './markdown-native.mjs';
-import { captureMarkdownProviders } from './providers.mjs';
-
-export function markdownExportAlias(source, name) {
-  const start = source.lastIndexOf('export{');
-  if (start < 0) return undefined;
-  const entries = source.slice(start + 7).split('}')[0].split(',');
-  for (const entry of entries) {
-    const [local, alias = local] = entry.trim().split(/\s+as\s+/);
-    if (local === name) return alias;
-  }
-  return undefined;
-}
-
-// 从 Chat Markdown 的公开组件发现悬浮操作栏和控件，不绑定构建 hash。
-export async function loadNativeMarkdownTableActions(native) {
-  const url = [...document.querySelectorAll('link[rel="modulepreload"],script[src]')]
-    .map((n) => n.href || n.src)
-    .find((url) => /\/app-initial-[^/]+\.js/.test(url));
-  const response = await fetch(url);
-  if (!response.ok) throw new Error('native-table-actions-source-unavailable');
-  const source = await response.text();
-  const section = (marker) => {
-    const at = source.indexOf(marker),
-      start = source.lastIndexOf('function ', at),
-      end = source.indexOf('function ', at);
-    if (at < 0 || start < 0 || end < 0) throw new Error('native-table-actions-contract-changed');
-    return source.slice(start, end);
-  };
-  const actions = section('"data-block-actions":!0'),
-    table = section('id:`markdown.expandTable`');
-  const exported = source.slice(source.lastIndexOf('export{'));
-  const module = await import(url);
-  const publicBinding = (name) => {
-    const alias = markdownExportAlias(exported, name);
-    if (!alias || !module[alias]) throw new Error('native-table-actions-export-unavailable');
-    return module[alias];
-  };
-  // 初始化原生 lazy module，再使用其公开 React 组件。
-  const initializer = source
-    .slice(source.indexOf(table) + table.length)
-    .match(/^function ([\w$]+)\(\)\{return\(\1=/)?.[1];
-  if (!initializer) throw new Error('native-table-actions-initializer-unavailable');
-  publicBinding(initializer)();
-  const imports = new Map();
-  for (const match of source.matchAll(/import\{([^}]+)\}from["']([^"']+)["']/g))
-    for (const entry of match[1].split(',')) {
-      const parts = entry.trim().split(/\s+as\s+/);
-      imports.set(parts.at(-1), { name: parts[0], url: new URL(match[2], url).href });
-    }
-  const binding = async (name) => {
-    const item = imports.get(name);
-    if (!item) throw new Error('native-table-actions-dependency-unavailable');
-    return (await import(item.url))[item.name];
-  };
-  const sharedUrl = [...imports.values()].find((item) => /\/app-shared-[^/]+\.js/.test(item.url))?.url;
-  if (!sharedUrl) throw new Error('native-code-wrap-module-unavailable');
-  const sharedSource = await (await fetch(sharedUrl)).text(),
-    shared = await import(sharedUrl);
-  const wrapAt = sharedSource.indexOf('id:`codeSnippet.wrap.disable`');
-  const wrapSection = sharedSource.slice(
-    sharedSource.lastIndexOf('function ', wrapAt),
-    sharedSource.indexOf('function ', wrapAt),
-  );
-  const wrapPair = wrapSection.match(
-    /children:[\w$]+\?\(0,[\w$]+\.jsx\)\(([\w$]+),\{\}\):\(0,[\w$]+\.jsx\)\(([\w$]+),\{\}\)/,
-  );
-  if (wrapAt < 0 || !wrapPair) throw new Error('native-code-wrap-icons-unavailable');
-  const sharedExports = sharedSource.slice(sharedSource.lastIndexOf('export{'));
-  const sharedBinding = (name) => shared[markdownExportAlias(sharedExports, name)];
-  const assignment = sharedSource.indexOf(`${wrapPair[1]}=`);
-  const initialize = sharedSource
-    .slice(sharedSource.lastIndexOf('function ', assignment))
-    .match(/^function ([\w$]+)\(\)/)?.[1];
-  if (initialize && typeof sharedBinding(initialize) === 'function') sharedBinding(initialize)();
-  const wrapIcons = { disable: sharedBinding(wrapPair[1]), enable: sharedBinding(wrapPair[2]) };
-  if (!wrapIcons.disable || !wrapIcons.enable) throw new Error('native-code-wrap-icon-exports-unavailable');
-  const button = table.match(/jsx\)\(([\w$]+),\{"aria-label":[\w$]+,"aria-expanded"/)?.[1];
-  const copy = table.match(/jsx\)\(([\w$]+),\{ariaLabel:[\w$]+,buttonText:/)?.[1];
-  const tooltip = table.match(/jsx\)\(([\w$]+),\{tooltipContent:[\w$]+,delayOpen:!0/)?.[1];
-  if (!button || !copy || !tooltip) throw new Error('native-table-actions-controls-unavailable');
-  const [Button, CopyButton, Tooltip] = await Promise.all([binding(button), binding(copy), binding(tooltip)]);
-  const previewName = table.match(/jsx\)\(([\w$]+),\{src:``,alt:/)?.[1];
-  const tableName = table.match(/jsx\)\(([\w$]+),\{className:[\w$]+,children:[\w$]+\}/)?.[1];
-  const classesName = table.match(/([\w$]+)\.MarkdownTablePreview/)?.[1];
-  const icon = table.match(/children:\(0,[\w$]+\.jsx\)\(([\w$]+),\{icon:\{16:([\w$]+),20:([\w$]+)\}\}\)/);
-  if (!previewName || !tableName || !classesName || !icon)
-    throw new Error('native-table-preview-contract-unavailable');
-  const [Icon, small, medium, renderer] = await Promise.all([
-    binding(icon[1]),
-    binding(icon[2]),
-    binding(icon[3]),
-    loadNativeMarkdownRenderer(source, url, module),
-  ]);
-  return {
-    ...native,
-    ...renderer,
-    TablePreview: publicBinding(previewName),
-    Table: publicBinding(tableName),
-    tableClasses: publicBinding(classesName),
-    ExpandIcon: () => native.React.createElement(Icon, { icon: { 16: small, 20: medium } }),
-    Actions: publicBinding(actions.match(/^function ([\w$]+)/)[1]),
-    Button,
-    wrapIcons,
-    CopyButton,
-    Tooltip,
-  };
-}
+import { captureMarkdownProviders } from '../../../../../packages/codex-adapter/src/markdown/providers.mjs';
 
 export function installMarkdownTableActions(view, native, codex, controller) {
   const {

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

@@ -1,4 +1,4 @@
-import { captureMarkdownProviders } from './providers.mjs';
+import { captureMarkdownProviders } from '../../../../../packages/codex-adapter/src/markdown/providers.mjs';
 
 // Markdown 负责标题与导航；原生组件负责短线、动效、浮层材质与悬浮定位。
 export function installMarkdownToc(view, api, native, codex) {

package/features/markdown-reading/src/injection-source.mjs

@@ -1,24 +1,22 @@
-import { loadNativeMarkdownRenderer } from './adapters/codex/markdown-native.mjs';
+import { loadMarkdownListAPI } from '../../../packages/codex-adapter/src/markdown/editor-api.mjs';
+import { markdownExportAlias, loadNativeMarkdownTableActions } from '../../../packages/codex-adapter/src/markdown/block-actions.mjs';
+import { loadNativeMarkdownRenderer } from '../../../packages/codex-adapter/src/markdown/markdown-native.mjs';
 import { collectMarkdownFootnotes } from './domain/footnotes.mjs';
-import { captureMarkdownProviders } from './adapters/codex/providers.mjs';
+import { captureMarkdownProviders } from '../../../packages/codex-adapter/src/markdown/providers.mjs';
 import {
   createMarkdownReadingRuntime,
   createMarkdownWrapState,
   installMarkdownMetadataScroll,
 } from './adapters/codex/reading-runtime.mjs';
 import { loadNativeMarkdownRichText, installMarkdownRichText } from './adapters/codex/rich-text.mjs';
-import {
-  markdownExportAlias,
-  loadNativeMarkdownTableActions,
-  installMarkdownTableActions,
-} from './adapters/codex/table-actions.mjs';
+import { installMarkdownTableActions } from './adapters/codex/table-actions.mjs';
 import { loadNativeMarkdownLinks, installMarkdownLinks } from './adapters/codex/links.mjs';
-import { loadNativeMarkdownToc } from './adapters/codex/toc-native.mjs';
+import { loadNativeMarkdownToc } from '../../../packages/codex-adapter/src/markdown/toc-native.mjs';
 import { installMarkdownToc } from './adapters/codex/toc.mjs';
 import { readFile } from 'node:fs/promises';
 import { installMarkdownTables } from './adapters/codex/tables.mjs';
-import { loadMarkdownListAPI, installMarkdownLists } from './adapters/codex/lists.mjs';
-import { createMarkdownPreviewAdapter } from './adapters/codex/preview.mjs';
+import { installMarkdownLists } from './adapters/codex/lists.mjs';
+import { createMarkdownPreviewAdapter } from '../../../packages/codex-adapter/src/markdown/preview.mjs';
 export async function createPageScriptSource() {
   const bindings = [
     collectMarkdownFootnotes,

package/features/markdown-reading/src/markdown-reading.mjs

@@ -1,8 +1,11 @@
 const marker = 'data-minecodex-markdown-reading';
-const native = createMarkdownPreviewAdapter(config.codex);
+const runtime = createMarkdownReadingRuntime(config.codex);
+const native = createMarkdownPreviewAdapter(config.codex, item => runtime.attach(item));
 const styled = new Map();
 const sessions = new Map();
-const tokenNames = ['--font-content', '--text-document', '--leading-relaxed', '--font-weight-semibold'];
+const tokenNames = ['--font-content', '--text-document', '--leading-relaxed', '--font-weight-semibold',
+  '--color-token-main-surface-primary', '--color-token-bg-secondary', '--color-text-foreground',
+  '--color-text-foreground-secondary', '--color-border'];
 const style = document.createElement('style');
 style.setAttribute('data-minecodex-markdown-reading-styles', '');
 style.textContent = config.resources.styles;