@fde-desktop/fde-core 0.4.6 → 0.4.8

package/dist/chunk-WHZGUG7Q.js

@@ -1,36 +0,0 @@
-import { BREAKPOINTS } from './chunk-W2Y22XR6.js';
-import { useState, useCallback, useEffect } from 'react';
-
-var DIMENSIONS = {
-  mobile: { defaultWidth: 300, defaultHeight: 500, minWidth: 280, minHeight: 400 },
-  tablet: { defaultWidth: 600, defaultHeight: 450, minWidth: 400, minHeight: 350 },
-  desktop: { defaultWidth: 800, defaultHeight: 600, minWidth: 640, minHeight: 480 },
-  largeDesktop: { defaultWidth: 1e3, defaultHeight: 700, minWidth: 800, minHeight: 600 }
-};
-var LARGE_DESKTOP = 1440;
-var getAdaptiveDimensions = () => {
-  const width = window.innerWidth;
-  if (width < BREAKPOINTS.MOBILE) {
-    return DIMENSIONS.mobile;
-  }
-  if (width < BREAKPOINTS.TABLET) {
-    return DIMENSIONS.tablet;
-  }
-  if (width < LARGE_DESKTOP) {
-    return DIMENSIONS.desktop;
-  }
-  return DIMENSIONS.largeDesktop;
-};
-function useAdaptiveDimensions() {
-  const [dimensions, setDimensions] = useState(() => getAdaptiveDimensions());
-  const updateDimensions = useCallback(() => {
-    setDimensions(getAdaptiveDimensions());
-  }, []);
-  useEffect(() => {
-    window.addEventListener("resize", updateDimensions);
-    return () => window.removeEventListener("resize", updateDimensions);
-  }, [updateDimensions]);
-  return dimensions;
-}
-
-export { useAdaptiveDimensions };

package/dist/chunk-WSA5WSHN.js

