@scayle/storefront-devtools 0.2.0-alpha.1 → 0.2.0-alpha.2

package/dist/inertia/core/response.d.ts

@@ -1,5 +1,5 @@
 import { RequestRecord } from './types';
-/** How a response prop key actually arrived on the wire, for the Response view. */
+/** How a response prop key actually arrived in the response, for the Response view. */
 export type ResponseArrivalKind = 'full' | 'partial' | 'deferred' | 'merged' | 'prepended' | 'deep-merged';
 /** One prop key the response body actually included, tagged by arrival kind. */
 export interface ResponseEntry {
@@ -25,11 +25,11 @@ export interface ResponseBreakdown {
  * over from the previous page untouched by this response.
  *
  * Unlike a before/after diff, this never looks at the previous page's props
- * for its main output: `record.responseProps` is the raw wire payload, so a
+ * for its main output: `record.responseProps` is the raw response payload, so a
  * key it doesn't contain genuinely wasn't sent for this request, whether or
  * not the client's merged page still shows it.
  *
- * @param record - The request record. Uses `responseProps` (the parsed wire
+ * @param record - The request record. Uses `responseProps` (the parsed response
  *   body), falling back to nothing if the interceptor never captured it.
  * @returns The classified breakdown, or `null` if no response body was
  *   captured for this request (for example a cancelled visit, or Inertia's

package/dist/inertia/core/response.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"response.d.ts","sourceRoot":"","sources":["../../../src/inertia/core/response.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C,mFAAmF;AACnF,MAAM,MAAM,mBAAmB,GAC7B,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,aAAa,CAAA;AAE1E,gFAAgF;AAChF,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,OAAO,CAAA;IACd,IAAI,EAAE,mBAAmB,CAAA;CAC1B;AAED,mFAAmF;AACnF,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,yEAAyE;AACzE,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,aAAa,EAAE,CAAA;IACxB,WAAW,EAAE,gBAAgB,EAAE,CAAA;IAC/B,qFAAqF;IACrF,gBAAgB,EAAE,MAAM,CAAA;CACzB;AAyBD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,aAAa,GACpB,iBAAiB,GAAG,IAAI,CAyB1B"}
+{"version":3,"file":"response.d.ts","sourceRoot":"","sources":["../../../src/inertia/core/response.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C,uFAAuF;AACvF,MAAM,MAAM,mBAAmB,GAC7B,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,aAAa,CAAA;AAE1E,gFAAgF;AAChF,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,OAAO,CAAA;IACd,IAAI,EAAE,mBAAmB,CAAA;CAC1B;AAED,mFAAmF;AACnF,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,yEAAyE;AACzE,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,aAAa,EAAE,CAAA;IACxB,WAAW,EAAE,gBAAgB,EAAE,CAAA;IAC/B,qFAAqF;IACrF,gBAAgB,EAAE,MAAM,CAAA;CACzB;AAyBD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,aAAa,GACpB,iBAAiB,GAAG,IAAI,CAyB1B"}

package/dist/inertia/plugin.d.ts

@@ -1,11 +1,13 @@
 import { Plugin } from 'vite';
 /**
- * Creates the Vite plugin that registers the Inertia devtools panel: a
- * custom-render dock entry whose renderer mounts the Vue panel directly into
- * the dock panel DOM. The panel runs in the same page context as the host app,
- * so it reads the capture store off `window` with no iframe crossing. The
- * capture client itself is injected into the app entry alongside the other
- * panels' clients; see `src/index.ts`.
+ * Creates the Vite plugin that registers the Inertia devtools panel: an
+ * iframe dock entry that loads the panel app's `inertia` view. The view
+ * gets the capture from the Inertia page script over the
+ * `storefront-devtools:inertia` channel. The page script itself is
+ * injected into the app entry alongside the other panels' clients; see
+ * `src/index.ts`.
+ *
+ * @returns A Vite plugin that registers the Inertia.js dock entry.
  */
 export declare function createInertiaPlugin(): Plugin;
 //# sourceMappingURL=plugin.d.ts.map

package/dist/inertia/plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../src/inertia/plugin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AASlC;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,IAAI,MAAM,CAO5C"}
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../src/inertia/plugin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AASlC;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,IAAI,MAAM,CAO5C"}

package/dist/orpc/channel.d.ts

@@ -0,0 +1,29 @@
+import { InPageChannelProtocol } from 'devframe/in-page-channel';
+import { OrpcCall, OrpcCallSummary } from './core/types';
+/** Channel between the oRPC page script and the oRPC panel. */
+export declare const ORPC_CHANNEL = "storefront-devtools:orpc";
+/** Snapshot of the oRPC capture that the page script sends to the oRPC panel. */
+export interface OrpcPanelState {
+    /** Captured calls, oldest first. */
+    calls: OrpcCall[];
+    /** Whether capture is paused. */
+    paused: boolean;
+    /** Summaries from the previous page load, empty after Clear or when none were saved. */
+    previousSession: OrpcCallSummary[];
+}
+/** Contract of {@link ORPC_CHANNEL}. */
+export interface OrpcChannelProtocol extends InPageChannelProtocol {
+    functions: {
+        pageScript: {
+            getState: () => OrpcPanelState;
+            clear: () => void;
+            setPaused: (paused: boolean) => void;
+        };
+    };
+    events: {
+        panel: {
+            state: (state: OrpcPanelState) => void;
+        };
+    };
+}
+//# sourceMappingURL=channel.d.ts.map

package/dist/orpc/channel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"channel.d.ts","sourceRoot":"","sources":["../../src/orpc/channel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAE7D,+DAA+D;AAC/D,eAAO,MAAM,YAAY,6BAA6B,CAAA;AAEtD,iFAAiF;AACjF,MAAM,WAAW,cAAc;IAC7B,oCAAoC;IACpC,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,iCAAiC;IACjC,MAAM,EAAE,OAAO,CAAA;IACf,wFAAwF;IACxF,eAAe,EAAE,eAAe,EAAE,CAAA;CACnC;AAED,wCAAwC;AACxC,MAAM,WAAW,mBAAoB,SAAQ,qBAAqB;IAChE,SAAS,EAAE;QACT,UAAU,EAAE;YACV,QAAQ,EAAE,MAAM,cAAc,CAAA;YAC9B,KAAK,EAAE,MAAM,IAAI,CAAA;YACjB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;SACrC,CAAA;KACF,CAAA;IACD,MAAM,EAAE;QACN,KAAK,EAAE;YACL,KAAK,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAA;SACvC,CAAA;KACF,CAAA;CACF"}

package/dist/orpc/client/index.d.ts

@@ -1,7 +1,2 @@
-import { OrpcStore } from '../core/store';
-declare global {
-    interface Window {
-        __STOREFRONT_DEVTOOLS_ORPC_STORE__?: OrpcStore;
-    }
-}
+export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/orpc/client/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/orpc/client/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAKzC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,kCAAkC,CAAC,EAAE,SAAS,CAAA;KAC/C;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/orpc/client/index.ts"],"names":[],"mappings":""}

package/dist/orpc/client/index.mjs

@@ -1,7 +1,7 @@
-import { i as e, n as t, o as n, r, t as i } from "../../_chunks/redact-DmIF-iyk.mjs";
+import { a as e, c as t, i as n, n as r, o as i, r as a, t as o } from "../../_chunks/coalesce-cmmfn4qq.mjs";
 //#region src/orpc/core/session.ts
-var a = n("orpc-devtools-session");
-function o(e) {
+var s = t("orpc-devtools-session");
+function c(e) {
 	return {
 		id: e.id,
 		procedure: e.procedure,
@@ -11,28 +11,28 @@ function o(e) {
 		errorKind: e.errorKind
 	};
 }
-function s(e) {
-	a.save({
+function l(e) {
+	s.save({
 		savedAt: Date.now(),
-		calls: e.map(o)
+		calls: e.map(c)
 	});
 }
-function c() {
-	return a.load();
+function u() {
+	return s.load();
 }
-function l() {
-	a.clear();
+function d() {
+	s.clear();
 }
 //#endregion
 //#region src/orpc/core/store.ts
-var u = 200, d = { redactKey: t };
-function f(t) {
-	return e(t, d);
+var f = 200, p = { redactKey: n };
+function m(e) {
+	return i(e, p);
 }
-function p(t, n) {
-	return e(n, { redactKey: i(t) });
+function h(e, t) {
+	return i(t, { redactKey: a(e) });
 }
-var m = class {
+var g = class {
 	ordered = [];
 	maxCalls;
 	nextId = 1;
@@ -40,8 +40,8 @@ var m = class {
 	subscribers = /* @__PURE__ */ new Set();
 	previousSession = null;
 	saveTimer;
-	constructor(e = u) {
-		this.maxCalls = e, this.previousSession = c();
+	constructor(e = f) {
+		this.maxCalls = e, this.previousSession = u();
 	}
 	get calls() {
 		return this.ordered.slice();
@@ -58,45 +58,23 @@ var m = class {
 			paused: this._paused
 		};
 	}
-	startCall(e) {
+	startCall(t) {
 		if (this._paused) return -1;
-		let t = this.nextId++, n = {
-			id: t,
-			procedure: e.procedure,
-			method: e.method,
-			url: e.url,
-			input: p(e.procedure, e.input),
-			rawInput: p(e.procedure, e.rawInput),
-			headers: e.headers ? r(e.headers) : void 0,
+		let n = this.nextId++, r = {
+			id: n,
+			procedure: t.procedure,
+			method: t.method,
+			url: t.url,
+			input: h(t.procedure, t.input),
+			rawInput: h(t.procedure, t.rawInput),
+			headers: t.headers ? e(t.headers) : void 0,
 			startedAt: performance.now()
 		};
-		return this.ordered.push(n), this.ordered.length > this.maxCalls && this.evictOldest(), this.notify(), t;
+		return this.ordered.push(r), this.ordered.length > this.maxCalls && this.evictOldest(), this.notify(), n;
 	}
 	finishCall(e, t) {
 		let n = this.ordered.find((t) => t.id === e);
-		n && (n.finishedAt = performance.now(), n.duration = n.finishedAt - n.startedAt, n.status = t.status, n.ok = t.ok, n.output = f(t.output), n.error = f(t.error), n.errorKind = t.errorKind, n.streaming = t.streaming, n.rawOutput = f(t.rawOutput), n.rawError = f(t.rawError), n.responseHeaders = t.responseHeaders, this.notify());
-	}
-	getProcedureStats() {
-		let e = /* @__PURE__ */ new Map();
-		for (let t of this.ordered) {
-			let n = e.get(t.procedure) ?? {
-				count: 0,
-				errors: 0,
-				total: 0,
-				last: 0,
-				durations: 0
-			};
-			n.count++, t.ok === !1 && n.errors++, t.duration != null && (n.total += t.duration, n.durations++, n.last = t.duration), e.set(t.procedure, n);
-		}
-		let t = [];
-		for (let [n, r] of e) t.push({
-			procedure: n,
-			count: r.count,
-			errorCount: r.errors,
-			avgDuration: r.durations > 0 ? r.total / r.durations : 0,
-			lastDuration: r.last
-		});
-		return t;
+		n && (n.finishedAt = performance.now(), n.duration = n.finishedAt - n.startedAt, n.status = t.status, n.ok = t.ok, n.output = m(t.output), n.error = m(t.error), n.errorKind = t.errorKind, n.streaming = t.streaming, n.rawOutput = m(t.rawOutput), n.rawError = m(t.rawError), n.responseHeaders = t.responseHeaders, this.notify());
 	}
 	subscribe(e) {
 		return this.subscribers.add(e), () => {
@@ -107,7 +85,7 @@ var m = class {
 		this._paused = e, this.notify();
 	}
 	clear() {
-		this.ordered = [], this.nextId = 1, l(), this.previousSession = null, this.notify();
+		this.ordered = [], this.nextId = 1, d(), this.previousSession = null, this.notify();
 	}
 	evictOldest() {
 		let e = this.ordered.findIndex((e) => e.finishedAt != null);
@@ -120,41 +98,41 @@ var m = class {
 		} catch (e) {
 			console.warn("[storefront-devtools] oRPC subscriber error:", e);
 		}
-		clearTimeout(this.saveTimer), this.saveTimer = setTimeout(() => s(this.ordered), 1e3);
+		clearTimeout(this.saveTimer), this.saveTimer = setTimeout(() => l(this.ordered), 1e3);
 	}
-}, h = /^\/+/;
-function g(e, t) {
+}, _ = /^\/+/;
+function v(e, t) {
 	let n;
 	try {
 		n = new URL(e, "http://localhost").pathname;
 	} catch {
 		n = e;
 	}
-	let r = _(t);
-	return n.startsWith(r) ? _(n.slice(r.length).replace(h, "")) : null;
+	let r = y(t);
+	return n.startsWith(r) ? y(n.slice(r.length).replace(_, "")) : null;
 }
-function _(e) {
+function y(e) {
 	let t = e.length;
 	for (; t > 0 && e[t - 1] === "/";) t--;
 	return e.slice(0, t);
 }
 //#endregion
 //#region src/orpc/core/classify.ts
-function v(e) {
+function b(e) {
 	if (typeof e == "object" && e && "code" in e) {
 		let t = e.code;
 		return typeof t == "string" ? t : void 0;
 	}
 }
-function y(e, t, n) {
-	return n ? "network" : e === 422 || v(t) === "INPUT_VALIDATION_FAILED" ? "validation" : "server";
+function x(e, t, n) {
+	return n ? "network" : e === 422 || b(t) === "INPUT_VALIDATION_FAILED" ? "validation" : "server";
 }
-function b(e) {
+function S(e) {
 	if (!e || typeof e != "object") return !1;
 	let t = Object.getPrototypeOf(e);
 	return t === Object.prototype || !t || !t.constructor;
 }
-function x(e, t, n) {
+function C(e, t, n) {
 	t === "__proto__" ? Object.defineProperty(e, t, {
 		value: n,
 		writable: !0,
@@ -162,20 +140,20 @@ function x(e, t, n) {
 		configurable: !0
 	}) : e[t] = n;
 }
-function S(e, t, n) {
+function w(e, t, n) {
 	let r = e[t];
 	if (r !== n) return r;
 	let i;
 	if (Array.isArray(r)) i = r.slice();
-	else if (b(r)) i = { ...r };
+	else if (S(r)) i = { ...r };
 	else return r;
-	return x(e, t, i), i;
+	return C(e, t, i), i;
 }
-var C = /^[dgimsuvy]*$/;
-function w(e) {
-	return C.test(e) && new Set(e).size === e.length && !(e.includes("u") && e.includes("v"));
+var T = /^[dgimsuvy]*$/;
+function E(e) {
+	return T.test(e) && new Set(e).size === e.length && !(e.includes("u") && e.includes("v"));
 }
-function T(e, t) {
+function D(e, t) {
 	let n, r = 0, i = () => (n === void 0 && (n = new RegExp(e, t), n.lastIndex = r), n);
 	return new Proxy(Object.create(RegExp.prototype), {
 		get(e, t) {
@@ -198,8 +176,8 @@ function T(e, t) {
 	});
 }
 //#endregion
-//#region ../../../node_modules/.pnpm/@orpc+client@1.15.3_@opentelemetry+api@1.9.1/node_modules/@orpc/client/dist/shared/client.taWlwxQ4.mjs
-var E = {
+//#region ../../../node_modules/.pnpm/@orpc+client@1.15.4_@opentelemetry+api@1.9.1/node_modules/@orpc/client/dist/shared/client.BrcgsQH9.mjs
+var O = {
 	BIGINT: 0,
 	DATE: 1,
 	NAN: 2,
@@ -208,16 +186,16 @@ var E = {
 	REGEXP: 5,
 	SET: 6,
 	MAP: 7
-}, D = new Set(Object.values(E)), O = /^\/(.*)\/([a-z]*)$/;
-function k(e) {
+}, k = new Set(Object.values(O)), A = /^\/(.*)\/([a-z]*)$/;
+function j(e) {
 	return /* @__PURE__ */ TypeError(`Invalid RPC serialized data: ${e}`);
 }
-function A(e, t, n) {
-	return k(`type ${e} (${t}) expects ${n}.`);
+function M(e, t, n) {
+	return j(`type ${e} (${t}) expects ${n}.`);
 }
 //#endregion
 //#region src/orpc/core/serialize.ts
-var j = new class {
+var N = new class {
 	customSerializers;
 	constructor(e = {}) {
 		if (this.customSerializers = e.customJsonSerializers ?? [], this.customSerializers.length !== new Set(this.customSerializers.map((e) => e.type)).size) throw Error("Custom serializer type must be unique.");
@@ -233,13 +211,13 @@ var j = new class {
 			r,
 			i
 		];
-		if (typeof e == "bigint") return n.push([E.BIGINT, ...t]), [
+		if (typeof e == "bigint") return n.push([O.BIGINT, ...t]), [
 			e.toString(),
 			n,
 			r,
 			i
 		];
-		if (e instanceof Date) return n.push([E.DATE, ...t]), Number.isNaN(e.getTime()) ? [
+		if (e instanceof Date) return n.push([O.DATE, ...t]), Number.isNaN(e.getTime()) ? [
 			null,
 			n,
 			r,
@@ -250,19 +228,19 @@ var j = new class {
 			r,
 			i
 		];
-		if (Number.isNaN(e)) return n.push([E.NAN, ...t]), [
+		if (Number.isNaN(e)) return n.push([O.NAN, ...t]), [
 			null,
 			n,
 			r,
 			i
 		];
-		if (e instanceof URL) return n.push([E.URL, ...t]), [
+		if (e instanceof URL) return n.push([O.URL, ...t]), [
 			e.toString(),
 			n,
 			r,
 			i
 		];
-		if (e instanceof RegExp) return n.push([E.REGEXP, ...t]), [
+		if (e instanceof RegExp) return n.push([O.REGEXP, ...t]), [
 			e.toString(),
 			n,
 			r,
@@ -270,15 +248,15 @@ var j = new class {
 		];
 		if (e instanceof Set) {
 			let a = this.serialize(Array.from(e), t, n, r, i);
-			return n.push([E.SET, ...t]), a;
+			return n.push([O.SET, ...t]), a;
 		}
 		if (e instanceof Map) {
 			let a = this.serialize(Array.from(e.entries()), t, n, r, i);
-			return n.push([E.MAP, ...t]), a;
+			return n.push([O.MAP, ...t]), a;
 		}
 		if (Array.isArray(e)) return [
 			e.map((e, a) => e === void 0 ? (n.push([
-				E.UNDEFINED,
+				O.UNDEFINED,
 				...t,
 				a
 			]), null) : this.serialize(e, [...t, a], n, r, i)[0]),
@@ -286,7 +264,7 @@ var j = new class {
 			r,
 			i
 		];
-		if (b(e)) {
+		if (S(e)) {
 			let a = {};
 			for (let o in e) (o !== "toJSON" || typeof e[o] != "function") && (a[o] = this.serialize(e[o], [...t, o], n, r, i)[0]);
 			return [
@@ -306,75 +284,77 @@ var j = new class {
 	deserialize(e, t, n, r) {
 		let i = { data: e }, a = { data: e };
 		n && r && n.forEach((e, t) => {
-			let n = a, o = i, s = "data";
+			let n = r(t);
+			if (!(n instanceof Blob)) throw j(`blob ${t} is not a Blob.`);
+			let o = a, s = i, c = "data";
 			e.forEach((e) => {
-				if (n = n[s], o = S(o, s, n), s = e, !Object.hasOwn(o, s)) throw k(`segment "${s}" does not exist.`);
-			}), o[s] = r(t);
+				if (o = o[c], s = w(s, c, o), c = e, !Object.hasOwn(s, c)) throw j(`segment "${c}" does not exist.`);
+			}), s[c] = n;
 		});
 		for (let e of t) {
 			let t = e[0], n = this.customSerializers.find((e) => e.type === t);
-			if (n === void 0 && !D.has(t)) continue;
+			if (n === void 0 && !k.has(t)) continue;
 			let r = a, o = i, s = "data";
-			for (let t = 1; t < e.length; t++) if (r = r[s], o = S(o, s, r), s = e[t], !Object.hasOwn(o, s)) throw k(`segment "${s}" does not exist.`);
+			for (let t = 1; t < e.length; t++) if (r = r[s], o = w(o, s, r), s = e[t], !Object.hasOwn(o, s)) throw j(`segment "${s}" does not exist.`);
 			if (n !== void 0) {
 				o[s] = n.deserialize(o[s]);
 				continue;
 			}
 			let c = o[s];
 			switch (t) {
-				case E.BIGINT:
-					if (typeof c != "string") throw A(t, "bigint", "a string");
+				case O.BIGINT:
+					if (typeof c != "string") throw M(t, "bigint", "a string");
 					o[s] = BigInt(c);
 					break;
-				case E.DATE:
-					if (typeof c != "string" && c !== null) throw A(t, "date", "a string or null");
+				case O.DATE:
+					if (typeof c != "string" && c !== null) throw M(t, "date", "a string or null");
 					o[s] = new Date(c ?? NaN);
 					break;
-				case E.NAN:
-					if (c !== null) throw A(t, "nan", "null");
+				case O.NAN:
+					if (c !== null) throw M(t, "nan", "null");
 					o[s] = NaN;
 					break;
-				case E.UNDEFINED:
-					if (c !== null) throw A(t, "undefined", "null");
+				case O.UNDEFINED:
+					if (c !== null) throw M(t, "undefined", "null");
 					o[s] = void 0;
 					break;
-				case E.URL:
-					if (typeof c != "string") throw A(t, "url", "a string");
+				case O.URL:
+					if (typeof c != "string") throw M(t, "url", "a string");
 					o[s] = new URL(c);
 					break;
-				case E.REGEXP: {
-					if (typeof c != "string") throw A(t, "regexp", "a string");
-					let e = c.match(O);
-					if (e === null || !w(e[2])) throw k(`type ${t} (regexp) expects a "/pattern/flags" string.`);
-					o[s] = T(e[1], e[2]);
+				case O.REGEXP: {
+					if (typeof c != "string") throw M(t, "regexp", "a string");
+					let e = c.match(A);
+					if (e === null || !E(e[2])) throw j(`type ${t} (regexp) expects a "/pattern/flags" string.`);
+					o[s] = D(e[1], e[2]);
 					break;
 				}
-				case E.SET:
-					if (!Array.isArray(c)) throw A(t, "set", "an array");
+				case O.SET:
+					if (!Array.isArray(c)) throw M(t, "set", "an array");
 					o[s] = new Set(c);
 					break;
-				case E.MAP:
-					if (!Array.isArray(c)) throw A(t, "map", "an array");
+				case O.MAP:
+					if (!Array.isArray(c)) throw M(t, "map", "an array");
 					o[s] = new Map(c);
 			}
 		}
 		return i.data;
 	}
 }();
-function M(e) {
+function P(e) {
 	return typeof e == "object" && !!e && "json" in e && "meta" in e && Array.isArray(e.meta);
 }
-function N(e) {
-	if (!M(e)) return e;
+function F(e) {
+	if (!P(e)) return e;
 	try {
-		return j.deserialize(e.json, e.meta);
+		return N.deserialize(e.json, e.meta);
 	} catch {
 		return e;
 	}
 }
 //#endregion
 //#region src/orpc/core/capture.ts
-function P(e, t) {
+function I(e, t) {
 	return typeof e == "string" ? {
 		url: e,
 		method: t?.method ?? "GET"
@@ -386,11 +366,11 @@ function P(e, t) {
 		method: e.method ?? t?.method ?? "GET"
 	};
 }
-function F(e, t) {
+function L(e, t) {
 	let n = e instanceof Request ? e.headers : t?.headers;
 	return Object.fromEntries(Array.from(new Headers(n ?? {}), ([e, t]) => [e.toLowerCase(), t]));
 }
-function I(e) {
+function R(e) {
 	return Object.fromEntries([
 		"cache-control",
 		"age",
@@ -403,7 +383,7 @@ function I(e) {
 		"content-type"
 	].map((t) => [t, e.get(t)]).filter((e) => e[1] !== null));
 }
-async function L(e, t) {
+async function z(e, t) {
 	try {
 		let n;
 		return e instanceof Request ? n = await e.clone().text() : typeof t?.body == "string" && (n = t.body), n ? JSON.parse(n) : void 0;
@@ -411,7 +391,7 @@ async function L(e, t) {
 		return;
 	}
 }
-async function R(e) {
+async function B(e) {
 	if (e.headers.get("content-type")?.includes("text/event-stream")) return {
 		body: void 0,
 		streaming: !0
@@ -436,26 +416,26 @@ async function R(e) {
 		};
 	}
 }
-async function z(e, t, n, r) {
+async function V(e, t, n, r) {
 	try {
-		let { url: i, method: a } = P(e, t), o = g(i, r);
+		let { url: i, method: a } = I(e, t), o = v(i, r);
 		if (o !== null && o !== "spec.json" && o !== "docs") {
-			let r = await L(e, t);
+			let r = await z(e, t);
 			return n.startCall({
 				procedure: o,
 				method: a,
 				url: i,
-				input: N(r),
+				input: F(r),
 				rawInput: r,
-				headers: F(e, t)
+				headers: L(e, t)
 			});
 		}
 	} catch {}
 	return -1;
 }
-function B(e, t, n, r, i) {
+function H(e, t, n, r, i) {
 	if (e !== -1) try {
-		let a = t.ok, o = N(r);
+		let a = t.ok, o = F(r);
 		n.finishCall(e, {
 			status: t.status,
 			ok: a,
@@ -463,29 +443,29 @@ function B(e, t, n, r, i) {
 			rawOutput: a ? r : void 0,
 			error: a ? void 0 : o,
 			rawError: a ? void 0 : r,
-			errorKind: a ? void 0 : y(t.status, o, !1),
+			errorKind: a ? void 0 : x(t.status, o, !1),
 			streaming: i,
-			responseHeaders: I(t.headers)
+			responseHeaders: R(t.headers)
 		});
 	} catch {}
 }
-function V(e, t) {
+function U(e, t) {
 	if (typeof window > "u") return () => {};
 	let n = window.fetch.bind(window);
 	return window.fetch = async (r, i) => {
-		let a = await z(r, i, e, t);
+		let a = await V(r, i, e, t);
 		try {
 			let t = await n(r, i);
 			if (a !== -1) {
-				let { body: n, streaming: r } = await R(t);
-				B(a, t, e, n, r);
+				let { body: n, streaming: r } = await B(t);
+				H(a, t, e, n, r);
 			}
 			return t;
 		} catch (t) {
 			throw a !== -1 && e.finishCall(a, {
 				ok: !1,
 				error: t,
-				errorKind: y(void 0, void 0, !0)
+				errorKind: x(void 0, void 0, !0)
 			}), t;
 		}
 	}, () => {
@@ -493,10 +473,45 @@ function V(e, t) {
 	};
 }
 //#endregion
+//#region src/orpc/channel.ts
+var W = "storefront-devtools:orpc";
+//#endregion
+//#region src/orpc/client/publish.ts
+function G(e) {
+	let { calls: t, paused: n } = e.getState();
+	return {
+		calls: t,
+		paused: n,
+		previousSession: e.previousSessionCalls
+	};
+}
+function K(e, t = {}) {
+	let n = r({
+		...t,
+		name: W,
+		functions: {
+			getState: { handler: () => G(e) },
+			clear: {
+				type: "action",
+				handler: () => e.clear()
+			},
+			setPaused: {
+				type: "action",
+				handler: (t) => e.setPaused(t)
+			}
+		},
+		events: {}
+	});
+	return n.events.on("panel:connected", () => {
+		n.emit("state", G(e));
+	}), e.subscribe(o(() => n.emit("state", G(e)), 16)), n;
+}
+//#endregion
 //#region src/orpc/client/index.ts
-var H = "/api";
-if (typeof window < "u" && typeof document < "u" && !window.__STOREFRONT_DEVTOOLS_ORPC_STORE__) {
-	let e = new m();
-	window.__STOREFRONT_DEVTOOLS_ORPC_STORE__ = e, V(e, H);
+var q = "/api", J = Symbol.for("@scayle/storefront-devtools/orpc"), Y = globalThis;
+if (typeof window < "u" && typeof document < "u" && !Y[J]) {
+	Y[J] = !0;
+	let e = new g();
+	U(e, q), K(e);
 }
 //#endregion