react-os-shell 0.2.40 → 0.2.41
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/WorldClock-OAVNGMET.js +114 -0
- package/dist/WorldClock-OAVNGMET.js.map +1 -0
- package/dist/apps/index.d.ts +10 -1
- package/dist/apps/index.js +4 -2
- package/dist/apps/index.js.map +1 -1
- package/dist/chunk-L7SQZFP3.js +4178 -0
- package/dist/chunk-L7SQZFP3.js.map +1 -0
- package/dist/index.js +9 -4171
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
import { ALL_TIMEZONES } from './chunk-L7SQZFP3.js';
|
|
2
|
+
import './chunk-PDFQNHW7.js';
|
|
3
|
+
import './chunk-NSU7OHPC.js';
|
|
4
|
+
import './chunk-46LICZUM.js';
|
|
5
|
+
import { useShellPrefs } from './chunk-36VM54SC.js';
|
|
6
|
+
import './chunk-D7PYW2QS.js';
|
|
7
|
+
import './chunk-WIJ45SYD.js';
|
|
8
|
+
import { loadAppearance, WidgetSettingsModal } from './chunk-TVOBLSSV.js';
|
|
9
|
+
import { useWidgetSettings } from './chunk-T2NQXP2J.js';
|
|
10
|
+
import './chunk-PLGHQ7QW.js';
|
|
11
|
+
import { useState, useEffect, useCallback } from 'react';
|
|
12
|
+
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
13
|
+
|
|
14
|
+
var DEFAULT_CLOCKS = ["Europe/London", "Asia/Shanghai", "America/Los_Angeles", "America/New_York"];
|
|
15
|
+
var SETTINGS_KEY = "world_clock_appearance";
|
|
16
|
+
function WorldClock() {
|
|
17
|
+
const [now, setNow] = useState(/* @__PURE__ */ new Date());
|
|
18
|
+
const [appearance, setAppearance] = useState(() => loadAppearance(SETTINGS_KEY));
|
|
19
|
+
const [settingsOpen, setSettingsOpen] = useState(false);
|
|
20
|
+
const [configClocks, setConfigClocks] = useState([]);
|
|
21
|
+
const [configAppearance, setConfigAppearance] = useState(appearance);
|
|
22
|
+
const { prefs, save } = useShellPrefs();
|
|
23
|
+
const worldClocks = prefs.world_clocks ?? DEFAULT_CLOCKS;
|
|
24
|
+
useEffect(() => {
|
|
25
|
+
const t = setInterval(() => setNow(/* @__PURE__ */ new Date()), 1e4);
|
|
26
|
+
return () => clearInterval(t);
|
|
27
|
+
}, []);
|
|
28
|
+
useWidgetSettings(useCallback(() => {
|
|
29
|
+
setConfigClocks([...worldClocks]);
|
|
30
|
+
setConfigAppearance({ ...appearance });
|
|
31
|
+
setSettingsOpen(true);
|
|
32
|
+
}, [worldClocks, appearance]));
|
|
33
|
+
const fmtTime = (tz) => now.toLocaleTimeString(void 0, { hour: "2-digit", minute: "2-digit", timeZone: tz });
|
|
34
|
+
const fmtOffset = (tz) => {
|
|
35
|
+
const parts = new Intl.DateTimeFormat("en", { timeZone: tz, timeZoneName: "shortOffset" }).formatToParts(now);
|
|
36
|
+
return parts.find((p) => p.type === "timeZoneName")?.value || "";
|
|
37
|
+
};
|
|
38
|
+
const fmtDate = (tz) => now.toLocaleDateString(void 0, { weekday: "short", month: "short", day: "numeric", timeZone: tz });
|
|
39
|
+
const localTz = typeof localStorage !== "undefined" && localStorage.getItem("user_timezone") || Intl.DateTimeFormat().resolvedOptions().timeZone;
|
|
40
|
+
const saveSettings = () => {
|
|
41
|
+
if (configClocks.length === 0) return;
|
|
42
|
+
save({ world_clocks: configClocks });
|
|
43
|
+
setAppearance(configAppearance);
|
|
44
|
+
localStorage.setItem(SETTINGS_KEY, JSON.stringify(configAppearance));
|
|
45
|
+
setSettingsOpen(false);
|
|
46
|
+
};
|
|
47
|
+
const labelFor = (tz) => ALL_TIMEZONES.find((t) => t.tz === tz)?.label || tz.split("/").pop()?.replace(/_/g, " ") || tz;
|
|
48
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
49
|
+
/* @__PURE__ */ jsxs(
|
|
50
|
+
"div",
|
|
51
|
+
{
|
|
52
|
+
className: "flex flex-col h-full rounded-lg",
|
|
53
|
+
style: {
|
|
54
|
+
backgroundColor: `rgb(var(--window-content-rgb) / ${appearance.activeOpacity / 100})`,
|
|
55
|
+
backdropFilter: appearance.activeBlur > 0 ? `blur(${appearance.activeBlur}px)` : void 0
|
|
56
|
+
},
|
|
57
|
+
children: [
|
|
58
|
+
/* @__PURE__ */ jsxs("div", { className: "px-3 pt-2.5 pb-2 border-b border-gray-200/50", children: [
|
|
59
|
+
/* @__PURE__ */ jsx("p", { className: "text-[10px] font-medium text-gray-500 uppercase tracking-wide", children: "Local Time" }),
|
|
60
|
+
/* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between mt-0.5", children: [
|
|
61
|
+
/* @__PURE__ */ jsx("span", { className: "text-2xl font-semibold text-gray-800 tabular-nums", children: fmtTime(localTz) }),
|
|
62
|
+
/* @__PURE__ */ jsx("span", { className: "text-[10px] text-gray-400", children: fmtOffset(localTz) })
|
|
63
|
+
] }),
|
|
64
|
+
/* @__PURE__ */ jsxs("p", { className: "text-[10px] text-gray-500 mt-0.5 truncate", children: [
|
|
65
|
+
fmtDate(localTz),
|
|
66
|
+
" \xB7 ",
|
|
67
|
+
localTz.replace(/_/g, " ")
|
|
68
|
+
] })
|
|
69
|
+
] }),
|
|
70
|
+
/* @__PURE__ */ jsxs("div", { className: "px-3 py-2 space-y-0.5 flex-1", children: [
|
|
71
|
+
worldClocks.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-400 text-center py-3", children: "No cities \u2014 right-click to add." }),
|
|
72
|
+
worldClocks.map((tz) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-1.5 border-b border-gray-200/50 last:border-0", children: [
|
|
73
|
+
/* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
|
|
74
|
+
/* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-800 truncate", children: labelFor(tz) }),
|
|
75
|
+
/* @__PURE__ */ jsx("p", { className: "text-[10px] text-gray-400 tabular-nums", children: fmtOffset(tz) })
|
|
76
|
+
] }),
|
|
77
|
+
/* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-gray-700 tabular-nums shrink-0", children: fmtTime(tz) })
|
|
78
|
+
] }, tz))
|
|
79
|
+
] })
|
|
80
|
+
]
|
|
81
|
+
}
|
|
82
|
+
),
|
|
83
|
+
/* @__PURE__ */ jsx(
|
|
84
|
+
WidgetSettingsModal,
|
|
85
|
+
{
|
|
86
|
+
open: settingsOpen,
|
|
87
|
+
onClose: () => setSettingsOpen(false),
|
|
88
|
+
title: "World Clock Settings",
|
|
89
|
+
appearance: configAppearance,
|
|
90
|
+
onAppearanceChange: setConfigAppearance,
|
|
91
|
+
onSave: saveSettings,
|
|
92
|
+
children: /* @__PURE__ */ jsxs("div", { children: [
|
|
93
|
+
/* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-gray-700 mb-2", children: "Cities" }),
|
|
94
|
+
/* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-1 max-h-56 overflow-y-auto", children: ALL_TIMEZONES.filter((t) => t.tz !== localTz).map(({ tz, label }) => /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm py-1 cursor-pointer hover:bg-gray-50 rounded px-2", children: [
|
|
95
|
+
/* @__PURE__ */ jsx(
|
|
96
|
+
"input",
|
|
97
|
+
{
|
|
98
|
+
type: "checkbox",
|
|
99
|
+
checked: configClocks.includes(tz),
|
|
100
|
+
onChange: () => setConfigClocks((prev) => prev.includes(tz) ? prev.filter((t) => t !== tz) : [...prev, tz]),
|
|
101
|
+
className: "rounded border-gray-300 text-blue-600 focus:ring-blue-500 h-3.5 w-3.5"
|
|
102
|
+
}
|
|
103
|
+
),
|
|
104
|
+
label
|
|
105
|
+
] }, tz)) })
|
|
106
|
+
] })
|
|
107
|
+
}
|
|
108
|
+
)
|
|
109
|
+
] });
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
export { WorldClock as default };
|
|
113
|
+
//# sourceMappingURL=WorldClock-OAVNGMET.js.map
|
|
114
|
+
//# sourceMappingURL=WorldClock-OAVNGMET.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/apps/WorldClock.tsx"],"names":[],"mappings":"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","file":"WorldClock-OAVNGMET.js","sourcesContent":["import { useState, useEffect, useCallback } from 'react';\nimport { useWidgetSettings } from '../shell/Modal';\nimport WidgetSettingsModal, { loadAppearance, type WidgetAppearance } from '../shell/WidgetSettingsModal';\nimport { useShellPrefs } from '../shell/ShellPrefs';\nimport { ALL_TIMEZONES } from '../shell/Layout';\n\nconst DEFAULT_CLOCKS = ['Europe/London', 'Asia/Shanghai', 'America/Los_Angeles', 'America/New_York'];\nconst SETTINGS_KEY = 'world_clock_appearance';\n\n/**\n * World Clock widget — same shape as Currency / Weather. Theme-aware bg via\n * `--window-content-rgb`, settings opened via the right-click menu (no\n * inline \"+ Add World Clock\" button anymore — that lives in the\n * <WidgetSettingsModal> alongside the appearance sliders).\n */\nexport default function WorldClock() {\n const [now, setNow] = useState(new Date());\n const [appearance, setAppearance] = useState(() => loadAppearance(SETTINGS_KEY));\n const [settingsOpen, setSettingsOpen] = useState(false);\n const [configClocks, setConfigClocks] = useState<string[]>([]);\n const [configAppearance, setConfigAppearance] = useState<WidgetAppearance>(appearance);\n\n const { prefs, save } = useShellPrefs();\n const worldClocks: string[] = (prefs.world_clocks as string[] | undefined) ?? DEFAULT_CLOCKS;\n\n useEffect(() => {\n const t = setInterval(() => setNow(new Date()), 10000);\n return () => clearInterval(t);\n }, []);\n\n useWidgetSettings(useCallback(() => {\n setConfigClocks([...worldClocks]);\n setConfigAppearance({ ...appearance });\n setSettingsOpen(true);\n }, [worldClocks, appearance]));\n\n const fmtTime = (tz: string) => now.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit', timeZone: tz });\n const fmtOffset = (tz: string) => {\n const parts = new Intl.DateTimeFormat('en', { timeZone: tz, timeZoneName: 'shortOffset' }).formatToParts(now);\n return parts.find(p => p.type === 'timeZoneName')?.value || '';\n };\n const fmtDate = (tz: string) => now.toLocaleDateString(undefined, { weekday: 'short', month: 'short', day: 'numeric', timeZone: tz });\n\n const localTz = (typeof localStorage !== 'undefined' && localStorage.getItem('user_timezone'))\n || Intl.DateTimeFormat().resolvedOptions().timeZone;\n\n const saveSettings = () => {\n if (configClocks.length === 0) return;\n save({ world_clocks: configClocks });\n setAppearance(configAppearance);\n localStorage.setItem(SETTINGS_KEY, JSON.stringify(configAppearance));\n setSettingsOpen(false);\n };\n\n const labelFor = (tz: string) =>\n ALL_TIMEZONES.find(t => t.tz === tz)?.label\n || tz.split('/').pop()?.replace(/_/g, ' ')\n || tz;\n\n return (\n <>\n {/* Theme-aware background — matches the Currency widget. */}\n <div className=\"flex flex-col h-full rounded-lg\"\n style={{\n backgroundColor: `rgb(var(--window-content-rgb) / ${appearance.activeOpacity / 100})`,\n backdropFilter: appearance.activeBlur > 0 ? `blur(${appearance.activeBlur}px)` : undefined,\n }}>\n {/* Local time header */}\n <div className=\"px-3 pt-2.5 pb-2 border-b border-gray-200/50\">\n <p className=\"text-[10px] font-medium text-gray-500 uppercase tracking-wide\">Local Time</p>\n <div className=\"flex items-baseline justify-between mt-0.5\">\n <span className=\"text-2xl font-semibold text-gray-800 tabular-nums\">{fmtTime(localTz)}</span>\n <span className=\"text-[10px] text-gray-400\">{fmtOffset(localTz)}</span>\n </div>\n <p className=\"text-[10px] text-gray-500 mt-0.5 truncate\">{fmtDate(localTz)} · {localTz.replace(/_/g, ' ')}</p>\n </div>\n\n {/* Cities */}\n <div className=\"px-3 py-2 space-y-0.5 flex-1\">\n {worldClocks.length === 0 && (\n <p className=\"text-xs text-gray-400 text-center py-3\">No cities — right-click to add.</p>\n )}\n {worldClocks.map(tz => (\n <div key={tz} className=\"flex items-center justify-between py-1.5 border-b border-gray-200/50 last:border-0\">\n <div className=\"min-w-0\">\n <p className=\"text-sm font-medium text-gray-800 truncate\">{labelFor(tz)}</p>\n <p className=\"text-[10px] text-gray-400 tabular-nums\">{fmtOffset(tz)}</p>\n </div>\n <span className=\"text-sm font-semibold text-gray-700 tabular-nums shrink-0\">{fmtTime(tz)}</span>\n </div>\n ))}\n </div>\n </div>\n\n <WidgetSettingsModal open={settingsOpen} onClose={() => setSettingsOpen(false)} title=\"World Clock Settings\"\n appearance={configAppearance} onAppearanceChange={setConfigAppearance} onSave={saveSettings}>\n <div>\n <h3 className=\"text-sm font-semibold text-gray-700 mb-2\">Cities</h3>\n <div className=\"grid grid-cols-2 gap-1 max-h-56 overflow-y-auto\">\n {ALL_TIMEZONES.filter(t => t.tz !== localTz).map(({ tz, label }) => (\n <label key={tz} className=\"flex items-center gap-2 text-sm py-1 cursor-pointer hover:bg-gray-50 rounded px-2\">\n <input type=\"checkbox\" checked={configClocks.includes(tz)}\n onChange={() => setConfigClocks(prev => prev.includes(tz) ? prev.filter(t => t !== tz) : [...prev, tz])}\n className=\"rounded border-gray-300 text-blue-600 focus:ring-blue-500 h-3.5 w-3.5\" />\n {label}\n </label>\n ))}\n </div>\n </div>\n </WidgetSettingsModal>\n </>\n );\n}\n"]}
|
package/dist/apps/index.d.ts
CHANGED
|
@@ -53,6 +53,14 @@ declare function Checkers$1(): react_jsx_runtime.JSX.Element;
|
|
|
53
53
|
|
|
54
54
|
declare function Chess$1(): react_jsx_runtime.JSX.Element;
|
|
55
55
|
|
|
56
|
+
/**
|
|
57
|
+
* World Clock widget — same shape as Currency / Weather. Theme-aware bg via
|
|
58
|
+
* `--window-content-rgb`, settings opened via the right-click menu (no
|
|
59
|
+
* inline "+ Add World Clock" button anymore — that lives in the
|
|
60
|
+
* <WidgetSettingsModal> alongside the appearance sliders).
|
|
61
|
+
*/
|
|
62
|
+
declare function WorldClock$1(): react_jsx_runtime.JSX.Element;
|
|
63
|
+
|
|
56
64
|
declare function Notepad$1(): react_jsx_runtime.JSX.Element;
|
|
57
65
|
|
|
58
66
|
declare function PomodoroTimer$1(): react_jsx_runtime.JSX.Element;
|
|
@@ -71,6 +79,7 @@ declare const Weather: react.LazyExoticComponent<typeof Weather$1>;
|
|
|
71
79
|
declare const CurrencyConverter: react.LazyExoticComponent<typeof CurrencyConverter$1>;
|
|
72
80
|
declare const PomodoroTimer: react.LazyExoticComponent<typeof PomodoroTimer$1>;
|
|
73
81
|
declare const Notepad: react.LazyExoticComponent<typeof Notepad$1>;
|
|
82
|
+
declare const WorldClock: react.LazyExoticComponent<typeof WorldClock$1>;
|
|
74
83
|
declare const Chess: react.LazyExoticComponent<typeof Chess$1>;
|
|
75
84
|
declare const Checkers: react.LazyExoticComponent<typeof Checkers$1>;
|
|
76
85
|
declare const Sudoku: react.LazyExoticComponent<typeof Sudoku$1>;
|
|
@@ -91,4 +100,4 @@ declare const documentApps: WindowRegistry;
|
|
|
91
100
|
declare const webApps: WindowRegistry;
|
|
92
101
|
declare const bundledApps: WindowRegistry;
|
|
93
102
|
|
|
94
|
-
export { Browser, Calculator, Calendar, Checkers, Chess, CurrencyConverter, Documents, Email, Files, Game2048, GeminiChat, Minesweeper, Notepad, type PdfPreviewData, PomodoroTimer, Preview, Spreadsheet, Sudoku, Tetris, Weather, bundledApps, documentApps, gameApps, googleApps, openFilesInTrashMode, setPdfPreview, utilityApps, webApps };
|
|
103
|
+
export { Browser, Calculator, Calendar, Checkers, Chess, CurrencyConverter, Documents, Email, Files, Game2048, GeminiChat, Minesweeper, Notepad, type PdfPreviewData, PomodoroTimer, Preview, Spreadsheet, Sudoku, Tetris, Weather, WorldClock, bundledApps, documentApps, gameApps, googleApps, openFilesInTrashMode, setPdfPreview, utilityApps, webApps };
|
package/dist/apps/index.js
CHANGED
|
@@ -12,6 +12,7 @@ var Weather = lazy(() => import('../Weather-XTADR7Z3.js'));
|
|
|
12
12
|
var CurrencyConverter = lazy(() => import('../CurrencyConverter-XZVZ7XOF.js'));
|
|
13
13
|
var PomodoroTimer = lazy(() => import('../PomodoroTimer-T2J5NDJR.js'));
|
|
14
14
|
var Notepad = lazy(() => import('../Notepad-W3YYZ3GS.js'));
|
|
15
|
+
var WorldClock = lazy(() => import('../WorldClock-OAVNGMET.js'));
|
|
15
16
|
var Chess = lazy(() => import('../Chess-C5BY45NA.js'));
|
|
16
17
|
var Checkers = lazy(() => import('../Checkers-MIAHIKJH.js'));
|
|
17
18
|
var Sudoku = lazy(() => import('../Sudoku-XHLYCEVT.js'));
|
|
@@ -31,7 +32,8 @@ var utilityApps = {
|
|
|
31
32
|
"/notepad": { component: Notepad, label: "Notepad", size: "lg", allowPinOnTop: true },
|
|
32
33
|
"/weather": { component: Weather, label: "Weather", size: "sm", utility: true, widget: true, autoHeight: true, dimensions: [320, 400] },
|
|
33
34
|
"/currency": { component: CurrencyConverter, label: "Currency Converter", size: "sm", utility: true, widget: true, autoHeight: true, dimensions: [320, 480] },
|
|
34
|
-
"/pomodoro": { component: PomodoroTimer, label: "Pomodoro Timer", size: "sm", utility: true, widget: true, autoHeight: true, dimensions: [320, 420] }
|
|
35
|
+
"/pomodoro": { component: PomodoroTimer, label: "Pomodoro Timer", size: "sm", utility: true, widget: true, autoHeight: true, dimensions: [320, 420] },
|
|
36
|
+
"/world-clock": { component: WorldClock, label: "World Clock", size: "sm", utility: true, widget: true, autoHeight: true, dimensions: [320, 480] }
|
|
35
37
|
};
|
|
36
38
|
var gameApps = {
|
|
37
39
|
"/chess": { component: Chess, label: "Chess", size: "lg", compact: true },
|
|
@@ -62,6 +64,6 @@ var bundledApps = {
|
|
|
62
64
|
...webApps
|
|
63
65
|
};
|
|
64
66
|
|
|
65
|
-
export { Browser, Calculator, Calendar, Checkers, Chess, CurrencyConverter, Documents, Email, Files, Game2048, GeminiChat, Minesweeper, Notepad, PomodoroTimer, Preview, Spreadsheet, Sudoku, Tetris, Weather, bundledApps, documentApps, gameApps, googleApps, utilityApps, webApps };
|
|
67
|
+
export { Browser, Calculator, Calendar, Checkers, Chess, CurrencyConverter, Documents, Email, Files, Game2048, GeminiChat, Minesweeper, Notepad, PomodoroTimer, Preview, Spreadsheet, Sudoku, Tetris, Weather, WorldClock, bundledApps, documentApps, gameApps, googleApps, utilityApps, webApps };
|
|
66
68
|
//# sourceMappingURL=index.js.map
|
|
67
69
|
//# sourceMappingURL=index.js.map
|
package/dist/apps/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/apps/index.ts"],"names":[],"mappings":";;;;;;;;
|
|
1
|
+
{"version":3,"sources":["../../src/apps/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Bundled apps — pre-built window registry entries for the 16 apps that ship\n * with `react-os-shell`. Consumers compose them into their own registry via\n * `createWindowRegistry`:\n *\n * import { createWindowRegistry } from 'react-os-shell';\n * import { bundledApps } from 'react-os-shell/apps';\n * import { erpEntities } from './shell-config';\n *\n * const windows = createWindowRegistry(bundledApps, erpEntities);\n *\n * Subsets are also exported (`utilityApps`, `gameApps`, `googleApps`) so a\n * consumer can pick-and-choose without importing every component.\n *\n * NOTE: 3 apps require consumer-supplied persistence (Calendar / Notepad for\n * stored content, Minesweeper for leaderboard). They're exported individually\n * but absent from `bundledApps` — wire the prefs provider to opt them in.\n * WorldClock uses `useShellPrefs()` so it lives in `bundledApps`; without a\n * consumer-supplied prefs adapter the city list won't survive a reload.\n */\nimport { lazy } from 'react';\nimport type { WindowRegistry } from '../windowRegistry/types';\n\n// ── Utility apps ──\nconst Calculator = lazy(() => import('./Calculator'));\nconst Spreadsheet = lazy(() => import('./Spreadsheet'));\nconst Weather = lazy(() => import('./Weather'));\nconst CurrencyConverter = lazy(() => import('./CurrencyConverter'));\nconst PomodoroTimer = lazy(() => import('./PomodoroTimer'));\nconst Notepad = lazy(() => import('./Notepad'));\nconst WorldClock = lazy(() => import('./WorldClock'));\n\n// ── Games ──\nconst Chess = lazy(() => import('./Chess'));\nconst Checkers = lazy(() => import('./Checkers'));\nconst Sudoku = lazy(() => import('./Sudoku'));\nconst Tetris = lazy(() => import('./Tetris'));\nconst Game2048 = lazy(() => import('./Game2048'));\nconst Minesweeper = lazy(() => import('./Minesweeper'));\n\n// ── Google apps ──\nconst Email = lazy(() => import('./Email'));\nconst GeminiChat = lazy(() => import('./GeminiChat'));\nconst Calendar = lazy(() => import('./Calendar'));\n\n// ── Document apps ──\nconst Preview = lazy(() => import('./Preview'));\nconst Documents = lazy(() => import('./Documents'));\nconst Files = lazy(() => import('./Files'));\n\n// ── Web ──\nconst Browser = lazy(() => import('./Browser'));\n\nexport const utilityApps: WindowRegistry = {\n '/calculator': { component: Calculator, label: 'Calculator', size: 'sm', allowPinOnTop: true, utility: true, widget: true, autoHeight: true, dimensions: [280, 420] },\n '/spreadsheet': { component: Spreadsheet, label: 'Spreadsheets', size: '2xl', appStyle: true, multiInstance: true },\n '/notepad': { component: Notepad, label: 'Notepad', size: 'lg', allowPinOnTop: true },\n '/weather': { component: Weather, label: 'Weather', size: 'sm', utility: true, widget: true, autoHeight: true, dimensions: [320, 400] },\n '/currency': { component: CurrencyConverter, label: 'Currency Converter', size: 'sm', utility: true, widget: true, autoHeight: true, dimensions: [320, 480] },\n '/pomodoro': { component: PomodoroTimer, label: 'Pomodoro Timer', size: 'sm', utility: true, widget: true, autoHeight: true, dimensions: [320, 420] },\n '/world-clock': { component: WorldClock, label: 'World Clock', size: 'sm', utility: true, widget: true, autoHeight: true, dimensions: [320, 480] },\n};\n\nexport const gameApps: WindowRegistry = {\n '/chess': { component: Chess, label: 'Chess', size: 'lg', compact: true },\n '/checkers': { component: Checkers, label: 'Checkers', size: 'lg', compact: true },\n '/sudoku': { component: Sudoku, label: 'Sudoku', size: 'sm', compact: true, dimensions: [360, 535] },\n '/tetris': { component: Tetris, label: 'Tetris', size: 'md', compact: true, dimensions: [452, 618] },\n '/2048': { component: Game2048, label: '2048', size: 'sm', compact: true },\n '/minesweeper': { component: Minesweeper, label: 'Minesweeper', size: 'sm', compact: true },\n};\n\nexport const googleApps: WindowRegistry = {\n '/email': { component: Email, label: 'Email', size: '2xl', appStyle: true },\n '/gemini': { component: GeminiChat, label: 'Gemini AI', size: 'lg' },\n '/calendar': { component: Calendar, label: 'Calendar', size: 'xl' },\n};\n\nexport const documentApps: WindowRegistry = {\n '/preview': { component: Preview, label: 'Preview', size: '2xl', appStyle: true, multiInstance: true },\n '/documents': { component: Documents, label: 'Documents', size: 'xl', appStyle: true, multiInstance: true },\n '/files': { component: Files, label: 'Files', size: 'xl', appStyle: true },\n};\n\nexport const webApps: WindowRegistry = {\n '/browser': { component: Browser, label: 'Browser', size: '2xl', appStyle: true, multiInstance: true },\n};\n\nexport const bundledApps: WindowRegistry = {\n ...utilityApps,\n ...gameApps,\n ...googleApps,\n ...documentApps,\n ...webApps,\n};\n\nexport {\n Calculator,\n Spreadsheet,\n Notepad,\n Weather,\n CurrencyConverter,\n PomodoroTimer,\n WorldClock,\n Chess,\n Checkers,\n Sudoku,\n Tetris,\n Game2048,\n Minesweeper,\n Email,\n GeminiChat,\n Calendar,\n Preview,\n Documents,\n Files,\n Browser,\n};\n\nexport { setPdfPreview } from './Preview';\nexport { openFilesInTrashMode } from './Files';\nexport type { PdfPreviewData } from './Preview';\n"]}
|