@fde-desktop/fde-core 0.3.8 → 0.4.2

package/dist/chunk-5C6IQE42.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+var zustand = require('zustand');
+
+// src/components/Apps/TerminalApp/terminalStore.ts
+var DEFAULT_STATE = {
+  scrollback: 5e3,
+  shell: "/bin/zsh"
+};
+var useTerminalStore = zustand.create((set, get) => ({
+  states: {},
+  getScrollback: (id) => get().states[id]?.scrollback ?? DEFAULT_STATE.scrollback,
+  getShell: (id) => get().states[id]?.shell ?? DEFAULT_STATE.shell,
+  setScrollback: (id, scrollback) => set((s) => ({
+    states: {
+      ...s.states,
+      [id]: { ...s.states[id] ?? DEFAULT_STATE, scrollback }
+    }
+  })),
+  setShell: (id, shell) => set((s) => ({
+    states: {
+      ...s.states,
+      [id]: { ...s.states[id] ?? DEFAULT_STATE, shell }
+    }
+  })),
+  reset: (id) => set((s) => ({
+    states: { ...s.states, [id]: { ...DEFAULT_STATE } }
+  }))
+}));
+var useScrollback = (windowId) => useTerminalStore((s) => s.states[windowId]?.scrollback ?? DEFAULT_STATE.scrollback);
+var useShell = (windowId) => useTerminalStore((s) => s.states[windowId]?.shell ?? DEFAULT_STATE.shell);
+
+exports.useScrollback = useScrollback;
+exports.useShell = useShell;
+exports.useTerminalStore = useTerminalStore;

package/dist/chunk-5NOHYJNH.js

