react-os-shell 0.1.48 → 0.1.50

package/dist/{chunk-UD2TKHR2.js → chunk-53CE7OVT.js}

@@ -396,6 +396,95 @@ function deactivateAllModals() {
   activeListeners.forEach((fn) => fn());
   window.dispatchEvent(new CustomEvent("modal-reorder"));
 }
+var EDGE_THRESHOLD = 8;
+var CORNER_THRESHOLD = 32;
+function workArea() {
+  const taskbarH = parseInt(getComputedStyle(document.documentElement).getPropertyValue("--taskbar-height")) || 0;
+  const taskbarW = parseInt(getComputedStyle(document.documentElement).getPropertyValue("--taskbar-width")) || 0;
+  const tbPos = getComputedStyle(document.documentElement).getPropertyValue("--taskbar-position")?.trim() || "bottom";
+  const x = tbPos === "left" ? taskbarW : 0;
+  const y = tbPos === "top" ? taskbarH : 0;
+  const w = window.innerWidth - (tbPos === "left" || tbPos === "right" ? taskbarW : 0);
+  const h = window.innerHeight - (tbPos === "top" || tbPos === "bottom" ? taskbarH : 0);
+  return { x, y, w, h };
+}
+function calcSnapBox(zone) {
+  const a = workArea();
+  const halfW = Math.floor(a.w / 2);
+  const halfH = Math.floor(a.h / 2);
+  switch (zone) {
+    case "top":
+      return { x: a.x, y: a.y, w: a.w, h: a.h };
+    case "left":
+      return { x: a.x, y: a.y, w: halfW, h: a.h };
+    case "right":
+      return { x: a.x + halfW, y: a.y, w: a.w - halfW, h: a.h };
+    case "tl":
+      return { x: a.x, y: a.y, w: halfW, h: halfH };
+    case "tr":
+      return { x: a.x + halfW, y: a.y, w: a.w - halfW, h: halfH };
+    case "bl":
+      return { x: a.x, y: a.y + halfH, w: halfW, h: a.h - halfH };
+    case "br":
+      return { x: a.x + halfW, y: a.y + halfH, w: a.w - halfW, h: a.h - halfH };
+  }
+}
+function detectSnapZone(clientX, clientY) {
+  const a = workArea();
+  const nearLeft = clientX <= a.x + EDGE_THRESHOLD;
+  const nearRight = clientX >= a.x + a.w - EDGE_THRESHOLD;
+  const nearTop = clientY <= a.y + EDGE_THRESHOLD;
+  const nearBottom = clientY >= a.y + a.h - EDGE_THRESHOLD;
+  const cornerLeft = clientX <= a.x + CORNER_THRESHOLD;
+  const cornerRight = clientX >= a.x + a.w - CORNER_THRESHOLD;
+  const cornerTop = clientY <= a.y + CORNER_THRESHOLD;
+  const cornerBottom = clientY >= a.y + a.h - CORNER_THRESHOLD;
+  if (nearTop && cornerLeft) return "tl";
+  if (nearTop && cornerRight) return "tr";
+  if (nearBottom && cornerLeft) return "bl";
+  if (nearBottom && cornerRight) return "br";
+  if (cornerTop && nearLeft) return "tl";
+  if (cornerTop && nearRight) return "tr";
+  if (cornerBottom && nearLeft) return "bl";
+  if (cornerBottom && nearRight) return "br";
+  if (nearTop) return "top";
+  if (nearLeft) return "left";
+  if (nearRight) return "right";
+  return null;
+}
+var snapPreviewEl = null;
+function getSnapPreviewEl() {
+  if (!snapPreviewEl) {
+    snapPreviewEl = document.createElement("div");
+    snapPreviewEl.style.cssText = [
+      "position: fixed",
+      "pointer-events: none",
+      "z-index: 40",
+      "border-radius: 8px",
+      "background: rgba(59, 130, 246, 0.18)",
+      "border: 2px solid rgb(59, 130, 246)",
+      "transition: left 120ms ease, top 120ms ease, width 120ms ease, height 120ms ease, opacity 120ms ease",
+      "opacity: 0",
+      "display: none"
+    ].join(";");
+    document.body.appendChild(snapPreviewEl);
+  }
+  return snapPreviewEl;
+}
+function showSnapPreview(box) {
+  const el = getSnapPreviewEl();
+  el.style.display = "block";
+  el.style.left = `${box.x}px`;
+  el.style.top = `${box.y}px`;
+  el.style.width = `${box.w}px`;
+  el.style.height = `${box.h}px`;
+  el.style.opacity = "1";
+}
+function hideSnapPreview() {
+  if (!snapPreviewEl) return;
+  snapPreviewEl.style.opacity = "0";
+  snapPreviewEl.style.display = "none";
+}
 window.addEventListener("deactivate-all-modals", deactivateAllModals);
 function getZForModal(id) {
   const idx = activationOrder.indexOf(id);
@@ -700,6 +789,7 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
     }
     onClose();
   }, [isDirty, onClose]);
