@formulaxjs/kity-runtime 0.2.0 → 0.4.0

package/dist/index.global.js

@@ -21,6 +21,105 @@ var FormulaX = (() => {
   };
   var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
+  // public/assets/images/toolbar/btn.png
+  var btn_default;
+  var init_btn = __esm({
+    "public/assets/images/toolbar/btn.png"() {
+      btn_default = "./btn-5DANP6JY.png";
+    }
+  });
+
+  // public/assets/images/toolbar/other.png
+  var other_default;
+  var init_other = __esm({
+    "public/assets/images/toolbar/other.png"() {
+      other_default = "./other-OMWJFGL5.png";
+    }
+  });
+
+  // public/assets/styles/editor.css?url
+  var editor_default;
+  var init_editor = __esm({
+    "public/assets/styles/editor.css?url"() {
+      editor_default = "./editor-JT5KLVXX.css?url";
+    }
+  });
+
+  // public/resource/KF_AMS_BB.woff
+  var KF_AMS_BB_default;
+  var init_KF_AMS_BB = __esm({
+    "public/resource/KF_AMS_BB.woff"() {
+      KF_AMS_BB_default = "./KF_AMS_BB-5QF7FUSO.woff";
+    }
+  });
+
+  // public/resource/KF_AMS_CAL.woff
+  var KF_AMS_CAL_default;
+  var init_KF_AMS_CAL = __esm({
+    "public/resource/KF_AMS_CAL.woff"() {
+      KF_AMS_CAL_default = "./KF_AMS_CAL-NXRNLAZN.woff";
+    }
+  });
+
+  // public/resource/KF_AMS_FRAK.woff
+  var KF_AMS_FRAK_default;
+  var init_KF_AMS_FRAK = __esm({
+    "public/resource/KF_AMS_FRAK.woff"() {
+      KF_AMS_FRAK_default = "./KF_AMS_FRAK-CO33WWN4.woff";
+    }
+  });
+
+  // public/resource/KF_AMS_MAIN.woff
+  var KF_AMS_MAIN_default;
+  var init_KF_AMS_MAIN = __esm({
+    "public/resource/KF_AMS_MAIN.woff"() {
+      KF_AMS_MAIN_default = "./KF_AMS_MAIN-25QJVAWY.woff";
+    }
+  });
+
+  // public/resource/KF_AMS_ROMAN.woff
+  var KF_AMS_ROMAN_default;
+  var init_KF_AMS_ROMAN = __esm({
+    "public/resource/KF_AMS_ROMAN.woff"() {
+      KF_AMS_ROMAN_default = "./KF_AMS_ROMAN-243BR7HH.woff";
+    }
+  });
+
+  // src/asset-manifest.ts
+  var kityFontAssets, kityToolbarAssets, kityStyleAssets, kityAssetManifest;
+  var init_asset_manifest = __esm({
+    "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();
+      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
+      };
+      kityToolbarAssets = {
+        btn: btn_default,
+        other: other_default
+      };
+      kityStyleAssets = {
+        editor: editor_default
+      };
+      kityAssetManifest = {
+        fonts: kityFontAssets,
+        toolbar: kityToolbarAssets,
+        styles: kityStyleAssets
+      };
+    }
+  });
+
   // src/vendor/legacy-box-type.ts
   var legacyBoxType;
   var init_legacy_box_type = __esm({
@@ -4919,28 +5018,30 @@ var FormulaX = (() => {
 
   // src/vendor/legacy-ui-utils.ts
   function createLegacyUiUtils() {
-    return {
-      ele: createElement,
-      getRectBox,
-      on(target, type, fn) {
-        addEvent(target, type, fn);
-        return this;
-      },
-      delegate(target, selector, type, fn) {
-        delegateEvent(target, selector, type, fn);
-        return this;
-      },
-      publish(topic, ...args) {
-        publish(topic, ...args);
-      },
-      subscribe,
-      getClassList
-    };
+    return legacyUiUtils;
   }
+  var legacyUiUtils;
   var init_legacy_ui_utils = __esm({
     "src/vendor/legacy-ui-utils.ts"() {
       "use strict";
       init_dom_utils();
+      legacyUiUtils = {
+        ele: createElement,
+        getRectBox,
+        on(target, type, fn) {
+          addEvent(target, type, fn);
+          return this;
+        },
+        delegate(target, selector, type, fn) {
+          delegateEvent(target, selector, type, fn);
+          return this;
+        },
+        publish(topic, ...args) {
+          publish(topic, ...args);
+        },
+        subscribe,
+        getClassList
+      };
     }
   });
 
@@ -4963,7 +5064,27 @@ var FormulaX = (() => {
   var init_toolbar_assets = __esm({
     "src/toolbar-assets.ts"() {
       "use strict";
-      toolbarAssetFileMap = {};
+      init_asset_manifest();
+      toolbarAssetFileMap = {
+        "btn.png": kityToolbarAssets.btn,
+        "other.png": kityToolbarAssets.other
+      };
+    }
+  });
+
+  // src/i18n.ts
+  function normalizeFormulaXLocale(locale) {
+    if (locale === "zh_CN") {
+      return "zh_CN";
+    }
+    return DEFAULT_FORMULAX_LOCALE;
+  }
+  var FORMULAX_LOCALES, DEFAULT_FORMULAX_LOCALE;
+  var init_i18n = __esm({
+    "src/i18n.ts"() {
+      "use strict";
+      FORMULAX_LOCALES = ["en_US", "zh_CN"];
+      DEFAULT_FORMULAX_LOCALE = "en_US";
     }
   });
 
@@ -5852,14 +5973,11 @@ var FormulaX = (() => {
                 count += 1;
                 fontInfo.meta.src = resolveFontSource(this.fonts, this.resource, fontInfo.meta.src);
                 this.createFontStyle(fontInfo);
-                preloadFont(this.doc, fontInfo).then(() => {
-                  applyFonts(this.doc, fontInfo);
-                }).catch(() => void 0).finally(() => {
-                  count -= 1;
-                  if (count === 0) {
-                    complete(this.doc, callback);
-                  }
-                });
+                applyFonts(this.doc, fontInfo);
+                count -= 1;
+                if (count === 0) {
+                  complete(this.doc, callback);
+                }
               });
             },
             createFontStyle: function(fontInfo) {
@@ -5870,13 +5988,6 @@ var FormulaX = (() => {
               this.doc.head.appendChild(stylesheet);
             }
           });
-          function preloadFont(doc, fontInfo) {
-            const view = doc.defaultView ?? window;
-            if (view.fetch) {
-              return view.fetch(fontInfo.meta.src, { method: "GET" }).then(() => void 0);
-            }
-            return Promise.resolve();
-          }
           function resolveFontSource(fonts, resourceBase, originalSrc) {
             const directMatch = fonts[originalSrc];
             if (directMatch) {
@@ -6034,11 +6145,11 @@ var FormulaX = (() => {
         bg;
         exp;
         config;
-        constructor(kity26, exp, config2) {
+        constructor(kity26, exp, config) {
           this.wrap = new kity26.Group();
           this.bg = new kity26.Rect(0, 0, 0, 0).fill("transparent");
           this.exp = exp;
-          this.config = config2;
+          this.config = config;
           this.wrap.setAttr("data-type", "kf-exp-wrap");
           this.bg.setAttr("data-type", "kf-exp-wrap-bg");
           this.wrap.addShape(this.bg);
@@ -6067,14 +6178,14 @@ var FormulaX = (() => {
         static create(kity26, GTYPE2, FontManager, FontInstaller, FPaper, Output) {
           const Formula = kity26.createClass("Formula", {
             base: FPaper,
-            constructor: function(container, config2) {
+            constructor: function(container, config) {
               if (this.__FORMULAX_PRESERVE_CALL_BASE__) {
                 this.callBase(container);
               }
               FPaper.call(this, container);
               this.expressions = [];
               this.fontInstaller = new FontInstaller(this);
-              this.config = kity26.Utils.extend({}, DEFAULT_OPTIONS, config2);
+              this.config = kity26.Utils.extend({}, DEFAULT_OPTIONS, config);
               this.initEnvironment();
               this.initInnerFont();
             },
@@ -13539,7 +13650,7 @@ var FormulaX = (() => {
       value: function() {
         const kf7 = window2.kf;
         const CONSTRUCT_MAPPING = {};
-        const CURSOR_CHAR3 = "\uF155";
+        const CURSOR_CHAR4 = "\uF155";
         class Assembly {
           formula;
           constructor(formula) {
@@ -13576,7 +13687,7 @@ var FormulaX = (() => {
           if (tree.name.indexOf("text") === -1) {
             for (let i2 = 0, len = operand.length; i2 < len; i2 += 1) {
               currentOperand = operand[i2];
-              if (currentOperand === CURSOR_CHAR3) {
+              if (currentOperand === CURSOR_CHAR4) {
                 cursorLocation.push(i2);
                 if (!Object.prototype.hasOwnProperty.call(selectInfo, "startOffset")) {
                   selectInfo.startOffset = i2;
@@ -14871,7 +14982,7 @@ var FormulaX = (() => {
     return serviceObject;
   }
   var defaultOptions, components, kity2, kf, KFEditor, editor_default2;
-  var init_editor = __esm({
+  var init_editor2 = __esm({
     "src/legacy/editor.ts"() {
       "use strict";
       init_legacy_utils();
@@ -14991,7 +15102,7 @@ var FormulaX = (() => {
   var init_factory = __esm({
     "src/legacy/factory.ts"() {
       "use strict";
-      init_editor();
+      init_editor2();
       init_runtime_interop();
       EditorWrapper = class {
         callbacks = [];
@@ -16748,6 +16859,35 @@ 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;
+  }
+  function localizeToolbarConfig(value, locale) {
+    if (Array.isArray(value)) {
+      return value.map((item) => localizeToolbarConfig(item, locale));
+    }
+    if (!value || typeof value !== "object") {
+      return value;
+    }
+    const result = {};
+    for (const [key, currentValue] of Object.entries(value)) {
+      if ((key === "label" || key === "title") && typeof currentValue === "string") {
+        result[key] = translateToolbarText(currentValue, locale);
+        continue;
+      }
+      result[key] = localizeToolbarConfig(currentValue, locale);
+    }
+    return result;
+  }
   function getUnicodeContents(keySet) {
     let result = [];
     each(keySet, function(key) {
@@ -16767,7 +16907,13 @@ var FormulaX = (() => {
     });
     return result;
   }
-  var UI_ELE_TYPE, BOX_TYPE2, OTHER_POSITION, config, toolbar_config_default;
+  function createToolbarConfig(locale = DEFAULT_FORMULAX_LOCALE) {
+    return localizeToolbarConfig(
+      baseToolbarConfig,
+      normalizeFormulaXLocale(locale)
+    );
+  }
+  var UI_ELE_TYPE, BOX_TYPE2, OTHER_POSITION, zhCnToEnUsText, baseToolbarConfig, toolbar_config_default;
   var init_toolbar_config = __esm({
     "src/legacy/toolbar-config.ts"() {
       "use strict";
@@ -16776,10 +16922,45 @@ var FormulaX = (() => {
       init_other_position();
       init_toolbar_assets();
       init_formula_symbols();
+      init_i18n();
       UI_ELE_TYPE = legacyEleType;
       BOX_TYPE2 = legacyBoxType;
       OTHER_POSITION = legacyOtherPosition;
-      config = [{
+      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: {
           button: {
@@ -17185,7 +17366,7 @@ var FormulaX = (() => {
       }];
       (function() {
         let tmp = [], otherImageSrc = resolveToolbarAssetPath("other.png"), currentConf = [];
-        each(config, function(conf) {
+        each(baseToolbarConfig, function(conf) {
           if (conf.type === UI_ELE_TYPE.DELIMITER) {
             return;
           }
@@ -17257,7 +17438,7 @@ var FormulaX = (() => {
           "aleph",
           "beth",
           "blacksquare"
-        ], configList = config[2].options.box.group[0].items;
+        ], configList = baseToolbarConfig[2].options.box.group[0].items;
         configList.push({
           title: "\u57FA\u7840\u6570\u5B66",
           content: getUnicodeContents(list)
@@ -17273,7 +17454,7 @@ var FormulaX = (() => {
         }, {
           title: "\u53D8\u4F53",
           values: ["digamma", "varepsilon", "varkappa", "varphi", "varpi", "varrho", "varsigma", "vartheta"]
-        }], greekConfigList = config[2].options.box.group[1].items;
+        }], greekConfigList = baseToolbarConfig[2].options.box.group[1].items;
         greekConfigList.push({
           title: greekList[0].title,
           content: getUnicodeContents(greekList[0].values)
@@ -17322,7 +17503,7 @@ var FormulaX = (() => {
             "nVDash",
             "nexists"
           ]
-        }], greekConfigList = config[2].options.box.group[2].items;
+        }], greekConfigList = baseToolbarConfig[2].options.box.group[2].items;
         greekConfigList.push({
           title: greekList[0].title,
           content: getUnicodeContents(greekList[0].values)
@@ -17348,7 +17529,7 @@ var FormulaX = (() => {
           "Game",
           "Im",
           "Re"
-        ], configList = config[2].options.box.group[3].items;
+        ], configList = baseToolbarConfig[2].options.box.group[3].items;
         configList.push({
           title: "\u5B57\u6BCD\u7C7B\u7B26\u53F7",
           content: getUnicodeContents(list)
@@ -17416,7 +17597,7 @@ var FormulaX = (() => {
           "twoheadleftarrow",
           "twoheadrightarrow",
           "rightsquigarrow"
-        ], configList = config[2].options.box.group[4].items;
+        ], configList = baseToolbarConfig[2].options.box.group[4].items;
         configList.push({
           title: "\u7BAD\u5934",
           content: getUnicodeContents(list)
@@ -17595,7 +17776,7 @@ var FormulaX = (() => {
             "y",
             "z"
           ]
-        }], configList = config[2].options.box.group[5].items;
+        }], configList = baseToolbarConfig[2].options.box.group[5].items;
         each(list[0].values, function(item, index) {
           list[0].values[index] = "mathcal{" + item + "}";
         });
@@ -17625,7 +17806,7 @@ var FormulaX = (() => {
           content: getUnicodeContents(list[3].values)
         });
       })();
-      toolbar_config_default = config;
+      toolbar_config_default = createToolbarConfig;
     }
   });
 
@@ -17668,6 +17849,7 @@ var FormulaX = (() => {
       init_toolbar();
       init_scrollbar();
       init_toolbar_config();
+      init_i18n();
       $$8 = createLegacyUiUtils();
       VIEW_STATE = legacyUiDef.VIEW_STATE;
       DEFAULT_EDIT_AREA_HEIGHT = 100;
@@ -17698,7 +17880,8 @@ var FormulaX = (() => {
           this.initScrollEvent();
         },
         initComponents() {
-          this.components.toolbar = new toolbar_default(this, this.kfEditor, toolbar_config_default);
+          const toolbarConfig = toolbar_config_default(normalizeFormulaXLocale(this.options.locale));
+          this.components.toolbar = new toolbar_default(this, this.kfEditor, toolbarConfig);
           this.components.scrollbar = new scrollbar_default(this, this.kfEditor);
         },
         updateContainerSize(container, toolbar, editArea) {
@@ -18965,6 +19148,21 @@ var FormulaX = (() => {
   });
 
   // src/legacy/syntax.ts
+  function clampOffset(offset, maxOffset) {
+    return Math.max(0, Math.min(offset, maxOffset));
+  }
+  function normalizeCursorRecord(objTree, cursor) {
+    const fallbackGroupId = objTree.mapping.root.strGroup.attr.id;
+    const targetGroupId = cursor.groupId && objTree.mapping[cursor.groupId] ? cursor.groupId : fallbackGroupId;
+    const operandCount = objTree.mapping[targetGroupId].strGroup.operand.length;
+    const startOffset = clampOffset(cursor.startOffset, operandCount);
+    const endOffset = clampOffset(cursor.endOffset, operandCount);
+    return {
+      groupId: targetGroupId,
+      startOffset: Math.min(startOffset, endOffset),
+      endOffset: Math.max(startOffset, endOffset)
+    };
+  }
   var CURSOR_CHAR2, kity19, SyntaxComponent, syntax_default;
   var init_syntax = __esm({
     "src/legacy/syntax.ts"() {
@@ -19025,10 +19223,14 @@ var FormulaX = (() => {
         },
         updateObjTree(objTree) {
           const selectInfo = objTree.select;
+          this.objTree = objTree;
           if (selectInfo?.groupId) {
             this.updateCursor(selectInfo.groupId, selectInfo.startOffset, selectInfo.endOffset);
+            return;
+          }
+          if (this.record.cursor.groupId !== null) {
+            this.record.cursor = normalizeCursorRecord(objTree, this.record.cursor);
           }
-          this.objTree = objTree;
         },
         hasCursorInfo() {
           return this.record.cursor.groupId !== null;
@@ -19074,7 +19276,8 @@ var FormulaX = (() => {
           return this.objTree;
         },
         getGroupObject(id) {
-          return this.objTree.mapping[id].objGroup || null;
+          const groupInfo = this.objTree.mapping[id];
+          return groupInfo ? groupInfo.objGroup : null;
         },
         getCursorRecord() {
           return kity19.Utils.extend({}, this.record.cursor);
@@ -19150,7 +19353,7 @@ var FormulaX = (() => {
           return this.hasRootplaceholder();
         },
         serialization() {
-          const cursor = this.record.cursor;
+          const cursor = normalizeCursorRecord(this.objTree, this.record.cursor);
           const objGroup = this.objTree.mapping[cursor.groupId];
           const curStrGroup = objGroup.strGroup;
           let strStartIndex = Math.min(cursor.endOffset, cursor.startOffset);
@@ -19186,11 +19389,12 @@ var FormulaX = (() => {
             endOffset = startOffset;
             startOffset = tmp;
           }
-          this.record.cursor = {
+          const nextCursor = {
             groupId,
             startOffset,
             endOffset
           };
+          this.record.cursor = this.objTree ? normalizeCursorRecord(this.objTree, nextCursor) : nextCursor;
         },
         leftMove() {
           this.components.move.leftMove();
@@ -19231,12 +19435,20 @@ var FormulaX = (() => {
   });
 
   // src/legacy/input.ts
-  var KEY_CODE, kity20, InputComponent, input_default;
+  function insertCursorMarkers(value, selectionStart, selectionEnd) {
+    const normalizedStart = Math.max(0, Math.min(selectionStart ?? value.length, value.length));
+    const normalizedEnd = Math.max(0, Math.min(selectionEnd ?? normalizedStart, value.length));
+    const rangeStart = Math.min(normalizedStart, normalizedEnd);
+    const rangeEnd = Math.max(normalizedStart, normalizedEnd);
+    return value.slice(0, rangeStart) + CURSOR_CHAR3 + value.slice(rangeStart, rangeEnd) + CURSOR_CHAR3 + value.slice(rangeEnd);
+  }
+  var KEY_CODE, CURSOR_CHAR3, kity20, InputComponent, input_default;
   var init_input = __esm({
     "src/legacy/input.ts"() {
       "use strict";
       init_legacy_utils();
       init_legacy_input_filter();
+      init_legacy_sysconf();
       init_runtime_interop();
       KEY_CODE = {
         LEFT: 37,
@@ -19244,6 +19456,7 @@ var FormulaX = (() => {
         DELETE: 8,
         INPUT: 229
       };
+      CURSOR_CHAR3 = legacySysconf.cursorCharacter;
       kity20 = getLegacyKity();
       InputComponent = kity20.createClass("InputComponent", {
         constructor(parentComponent, kfEditor) {
@@ -19416,7 +19629,12 @@ var FormulaX = (() => {
           return `${e.shiftKey ? "s+" : ""}${e.keyCode}`;
         },
         processingInput() {
-          this.restruct(this.inputBox.value);
+          const latexWithCursor = insertCursorMarkers(
+            this.inputBox.value,
+            this.inputBox.selectionStart,
+            this.inputBox.selectionEnd
+          );
+          this.restruct(latexWithCursor);
           this.kfEditor.requestService("ui.update.canvas.view");
         },
         restruct(latexStr) {
@@ -19949,7 +20167,7 @@ var FormulaX = (() => {
   var init_start = __esm({
     "src/boot/start.ts"() {
       "use strict";
-      init_editor();
+      init_editor2();
       init_factory();
       init_ui();
       init_parser();
@@ -19966,6 +20184,8 @@ var FormulaX = (() => {
   // src/index.ts
   var index_exports = {};
   __export(index_exports, {
+    DEFAULT_FORMULAX_LOCALE: () => DEFAULT_FORMULAX_LOCALE,
+    FORMULAX_LOCALES: () => FORMULAX_LOCALES,
     FormulaXEditor: () => FormulaXEditor,
     addEvent: () => addEvent,
     createElement: () => createElement,
@@ -19993,58 +20213,17 @@ var FormulaX = (() => {
     legacyKfExtDef: () => legacyKfExtDef,
     legacySysconf: () => legacySysconf,
     legacyUiDef: () => legacyUiDef,
+    legacyUiUtils: () => legacyUiUtils,
     mountKityEditor: () => mountKityEditor,
+    normalizeFormulaXLocale: () => normalizeFormulaXLocale,
     normalizeMouseEvent: () => normalizeMouseEvent,
     publish: () => publish,
     subscribe: () => subscribe
   });
-
-  // public/assets/images/toolbar/btn.png
-  var btn_default = "./btn-5DANP6JY.png";
-
-  // public/assets/images/toolbar/other.png
-  var other_default = "./other-OMWJFGL5.png";
-
-  // public/assets/styles/editor.css?url
-  var editor_default = "./editor-JT5KLVXX.css?url";
-
-  // public/resource/KF_AMS_BB.woff
-  var KF_AMS_BB_default = "./KF_AMS_BB-5QF7FUSO.woff";
-
-  // public/resource/KF_AMS_CAL.woff
-  var KF_AMS_CAL_default = "./KF_AMS_CAL-NXRNLAZN.woff";
-
-  // public/resource/KF_AMS_FRAK.woff
-  var KF_AMS_FRAK_default = "./KF_AMS_FRAK-CO33WWN4.woff";
-
-  // public/resource/KF_AMS_MAIN.woff
-  var KF_AMS_MAIN_default = "./KF_AMS_MAIN-25QJVAWY.woff";
-
-  // public/resource/KF_AMS_ROMAN.woff
-  var KF_AMS_ROMAN_default = "./KF_AMS_ROMAN-243BR7HH.woff";
-
-  // src/asset-manifest.ts
-  var 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
-  };
-  var kityToolbarAssets = {
-    btn: btn_default,
-    other: other_default
-  };
-  var kityStyleAssets = {
-    editor: editor_default
-  };
-  var kityAssetManifest = {
-    fonts: kityFontAssets,
-    toolbar: kityToolbarAssets,
-    styles: kityStyleAssets
-  };
+  init_asset_manifest();
 
   // src/create-editor.ts
+  init_asset_manifest();
   init_legacy_box_type();
 
   // src/vendor/char-position.ts
@@ -23447,8 +23626,83 @@ var FormulaX = (() => {
     targetWindow.kity = kity;
   }
 
+  // src/perf.ts
+  function getPerfHost() {
+    return globalThis;
+  }
+  function getPerfState() {
+    const host = getPerfHost();
+    host.__FORMULAX_PERF_STATE__ ??= {
+      reportedMeasureCount: 0,
+      reportScheduled: false
+    };
+    return host.__FORMULAX_PERF_STATE__;
+  }
+  function hasPerfSupport() {
+    return typeof performance !== "undefined" && typeof performance.mark === "function" && typeof performance.measure === "function" && typeof performance.getEntriesByType === "function";
+  }
+  function isPerfDebugEnabled() {
+    return getPerfHost().__FORMULAX_PERF__ === true;
+  }
+  function schedulePerfReport() {
+    if (!hasPerfSupport() || !isPerfDebugEnabled()) {
+      return;
+    }
+    const state = getPerfState();
+    if (state.reportScheduled) {
+      return;
+    }
+    state.reportScheduled = true;
+    queueMicrotask(() => {
+      state.reportScheduled = false;
+      const entries = performance.getEntriesByType("measure").filter((entry) => entry.name.startsWith("fx:")).sort((left, right) => left.startTime - right.startTime);
+      const nextEntries = entries.slice(state.reportedMeasureCount);
+      state.reportedMeasureCount = entries.length;
+      if (!nextEntries.length) {
+        return;
+      }
+      console.table(nextEntries.map((entry) => ({
+        name: entry.name,
+        duration: Number(entry.duration.toFixed(2)),
+        startTime: Number(entry.startTime.toFixed(2))
+      })));
+    });
+  }
+  function markFormulaXPerf(name) {
+    if (!hasPerfSupport()) {
+      return null;
+    }
+    const markName = `${name}::${Date.now()}::${Math.random().toString(36).slice(2, 8)}`;
+    performance.mark(markName);
+    return markName;
+  }
+  function measureFormulaXPerf(name, startMark, endMark) {
+    if (!hasPerfSupport() || !startMark) {
+      return null;
+    }
+    const resolvedEndMark = endMark ?? markFormulaXPerf(`${name}:end`);
+    if (!resolvedEndMark) {
+      return null;
+    }
+    performance.measure(name, startMark, resolvedEndMark);
+    schedulePerfReport();
+    return resolvedEndMark;
+  }
+  function clearFormulaXPerfMarks(...marks) {
+    if (!hasPerfSupport()) {
+      return;
+    }
+    for (const mark of marks) {
+      if (!mark) {
+        continue;
+      }
+      performance.clearMarks(mark);
+    }
+  }
+
   // src/create-editor.ts
   init_toolbar_assets();
+  init_i18n();
   var DEFAULT_LATEX = "x=\\frac{-b\\pm\\sqrt{b^2-4ac}}{2a}";
   var DEFAULT_EDITOR_HEIGHT = "auto";
   var KITY_STYLE_ID = "formulax-kity-editor-styles";
@@ -23487,13 +23741,14 @@ var FormulaX = (() => {
   }
   function ensureKityStylesheet(doc, href) {
     if (doc.getElementById(KITY_STYLE_ID)) {
-      return;
+      return false;
     }
     const link = doc.createElement("link");
     link.id = KITY_STYLE_ID;
     link.rel = "stylesheet";
     link.href = href;
     doc.head.appendChild(link);
+    return true;
   }
   function hydrateLegacyKf(runtimeWindow) {
     const requireFormula = runtimeWindow.__kityFormulaRequire__;
@@ -23541,7 +23796,7 @@ var FormulaX = (() => {
       kity: runtimeWindow.kity,
       otherPosition: legacyOtherPosition,
       uiDef: legacyUiDef,
-      uiUtils: createLegacyUiUtils()
+      uiUtils: legacyUiUtils
     };
   }
   async function ensureKityRuntime() {
@@ -23549,64 +23804,118 @@ var FormulaX = (() => {
       return runtimePromise;
     }
     runtimePromise = (async () => {
+      const runtimeTotalStart = markFormulaXPerf("fx:kity-runtime:total");
       const runtimeWindow = window;
       runtimeWindow.kf = runtimeWindow.kf ?? {};
       installKityRuntime(runtimeWindow);
-      const { installLegacyKityFormulaRuntime: installLegacyKityFormulaRuntime2 } = await Promise.resolve().then(() => (init_install(), install_exports));
-      installLegacyKityFormulaRuntime2(runtimeWindow);
-      hydrateLegacyKf(runtimeWindow);
-      const { installLegacyParserRuntime: installLegacyParserRuntime2 } = await Promise.resolve().then(() => (init_install2(), install_exports2));
-      installLegacyParserRuntime2(runtimeWindow);
-      installLegacyRuntime(runtimeWindow);
-      const { installKityEditorStart: installKityEditorStart2 } = await Promise.resolve().then(() => (init_start(), start_exports));
-      installKityEditorStart2(runtimeWindow);
+      try {
+        const formulaImportStart = markFormulaXPerf("fx:kity-runtime:formula-import");
+        const { installLegacyKityFormulaRuntime: installLegacyKityFormulaRuntime2 } = await Promise.resolve().then(() => (init_install(), install_exports));
+        const formulaImportEnd = markFormulaXPerf("fx:kity-runtime:formula-import:end");
+        measureFormulaXPerf("fx:kity-runtime:formula-import", formulaImportStart, formulaImportEnd);
+        clearFormulaXPerfMarks(formulaImportStart, formulaImportEnd);
+        const formulaInstallStart = markFormulaXPerf("fx:kity-runtime:formula-install");
+        installLegacyKityFormulaRuntime2(runtimeWindow);
+        hydrateLegacyKf(runtimeWindow);
+        const formulaInstallEnd = markFormulaXPerf("fx:kity-runtime:formula-install:end");
+        measureFormulaXPerf("fx:kity-runtime:formula-install", formulaInstallStart, formulaInstallEnd);
+        clearFormulaXPerfMarks(formulaInstallStart, formulaInstallEnd);
+        const parserImportStart = markFormulaXPerf("fx:kity-runtime:parser-import");
+        const { installLegacyParserRuntime: installLegacyParserRuntime2 } = await Promise.resolve().then(() => (init_install2(), install_exports2));
+        const parserImportEnd = markFormulaXPerf("fx:kity-runtime:parser-import:end");
+        measureFormulaXPerf("fx:kity-runtime:parser-import", parserImportStart, parserImportEnd);
+        clearFormulaXPerfMarks(parserImportStart, parserImportEnd);
+        const parserInstallStart = markFormulaXPerf("fx:kity-runtime:parser-install");
+        installLegacyParserRuntime2(runtimeWindow);
+        const parserInstallEnd = markFormulaXPerf("fx:kity-runtime:parser-install:end");
+        measureFormulaXPerf("fx:kity-runtime:parser-install", parserInstallStart, parserInstallEnd);
+        clearFormulaXPerfMarks(parserInstallStart, parserInstallEnd);
+        installLegacyRuntime(runtimeWindow);
+        const bootImportStart = markFormulaXPerf("fx:kity-runtime:boot-import");
+        const { installKityEditorStart: installKityEditorStart2 } = await Promise.resolve().then(() => (init_start(), start_exports));
+        const bootImportEnd = markFormulaXPerf("fx:kity-runtime:boot-import:end");
+        measureFormulaXPerf("fx:kity-runtime:boot-import", bootImportStart, bootImportEnd);
+        clearFormulaXPerfMarks(bootImportStart, bootImportEnd);
+        const bootInstallStart = markFormulaXPerf("fx:kity-runtime:boot-install");
+        installKityEditorStart2(runtimeWindow);
+        const bootInstallEnd = markFormulaXPerf("fx:kity-runtime:boot-install:end");
+        measureFormulaXPerf("fx:kity-runtime:boot-install", bootInstallStart, bootInstallEnd);
+        clearFormulaXPerfMarks(bootInstallStart, bootInstallEnd);
+      } finally {
+        const runtimeTotalEnd = markFormulaXPerf("fx:kity-runtime:total:end");
+        measureFormulaXPerf("fx:kity-runtime:total", runtimeTotalStart, runtimeTotalEnd);
+        clearFormulaXPerfMarks(runtimeTotalStart, runtimeTotalEnd);
+      }
     })();
     return runtimePromise;
   }
   async function createKityEditor(container, options = {}) {
+    const createEditorStart = markFormulaXPerf("fx:create-kity-editor:total");
     const fontsize = options.render?.fontsize ?? 40;
     const editorHeight = normalizeCssSize(options.height, DEFAULT_EDITOR_HEIGHT);
+    const locale = normalizeFormulaXLocale(options.locale ?? DEFAULT_FORMULAX_LOCALE);
     const assets = resolveEditorAssets(options.assets);
-    ensureKityStylesheet(document, assets.styles.editor);
-    setToolbarAssetUrls(assets.toolbar);
-    await ensureKityRuntime();
-    const runtimeWindow = window;
-    if (!runtimeWindow.kf?.EditorFactory) {
-      throw new Error("Kity editor runtime did not initialize");
-    }
-    container.innerHTML = "";
-    const host = document.createElement("div");
-    host.className = "kf-editor";
-    host.style.width = "100%";
-    host.style.height = editorHeight;
-    container.appendChild(host);
-    const factory2 = runtimeWindow.kf.EditorFactory.create(host, {
-      render: {
-        fontsize
-      },
-      resource: {
-        path: "",
-        fonts: assets.fonts
+    try {
+      const stylesheetInserted = ensureKityStylesheet(document, assets.styles.editor);
+      if (stylesheetInserted) {
+        const stylesheetInsertedMark = markFormulaXPerf("fx:kity-css:link-inserted");
+        measureFormulaXPerf("fx:kity-css:link-inserted", createEditorStart, stylesheetInsertedMark);
+        clearFormulaXPerfMarks(stylesheetInsertedMark);
       }
-    });
-    return {
-      ready: factory2.ready.bind(factory2),
-      execCommand(name, value) {
-        factory2.ready(function execWhenReady() {
-          this.execCommand(name, value);
-        });
-      },
-      focus() {
-        factory2.ready(function focusWhenReady() {
-          this.execCommand("focus");
-        });
-      },
-      destroy() {
-        container.innerHTML = "";
-      },
-      host,
-      raw: factory2
-    };
+      setToolbarAssetUrls(assets.toolbar);
+      await ensureKityRuntime();
+      const runtimeReadyMark = markFormulaXPerf("fx:kity-runtime:ready-for-editor");
+      measureFormulaXPerf("fx:kity-runtime:ready-for-editor", createEditorStart, runtimeReadyMark);
+      clearFormulaXPerfMarks(runtimeReadyMark);
+      const runtimeWindow = window;
+      if (!runtimeWindow.kf?.EditorFactory) {
+        throw new Error("Kity editor runtime did not initialize");
+      }
+      container.innerHTML = "";
+      const host = document.createElement("div");
+      host.className = "kf-editor";
+      host.style.width = "100%";
+      host.style.height = editorHeight;
+      container.appendChild(host);
+      const factoryCreateStart = markFormulaXPerf("fx:kity-editor-factory:create");
+      const factory2 = runtimeWindow.kf.EditorFactory.create(host, {
+        render: {
+          fontsize
+        },
+        ui: {
+          locale
+        },
+        resource: {
+          path: "",
+          fonts: assets.fonts
+        }
+      });
+      const factoryCreateEnd = markFormulaXPerf("fx:kity-editor-factory:create:end");
+      measureFormulaXPerf("fx:kity-editor-factory:create", factoryCreateStart, factoryCreateEnd);
+      clearFormulaXPerfMarks(factoryCreateStart, factoryCreateEnd);
+      return {
+        ready: factory2.ready.bind(factory2),
+        execCommand(name, value) {
+          factory2.ready(function execWhenReady() {
+            this.execCommand(name, value);
+          });
+        },
+        focus() {
+          factory2.ready(function focusWhenReady() {
+            this.execCommand("focus");
+          });
+        },
+        destroy() {
+          container.innerHTML = "";
+        },
+        host,
+        raw: factory2
+      };
+    } finally {
+      const createEditorEnd = markFormulaXPerf("fx:create-kity-editor:total:end");
+      measureFormulaXPerf("fx:create-kity-editor:total", createEditorStart, createEditorEnd);
+      clearFormulaXPerfMarks(createEditorStart, createEditorEnd);
+    }
   }
   async function mountKityEditor(container, options = {}) {
     const editor = await createKityEditor(container, options);
@@ -23658,6 +23967,7 @@ var FormulaX = (() => {
 
   // src/index.ts
   init_dom_utils();
+  init_i18n();
   init_legacy_box_type();
   init_legacy_component();
   init_legacy_ele_type();