webgpu-profiler 0.1.0

package/dist/profiler.js

@@ -0,0 +1,105 @@
+import { resolveExtent, textureDescriptorBytes, } from "./instrument.js";
+// ── Helpers ─────────────────────────────────────────────────────────────────
+// Spec-defined WebGPU usage flag values, hardcoded so this module can be
+// imported in Node / SSR environments where `GPUBufferUsage` /
+// `GPUTextureUsage` global objects are not defined.
+// https://www.w3.org/TR/webgpu/#typedefdef-gpubufferusageflags
+const BUFFER_USAGE_NAMES = [
+    [0x0001, "MAP_READ"],
+    [0x0002, "MAP_WRITE"],
+    [0x0004, "COPY_SRC"],
+    [0x0008, "COPY_DST"],
+    [0x0010, "INDEX"],
+    [0x0020, "VERTEX"],
+    [0x0040, "UNIFORM"],
+    [0x0080, "STORAGE"],
+    [0x0100, "INDIRECT"],
+    [0x0200, "QUERY_RESOLVE"],
+];
+const TEXTURE_USAGE_RENDER_ATTACHMENT = 0x10;
+function decodeBufferUsage(flags) {
+    const names = [];
+    for (const [flag, name] of BUFFER_USAGE_NAMES) {
+        if (flags & flag)
+            names.push(name);
+    }
+    return names.join("|") || "0";
+}
+function isRenderAttachment(usage) {
+    return Boolean(usage & TEXTURE_USAGE_RENDER_ATTACHMENT);
+}
+// ── Public API ──────────────────────────────────────────────────────────────
+export function profileMemory(instrumentation) {
+    const sampledTextures = [];
+    const renderTargets = [];
+    for (const { descriptor } of instrumentation.textures.values()) {
+        const dims = resolveExtent(descriptor.size);
+        const bytes = textureDescriptorBytes(descriptor);
+        const usage = descriptor.usage ?? 0;
+        const entry = {
+            name: descriptor.label || "(unnamed)",
+            width: dims.width,
+            height: dims.height,
+            depth: dims.depth,
+            format: descriptor.format,
+            mipLevels: descriptor.mipLevelCount ?? 1,
+            sampleCount: descriptor.sampleCount ?? 1,
+            isRenderTarget: isRenderAttachment(usage),
+            bytes,
+        };
+        if (entry.isRenderTarget)
+            renderTargets.push(entry);
+        else
+            sampledTextures.push(entry);
+    }
+    sampledTextures.sort((a, b) => b.bytes - a.bytes);
+    renderTargets.sort((a, b) => b.bytes - a.bytes);
+    const buffers = [];
+    for (const { descriptor } of instrumentation.buffers.values()) {
+        buffers.push({
+            name: descriptor.label || "(unnamed)",
+            bytes: descriptor.size,
+            usage: decodeBufferUsage(descriptor.usage),
+        });
+    }
+    buffers.sort((a, b) => b.bytes - a.bytes);
+    const totalSampled = sampledTextures.reduce((s, t) => s + t.bytes, 0);
+    const totalRT = renderTargets.reduce((s, t) => s + t.bytes, 0);
+    const totalBuf = buffers.reduce((s, b) => s + b.bytes, 0);
+    return {
+        sampledTextures,
+        renderTargets,
+        buffers,
+        totals: {
+            sampledTextures: totalSampled,
+            renderTargets: totalRT,
+            buffers: totalBuf,
+            all: totalSampled + totalRT + totalBuf,
+        },
+    };
+}
+/** Build a multi-line plain-text report. Feed to a copy button or bug report. */
+export function reportToText(report) {
+    const mb = (b) => `${(b / 1024 / 1024).toFixed(2)} MB`;
+    const lines = [];
+    lines.push(`VRAM snapshot (live, from device.createBuffer/createTexture)`);
+    lines.push(``);
+    lines.push(`Sampled textures: ${mb(report.totals.sampledTextures)}`);
+    for (const t of report.sampledTextures) {
+        lines.push(`  ${t.name.padEnd(32)} ${t.width}x${t.height}${t.depth > 1 ? `x${t.depth}` : ""} ${t.format}  mips=${t.mipLevels}  ${mb(t.bytes)}`);
+    }
+    lines.push(``);
+    lines.push(`Render targets: ${mb(report.totals.renderTargets)}`);
+    for (const t of report.renderTargets) {
+        lines.push(`  ${t.name.padEnd(32)} ${t.width}x${t.height} ${t.format}  ${mb(t.bytes)}`);
+    }
+    lines.push(``);
+    lines.push(`Buffers: ${mb(report.totals.buffers)}`);
+    for (const b of report.buffers) {
+        lines.push(`  ${b.name.padEnd(32)} ${b.usage}  ${mb(b.bytes)}`);
+    }
+    lines.push(``);
+    lines.push(`Total: ${mb(report.totals.all)}`);
+    return lines.join("\n");
+}
+//# sourceMappingURL=profiler.js.map

