@caperjs/core 0.6.1 → 0.7.0

package/lib/ScreenDebugPlugin-C6pxs_3O.js

@@ -0,0 +1,103 @@
+import { Gt as e, W as t } from "./registries-BmDw_GV1.js";
+//#region src/plugins/ScreenDebugPlugin.ts
+var n = /* @__PURE__ */ e({ ScreenDebugPlugin: () => r }), r = class extends t {
+	constructor(...e) {
+		super(...e), this.id = "screenDebug", this._panel = null, this._visibleBottom = null, this._canvasBottom = null, this._safeAreaProbe = null, this._startedAt = 0, this._timeline = [], this._initialVvH = 0;
+	}
+	initialize() {
+		if (typeof document > "u") return;
+		this._startedAt = performance.now(), this._initialVvH = window.visualViewport?.height ?? window.innerHeight, this._panel = document.createElement("div"), this._panel.dataset.caperScreenDebug = "panel", this._panel.style.cssText = "position:fixed;top:8px;left:8px;z-index:999999;pointer-events:none;font:10px/1.4 monospace;color:#9f9;background:rgba(0,0,0,.75);padding:6px 8px;border-radius:4px;max-width:86vw;white-space:pre;", this._visibleBottom = this._makeMarker("red", "visible-bottom"), this._canvasBottom = this._makeMarker("cyan", "canvas-bottom"), document.body.append(this._panel, this._visibleBottom, this._canvasBottom), this.listen(window, "resize", () => this._onViewportEvent("resize")), this.listen(window, "orientationchange", () => this._onViewportEvent("orientationchange")), window.visualViewport && this.listen(window.visualViewport, "resize", () => this._onViewportEvent("vv.resize"));
+		let e = window.setInterval(() => this._update(), 500);
+		this.addDisposer(() => window.clearInterval(e), () => {
+			this._panel?.remove(), this._visibleBottom?.remove(), this._canvasBottom?.remove(), this._safeAreaProbe?.remove(), this._panel = this._visibleBottom = this._canvasBottom = this._safeAreaProbe = null;
+		}), this._update();
+	}
+	_makeMarker(e, t) {
+		let n = document.createElement("div");
+		return n.dataset.caperScreenDebug = t, n.style.cssText = `position:fixed;left:0;width:100%;height:2px;background:${e};z-index:999999;pointer-events:none;`, n;
+	}
+	_onViewportEvent(e) {
+		let t = window.innerHeight, n = window.visualViewport?.height ?? t;
+		this._timeline.push({
+			t: performance.now() - this._startedAt,
+			type: e,
+			innerH: t,
+			vvH: n
+		}), this._timeline.length > 20 && this._timeline.shift(), this._update();
+	}
+	_update() {
+		if (!this._panel || !this._visibleBottom || !this._canvasBottom) return;
+		let e = window.visualViewport, t = this._getCanvas(), n = t?.getBoundingClientRect(), r = this._measureSafeAreaCssPx(), i = this._getRenderer(), a = this._getAppSize(), o = this._getResizer(), s = (e) => Math.round(e * 10) / 10, c = [
+			"dvh",
+			"svh",
+			"lvh",
+			"vh"
+		].map((e) => `${e} ${s(this._measureViewportUnit(e))}`), l = this._timeline.map((e, t) => {
+			let n = this._timeline[t - 1];
+			return `+${Math.round(e.t)}ms ${e.type} ${s(n?.vvH ?? this._initialVvH)}→${s(e.vvH)}`;
+		});
+		this._panel.textContent = [
+			`inner ${window.innerWidth}x${window.innerHeight}`,
+			`client ${document.documentElement.clientHeight}`,
+			`vv ${e ? `${s(e.width)}x${s(e.height)} scale ${e.scale} offsetTop ${s(e.offsetTop)}` : "n/a"}`,
+			...c,
+			`screen ${window.screen.width}x${window.screen.height}`,
+			`dpr ${window.devicePixelRatio}`,
+			`standalone ${window.matchMedia("(display-mode: standalone)").matches}`,
+			`env ${r.top},${r.right},${r.bottom},${r.left}`,
+			`canvas ${n ? `top ${s(n.top)} bottom ${s(n.bottom)} height ${s(n.height)}` : "n/a"} style ${t?.style.height || "n/a"}`,
+			`renderer ${i ? `${i.width}x${i.height} resolution ${i.resolution}` : "n/a"}`,
+			`app.size ${a ? `${a.width}x${a.height}` : "n/a"}`,
+			`resizer ${o ? `scale ${Math.round(o.scale * 1e3) / 1e3} safeArea ${JSON.stringify(o.safeArea)}` : "n/a"}`,
+			...l
+		].join("\n"), this._visibleBottom.style.top = `${(e ? e.offsetTop + e.height : window.innerHeight) - 2}px`, n ? (this._canvasBottom.style.top = `${n.bottom - 2}px`, this._canvasBottom.style.display = "block") : this._canvasBottom.style.display = "none";
+	}
+	_measureViewportUnit(e) {
+		let t = document.createElement("div");
+		t.style.cssText = `position:fixed;height:100${e};visibility:hidden;pointer-events:none;`, document.body.appendChild(t);
+		let n = t.getBoundingClientRect().height;
+		return t.remove(), n;
+	}
+	_measureSafeAreaCssPx() {
+		this._safeAreaProbe || (this._safeAreaProbe = document.createElement("div"), this._safeAreaProbe.style.cssText = "position:fixed;top:0;left:0;width:0;height:0;visibility:hidden;pointer-events:none;padding-top:env(safe-area-inset-top, 0px);padding-right:env(safe-area-inset-right, 0px);padding-bottom:env(safe-area-inset-bottom, 0px);padding-left:env(safe-area-inset-left, 0px);", document.body.appendChild(this._safeAreaProbe));
+		let e = getComputedStyle(this._safeAreaProbe);
+		return {
+			top: parseFloat(e.paddingTop) || 0,
+			right: parseFloat(e.paddingRight) || 0,
+			bottom: parseFloat(e.paddingBottom) || 0,
+			left: parseFloat(e.paddingLeft) || 0
+		};
+	}
+	_getCanvas() {
+		try {
+			return this.app.renderer?.canvas ?? null;
+		} catch {
+			return null;
+		}
+	}
+	_getRenderer() {
+		try {
+			return this.app.renderer ?? null;
+		} catch {
+			return null;
+		}
+	}
+	_getAppSize() {
+		try {
+			return this.app.size ?? null;
+		} catch {
+			return null;
+		}
+	}
+	_getResizer() {
+		try {
+			return this.app.resizer ?? null;
+		} catch {
+			return null;
+		}
+	}
+};
+//#endregion
+export { n, r as t };
+
+//# sourceMappingURL=ScreenDebugPlugin-C6pxs_3O.js.map