+  const preSnapBoxRef = useRef(null);
   const startDrag = useCallback((e) => {
     if (e.button !== 0) return;
     if (e.target.closest("button, input, a, kbd, select, textarea")) return;
@@ -709,11 +799,30 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
     const sx = e.clientX, sy = e.clientY;
     const panel = panelRef.current;
     const rect = panel?.getBoundingClientRect();
-    const ox = rect ? rect.left : boxRef.current.x;
-    const oy = rect ? rect.top : boxRef.current.y;
-    const actualH = rect ? rect.height : boxRef.current.h;
+    let ox, oy, actualH, actualW;
+    if (preSnapBoxRef.current) {
+      const restore = preSnapBoxRef.current;
+      preSnapBoxRef.current = null;
+      actualW = restore.w;
+      actualH = restore.h;
+      const offsetX = rect ? Math.min(Math.max(20, e.clientX - rect.left), restore.w - 20) : restore.w / 2;
+      ox = e.clientX - offsetX;
+      oy = e.clientY - 12;
+      if (panel) {
+        panel.style.width = `${actualW}px`;
+        panel.style.height = `${actualH}px`;
+        panel.style.left = `${ox}px`;
+        panel.style.top = `${oy}px`;
+      }
+    } else {
+      ox = rect ? rect.left : boxRef.current.x;
+      oy = rect ? rect.top : boxRef.current.y;
+      actualH = rect ? rect.height : boxRef.current.h;
+      actualW = rect ? rect.width : boxRef.current.w;
+    }
     setMaximized(false);
-    setBox((b) => ({ ...b, x: ox, y: oy, h: actualH }));
+    setBox((b) => ({ ...b, x: ox, y: oy, w: actualW, h: actualH }));
+    let currentZone = null;
     const move = (ev) => {
       const nx = ox + ev.clientX - sx;
       const ny = Math.max(0, oy + ev.clientY - sy);
@@ -722,11 +831,25 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
         panel.style.top = `${ny}px`;
       }
       boxRef.current = { ...boxRef.current, x: nx, y: ny };
+      if (!widget) {
+        const zone = detectSnapZone(ev.clientX, ev.clientY);
+        if (zone !== currentZone) {
+          currentZone = zone;
+          if (zone) showSnapPreview(calcSnapBox(zone));
+          else hideSnapPreview();
+        }
+      }
     };
     const up = () => {
       window.removeEventListener("pointermove", move);
       window.removeEventListener("pointerup", up);
+      hideSnapPreview();
       const finalBox = { ...boxRef.current };
+      if (!widget && currentZone) {
+        preSnapBoxRef.current = { x: ox, y: oy, w: actualW, h: actualH };
+        setBox(calcSnapBox(currentZone));
+        return;
+      }
       if (widget) {
         const centerX = finalBox.x + finalBox.w / 2;
         const mid = window.innerWidth / 2;
@@ -1723,5 +1846,5 @@ function WindowManagerProvider({ children }) {
 }
 
 export { CancelButton, CopyButton, DocFavStar, GLASS_DIVIDER, GLASS_INPUT_BG, Modal, ModalActions, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, WindowManagerProvider, WindowTitle, client_default, getActiveModalId, glassStyle, isEntityEntry, isPageEntry, isSection, navIcons, navSections, sectionIcons, setShellApiClient, setShellNavIcons, setShellWindowRegistry, startMenuCategories, useModalActive, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle };
-//# sourceMappingURL=chunk-UD2TKHR2.js.map
-//# sourceMappingURL=chunk-UD2TKHR2.js.map
+//# sourceMappingURL=chunk-53CE7OVT.js.map
+//# sourceMappingURL=chunk-53CE7OVT.js.map