package/dist/profiler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profiler.js","sourceRoot":"","sources":["../src/profiler.ts"],"names":[],"mappings":"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"}

package/dist/react/MemoryHUD.d.ts

@@ -0,0 +1,27 @@
+import { type CSSProperties } from "react";
+import { type DeviceInstrumentation } from "../instrument.js";
+/**
+ * Viewport-pinned overlay that polls {@link profileMemory} on a timer and
+ * renders a copyable breakdown of all GPU memory the page has allocated
+ * through `device.createBuffer` / `device.createTexture`.
+ *
+ * Self-contained (no external CSS, no design-token dependency). Default
+ * styling is a dark transparent panel. Re-skin via `style` / `className`.
+ *
+ * Each section (Textures / Render targets / Buffers) is independently
+ * scrollable, so the HUD never overflows the viewport.
+ */
+export interface MemoryHUDProps {
+    /**
+     * Optional. When omitted, the HUD reads the active instrumentation set
+     * by `instrumentDevice()` or `autoInstrument()` via subscription. Pass
+     * explicitly if you're managing multiple devices.
+     */
+    instrumentation?: DeviceInstrumentation | null;
+    refreshMs?: number;
+    corner?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function MemoryHUD({ instrumentation: explicit, refreshMs, corner, className, style, }?: MemoryHUDProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=MemoryHUD.d.ts.map

package/dist/react/MemoryHUD.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MemoryHUD.d.ts","sourceRoot":"","sources":["../../src/react/MemoryHUD.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,aAAa,EAEnB,MAAM,OAAO,CAAC;AAQf,OAAO,EAGL,KAAK,qBAAqB,EAC3B,MAAM,kBAAkB,CAAC;AAE1B;;;;;;;;;;GAUG;AAEH,MAAM,WAAW,cAAc;IAC7B;;;;OAIG;IACH,eAAe,CAAC,EAAE,qBAAqB,GAAG,IAAI,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CAAC;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAsED,wBAAgB,SAAS,CAAC,EACxB,eAAe,EAAE,QAAQ,EACzB,SAA8B,EAC9B,MAAoB,EACpB,SAAS,EACT,KAAK,GACN,GAAE,cAAmB,kDA6KrB"}

package/dist/react/MemoryHUD.js

@@ -0,0 +1,232 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState, useSyncExternalStore, } from "react";
+import { profileMemory, reportToText, } from "../profiler.js";
+import { getActiveInstrumentation, subscribeActiveInstrumentation, } from "../instrument.js";
+/**
+ * React hook that subscribes to the active instrumentation. Re-renders
+ * the calling component when `instrumentDevice` or `autoInstrument` sets
+ * (or clears) the global handle.
+ */
+function useActiveInstrumentation() {
+    return useSyncExternalStore(subscribeActiveInstrumentation, getActiveInstrumentation, () => null);
+}
+const DEFAULT_REFRESH_MS = 1000;
+const SECTION_MAX_HEIGHT = 240;
+const MIN_WIDTH = 360;
+const NAME_MAX_CHARS = 26;
+const CORNERS = {
+    "top-right": { top: 8, right: 8 },
+    "top-left": { top: 8, left: 8 },
+    "bottom-right": { bottom: 8, right: 8 },
+    "bottom-left": { bottom: 8, left: 8 },
+};
+function mb(bytes) {
+    return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
+}
+/** Pre-truncate names that would otherwise blow the layout; the CSS
+ *  ellipsis is a safety net for edges this helper misses. */
+function shortName(name, maxLen = NAME_MAX_CHARS) {
+    if (name.length <= maxLen)
+        return name;
+    return name.slice(0, maxLen - 1) + "…";
+}
+// Default theme. Override via `style` prop or className.
+const C = {
+    bg: "rgba(8, 12, 16, 0.92)",
+    border: "rgba(255, 255, 255, 0.1)",
+    hover: "rgba(255, 255, 255, 0.06)",
+    textPrimary: "rgba(255, 255, 255, 0.9)",
+    textSecondary: "rgba(255, 255, 255, 0.65)",
+    textMuted: "rgba(255, 255, 255, 0.4)",
+};
+const monoFont = 'ui-monospace, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace';
+// One-time global style injection for focus-visible. The HUD otherwise
+// uses inline styles only, so consumers can override via `style` / `className`
+// without specificity wars. SSR-safe via the `document` guard.
+const FOCUS_STYLE_ID = "webgpu-profiler-focus";
+function ensureFocusStyle() {
+    if (typeof document === "undefined")
+        return;
+    if (document.getElementById(FOCUS_STYLE_ID))
+        return;
+    const el = document.createElement("style");
+    el.id = FOCUS_STYLE_ID;
+    el.textContent = `
+    [data-webgpu-profiler-btn]:focus-visible {
+      outline: 2px solid rgba(255, 255, 255, 0.5);
+      outline-offset: -2px;
+      border-radius: 4px;
+    }
+  `;
+    document.head.appendChild(el);
+}
+export function MemoryHUD({ instrumentation: explicit, refreshMs = DEFAULT_REFRESH_MS, corner = "top-right", className, style, } = {}) {
+    const active = useActiveInstrumentation();
+    const instrumentation = explicit !== undefined ? explicit : active;
+    const [report, setReport] = useState(null);
+    const [open, setOpen] = useState(true);
+    const [copied, setCopied] = useState(false);
+    const [headerHover, setHeaderHover] = useState(false);
+    const [copyHover, setCopyHover] = useState(false);
+    const timerRef = useRef(null);
+    useEffect(() => {
+        ensureFocusStyle();
+    }, []);
+    useEffect(() => {
+        if (!instrumentation)
+            return;
+        const tick = () => {
+            try {
+                setReport(profileMemory(instrumentation));
+            }
+            catch {
+                // Device may not yet be ready; ignore until next tick.
+            }
+        };
+        tick();
+        timerRef.current = window.setInterval(tick, refreshMs);
+        return () => {
+            if (timerRef.current !== null)
+                window.clearInterval(timerRef.current);
+        };
+    }, [instrumentation, refreshMs]);
+    if (!report)
+        return null;
+    const [copyFailed, setCopyFailed] = useState(false);
+    const handleCopy = async () => {
+        try {
+            await navigator.clipboard.writeText(reportToText(report));
+            setCopied(true);
+            window.setTimeout(() => setCopied(false), 1200);
+        }
+        catch (err) {
+            // Insecure context, sandboxed iframe, permission denied, etc.
+            // Surface the failure so the user knows to fall back to manual select.
+            console.warn("[webgpu-profiler] clipboard write failed:", err);
+            setCopyFailed(true);
+            window.setTimeout(() => setCopyFailed(false), 1500);
+        }
+    };
+    const containerStyle = {
+        position: "fixed",
+        zIndex: 9999,
+        pointerEvents: "auto",
+        minWidth: open ? MIN_WIDTH : undefined,
+        maxHeight: "calc(100vh - 16px)",
+        display: "flex",
+        flexDirection: "column",
+        background: C.bg,
+        border: `1px solid ${C.border}`,
+        borderRadius: 6,
+        fontFamily: monoFont,
+        fontSize: 11,
+        color: C.textSecondary,
+        backdropFilter: "blur(8px)",
+        WebkitBackdropFilter: "blur(8px)",
+        ...CORNERS[corner],
+        ...style,
+    };
+    return (_jsxs("div", { className: className, style: containerStyle, children: [_jsxs("button", { type: "button", "data-webgpu-profiler-btn": "", onClick: () => setOpen((v) => !v), onMouseEnter: () => setHeaderHover(true), onMouseLeave: () => setHeaderHover(false), style: {
+                    all: "unset",
+                    cursor: "pointer",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "space-between",
+                    gap: 12,
+                    padding: "6px 10px",
+                    color: C.textPrimary,
+                    borderBottom: open ? `1px solid ${C.border}` : undefined,
+                    background: headerHover ? C.hover : "transparent",
+                    flexShrink: 0,
+                    transition: "background 100ms ease",
+                }, children: [_jsx("span", { children: "VRAM" }), _jsx("span", { style: { fontVariantNumeric: "tabular-nums" }, children: mb(report.totals.all) }), _jsx("span", { style: { color: C.textMuted }, children: open ? "▾" : "▸" })] }), open && (_jsxs("div", { style: {
+                    padding: "8px 10px 0",
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: 6,
+                    minHeight: 0,
+                    flex: "1 1 auto",
+                }, children: [report.sampledTextures.length > 0 && (_jsx(Section, { label: "Sampled textures", total: report.totals.sampledTextures, children: report.sampledTextures.map((t, i) => (_jsx(TextureRow, { entry: t }, i))) })), report.renderTargets.length > 0 && (_jsx(Section, { label: "Render targets", total: report.totals.renderTargets, topBorder: true, children: report.renderTargets.map((t, i) => (_jsx(TextureRow, { entry: t }, i))) })), report.buffers.length > 0 && (_jsx(Section, { label: "Buffers", total: report.totals.buffers, topBorder: true, children: report.buffers.map((b, i) => (_jsx(BufferRow, { entry: b }, i))) }))] })), open && (_jsx("div", { style: {
+                    display: "flex",
+                    justifyContent: "flex-end",
+                    borderTop: `1px solid ${C.border}`,
+                    padding: "6px 10px",
+                    flexShrink: 0,
+                }, children: _jsx("button", { type: "button", "data-webgpu-profiler-btn": "", onClick: handleCopy, onMouseEnter: () => setCopyHover(true), onMouseLeave: () => setCopyHover(false), title: "Copy report to clipboard", style: {
+                        all: "unset",
+                        cursor: "pointer",
+                        fontSize: 10,
+                        color: copyHover ? C.textPrimary : C.textMuted,
+                        transition: "color 100ms ease",
+                    }, children: copyFailed ? "copy failed" : copied ? "copied" : "copy report" }) }))] }));
+}
+// ── Rows ────────────────────────────────────────────────────────────────────
+//
+// Table rows with `width: 100%` and `table-layout: auto`. Names are
+// pre-truncated to NAME_MAX_CHARS in JS so column widths stay reasonable;
+// CSS overflow/ellipsis is the safety net.
+function TextureRow({ entry }) {
+    return (_jsxs("tr", { style: { lineHeight: 1.4 }, children: [_jsx("td", { style: {
+                    paddingRight: 8,
+                    color: C.textPrimary,
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    whiteSpace: "nowrap",
+                }, title: entry.name, children: shortName(entry.name) }), _jsxs("td", { style: { paddingRight: 8, color: C.textMuted, whiteSpace: "nowrap" }, children: [entry.width, "x", entry.height, entry.depth > 1 ? `x${entry.depth}` : ""] }), _jsx("td", { style: { paddingRight: 8, color: C.textMuted, whiteSpace: "nowrap" }, children: entry.format }), _jsx("td", { style: {
+                    textAlign: "right",
+                    fontVariantNumeric: "tabular-nums",
+                    color: C.textSecondary,
+                    whiteSpace: "nowrap",
+                }, children: mb(entry.bytes) })] }));
+}
+function BufferRow({ entry }) {
+    return (_jsxs("tr", { style: { lineHeight: 1.4 }, children: [_jsx("td", { style: {
+                    paddingRight: 8,
+                    color: C.textPrimary,
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    whiteSpace: "nowrap",
+                }, title: entry.name, children: shortName(entry.name) }), _jsx("td", { style: {
+                    paddingRight: 8,
+                    color: C.textMuted,
+                    fontSize: 10,
+                    whiteSpace: "nowrap",
+                }, title: entry.usage, children: shortName(entry.usage, 18) }), _jsx("td", { style: {
+                    textAlign: "right",
+                    fontVariantNumeric: "tabular-nums",
+                    color: C.textSecondary,
+                    whiteSpace: "nowrap",
+                }, children: mb(entry.bytes) })] }));
+}
+function Section({ label, total, topBorder, children, }) {
+    return (_jsxs("div", { style: {
+            display: "flex",
+            flexDirection: "column",
+            minHeight: 0,
+            flex: "0 1 auto",
+            marginTop: topBorder ? 6 : 0,
+            paddingTop: topBorder ? 6 : 0,
+            borderTop: topBorder ? `1px solid ${C.border}` : undefined,
+        }, children: [_jsxs("div", { style: {
+                    display: "flex",
+                    justifyContent: "space-between",
+                    color: C.textMuted,
+                    marginBottom: 4,
+                    flexShrink: 0,
+                }, children: [_jsx("span", { children: label }), _jsx("span", { style: { fontVariantNumeric: "tabular-nums" }, children: mb(total) })] }), _jsx("div", { style: {
+                    overflowY: "auto",
+                    overflowX: "hidden",
+                    maxHeight: SECTION_MAX_HEIGHT,
+                    minHeight: 0,
+                    // `thin` shrinks the scrollbar; `stable` reserves space for it
+                    // even when it's not visible, so the rightmost column never gets
+                    // overlapped by an overlay scrollbar (macOS, mobile).
+                    scrollbarWidth: "thin",
+                    scrollbarGutter: "stable",
+                }, children: _jsx("table", { style: {
+                        width: "100%",
+                        tableLayout: "auto",
+                        borderCollapse: "collapse",
+                    }, children: _jsx("tbody", { children: children }) }) })] }));
+}
+//# sourceMappingURL=MemoryHUD.js.map

package/dist/react/MemoryHUD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MemoryHUD.js","sourceRoot":"","sources":["../../src/react/MemoryHUD.tsx"],"names":[],"mappings":"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"}

package/dist/react/index.d.ts

@@ -0,0 +1,2 @@
+export { MemoryHUD, type MemoryHUDProps } from "./MemoryHUD.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/react/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/react/index.js

@@ -0,0 +1,2 @@
+export { MemoryHUD } from "./MemoryHUD.js";
+//# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAuB,MAAM,gBAAgB,CAAC"}

package/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "webgpu-profiler",
+  "version": "0.1.0",
+  "description": "Live GPU memory profiler for WebGPU. Patches GPUDevice once and gives you exact byte-level snapshots of every buffer and texture, plus an optional React HUD overlay.",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "src",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "clean": "rm -rf dist",
+    "pack:local": "yarn build && yarn pack -o package.tgz",
+    "release": "npm publish",
+    "prepublishOnly": "npm run clean && npm run build"
+  },
+  "keywords": [
+    "webgpu",
+    "gpu",
+    "memory",
+    "profiler",
+    "vram",
+    "performance",
+    "three.js",
+    "babylon.js",
+    "instrumentation"
+  ],
+  "author": "Redmond Riddell",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/soaringred/webgpu-profiler.git"
+  },
+  "homepage": "https://github.com/soaringred/webgpu-profiler#readme",
+  "bugs": {
+    "url": "https://github.com/soaringred/webgpu-profiler/issues"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "peerDependencies": {
+    "react": ">=18"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@webgpu/types": "^0.1.40",
+    "react": "^19.0.0",
+    "typescript": "^5.3.0"
+  },
+  "sideEffects": false,
+  "packageManager": "yarn@4.12.0+sha512.f45ab632439a67f8bc759bf32ead036a1f413287b9042726b7cc4818b7b49e14e9423ba49b18f9e06ea4941c1ad062385b1d8760a8d5091a1a31e5f6219afca8"
+}

package/src/index.ts

@@ -0,0 +1,20 @@
+export {
+  instrumentDevice,
+  autoInstrument,
+  getActiveInstrumentation,
+  subscribeActiveInstrumentation,
+  textureDescriptorBytes,
+  resolveExtent,
+  type DeviceInstrumentation,
+  type TrackedBuffer,
+  type TrackedTexture,
+  type AutoInstrumentOptions,
+} from "./instrument.js";
+
+export {
+  profileMemory,
+  reportToText,
+  type MemoryReport,
+  type TextureEntry,
+  type BufferEntry,
+} from "./profiler.js";