@hanzo/ui 5.3.35 → 5.3.36

package/dist/desktop/hooks.mjs

@@ -1,199 +1,2 @@
 "use client";
-import * as React from 'react';
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function windowReducer(state, action) {
-  switch (action.type) {
-    case "OPEN":
-      return {
-        windows: { ...state.windows, [action.id]: true },
-        activeWindow: action.id
-      };
-    case "CLOSE":
-      return {
-        windows: { ...state.windows, [action.id]: false },
-        activeWindow: state.activeWindow === action.id ? null : state.activeWindow
-      };
-    case "TOGGLE":
-      const isOpen = state.windows[action.id];
-      return {
-        windows: { ...state.windows, [action.id]: !isOpen },
-        activeWindow: !isOpen ? action.id : state.activeWindow === action.id ? null : state.activeWindow
-      };
-    case "CLOSE_ALL":
-      return {
-        windows: Object.keys(state.windows).reduce((acc, key) => {
-          acc[key] = false;
-          return acc;
-        }, {}),
-        activeWindow: null
-      };
-    case "SET_ACTIVE":
-      return { ...state, activeWindow: action.id };
-    default:
-      return state;
-  }
-}
-__name(windowReducer, "windowReducer");
-function useWindowManager(initialWindows = []) {
-  const initialState = {
-    windows: initialWindows.reduce((acc, id) => {
-      acc[id] = false;
-      return acc;
-    }, {}),
-    activeWindow: null
-  };
-  const [state, dispatch] = React.useReducer(windowReducer, initialState);
-  const openWindows = React.useMemo(() => {
-    return Object.entries(state.windows).filter(([_, isOpen2]) => isOpen2).map(([id]) => id);
-  }, [state.windows]);
-  const openWindow = React.useCallback((id) => {
-    dispatch({ type: "OPEN", id });
-  }, []);
-  const closeWindow = React.useCallback((id) => {
-    dispatch({ type: "CLOSE", id });
-  }, []);
-  const toggleWindow = React.useCallback((id) => {
-    dispatch({ type: "TOGGLE", id });
-  }, []);
-  const focusWindow = React.useCallback((id) => {
-    dispatch({ type: "SET_ACTIVE", id });
-  }, []);
-  const closeAllWindows = React.useCallback(() => {
-    dispatch({ type: "CLOSE_ALL" });
-  }, []);
-  const isOpen = React.useCallback((id) => {
-    return state.windows[id] ?? false;
-  }, [state.windows]);
-  return {
-    windows: state.windows,
-    activeWindow: state.activeWindow,
-    openWindows,
-    openWindow,
-    closeWindow,
-    toggleWindow,
-    focusWindow,
-    closeAllWindows,
-    isOpen
-  };
-}
-__name(useWindowManager, "useWindowManager");
-var defaultSettings = {
-  theme: "default",
-  colorScheme: "dark",
-  backgroundImage: void 0,
-  backgroundColor: void 0,
-  dockPosition: "bottom",
-  dockSize: 64,
-  dockMagnification: true,
-  dockAutoHide: false,
-  windowTransparency: 20,
-  fontSize: "medium",
-  reducedMotion: false
-};
-var STORAGE_KEY = "desktop-settings";
-function loadSettings() {
-  if (typeof window === "undefined") return defaultSettings;
-  try {
-    const stored = localStorage.getItem(STORAGE_KEY);
-    if (stored) {
-      return { ...defaultSettings, ...JSON.parse(stored) };
-    }
-  } catch {
-  }
-  return defaultSettings;
-}
-__name(loadSettings, "loadSettings");
-function saveSettings(settings) {
-  if (typeof window === "undefined") return;
-  try {
-    localStorage.setItem(STORAGE_KEY, JSON.stringify(settings));
-  } catch {
-  }
-}
-__name(saveSettings, "saveSettings");
-function useDesktopSettings() {
-  const [settings, setSettings] = React.useState(loadSettings);
-  React.useEffect(() => {
-    saveSettings(settings);
-  }, [settings]);
-  const updateSetting = /* @__PURE__ */ __name((key, value) => {
-    setSettings((prev) => ({ ...prev, [key]: value }));
-  }, "updateSetting");
-  return {
-    ...settings,
-    setTheme: /* @__PURE__ */ __name((theme) => updateSetting("theme", theme), "setTheme"),
-    setColorScheme: /* @__PURE__ */ __name((scheme) => updateSetting("colorScheme", scheme), "setColorScheme"),
-    setBackgroundImage: /* @__PURE__ */ __name((url) => updateSetting("backgroundImage", url), "setBackgroundImage"),
-    setBackgroundColor: /* @__PURE__ */ __name((color) => updateSetting("backgroundColor", color), "setBackgroundColor"),
-    setDockPosition: /* @__PURE__ */ __name((position) => updateSetting("dockPosition", position), "setDockPosition"),
-    setDockSize: /* @__PURE__ */ __name((size) => updateSetting("dockSize", size), "setDockSize"),
-    setDockMagnification: /* @__PURE__ */ __name((enabled) => updateSetting("dockMagnification", enabled), "setDockMagnification"),
-    setDockAutoHide: /* @__PURE__ */ __name((enabled) => updateSetting("dockAutoHide", enabled), "setDockAutoHide"),
-    setWindowTransparency: /* @__PURE__ */ __name((value) => updateSetting("windowTransparency", value), "setWindowTransparency"),
-    setFontSize: /* @__PURE__ */ __name((size) => updateSetting("fontSize", size), "setFontSize"),
-    setReducedMotion: /* @__PURE__ */ __name((enabled) => updateSetting("reducedMotion", enabled), "setReducedMotion"),
-    toggleDarkMode: /* @__PURE__ */ __name(() => {
-      setSettings((prev) => ({
-        ...prev,
-        colorScheme: prev.colorScheme === "dark" ? "light" : "dark"
-      }));
-    }, "toggleDarkMode"),
-    resetToDefaults: /* @__PURE__ */ __name(() => setSettings(defaultSettings), "resetToDefaults")
-  };
-}
-__name(useDesktopSettings, "useDesktopSettings");
-function useOverlayManager() {
-  const [overlays, setOverlays] = React.useState({
-    spotlight: false,
-    contextMenu: false,
-    modal: false,
-    drawer: false
-  });
-  const isOpen = React.useCallback((id) => overlays[id] ?? false, [overlays]);
-  const open = React.useCallback((id) => {
-    setOverlays((prev) => ({ ...prev, [id]: true }));
-  }, []);
-  const close = React.useCallback((id) => {
-    setOverlays((prev) => ({ ...prev, [id]: false }));
-  }, []);
-  const toggle = React.useCallback((id) => {
-    setOverlays((prev) => ({ ...prev, [id]: !prev[id] }));
-  }, []);
-  const closeAll = React.useCallback(() => {
-    setOverlays(
-      (prev) => Object.keys(prev).reduce((acc, key) => {
-        acc[key] = false;
-        return acc;
-      }, {})
-    );
-  }, []);
-  return { overlays, isOpen, open, close, toggle, closeAll };
-}
-__name(useOverlayManager, "useOverlayManager");
-function useKeyboardShortcuts(shortcuts) {
-  React.useEffect(() => {
-    const handleKeyDown = /* @__PURE__ */ __name((e) => {
-      for (const shortcut of shortcuts) {
-        const metaMatch = shortcut.meta ? e.metaKey || e.ctrlKey : !e.metaKey;
-        const ctrlMatch = shortcut.ctrl ? e.ctrlKey : true;
-        const altMatch = shortcut.alt ? e.altKey : !e.altKey;
-        const shiftMatch = shortcut.shift ? e.shiftKey : !e.shiftKey;
-        const keyMatch = e.key.toLowerCase() === shortcut.key.toLowerCase();
-        if (keyMatch && metaMatch && ctrlMatch && altMatch && shiftMatch) {
-          if (shortcut.preventDefault !== false) {
-            e.preventDefault();
-          }
-          shortcut.action();
-          return;
-        }
-      }
-    }, "handleKeyDown");
-    window.addEventListener("keydown", handleKeyDown);
-    return () => window.removeEventListener("keydown", handleKeyDown);
-  }, [shortcuts]);
-}
-__name(useKeyboardShortcuts, "useKeyboardShortcuts");
-
-export { useDesktopSettings, useKeyboardShortcuts, useOverlayManager, useWindowManager };
+import*as d from'react';var S=Object.defineProperty;var i=(t,n)=>S(t,"name",{value:n,configurable:true});function W(t,n){switch(n.type){case "OPEN":return {windows:{...t.windows,[n.id]:true},activeWindow:n.id};case "CLOSE":return {windows:{...t.windows,[n.id]:false},activeWindow:t.activeWindow===n.id?null:t.activeWindow};case "TOGGLE":let o=t.windows[n.id];return {windows:{...t.windows,[n.id]:!o},activeWindow:o?t.activeWindow===n.id?null:t.activeWindow:n.id};case "CLOSE_ALL":return {windows:Object.keys(t.windows).reduce((e,c)=>(e[c]=false,e),{}),activeWindow:null};case "SET_ACTIVE":return {...t,activeWindow:n.id};default:return t}}i(W,"windowReducer");function m(t=[]){let n={windows:t.reduce((a,f)=>(a[f]=false,a),{}),activeWindow:null},[o,e]=d.useReducer(W,n),c=d.useMemo(()=>Object.entries(o.windows).filter(([a,f])=>f).map(([a])=>a),[o.windows]),l=d.useCallback(a=>{e({type:"OPEN",id:a});},[]),w=d.useCallback(a=>{e({type:"CLOSE",id:a});},[]),s=d.useCallback(a=>{e({type:"TOGGLE",id:a});},[]),r=d.useCallback(a=>{e({type:"SET_ACTIVE",id:a});},[]),g=d.useCallback(()=>{e({type:"CLOSE_ALL"});},[]),p=d.useCallback(a=>o.windows[a]??false,[o.windows]);return {windows:o.windows,activeWindow:o.activeWindow,openWindows:c,openWindow:l,closeWindow:w,toggleWindow:s,focusWindow:r,closeAllWindows:g,isOpen:p}}i(m,"useWindowManager");var u={theme:"default",colorScheme:"dark",backgroundImage:void 0,backgroundColor:void 0,dockPosition:"bottom",dockSize:64,dockMagnification:true,dockAutoHide:false,windowTransparency:20,fontSize:"medium",reducedMotion:false},k="desktop-settings";function y(){if(typeof window>"u")return u;try{let t=localStorage.getItem(k);if(t)return {...u,...JSON.parse(t)}}catch{}return u}i(y,"loadSettings");function v(t){if(!(typeof window>"u"))try{localStorage.setItem(k,JSON.stringify(t));}catch{}}i(v,"saveSettings");function h(){let[t,n]=d.useState(y);d.useEffect(()=>{v(t);},[t]);let o=i((e,c)=>{n(l=>({...l,[e]:c}));},"updateSetting");return {...t,setTheme:i(e=>o("theme",e),"setTheme"),setColorScheme:i(e=>o("colorScheme",e),"setColorScheme"),setBackgroundImage:i(e=>o("backgroundImage",e),"setBackgroundImage"),setBackgroundColor:i(e=>o("backgroundColor",e),"setBackgroundColor"),setDockPosition:i(e=>o("dockPosition",e),"setDockPosition"),setDockSize:i(e=>o("dockSize",e),"setDockSize"),setDockMagnification:i(e=>o("dockMagnification",e),"setDockMagnification"),setDockAutoHide:i(e=>o("dockAutoHide",e),"setDockAutoHide"),setWindowTransparency:i(e=>o("windowTransparency",e),"setWindowTransparency"),setFontSize:i(e=>o("fontSize",e),"setFontSize"),setReducedMotion:i(e=>o("reducedMotion",e),"setReducedMotion"),toggleDarkMode:i(()=>{n(e=>({...e,colorScheme:e.colorScheme==="dark"?"light":"dark"}));},"toggleDarkMode"),resetToDefaults:i(()=>n(u),"resetToDefaults")}}i(h,"useDesktopSettings");function C(){let[t,n]=d.useState({spotlight:false,contextMenu:false,modal:false,drawer:false}),o=d.useCallback(s=>t[s]??false,[t]),e=d.useCallback(s=>{n(r=>({...r,[s]:true}));},[]),c=d.useCallback(s=>{n(r=>({...r,[s]:false}));},[]),l=d.useCallback(s=>{n(r=>({...r,[s]:!r[s]}));},[]),w=d.useCallback(()=>{n(s=>Object.keys(s).reduce((r,g)=>(r[g]=false,r),{}));},[]);return {overlays:t,isOpen:o,open:e,close:c,toggle:l,closeAll:w}}i(C,"useOverlayManager");function M(t){d.useEffect(()=>{let n=i(o=>{for(let e of t){let c=e.meta?o.metaKey||o.ctrlKey:!o.metaKey,l=e.ctrl?o.ctrlKey:true,w=e.alt?o.altKey:!o.altKey,s=e.shift?o.shiftKey:!o.shiftKey;if(o.key.toLowerCase()===e.key.toLowerCase()&&c&&l&&w&&s){e.preventDefault!==false&&o.preventDefault(),e.action();return}}},"handleKeyDown");return window.addEventListener("keydown",n),()=>window.removeEventListener("keydown",n)},[t]);}i(M,"useKeyboardShortcuts");export{h as useDesktopSettings,M as useKeyboardShortcuts,C as useOverlayManager,m as useWindowManager};