@zkmake/three-meter 0.11.5 → 0.11.6

package/dist/index.d.ts

@@ -1,5 +1,4 @@
-import { a as GpuTiming, c as RenderBackend, d as Sample, f as SceneCost, i as FrameStats, l as RenderCounts, n as CostEntry, o as PerfRenderer, p as TimingMetric, r as Environment, s as PerformanceMonitorOptions, t as PerformanceMonitor, u as ResourceCounts } from "./performance-monitor-BoY_-GTt.js";
-//#region src/core/ring-buffer.d.ts
+import { a as GpuTiming, c as RenderBackend, d as Sample, f as SceneCost, i as FrameStats, l as RenderCounts, n as CostEntry, o as PerfRenderer, p as TimingMetric, r as Environment, s as PerformanceMonitorOptions, t as PerformanceMonitor, u as ResourceCounts } from "./performance-monitor-CrYmNIdv.js";
 /**
  * Fixed-capacity numeric ring buffer. Backs the per-frame timing history the
  * view reads to draw sparklines. Push is O(1); `toArray()` returns values in
@@ -16,8 +15,6 @@ declare class RingBuffer {
   toArray(): number[];
   clear(): void;
 }
-//#endregion
-//#region src/core/wrap-animation-loop.d.ts
 type AnimationLoop<Args extends unknown[]> = (...args: Args) => void;
 /**
  * Wrap a `renderer.setAnimationLoop` callback so each tick is one frame:
@@ -31,6 +28,5 @@ type AnimationLoop<Args extends unknown[]> = (...args: Args) => void;
  * ```
  */
 declare function wrapAnimationLoop<Args extends unknown[]>(monitor: PerformanceMonitor, loop: AnimationLoop<Args>): AnimationLoop<Args>;
-//#endregion
 export { type CostEntry, type Environment, type FrameStats, type GpuTiming, type PerfRenderer, PerformanceMonitor, type PerformanceMonitorOptions, type RenderBackend, type RenderCounts, type ResourceCounts, RingBuffer, type Sample, type SceneCost, type TimingMetric, wrapAnimationLoop };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,5 +1,5 @@
-import { n as RingBuffer, t as PerformanceMonitor } from "./performance-monitor-BqnoiLEs.js";
-//#region src/core/wrap-animation-loop.ts
+import { n as RingBuffer, t as PerformanceMonitor } from "./performance-monitor-CKAI0-Dp.js";
+// src/core/wrap-animation-loop.ts
 /**
 * Wrap a `renderer.setAnimationLoop` callback so each tick is one frame:
 * `begin()` before your code, `end()` after it returns. CPU time is your
@@ -21,7 +21,6 @@ function wrapAnimationLoop(monitor, loop) {
 		}
 	};
 }
-//#endregion
 export { PerformanceMonitor, RingBuffer, wrapAnimationLoop };
 
 //# sourceMappingURL=index.js.map

package/dist/{mount-perf-hud-MTPYNhG9.d.ts → mount-perf-hud-C7CzkVqM.d.ts}

@@ -1,5 +1,4 @@
-import { p as TimingMetric, t as PerformanceMonitor } from "./performance-monitor-BoY_-GTt.js";
-//#region src/ui/budgets.d.ts
+import { p as TimingMetric, t as PerformanceMonitor } from "./performance-monitor-CrYmNIdv.js";
 /**
  * Budgets: the value each metric should stay within. A reading past its
  * budget turns amber in the card, and the FPS / CPU / GPU graphs draw the
@@ -27,8 +26,6 @@ type ResolvedBudgets = {
 };
 /** `detectedHz` is the monitor's refresh reading; an explicit `targetFps` wins over it. */
 declare const resolveBudgets: (budgets: Budgets | false | undefined, detectedHz?: number | null) => ResolvedBudgets;
