@plitzi/sdk-dev-tools 0.32.14 → 0.32.16

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @plitzi/sdk-dev-tools
 
+## 0.32.16
+
+### Patch Changes
+
+- v0.32.16
+- Updated dependencies
+  - @plitzi/sdk-navigation@0.32.16
+  - @plitzi/sdk-schema@0.32.16
+  - @plitzi/sdk-shared@0.32.16
+  - @plitzi/sdk-style@0.32.16
+
+## 0.32.15
+
+### Patch Changes
+
+- v0.32.15
+- Updated dependencies
+  - @plitzi/nexus@0.32.15
+  - @plitzi/sdk-navigation@0.32.15
+  - @plitzi/sdk-schema@0.32.15
+  - @plitzi/sdk-shared@0.32.15
+  - @plitzi/sdk-style@0.32.15
+
 ## 0.32.14
 
 ### Patch Changes

package/dist/DevToolsContextProvider.mjs

@@ -19,26 +19,28 @@ var l = ({ children: l }) => {
 	})), []), _ = e((e) => p((t) => o(t, [e])), []), v = e((e, ...t) => {
 		if (!(!e || typeof f[e] != "function")) return f[e](...t);
 	}, [f]), y = e(() => d([]), []);
-	return m.current ||= (c.setCallback(h), c.setCallbackAddProvider(g), c.setCallbackRemoveProvider(_), !0), t(() => (c.setCallback(h), c.setCallbackAddProvider(g), c.setCallbackRemoveProvider(_), c.processPendingLogs(), () => {
+	m.current ||= (c.setCallback(h), c.setCallbackAddProvider(g), c.setCallbackRemoveProvider(_), !0), t(() => (c.setCallback(h), c.setCallbackAddProvider(g), c.setCallbackRemoveProvider(_), c.processPendingLogs(), () => {
 		c.setCallback(void 0), c.setCallbackAddProvider(void 0), c.setCallbackRemoveProvider(void 0), c.flush();
 	}), [
 		h,
 		g,
 		_
-	]), /* @__PURE__ */ s(a, {
-		value: n(() => ({
-			providers: f,
-			logs: u,
-			setLogs: d,
-			clearLogs: y,
-			getData: v
-		}), [
-			f,
-			u,
-			d,
-			y,
-			v
-		]),
+	]);
+	let b = n(() => ({
+		providers: f,
+		logs: u,
+		setLogs: d,
+		clearLogs: y,
+		getData: v
+	}), [
+		f,
+		u,
+		d,
+		y,
+		v
+	]);
+	return /* @__PURE__ */ s(a, {
+		value: b,
 		children: l
 	});
 };

package/dist/components/DevToolsPanel/tabs/ElementsViewer/DetailsValue.mjs

@@ -4,27 +4,27 @@ import { get as r } from "@plitzi/plitzi-ui/helpers";
 import { jsx as i } from "react/jsx-runtime";
 //#region src/components/DevToolsPanel/tabs/ElementsViewer/DetailsValue.tsx
 var a = ({ attribute: a, value: o, isDefinition: s = !1, onSelectElement: c }) => {
-	let [l] = n("schema.flat"), u = e((e) => () => c?.(e), [c]);
+	let [l] = n("schema.flat"), u = e((e) => () => c?.(e), [c]), d = t(() => a === "items" && s && Array.isArray(o) ? /* @__PURE__ */ i("div", {
+		className: "flex flex-col",
+		children: o.map((e, t) => /* @__PURE__ */ i("div", {
+			className: "cursor-pointer text-purple-400",
+			onClick: u(e),
+			children: r(l, `${e}.definition.label`, e)
+		}, t))
+	}) : a && ["rootId", "parentId"].includes(a) && s ? /* @__PURE__ */ i("div", {
+		className: "cursor-pointer text-purple-400",
+		onClick: u(o),
+		children: r(l, `${o}.definition.label`, o)
+	}) : a === "styleSelectors" && s && o && typeof o == "object" ? Object.values(o).join(", ") : typeof o == "object" && o ? JSON.stringify(o) : typeof o == "boolean" ? o ? "True" : "False" : o, [
+		a,
+		s,
+		o,
+		u,
+		l
+	]);
 	return /* @__PURE__ */ i("div", {
 		className: "grow basis-0 truncate",
-		children: t(() => a === "items" && s && Array.isArray(o) ? /* @__PURE__ */ i("div", {
-			className: "flex flex-col",
-			children: o.map((e, t) => /* @__PURE__ */ i("div", {
-				className: "cursor-pointer text-purple-400",
-				onClick: u(e),
-				children: r(l, `${e}.definition.label`, e)
-			}, t))
-		}) : a && ["rootId", "parentId"].includes(a) && s ? /* @__PURE__ */ i("div", {
-			className: "cursor-pointer text-purple-400",
-			onClick: u(o),
-			children: r(l, `${o}.definition.label`, o)
-		}) : a === "styleSelectors" && s && o && typeof o == "object" ? Object.values(o).join(", ") : typeof o == "object" && o ? JSON.stringify(o) : typeof o == "boolean" ? o ? "True" : "False" : o, [
-			a,
-			s,
-			o,
-			u,
-			l
-		])
+		children: d
 	});
 };
 //#endregion

package/dist/components/DevToolsPanel/tabs/ElementsViewer/ElementsList.mjs

@@ -5,14 +5,14 @@ import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import s from "@plitzi/plitzi-ui/Input";
 //#region src/components/DevToolsPanel/tabs/ElementsViewer/ElementsList.tsx
 var c = ({ elements: c, elementSelected: l, onSelect: u }) => {
-	let [d, f] = r(""), p = n(() => (c ?? []).filter((e) => e.definition.label.toLowerCase().includes(d.toLowerCase())), [c, d]);
+	let [d, f] = r(""), p = n(() => (c ?? []).filter((e) => e.definition.label.toLowerCase().includes(d.toLowerCase())), [c, d]), m = t((e) => f(e), []);
 	return /* @__PURE__ */ o("div", {
 		className: "flex h-full w-[280px] shrink-0 flex-col gap-2 border-r border-zinc-200 dark:border-zinc-700",
 		children: [/* @__PURE__ */ a("div", {
 			className: "px-2 pt-2",
 			children: /* @__PURE__ */ a(s, {
 				value: d,
-				onChange: t((e) => f(e), []),
+				onChange: m,
 				placeholder: "Search elements...",
 				size: "sm"
 			})

package/dist/components/DevToolsPanel/tabs/TracingViewer/TracingViewer.mjs

@@ -57,7 +57,7 @@ var b = () => {
 		let t = V + e;
 		t >= 0 && t < z.length && (P(z[t].commitId), I(void 0));
 	}, [z, V]), Z = u((e) => {
-		e.key !== "ArrowLeft" && e.key !== "ArrowRight" || (e.preventDefault(), X(e.key === "ArrowLeft" ? -1 : 1));
+		(e.key === "ArrowLeft" || e.key === "ArrowRight") && (e.preventDefault(), X(e.key === "ArrowLeft" ? -1 : 1));
 	}, [X]);
 	return b ? H ? /* @__PURE__ */ v("div", {
 		className: "flex h-full min-h-0 w-full flex-col",

package/dist/components/DevToolsPanel/tabs/TracingViewer/components/CommitStrip/CommitStrip.mjs

@@ -9,7 +9,16 @@ var p = 6, m = ({ commits: m, selectedIndex: h, hydrated: g, onSelect: _ }) => {
 		block: "nearest",
 		inline: "nearest"
 	}), [h]);
-	let x = s((e) => () => _(e), [_]);
+	let x = s((e) => () => _(e), [_]), S = s((e) => {
+		if (e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
+		e.preventDefault(), e.stopPropagation();
+		let t = h + (e.key === "ArrowLeft" ? -1 : 1);
+		t >= 0 && t < m.length && _(m[t].commitId);
+	}, [
+		m,
+		h,
+		_
+	]);
 	return /* @__PURE__ */ f("div", {
 		className: "flex shrink-0 flex-col border-b border-zinc-200 bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-900",
 		children: [/* @__PURE__ */ d("div", {
@@ -17,16 +26,7 @@ var p = 6, m = ({ commits: m, selectedIndex: h, hydrated: g, onSelect: _ }) => {
 			"aria-label": "Commits, total render time",
 			"aria-orientation": "horizontal",
 			tabIndex: 0,
-			onKeyDown: s((e) => {
-				if (e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
-				e.preventDefault(), e.stopPropagation();
-				let t = h + (e.key === "ArrowLeft" ? -1 : 1);
-				t >= 0 && t < m.length && _(m[t].commitId);
-			}, [
-				m,
-				h,
-				_
-			]),
+			onKeyDown: S,
 			className: "flex h-20 items-end gap-1 overflow-x-auto px-2 pt-2 outline-none focus-visible:ring-1 focus-visible:ring-violet-400",
 			children: m.map((n, s) => {
 				let c = s === h, l = n.commitId === 0, u = l ? 100 : Math.max(6, Math.round(n.duration / y * 100)), m = r(n, g, n.commitId === b), _ = n.causes.slice(0, p).map((e) => e.path).join(", "), S = n.causes.length > p ? ` +${n.causes.length - p}` : "", C = n.causes.length > 0 ? `\nCaused by ${_}${S}` : "";

package/dist/components/DevToolsPanel/tabs/TracingViewer/components/SidebarShell/SidebarShell.mjs

@@ -4,7 +4,9 @@ import { useCallback as n } from "react";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/DevToolsPanel/tabs/TracingViewer/components/SidebarShell/SidebarShell.tsx
 var i = 180, a = 480, o = 224, s = ({ children: s }) => {
-	let [c, l] = t("plitzi-sdk.dev-tools.tracing.sidebar-width", o);
+	let [c, l] = t("plitzi-sdk.dev-tools.tracing.sidebar-width", o), u = n((e) => {
+		Number.isFinite(e) && l(e);
+	}, [l]);
 	return /* @__PURE__ */ r(e, {
 		className: "shrink-0 border-l border-zinc-200 dark:border-zinc-800",
 		resizeHandles: ["w"],
@@ -13,9 +15,7 @@ var i = 180, a = 480, o = 224, s = ({ children: s }) => {
 		width: c,
 		minConstraintsX: i,
 		maxConstraintsX: a,
-		onChange: n((e) => {
-			Number.isFinite(e) && l(e);
-		}, [l]),
+		onChange: u,
 		children: /* @__PURE__ */ r("aside", {
 			className: "flex h-full w-full flex-col gap-1.5 overflow-auto bg-zinc-50 px-3 py-2 text-[10px] dark:bg-zinc-900/50",
 			children: s

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plitzi/sdk-dev-tools",
-  "version": "0.32.14",
+  "version": "0.32.16",
   "license": "AGPL-3.0",
   "files": [
     "dist"
@@ -572,19 +572,19 @@
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
     "typescript": "^6.0.3",
-    "vite": "^8.1.5"
+    "vite": "^8.2.0"
   },
   "peerDependencies": {
     "react": "^19",
     "react-dom": "^19"
   },
   "dependencies": {
-    "@plitzi/nexus": "0.32.14",
+    "@plitzi/nexus": "^1.0.0",
     "@plitzi/plitzi-ui": "^1.6.18",
-    "@plitzi/sdk-navigation": "0.32.14",
-    "@plitzi/sdk-schema": "0.32.14",
-    "@plitzi/sdk-shared": "0.32.14",
-    "@plitzi/sdk-style": "0.32.14",
+    "@plitzi/sdk-navigation": "0.32.16",
+    "@plitzi/sdk-schema": "0.32.16",
+    "@plitzi/sdk-shared": "0.32.16",
+    "@plitzi/sdk-style": "0.32.16",
     "@uiw/react-json-view": "^2.0.0-alpha.43",
     "clsx": "^2.1.1"
   }