@simon_he/vue-tui 1.0.2 → 1.1.1

package/dist/mermaid.d.cts

@@ -0,0 +1,3 @@
+export type { TMermaidAsciiOptions, TMermaidAsciiTheme, TMermaidCopyPayload, TMermaidRenderer, TMermaidRenderEligibility, TMermaidRenderEligibilityContext, TMermaidResolvedAsciiOptions, TMermaidTextProps, TMermaidTransientErrorClassifier, TMermaidTransientErrorContext, } from "./vue/components/TMermaidText.js";
+export { isSimpleMermaidFlowchartSource, markMermaidRenderErrorFatal, } from "./vue/components/TMermaidText.js";
+export { beautifulMermaidRenderer, createBeautifulMermaidRenderer, TBeautifulMermaid, TBeautifulMermaidText, TMermaid, TMermaidText, } from "./vue/mermaid/beautiful-mermaid.js";

package/dist/mermaid.d.ts

@@ -0,0 +1,3 @@
+export type { TMermaidAsciiOptions, TMermaidAsciiTheme, TMermaidCopyPayload, TMermaidRenderer, TMermaidRenderEligibility, TMermaidRenderEligibilityContext, TMermaidResolvedAsciiOptions, TMermaidTextProps, TMermaidTransientErrorClassifier, TMermaidTransientErrorContext, } from "./vue/components/TMermaidText.js";
+export { isSimpleMermaidFlowchartSource, markMermaidRenderErrorFatal, } from "./vue/components/TMermaidText.js";
+export { beautifulMermaidRenderer, createBeautifulMermaidRenderer, TBeautifulMermaid, TBeautifulMermaidText, TMermaid, TMermaidText, } from "./vue/mermaid/beautiful-mermaid.js";

package/dist/mermaid.js

@@ -0,0 +1,6 @@
+import "./width-GqllnV8C.js";
+import "./rect-Ng-3eKzF.js";
+import { isSimpleMermaidFlowchartSource, markMermaidRenderErrorFatal } from "./TMermaidText-CXm_L969.js";
+import { TBeautifulMermaid, TBeautifulMermaidText, TMermaid, TMermaidText, beautifulMermaidRenderer, createBeautifulMermaidRenderer } from "./mermaid-CWto52Wk.js";
+
+export { TBeautifulMermaid, TBeautifulMermaidText, TMermaid, TMermaidText, beautifulMermaidRenderer, createBeautifulMermaidRenderer, isSimpleMermaidFlowchartSource, markMermaidRenderErrorFatal };

package/dist/observability/frame-perf-store.d.ts

@@ -1,5 +1,5 @@
 import type { Ref } from "vue";
