@nice-code/action 0.4.1 → 0.4.2

package/build/devtools/browser/index.js

@@ -4880,9 +4880,15 @@ var MONO_FONT = "ui-monospace, 'Cascadia Code', 'Source Code Pro', monospace";
 var SANS_FONT = "ui-sans-serif, system-ui, sans-serif";
 var DOCKED_SIZE_MIN = 140;
 var POSITION_GRID = [
-  [null, "dock-top", null],
-  ["dock-left", null, "dock-right"],
-  [null, "dock-bottom", null]
+  { key: "tl", pos: null },
+  { key: "tc", pos: "dock-top" },
+  { key: "tr", pos: null },
+  { key: "ml", pos: "dock-left" },
+  { key: "mc", pos: null },
+  { key: "mr", pos: "dock-right" },
+  { key: "bl", pos: null },
+  { key: "bc", pos: "dock-bottom" },
+  { key: "br", pos: null }
 ];
 function getDockSide(pos) {
   switch (pos) {
@@ -5003,12 +5009,11 @@ function PositionPicker({
   return /* @__PURE__ */ jsxDEV21("div", {
     title: "Move / dock panel",
     style: { display: "grid", gridTemplateColumns: "repeat(3, 9px)", gap: "2px", padding: "2px" },
-    children: POSITION_GRID.flat().map((pos) => {
+    children: POSITION_GRID.map(({ key, pos }) => {
       if (pos == null)
         return /* @__PURE__ */ jsxDEV21("div", {
           style: { width: "9px", height: "9px" }
-        }, "center-empty", false, undefined, this);
-      const isDock = pos.startsWith("dock-");
+        }, key, false, undefined, this);
       const isTopBottom = pos === "dock-top" || pos === "dock-bottom";
       const isActive = pos === position;
       return /* @__PURE__ */ jsxDEV21("div", {
@@ -5024,13 +5029,13 @@ function PositionPicker({
         },
         children: /* @__PURE__ */ jsxDEV21("div", {
           style: {
-            width: isDock ? isTopBottom ? "9px" : "3px" : "7px",
-            height: isDock ? isTopBottom ? "3px" : "9px" : "7px",
-            borderRadius: isDock ? "1px" : "50%",
+            width: isTopBottom ? "9px" : "3px",
+            height: isTopBottom ? "3px" : "9px",
+            borderRadius: "1px",
             background: isActive ? DEVTOOL_COLOR_SEMANTIC_SYSTEM : DEVTOOL_COLOR_TEXT_FAINT
           }
         }, undefined, false, undefined, this)
-      }, pos, false, undefined, this);
+      }, key, false, undefined, this);
     })
   }, undefined, false, undefined, this);
 }
@@ -5403,12 +5408,12 @@ function NiceActionDevtools_Panel({
     }
   };
   const setPrefs = (update) => {
-    setPrefsRaw((prev) => {
-      const next = { ...prev, ...update };
-      writePrefs(next);
-      return next;
-    });
+    setPrefsRaw((prev) => ({ ...prev, ...update }));
   };
+  useEffect4(() => {
+    const timer = setTimeout(() => writePrefs(prefs), 250);
+    return () => clearTimeout(timer);
+  }, [prefs]);
   const { position, isOpen, dockedHeight, dockedWidth, detailRatio } = prefs;
   const dockSide = getDockSide(position);
   const isHorizDock = dockSide === "top" || dockSide === "bottom";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nice-code/action",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "private": false,
   "type": "module",
   "exports": {
@@ -44,9 +44,9 @@
     "build-types": "tsc --project tsconfig.build.json"
   },
   "dependencies": {
-    "@nice-code/common-errors": "0.4.1",
-    "@nice-code/error": "0.4.1",
-    "@nice-code/util": "0.4.1",
+    "@nice-code/common-errors": "0.4.2",
+    "@nice-code/error": "0.4.2",
+    "@nice-code/util": "0.4.2",
     "@standard-schema/spec": "^1.1.0",
     "@tanstack/react-virtual": "^3.13.26",
     "http-status-codes": "^2.3.0",