package/lib/ScreenDebugPlugin-C6pxs_3O.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenDebugPlugin-C6pxs_3O.js","names":[],"sources":["../src/plugins/ScreenDebugPlugin.ts"],"sourcesContent":["import { Plugin } from './Plugin';\n\ntype TimelineEntry = { t: number; type: string; innerH: number; vvH: number };\n\nexport class ScreenDebugPlugin extends Plugin {\n  public readonly id = 'screenDebug';\n\n  private _panel: HTMLDivElement | null = null;\n  private _visibleBottom: HTMLDivElement | null = null;\n  private _canvasBottom: HTMLDivElement | null = null;\n  private _safeAreaProbe: HTMLDivElement | null = null;\n  private _startedAt = 0;\n  private _timeline: TimelineEntry[] = [];\n  private _initialVvH = 0;\n\n  public initialize(): void {\n    if (typeof document === 'undefined') {\n      return;\n    }\n\n    this._startedAt = performance.now();\n    this._initialVvH = window.visualViewport?.height ?? window.innerHeight;\n\n    this._panel = document.createElement('div');\n    this._panel.dataset.caperScreenDebug = 'panel';\n    this._panel.style.cssText =\n      'position:fixed;top:8px;left:8px;z-index:999999;pointer-events:none;font:10px/1.4 monospace;' +\n      'color:#9f9;background:rgba(0,0,0,.75);padding:6px 8px;border-radius:4px;max-width:86vw;white-space:pre;';\n    this._visibleBottom = this._makeMarker('red', 'visible-bottom');\n    this._canvasBottom = this._makeMarker('cyan', 'canvas-bottom');\n    document.body.append(this._panel, this._visibleBottom, this._canvasBottom);\n\n    this.listen(window, 'resize', () => this._onViewportEvent('resize'));\n    this.listen(window, 'orientationchange', () => this._onViewportEvent('orientationchange'));\n    if (window.visualViewport) {\n      this.listen(window.visualViewport, 'resize', () => this._onViewportEvent('vv.resize'));\n    }\n\n    const interval = window.setInterval(() => this._update(), 500);\n    this.addDisposer(\n      () => window.clearInterval(interval),\n      () => {\n        this._panel?.remove();\n        this._visibleBottom?.remove();\n        this._canvasBottom?.remove();\n        this._safeAreaProbe?.remove();\n        this._panel = this._visibleBottom = this._canvasBottom = this._safeAreaProbe = null;\n      },\n    );\n    this._update();\n  }\n\n  private _makeMarker(color: string, name: string): HTMLDivElement {\n    const marker = document.createElement('div');\n    marker.dataset.caperScreenDebug = name;\n    marker.style.cssText =\n      `position:fixed;left:0;width:100%;height:2px;background:${color};` +\n      'z-index:999999;pointer-events:none;';\n    return marker;\n  }\n\n  private _onViewportEvent(type: string): void {\n    const innerH = window.innerHeight;\n    const vvH = window.visualViewport?.height ?? innerH;\n    this._timeline.push({ t: performance.now() - this._startedAt, type, innerH, vvH });\n    if (this._timeline.length > 20) {\n      this._timeline.shift();\n    }\n    this._update();\n  }\n\n  private _update(): void {\n    if (!this._panel || !this._visibleBottom || !this._canvasBottom) {\n      return;\n    }\n\n    const vv = window.visualViewport;\n    const canvas = this._getCanvas();\n    const canvasRect = canvas?.getBoundingClientRect();\n    const safeArea = this._measureSafeAreaCssPx();\n    const renderer = this._getRenderer();\n    const appSize = this._getAppSize();\n    const resizer = this._getResizer();\n    const r = (n: number) => Math.round(n * 10) / 10;\n    const viewportUnits = ['dvh', 'svh', 'lvh', 'vh'].map((unit) => `${unit} ${r(this._measureViewportUnit(unit))}`);\n    const events = this._timeline.map((event, index) => {\n      const prior = this._timeline[index - 1];\n      return `+${Math.round(event.t)}ms ${event.type} ${r(prior?.vvH ?? this._initialVvH)}→${r(event.vvH)}`;\n    });\n\n    this._panel.textContent = [\n      `inner ${window.innerWidth}x${window.innerHeight}`,\n      `client ${document.documentElement.clientHeight}`,\n      `vv ${vv ? `${r(vv.width)}x${r(vv.height)} scale ${vv.scale} offsetTop ${r(vv.offsetTop)}` : 'n/a'}`,\n      ...viewportUnits,\n      `screen ${window.screen.width}x${window.screen.height}`,\n      `dpr ${window.devicePixelRatio}`,\n      `standalone ${window.matchMedia('(display-mode: standalone)').matches}`,\n      `env ${safeArea.top},${safeArea.right},${safeArea.bottom},${safeArea.left}`,\n      `canvas ${canvasRect ? `top ${r(canvasRect.top)} bottom ${r(canvasRect.bottom)} height ${r(canvasRect.height)}` : 'n/a'} style ${canvas?.style.height || 'n/a'}`,\n      `renderer ${renderer ? `${renderer.width}x${renderer.height} resolution ${renderer.resolution}` : 'n/a'}`,\n      `app.size ${appSize ? `${appSize.width}x${appSize.height}` : 'n/a'}`,\n      `resizer ${resizer ? `scale ${Math.round(resizer.scale * 1000) / 1000} safeArea ${JSON.stringify(resizer.safeArea)}` : 'n/a'}`,\n      ...events,\n    ].join('\\n');\n\n    this._visibleBottom.style.top = `${(vv ? vv.offsetTop + vv.height : window.innerHeight) - 2}px`;\n    if (canvasRect) {\n      this._canvasBottom.style.top = `${canvasRect.bottom - 2}px`;\n      this._canvasBottom.style.display = 'block';\n    } else {\n      this._canvasBottom.style.display = 'none';\n    }\n  }\n\n  private _measureViewportUnit(unit: string): number {\n    const probe = document.createElement('div');\n    probe.style.cssText = `position:fixed;height:100${unit};visibility:hidden;pointer-events:none;`;\n    document.body.appendChild(probe);\n    const height = probe.getBoundingClientRect().height;\n    probe.remove();\n    return height;\n  }\n\n  private _measureSafeAreaCssPx(): { top: number; right: number; bottom: number; left: number } {\n    if (!this._safeAreaProbe) {\n      this._safeAreaProbe = document.createElement('div');\n      this._safeAreaProbe.style.cssText =\n        'position:fixed;top:0;left:0;width:0;height:0;visibility:hidden;pointer-events:none;' +\n        'padding-top:env(safe-area-inset-top, 0px);padding-right:env(safe-area-inset-right, 0px);' +\n        'padding-bottom:env(safe-area-inset-bottom, 0px);padding-left:env(safe-area-inset-left, 0px);';\n      document.body.appendChild(this._safeAreaProbe);\n    }\n    const style = getComputedStyle(this._safeAreaProbe);\n    return {\n      top: parseFloat(style.paddingTop) || 0,\n      right: parseFloat(style.paddingRight) || 0,\n      bottom: parseFloat(style.paddingBottom) || 0,\n      left: parseFloat(style.paddingLeft) || 0,\n    };\n  }\n\n  private _getCanvas(): HTMLCanvasElement | null {\n    try {\n      return (this.app.renderer?.canvas as HTMLCanvasElement | undefined) ?? null;\n    } catch {\n      return null;\n    }\n  }\n\n  private _getRenderer(): { width: number; height: number; resolution: number } | null {\n    try {\n      return this.app.renderer ?? null;\n    } catch {\n      return null;\n    }\n  }\n\n  private _getAppSize(): { width: number; height: number } | null {\n    try {\n      return this.app.size ?? null;\n    } catch {\n      return null;\n    }\n  }\n\n  private _getResizer(): { scale: number; safeArea: unknown } | null {\n    try {\n      return this.app.resizer ?? null;\n    } catch {\n      return null;\n    }\n  }\n}\n"],"mappings":"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"}

package/lib/{SpinePlugin-CPNRM2J1.js → SpinePlugin-CrQhaK6r.js}

@@ -1,4 +1,4 @@
-import { U as e } from "./registries-DlqHRO90.js";
+import { W as e } from "./registries-BmDw_GV1.js";
 import { Assets as t, Cache as n, Container as r, DEG_TO_RAD as i, DOMAdapter as a, ExtensionType as o, Graphics as s, LoaderParserPriority as c, Resolver as l, Texture as u, TextureSource as d, Ticker as f, ViewContainer as p, checkExtension as m, extensions as h, fastCopy as g, path as _ } from "pixi.js";
 //#region ../../node_modules/.pnpm/@esotericsoftware+spine-core@4.2.84/node_modules/@esotericsoftware/spine-core/dist/Utils.js
 var v = class {
@@ -5971,4 +5971,4 @@ var dn = new en(), fn = new S(() => new s()), pn = class e extends p {
 //#endregion
 export { mn as SpinePlugin };
 
-//# sourceMappingURL=SpinePlugin-CPNRM2J1.js.map
+//# sourceMappingURL=SpinePlugin-CrQhaK6r.js.map