minecodex 2.0.21 → 2.0.22

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

@@ -6,6 +6,23 @@ import { installMarkdownToc } from './toc.mjs';
 import { loadNativeMarkdownTableActions, installMarkdownTableActions } from './table-actions.mjs';
 import { loadNativeMarkdownRichText, installMarkdownRichText } from './rich-text.mjs';
 
+// 每个 Preview 共用换行状态，虚拟滚动重挂载的块也读取当前值。
+export function createMarkdownWrapState() {
+  let enabled = false;
+  const listeners = new Set();
+  return {
+    get: () => enabled,
+    toggle() {
+      enabled = !enabled;
+      for (const listener of listeners) listener();
+    },
+    subscribe(listener) {
+      listeners.add(listener);
+      return () => listeners.delete(listener);
+    },
+  };
+}
+
 // 原生能力加载与会话寿命归 Adapter；入口只持有检查结果和释放动作。
 export function createMarkdownReadingRuntime(
   codex,
@@ -37,6 +54,7 @@ export function createMarkdownReadingRuntime(
   }
   function attach({ editor, content, scroller }) {
     const view = content.cmTile?.view;
+    const wrapState = createMarkdownWrapState();
     const states = new Map([
       ['markdown-reading-layout', 'loading'],
       ['markdown-reading-links', 'loading'],
@@ -71,7 +89,7 @@ export function createMarkdownReadingRuntime(
       await stage('markdown-reading-rich-text', 'native-rich-text-unavailable', async () => {
         const rich = await load('loadNativeMarkdownRichText', actions);
         if (!current()) return;
-        cleanups.push(capabilities.installMarkdownRichText(view, api, rich, codex));
+        cleanups.push(capabilities.installMarkdownRichText(view, api, rich, codex, wrapState));
         report('markdown-reading-rich-text', true);
       });
     }
@@ -102,7 +120,7 @@ export function createMarkdownReadingRuntime(
         const api = await capabilities.loadMarkdownListAPI(view);
         if (!current()) return;
         cleanups.push(capabilities.installMarkdownLists(view, api));
-        const tables = capabilities.installMarkdownTables(view, api);
+        const tables = capabilities.installMarkdownTables(view, api, wrapState);
         cleanups.push(tables);
         report('markdown-reading-layout', true);
         await Promise.all([installLinks(api), installToc(api, tables)]);

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

@@ -38,7 +38,7 @@ export async function loadNativeMarkdownRichText(native) {
   return { ...native, CodeSnippet: sharedBinding(codeName), katex };
 }
 
-export function installMarkdownRichText(view, api, native, codex) {
+export function installMarkdownRichText(view, api, native, codex, wrapState) {
   const { Decoration, StateField, StateEffect, Compartment, WidgetType, Prec } = api;
   const {
     React,
@@ -55,8 +55,7 @@ export function installMarkdownRichText(view, api, native, codex) {
   } = native;
   const h = React.createElement,
     roots = new Set(),
-    footnoteReturns = new Map(),
-    codeStates = new Map();
+    footnoteReturns = new Map();
   const withProviders = captureMarkdownProviders(view.dom, codex);
   const mount = (element, tree) => {
     const root = ReactDOM.createRoot(element);
@@ -64,11 +63,9 @@ export function installMarkdownRichText(view, api, native, codex) {
     root.render(withProviders(React, tree));
     return root;
   };
-  function Code({ content, language, id }) {
-    const [wrap, setWrap] = React.useState(
-        () => (codeStates.get(id)?.source === content && codeStates.get(id).wrap) || false,
-      ),
-      [overflow, setOverflow] = React.useState(false),
+  function Code({ content, language }) {
+    const wrap = React.useSyncExternalStore(wrapState.subscribe, wrapState.get);
+    const [overflow, setOverflow] = React.useState(false),
       ref = React.useRef(null);
     React.useLayoutEffect(() => {
       const element = ref.current?.querySelector('code')?.parentElement;
@@ -84,7 +81,9 @@ export function installMarkdownRichText(view, api, native, codex) {
       check();
       return () => observer.disconnect();
     }, [wrap, content]);
-    const label = wrap ? '关闭代码换行' : '开启代码换行';
+    const label = document.documentElement.lang.startsWith('zh')
+      ? wrap ? '关闭文档换行' : '开启文档换行'
+      : wrap ? 'Disable document word wrap' : 'Enable document word wrap';
     return h(
       'div',
       { ref, className: 'mcx-reading-code-block group/app-widget' },
@@ -112,10 +111,7 @@ export function installMarkdownRichText(view, api, native, codex) {
                   color: 'blockAction',
                   radius: 'full',
                   size: 'inputIcon',
-                  onClick: () => {
-                    codeStates.set(id, { source: content, wrap: !wrap });
-                    setWrap(!wrap);
-                  },
+                  onClick: () => wrapState.toggle(),
                 },
                 h(wrap ? wrapIcons.disable : wrapIcons.enable),
               ),
@@ -159,7 +155,7 @@ export function installMarkdownRichText(view, api, native, codex) {
       else if (this.kind === 'code')
         element._mcxRoot = mount(
           element,
-          h(Code, { content: this.source, language: this.options.language, id: this.options.from }),
+          h(Code, { content: this.source, language: this.options.language }),
         );
       else if (this.kind === 'math')
         element.innerHTML = katex.renderToString(this.source, {

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

@@ -136,11 +136,11 @@ export function installMarkdownTableActions(view, native, codex, controller) {
     const tokens = React.useMemo(() => (open ? lexer(item.source, undefined) : []), [open, item.source]);
     const wrap = chinese
       ? item.fit
-        ? '恢复自然列宽'
-        : '适配宽度并换行'
+        ? '关闭文档换行'
+        : '开启文档换行'
       : item.fit
-        ? 'Use natural table width'
-        : 'Fit table width and wrap';
+        ? 'Disable document word wrap'
+        : 'Enable document word wrap';
     const copy = chinese ? '复制表格' : 'Copy table';
     const expand = chinese ? '展开表格' : 'Expand table';
     const preview = chinese ? '表格预览' : 'Table preview';
@@ -186,7 +186,7 @@ export function installMarkdownTableActions(view, native, codex, controller) {
                     color: 'blockAction',
                     radius: 'full',
                     size: 'inputIcon',
-                    onClick: () => controller.toggle(item.id),
+                    onClick: () => controller.toggle(),
                   },
                   h(item.fit ? wrapIcons.disable : wrapIcons.enable),
                 ),

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

@@ -1,5 +1,5 @@
 // 保留原生逐行表格及选区；每张表的行共享横向位置，不移动正文节点。
-export function installMarkdownTables(view, api) {
+export function installMarkdownTables(view, api, wrapState) {
   const { Decoration, ViewPlugin, StateEffect, Compartment, WidgetType } = api;
   class EmptyCell extends WidgetType {
     eq() {
@@ -82,7 +82,6 @@ export function installMarkdownTables(view, api) {
   view.dom.append(layoutStyle);
   let measuredDoc = null;
   const tables = new Map();
-  const fitted = new Set();
   let hovered = null;
   function inline(state, node, target) {
     let cursor = node.from;
@@ -155,9 +154,9 @@ export function installMarkdownTables(view, api) {
     const inset = (scroller.clientWidth - available) / 2;
     const breakout = Math.max(0, parseFloat(padding.paddingLeft) - inset);
     for (const [id, table] of tables) {
-      table.style.inlineSize = fitted.has(id) ? '100%' : 'max-content';
+      table.style.inlineSize = wrapState.get() ? '100%' : 'max-content';
       for (const cell of table.querySelectorAll('td,th'))
-        cell.style.overflowWrap = fitted.has(id) ? 'anywhere' : 'break-word';
+        cell.style.overflowWrap = wrapState.get() ? 'anywhere' : 'break-word';
     }
     const widths = new Map(
       [...tables].map(([id, table]) => [
@@ -173,7 +172,7 @@ export function installMarkdownTables(view, api) {
       );
       columns.forEach((width, index) =>
         rules.push(
-          `${selector} > .cm-markdown-table-cell:nth-child(${index + 1} of .cm-markdown-table-cell){width:${width}px;overflow-wrap:${fitted.has(id) ? 'anywhere' : 'break-word'}}`,
+          `${selector} > .cm-markdown-table-cell:nth-child(${index + 1} of .cm-markdown-table-cell){width:${width}px;overflow-wrap:${wrapState.get() ? 'anywhere' : 'break-word'}}`,
         ),
       );
     }
@@ -322,7 +321,7 @@ export function installMarkdownTables(view, api) {
         const headerInset = parseFloat(getComputedStyle(rows[0]).paddingTop);
         items.push({
           id,
-          fit: fitted.has(id),
+          fit: wrapState.get(),
           overflow: (scrollLimits.get(id) ?? 0) > 0,
           visible: hovered === id,
           left: (first.left - frameRect.left) / scale,
@@ -435,7 +434,6 @@ export function installMarkdownTables(view, api) {
       update(update) {
         if (update.docChanged) {
           offsets.clear();
-          fitted.clear();
           geometryRows = [];
         }
         if (update.docChanged || update.startState.tree !== update.state.tree) measuredDoc = null;
@@ -456,16 +454,16 @@ export function installMarkdownTables(view, api) {
   const controller = {
     schedule,
     renderActions: null,
-    toggle(id) {
-      if (fitted.has(id)) fitted.delete(id);
-      else fitted.add(id);
-      offsets.delete(id);
-      schedule();
-      view.requestMeasure();
-    },
+    toggle: () => wrapState.toggle(),
   };
+  const unsubscribeWrap = wrapState.subscribe(() => {
+    offsets.clear();
+    schedule();
+    view.requestMeasure();
+  });
   schedule();
   const dispose = () => {
+    unsubscribeWrap();
     view.dom.removeEventListener('pointerover', onHover);
     view.dom.removeEventListener('pointerout', onHover);
     view.dom.removeEventListener('focusin', schedule);

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

@@ -3,6 +3,7 @@ import { collectMarkdownFootnotes } from './domain/footnotes.mjs';
 import { captureMarkdownProviders } from './adapters/codex/providers.mjs';
 import {
   createMarkdownReadingRuntime,
+  createMarkdownWrapState,
   installMarkdownMetadataScroll,
 } from './adapters/codex/reading-runtime.mjs';
 import { loadNativeMarkdownRichText, installMarkdownRichText } from './adapters/codex/rich-text.mjs';
@@ -23,6 +24,7 @@ export async function createPageScriptSource() {
     collectMarkdownFootnotes,
     captureMarkdownProviders,
     createMarkdownReadingRuntime,
+    createMarkdownWrapState,
     createMarkdownPreviewAdapter,
     installMarkdownMetadataScroll,
     loadMarkdownListAPI,

package/features/model-slider/src/frontend/install.mjs

@@ -1331,18 +1331,14 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
     particles.setAttribute("aria-hidden", "true");
     particles.setAttribute("data-animation-active", "true");
     const travelDuration = 1.9;
-    const stagger = travelDuration / 14;
     const valueMax = Number(rail.getAttribute("aria-valuemax") ?? 0);
     const valueNow = Number(rail.getAttribute("aria-valuenow") ?? 0);
-    const initialStartPercent = valueMax > 0 ? (valueNow / valueMax) * 100 : 0;
-    const remainingTravel = 1 - Math.min(Math.max(initialStartPercent, 0), 100) / 100;
     particles.append(...Array.from({ length: 14 }, (_, index) => {
-      const speed = 1 + (nativeParticleSeed(index, 21) - 0.5) * 0.4;
-      const duration = travelDuration / speed;
       const path = document.createElement("span");
       path.className = pathClass;
-      path.style.animationDelay = `${index * stagger - duration * remainingTravel}s`;
-      path.style.animationDuration = `${duration}s`;
+      // 等速、等间距铺满完整路径；档位只裁剪可见范围，不压缩运动或聚集粒子。
+      path.style.animationDelay = `${-((index + 0.5) / 14) * travelDuration}s`;
+      path.style.animationDuration = `${travelDuration}s`;
       path.style.top = `${12 + nativeParticleSeed(index, 23) * 76}%`;
       const particle = document.createElement("span");
       particle.className = particleClass;
@@ -1354,6 +1350,8 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
     clip.append(particles);
     const tickRail = Array.from(track.children).find((element) => String(element.className).includes("_TickRail_"));
     track.insertBefore(clip, tickRail ?? null);
+    // 重建粒子层后按当前档位恢复裁剪，避免重开面板时覆盖整条滑轨。
+    setGenericSliderVisual(rail, valueNow, valueMax + 1);
     if (entering) {
       // 首帧沿用关闭 Fast 时的星点，再渐显流动粒子。
       clip.animate([{ opacity: 0 }, { opacity: 1 }], { duration: 240, easing: "ease-out" });
@@ -1381,7 +1379,6 @@ export function installModelSlider(signal, { feature, ui, createIcon, requestRef
     rail.setAttribute("data-fast-mode", String(enabled));
     rail.setAttribute("data-fast-mode-dot-transition", animate ? (enabled ? "entering" : "exiting") : (enabled ? "active" : "inactive"));
     syncNativeFastParticles(rail, enabled, animate && enabled);
-    setGenericSliderVisual(rail, Number(rail.getAttribute("aria-valuenow") ?? 0), Number(rail.getAttribute("aria-valuemax") ?? 0) + 1);
     if (animate && enabled) {
       shell.setAttribute("data-codex-model-slider-fast-transitioning", "");
       setTimeout(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "minecodex",
-  "version": "2.0.21",
+  "version": "2.0.22",
   "description": "Lightweight, local-first plugins for the Codex desktop app.",
   "license": "MIT",
   "type": "module",