@formulaxjs/renderer-kity 0.2.1 → 0.3.0

package/README.md

@@ -1,6 +1,8 @@
-# @formulaxjs/renderer-kity
-
-Kity-based read-only renderer for FormulaX.
+# @formulaxjs/renderer-kity
+
+English | [简体中文](https://github.com/vndmea/formulaX/blob/main/packages/renderer-kity/README.zh-CN.md)
+
+Kity-based read-only renderer for FormulaX.
 
 `@formulaxjs/renderer-kity` turns LaTeX into inline SVG markup by using the legacy Kity runtime behind the shared `@formulaxjs/renderer` contract. It is the current concrete renderer package for adapters that want runtime SVG output without depending on editor UI helpers.
 
@@ -14,11 +16,11 @@ npm install @formulaxjs/renderer-kity
 
 ## Highlights
 
-- `createKityFormulaRenderer`
-- `renderLatexToSvgMarkup`
-- `serializeKityFormulaFromRoot`
-- `waitForKityFormulaSvgLayout`
-- cache-safe asset overrides through `assetsVersion`
+- `createKityFormulaRenderer`
+- `renderLatexToSvgMarkup`
+- `serializeKityFormulaFromRoot`
+- `waitForKityFormulaSvgLayout`
+- cache-safe asset overrides through `assetCacheKey`
 
 ## Example
 
@@ -35,7 +37,7 @@ console.log(result.engine); // kity
 console.log(result.html);   // inline SVG markup
 ```
 
-If you pass custom runtime asset overrides and want caching to stay enabled, also pass an `assetsVersion` string so different asset sets do not share the same cache entry.
+If you pass custom runtime asset overrides and want caching to stay enabled, also pass an `assetCacheKey` string so different asset sets do not share the same cache entry.
 
 ## Package role
 

package/README.zh-CN.md

@@ -0,0 +1,48 @@
+# @formulaxjs/renderer-kity
+
+[English](https://github.com/vndmea/formulaX/blob/main/packages/renderer-kity/README.md) | 简体中文
+
+FormulaX 的基于 Kity 的只读 renderer。
+
+`@formulaxjs/renderer-kity` 通过共享的 `@formulaxjs/renderer` 协议，利用旧版 Kity runtime 将 LaTeX 转成可内联的 SVG markup。对于需要运行时 SVG 输出、但不想依赖编辑器 UI helper 的 adapter 来说，它是当前的具体 renderer 包。
+
+> 状态：实验阶段。在首个稳定版本发布前，公共 API 仍可能调整。
+
+## 安装
+
+```bash
+npm install @formulaxjs/renderer-kity
+```
+
+## 功能概览
+
+- `createKityFormulaRenderer`
+- `renderLatexToSvgMarkup`
+- `serializeKityFormulaFromRoot`
+- `waitForKityFormulaSvgLayout`
+- 通过 `assetCacheKey` 支持安全缓存的资源覆盖
+
+## 示例
+
+```ts
+import { createKityFormulaRenderer } from '@formulaxjs/renderer-kity';
+
+const renderer = createKityFormulaRenderer({
+  fontSize: 40,
+});
+
+const result = await renderer.renderLatex('\\frac{a}{b}');
+
+console.log(result.engine); // kity
+console.log(result.html);   // inline SVG markup
+```
+
+如果你传入了自定义 runtime 资源覆盖，并且希望继续启用缓存，请同时传入一个 `assetCacheKey` 字符串，避免不同资源集共用同一条 cache 记录。
+
+## 包职责
+
+当你需要今天就能直接使用的 FormulaX 具体 renderer 实现时，请使用这个包。
+
+- 它依赖 `@formulaxjs/renderer` 提供共享 renderer 协议与 SVG helper
+- 它依赖 `@formulaxjs/kity-runtime` 提供旧版 Kity 后端
+- 它不依赖 `@formulaxjs/editor`

package/dist/index.cjs

@@ -115,7 +115,7 @@ function createKityFormulaRenderer(defaults = {}) {
 }
 function renderLatexToSvgMarkup(latex, options = {}) {
   const normalizedLatex = latex.trim();
-  const shouldUseCache = options.cache !== false && !(hasCustomAssetOverrides(options.assets) && !options.assetsVersion);
+  const shouldUseCache = options.cache !== false && !(hasCustomAssetOverrides(options.assets) && !options.assetCacheKey);
   if (!normalizedLatex) {
     return Promise.resolve({
       engine: "kity",
@@ -131,7 +131,7 @@ function renderLatexToSvgMarkup(latex, options = {}) {
     fontSize: options.fontSize,
     displayMode: options.displayMode,
     className: options.className,
-    assetsVersion: options.assetsVersion
+    assetCacheKey: options.assetCacheKey
   });
   if (shouldUseCache) {
     const cached = renderCache.get(cacheKey);

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/renderer.ts","../src/dom.ts","../src/serialize.ts"],"sourcesContent":["export type { KityFormulaRenderOptions } from './types';\n\nexport {\n  createKityFormulaRenderer,\n  renderLatexToSvgMarkup,\n} from './renderer';\n\nexport {\n  findKityFormulaSvg,\n  serializeKityFormulaFromRoot,\n  waitForKityFormulaSvgLayout,\n} from './serialize';\n","import {\n  createFormulaRenderCacheKey,\n  type FormulaRenderer,\n  type FormulaRenderResult,\n} from '@formulaxjs/renderer';\nimport { mountKityEditor, type KityEditorAssets } from '@formulaxjs/kity-runtime';\nimport { createHiddenRenderHost } from './dom';\nimport {\n  serializeKityFormulaFromRoot,\n  waitForKityFormulaSvgLayout,\n} from './serialize';\nimport type { KityFormulaRenderOptions } from './types';\n\nconst renderCache = new Map<string, Promise<FormulaRenderResult>>();\n\nfunction hasCustomAssetOverrides(assets?: Partial<KityEditorAssets>): boolean {\n  return Boolean(assets && Object.keys(assets).length > 0);\n}\n\nexport function createKityFormulaRenderer(\n  defaults: KityFormulaRenderOptions = {},\n): FormulaRenderer {\n  return {\n    renderLatex(latex, options = {}) {\n      return renderLatexToSvgMarkup(latex, {\n        ...defaults,\n        ...options,\n      });\n    },\n  };\n}\n\nexport function renderLatexToSvgMarkup(\n  latex: string,\n  options: KityFormulaRenderOptions = {},\n): Promise<FormulaRenderResult> {\n  const normalizedLatex = latex.trim();\n  const shouldUseCache = options.cache !== false\n    && !(hasCustomAssetOverrides(options.assets) && !options.assetsVersion);\n\n  if (!normalizedLatex) {\n    return Promise.resolve({\n      engine: 'kity',\n      output: 'svg',\n      latex: normalizedLatex,\n      html: '',\n    });\n  }\n\n  const cacheKey = createFormulaRenderCacheKey({\n    engine: 'kity',\n    latex: normalizedLatex,\n    output: 'svg',\n    fontSize: options.fontSize,\n    displayMode: options.displayMode,\n    className: options.className,\n    assetsVersion: options.assetsVersion,\n  });\n\n  if (shouldUseCache) {\n    const cached = renderCache.get(cacheKey);\n    if (cached) {\n      return cached;\n    }\n  }\n\n  const pending = renderLatexToSvgMarkupUncached(normalizedLatex, options);\n\n  if (shouldUseCache) {\n    renderCache.set(cacheKey, pending);\n    pending.catch(() => {\n      if (renderCache.get(cacheKey) === pending) {\n        renderCache.delete(cacheKey);\n      }\n    });\n  }\n\n  return pending;\n}\n\nasync function renderLatexToSvgMarkupUncached(\n  latex: string,\n  options: KityFormulaRenderOptions,\n): Promise<FormulaRenderResult> {\n  if (typeof document === 'undefined') {\n    throw new Error('Kity renderer requires a browser document.');\n  }\n\n  const host = createHiddenRenderHost(document);\n  const handle = await mountKityEditor(host, {\n    initialLatex: latex,\n    height: options.height ?? '100%',\n    autofocus: false,\n    assets: options.assets,\n    render: {\n      fontsize: options.fontSize ?? 40,\n    },\n  });\n\n  try {\n    await waitForKityFormulaSvgLayout(host);\n\n    return {\n      engine: 'kity',\n      output: 'svg',\n      latex,\n      html: serializeKityFormulaFromRoot(host),\n    };\n  } finally {\n    handle.destroy();\n    host.remove();\n  }\n}\n","export function createHiddenRenderHost(doc: Document = document): HTMLElement {\n  const host = doc.createElement('div');\n\n  host.style.position = 'fixed';\n  host.style.left = '-100000px';\n  host.style.top = '0';\n  host.style.width = '1px';\n  host.style.height = '1px';\n  host.style.opacity = '0';\n  host.style.pointerEvents = 'none';\n  host.setAttribute('aria-hidden', 'true');\n\n  doc.body.appendChild(host);\n\n  return host;\n}\n\nexport async function waitForDocumentFonts(doc: Document): Promise<void> {\n  if (!doc.fonts?.ready) return;\n\n  try {\n    await doc.fonts.ready;\n  } catch {\n    // Ignore font readiness failures and fall back to frame-based settling.\n  }\n}\n\nexport function waitForAnimationFrame(view: Window): Promise<void> {\n  return new Promise((resolve) => {\n    view.requestAnimationFrame(() => resolve());\n  });\n}\n","import {\n  readRenderedFormulaSvgBox,\n  serializeSvgForInsertion,\n  type SvgBox,\n} from '@formulaxjs/renderer';\nimport { waitForAnimationFrame, waitForDocumentFonts } from './dom';\n\nexport function findKityFormulaSvg(root: HTMLElement): SVGSVGElement | null {\n  return root.querySelector<SVGSVGElement>(\n    '.kf-editor-edit-area svg, .kf-editor-canvas-container svg, svg',\n  );\n}\n\nexport function serializeKityFormulaFromRoot(root: HTMLElement): string {\n  const svg = findKityFormulaSvg(root);\n\n  if (!svg) {\n    return '';\n  }\n\n  return serializeSvgForInsertion(svg);\n}\n\nexport async function waitForKityFormulaSvgLayout(root: HTMLElement): Promise<void> {\n  const doc = root.ownerDocument ?? document;\n  const view = doc.defaultView ?? window;\n\n  await waitForDocumentFonts(doc);\n\n  let previous = readRenderedFormulaBox(root);\n\n  for (let attempt = 0; attempt < 4; attempt += 1) {\n    await waitForAnimationFrame(view);\n    const current = readRenderedFormulaBox(root);\n\n    if (previous && current && areSvgBoxesClose(previous, current)) {\n      return;\n    }\n\n    previous = current;\n  }\n}\n\nfunction readRenderedFormulaBox(root: HTMLElement): SvgBox | null {\n  const svg = findKityFormulaSvg(root);\n\n  if (!svg) {\n    return null;\n  }\n\n  return readRenderedFormulaSvgBox(svg);\n}\n\nfunction areSvgBoxesClose(left: SvgBox, right: SvgBox): boolean {\n  return Math.abs(left.x - right.x) < 0.01\n    && Math.abs(left.y - right.y) < 0.01\n    && Math.abs(left.width - right.width) < 0.01\n    && Math.abs(left.height - right.height) < 0.01;\n}\n"],"mappings":"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","names":["import_renderer"]}
+{"version":3,"sources":["../src/index.ts","../src/renderer.ts","../src/dom.ts","../src/serialize.ts"],"sourcesContent":["export type { KityFormulaRenderOptions } from './types';\n\nexport {\n  createKityFormulaRenderer,\n  renderLatexToSvgMarkup,\n} from './renderer';\n\nexport {\n  findKityFormulaSvg,\n  serializeKityFormulaFromRoot,\n  waitForKityFormulaSvgLayout,\n} from './serialize';\n","import {\n  createFormulaRenderCacheKey,\n  type FormulaRenderer,\n  type FormulaRenderResult,\n} from '@formulaxjs/renderer';\nimport { mountKityEditor, type KityEditorAssets } from '@formulaxjs/kity-runtime';\nimport { createHiddenRenderHost } from './dom';\nimport {\n  serializeKityFormulaFromRoot,\n  waitForKityFormulaSvgLayout,\n} from './serialize';\nimport type { KityFormulaRenderOptions } from './types';\n\nconst renderCache = new Map<string, Promise<FormulaRenderResult>>();\n\nfunction hasCustomAssetOverrides(assets?: Partial<KityEditorAssets>): boolean {\n  return Boolean(assets && Object.keys(assets).length > 0);\n}\n\nexport function createKityFormulaRenderer(\n  defaults: KityFormulaRenderOptions = {},\n): FormulaRenderer {\n  return {\n    renderLatex(latex, options = {}) {\n      return renderLatexToSvgMarkup(latex, {\n        ...defaults,\n        ...options,\n      });\n    },\n  };\n}\n\nexport function renderLatexToSvgMarkup(\n  latex: string,\n  options: KityFormulaRenderOptions = {},\n): Promise<FormulaRenderResult> {\n  const normalizedLatex = latex.trim();\n  const shouldUseCache = options.cache !== false\n    && !(hasCustomAssetOverrides(options.assets) && !options.assetCacheKey);\n\n  if (!normalizedLatex) {\n    return Promise.resolve({\n      engine: 'kity',\n      output: 'svg',\n      latex: normalizedLatex,\n      html: '',\n    });\n  }\n\n  const cacheKey = createFormulaRenderCacheKey({\n    engine: 'kity',\n    latex: normalizedLatex,\n    output: 'svg',\n    fontSize: options.fontSize,\n    displayMode: options.displayMode,\n    className: options.className,\n    assetCacheKey: options.assetCacheKey,\n  });\n\n  if (shouldUseCache) {\n    const cached = renderCache.get(cacheKey);\n    if (cached) {\n      return cached;\n    }\n  }\n\n  const pending = renderLatexToSvgMarkupUncached(normalizedLatex, options);\n\n  if (shouldUseCache) {\n    renderCache.set(cacheKey, pending);\n    pending.catch(() => {\n      if (renderCache.get(cacheKey) === pending) {\n        renderCache.delete(cacheKey);\n      }\n    });\n  }\n\n  return pending;\n}\n\nasync function renderLatexToSvgMarkupUncached(\n  latex: string,\n  options: KityFormulaRenderOptions,\n): Promise<FormulaRenderResult> {\n  if (typeof document === 'undefined') {\n    throw new Error('Kity renderer requires a browser document.');\n  }\n\n  const host = createHiddenRenderHost(document);\n  const handle = await mountKityEditor(host, {\n    initialLatex: latex,\n    height: options.height ?? '100%',\n    autofocus: false,\n    assets: options.assets,\n    render: {\n      fontsize: options.fontSize ?? 40,\n    },\n  });\n\n  try {\n    await waitForKityFormulaSvgLayout(host);\n\n    return {\n      engine: 'kity',\n      output: 'svg',\n      latex,\n      html: serializeKityFormulaFromRoot(host),\n    };\n  } finally {\n    handle.destroy();\n    host.remove();\n  }\n}\n","export function createHiddenRenderHost(doc: Document = document): HTMLElement {\n  const host = doc.createElement('div');\n\n  host.style.position = 'fixed';\n  host.style.left = '-100000px';\n  host.style.top = '0';\n  host.style.width = '1px';\n  host.style.height = '1px';\n  host.style.opacity = '0';\n  host.style.pointerEvents = 'none';\n  host.setAttribute('aria-hidden', 'true');\n\n  doc.body.appendChild(host);\n\n  return host;\n}\n\nexport async function waitForDocumentFonts(doc: Document): Promise<void> {\n  if (!doc.fonts?.ready) return;\n\n  try {\n    await doc.fonts.ready;\n  } catch {\n    // Ignore font readiness failures and fall back to frame-based settling.\n  }\n}\n\nexport function waitForAnimationFrame(view: Window): Promise<void> {\n  return new Promise((resolve) => {\n    view.requestAnimationFrame(() => resolve());\n  });\n}\n","import {\n  readRenderedFormulaSvgBox,\n  serializeSvgForInsertion,\n  type SvgBox,\n} from '@formulaxjs/renderer';\nimport { waitForAnimationFrame, waitForDocumentFonts } from './dom';\n\nexport function findKityFormulaSvg(root: HTMLElement): SVGSVGElement | null {\n  return root.querySelector<SVGSVGElement>(\n    '.kf-editor-edit-area svg, .kf-editor-canvas-container svg, svg',\n  );\n}\n\nexport function serializeKityFormulaFromRoot(root: HTMLElement): string {\n  const svg = findKityFormulaSvg(root);\n\n  if (!svg) {\n    return '';\n  }\n\n  return serializeSvgForInsertion(svg);\n}\n\nexport async function waitForKityFormulaSvgLayout(root: HTMLElement): Promise<void> {\n  const doc = root.ownerDocument ?? document;\n  const view = doc.defaultView ?? window;\n\n  await waitForDocumentFonts(doc);\n\n  let previous = readRenderedFormulaBox(root);\n\n  for (let attempt = 0; attempt < 4; attempt += 1) {\n    await waitForAnimationFrame(view);\n    const current = readRenderedFormulaBox(root);\n\n    if (previous && current && areSvgBoxesClose(previous, current)) {\n      return;\n    }\n\n    previous = current;\n  }\n}\n\nfunction readRenderedFormulaBox(root: HTMLElement): SvgBox | null {\n  const svg = findKityFormulaSvg(root);\n\n  if (!svg) {\n    return null;\n  }\n\n  return readRenderedFormulaSvgBox(svg);\n}\n\nfunction areSvgBoxesClose(left: SvgBox, right: SvgBox): boolean {\n  return Math.abs(left.x - right.x) < 0.01\n    && Math.abs(left.y - right.y) < 0.01\n    && Math.abs(left.width - right.width) < 0.01\n    && Math.abs(left.height - right.height) < 0.01;\n}\n"],"mappings":"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","names":["import_renderer"]}

package/dist/index.global.js

@@ -1,9 +1,17 @@
 "use strict";
 var FormulaX = (() => {
+  var __create = Object.create;
   var __defProp = Object.defineProperty;
   var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
   var __getOwnPropNames = Object.getOwnPropertyNames;
+  var __getProtoOf = Object.getPrototypeOf;
   var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+    get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+  }) : x)(function(x) {
+    if (typeof require !== "undefined") return require.apply(this, arguments);
+    throw Error('Dynamic require of "' + x + '" is not supported');
+  });
   var __esm = (fn, res) => function __init() {
     return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
   };
@@ -19,98 +27,42 @@ var FormulaX = (() => {
     }
     return to;
   };
+  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+    // If the importer is in node compatibility mode or this is not an ESM
+    // file that has been converted to a CommonJS file using a Babel-
+    // compatible transform (i.e. "__esModule" has not been set), then set
+    // "default" to the CommonJS "module.exports" for node compatibility.
+    isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+    mod
+  ));
   var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-  // ../kity-runtime/public/assets/images/toolbar/btn.png
-  var btn_default;
-  var init_btn = __esm({
-    "../kity-runtime/public/assets/images/toolbar/btn.png"() {
-      btn_default = "./btn-5DANP6JY.png";
-    }
-  });
-
-  // ../kity-runtime/public/assets/images/toolbar/other.png
-  var other_default;
-  var init_other = __esm({
-    "../kity-runtime/public/assets/images/toolbar/other.png"() {
-      other_default = "./other-OMWJFGL5.png";
-    }
-  });
-
-  // ../kity-runtime/public/assets/styles/editor.css?url
-  var editor_default;
-  var init_editor = __esm({
-    "../kity-runtime/public/assets/styles/editor.css?url"() {
-      editor_default = "./editor-JT5KLVXX.css?url";
-    }
-  });
-
-  // ../kity-runtime/public/resource/KF_AMS_BB.woff
-  var KF_AMS_BB_default;
-  var init_KF_AMS_BB = __esm({
-    "../kity-runtime/public/resource/KF_AMS_BB.woff"() {
-      KF_AMS_BB_default = "./KF_AMS_BB-5QF7FUSO.woff";
-    }
-  });
-
-  // ../kity-runtime/public/resource/KF_AMS_CAL.woff
-  var KF_AMS_CAL_default;
-  var init_KF_AMS_CAL = __esm({
-    "../kity-runtime/public/resource/KF_AMS_CAL.woff"() {
-      KF_AMS_CAL_default = "./KF_AMS_CAL-NXRNLAZN.woff";
-    }
-  });
-
-  // ../kity-runtime/public/resource/KF_AMS_FRAK.woff
-  var KF_AMS_FRAK_default;
-  var init_KF_AMS_FRAK = __esm({
-    "../kity-runtime/public/resource/KF_AMS_FRAK.woff"() {
-      KF_AMS_FRAK_default = "./KF_AMS_FRAK-CO33WWN4.woff";
-    }
-  });
-
-  // ../kity-runtime/public/resource/KF_AMS_MAIN.woff
-  var KF_AMS_MAIN_default;
-  var init_KF_AMS_MAIN = __esm({
-    "../kity-runtime/public/resource/KF_AMS_MAIN.woff"() {
-      KF_AMS_MAIN_default = "./KF_AMS_MAIN-25QJVAWY.woff";
-    }
-  });
-
-  // ../kity-runtime/public/resource/KF_AMS_ROMAN.woff
-  var KF_AMS_ROMAN_default;
-  var init_KF_AMS_ROMAN = __esm({
-    "../kity-runtime/public/resource/KF_AMS_ROMAN.woff"() {
-      KF_AMS_ROMAN_default = "./KF_AMS_ROMAN-243BR7HH.woff";
-    }
-  });
-
   // ../kity-runtime/src/asset-manifest.ts
-  var kityFontAssets, kityToolbarAssets, kityStyleAssets, kityAssetManifest;
+  var import_btn, import_other, import_editor, import_KF_AMS_BB, import_KF_AMS_CAL, import_KF_AMS_FRAK, import_KF_AMS_MAIN, import_KF_AMS_ROMAN, kityFontAssets, kityToolbarAssets, kityStyleAssets, kityAssetManifest;
   var init_asset_manifest = __esm({
     "../kity-runtime/src/asset-manifest.ts"() {
       "use strict";
-      init_btn();
-      init_other();
-      init_editor();
-      init_KF_AMS_BB();
-      init_KF_AMS_CAL();
-      init_KF_AMS_FRAK();
-      init_KF_AMS_MAIN();
-      init_KF_AMS_ROMAN();
+      import_btn = __toESM(__require("./btn.png"), 1);
+      import_other = __toESM(__require("./other.png"), 1);
+      import_editor = __toESM(__require("./editor.css?url"), 1);
+      import_KF_AMS_BB = __toESM(__require("./KF_AMS_BB.woff"), 1);
+      import_KF_AMS_CAL = __toESM(__require("./KF_AMS_CAL.woff"), 1);
+      import_KF_AMS_FRAK = __toESM(__require("./KF_AMS_FRAK.woff"), 1);
+      import_KF_AMS_MAIN = __toESM(__require("./KF_AMS_MAIN.woff"), 1);
+      import_KF_AMS_ROMAN = __toESM(__require("./KF_AMS_ROMAN.woff"), 1);
       kityFontAssets = {
-        KF_AMS_BB: KF_AMS_BB_default,
-        KF_AMS_CAL: KF_AMS_CAL_default,
-        KF_AMS_FRAK: KF_AMS_FRAK_default,
-        KF_AMS_MAIN: KF_AMS_MAIN_default,
-        KF_AMS_ROMAN: KF_AMS_ROMAN_default
+        KF_AMS_BB: import_KF_AMS_BB.default,
+        KF_AMS_CAL: import_KF_AMS_CAL.default,
+        KF_AMS_FRAK: import_KF_AMS_FRAK.default,
+        KF_AMS_MAIN: import_KF_AMS_MAIN.default,
+        KF_AMS_ROMAN: import_KF_AMS_ROMAN.default
       };
       kityToolbarAssets = {
-        btn: btn_default,
-        other: other_default
+        btn: import_btn.default,
+        other: import_other.default
       };
       kityStyleAssets = {
-        editor: editor_default
+        editor: import_editor.default
       };
       kityAssetManifest = {
         fonts: kityFontAssets,
@@ -5079,11 +5031,76 @@ var FormulaX = (() => {
     }
     return DEFAULT_FORMULAX_LOCALE;
   }
-  var DEFAULT_FORMULAX_LOCALE;
+  function translateFormulaXText(namespace, value, locale) {
+    if (locale === "zh_CN") {
+      return value;
+    }
+    const normalizedValue = value.replace(/<br\s*\/?>/gi, "").trim();
+    const translatedValue = FORMULAX_TRANSLATIONS[locale]?.[namespace]?.[normalizedValue];
+    if (!translatedValue) {
+      return value;
+    }
+    const lineBreakMatch = value.match(/<br\s*\/?>/i);
+    if (/<br\s*\/?>/i.test(translatedValue)) {
+      return translatedValue;
+    }
+    return lineBreakMatch ? `${translatedValue}${lineBreakMatch[0]}` : translatedValue;
+  }
+  function getFormulaXRuntimeMessage(key, locale = DEFAULT_FORMULAX_LOCALE) {
+    const normalizedLocale = normalizeFormulaXLocale(locale);
+    return FORMULAX_RUNTIME_MESSAGES[normalizedLocale][key] ?? FORMULAX_RUNTIME_MESSAGES[DEFAULT_FORMULAX_LOCALE][key];
+  }
+  var DEFAULT_FORMULAX_LOCALE, FORMULAX_TRANSLATIONS, FORMULAX_RUNTIME_MESSAGES;
   var init_i18n = __esm({
     "../kity-runtime/src/i18n.ts"() {
       "use strict";
       DEFAULT_FORMULAX_LOCALE = "en_US";
+      FORMULAX_TRANSLATIONS = {
+        en_US: {
+          toolbar: {
+            \u9884\u8BBE: "Presets",
+            \u9884\u8BBE\u516C\u5F0F: "Presets",
+            \u4E8C\u6B21\u516C\u5F0F: "Quadratic",
+            \u4E8C\u9879\u5F0F\u5B9A\u7406: "Binomial",
+            \u52FE\u80A1\u5B9A\u7406: "Pythagorean",
+            \u57FA\u7840\u6570\u5B66: "Basic math",
+            \u5E0C\u814A\u5B57\u6BCD: "Greek",
+            \u6C42\u53CD\u5173\u7CFB\u8FD0\u7B97\u7B26: "Negated operators",
+            \u5B57\u6BCD\u7C7B\u7B26\u53F7: "Letter symbols",
+            \u7BAD\u5934: "Arrows",
+            \u624B\u5199\u4F53: "Script",
+            \u5206\u6570: "Fraction",
+            \u5E38\u7528\u5206\u6570: "Common fractions",
+            \u4E0A\u4E0B\u6807: "Scripts",
+            \u4E0A\u6807\u548C\u4E0B\u6807: "Super/subscripts",
+            \u5E38\u7528\u7684\u4E0A\u6807\u548C\u4E0B\u6807: "Common super/subscripts",
+            \u6839\u5F0F: "Radicals",
+            \u5E38\u7528\u6839\u5F0F: "Common radicals",
+            \u79EF\u5206: "Integrals",
+            \u5927\u578B\u8FD0\u7B97\u7B26: "Large<br/>ops",
+            \u6C42\u548C: "Summations",
+            \u62EC\u53F7: "Brackets",
+            \u65B9\u62EC\u53F7: "Brackets",
+            \u51FD\u6570: "Functions",
+            \u4E09\u89D2\u51FD\u6570: "Trig functions",
+            \u5E38\u7528\u51FD\u6570: "Common functions",
+            \u5C0F\u5199: "Lowercase",
+            \u5927\u5199: "Uppercase",
+            \u53D8\u4F53: "Variants",
+            \u82B1\u4F53: "Fraktur",
+            \u53CC\u7EBF: "Double-struck",
+            \u7F57\u9A6C: "Roman"
+          }
+        }
+      };
+      FORMULAX_RUNTIME_MESSAGES = {
+        en_US: {
+          "editor.placeholder.root": "Type formula here"
+        },
+        zh_CN: {
+          "editor.placeholder.root": "\u8BF7\u8F93\u5165\u516C\u5F0F"
+        }
+      };
     }
   });
 
@@ -14980,8 +14997,8 @@ var FormulaX = (() => {
     }
     return serviceObject;
   }
-  var defaultOptions, components, kity2, kf, KFEditor, editor_default2;
-  var init_editor2 = __esm({
+  var defaultOptions, components, kity2, kf, KFEditor, editor_default;
+  var init_editor = __esm({
     "../kity-runtime/src/legacy/editor.ts"() {
       "use strict";
       init_legacy_utils();
@@ -15092,7 +15109,7 @@ var FormulaX = (() => {
           components[name] = component;
         }
       });
-      editor_default2 = KFEditor;
+      editor_default = KFEditor;
     }
   });
 
@@ -15101,13 +15118,13 @@ var FormulaX = (() => {
   var init_factory = __esm({
     "../kity-runtime/src/legacy/factory.ts"() {
       "use strict";
-      init_editor2();
+      init_editor();
       init_runtime_interop();
       EditorWrapper = class {
         callbacks = [];
         editor;
         constructor(container, options) {
-          this.editor = new editor_default2(container, options);
+          this.editor = new editor_default(container, options);
           this.editor.ready(() => {
             this.trigger();
           });
@@ -16675,6 +16692,7 @@ var FormulaX = (() => {
         to: "\u2192",
         downarrow: "\u2193",
         leftrightarrow: "\u2194",
+        updownarrow: "\u2195",
         therefore: "\u2234",
         because: "\u2235",
         "+": "+",
@@ -16791,7 +16809,7 @@ var FormulaX = (() => {
         Uparrow: "\u21D1",
         Downarrow: "\u21D3",
         Leftrightarrow: "\u21D4",
-        Updownarrow: "\u21F3",
+        Updownarrow: "\u21D5",
         longleftarrow: "\u27F5",
         longrightarrow: "\u27F6",
         longleftrightarrow: "\u27F7",
@@ -16859,16 +16877,7 @@ var FormulaX = (() => {
     Object.keys(list).forEach((key) => callback(list[key], key));
   }
   function translateToolbarText(value, locale) {
-    if (locale === "zh_CN") {
-      return value;
-    }
-    const normalizedValue = value.replace(/<br\s*\/?>/gi, "").trim();
-    const translatedValue = zhCnToEnUsText.get(normalizedValue);
-    if (!translatedValue) {
-      return value;
-    }
-    const lineBreakMatch = value.match(/<br\s*\/?>/i);
-    return lineBreakMatch ? `${translatedValue}${lineBreakMatch[0]}` : translatedValue;
+    return translateFormulaXText("toolbar", value, locale);
   }
   function localizeToolbarConfig(value, locale) {
     if (Array.isArray(value)) {
@@ -16912,7 +16921,7 @@ var FormulaX = (() => {
       normalizeFormulaXLocale(locale)
     );
   }
-  var UI_ELE_TYPE, BOX_TYPE2, OTHER_POSITION, zhCnToEnUsText, baseToolbarConfig, toolbar_config_default;
+  var UI_ELE_TYPE, BOX_TYPE2, OTHER_POSITION, baseToolbarConfig, toolbar_config_default;
   var init_toolbar_config = __esm({
     "../kity-runtime/src/legacy/toolbar-config.ts"() {
       "use strict";
@@ -16925,40 +16934,6 @@ var FormulaX = (() => {
       UI_ELE_TYPE = legacyEleType;
       BOX_TYPE2 = legacyBoxType;
       OTHER_POSITION = legacyOtherPosition;
-      zhCnToEnUsText = /* @__PURE__ */ new Map([
-        ["\u9884\u8BBE", "Presets"],
-        ["\u9884\u8BBE\u516C\u5F0F", "Preset formulas"],
-        ["\u4E8C\u6B21\u516C\u5F0F", "Quadratic formula"],
-        ["\u4E8C\u9879\u5F0F\u5B9A\u7406", "Binomial theorem"],
-        ["\u52FE\u80A1\u5B9A\u7406", "Pythagorean theorem"],
-        ["\u57FA\u7840\u6570\u5B66", "Basic math"],
-        ["\u5E0C\u814A\u5B57\u6BCD", "Greek letters"],
-        ["\u6C42\u53CD\u5173\u7CFB\u8FD0\u7B97\u7B26", "Negated operators"],
-        ["\u5B57\u6BCD\u7C7B\u7B26\u53F7", "Letter-like symbols"],
-        ["\u7BAD\u5934", "Arrows"],
-        ["\u624B\u5199\u4F53", "Script"],
-        ["\u5206\u6570", "Fraction"],
-        ["\u5E38\u7528\u5206\u6570", "Common fractions"],
-        ["\u4E0A\u4E0B\u6807", "Scripts"],
-        ["\u4E0A\u6807\u548C\u4E0B\u6807", "Superscripts and subscripts"],
-        ["\u5E38\u7528\u7684\u4E0A\u6807\u548C\u4E0B\u6807", "Common superscripts and subscripts"],
-        ["\u6839\u5F0F", "Radicals"],
-        ["\u5E38\u7528\u6839\u5F0F", "Common radicals"],
-        ["\u79EF\u5206", "Integrals"],
-        ["\u5927\u578B\u8FD0\u7B97\u7B26", "Large operators"],
-        ["\u6C42\u548C", "Summations"],
-        ["\u62EC\u53F7", "Brackets"],
-        ["\u65B9\u62EC\u53F7", "Brackets"],
-        ["\u51FD\u6570", "Functions"],
-        ["\u4E09\u89D2\u51FD\u6570", "Trigonometric functions"],
-        ["\u5E38\u7528\u51FD\u6570", "Common functions"],
-        ["\u5C0F\u5199", "Lowercase"],
-        ["\u5927\u5199", "Uppercase"],
-        ["\u53D8\u4F53", "Variants"],
-        ["\u82B1\u4F53", "Fraktur"],
-        ["\u53CC\u7EBF", "Double-struck"],
-        ["\u7F57\u9A6C", "Roman"]
-      ]);
       baseToolbarConfig = [{
         type: UI_ELE_TYPE.DRAPDOWN_BOX,
         options: {
@@ -18189,6 +18164,9 @@ var FormulaX = (() => {
       operand: []
     };
   }
+  function getRootPlaceholderText() {
+    return legacySysconf.rootPlaceholder.content;
+  }
   function processRootGroup(parser, tree) {
     if (!parser.isResetId) {
       tree.attr["data-type"] = legacyGroupType.VIRTUAL;
@@ -18236,7 +18214,7 @@ var FormulaX = (() => {
     if (isRoot) {
       processRootGroup(parser, tree);
     } else if (parentTree?.attr?.["data-root"] && tree.name === "placeholder" && onlyPlaceholder(parentTree.operand)) {
-      tree.attr.label = ROOT_P_TEXT;
+      tree.attr.label = getRootPlaceholderText();
     }
     for (let i2 = 0; i2 < tree.operand.length; i2 += 1) {
       const currentOperand = tree.operand[i2];
@@ -18248,7 +18226,7 @@ var FormulaX = (() => {
     }
     return tree;
   }
-  var CURSOR_CHAR, ROOT_P_TEXT, COMBINATION_NAME, PID_PREFIX, pidSeed, kity14, kf5, BaseComponent, Parser, parser_default;
+  var CURSOR_CHAR, COMBINATION_NAME, PID_PREFIX, pidSeed, kity14, kf5, BaseComponent, Parser, parser_default;
   var init_parser = __esm({
     "../kity-runtime/src/legacy/parser.ts"() {
       "use strict";
@@ -18259,7 +18237,6 @@ var FormulaX = (() => {
       init_kf_ext_extension();
       init_vgroup_def();
       CURSOR_CHAR = legacySysconf.cursorCharacter;
-      ROOT_P_TEXT = legacySysconf.rootPlaceholder.content;
       COMBINATION_NAME = "combination";
       PID_PREFIX = "_kf_editor_";
       pidSeed = 0;
@@ -20139,26 +20116,26 @@ var FormulaX = (() => {
   var start_exports = {};
   __export(start_exports, {
     Factory: () => factory_default,
-    KFEditor: () => editor_default2,
+    KFEditor: () => editor_default,
     default: () => start_default,
     installKityEditorStart: () => installKityEditorStart
   });
   function installKityEditorStart(target = window) {
     const runtimeTarget = target;
     if (!installed3) {
-      editor_default2.registerComponents("ui", ui_default);
-      editor_default2.registerComponents("parser", parser_default);
-      editor_default2.registerComponents("render", render_default);
-      editor_default2.registerComponents("position", position_default);
-      editor_default2.registerComponents("syntax", syntax_default);
-      editor_default2.registerComponents("control", controller_default);
-      editor_default2.registerComponents("print", printer_default);
+      editor_default.registerComponents("ui", ui_default);
+      editor_default.registerComponents("parser", parser_default);
+      editor_default.registerComponents("render", render_default);
+      editor_default.registerComponents("position", position_default);
+      editor_default.registerComponents("syntax", syntax_default);
+      editor_default.registerComponents("control", controller_default);
+      editor_default.registerComponents("print", printer_default);
       installed3 = true;
     }
     runtimeTarget.kf = runtimeTarget.kf ?? {};
     runtimeTarget.kf.EditorFactory = factory_default;
     return {
-      KFEditor: editor_default2,
+      KFEditor: editor_default,
       Factory: factory_default
     };
   }
@@ -20166,7 +20143,7 @@ var FormulaX = (() => {
   var init_start = __esm({
     "../kity-runtime/src/boot/start.ts"() {
       "use strict";
-      init_editor2();
+      init_editor();
       init_factory();
       init_ui();
       init_parser();
@@ -20199,7 +20176,7 @@ var FormulaX = (() => {
       fontSize: input.fontSize,
       displayMode: input.displayMode,
       className: input.className,
-      assetsVersion: input.assetsVersion
+      assetCacheKey: input.assetCacheKey
     });
   }
 
@@ -24104,6 +24081,7 @@ var FormulaX = (() => {
     const locale = normalizeFormulaXLocale(options.locale ?? DEFAULT_FORMULAX_LOCALE);
     const assets = resolveEditorAssets(options.assets);
     try {
+      legacySysconf.rootPlaceholder.content = getFormulaXRuntimeMessage("editor.placeholder.root", locale);
       const stylesheetInserted = ensureKityStylesheet(document, assets.styles.editor);
       if (stylesheetInserted) {
         const stylesheetInsertedMark = markFormulaXPerf("fx:kity-css:link-inserted");
@@ -24317,7 +24295,7 @@ var FormulaX = (() => {
   }
   function renderLatexToSvgMarkup(latex, options = {}) {
     const normalizedLatex = latex.trim();
-    const shouldUseCache = options.cache !== false && !(hasCustomAssetOverrides(options.assets) && !options.assetsVersion);
+    const shouldUseCache = options.cache !== false && !(hasCustomAssetOverrides(options.assets) && !options.assetCacheKey);
     if (!normalizedLatex) {
       return Promise.resolve({
         engine: "kity",
@@ -24333,7 +24311,7 @@ var FormulaX = (() => {
       fontSize: options.fontSize,
       displayMode: options.displayMode,
       className: options.className,
-      assetsVersion: options.assetsVersion
+      assetCacheKey: options.assetCacheKey
     });
     if (shouldUseCache) {
       const cached = renderCache.get(cacheKey);