-import type { FramePerfSample } from "./frame-perf.js";
+import type { FramePerfSample, FramePerfSummary } from "./frame-perf.js";
 import type { ComponentPerf, TuiPerfEvent, TuiPerfSink } from "./perf-sink.js";
 export type FramePerfStore = Readonly<{
     enabled: Ref<boolean>;
@@ -10,6 +10,7 @@ export type FramePerfStore = Readonly<{
     addSink: (sink: TuiPerfSink) => () => void;
     latest: () => FramePerfSample | null;
     list: () => FramePerfSample[];
+    summary: () => FramePerfSummary;
     clear: () => void;
 }>;
 export declare function createFramePerfStore(limit?: number, opts?: Readonly<{

package/dist/observability/frame-perf.d.ts

@@ -36,5 +36,38 @@ export type FramePerfSample = Readonly<{
     queueDepth: number;
     liveReasons?: readonly string[];
 }>;
+export type FramePerfMetricStats = Readonly<{
+    avg: number;
+    max: number;
+    min: number;
+}>;
+export type FramePerfDirtyRowsStats = Readonly<{
+    avg: number;
+    max: number;
+    sampledFrames: number;
+    fullFrames: number;
+}>;
+export type FramePerfSummary = Readonly<{
+    frames: number;
+    firstFrameId: number | null;
+    latestFrameId: number | null;
+    windowMs: number;
+    durationMs: FramePerfMetricStats;
+    renderManagerMs: FramePerfMetricStats;
+    commitMs: FramePerfMetricStats;
+    domFlushMs: FramePerfMetricStats;
+    stdoutFlushMs: FramePerfMetricStats;
+    dirtyRows: FramePerfDirtyRowsStats;
+    scannedNodes: FramePerfMetricStats;
+    paintedNodes: FramePerfMetricStats;
+    coalescedInvalidates: number;
+    coalescedFrameTasks: number;
+    droppedUpdates: number;
+    maxQueueDepth: number;
+    rowBucketFallbacks: number;
+    reasons: Partial<Record<FramePerfReason, number>>;
+    activePlanes: Record<string, number>;
+}>;
+export declare function summarizeFramePerf(samples: readonly FramePerfSample[]): FramePerfSummary;
 export declare function framePerfNow(): number;
 export declare function mergeFramePerfReason(prev: FramePerfReason | undefined, next: FramePerfReason | undefined): FramePerfReason;

package/dist/observability.cjs

@@ -5,17 +5,14 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
     for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 
 // src/observability.ts
 var observability_exports = {};
@@ -24,63 +21,94 @@ __export(observability_exports, {
   createJsonlPerfSink: () => createJsonlPerfSink,
   createTraceStore: () => createTraceStore,
   framePerfNow: () => framePerfNow,
-  installTuiPerf: () => installTuiPerf
+  installTuiPerf: () => installTuiPerf,
+  summarizeFramePerf: () => summarizeFramePerf
 });
 module.exports = __toCommonJS(observability_exports);
 
 // src/observability/frame-perf.ts
+var EMPTY_METRIC_STATS = Object.freeze({ avg: 0, max: 0, min: 0 });
+function metricStats(values) {
+  if (!values.length)
+    return EMPTY_METRIC_STATS;
+  let sum = 0, max = Number.NEGATIVE_INFINITY, min = Number.POSITIVE_INFINITY;
+  for (let value of values)
+    sum += value, value > max && (max = value), value < min && (min = value);
+  return { avg: sum / values.length, max, min };
+}
+function summarizeFramePerf(samples) {
+  let durationMs = [], renderManagerMs = [], commitMs = [], domFlushMs = [], stdoutFlushMs = [], dirtyRows = [], scannedNodes = [], paintedNodes = [], reasons = {}, activePlanes = {}, fullDirtyFrames = 0, coalescedInvalidates = 0, coalescedFrameTasks = 0, droppedUpdates = 0, maxQueueDepth = 0, rowBucketFallbacks = 0;
+  for (let sample of samples) {
+    durationMs.push(sample.durationMs), renderManagerMs.push(sample.renderManagerMs), commitMs.push(sample.commitMs), scannedNodes.push(sample.scannedNodes), paintedNodes.push(sample.paintedNodes), sample.domFlushMs != null && domFlushMs.push(sample.domFlushMs), sample.stdoutFlushMs != null && stdoutFlushMs.push(sample.stdoutFlushMs), sample.dirtyRows == null ? fullDirtyFrames++ : dirtyRows.push(sample.dirtyRows), reasons[sample.reason] = (reasons[sample.reason] ?? 0) + 1;
+    let planes = sample.activePlanes;
+    if (!planes)
+      activePlanes.all = (activePlanes.all ?? 0) + 1;
+    else
+      for (let plane of planes)
+        activePlanes[plane] = (activePlanes[plane] ?? 0) + 1;
+    coalescedInvalidates += sample.coalescedInvalidates, coalescedFrameTasks += sample.coalescedFrameTasks, droppedUpdates += sample.droppedUpdates, sample.queueDepth > maxQueueDepth && (maxQueueDepth = sample.queueDepth), rowBucketFallbacks += sample.rowBucketFallbacks?.length ?? 0;
+  }
+  let first = samples[0] ?? null, latest = samples[samples.length - 1] ?? null;
+  return {
+    frames: samples.length,
+    firstFrameId: first?.frameId ?? null,
+    latestFrameId: latest?.frameId ?? null,
+    windowMs: first && latest ? Math.max(0, latest.startedAt - first.startedAt) : 0,
+    durationMs: metricStats(durationMs),
+    renderManagerMs: metricStats(renderManagerMs),
+    commitMs: metricStats(commitMs),
+    domFlushMs: metricStats(domFlushMs),
+    stdoutFlushMs: metricStats(stdoutFlushMs),
+    dirtyRows: {
+      avg: dirtyRows.length ? dirtyRows.reduce((sum, value) => sum + value, 0) / dirtyRows.length : 0,
+      max: dirtyRows.length ? Math.max(...dirtyRows) : 0,
+      sampledFrames: dirtyRows.length,
+      fullFrames: fullDirtyFrames
+    },
+    scannedNodes: metricStats(scannedNodes),
+    paintedNodes: metricStats(paintedNodes),
+    coalescedInvalidates,
+    coalescedFrameTasks,
+    droppedUpdates,
+    maxQueueDepth,
+    rowBucketFallbacks,
+    reasons,
+    activePlanes
+  };
+}
 function framePerfNow() {
-  const p = globalThis.performance;
-  if (p && typeof p.now === "function")
-    return p.now();
-  return Date.now();
+  let p = globalThis.performance;
+  return p && typeof p.now == "function" ? p.now() : Date.now();
 }
 
 // src/observability/frame-perf-store.ts
 var import_vue = require("vue");
 
 // src/observability/perf-sink.ts
-var installedTuiPerf = { enabled: false, sink: null };
+var installedTuiPerf = { enabled: !1, sink: null };
 function shouldSample(rate) {
-  if (rate <= 0)
-    return false;
-  if (rate >= 1)
-    return true;
-  return Math.random() < rate;
+  return rate <= 0 ? !1 : rate >= 1 ? !0 : Math.random() < rate;
 }
 function normalizeSampleRate(value) {
-  const n = Number(value);
-  if (!Number.isFinite(n))
-    return 1;
-  return Math.max(0, Math.min(1, n));
+  let n = Number(value);
+  return Number.isFinite(n) ? Math.max(0, Math.min(1, n)) : 1;
 }
 function createJsonlPerfSink(options = {}) {
-  const sampleRate = normalizeSampleRate(options.sampleRate);
-  const includeComponents = options.includeComponents ?? true;
-  const includeEvents = options.includeEvents ?? false;
+  let sampleRate = normalizeSampleRate(options.sampleRate), includeComponents = options.includeComponents ?? !0, includeEvents = options.includeEvents ?? !1;
   function emit(value) {
-    const line = JSON.stringify(value);
-    if (options.file && options.fileWriter?.appendFileSync) {
-      options.fileWriter.appendFileSync(options.file, `${line}
-`);
-    }
-    options.write?.(line);
+    let line = JSON.stringify(value);
+    options.file && options.fileWriter?.appendFileSync && options.fileWriter.appendFileSync(options.file, `${line}
+`), options.write?.(line);
   }
   return {
     onFramePerf(sample) {
-      if (!shouldSample(sampleRate))
-        return;
-      emit({ type: "frame", ...sample });
+      shouldSample(sampleRate) && emit({ type: "frame", ...sample });
     },
     onComponentPerf(sample) {
-      if (!includeComponents || !shouldSample(sampleRate))
-        return;
-      emit({ type: "component", ...sample });
+      !includeComponents || !shouldSample(sampleRate) || emit({ type: "component", ...sample });
     },
     onEvent(event) {
-      if (!includeEvents || !shouldSample(sampleRate))
-        return;
-      emit({
+      !includeEvents || !shouldSample(sampleRate) || emit({
         type: "event",
         eventType: event.type,
         ts: event.ts ?? Date.now(),
@@ -92,24 +120,12 @@ function createJsonlPerfSink(options = {}) {
   };
 }
 function installTuiPerf(options = {}) {
-  const previous = installedTuiPerf;
-  const previousDebugPerf = globalThis.__VT_DEBUG_PERF__;
-  const current = {
-    enabled: options.enabled ?? Boolean(options.sink),
+  let previous = installedTuiPerf, previousDebugPerf = globalThis.__VT_DEBUG_PERF__, current = {
+    enabled: options.enabled ?? !!options.sink,
     sink: options.sink ?? null
   };
-  installedTuiPerf = current;
-  if (options.debugOverlay != null) {
-    globalThis.__VT_DEBUG_PERF__ = Boolean(options.debugOverlay);
-  }
-  return () => {
-    current.sink?.dispose?.();
-    if (installedTuiPerf === current)
-      installedTuiPerf = previous;
-    if (previousDebugPerf === void 0)
-      delete globalThis.__VT_DEBUG_PERF__;
-    else
-      globalThis.__VT_DEBUG_PERF__ = previousDebugPerf;
+  return installedTuiPerf = current, options.debugOverlay != null && (globalThis.__VT_DEBUG_PERF__ = !!options.debugOverlay), () => {
+    current.sink?.dispose?.(), installedTuiPerf === current && (installedTuiPerf = previous), previousDebugPerf === void 0 ? delete globalThis.__VT_DEBUG_PERF__ : globalThis.__VT_DEBUG_PERF__ = previousDebugPerf;
   };
 }
 function getInstalledTuiPerf() {
@@ -118,72 +134,47 @@ function getInstalledTuiPerf() {
 
 // src/observability/frame-perf-store.ts
 function createFramePerfStore(limit = 120, opts) {
-  const max = Math.max(1, Math.floor(limit));
-  const installed = getInstalledTuiPerf();
-  const manualEnabled = (0, import_vue.ref)(Boolean(opts?.enabled ?? installed.enabled));
-  const leaseCount = (0, import_vue.ref)(0);
-  const enabled = (0, import_vue.computed)({
+  let max = Math.max(1, Math.floor(limit)), installed = getInstalledTuiPerf(), manualEnabled = (0, import_vue.ref)(!!(opts?.enabled ?? installed.enabled)), leaseCount = (0, import_vue.ref)(0), enabled = (0, import_vue.computed)({
     get: () => manualEnabled.value || leaseCount.value > 0,
     set: (next) => {
-      manualEnabled.value = Boolean(next);
+      manualEnabled.value = !!next;
     }
-  });
-  const samples = [];
-  const sinks = [];
-  if (installed.sink)
-    sinks.push(installed.sink);
-  const configuredSink = opts?.sink;
-  if (Array.isArray(configuredSink))
-    sinks.push(...configuredSink);
-  else if (configuredSink)
-    sinks.push(configuredSink);
+  }), samples = [], sinks = [];
+  installed.sink && sinks.push(installed.sink);
+  let configuredSink = opts?.sink;
+  Array.isArray(configuredSink) ? sinks.push(...configuredSink) : configuredSink && sinks.push(configuredSink);
   function emitToSinks(fn) {
-    for (const sink of sinks) {
+    for (let sink of sinks)
       try {
         fn(sink);
       } catch {
       }
-    }
   }
   function acquire(_reason) {
     leaseCount.value++;
-    let released = false;
+    let released = !1;
     return () => {
-      if (released)
-        return;
-      released = true;
-      leaseCount.value = Math.max(0, leaseCount.value - 1);
+      released || (released = !0, leaseCount.value = Math.max(0, leaseCount.value - 1));
     };
   }
   function push(sample) {
-    if (!enabled.value)
-      return;
-    samples.push(sample);
-    if (samples.length > max)
-      samples.splice(0, samples.length - max);
-    emitToSinks((sink) => sink.onFramePerf(sample));
+    enabled.value && (samples.push(sample), samples.length > max && samples.splice(0, samples.length - max), emitToSinks((sink) => sink.onFramePerf(sample)));
   }
   function recordComponent(sample) {
-    if (!enabled.value)
-      return;
-    emitToSinks((sink) => sink.onComponentPerf?.(sample));
+    enabled.value && emitToSinks((sink) => sink.onComponentPerf?.(sample));
   }
   function recordEvent(event) {
-    if (!enabled.value)
-      return;
-    emitToSinks((sink) => sink.onEvent?.(event));
+    enabled.value && emitToSinks((sink) => sink.onEvent?.(event));
   }
   function addSink(sink) {
     sinks.push(sink);
-    let disposed = false;
+    let disposed = !1;
     return () => {
       if (disposed)
         return;
-      disposed = true;
-      const index = sinks.indexOf(sink);
-      if (index >= 0)
-        sinks.splice(index, 1);
-      sink.dispose?.();
+      disposed = !0;
+      let index = sinks.indexOf(sink);
+      index >= 0 && sinks.splice(index, 1), sink.dispose?.();
     };
   }
   function latest() {
@@ -192,24 +183,32 @@ function createFramePerfStore(limit = 120, opts) {
   function list() {
     return samples.slice();
   }
+  function summary() {
+    return summarizeFramePerf(samples);
+  }
   function clear() {
     samples.length = 0;
   }
-  return { enabled, acquire, push, recordComponent, recordEvent, addSink, latest, list, clear };
+  return {
+    enabled,
+    acquire,
+    push,
+    recordComponent,
+    recordEvent,
+    addSink,
+    latest,
+    list,
+    summary,
+    clear
+  };
 }
 
 // src/observability/trace.ts
 var import_vue2 = require("vue");
 function createTraceStore(opts) {
-  const enabled = (0, import_vue2.ref)(Boolean(opts?.enabled));
-  const records = (0, import_vue2.shallowReactive)([]);
-  const max = Math.max(10, Math.floor(opts?.max ?? 400));
+  let enabled = (0, import_vue2.ref)(!!opts?.enabled), records = (0, import_vue2.shallowReactive)([]), max = Math.max(10, Math.floor(opts?.max ?? 400));
   function push(record) {
-    if (!enabled.value)
-      return;
-    records.push(record);
-    if (records.length > max)
-      records.splice(0, records.length - max);
+    enabled.value && (records.push(record), records.length > max && records.splice(0, records.length - max));
   }
   function clear() {
     records.splice(0, records.length);

package/dist/observability.d.cts

@@ -1,5 +1,5 @@
-export type { FramePerfReason, FramePerfRowBucketFallback, FramePerfSample, } from "./observability/frame-perf.js";
-export { framePerfNow } from "./observability/frame-perf.js";
+export type { FramePerfDirtyRowsStats, FramePerfMetricStats, FramePerfReason, FramePerfRowBucketFallback, FramePerfSample, FramePerfSummary, } from "./observability/frame-perf.js";
+export { framePerfNow, summarizeFramePerf } from "./observability/frame-perf.js";
 export type { FramePerfStore } from "./observability/frame-perf-store.js";
 export { createFramePerfStore } from "./observability/frame-perf-store.js";
 export type { ComponentPerf, CreateJsonlPerfSinkOptions, FramePerf, InstallTuiPerfOptions, TuiPerfEvent, TuiPerfSink, } from "./observability/perf-sink.js";

package/dist/observability.d.ts

@@ -1,5 +1,5 @@
-export type { FramePerfReason, FramePerfRowBucketFallback, FramePerfSample, } from "./observability/frame-perf.js";
-export { framePerfNow } from "./observability/frame-perf.js";
+export type { FramePerfDirtyRowsStats, FramePerfMetricStats, FramePerfReason, FramePerfRowBucketFallback, FramePerfSample, FramePerfSummary, } from "./observability/frame-perf.js";
+export { framePerfNow, summarizeFramePerf } from "./observability/frame-perf.js";
 export type { FramePerfStore } from "./observability/frame-perf-store.js";
 export { createFramePerfStore } from "./observability/frame-perf-store.js";
 export type { ComponentPerf, CreateJsonlPerfSinkOptions, FramePerf, InstallTuiPerfOptions, TuiPerfEvent, TuiPerfSink, } from "./observability/perf-sink.js";

package/dist/observability.js

@@ -1,4 +1,4 @@
-import { createFramePerfStore, createJsonlPerfSink, createTraceStore, installTuiPerf } from "./trace-CjzYeIxN.js";
-import { framePerfNow } from "./frame-perf-C6Xfg85O.js";
+import { framePerfNow, summarizeFramePerf } from "./frame-perf-BBhE-iuS.js";
+import { createFramePerfStore, createJsonlPerfSink, createTraceStore, installTuiPerf } from "./trace-CYHDKM1m.js";
 
-export { createFramePerfStore, createJsonlPerfSink, createTraceStore, framePerfNow, installTuiPerf };
+export { createFramePerfStore, createJsonlPerfSink, createTraceStore, framePerfNow, installTuiPerf, summarizeFramePerf };

package/dist/{path-suggest-BNqcuE3-.js → path-suggest-fPzRsgPv.js}

@@ -1,4 +1,4 @@
-import { dirname, isAbsolutePath, joinPath, normalizePath, resolvePath } from "./path-mnSgEpCm.js";
+import { dirname, isAbsolutePath, joinPath, normalizePath, resolvePath } from "./path-BI9W15Zt.js";
 
 //#region src/core/path-suggest.ts
 function lower(s) {