@fde-desktop/fde-core 0.3.8 → 0.4.2

package/dist/chunk-U4RYIS6Z.cjs

@@ -0,0 +1,548 @@
+'use strict';
+
+var chunkFX2TPX3L_cjs = require('./chunk-FX2TPX3L.cjs');
+var chunkYSOLW4FS_cjs = require('./chunk-YSOLW4FS.cjs');
+var chunkJ7L2S2GT_cjs = require('./chunk-J7L2S2GT.cjs');
+var chunkZBGWYTCU_cjs = require('./chunk-ZBGWYTCU.cjs');
+var chunk6QOUYSEE_cjs = require('./chunk-6QOUYSEE.cjs');
+var chunkZ5YGWL65_cjs = require('./chunk-Z5YGWL65.cjs');
+var chunkE55VXNLK_cjs = require('./chunk-E55VXNLK.cjs');
+var react = require('react');
+var reactI18next = require('react-i18next');
+var core = require('@dnd-kit/core');
+var jsxRuntime = require('react/jsx-runtime');
+
+var FOLDER_ID_TO_TRANSLATION_KEY = {
+  "launcher-folder-social-links": "socialLinks",
+  "launcher-folder-office": "office",
+  "launcher-folder-programming": "programming",
+  "launcher-folder-games": "games",
+  "launcher-folder-custom-apps": "customApps"
+};
+function useFolderName(folder) {
+  const { t } = reactI18next.useTranslation("apps");
+  if (!folder.isPredefined) {
+    return folder.name;
+  }
+  const translationKey = FOLDER_ID_TO_TRANSLATION_KEY[folder.id];
+  if (!translationKey) {
+    return folder.name;
+  }
+  return t(`folders.${translationKey}`, folder.name);
+}
+var DragDropStateContext = react.createContext(null);
+var DragDropProvider = ({ children, onDrop, onCancel }) => {
+  const [activeItem, setActiveItem] = react.useState(null);
+  const [overTarget, setOverTarget] = react.useState(null);
+  const handleDragStart = react.useCallback((event) => {
+    const item = event.active.data.current;
+    if (item) {
+      setActiveItem(item);
+    }
+  }, []);
+  const handleDragOver = react.useCallback((event) => {
+    if (event.over) {
+      const target = event.over.data.current;
+      if (target) {
+        setOverTarget(target);
+      }
+    } else {
+      setOverTarget(null);
+    }
+  }, []);
+  const handleDragEnd = react.useCallback(
+    (event) => {
+      const { active, over } = event;
+      if (over && active.data.current) {
+        const item = active.data.current;
+        const target = over.data.current;
+        if (target.accepts.includes(item.type)) {
+          onDrop(item, target);
+        }
+      } else if (!over && onCancel) {
+        onCancel();
+      }
+      setActiveItem(null);
+      setOverTarget(null);
+    },
+    [onDrop, onCancel]
+  );
+  const value = react.useMemo(() => ({ activeItem, overTarget }), [activeItem, overTarget]);
+  return /* @__PURE__ */ jsxRuntime.jsx(DragDropStateContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(
+    core.DndContext,
+    {
+      onDragStart: handleDragStart,
+      onDragOver: handleDragOver,
+      onDragEnd: handleDragEnd,
+      collisionDetection: core.pointerWithin,
+      children
+    }
+  ) });
+};
+function useDraggableItem(options) {
+  const { item, disabled = false } = options;
+  const { attributes, listeners, setNodeRef, transform, isDragging } = core.useDraggable({
+    id: `${item.sourceId}-${item.id}`,
+    data: item,
+    disabled
+  });
+  const style = {
+    opacity: isDragging ? 0 : 1,
+    cursor: disabled ? "default" : "grab"
+  };
+  return {
+    attributes,
+    listeners,
+    setNodeRef,
+    isDragging,
+    transform: transform ? { x: transform.x, y: transform.y } : null,
+    style
+  };
+}
+function useDroppableArea(options) {
+  const { target, disabled = false } = options;
+  const context = react.useContext(DragDropStateContext);
+  const { setNodeRef, isOver } = core.useDroppable({
+    id: target.id,
+    data: target,
+    disabled
+  });
+  return {
+    setNodeRef,
+    isOver,
+    active: context?.activeItem ?? null
+  };
+}
+function useDragDropState() {
+  const context = react.useContext(DragDropStateContext);
+  if (!context) {
+    throw new Error("useDragDropState must be used within a DragDropProvider");
+  }
+  return context;
+}
+
+// src/hooks/useDragDrop/modifiers/snapCenterToCursor.ts
+var snapCenterToCursor = ({ activatorEvent, transform, draggingNodeRect }) => {
+  if (!activatorEvent || !draggingNodeRect) {
+    return transform;
+  }
+  const event = activatorEvent;
+  let cursorX = 0;
+  let cursorY = 0;
+  if ("touches" in event && event.touches.length > 0) {
+    cursorX = event.touches[0].clientX;
+    cursorY = event.touches[0].clientY;
+  } else if ("clientX" in event) {
+    cursorX = event.clientX;
+    cursorY = event.clientY;
+  }
+  const offsetX = cursorX - draggingNodeRect.left - draggingNodeRect.width / 2;
+  const offsetY = cursorY - draggingNodeRect.top - draggingNodeRect.height / 2;
+  return {
+    ...transform,
+    x: transform.x + offsetX,
+    y: transform.y + offsetY
+  };
+};
+
+// src/hooks/useDragDrop/DragOverlay.module.css
+var DragOverlay_default = {};
+var DragOverlayComponent = () => {
+  const { activeItem } = useDragDropState();
+  if (!activeItem) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(core.DragOverlay, { dropAnimation: core.defaultDropAnimation, modifiers: [snapCenterToCursor], children: /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Box, { className: DragOverlay_default.dragOverlay, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkJ7L2S2GT_cjs.AppIcon_default,
+      {
+        fcIcon: activeItem.metadata?.fcIcon,
+        iconUrl: activeItem.metadata?.iconUrl,
+        fallback: activeItem.metadata?.icon,
+        size: 20
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "xs", children: activeItem.name })
+  ] }) });
+};
+
+// src/hooks/useDragDrop/constants.ts
+var ACCEPTED_TYPES = {
+  "launcher-folder": ["app"],
+  "available-apps": ["app"]
+};
+
+// src/components/Apps/MenuEditApp/MenuEditApp.module.css
+var MenuEditApp_default = {};
+var FolderItem = ({
+  folder,
+  isEditing,
+  editingName,
+  onEdit,
+  onDelete,
+  onRename,
+  onSetEditingName,
+  onRemoveApp
+}) => {
+  const { t } = reactI18next.useTranslation("menuedit");
+  const folderName = useFolderName(folder);
+  const { activeItem } = useDragDropState();
+  const { setNodeRef, isOver } = useDroppableArea({
+    target: {
+      type: "launcher-folder",
+      id: folder.id,
+      name: folderName,
+      accepts: ACCEPTED_TYPES["launcher-folder"]
+    }
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    chunkE55VXNLK_cjs.Card,
+    {
+      ref: setNodeRef,
+      className: MenuEditApp_default.folderCard,
+      shadow: "xs",
+      padding: "xs",
+      "data-is-over": isOver && activeItem?.type === "app" ? "true" : void 0,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Group, { justify: "space-between", mb: 4, children: [
+          isEditing ? /* @__PURE__ */ jsxRuntime.jsx(
+            chunkE55VXNLK_cjs.TextInput,
+            {
+              value: editingName,
+              onChange: (e) => onSetEditingName(e.target.value),
+              onBlur: () => onRename(folder.id),
+              onKeyDown: (e) => {
+                if (e.key === "Enter") {
+                  e.preventDefault();
+                  onRename(folder.id);
+                }
+              },
+              autoFocus: true,
+              size: "xs",
+              style: { flex: 1 }
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Group, { gap: "xs", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(chunkJ7L2S2GT_cjs.AppIcon_default, { fcIcon: folder.fcIcon, size: 16 }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "sm", fw: 500, children: folderName }),
+            folder.isPredefined && /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Text, { size: "xs", c: "dimmed", children: [
+              "(",
+              t("predefined"),
+              ")"
+            ] })
+          ] }),
+          !folder.isPredefined && !isEditing && /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Group, { gap: 4, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              chunkE55VXNLK_cjs.ActionIcon,
+              {
+                variant: "subtle",
+                size: "xs",
+                onClick: () => onEdit(folder.id),
+                "aria-label": t("rename"),
+                children: /* @__PURE__ */ jsxRuntime.jsx(chunkYSOLW4FS_cjs.VscIcon_default, { name: "VscEdit", size: 14 })
+              }
+            ),
+            onDelete && /* @__PURE__ */ jsxRuntime.jsx(
+              chunkE55VXNLK_cjs.ActionIcon,
+              {
+                variant: "subtle",
+                size: "xs",
+                color: "red",
+                onClick: () => onDelete(folder.id),
+                "aria-label": t("delete"),
+                children: /* @__PURE__ */ jsxRuntime.jsx(chunkYSOLW4FS_cjs.VscIcon_default, { name: "VscTrash", size: 14 })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Box, { className: MenuEditApp_default.appList, children: folder.appIds.map((appId) => {
+          const app = chunk6QOUYSEE_cjs.APPS.find((a) => a.id === appId);
+          if (!app) return null;
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            DraggableApp,
+            {
+              app,
+              sourceId: folder.id,
+              onContextMenu: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                onRemoveApp(appId, folder.id);
+              }
+            },
+            appId
+          );
+        }) })
+      ]
+    }
+  );
+};
+var DraggableApp = ({ app, sourceId, onContextMenu }) => {
+  const { attributes, listeners, setNodeRef, isDragging, style } = useDraggableItem({
+    item: {
+      type: "app",
+      id: app.id,
+      name: app.name,
+      sourceId,
+      sourceType: "launcher-folder",
+      metadata: {
+        fcIcon: app.fcIcon,
+        iconUrl: app.iconUrl,
+        icon: app.icon
+      }
+    }
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    chunkE55VXNLK_cjs.UnstyledButton,
+    {
+      ref: setNodeRef,
+      className: MenuEditApp_default.appItem,
+      style: { ...style, opacity: isDragging ? 0.5 : 1 },
+      onContextMenu,
+      ...attributes,
+      ...listeners,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkJ7L2S2GT_cjs.AppIcon_default, { fcIcon: app.fcIcon, iconUrl: app.iconUrl, fallback: app.icon, size: 16 }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "xs", children: app.name })
+      ]
+    }
+  );
+};
+var AvailableApps = ({ customFolderId }) => {
+  const { t } = reactI18next.useTranslation("menuedit");
+  const { activeItem } = useDragDropState();
+  const { setNodeRef, isOver } = useDroppableArea({
+    target: {
+      type: "available-apps",
+      id: "available-apps",
+      name: "Available Apps",
+      accepts: ACCEPTED_TYPES["available-apps"]
+    }
+  });
+  const appsInFolders = new Set(chunk6QOUYSEE_cjs.useDesktopStore.getState().launcherFolders.flatMap((f) => f.appIds));
+  const availableApps = chunk6QOUYSEE_cjs.APPS.filter((app) => app.id !== "settings" && app.id !== "menuedit");
+  const addAppToFolder = chunk6QOUYSEE_cjs.useDesktopStore((state) => state.addAppToFolder);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    chunkE55VXNLK_cjs.Box,
+    {
+      ref: setNodeRef,
+      className: MenuEditApp_default.availableApps,
+      "data-is-over": isOver && activeItem?.type === "app" ? "true" : void 0,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "xs", c: "dimmed", mb: 8, children: t("availableApps") }),
+        customFolderId === null && /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "xs", c: "orange", mb: 4, children: t("canCreateNewFolder") }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Box, { className: MenuEditApp_default.appGrid, children: availableApps.filter((app) => !appsInFolders.has(app.id)).map((app) => /* @__PURE__ */ jsxRuntime.jsx(
+          DraggableAppFromAvailable,
+          {
+            app,
+            targetFolderId: customFolderId,
+            onAdd: addAppToFolder
+          },
+          app.id
+        )) })
+      ]
+    }
+  );
+};
+var DraggableAppFromAvailable = ({ app, targetFolderId, onAdd }) => {
+  const { attributes, listeners, setNodeRef, isDragging, style } = useDraggableItem({
+    item: {
+      type: "app",
+      id: app.id,
+      name: app.name,
+      sourceId: "available-apps",
+      sourceType: "available-apps",
+      metadata: {
+        fcIcon: app.fcIcon,
+        iconUrl: app.iconUrl,
+        icon: app.icon
+      }
+    }
+  });
+  const handleClick = () => {
+    if (targetFolderId) {
+      onAdd(app.id, targetFolderId);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    chunkE55VXNLK_cjs.UnstyledButton,
+    {
+      ref: setNodeRef,
+      className: MenuEditApp_default.appItem,
+      style: { ...style, opacity: isDragging ? 0 : 1 },
+      onClick: handleClick,
+      disabled: !targetFolderId,
+      ...attributes,
+      ...listeners,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkJ7L2S2GT_cjs.AppIcon_default, { fcIcon: app.fcIcon, iconUrl: app.iconUrl, fallback: app.icon, size: 16 }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "xs", children: app.name })
+      ]
+    }
+  );
+};
+var MenuEditAppContent = ({ window: win, notifyReady }) => {
+  const { t } = reactI18next.useTranslation("menuedit");
+  const windowId = win?.id;
+  const launcherFolders = chunk6QOUYSEE_cjs.useDesktopStore((state) => state.launcherFolders);
+  const setLauncherFolders = chunk6QOUYSEE_cjs.useDesktopStore((state) => state.setLauncherFolders);
+  const createLauncherFolder = chunk6QOUYSEE_cjs.useDesktopStore((state) => state.createLauncherFolder);
+  const updateLauncherFolder = chunk6QOUYSEE_cjs.useDesktopStore((state) => state.updateLauncherFolder);
+  const deleteLauncherFolder = chunk6QOUYSEE_cjs.useDesktopStore((state) => state.deleteLauncherFolder);
+  const removeAppFromFolder = chunk6QOUYSEE_cjs.useDesktopStore((state) => state.removeAppFromFolder);
+  const [editingFolderId, setEditingFolderId] = react.useState(null);
+  const [editingName, setEditingName] = react.useState("");
+  const initializedRef = react.useRef(false);
+  react.useEffect(() => {
+    if (!windowId) return;
+    if (initializedRef.current) return;
+    initializedRef.current = true;
+    chunkFX2TPX3L_cjs.useMenuEditStore.getState().reset(windowId);
+  }, [windowId]);
+  react.useEffect(() => {
+    if (!windowId) return;
+    const store = chunkFX2TPX3L_cjs.useMenuEditStore.getState();
+    if (store.getSnapshot(windowId) === null) {
+      store.takeSnapshot(windowId, launcherFolders);
+    } else {
+      const snapshot = store.getSnapshot(windowId);
+      if (snapshot) {
+        const isDirty = JSON.stringify(launcherFolders) !== JSON.stringify(snapshot);
+        store.setIsDirty(windowId, isDirty);
+      }
+    }
+  }, [windowId, launcherFolders]);
+  const handleSave = react.useCallback(() => {
+    if (!windowId) return;
+    chunkFX2TPX3L_cjs.useMenuEditStore.getState().takeSnapshot(windowId, launcherFolders);
+  }, [windowId, launcherFolders]);
+  const revertToSnapshot = react.useCallback(() => {
+    if (!windowId) return;
+    const snapshot = chunkFX2TPX3L_cjs.useMenuEditStore.getState().getSnapshot(windowId);
+    if (snapshot) {
+      setLauncherFolders(snapshot);
+    }
+  }, [windowId, setLauncherFolders]);
+  const isDirtyGetter = react.useCallback(() => {
+    if (!windowId) return false;
+    const snapshot = chunkFX2TPX3L_cjs.useMenuEditStore.getState().getSnapshot(windowId);
+    return JSON.stringify(launcherFolders) !== JSON.stringify(snapshot ?? []);
+  }, [windowId, launcherFolders]);
+  chunkZBGWYTCU_cjs.useCloseInterceptor({
+    isDirtyGetter,
+    windowId: win?.id,
+    onDiscard: revertToSnapshot,
+    onSave: handleSave
+  });
+  const handleCreateFolder = react.useCallback(() => {
+    const folder = createLauncherFolder({
+      name: t("newFolder"),
+      fcIcon: "VscFolder",
+      order: launcherFolders.length
+    });
+    setEditingFolderId(folder.id);
+    setEditingName(folder.name);
+  }, [createLauncherFolder, launcherFolders.length, t]);
+  react.useEffect(() => {
+    notifyReady?.({
+      createFolder: handleCreateFolder,
+      save: handleSave,
+      discard: revertToSnapshot
+    });
+  }, [handleCreateFolder, handleSave, revertToSnapshot, notifyReady]);
+  const handleEditFolder = react.useCallback(
+    (folderId) => {
+      const folder = launcherFolders.find((f) => f.id === folderId);
+      if (folder) {
+        setEditingFolderId(folder.id);
+        setEditingName(folder.name);
+      }
+    },
+    [launcherFolders]
+  );
+  const handleRename = react.useCallback(
+    (folderId) => {
+      if (editingName.trim()) {
+        updateLauncherFolder(folderId, { name: editingName.trim() });
+      }
+      setEditingFolderId(null);
+    },
+    [editingName, updateLauncherFolder]
+  );
+  const dockerMode = chunkZ5YGWL65_cjs.isDocker();
+  const predefinedFolders = launcherFolders.filter((f) => f.isPredefined);
+  const customFolders = launcherFolders.filter((f) => !f.isPredefined);
+  const firstCustomFolderId = customFolders.length > 0 ? customFolders[0].id : null;
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Box, { className: MenuEditApp_default.container, "data-windowid": win?.id, "data-menuedit-container": true, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Box, { className: MenuEditApp_default.content, children: [
+    predefinedFolders.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Box, { mb: "md", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "xs", c: "dimmed", mb: 8, children: t("predefinedFolders") }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Box, { className: MenuEditApp_default.folderList, children: predefinedFolders.map((folder) => /* @__PURE__ */ jsxRuntime.jsx(
+        FolderItem,
+        {
+          folder,
+          isEditing: false,
+          editingName: "",
+          onEdit: () => {
+          },
+          onRemoveApp: removeAppFromFolder,
+          onRename: () => {
+          },
+          onSetEditingName: () => {
+          }
+        },
+        folder.id
+      )) })
+    ] }),
+    dockerMode && customFolders.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Box, { mb: "md", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "xs", c: "dimmed", mb: 8, children: t("customFolders") }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Box, { className: MenuEditApp_default.folderList, children: customFolders.map((folder) => /* @__PURE__ */ jsxRuntime.jsx(
+        FolderItem,
+        {
+          folder,
+          isEditing: editingFolderId === folder.id,
+          editingName,
+          onEdit: handleEditFolder,
+          onDelete: deleteLauncherFolder,
+          onRename: handleRename,
+          onSetEditingName: setEditingName,
+          onRemoveApp: removeAppFromFolder
+        },
+        folder.id
+      )) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Group, { justify: "space-between", mb: "md", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(AvailableApps, { customFolderId: firstCustomFolderId }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "xs", c: "dimmed", mt: "md", children: t("instructions") }),
+      dockerMode && /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.ActionIcon, { variant: "light", onClick: handleCreateFolder, "aria-label": t("addFolder"), children: /* @__PURE__ */ jsxRuntime.jsx(chunkYSOLW4FS_cjs.VscIcon_default, { name: "VscAdd", size: 16 }) })
+    ] })
+  ] }) });
+};
+var MenuEditApp = (props) => {
+  const addAppToFolder = chunk6QOUYSEE_cjs.useDesktopStore((state) => state.addAppToFolder);
+  const removeAppFromFolder = chunk6QOUYSEE_cjs.useDesktopStore((state) => state.removeAppFromFolder);
+  const handleDrop = react.useCallback(
+    (item, target) => {
+      if (item.type !== "app") return;
+      if (target.type === "available-apps") {
+        if (item.sourceType === "launcher-folder") {
+          removeAppFromFolder(item.id, item.sourceId);
+        }
+        return;
+      }
+      if (target.type !== "launcher-folder") return;
+      if (item.sourceId !== target.id && item.sourceType === "launcher-folder") {
+        removeAppFromFolder(item.id, item.sourceId);
+      }
+      addAppToFolder(item.id, target.id);
+    },
+    [addAppToFolder, removeAppFromFolder]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(DragDropProvider, { onDrop: handleDrop, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(MenuEditAppContent, { ...props }),
+    /* @__PURE__ */ jsxRuntime.jsx(DragOverlayComponent, {})
+  ] });
+};
+var MenuEditApp_default2 = MenuEditApp;
+
+exports.DragDropProvider = DragDropProvider;
+exports.MenuEditApp_default = MenuEditApp_default2;
+exports.useDragDropState = useDragDropState;
+exports.useDraggableItem = useDraggableItem;
+exports.useDroppableArea = useDroppableArea;
+exports.useFolderName = useFolderName;

