add Calculatro.app

Author: gaminghackintosh

MacOSWeb.jsx

@@ -34,7 +34,7 @@ export default function MacOSWeb() {
   const openApp = useCallback((appId) => {
     setWindows(prev => {
       if (prev.find(w => w.id === appId)) return prev;
-      const p = INITIAL_POSITIONS[appId] || { x: 120, y: 80, w: 600, h: 420 };
+      const p = INITIAL_POSITIONS[appId] || { x: 120, y: 80 };
       const app = APPS.find(a => a.id === appId);
       return [...prev, { id: appId, title: app?.name || appId, x: p.x, y: p.y, width: p.w, height: p.h, zIndex: Date.now() }];
     });
@@ -94,7 +94,7 @@ export default function MacOSWeb() {
   const openApp = useCallback((appId) => {
     setWindows(prev => {
       if (prev.find((w) => w.id === appId)) return prev;
-      const p = INITIAL_POSITIONS[appId] || { x: 120, y: 80, w: 600, h: 420 };
+      const p = INITIAL_POSITIONS[appId] || { x: 120, y: 80 };
       const app = APPS.find((a) => a.id === appId);
       return [...prev, { id: appId, title: app?.name || appId, x: p.x, y: p.y, width: p.w, height: p.h, zIndex: ++zCounter }];
     });

src/App.jsx

@@ -1,14 +1,12 @@
 import React, { useState, useCallback, useEffect, memo } from "react";
-import { useMobileCheck } from "@/core/hooks";
-import { useContextMenu } from "@/core/hooks";
-import { WindowManagerProvider, useWindowManager } from "@/core/providers";
-import { ThemeProvider, useTheme } from "@/core/providers";
+import { useMobileCheck, useContextMenu } from "@/core/hooks";
+import { WindowManagerProvider, useWindowManager, ThemeProvider, useTheme  } from "@/core/providers";
 // UI компоненты
 import { BootScreen, MobileNotSupported, ContextMenu } from "@/ui";
 // Layout компоненты
 import { Desktop, Dock, WindowList } from "@/windows";
 import { MenuBar } from "@/features/menubar/MenuBar";
-// Оптимизация: ленивая загрузка обоев
+// Ленивая загрузка обоев
 import defaultWallpaperDark from "@/assets/images/wallpapers/Tahoe/Tahoe Dark.webp";
 import defaultWallpaperLight from "@/assets/images/wallpapers/Tahoe/Tahoe Light.webp";
 
@@ -65,7 +63,6 @@ function AppContent() {
         onZoom={() => windowManager.maximizeWindow(windowManager.activeWin)}
       />
 
-      {/* ✅ Окна рендерятся независимо через WindowList */}
       <WindowList setWallpaper={setWallpaper} />
 
       <Dock 
@@ -88,17 +85,15 @@ function AppContent() {
 }
 
 /**
- * AppInner — управляет boot screen и провайдерами
+ * AppInner — управление boot screen
  */
 function AppInner() {
   const isMobile = useMobileCheck();
   const [bootComplete, setBootComplete] = useState(false);
 
-  // Показываем boot screen сразу, не ждем инициализацию
   if (!bootComplete) return <BootScreen onComplete={() => setBootComplete(true)} />;
   if (isMobile) return <MobileNotSupported />;
 
-  // Рендерим провайдеры и контент
   return (
     <ThemeProvider>
       <WindowManagerProvider>

src/assets/icons/apps/Dark_Themes/Calculator_Dark.png

@@ -7,6 +7,7 @@ export const APP_ICONS = {
   music: "icons/apps/Dark_Themes/Music_Dark.png",
   settings: "icons/apps/Dark_Themes/Settings_Dark.png",
   calendar: "icons/apps/Dark_Themes/Calendrier_Dark.png",
+  calculator: "icons/apps/Dark_Themes/Calculator_Dark.png"
 };
 
 /**===== Светлые иконки приложений для светлой темы =====**/
@@ -18,6 +19,7 @@ export const APP_ICONS_LIGHT = {
   music: "icons/apps/Light_Themes/apple_music.ico",
   settings: "icons/apps/Light_Themes/settings_1.png",
   calendar: "icons/apps/Light_Themes/Calendrier.png",
+  calculator: "icons/apps/Light_Themes/Calculator.png"
 };
 
 /**===== Emoji-fallback для иконок приложений =====**/
@@ -29,4 +31,5 @@ export const APP_ICON_FALLBACK = {
   music: "🎵",
   settings: "⚙️",
   calendar: "📅",
+  calculator: "🧮"
 };

src/assets/icons/apps/Dark_Themes/Calendrier_Dark.webp

@@ -12,6 +12,7 @@ export const INITIAL_POSITIONS = {
   music: { x: 160, y: 130, w: 1000, h: 500 },
   settings: { x: 180, y: 150, w: 700, h: 450 },
   calendar: { x: 200, y: 120, w: 900, h: 580 },
+  calculator: { x: 500, y: 150 },
 };
 
 export const APPS = [
@@ -70,4 +71,12 @@ export const APPS = [
     icon: APP_ICON_FALLBACK.calendar,
     color: "#FF3B30",
   },
+  {
+    id: "calculator",
+    name: "Calculator",
+    iconPath: APP_ICONS.calculator,
+    iconPathLight: APP_ICONS_LIGHT.calculator,
+    icon: APP_ICON_FALLBACK.calculator,
+    color: "#FF9500",
+  },
 ];