@hanzo/ui 5.3.33 → 5.3.35

package/dist/desktop/hooks.js

@@ -0,0 +1,224 @@
+"use client";
+'use strict';
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(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__namespace.useReducer(windowReducer, initialState);
+  const openWindows = React__namespace.useMemo(() => {
+    return Object.entries(state.windows).filter(([_, isOpen2]) => isOpen2).map(([id]) => id);
+  }, [state.windows]);
+  const openWindow = React__namespace.useCallback((id) => {
+    dispatch({ type: "OPEN", id });
+  }, []);
+  const closeWindow = React__namespace.useCallback((id) => {
+    dispatch({ type: "CLOSE", id });
+  }, []);
+  const toggleWindow = React__namespace.useCallback((id) => {
+    dispatch({ type: "TOGGLE", id });
+  }, []);
+  const focusWindow = React__namespace.useCallback((id) => {
+    dispatch({ type: "SET_ACTIVE", id });
+  }, []);
+  const closeAllWindows = React__namespace.useCallback(() => {
+    dispatch({ type: "CLOSE_ALL" });
+  }, []);
+  const isOpen = React__namespace.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__namespace.useState(loadSettings);
+  React__namespace.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__namespace.useState({
+    spotlight: false,
+    contextMenu: false,
+    modal: false,
+    drawer: false
+  });
+  const isOpen = React__namespace.useCallback((id) => overlays[id] ?? false, [overlays]);
+  const open = React__namespace.useCallback((id) => {
+    setOverlays((prev) => ({ ...prev, [id]: true }));
+  }, []);
+  const close = React__namespace.useCallback((id) => {
+    setOverlays((prev) => ({ ...prev, [id]: false }));
+  }, []);
+  const toggle = React__namespace.useCallback((id) => {
+    setOverlays((prev) => ({ ...prev, [id]: !prev[id] }));
+  }, []);
+  const closeAll = React__namespace.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__namespace.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");
+
+exports.useDesktopSettings = useDesktopSettings;
+exports.useKeyboardShortcuts = useKeyboardShortcuts;
+exports.useOverlayManager = useOverlayManager;
+exports.useWindowManager = useWindowManager;

package/dist/desktop/hooks.mjs

@@ -0,0 +1,199 @@
+"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 };