@@ -0,0 +1,84 @@
+import { AppMenuBar_default } from './chunk-4E45FBAH.js';
+import { useDisplayZoom, useFitToWindow, useImageViewerStore } from './chunk-DWP2SYF7.js';
+import { memo, useCallback, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { jsx } from 'react/jsx-runtime';
+
+var ZOOM_MARKS = [
+  { value: 25, label: "25%" },
+  { value: 50, label: "50%" },
+  { value: 75, label: "75%" },
+  { value: 100, label: "100%" },
+  { value: 200, label: "200%" }
+];
+var useImageViewerMenuBarElements = (options) => {
+  const { windowId, onOpenPicker, onExit } = options;
+  const { t } = useTranslation("common");
+  const { t: tApps } = useTranslation("apps");
+  const displayZoom = useDisplayZoom(windowId);
+  const fitToWindow = useFitToWindow(windowId);
+  const setUserZoom = useImageViewerStore((s) => s.setUserZoom);
+  const setFitToWindow = useImageViewerStore((s) => s.setFitToWindow);
+  const handleFitChange = useCallback(
+    (checked) => setFitToWindow(windowId, checked),
+    [windowId, setFitToWindow]
+  );
+  const handleZoomChange = useCallback(
+    (value) => setUserZoom(windowId, value),
+    [windowId, setUserZoom]
+  );
+  return useMemo(() => {
+    const zoomLabel = `${tApps("imageViewer.zoom")}: ${displayZoom}%`;
+    return [
+      {
+        type: "menu",
+        label: t("menu.file"),
+        items: [
+          {
+            type: "item",
+            label: t("actions.open"),
+            icon: "FcOpenedFolder",
+            onClick: onOpenPicker ?? (() => {
+            })
+          },
+          { type: "divider" },
+          {
+            type: "item",
+            label: t("actions.exit"),
+            icon: "FcLeft",
+            onClick: onExit
+          }
+        ]
+      },
+      {
+        type: "switch",
+        label: tApps("imageViewer.fitToWindow"),
+        checked: fitToWindow,
+        onChange: handleFitChange
+      },
+      {
+        type: "slider",
+        label: zoomLabel,
+        min: 10,
+        max: 200,
+        value: displayZoom,
+        onChange: handleZoomChange,
+        marks: ZOOM_MARKS,
+        labelFormat: (value) => `${value}%`
+      }
+    ];
+  }, [t, tApps, onOpenPicker, onExit, displayZoom, fitToWindow, handleFitChange, handleZoomChange]);
+};
+var ImageViewerMenuBar = memo(
+  ({ windowId, contentData, onExit }) => {
+    const elements = useImageViewerMenuBarElements({
+      windowId,
+      onOpenPicker: contentData?.setPickerOpen,
+      onExit
+    });
+    return /* @__PURE__ */ jsx(AppMenuBar_default, { elements });
+  }
+);
+ImageViewerMenuBar.displayName = "ImageViewerMenuBar";
+
+export { ImageViewerMenuBar };

package/dist/chunk-5PYK5ASL.js

@@ -0,0 +1,162 @@
+import { useAdaptiveDimensions } from './chunk-ZHB5Q2M6.js';
+import { useDesktopStore, BREAKPOINTS } from './chunk-NWMSWRUD.js';
+import { isDocker, isDev } from './chunk-FRHBM2U7.js';
+import { Paper, Stack, Text, Code } from './chunk-BQL3YXMV.js';
+import { useState, useCallback, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var getIsMobile = () => {
+  const width = window.innerWidth;
+  const isCoarsePointer = window.matchMedia("(pointer: coarse)").matches;
+  return width < BREAKPOINTS.MOBILE || isCoarsePointer;
+};
+var getIsTablet = () => {
+  const width = window.innerWidth;
+  return width >= BREAKPOINTS.MOBILE && width < BREAKPOINTS.TABLET;
+};
+var getIsDesktop = () => {
+  const width = window.innerWidth;
+  return width >= BREAKPOINTS.TABLET;
+};
+var getIsPortrait = () => {
+  if (screen.orientation) {
+    return screen.orientation.type.includes("portrait");
+  }
+  return window.innerHeight > window.innerWidth;
+};
+function useDeviceDetection() {
+  const [deviceInfo, setDeviceInfo] = useState(() => ({
+    isMobile: getIsMobile(),
+    isTablet: getIsTablet(),
+    isDesktop: getIsDesktop(),
+    isPortrait: getIsPortrait(),
+    shouldShowWarning: getIsMobile() && getIsPortrait(),
+    screenWidth: window.innerWidth,
+    screenHeight: window.innerHeight
+  }));
+  const updateDeviceInfo = useCallback(() => {
+    const isMobile = getIsMobile();
+    const isPortrait = getIsPortrait();
+    setDeviceInfo({
+      isMobile,
+      isTablet: getIsTablet(),
+      isDesktop: getIsDesktop(),
+      isPortrait,
+      shouldShowWarning: isMobile && isPortrait,
+      screenWidth: window.innerWidth,
+      screenHeight: window.innerHeight
+    });
+  }, []);
+  useEffect(() => {
+    window.addEventListener("resize", updateDeviceInfo);
+    screen.orientation?.addEventListener?.("change", updateDeviceInfo);
+    return () => {
+      window.removeEventListener("resize", updateDeviceInfo);
+      screen.orientation?.removeEventListener?.("change", updateDeviceInfo);
+    };
+  }, [updateDeviceInfo]);
+  return deviceInfo;
+}
+
+// src/components/Apps/DeviceInfoApp/DeviceInfoApp.module.css
+var DeviceInfoApp_default = {};
+var DeviceInfoApp = ({ window: win, notifyReady }) => {
+  const device = useDeviceDetection();
+  const dimensions = useAdaptiveDimensions();
+  const viewportWidth = useDesktopStore((state) => state.viewportWidth);
+  const viewportHeight = useDesktopStore((state) => state.viewportHeight);
+  const setViewportSize = useDesktopStore((state) => state.setViewportSize);
+  useEffect(() => {
+    notifyReady?.({});
+  }, [notifyReady]);
+  useEffect(() => {
+    const handleResize = () => {
+      setViewportSize(window.innerWidth, window.innerHeight);
+    };
+    handleResize();
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, [setViewportSize]);
+  return /* @__PURE__ */ jsxs("div", { className: DeviceInfoApp_default.container, "data-windowid": win?.id, children: [
+    /* @__PURE__ */ jsx(Paper, { p: "sm", shadow: "sm", withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+      /* @__PURE__ */ jsx(Text, { fw: "bold", size: "sm", children: "Runtime Environment" }),
+      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
+        /* @__PURE__ */ jsx(Code, { children: "isDocker:" }),
+        " ",
+        String(isDocker())
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
+        /* @__PURE__ */ jsx(Code, { children: "isDev:" }),
+        " ",
+        String(isDev())
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(Paper, { p: "sm", shadow: "sm", withBorder: true, mt: "sm", children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+      /* @__PURE__ */ jsx(Text, { fw: "bold", size: "sm", children: "Device Detection" }),
+      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
+        /* @__PURE__ */ jsx(Code, { children: "isMobile:" }),
+        " ",
+        String(device.isMobile)
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
+        /* @__PURE__ */ jsx(Code, { children: "isTablet:" }),
+        " ",
+        String(device.isTablet)
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
+        /* @__PURE__ */ jsx(Code, { children: "isDesktop:" }),
+        " ",
+        String(device.isDesktop)
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
+        /* @__PURE__ */ jsx(Code, { children: "isPortrait:" }),
+        " ",
+        String(device.isPortrait)
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
+        /* @__PURE__ */ jsx(Code, { children: "shouldShowWarning:" }),
+        " ",
+        String(device.shouldShowWarning)
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
+        /* @__PURE__ */ jsx(Code, { children: "viewportWidth:" }),
+        " ",
+        viewportWidth,
+        "px"
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
+        /* @__PURE__ */ jsx(Code, { children: "viewportHeight:" }),
+        " ",
+        viewportHeight,
+        "px"
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
+        /* @__PURE__ */ jsx(Code, { children: "defaultWidth:" }),
+        " ",
+        dimensions.defaultWidth,
+        "px"
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
+        /* @__PURE__ */ jsx(Code, { children: "defaultHeight:" }),
+        " ",
+        dimensions.defaultHeight,
+        "px"
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
+        /* @__PURE__ */ jsx(Code, { children: "minWidth:" }),
+        " ",
+        dimensions.minWidth,
+        "px"
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
+        /* @__PURE__ */ jsx(Code, { children: "minHeight:" }),
+        " ",
+        dimensions.minHeight,
+        "px"
+      ] })
+    ] }) })
+  ] });
+};
+var DeviceInfoApp_default2 = DeviceInfoApp;
+
+export { DeviceInfoApp_default2 as DeviceInfoApp_default, useDeviceDetection };

