react-os-shell 0.1.6 → 0.1.8

package/dist/index.js

@@ -7,8 +7,8 @@ export { toast_default as toast } from './chunk-WIJ45SYD.js';
 import { playStartup, soundsEnabled, getSoundConfig, SOUND_PACK_KEYS, SOUND_PACKS, SOUND_TYPES, SOUND_TYPE_LABELS, playLogout, setSoundForType, previewSound, setAllSounds } from './chunk-D7PYW2QS.js';
 import { useShellPrefs } from './chunk-TFGOLXGD.js';
 export { ShellPrefsProvider, useLocalStoragePrefs, useShellPrefs } from './chunk-TFGOLXGD.js';
-import { useWindowManager, glassStyle, PopupMenu, PopupMenuLabel, PopupMenuDivider, PopupMenuItem, Modal, startMenuCategories, navSections, isSection, GLASS_INPUT_BG, navIcons, sectionIcons, ModalActions, useModalActive } from './chunk-2EBFERVD.js';
-export { CancelButton, CopyButton, DocFavStar, GLASS_DIVIDER, GLASS_INPUT_BG, Modal, ModalActions, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, WindowManagerProvider, WindowTitle, glassStyle, isEntityEntry, isPageEntry, setShellApiClient, setShellNavIcons, setShellWindowRegistry, useModalActive, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle } from './chunk-2EBFERVD.js';
+import { useWindowManager, glassStyle, PopupMenu, PopupMenuLabel, PopupMenuDivider, PopupMenuItem, Modal, startMenuCategories, navSections, isSection, GLASS_INPUT_BG, navIcons, sectionIcons, ModalActions, useModalActive } from './chunk-ZR2DVGZI.js';
+export { CancelButton, CopyButton, DocFavStar, GLASS_DIVIDER, GLASS_INPUT_BG, Modal, ModalActions, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, WindowManagerProvider, WindowTitle, glassStyle, isEntityEntry, isPageEntry, setShellApiClient, setShellNavIcons, setShellWindowRegistry, useModalActive, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle } from './chunk-ZR2DVGZI.js';
 export { ConfirmProvider, confirm, confirmDestructive } from './chunk-RFTLYCSF.js';
 import { createContext, useState, useRef, useEffect, useCallback, useLayoutEffect, useContext, isValidElement, cloneElement, useSyncExternalStore } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -752,10 +752,12 @@ function Desktop({ profile }) {
   const { openEntity, openPage } = useWindowManager();
   const bugReport = useBugReport();
   const containerRef = useRef(null);
-  const favDocs = (profile?.preferences || {}).favorite_documents || [];
-  const folders = (profile?.preferences || {}).desktop_folders || [];
-  const snapEnabled = (profile?.preferences || {}).desktop_snap ?? false;
-  const allNotes = (profile?.preferences || {}).notepad_notes || [];
+  const { prefs: shellPrefs } = useShellPrefs();
+  const prefs = { ...profile?.preferences || {}, ...shellPrefs };
+  const favDocs = prefs.favorite_documents || [];
+  const folders = prefs.desktop_folders || [];
+  const snapEnabled = prefs.desktop_snap ?? false;
+  const allNotes = prefs.notepad_notes || [];
   const stickyNotes = allNotes.filter((n) => n.sticky);
   const host = useDesktopHost();
   const openStickyRef = async (prefix, number) => {
@@ -951,12 +953,14 @@ function Desktop({ profile }) {
   useEffect(() => {
     setLocalPositions({});
   }, [favDocsKey, foldersKey]);
+  const didRubberBandDragRef = useRef(false);
   const startRubberBand = (e) => {
     if (e.button !== 0 || e.target !== containerRef.current) return;
     const rect = containerRef.current.getBoundingClientRect();
     const x = e.clientX - rect.left;
     const y = e.clientY - rect.top;
     setRubberBand({ startX: x, startY: y, endX: x, endY: y });
+    didRubberBandDragRef.current = false;
     setSelected(/* @__PURE__ */ new Set());
   };
   useEffect(() => {
@@ -964,7 +968,12 @@ function Desktop({ profile }) {
     const move = (e) => {
       const rect = containerRef.current?.getBoundingClientRect();
       if (!rect) return;
-      setRubberBand((prev) => prev ? { ...prev, endX: e.clientX - rect.left, endY: e.clientY - rect.top } : null);
+      const x = e.clientX - rect.left;
+      const y = e.clientY - rect.top;
+      const dx = x - rubberBand.startX;
+      const dy = y - rubberBand.startY;
+      if (dx * dx + dy * dy > 16) didRubberBandDragRef.current = true;
+      setRubberBand((prev) => prev ? { ...prev, endX: x, endY: y } : null);
     };
     const up = () => {
       if (rubberBand) {
@@ -1204,6 +1213,10 @@ function Desktop({ profile }) {
       onPointerDown: startRubberBand,
       onContextMenu: handleDesktopContextMenu,
       onClick: () => {
+        if (didRubberBandDragRef.current) {
+          didRubberBandDragRef.current = false;
+          return;
+        }
         setSelected(/* @__PURE__ */ new Set());
         setContextMenu(null);
       },
@@ -1526,7 +1539,6 @@ function Desktop({ profile }) {
         })(),
         aboutOpen && (() => {
           const version = APP_VERSION;
-          (profile?.preferences || {}).show_desktop_version ?? true;
           return /* @__PURE__ */ jsx(Modal, { open: true, onClose: () => setAboutOpen(false), title: `About ${host.productName ?? "this app"}`, size: "sm", bodyScroll: false, compact: true, dimensions: [340, 420], children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2 pt-4 pb-3 w-full", children: [
               /* @__PURE__ */ jsx("img", { src: host.productIcon ?? "/favicon.svg", alt: "", className: "h-16 w-16" }),
@@ -1575,14 +1587,14 @@ function Desktop({ profile }) {
             ] })
           ] }) });
         })(),
-        ((profile?.preferences || {}).show_desktop_version ?? true) && /* @__PURE__ */ jsx(
+        (prefs.show_desktop_version ?? true) && /* @__PURE__ */ jsx(
           "button",
           {
             onClick: (e) => {
               e.stopPropagation();
               setWhatsNewOpen(true);
             },
-            className: `absolute bottom-3 text-[10px] text-white/50 font-mono select-none drop-shadow-[0_1px_1px_rgba(0,0,0,0.5)] hover:text-white/80 transition-colors cursor-pointer ${(profile?.preferences || {}).taskbar_position === "top" ? "right-3" : (profile?.preferences || {}).taskbar_position === "left" ? "right-3" : (profile?.preferences || {}).taskbar_position === "right" ? "left-3" : "right-3 !bottom-16"}`,
+            className: `absolute bottom-3 text-[10px] text-white/50 font-mono select-none drop-shadow-[0_1px_1px_rgba(0,0,0,0.5)] hover:text-white/80 transition-colors cursor-pointer ${prefs.taskbar_position === "top" ? "right-3" : prefs.taskbar_position === "left" ? "right-3" : prefs.taskbar_position === "right" ? "left-3" : "right-3 !bottom-16"}`,
             children: APP_VERSION
           }
         ),