@formulaxjs/kity-runtime 0.2.0 → 0.3.0

package/dist/index.js

@@ -6,6 +6,10 @@ import {
   delegateEvent,
   getClassList,
   getRectBox,
+  kityAssetManifest,
+  kityFontAssets,
+  kityStyleAssets,
+  kityToolbarAssets,
   legacyBaseUtils,
   legacyBoxType,
   legacyEleType,
@@ -18,57 +22,13 @@ import {
   legacyOtherPosition,
   legacySysconf,
   legacyUiDef,
+  legacyUiUtils,
   normalizeMouseEvent,
   publish,
   setToolbarAssetUrls,
   subscribe,
   utils_default
-} from "./chunk-EKIJQ64F.js";
-
-// 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
-};
+} from "./chunk-AOMNUFFB.js";
 
 // src/vendor/char-position.ts
 var legacyCharPosition = {
@@ -3447,6 +3407,80 @@ function installKityRuntime(targetWindow = window) {
   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
 var DEFAULT_LATEX = "x=\\frac{-b\\pm\\sqrt{b^2-4ac}}{2a}";
 var DEFAULT_EDITOR_HEIGHT = "auto";
@@ -3486,13 +3520,14 @@ function resolveEditorAssets(assets) {
 }
 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__;
@@ -3540,7 +3575,7 @@ function installLegacyRuntime(runtimeWindow) {
     kity: runtimeWindow.kity,
     otherPosition: legacyOtherPosition,
     uiDef: legacyUiDef,
-    uiUtils: createLegacyUiUtils()
+    uiUtils: legacyUiUtils
   };
 }
 async function ensureKityRuntime() {
@@ -3548,64 +3583,114 @@ async function ensureKityRuntime() {
     return runtimePromise;
   }
   runtimePromise = (async () => {
+    const runtimeTotalStart = markFormulaXPerf("fx:kity-runtime:total");
     const runtimeWindow = window;
     runtimeWindow.kf = runtimeWindow.kf ?? {};
     installKityRuntime(runtimeWindow);
-    const { installLegacyKityFormulaRuntime } = await import("./install-ARHGHFNJ.js");
-    installLegacyKityFormulaRuntime(runtimeWindow);
-    hydrateLegacyKf(runtimeWindow);
-    const { installLegacyParserRuntime } = await import("./install-HKCG5NWK.js");
-    installLegacyParserRuntime(runtimeWindow);
-    installLegacyRuntime(runtimeWindow);
-    const { installKityEditorStart } = await import("./start-GQH6XUBI.js");
-    installKityEditorStart(runtimeWindow);
+    try {
+      const formulaImportStart = markFormulaXPerf("fx:kity-runtime:formula-import");
+      const { installLegacyKityFormulaRuntime } = await import("./install-TIZBWEFU.js");
+      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");
+      installLegacyKityFormulaRuntime(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 } = await import("./install-HKCG5NWK.js");
+      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");
+      installLegacyParserRuntime(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 } = await import("./start-LTYA5XON.js");
+      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");
+      installKityEditorStart(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 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 factory = runtimeWindow.kf.EditorFactory.create(host, {
-    render: {
-      fontsize
-    },
-    resource: {
-      path: "",
-      fonts: assets.fonts
-    }
-  });
-  return {
-    ready: factory.ready.bind(factory),
-    execCommand(name, value) {
-      factory.ready(function execWhenReady() {
-        this.execCommand(name, value);
-      });
-    },
-    focus() {
-      factory.ready(function focusWhenReady() {
-        this.execCommand("focus");
-      });
-    },
-    destroy() {
-      container.innerHTML = "";
-    },
-    host,
-    raw: factory
-  };
+  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);
+    }
+    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 factory = runtimeWindow.kf.EditorFactory.create(host, {
+      render: {
+        fontsize
+      },
+      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: factory.ready.bind(factory),
+      execCommand(name, value) {
+        factory.ready(function execWhenReady() {
+          this.execCommand(name, value);
+        });
+      },
+      focus() {
+        factory.ready(function focusWhenReady() {
+          this.execCommand("focus");
+        });
+      },
+      destroy() {
+        container.innerHTML = "";
+      },
+      host,
+      raw: factory
+    };
+  } 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);
@@ -3690,6 +3775,7 @@ export {
   legacyKfExtDef,
   legacySysconf,
   legacyUiDef,
+  legacyUiUtils,
   mountKityEditor,
   normalizeMouseEvent,
   publish,