package/dist/chunk-UIQCTAVM.cjs

@@ -0,0 +1,59 @@
+'use strict';
+
+var zustand = require('zustand');
+
+// src/components/Apps/ImageViewerApp/imageViewerStore.ts
+var DEFAULT_STATE = {
+  userZoom: 100,
+  calculatedZoom: 100,
+  fitToWindow: true
+};
+var useImageViewerStore = zustand.create((set, get) => ({
+  states: {},
+  getUserZoom: (id) => get().states[id]?.userZoom ?? 100,
+  getCalculatedZoom: (id) => get().states[id]?.calculatedZoom ?? 100,
+  getFitToWindow: (id) => get().states[id]?.fitToWindow ?? true,
+  getDisplayZoom: (id) => {
+    const state = get().states[id];
+    if (!state) return 100;
+    return state.fitToWindow ? state.calculatedZoom : state.userZoom;
+  },
+  setUserZoom: (id, zoom) => set((s) => ({
+    states: {
+      ...s.states,
+      [id]: { ...s.states[id] ?? DEFAULT_STATE, userZoom: zoom, fitToWindow: false }
+    }
+  })),
+  setFitToWindow: (id, fitToWindow) => set((s) => ({
+    states: {
+      ...s.states,
+      [id]: { ...s.states[id] ?? DEFAULT_STATE, fitToWindow }
+    }
+  })),
+  updateCalculatedZoom: (id, imageDims, containerDims) => {
+    const scale = Math.min(
+      containerDims.width / imageDims.width,
+      containerDims.height / imageDims.height
+    );
+    const calculatedZoom = Math.round(scale * 100);
+    set((s) => ({
+      states: {
+        ...s.states,
+        [id]: { ...s.states[id] ?? DEFAULT_STATE, calculatedZoom }
+      }
+    }));
+  },
+  reset: (id) => set((s) => ({
+    states: { ...s.states, [id]: DEFAULT_STATE }
+  }))
+}));
+var useFitToWindow = (windowId) => useImageViewerStore((s) => s.states[windowId]?.fitToWindow ?? true);
+var useDisplayZoom = (windowId) => useImageViewerStore((s) => {
+  const state = s.states[windowId];
+  if (!state) return 100;
+  return state.fitToWindow ? state.calculatedZoom : state.userZoom;
+});
+
+exports.useDisplayZoom = useDisplayZoom;
+exports.useFitToWindow = useFitToWindow;
+exports.useImageViewerStore = useImageViewerStore;