-//#endregion
-//#region src/ui/dock-panel.d.ts
 declare const EDGES: readonly ["left", "right", "top", "bottom"];
 type ScreenEdge = (typeof EDGES)[number];
 type Placement = {
@@ -60,8 +57,6 @@ type DockHandle = {
  * snap to the nearest edge when the handle drops.
  */
 declare const dockPanel: (element: HTMLElement, options?: DockPanelOptions) => DockHandle;
-//#endregion
-//#region src/ui/theme.d.ts
 /**
  * Dark, light, or follow the OS. One instance per HUD: the floating host and
  * the card inside it both paint `resolved` onto `data-theme`, and the
@@ -106,8 +101,6 @@ declare class HudTheme {
   private unwatch;
   private notify;
 }
-//#endregion
-//#region src/ui/hud-settings.d.ts
 type HudSelection = {
   dim: boolean;
   graphs: ReadonlySet<TimingMetric>;
@@ -151,8 +144,6 @@ declare class HudSettings {
   private load;
   private persistAndNotify;
 }
-//#endregion
-//#region src/ui/performance-view.d.ts
 type PerformanceViewMode = "full" | "compact";
 type PerformanceViewOptions = {
   monitor: PerformanceMonitor;
@@ -266,8 +257,6 @@ declare class PerformanceView {
   private applyModeClass;
   private resizeCanvases;
 }
-//#endregion
-//#region src/ui/mount-perf-hud.d.ts
 type MountPerfHudOptions = {
   /** Start compact (the card) or full (the checkbox list). Default `compact`. */
   mode?: PerformanceViewMode;
@@ -319,6 +308,5 @@ type PerfHudHandle = {
   dispose: () => void;
 };
 declare const mountPerfHud: (monitor: PerformanceMonitor, options?: MountPerfHudOptions) => PerfHudHandle;
-//#endregion
 export { dockPanel as C, resolveBudgets as D, ResolvedBudgets as E, ScreenEdge as S, Budgets as T, DefaultPlacement as _, PerformanceViewMode as a, DockPanelOptions as b, HudDefaults as c, HudSettingsOptions as d, HudTheme as f, isThemeMode as g, ThemeMode as h, PerformanceView as i, HudSelection as l, THEME_MODES as m, PerfHudHandle as n, PerformanceViewOptions as o, ResolvedTheme as p, mountPerfHud as r, DEFAULT_STORAGE_KEY as s, MountPerfHudOptions as t, HudSettings as u, DockAlign as v, BudgetKey as w, Placement as x, DockHandle as y };
-//# sourceMappingURL=mount-perf-hud-MTPYNhG9.d.ts.map
+//# sourceMappingURL=mount-perf-hud-C7CzkVqM.d.ts.map

package/dist/{mount-perf-hud-Cu7Jjwmm.js → mount-perf-hud-DezuAiPb.js}

@@ -1,4 +1,4 @@
-//#region src/ui/budgets.ts
+// src/ui/budgets.ts
 const DEFAULT_TARGET_FPS = 60;
 const FLOORS = /* @__PURE__ */ new Set([
 	"fps",
@@ -38,8 +38,7 @@ const isOverBudget = (resolved, key, value) => {
 	if (limit === void 0 || value === null) return false;
 	return isFloor(key) ? value < limit : value > limit;
 };
-//#endregion
-//#region src/ui/theme.ts
+// src/ui/theme.ts
 const THEME_MODES = [
 	"dark",
 	"light",
@@ -125,8 +124,7 @@ var HudTheme = class {
 const applyTheme = (element, theme) => {
 	element.dataset.theme = theme.resolved;
 };
-//#endregion
-//#region src/ui/hud-settings.ts
+// src/ui/hud-settings.ts
 const DEFAULT_STORAGE_KEY = "three-meter";
 const DEFAULT_DIM = false;
 const DEFAULT_INFO = false;
@@ -242,8 +240,7 @@ var HudSettings = class {
 		for (const listener of this.listeners) listener();
 	}
 };
-//#endregion
-//#region src/ui/dock-panel.ts
+// src/ui/dock-panel.ts
 /**
 * Dock a fixed-position panel to a screen edge. Dragging the handle snaps it
 * to the nearest edge on drop; the edge and the offset along it persist under
@@ -458,8 +455,7 @@ const dockPanel = (element, options = {}) => {
 		refresh: apply
 	};
 };
-//#endregion
-//#region src/ui/icons.ts
+// src/ui/icons.ts
 const ICON_MARKUP = {
 	eye: "<path d=\"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0\"/><circle cx=\"12\" cy=\"12\" r=\"3\"/>",
 	eyeOff: "<path d=\"M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49\"/><path d=\"M14.084 14.158a3 3 0 0 1-4.242-4.242\"/><path d=\"M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143\"/><path d=\"m2 2 20 20\"/>",
@@ -503,8 +499,7 @@ const createIcon = (name, className) => {
 	svg.innerHTML = ICON_MARKUP[name];
 	return svg;
 };
-//#endregion
-//#region src/ui/styles.ts
+// src/ui/styles.ts
 /**
 * The HUD stylesheet as a string, so the package works without a bundler and
 * injects itself once per document. `.perf-monitor` is the metrics card,
@@ -1245,8 +1240,7 @@ const injectStyles = (target = document) => {
 	style.textContent = PERF_HUD_STYLES;
 	target.head.append(style);
 };
-//#endregion
-//#region src/ui/dev-panel.ts
+// src/ui/dev-panel.ts
 /**
 * The frame every zkmake dev panel shares, so they look and handle alike: a fixed host docked to a
 * screen edge, a card with a brand label on top and the panel's content under it, and three discs
@@ -1294,6 +1288,7 @@ const mountDevPanel = (options) => {
 	const host = document.createElement("div");
 	host.className = "perf-hud";
 	host.dataset.edge = "left";
+	host.setAttribute("role", "group");
 	host.setAttribute("aria-label", options.label);
 	const hotspot = document.createElement("div");
 	hotspot.className = "perf-hud__hotspot";
@@ -1393,12 +1388,10 @@ const mountDevPanel = (options) => {
 		}
 	};
 };
-//#endregion
-//#region package.json
+// package.json
 var name = "@zkmake/three-meter";
-var version = "0.11.5";
-//#endregion
-//#region src/ui/clipboard.ts
+var version = "0.11.6";
+// src/ui/clipboard.ts
 /**
 * Copy text from a click handler. The async Clipboard API needs a secure
 * context and the `clipboard-write` permission; a dev server opened over a LAN
@@ -1432,8 +1425,7 @@ const copyText = async (text) => {
 		return copyWithSelection(text);
 	}
 };
-//#endregion
-//#region src/ui/format.ts
+// src/ui/format.ts
 /**
 * Number formatting for the card. Counts stay exact with thousands separators
 * while they fit the compact grid's 6ch value column (`99,999`), then switch
@@ -1447,8 +1439,7 @@ const compact = new Intl.NumberFormat("en-US", {
 	notation: "compact"
 });
 const formatCount = (value) => Math.abs(value) < COMPACT_FROM ? exact.format(value) : compact.format(value);
-//#endregion
-//#region src/ui/hider.ts
+// src/ui/hider.ts
 var Hider = class {
 	groups = /* @__PURE__ */ new Map();
 	/** Each hidden object's `visible` from before the first group hid it. */
@@ -1486,8 +1477,7 @@ var Hider = class {
 		return false;
 	}
 };
-//#endregion
-//#region src/ui/metric-help.ts
+// src/ui/metric-help.ts
 /**
 * One plain-language line per metric: what it is, and what a bad reading
 * means. Shown as the label's tooltip and, with "explain metrics" on, under
@@ -1511,8 +1501,7 @@ const METRIC_HELP = {
 	textures: "Textures held in GPU memory. Should level off; a steady climb is a leak, so dispose() what you remove.",
 	triangles: "Triangles drawn this frame. Mostly GPU cost: use lower-poly models or level of detail to cut it."
 };
-//#endregion
-//#region src/ui/report.ts
+// src/ui/report.ts
 /**
 * A plain-text snapshot of the monitor for bug reports: versions, backend and
 * GPU, the current sample, stutter stats, the scene's top meshes and the page. Fenced as a `text`
@@ -1594,8 +1583,7 @@ const formatReport = (monitor) => renderReport({
 	sample: monitor.getSample(),
 	stats: monitor.getFrameStats()
 });
-//#endregion
-//#region src/ui/sparkline.ts
+// src/ui/sparkline.ts
 function drawSparkline(ctx, width, height, values, style, guide) {
 	ctx.clearRect(0, 0, width, height);
 	if (values.length < 2) return;
@@ -1627,8 +1615,7 @@ function drawSparkline(ctx, width, height, values, style, guide) {
 		ctx.restore();
 	}
 }
-//#endregion
-//#region src/ui/performance-view.ts
+// src/ui/performance-view.ts
 const TIMINGS = [
 	{
 		format: (value) => Math.round(value).toString(),
@@ -2496,8 +2483,7 @@ var PerformanceView = class {
 		sizeAll(this.hudGraphs.values());
 	}
 };
-//#endregion
-//#region src/ui/mount-perf-hud.ts
+// src/ui/mount-perf-hud.ts
 const mountPerfHud = (monitor, options = {}) => {
 	const storageKey = options.storageKey === void 0 ? DEFAULT_STORAGE_KEY : options.storageKey;
 	const settings = options.settings ?? new HudSettings({ storageKey });
@@ -2555,7 +2541,6 @@ const mountPerfHud = (monitor, options = {}) => {
 		view
 	};
 };
-//#endregion
 export { PERF_HUD_STYLES as a, DEFAULT_STORAGE_KEY as c, THEME_MODES as d, isThemeMode as f, mountDevPanel as i, HudSettings as l, PerformanceView as n, injectStyles as o, resolveBudgets as p, formatReport as r, dockPanel as s, mountPerfHud as t, HudTheme as u };
 
-//# sourceMappingURL=mount-perf-hud-Cu7Jjwmm.js.map
+//# sourceMappingURL=mount-perf-hud-DezuAiPb.js.map