@fde-desktop/fde-core 0.3.8 → 0.4.2

package/dist/chunk-ODXL6BR3.js

@@ -0,0 +1,77 @@
+import { useDesktopStore } from './chunk-NWMSWRUD.js';
+import { create } from 'zustand';
+import { useRef, useEffect, useCallback } from 'react';
+
+var useCloseModalStore = create()((set) => ({
+  isOpen: false,
+  windowId: null,
+  onSave: null,
+  onDiscard: null,
+  openModal: (windowId, onSave, onDiscard) => set({
+    isOpen: true,
+    windowId,
+    onSave,
+    onDiscard
+  }),
+  closeModal: () => set({ isOpen: false, windowId: null, onSave: null, onDiscard: null })
+}));
+var closeInterceptors = /* @__PURE__ */ new Map();
+var registerCloseInterceptor = (windowId, interceptor) => {
+  closeInterceptors.set(windowId, interceptor);
+};
+var unregisterCloseInterceptor = (windowId) => {
+  closeInterceptors.delete(windowId);
+};
+var getCloseInterceptor = (windowId) => {
+  return closeInterceptors.get(windowId);
+};
+function useCloseInterceptor({
+  isDirtyGetter,
+  windowId,
+  onDiscard,
+  onSave
+}) {
+  const windows = useDesktopStore((state) => state.windows);
+  const closeWindow = useDesktopStore((state) => state.closeWindow);
+  const openModal = useCloseModalStore((state) => state.openModal);
+  const activeWindowId = windowId ?? windows.find((w) => w.isOpen)?.id;
+  const isDirtyGetterRef = useRef(isDirtyGetter);
+  const isActiveRef = useRef(false);
+  const onDiscardRef = useRef(onDiscard);
+  const onSaveRef = useRef(onSave);
+  useEffect(() => {
+    isDirtyGetterRef.current = isDirtyGetter;
+    onDiscardRef.current = onDiscard;
+    onSaveRef.current = onSave;
+  }, [isDirtyGetter, onDiscard, onSave]);
+  const handleDiscard = useCallback(() => {
+    if (!activeWindowId) return;
+    onDiscardRef.current?.();
+    closeWindow(activeWindowId);
+  }, [activeWindowId, closeWindow]);
+  const handleSave = useCallback(() => {
+    if (!activeWindowId) return;
+    onSaveRef.current?.();
+    closeWindow(activeWindowId);
+  }, [activeWindowId, closeWindow]);
+  useEffect(() => {
+    if (!activeWindowId) return;
+    isActiveRef.current = true;
+    const closeInterceptor = () => {
+      if (!isActiveRef.current) return true;
+      const isDirty = isDirtyGetterRef.current();
+      if (isDirty) {
+        openModal(activeWindowId, handleSave, handleDiscard);
+        return false;
+      }
+      return true;
+    };
+    registerCloseInterceptor(activeWindowId, closeInterceptor);
+    return () => {
+      isActiveRef.current = false;
+      unregisterCloseInterceptor(activeWindowId);
+    };
+  }, [activeWindowId, openModal, handleSave, handleDiscard]);
+}
+
+export { getCloseInterceptor, registerCloseInterceptor, unregisterCloseInterceptor, useCloseInterceptor, useCloseModalStore };

package/dist/chunk-OJIDKDKF.js

