@fde-desktop/fde-core 0.3.8 → 0.4.2

package/dist/chunk-TDZ43MUX.cjs

@@ -0,0 +1,165 @@
+'use strict';
+
+var chunk4OH5RPSQ_cjs = require('./chunk-4OH5RPSQ.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 jsxRuntime = require('react/jsx-runtime');
+
+var getIsMobile = () => {
+  const width = window.innerWidth;
+  const isCoarsePointer = window.matchMedia("(pointer: coarse)").matches;
+  return width < chunk6QOUYSEE_cjs.BREAKPOINTS.MOBILE || isCoarsePointer;
+};
+var getIsTablet = () => {
+  const width = window.innerWidth;
+  return width >= chunk6QOUYSEE_cjs.BREAKPOINTS.MOBILE && width < chunk6QOUYSEE_cjs.BREAKPOINTS.TABLET;
+};
+var getIsDesktop = () => {
+  const width = window.innerWidth;
+  return width >= chunk6QOUYSEE_cjs.BREAKPOINTS.TABLET;
+};
+var getIsPortrait = () => {
+  if (screen.orientation) {
+    return screen.orientation.type.includes("portrait");
+  }
+  return window.innerHeight > window.innerWidth;
+};
+function useDeviceDetection() {
+  const [deviceInfo, setDeviceInfo] = react.useState(() => ({
+    isMobile: getIsMobile(),
+    isTablet: getIsTablet(),
+    isDesktop: getIsDesktop(),
+    isPortrait: getIsPortrait(),
+    shouldShowWarning: getIsMobile() && getIsPortrait(),
+    screenWidth: window.innerWidth,
+    screenHeight: window.innerHeight
+  }));
+  const updateDeviceInfo = react.useCallback(() => {
+    const isMobile = getIsMobile();
+    const isPortrait = getIsPortrait();
+    setDeviceInfo({
+      isMobile,
+      isTablet: getIsTablet(),
+      isDesktop: getIsDesktop(),
+      isPortrait,
+      shouldShowWarning: isMobile && isPortrait,
+      screenWidth: window.innerWidth,
+      screenHeight: window.innerHeight
+    });
+  }, []);
+  react.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 = chunk4OH5RPSQ_cjs.useAdaptiveDimensions();
+  const viewportWidth = chunk6QOUYSEE_cjs.useDesktopStore((state) => state.viewportWidth);
+  const viewportHeight = chunk6QOUYSEE_cjs.useDesktopStore((state) => state.viewportHeight);
+  const setViewportSize = chunk6QOUYSEE_cjs.useDesktopStore((state) => state.setViewportSize);
+  react.useEffect(() => {
+    notifyReady?.({});
+  }, [notifyReady]);
+  react.useEffect(() => {
+    const handleResize = () => {
+      setViewportSize(window.innerWidth, window.innerHeight);
+    };
+    handleResize();
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, [setViewportSize]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: DeviceInfoApp_default.container, "data-windowid": win?.id, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Paper, { p: "sm", shadow: "sm", withBorder: true, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Stack, { gap: "xs", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { fw: "bold", size: "sm", children: "Runtime Environment" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Text, { size: "xs", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Code, { children: "isDocker:" }),
+        " ",
+        String(chunkZ5YGWL65_cjs.isDocker())
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Text, { size: "xs", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Code, { children: "isDev:" }),
+        " ",
+        String(chunkZ5YGWL65_cjs.isDev())
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Paper, { p: "sm", shadow: "sm", withBorder: true, mt: "sm", children: /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Stack, { gap: "xs", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { fw: "bold", size: "sm", children: "Device Detection" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Text, { size: "xs", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Code, { children: "isMobile:" }),
+        " ",
+        String(device.isMobile)
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Text, { size: "xs", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Code, { children: "isTablet:" }),
+        " ",
+        String(device.isTablet)
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Text, { size: "xs", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Code, { children: "isDesktop:" }),
+        " ",
+        String(device.isDesktop)
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Text, { size: "xs", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Code, { children: "isPortrait:" }),
+        " ",
+        String(device.isPortrait)
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Text, { size: "xs", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Code, { children: "shouldShowWarning:" }),
+        " ",
+        String(device.shouldShowWarning)
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Text, { size: "xs", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Code, { children: "viewportWidth:" }),
+        " ",
+        viewportWidth,
+        "px"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Text, { size: "xs", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Code, { children: "viewportHeight:" }),
+        " ",
+        viewportHeight,
+        "px"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Text, { size: "xs", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Code, { children: "defaultWidth:" }),
+        " ",
+        dimensions.defaultWidth,
+        "px"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Text, { size: "xs", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Code, { children: "defaultHeight:" }),
+        " ",
+        dimensions.defaultHeight,
+        "px"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Text, { size: "xs", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Code, { children: "minWidth:" }),
+        " ",
+        dimensions.minWidth,
+        "px"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Text, { size: "xs", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Code, { children: "minHeight:" }),
+        " ",
+        dimensions.minHeight,
+        "px"
+      ] })
+    ] }) })
+  ] });
+};
+var DeviceInfoApp_default2 = DeviceInfoApp;
+
+exports.DeviceInfoApp_default = DeviceInfoApp_default2;
+exports.useDeviceDetection = useDeviceDetection;

package/dist/chunk-TGWMOHAO.js

@@ -0,0 +1,17 @@
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/Apps/StorybookApp/StorybookApp.module.css
+var StorybookApp_default = {};
+var STORYBOOK_URL = "https://frannunpal.github.io/storybook/";
+var StorybookApp = () => /* @__PURE__ */ jsx(
+  "iframe",
+  {
+    src: STORYBOOK_URL,
+    className: StorybookApp_default.frame,
+    title: "Storybook",
+    "aria-label": "Storybook component explorer"
+  }
+);
+var StorybookApp_default2 = StorybookApp;
+
+export { StorybookApp_default2 as StorybookApp_default };