react-os-shell 0.1.11 → 0.1.13

package/dist/index.js

@@ -5,10 +5,10 @@ export { formatDate } from './chunk-NSU7OHPC.js';
 import { toast_default } from './chunk-WIJ45SYD.js';
 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-CANJJID5.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-CANJJID5.js';
+import { useShellPrefs } from './chunk-36VM54SC.js';
+export { ShellPrefsProvider, useLocalStoragePrefs, useShellPrefs } from './chunk-36VM54SC.js';
+import { useWindowManager, glassStyle, PopupMenu, PopupMenuLabel, PopupMenuDivider, PopupMenuItem, Modal, startMenuCategories, navSections, isSection, GLASS_INPUT_BG, navIcons, sectionIcons, ModalActions, useModalActive } from './chunk-24K73LGZ.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-24K73LGZ.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';
@@ -643,7 +643,7 @@ function StatusBadge({ status }) {
 }
 
 // src/version.ts
-var VERSION = "0.1.11" ;
+var VERSION = "0.1.13" ;
 var APP_VERSION = VERSION;
 
 // src/changelog.ts
@@ -958,6 +958,24 @@ function Desktop({ profile }) {
           const fp = getFolderPos(f, fi);
           return Math.abs(singleItem.finalRight - fp.right) < 40 && Math.abs(singleItem.finalTop - fp.top) < 40;
         }) : void 0;
+        if (droppedOnFolder && singleItem?.entry.el) {
+          const itemEl = singleItem.entry.el;
+          const folderIdx = folders.indexOf(droppedOnFolder);
+          const folderEl = document.querySelector(`[data-desktop-icon="folder-${folderIdx}"]`);
+          if (folderEl) {
+            const ir = itemEl.getBoundingClientRect();
+            const fr = folderEl.getBoundingClientRect();
+            const dx2 = fr.left + fr.width / 2 - (ir.left + ir.width / 2);
+            const dy2 = fr.top + fr.height / 2 - (ir.top + ir.height / 2);
+            itemEl.style.transition = "transform 220ms ease-out, opacity 220ms ease-out";
+            itemEl.style.transform = `translate(${dx2}px, ${dy2}px) scale(0.2)`;
+            itemEl.style.opacity = "0";
+          }
+          folderEl?.animate(
+            [{ transform: "scale(1)" }, { transform: "scale(1.15)" }, { transform: "scale(1)" }],
+            { duration: 280, easing: "ease-out" }
+          );
+        }
         for (const move2 of itemMoves) {
           const desktopIdx = favDocs.indexOf(desktopItems[move2.entry.idx]);
           if (desktopIdx === -1) continue;
@@ -968,10 +986,14 @@ function Desktop({ profile }) {
             positionsPatch[`item-${desktopIdx}`] = { right: move2.finalRight, top: move2.finalTop };
           }
         }
-        saveDocs(updated);
-        if (Object.keys(positionsPatch).length > 0) {
-          setLocalPositions((prev) => ({ ...prev, ...positionsPatch }));
-        }
+        const commit = () => {
+          saveDocs(updated);
+          if (Object.keys(positionsPatch).length > 0) {
+            setLocalPositions((prev) => ({ ...prev, ...positionsPatch }));
+          }
+        };
+        if (droppedOnFolder) setTimeout(commit, 220);
+        else commit();
       }
       const folderMoves = computedPositions.filter((p) => p.entry.type === "folder");
       if (folderMoves.length > 0) {
@@ -994,8 +1016,8 @@ function Desktop({ profile }) {
       window.removeEventListener("pointerup", up);
     };
   }, [dragging, snapEnabled, favDocs, folders, desktopItems]);
-  const favDocsKey = JSON.stringify(favDocs.map((d) => d.entityId));
-  const foldersKey = JSON.stringify(folders.map((f) => f.id));
+  const favDocsKey = JSON.stringify(favDocs.map((d) => `${d.entityId}:${d.x ?? ""}:${d.y ?? ""}:${d.folderId ?? ""}`));
+  const foldersKey = JSON.stringify(folders.map((f) => `${f.id}:${f.x ?? ""}:${f.y ?? ""}`));
   useEffect(() => {
     setLocalPositions({});
   }, [favDocsKey, foldersKey]);
@@ -1395,6 +1417,7 @@ function Desktop({ profile }) {
                       /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsx(
                         "button",
                         {
+                          onPointerDown: (e) => e.stopPropagation(),
                           onClick: (e) => {
                             e.stopPropagation();
                             cycleStickyColor(note.id);
@@ -1407,6 +1430,7 @@ function Desktop({ profile }) {
                         /* @__PURE__ */ jsx(
                           "button",
                           {
+                            onPointerDown: (e) => e.stopPropagation(),
                             onClick: (e) => {
                               e.stopPropagation();
                               toggleStickyOnTop(note.id);
@@ -1422,6 +1446,7 @@ function Desktop({ profile }) {
                         /* @__PURE__ */ jsx(
                           "button",
                           {
+                            onPointerDown: (e) => e.stopPropagation(),
                             onClick: (e) => {
                               e.stopPropagation();
                               removeStickyFromDesktop(note.id);
@@ -1434,6 +1459,7 @@ function Desktop({ profile }) {
                         /* @__PURE__ */ jsx(
                           "button",
                           {
+                            onPointerDown: (e) => e.stopPropagation(),
                             onClick: (e) => {
                               e.stopPropagation();
                               deleteStickyNote(note.id);