package/dist/chunk-XVASHRCE.cjs

@@ -0,0 +1,70 @@
+'use strict';
+
+var chunkRDIDAZ3S_cjs = require('./chunk-RDIDAZ3S.cjs');
+var chunkSBE4SZAN_cjs = require('./chunk-SBE4SZAN.cjs');
+var chunkFX2TPX3L_cjs = require('./chunk-FX2TPX3L.cjs');
+var react = require('react');
+var reactI18next = require('react-i18next');
+var jsxRuntime = require('react/jsx-runtime');
+
+var useMenuEditMenuBarElements = (options) => {
+  const { windowId, contentData, onExit } = options;
+  const { t } = reactI18next.useTranslation("menuedit");
+  const { t: tCommon } = reactI18next.useTranslation("common");
+  const isDirty = chunkFX2TPX3L_cjs.useIsDirty(windowId);
+  const createFolder = contentData?.createFolder;
+  const save = contentData?.save;
+  const discard = contentData?.discard;
+  return react.useMemo(() => {
+    const items = [
+      {
+        type: "menu",
+        label: tCommon("menu.file"),
+        items: [
+          {
+            type: "item",
+            label: t("newFolder"),
+            icon: "FcPlus",
+            onClick: () => createFolder?.()
+          },
+          { type: "divider" },
+          {
+            type: "item",
+            label: tCommon("actions.save"),
+            icon: "FcInspection",
+            onClick: () => save?.(),
+            disabled: !isDirty
+          },
+          {
+            type: "item",
+            label: tCommon("actions.discard"),
+            icon: "FcCancel",
+            onClick: () => discard?.(),
+            disabled: !isDirty
+          },
+          { type: "divider" },
+          {
+            type: "item",
+            label: tCommon("actions.exit"),
+            icon: "FcLeft",
+            onClick: onExit
+          }
+        ]
+      }
+    ];
+    return chunkRDIDAZ3S_cjs.appendDirtyIndicator(items, isDirty);
+  }, [t, tCommon, isDirty, createFolder, save, discard, onExit]);
+};
+var MenuEditMenuBar = react.memo(
+  ({ windowId, contentData, onExit }) => {
+    const elements = useMenuEditMenuBarElements({
+      windowId,
+      contentData,
+      onExit
+    });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkSBE4SZAN_cjs.AppMenuBar_default, { elements });
+  }
+);
+MenuEditMenuBar.displayName = "MenuEditMenuBar";
+
+exports.MenuEditMenuBar = MenuEditMenuBar;