eddev 2.0.0-beta.6 → 2.0.0-beta.61

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

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } 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)" } }));
+    }
+    if (!enabled)
+        return null;
+    return (_jsx("div", { style: { position: "fixed", inset: 0, zIndex: 999999999, pointerEvents: "none" }, children: _jsx("div", { className: "grid-auto", style: { height: "100%" }, children: cols }) }));
+}

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

@@ -0,0 +1,9 @@
+import { Config as TailwindConfig } from "tailwindcss";
+type Store = {
+    loadTailwindConfig: () => void;
+    tailwindConfig: TailwindConfig | null;
+};
+export declare const devToolsStore: Store & {
+    set<K extends keyof Store>(key: K, value: Store[K]): void;
+};
+export {};

package/dist/app/lib/devtools/dev-tools-store.js

@@ -0,0 +1,8 @@
+import { proxy, ref } from "valtio";
+export const devToolsStore = proxy({
+    tailwindConfig: null,
+    loadTailwindConfig() { },
+    set(key, value) {
+        devToolsStore[key] = (value ? ref(value) : value);
+    },
+});

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

@@ -1 +1 @@
-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];

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);
+            }
         },
     ];
 }