@deadragdoll/reactnu 0.1.76 → 0.1.77

package/dist/index.cjs

@@ -3177,6 +3177,7 @@ function writeStoredWindowSnapshot(windowStoreKey, snapshot) {
   } catch {
   }
 }
+var WINDOW_STORE_WRITE_DEBOUNCE_MS = 250;
 function resolveSavedWindowStyle(definition, mode, ownerCenteredStyle, index) {
   const snapshot = definition.onOpen?.() ?? readStoredWindowSnapshot(definition.windowStoreKey);
   const savedStyle = {};
@@ -3315,6 +3316,7 @@ function NuWindowProvider({
   const creationOrderRef = (0, import_react19.useRef)(0);
   const idRef = (0, import_react19.useRef)(0);
   const windowBoundsByIdRef = (0, import_react19.useRef)({});
+  const pendingWindowStoreWritesRef = (0, import_react19.useRef)(/* @__PURE__ */ new Map());
   const [windows, setWindows] = (0, import_react19.useState)([]);
   const [windowBoundsById, setWindowBoundsById] = (0, import_react19.useState)({});
   const appHostMenuContext = (0, import_react19.useContext)(AppHostMenuContext);
@@ -3737,16 +3739,52 @@ function NuWindowProvider({
     onAppModalChange?.(hasAppModal);
   }, [hasAppModal, onAppModalChange]);
   (0, import_react19.useEffect)(() => {
+    const pendingWindowStoreWrites = pendingWindowStoreWritesRef.current;
+    const windowStoreKeyById = new Map(
+      windows.map((windowEntry) => [windowEntry.id, windowEntry.windowStoreKey])
+    );
+    for (const [id, pending] of pendingWindowStoreWrites) {
+      if (windowStoreKeyById.get(id) === pending.windowStoreKey) {
+        continue;
+      }
+      clearTimeout(pending.timeoutId);
+      pendingWindowStoreWrites.delete(id);
+      writeStoredWindowSnapshot(pending.windowStoreKey, pending.snapshot);
+    }
     for (const windowEntry of windows) {
       if (!windowEntry.windowStoreKey) {
         continue;
       }
-      writeStoredWindowSnapshot(
-        windowEntry.windowStoreKey,
-        resolveManagedWindowSnapshot(windowEntry, windowBoundsById)
+      const existing = pendingWindowStoreWrites.get(windowEntry.id);
+      if (existing) {
+        clearTimeout(existing.timeoutId);
+      }
+      const windowStoreKey = windowEntry.windowStoreKey;
+      const snapshot = resolveManagedWindowSnapshot(
+        windowEntry,
+        windowBoundsById
       );
+      const timeoutId = setTimeout(() => {
+        writeStoredWindowSnapshot(windowStoreKey, snapshot);
+        pendingWindowStoreWrites.delete(windowEntry.id);
+      }, WINDOW_STORE_WRITE_DEBOUNCE_MS);
+      pendingWindowStoreWrites.set(windowEntry.id, {
+        timeoutId,
+        windowStoreKey,
+        snapshot
+      });
     }
   }, [windowBoundsById, windows]);
+  (0, import_react19.useEffect)(() => {
+    const pendingWindowStoreWrites = pendingWindowStoreWritesRef.current;
+    return () => {
+      for (const entry of pendingWindowStoreWrites.values()) {
+        clearTimeout(entry.timeoutId);
+        writeStoredWindowSnapshot(entry.windowStoreKey, entry.snapshot);
+      }
+      pendingWindowStoreWrites.clear();
+    };
+  }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(NuWindowContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: ["nu-window-host", className].filter(Boolean).join(" "), children: [
     children,
     /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "nu-window-layer", children: renderWindows.map((windowEntry) => {
@@ -5046,7 +5084,7 @@ function NuIconGridItem({
     icon.contextMenuItems,
     icon
   );
-  const dragSource = useNuDragSource({
+  const { dragRef, isDragging } = useNuDragSource({
     disabled: icon.disabled,
     getItem: () => ({ data: icon, id: icon.id, type: "icon" }),
     onDropAccepted: (result) => {
@@ -5089,14 +5127,14 @@ function NuIconGridItem({
       {
         "aria-haspopup": contextMenuItems.length > 0 ? "menu" : void 0,
         className: "nu-icon-grid__icon",
-        "data-dragging": dragSource.isDragging || void 0,
+        "data-dragging": isDragging || void 0,
         "data-selected": manager.selectedIconId === icon.id || void 0,
         disabled: icon.disabled,
         onClick: handleClick,
         onContextMenu: handleContextMenu,
         onDoubleClick: icon.onDoubleClick,
         onKeyDown: handleKeyDown,
-        ref: dragSource.dragRef,
+        ref: (node) => dragRef(node),
         style: { left: icon.position.x, top: icon.position.y },
         type: "button",
         children: [

package/dist/index.js

@@ -3125,6 +3125,7 @@ function writeStoredWindowSnapshot(windowStoreKey, snapshot) {
   } catch {
   }
 }
+var WINDOW_STORE_WRITE_DEBOUNCE_MS = 250;
 function resolveSavedWindowStyle(definition, mode, ownerCenteredStyle, index) {
   const snapshot = definition.onOpen?.() ?? readStoredWindowSnapshot(definition.windowStoreKey);
   const savedStyle = {};
@@ -3263,6 +3264,7 @@ function NuWindowProvider({
   const creationOrderRef = useRef8(0);
   const idRef = useRef8(0);
   const windowBoundsByIdRef = useRef8({});
+  const pendingWindowStoreWritesRef = useRef8(/* @__PURE__ */ new Map());
   const [windows, setWindows] = useState10([]);
   const [windowBoundsById, setWindowBoundsById] = useState10({});
   const appHostMenuContext = useContext7(AppHostMenuContext);
@@ -3685,16 +3687,52 @@ function NuWindowProvider({
     onAppModalChange?.(hasAppModal);
   }, [hasAppModal, onAppModalChange]);
   useEffect6(() => {
+    const pendingWindowStoreWrites = pendingWindowStoreWritesRef.current;
+    const windowStoreKeyById = new Map(
+      windows.map((windowEntry) => [windowEntry.id, windowEntry.windowStoreKey])
+    );
+    for (const [id, pending] of pendingWindowStoreWrites) {
+      if (windowStoreKeyById.get(id) === pending.windowStoreKey) {
+        continue;
+      }
+      clearTimeout(pending.timeoutId);
+      pendingWindowStoreWrites.delete(id);
+      writeStoredWindowSnapshot(pending.windowStoreKey, pending.snapshot);
+    }
     for (const windowEntry of windows) {
       if (!windowEntry.windowStoreKey) {
         continue;
       }
-      writeStoredWindowSnapshot(
-        windowEntry.windowStoreKey,
-        resolveManagedWindowSnapshot(windowEntry, windowBoundsById)
+      const existing = pendingWindowStoreWrites.get(windowEntry.id);
+      if (existing) {
+        clearTimeout(existing.timeoutId);
+      }
+      const windowStoreKey = windowEntry.windowStoreKey;
+      const snapshot = resolveManagedWindowSnapshot(
+        windowEntry,
+        windowBoundsById
       );
+      const timeoutId = setTimeout(() => {
+        writeStoredWindowSnapshot(windowStoreKey, snapshot);
+        pendingWindowStoreWrites.delete(windowEntry.id);
+      }, WINDOW_STORE_WRITE_DEBOUNCE_MS);
+      pendingWindowStoreWrites.set(windowEntry.id, {
+        timeoutId,
+        windowStoreKey,
+        snapshot
+      });
     }
   }, [windowBoundsById, windows]);
+  useEffect6(() => {
+    const pendingWindowStoreWrites = pendingWindowStoreWritesRef.current;
+    return () => {
+      for (const entry of pendingWindowStoreWrites.values()) {
+        clearTimeout(entry.timeoutId);
+        writeStoredWindowSnapshot(entry.windowStoreKey, entry.snapshot);
+      }
+      pendingWindowStoreWrites.clear();
+    };
+  }, []);
   return /* @__PURE__ */ jsx29(NuWindowContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs17("div", { className: ["nu-window-host", className].filter(Boolean).join(" "), children: [
     children,
     /* @__PURE__ */ jsx29("div", { className: "nu-window-layer", children: renderWindows.map((windowEntry) => {
@@ -5011,7 +5049,7 @@ function NuIconGridItem({
     icon.contextMenuItems,
     icon
   );
-  const dragSource = useNuDragSource({
+  const { dragRef, isDragging } = useNuDragSource({
     disabled: icon.disabled,
     getItem: () => ({ data: icon, id: icon.id, type: "icon" }),
     onDropAccepted: (result) => {
@@ -5054,14 +5092,14 @@ function NuIconGridItem({
       {
         "aria-haspopup": contextMenuItems.length > 0 ? "menu" : void 0,
         className: "nu-icon-grid__icon",
-        "data-dragging": dragSource.isDragging || void 0,
+        "data-dragging": isDragging || void 0,
         "data-selected": manager.selectedIconId === icon.id || void 0,
         disabled: icon.disabled,
         onClick: handleClick,
         onContextMenu: handleContextMenu,
         onDoubleClick: icon.onDoubleClick,
         onKeyDown: handleKeyDown,
-        ref: dragSource.dragRef,
+        ref: (node) => dragRef(node),
         style: { left: icon.position.x, top: icon.position.y },
         type: "button",
         children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deadragdoll/reactnu",
-  "version": "0.1.76",
+  "version": "0.1.77",
   "private": false,
   "description": "React components with a precise DOS-era utility interface.",
   "license": "MIT",