@@ -0,0 +1,68 @@
+import { appendDirtyIndicator } from './chunk-YAIWI4Z5.js';
+import { AppMenuBar_default } from './chunk-4E45FBAH.js';
+import { useIsDirty } from './chunk-FH4ILMKF.js';
+import { useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { jsx } from 'react/jsx-runtime';
+
+var useNotesMenuBarElements = (options) => {
+  const { windowId, contentData, onExit } = options;
+  const { t } = useTranslation("common");
+  const isDirty = useIsDirty(windowId);
+  const actions = contentData?.actions;
+  const setPickerOpen = contentData?.setPickerOpen;
+  return useMemo(() => {
+    const items = [
+      {
+        type: "menu",
+        label: t("menu.file"),
+        items: [
+          {
+            type: "item",
+            label: t("actions.new"),
+            icon: "FcEditImage",
+            onClick: () => actions?.new?.()
+          },
+          {
+            type: "item",
+            label: t("actions.open"),
+            icon: "FcOpenedFolder",
+            onClick: () => setPickerOpen?.()
+          },
+          { type: "divider" },
+          {
+            type: "item",
+            label: t("actions.save"),
+            icon: "FcInspection",
+            onClick: () => actions?.save?.(),
+            disabled: !isDirty
+          },
+          {
+            type: "item",
+            label: t("actions.saveAs"),
+            icon: "FcDeployment",
+            onClick: () => actions?.saveAs?.()
+          },
+          { type: "divider" },
+          {
+            type: "item",
+            label: t("actions.exit"),
+            icon: "FcLeft",
+            onClick: onExit
+          }
+        ]
+      }
+    ];
+    return appendDirtyIndicator(items, isDirty);
+  }, [t, actions, setPickerOpen, isDirty, onExit]);
+};
+var NotesMenuBar = ({ windowId, contentData, onExit }) => {
+  const elements = useNotesMenuBarElements({
+    windowId,
+    contentData,
+    onExit
+  });
+  return /* @__PURE__ */ jsx(AppMenuBar_default, { elements });
+};
+
+export { NotesMenuBar };

package/dist/chunk-PKPQA5NR.js

@@ -0,0 +1,15 @@
+// src/constants/Colors.ts
+var PRESET_COLORS = [
+  "#868e96",
+  "#fa5252",
+  "#fd7e14",
+  "#fab005",
+  "#82c91e",
+  "#40c057",
+  "#15aabf",
+  "#228be6",
+  "#7950f2",
+  "#e64980"
+];
+
+export { PRESET_COLORS };

package/dist/chunk-PNDBLFJW.cjs

@@ -0,0 +1,50 @@
+'use strict';
+
+var chunkRDIDAZ3S_cjs = require('./chunk-RDIDAZ3S.cjs');
+var chunkSBE4SZAN_cjs = require('./chunk-SBE4SZAN.cjs');
+var chunkYP2PLNOF_cjs = require('./chunk-YP2PLNOF.cjs');
+var react = require('react');
+var reactI18next = require('react-i18next');
+var jsxRuntime = require('react/jsx-runtime');
+
+var useSettingsMenuBarElements = (options) => {
+  const { windowId, contentData, onExit } = options;
+  const { t } = reactI18next.useTranslation("common");
+  const isDirty = chunkYP2PLNOF_cjs.useIsDirty(windowId);
+  const discard = contentData?.discard;
+  return react.useMemo(() => {
+    const items = [
+      {
+        type: "menu",
+        label: t("menu.file"),
+        items: [
+          {
+            type: "item",
+            label: t("actions.discard"),
+            icon: "FcCancel",
+            onClick: () => discard?.(),
+            disabled: !isDirty
+          },
+          { type: "divider" },
+          {
+            type: "item",
+            label: t("actions.exit"),
+            icon: "FcLeft",
+            onClick: onExit
+          }
+        ]
+      }
+    ];
+    return chunkRDIDAZ3S_cjs.appendDirtyIndicator(items, isDirty);
+  }, [t, isDirty, discard, onExit]);
+};
+var SettingsMenuBar = ({ windowId, contentData, onExit }) => {
+  const elements = useSettingsMenuBarElements({
+    windowId,
+    contentData,
+    onExit
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkSBE4SZAN_cjs.AppMenuBar_default, { elements });
+};
+
+exports.SettingsMenuBar = SettingsMenuBar;

package/dist/chunk-PYTKNRGM.js

@@ -0,0 +1,280 @@
+import { useAdaptiveDimensions } from './chunk-ZHB5Q2M6.js';
+import { useDesktopStore, APPS } from './chunk-NWMSWRUD.js';
+import { lazy, useCallback } from 'react';
+
+// src/constants/Animations.ts
+var ANIMATION_DURATION = 0.3;
+var createEaseIn = (duration) => ({
+  duration,
+  ease: "easeIn"
+});
+var createEaseOut = (duration) => ({
+  duration,
+  ease: "easeOut"
+});
+var createWindowVariants = (duration) => ({
+  hidden: { opacity: 0, scale: 0.92, y: 12 },
+  visible: { opacity: 1, scale: 1, y: 0, transition: createEaseOut(duration) },
+  exit: { opacity: 0, scale: 0.92, y: 12, transition: createEaseIn(duration) }
+});
+var createPanelVariants = (duration) => ({
+  initial: { opacity: 0, y: 8, scale: 0.96 },
+  animate: { opacity: 1, y: 0, scale: 1, transition: createEaseOut(duration) },
+  exit: { opacity: 0, y: 8, scale: 0.96, transition: createEaseIn(duration) }
+});
+var createMinimizeVariant = (duration) => (deltaX, deltaY) => ({
+  opacity: 0,
+  scale: 0.1,
+  x: deltaX,
+  y: deltaY,
+  transition: { duration, ease: [0.4, 0, 1, 1] }
+});
+var createRestoreVariant = (duration) => (deltaX, deltaY) => ({
+  opacity: [0, 1],
+  scale: [0.1, 1],
+  x: [deltaX, 0],
+  y: [deltaY, 0],
+  transition: { duration, ease: [0, 0, 0.2, 1] }
+});
+var createMaximizeTransition = (duration) => ({
+  duration,
+  ease: "easeOut"
+});
+var EASE_IN = { duration: ANIMATION_DURATION, ease: "easeIn" };
+var EASE_OUT = { duration: ANIMATION_DURATION, ease: "easeOut" };
+var windowVariants = createWindowVariants(ANIMATION_DURATION);
+var panelVariants = createPanelVariants(ANIMATION_DURATION);
+var minimizeVariant = createMinimizeVariant(0.3);
+var restoreVariant = createRestoreVariant(0.3);
+var openVariants = {
+  scale: {
+    hidden: { opacity: 0, scale: 0.92, y: 12 },
+    visible: { opacity: 1, scale: 1, y: 0, transition: EASE_OUT }
+  },
+  slide: {
+    hidden: { opacity: 0, y: 40 },
+    visible: { opacity: 1, y: 0, transition: EASE_OUT }
+  },
+  fade: {
+    hidden: { opacity: 0 },
+    visible: { opacity: 1, transition: EASE_OUT }
+  }
+};
+var maximizeTransition = { duration: 0.25, ease: "easeOut" };
+var randomWindowPosition = () => ({
+  x: 150 + Math.random() * 200,
+  y: 80 + Math.random() * 100
+});
+var centerWindowPosition = (viewportWidth, viewportHeight, windowWidth, windowHeight) => ({
+  x: Math.round((viewportWidth - windowWidth) / 2),
+  y: Math.round((viewportHeight - windowHeight) / 2)
+});
+var FilesAppLazy = lazy(() => import('./FilesApp-AKCVRTXR.js'));
+var NotesAppLazy = lazy(() => import('./NotesApp-37BV33C6.js'));
+var ImageViewerAppLazy = lazy(() => import('./ImageViewerApp-5UXNSW2O.js'));
+var PdfAppLazy = lazy(() => import('./PdfApp-RH6MZZX5.js'));
+var MenuEditAppLazy = lazy(() => import('./MenuEditApp-HUZRFEHE.js'));
+var UploaderAppLazy = lazy(() => import('./UploaderApp-2WYRCUQV.js'));
+var SettingsAppLazy = lazy(() => import('./SettingsApp-X6764D7T.js'));
+var DeviceInfoAppLazy = lazy(() => import('./DeviceInfoApp-YHCYAO6N.js'));
+var CalendarAppLazy = lazy(() => import('./CalendarApp-K7ZOUZ6C.js'));
+var CreateItemAppLazy = lazy(() => import('./CreateItemApp-ZHCTSPQE.js'));
+var NotesMenuBarLazy = lazy(
+  () => import('./NotesMenuBar-SRV3AIAL.js').then((m) => ({ default: m.NotesMenuBar }))
+);
+var MenuEditMenuBarLazy = lazy(
+  () => import('./MenuEditMenuBar-IUXFPZE5.js').then((m) => ({ default: m.MenuEditMenuBar }))
+);
+var SettingsMenuBarLazy = lazy(
+  () => import('./SettingsMenuBar-VLT6TTCM.js').then((m) => ({ default: m.SettingsMenuBar }))
+);
+var PdfMenuBarLazy = lazy(
+  () => import('./PdfMenuBar-NLZC6JHS.js').then((m) => ({ default: m.PdfMenuBar }))
+);
+var ImageViewerMenuBarLazy = lazy(
+  () => import('./ImageViewerMenuBar-TV5C6TM2.js').then((m) => ({
+    default: m.ImageViewerMenuBar
+  }))
+);
+var TerminalAppLazy = lazy(() => import('./TerminalApp-GCKJCM55.js'));
+var TerminalMenuBarLazy = lazy(
+  () => import('./TerminalMenuBar-7JAEQUZ4.js').then((m) => ({ default: m.TerminalMenuBar }))
+);
+var CodeServerAppLazy = lazy(() => import('./CodeServerApp-LUZFCQBI.js'));
+var StorybookAppLazy = lazy(() => import('./StorybookApp-NZDV4X3Y.js'));
+
+// src/components/Window/helperRegistry.ts
+var _registry = null;
+var NULL_COMPONENT = (() => null);
+function resolveEntry(entry) {
+  return {
+    ...entry,
+    component: entry.component ?? (entry.loader ? lazy(entry.loader) : void 0),
+    MenuBarComponent: entry.MenuBarComponent ?? (entry.menuBarLoader ? lazy(entry.menuBarLoader) : void 0)
+  };
+}
+function initRegistry(registry) {
+  _registry = {};
+  for (const [key, entry] of Object.entries(registry)) {
+    _registry[key] = resolveEntry(entry);
+  }
+}
+function getAppComponent(content) {
+  if (!_registry) {
+    console.warn(`[AppRegistry] Registry not initialized, requested app: ${content}`);
+    return NULL_COMPONENT;
+  }
+  const component = _registry[content]?.component;
+  if (!component) {
+    console.warn(`[AppRegistry] App not found: ${content}`);
+    return NULL_COMPONENT;
+  }
+  return component;
+}
+function getMenuBarBuilder(content) {
+  return _registry?.[content]?.buildMenuBar;
+}
+function getMenuBarComponent(content) {
+  return _registry?.[content]?.MenuBarComponent;
+}
+function isLazyApp(content) {
+  return _registry?.[content]?.isLazy ?? false;
+}
+function getAppName(content) {
+  return _registry?.[content]?.appName;
+}
+function getRegistryEntry(content) {
+  return _registry?.[content];
+}
+function registerComponents(entries) {
+  if (!_registry) _registry = {};
+  for (const [key, entry] of Object.entries(entries)) {
+    _registry[key] = resolveEntry(entry);
+  }
+}
+var CORE_REGISTRY = {};
+function initCoreRegistry() {
+  const entries = {
+    files: {
+      component: FilesAppLazy,
+      appName: "Files",
+      isLazy: true
+    },
+    settings: {
+      component: SettingsAppLazy,
+      MenuBarComponent: SettingsMenuBarLazy,
+      appName: "Settings",
+      isLazy: true
+    },
+    pdf: {
+      component: PdfAppLazy,
+      MenuBarComponent: PdfMenuBarLazy,
+      appName: "PDF",
+      isLazy: true
+    },
+    "image-viewer": {
+      component: ImageViewerAppLazy,
+      MenuBarComponent: ImageViewerMenuBarLazy,
+      appName: "Image Viewer",
+      isLazy: true
+    },
+    uploader: {
+      component: UploaderAppLazy,
+      appName: "Uploader",
+      isLazy: true
+    },
+    createItem: {
+      component: CreateItemAppLazy,
+      appName: "Create Item",
+      isLazy: true
+    },
+    "device-info": {
+      component: DeviceInfoAppLazy,
+      appName: "Device Info",
+      isLazy: true
+    },
+    menuedit: {
+      component: MenuEditAppLazy,
+      MenuBarComponent: MenuEditMenuBarLazy,
+      appName: "Menu Editor",
+      isLazy: true
+    },
+    notepad: {
+      component: NotesAppLazy,
+      MenuBarComponent: NotesMenuBarLazy,
+      appName: "Notepad",
+      isLazy: true
+    },
+    calendar: {
+      component: CalendarAppLazy,
+      appName: "Calendar",
+      isLazy: true
+    },
+    terminal: {
+      component: TerminalAppLazy,
+      MenuBarComponent: TerminalMenuBarLazy,
+      appName: "Terminal",
+      isLazy: true
+    },
+    "code-server": {
+      component: CodeServerAppLazy,
+      appName: "VS Code",
+      isLazy: true
+    },
+    storybook: {
+      component: StorybookAppLazy,
+      appName: "Storybook",
+      isLazy: true
+    }
+  };
+  Object.assign(CORE_REGISTRY, entries);
+  registerComponents(entries);
+}
+
+// src/hooks/useOpenApp.ts
+var useOpenApp = () => {
+  const openWindow = useDesktopStore((state) => state.openWindow);
+  const focusWindow = useDesktopStore((state) => state.focusWindow);
+  const windows = useDesktopStore((state) => state.windows);
+  const customApps = useDesktopStore((state) => state.customApps);
+  const adaptiveDimensions = useAdaptiveDimensions();
+  return useCallback(
+    (appId, { contentData, position } = {}) => {
+      const app = APPS.find((a) => a.id === appId);
+      const customApp = customApps.find((a) => a.id === appId);
+      const registryEntry = getRegistryEntry(appId);
+      const isSingleWindow = app?.singleWindow === true || customApp?.window?.singleWindow === true || registryEntry?.singleWindow === true;
+      if (isSingleWindow) {
+        const existingWindow = windows.find((w) => w.content === appId);
+        if (existingWindow) {
+          focusWindow(existingWindow.id);
+          return;
+        }
+      }
+      const { x, y } = position ?? randomWindowPosition();
+      openWindow({
+        title: app?.name ?? registryEntry?.appName ?? customApp?.name ?? appId.charAt(0).toUpperCase() + appId.slice(1),
+        content: appId,
+        icon: app?.icon ?? registryEntry?.icon ?? customApp?.icon,
+        fcIcon: app?.fcIcon ?? registryEntry?.fcIcon,
+        iconUrl: app?.iconUrl ?? registryEntry?.iconUrl,
+        iconColor: app?.iconColor ?? registryEntry?.iconColor,
+        canMaximize: app?.canMaximize ?? registryEntry?.canMaximize ?? customApp?.window?.canMaximize,
+        x,
+        y,
+        width: app?.defaultWidth ?? registryEntry?.defaultWidth ?? customApp?.window?.defaultWidth ?? adaptiveDimensions.defaultWidth,
+        height: app?.defaultHeight ?? registryEntry?.defaultHeight ?? customApp?.window?.defaultHeight ?? adaptiveDimensions.defaultHeight,
+        minWidth: app?.minWidth === false || registryEntry?.minWidth === false || customApp?.window?.minWidth === false ? void 0 : app?.minWidth ?? registryEntry?.minWidth ?? customApp?.window?.minWidth ?? adaptiveDimensions.minWidth,
+        minHeight: app?.minHeight === false || registryEntry?.minHeight === false || customApp?.window?.minHeight === false ? void 0 : app?.minHeight ?? registryEntry?.minHeight ?? customApp?.window?.minHeight ?? adaptiveDimensions.minHeight,
+        contentData: {
+          ...contentData,
+          ...app?.autoLoad ? { autoLoad: app.autoLoad } : {}
+        },
+        alwaysOnTop: app?.alwaysOnTop ?? registryEntry?.alwaysOnTop
+      });
+    },
+    [openWindow, focusWindow, windows, customApps, adaptiveDimensions]
+  );
+};
+
+export { ANIMATION_DURATION, CORE_REGISTRY, CalendarAppLazy, CreateItemAppLazy, DeviceInfoAppLazy, EASE_IN, EASE_OUT, FilesAppLazy, ImageViewerAppLazy, ImageViewerMenuBarLazy, MenuEditAppLazy, MenuEditMenuBarLazy, NotesAppLazy, NotesMenuBarLazy, PdfAppLazy, PdfMenuBarLazy, SettingsAppLazy, SettingsMenuBarLazy, UploaderAppLazy, centerWindowPosition, createEaseIn, createEaseOut, createMaximizeTransition, createMinimizeVariant, createPanelVariants, createRestoreVariant, createWindowVariants, getAppComponent, getAppName, getMenuBarBuilder, getMenuBarComponent, initCoreRegistry, initRegistry, isLazyApp, maximizeTransition, minimizeVariant, openVariants, panelVariants, randomWindowPosition, registerComponents, restoreVariant, useOpenApp, windowVariants };

package/dist/chunk-Q3WA72BF.cjs

@@ -0,0 +1,70 @@
+'use strict';
+
+var chunkRDIDAZ3S_cjs = require('./chunk-RDIDAZ3S.cjs');
+var chunkSBE4SZAN_cjs = require('./chunk-SBE4SZAN.cjs');
+var chunkRQ6OZRUW_cjs = require('./chunk-RQ6OZRUW.cjs');
+var react = require('react');
+var reactI18next = require('react-i18next');
+var jsxRuntime = require('react/jsx-runtime');
+
+var useNotesMenuBarElements = (options) => {
+  const { windowId, contentData, onExit } = options;
+  const { t } = reactI18next.useTranslation("common");
+  const isDirty = chunkRQ6OZRUW_cjs.useIsDirty(windowId);
+  const actions = contentData?.actions;
+  const setPickerOpen = contentData?.setPickerOpen;
+  return react.useMemo(() => {
+    const items = [
+      {
+        type: "menu",
+        label: t("menu.file"),
+        items: [
+          {
+            type: "item",
+            label: t("actions.new"),
+            icon: "FcEditImage",
+            onClick: () => actions?.new?.()
+          },
+          {
+            type: "item",
+            label: t("actions.open"),
+            icon: "FcOpenedFolder",
+            onClick: () => setPickerOpen?.()
+          },
+          { type: "divider" },
+          {
+            type: "item",
+            label: t("actions.save"),
+            icon: "FcInspection",
+            onClick: () => actions?.save?.(),
+            disabled: !isDirty
+          },
+          {
+            type: "item",
+            label: t("actions.saveAs"),
+            icon: "FcDeployment",
+            onClick: () => actions?.saveAs?.()
+          },
+          { type: "divider" },
+          {
+            type: "item",
+            label: t("actions.exit"),
+            icon: "FcLeft",
+            onClick: onExit
+          }
+        ]
+      }
+    ];
+    return chunkRDIDAZ3S_cjs.appendDirtyIndicator(items, isDirty);
+  }, [t, actions, setPickerOpen, isDirty, onExit]);
+};
+var NotesMenuBar = ({ windowId, contentData, onExit }) => {
+  const elements = useNotesMenuBarElements({
+    windowId,
+    contentData,
+    onExit
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkSBE4SZAN_cjs.AppMenuBar_default, { elements });
+};
+
+exports.NotesMenuBar = NotesMenuBar;