package/dist/chunk-5YH6AKEO.js

@@ -0,0 +1,146 @@
+import { useScrollback, useShell, useTerminalStore } from './chunk-NVEGEK3N.js';
+import { AppMenuBar_default } from './chunk-4E45FBAH.js';
+import { memo, useCallback, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { jsx } from 'react/jsx-runtime';
+
+var SHELL_OPTIONS = [
+  { value: "/bin/sh", label: "sh" },
+  { value: "/bin/zsh", label: "zsh" }
+];
+function useTerminalMenuBarElements(options) {
+  const {
+    windowId,
+    onExit,
+    clear,
+    reset,
+    copy,
+    paste,
+    reconnect,
+    connectionStatus = "idle"
+  } = options;
+  const { t } = useTranslation("common");
+  const { t: tApps } = useTranslation("apps");
+  const scrollback = useScrollback(windowId);
+  const shell = useShell(windowId);
+  const setScrollback = useTerminalStore((s) => s.setScrollback);
+  const setShell = useTerminalStore((s) => s.setShell);
+  const handleScrollbackChange = useCallback(
+    (value) => setScrollback(windowId, value),
+    [windowId, setScrollback]
+  );
+  const handleShellChange = useCallback(
+    (value) => setShell(windowId, value),
+    [windowId, setShell]
+  );
+  const isConnected = connectionStatus === "connected";
+  return useMemo(() => {
+    const menuItems = [
+      {
+        type: "item",
+        label: tApps("terminal.menu.copy"),
+        icon: "FcCopy",
+        onClick: copy ?? (() => {
+        }),
+        disabled: !isConnected
+      },
+      {
+        type: "item",
+        label: tApps("terminal.menu.paste"),
+        icon: "FcPaste",
+        onClick: paste ?? (() => {
+        }),
+        disabled: !isConnected
+      },
+      { type: "divider" },
+      {
+        type: "item",
+        label: tApps("terminal.menu.clear"),
+        icon: "FcClear",
+        onClick: clear ?? (() => {
+        }),
+        disabled: !isConnected
+      },
+      {
+        type: "item",
+        label: tApps("terminal.menu.reset"),
+        icon: "FcSynchronize",
+        onClick: reset ?? (() => {
+        }),
+        disabled: !isConnected
+      }
+    ];
+    if (!isConnected && reconnect) {
+      menuItems.push({ type: "divider" });
+      menuItems.push({
+        type: "item",
+        label: tApps("terminal.menu.reconnect"),
+        icon: "FcSynchronize",
+        onClick: reconnect
+      });
+    }
+    menuItems.push({ type: "divider" });
+    menuItems.push({
+      type: "item",
+      label: t("actions.exit"),
+      icon: "FcLeave",
+      onClick: onExit
+    });
+    return [
+      {
+        type: "menu",
+        label: t("menu.edit"),
+        items: menuItems
+      },
+      {
+        type: "number-input",
+        label: tApps("terminal.scrollback"),
+        value: scrollback,
+        onChange: handleScrollbackChange,
+        min: 100,
+        max: 5e4,
+        step: 100,
+        placeholder: "5000"
+      },
+      {
+        type: "select",
+        label: tApps("terminal.shell"),
+        options: SHELL_OPTIONS,
+        value: shell,
+        onChange: handleShellChange
+      }
+    ];
+  }, [
+    t,
+    tApps,
+    onExit,
+    clear,
+    reset,
+    copy,
+    paste,
+    reconnect,
+    isConnected,
+    scrollback,
+    shell,
+    handleScrollbackChange,
+    handleShellChange
+  ]);
+}
+var TerminalMenuBar = memo(
+  ({ windowId, contentData, onExit }) => {
+    const elements = useTerminalMenuBarElements({
+      windowId,
+      onExit,
+      clear: contentData?.clear,
+      reset: contentData?.reset,
+      copy: contentData?.copy,
+      paste: contentData?.paste,
+      reconnect: contentData?.reconnect,
+      connectionStatus: contentData?.connectionStatus
+    });
+    return /* @__PURE__ */ jsx(AppMenuBar_default, { elements });
+  }
+);
+TerminalMenuBar.displayName = "TerminalMenuBar";
+
+export { TerminalMenuBar };