eddev 2.0.0-beta.14 → 2.0.0-beta.140

package/dist/app/lib/devtools/components/GridIndicator.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useLayoutEffect } from "react";
+import { usePersistState } from "../hooks/usePersistState.js";
+export function GridIndicator() {
+    const [enabled, setEnabled] = usePersistState("gridOverlayEnabled", false);
+    useEffect(() => {
+        const handleKeyDown = (e) => {
+            if (e.key === "g" && e.ctrlKey) {
+                setEnabled((e) => !e);
+            }
+        };
+        window.addEventListener("keydown", handleKeyDown);
+        return () => {
+            window.removeEventListener("keydown", handleKeyDown);
+        };
+    }, []);
+    const cols = [];
+    for (let i = 0; i < 12; i++) {
+        cols.push(_jsx("div", { style: { height: "100%", backgroundColor: "rgba(255,0,0,0.1)" } }, i));
+    }
+    if (env.client) {
+        useLayoutEffect(() => {
+            document.documentElement.classList.toggle("debug-grid", enabled);
+        }, [enabled]);
+    }
+    if (!enabled)
+        return null;
+    return (_jsx("div", { style: { position: "fixed", inset: 0, zIndex: 999999999, pointerEvents: "none" }, children: _jsx("div", { className: "grid-auto debug-display", style: { height: "100%" }, children: cols }) }));
+}

package/dist/app/lib/devtools/dev-tools-store.d.ts

@@ -7,3 +7,4 @@ export declare const devToolsStore: Store & {
     set<K extends keyof Store>(key: K, value: Store[K]): void;
 };
 export {};
+//# sourceMappingURL=dev-tools-store.d.ts.map

package/dist/app/lib/devtools/dev-tools-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-tools-store.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/devtools/dev-tools-store.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,aAAa,CAAA;AAGtD,KAAK,KAAK,GAAG;IACX,kBAAkB,EAAE,MAAM,IAAI,CAAA;IAC9B,cAAc,EAAE,cAAc,GAAG,IAAI,CAAA;CACtC,CAAA;AAED,eAAO,MAAM,aAAa;QAAuB,CAAC,SAAS,MAAM,KAAK,OAAO,CAAC,SAAS,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI;CAMpG,CAAA"}

package/dist/app/lib/devtools/hooks/usePersistState.d.ts

@@ -1 +1,2 @@
-export declare function usePersistState<T>(id: string, initial: T): [T, (value: T) => void];
+export declare function usePersistState<T>(id: string, initial: T): [T, (value: T | ((current: T) => T)) => void];
+//# sourceMappingURL=usePersistState.d.ts.map

package/dist/app/lib/devtools/hooks/usePersistState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePersistState.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/devtools/hooks/usePersistState.tsx"],"names":[],"mappings":"AAsBA,wBAAgB,eAAe,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,CAAC,CAiBxG"}

package/dist/app/lib/devtools/hooks/usePersistState.js

@@ -24,8 +24,17 @@ export function usePersistState(id, initial) {
     return [
         value,
         (value) => {
-            set(id, value);
-            setValue(value);
+            if (typeof value === "function") {
+                return setValue((cur) => {
+                    const next = value(cur);
+                    set(id, next);
+                    return next;
+                });
+            }
+            else {
+                set(id, value);
+                setValue(value);
+            }
         },
     ];
 }