@@ -1,283 +0,0 @@
-import { useOpenApp } from './chunk-KGMXUBWQ.js';
-import { FileIcon_default } from './chunk-EAELL43F.js';
-import { useDesktopStore, generateUUID, getAppIdForMime, sortNodesByMode } from './chunk-W2Y22XR6.js';
-import { Breadcrumbs, Text, Anchor, UnstyledButton } from './chunk-BQL3YXMV.js';
-import { useCallback, useState, useEffect } from 'react';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-var useNotifications = () => {
-  const notifications = useDesktopStore((state) => state.notifications);
-  const addNotification = useDesktopStore((state) => state.addNotification);
-  const removeNotification = useDesktopStore((state) => state.removeNotification);
-  const notify = useCallback(
-    (title, message, options) => {
-      const item = {
-        id: generateUUID(),
-        title,
-        message,
-        fcIcon: options?.fcIcon,
-        onClose: options?.onClose
-      };
-      addNotification(item);
-      return item.id;
-    },
-    [addNotification]
-  );
-  const dismiss = useCallback(
-    (id) => {
-      removeNotification(id);
-    },
-    [removeNotification]
-  );
-  return {
-    notifications,
-    notify,
-    dismiss,
-    addNotification,
-    removeNotification
-  };
-};
-
-// src/components/Apps/FilesApp/components/FolderTree.module.css
-var FolderTree_default = {};
-var FolderTreeItem = ({
-  node,
-  allNodes,
-  currentFolderId,
-  depth,
-  onNavigate
-}) => {
-  const children = allNodes.filter(
-    (n) => n.parentId === node.id && n.type === "folder"
-  );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      UnstyledButton,
-      {
-        className: FolderTree_default.item,
-        "data-active": currentFolderId === node.id || void 0,
-        style: { paddingLeft: 8 + depth * 14 },
-        onClick: () => onNavigate(node.id),
-        "aria-label": node.name,
-        "aria-current": currentFolderId === node.id ? "page" : void 0,
-        children: [
-          /* @__PURE__ */ jsx(FileIcon_default, { type: "folder", folderNode: node, size: 14 }),
-          /* @__PURE__ */ jsx(Text, { size: "xs", ml: 6, truncate: true, children: node.name })
-        ]
-      }
-    ),
-    children.map((child) => /* @__PURE__ */ jsx(
-      FolderTreeItem,
-      {
-        node: child,
-        allNodes,
-        currentFolderId,
-        depth: depth + 1,
-        onNavigate
-      },
-      child.id
-    ))
-  ] });
-};
-var FolderTree = ({ allNodes, currentFolderId, onNavigate }) => {
-  const rootFolders = allNodes.filter(
-    (n) => n.parentId === null && n.type === "folder"
-  );
-  return /* @__PURE__ */ jsxs("nav", { className: FolderTree_default.root, "aria-label": "Folder tree", children: [
-    /* @__PURE__ */ jsxs(
-      UnstyledButton,
-      {
-        className: FolderTree_default.item,
-        "data-active": currentFolderId === null || void 0,
-        style: { paddingLeft: 8 },
-        onClick: () => onNavigate(null),
-        "aria-label": "Home",
-        "aria-current": currentFolderId === null ? "page" : void 0,
-        children: [
-          /* @__PURE__ */ jsx(FileIcon_default, { type: "folder", size: 14 }),
-          /* @__PURE__ */ jsx(Text, { size: "xs", ml: 6, fw: 500, children: "Home" })
-        ]
-      }
-    ),
-    rootFolders.map((folder) => /* @__PURE__ */ jsx(
-      FolderTreeItem,
-      {
-        node: folder,
-        allNodes,
-        currentFolderId,
-        depth: 1,
-        onNavigate
-      },
-      folder.id
-    ))
-  ] });
-};
-var FolderTree_default2 = FolderTree;
-
-// src/components/Apps/FilesApp/components/FileList.module.css
-var FileList_default = {};
-var FileListItem = ({ node, onNavigate, onOpenFile, onContextMenu }) => {
-  const handleDoubleClick = () => {
-    if (node.type === "folder") {
-      onNavigate(node.id);
-    } else {
-      onOpenFile(node);
-    }
-  };
-  const label = node.type === "folder" ? `Open folder ${node.name}` : `Open file ${node.name}`;
-  return /* @__PURE__ */ jsxs(
-    UnstyledButton,
-    {
-      className: FileList_default.item,
-      onDoubleClick: handleDoubleClick,
-      onContextMenu: (e) => onContextMenu(e, node.id),
-      "aria-label": label,
-      role: "option",
-      children: [
-        /* @__PURE__ */ jsx("div", { className: FileList_default.icon, children: /* @__PURE__ */ jsx(
-          FileIcon_default,
-          {
-            type: node.type,
-            name: node.name,
-            folderNode: node.type === "folder" ? node : void 0,
-            size: 32
-          }
-        ) }),
-        /* @__PURE__ */ jsx(Text, { size: "xs", className: FileList_default.name, truncate: true, children: node.name })
-      ]
-    }
-  );
-};
-var FileList = ({ nodes, onNavigate, onOpenFile, onNodeContextMenu }) => {
-  const filesSortMode = useDesktopStore((state) => state.filesSortMode);
-  if (nodes.length === 0) {
-    return /* @__PURE__ */ jsx("div", { className: FileList_default.empty, children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "This folder is empty" }) });
-  }
-  const sorted = sortNodesByMode(nodes, filesSortMode);
-  return /* @__PURE__ */ jsx("div", { className: FileList_default.grid, role: "listbox", "aria-label": "Files", children: sorted.map((node) => /* @__PURE__ */ jsx(
-    FileListItem,
-    {
-      node,
-      onNavigate,
-      onOpenFile,
-      onContextMenu: onNodeContextMenu
-    },
-    node.id
-  )) });
-};
-var FileList_default2 = FileList;
-
-// src/components/Apps/FilesApp/FilesApp.module.css
-var FilesApp_default = {};
-var FilesApp = ({ window }) => {
-  const win = window;
-  const initialFolderId = win?.contentData?.initialFolderId;
-  const fsNodes = useDesktopStore((state) => state.fsNodes);
-  const openContextMenu = useDesktopStore((state) => state.openContextMenu);
-  const setFilesCurrentFolderId = useDesktopStore((state) => state.setFilesCurrentFolderId);
-  const openApp = useOpenApp();
-  const { notify } = useNotifications();
-  const [currentFolderId, setCurrentFolderIdLocal] = useState(
-    initialFolderId ?? null
-  );
-  const setCurrentFolderId = useCallback(
-    (id) => {
-      setCurrentFolderIdLocal(id);
-      setFilesCurrentFolderId(id);
-    },
-    [setFilesCurrentFolderId]
-  );
-  useEffect(() => {
-    setFilesCurrentFolderId(initialFolderId ?? null);
-  }, [initialFolderId, setFilesCurrentFolderId]);
-  const currentNodes = currentFolderId === null ? fsNodes.filter((n) => n.parentId === null) : fsNodes.filter((n) => n.parentId === currentFolderId);
-  const buildBreadcrumbs = () => {
-    const crumbs2 = [{ id: null, name: "Home" }];
-    let id = currentFolderId;
-    const trail = [];
-    while (id !== null) {
-      const node = fsNodes.find((n) => n.id === id);
-      if (!node) break;
-      trail.unshift({ id: node.id, name: node.name });
-      id = node.parentId;
-    }
-    return [...crumbs2, ...trail];
-  };
-  const handleContextMenu = useCallback(
-    (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      openContextMenu(e.clientX, e.clientY, "files");
-    },
-    [openContextMenu]
-  );
-  const handleNodeContextMenu = useCallback(
-    (e, nodeId) => {
-      e.preventDefault();
-      e.stopPropagation();
-      openContextMenu(e.clientX, e.clientY, "files", nodeId);
-    },
-    [openContextMenu]
-  );
-  const handleOpenFile = useCallback(
-    (node) => {
-      try {
-        const result = getAppIdForMime(node);
-        if (result) {
-          openApp(result.appId, { contentData: result.contentData });
-        } else {
-          const mimeType = node.mimeType || "unknown";
-          console.warn(`[FilesApp] Unsupported file type: ${node.name} (${mimeType})`);
-          notify(
-            "Unsupported file type",
-            `Cannot open "${node.name}". File type "${mimeType}" is not supported.`,
-            { fcIcon: "FcDeleteRow" }
-          );
-        }
-      } catch (error) {
-        console.error("[FilesApp] Error opening file:", error);
-        notify("Error opening file", `An unexpected error occurred while opening "${node.name}".`, {
-          fcIcon: "FcHighPriority"
-        });
-      }
-    },
-    [openApp, notify]
-  );
-  const crumbs = buildBreadcrumbs();
-  return /* @__PURE__ */ jsxs("div", { className: FilesApp_default.root, onContextMenu: handleContextMenu, children: [
-    /* @__PURE__ */ jsx("div", { className: FilesApp_default.breadcrumbBar, children: /* @__PURE__ */ jsx(Breadcrumbs, { separator: "\u203A", classNames: { separator: FilesApp_default.breadcrumbSep }, children: crumbs.map((crumb, i) => {
-      const isLast = i === crumbs.length - 1;
-      return isLast ? /* @__PURE__ */ jsx(Text, { size: "xs", fw: 500, children: crumb.name }, crumb.id ?? "root") : /* @__PURE__ */ jsx(
-        Anchor,
-        {
-          size: "xs",
-          onClick: () => setCurrentFolderId(crumb.id),
-          children: crumb.name
-        },
-        crumb.id ?? "root"
-      );
-    }) }) }),
-    /* @__PURE__ */ jsxs("div", { className: FilesApp_default.body, children: [
-      /* @__PURE__ */ jsx("aside", { className: FilesApp_default.sidebar, children: /* @__PURE__ */ jsx(
-        FolderTree_default2,
-        {
-          allNodes: fsNodes,
-          currentFolderId,
-          onNavigate: setCurrentFolderId
-        }
-      ) }),
-      /* @__PURE__ */ jsx("main", { className: FilesApp_default.content, children: /* @__PURE__ */ jsx(
-        FileList_default2,
-        {
-          nodes: currentNodes,
-          onNavigate: setCurrentFolderId,
-          onOpenFile: handleOpenFile,
-          onNodeContextMenu: handleNodeContextMenu
-        }
-      ) })
-    ] })
-  ] });
-};
-var FilesApp_default2 = FilesApp;
-
-export { FilesApp_default2 as FilesApp_default, useNotifications };

package/dist/chunk-XVASHRCE.cjs

@@ -1,70 +0,0 @@
-'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;