classicy 0.5.2 → 0.5.5

package/src/SystemFolder/SystemResources/Desktop/ClassicyDesktopManager.tsx

@@ -1,161 +0,0 @@
-import {
-    ActionMessage,
-    ClassicyAppManagerHandler,
-    ClassicyStore,
-    ClassicyStoreSystemManager,
-} from '@/SystemFolder/ControlPanels/AppManager/ClassicyAppManager'
-import {ClassicyMenuItem} from '@/SystemFolder/SystemResources/Menu/ClassicyMenu'
-import React from 'react'
-
-export interface ClassicyStoreSystemDesktopManagerIcon {
-    appId: string
-    appName: string
-    icon: string
-    label?: string
-    kind: string
-    location?: [number, number]
-    onClickFunc?: (event: React.MouseEvent) => void
-    event?: string
-    eventData?: any
-    contextMenu?: ClassicyMenuItem[]
-}
-
-export interface ClassicyStoreSystemDesktopManager extends ClassicyStoreSystemManager {
-    selectedIcons?: string[]
-    systemMenu: ClassicyMenuItem[]
-    appMenu: ClassicyMenuItem[]
-    contextMenu: ClassicyMenuItem[]
-    showContextMenu: boolean
-    icons: ClassicyStoreSystemDesktopManagerIcon[]
-    selectBox: {
-        size: [number, number]
-        start: [number, number]
-        active: boolean
-    }
-}
-
-export const classicyDesktopEventHandler = (ds: ClassicyStore, action: ActionMessage) => {
-    const mgr = new ClassicyAppManagerHandler()
-
-    switch (action.type) {
-        case 'ClassicyDesktopAppMenuAdd': {
-            const menuItem = {
-                id: 'system_menu_' + action.app.id,
-                title: action.app.name,
-                image: action.app.icon,
-                event: 'ClassicyAppOpen',
-                eventData: {
-                    app: {
-                        id: action.app.id,
-                        name: action.app.name,
-                        icon: action.app.icon,
-                    },
-                },
-            }
-
-            const exists = ds.System.Manager.Desktop.systemMenu.findIndex((i) => i.id === menuItem.id)
-            if (exists >= 0) {
-                ds.System.Manager.Desktop.systemMenu[exists] = menuItem
-            } else {
-                ds.System.Manager.Desktop.systemMenu.push(menuItem)
-            }
-
-            break
-        }
-        case 'ClassicyDesktopAppMenuRemove': {
-            const exists = ds.System.Manager.Desktop.systemMenu.findIndex(
-                (i) => i && i.id == `system_menu_${action.app.id}`
-            )
-            if (exists >= 0) {
-                ds.System.Manager.Desktop.systemMenu.splice(exists, 1)
-            }
-            break
-        }
-        case 'ClassicyDesktopFocus': {
-            if ('e' in action && action.e.target.id === 'classicyDesktop') {
-                ds = mgr.deFocusApps(ds)
-
-                ds.System.Manager.App.apps['Finder.app'].focused = true
-                ds.System.Manager.Desktop.selectedIcons = []
-                ds.System.Manager.Desktop.showContextMenu = false
-                ds.System.Manager.Desktop.selectBox.active = true
-                ds.System.Manager.Desktop.selectBox.start = [action.e.clientX, action.e.client]
-            }
-
-            if ('menuBar' in action) {
-                ds.System.Manager.Desktop.appMenu = action.menuBar
-            }
-
-            break
-        }
-        case 'ClassicyDesktopDoubleClick': {
-            break
-        }
-        case 'ClassicyDesktopDrag': {
-            ds.System.Manager.Desktop.selectBox.start = [
-                action.e.clientX - ds.System.Manager.Desktop.selectBox.start[0],
-                action.e.clientY - ds.System.Manager.Desktop.selectBox.start[1],
-            ]
-
-            ds.System.Manager.Desktop.selectBox.size = [0, 0]
-            break
-        }
-        case 'ClassicyDesktopStop': {
-            ds.System.Manager.Desktop.selectBox.active = false
-            ds.System.Manager.Desktop.selectBox.size = [0, 0]
-            ds.System.Manager.Desktop.selectBox.start = [0, 0]
-            break
-        }
-        case 'ClassicyDesktopContextMenu': {
-            ds.System.Manager.Desktop.showContextMenu = action.showContextMenu
-            if (action.contextMenu) {
-                ds.System.Manager.Desktop.contextMenu = action.contextMenu
-            }
-            break
-        }
-        case 'ClassicyDesktopChangeTheme': {
-            const foundTheme = ds.System.Manager.Appearance.availableThemes?.find(
-                (a) => a.id == action.activeTheme
-            )
-            if (foundTheme) {
-                ds.System.Manager.Appearance.activeTheme = foundTheme
-            }
-            break
-        }
-        case 'ClassicyDesktopChangeBackground': {
-            ds.System.Manager.Appearance.activeTheme.desktop.backgroundImage = action.backgroundImage
-            ds.System.Manager.Appearance.activeTheme.desktop.backgroundSize = 'auto'
-            break
-        }
-        case 'ClassicyDesktopChangeBackgroundPosition': {
-            ds.System.Manager.Appearance.activeTheme.desktop.backgroundPosition = action.backgroundPosition
-            break
-        }
-        case 'ClassicyDesktopChangeBackgroundRepeat': {
-            ds.System.Manager.Appearance.activeTheme.desktop.backgroundRepeat = action.backgroundRepeat
-            break
-        }
-        case 'ClassicyDesktopChangeBackgroundSize': {
-            ds.System.Manager.Appearance.activeTheme.desktop.backgroundSize = action.backgroundSize
-            break
-        }
-        case 'ClassicyDesktopChangeFont': {
-            switch (action.fontType) {
-                case 'body':
-                    ds.System.Manager.Appearance.activeTheme.typography.body = action.font
-                    break
-                case 'ui':
-                    ds.System.Manager.Appearance.activeTheme.typography.ui = action.font
-                    break
-                case 'header':
-                    ds.System.Manager.Appearance.activeTheme.typography.header = action.font
-                    break
-            }
-            break
-        }
-        case 'ClassicyDesktopLoadThemes': {
-            ds.System.Manager.Appearance.availableThemes = action.availableThemes
-        }
-    }
-    return ds
-}

package/src/SystemFolder/SystemResources/Desktop/ClassicyDesktopWindowManagerContext.tsx

@@ -1,211 +0,0 @@
-import {
-    ClassicyStore,
-    ClassicyStoreSystemAppWindow,
-} from '@/SystemFolder/ControlPanels/AppManager/ClassicyAppManager'
-import { ClassicyMenuItem } from '@/SystemFolder/SystemResources/Menu/ClassicyMenu'
-import {ActionMessage} from "@/SystemFolder/ControlPanels/AppManager/ClassicyAppManager";
-import {isNumberArray} from "@tanstack/react-table";
-
-const initialWindowState = {
-    closed: false,
-    collapsed: false,
-    dragging: false,
-    moving: false,
-    resizing: false,
-    sounding: false,
-    zoomed: false,
-    contextMenuShown: false,
-}
-
-const notEmpty = <T,>(value: T | null | undefined): value is T => value != null
-
-type ClassicyWindowAction =
-    // Open the Window's Context Menu
-    | { type: 'ClassicyWindowMenu'; menuBar: ClassicyMenuItem[] }
-    // Open a Window
-    | {
-          type: 'ClassicyWindowOpen'
-          app: { id: string }
-          window: {
-              id: string
-              minimumSize: [number, number]
-              size: [number, number]
-              position: [number, number]
-              menuBar?: ClassicyMenuItem[]
-          }
-      }
-    // Focus a Window
-    | { type: 'ClassicyWindowFocus'; app: { id: string }; window: { id: string; menuBar: ClassicyMenuItem[] } }
-    // Close a Window
-    | { type: 'ClassicyWindowClose'; app: { id: string }; window: { id: string } }
-    // Close a Window and destroy its entry
-    | { type: 'ClassicyWindowDestroy'; app: { id: string }; window: { id: string } }
-    // Collapse (or Minimize) a window
-    | { type: 'ClassicyWindowCollapse'; app: { id: string }; window: { id: string } }
-    // Expand (or Un-Minimize) a window
-    | { type: 'ClassicyWindowExpand'; app: { id: string }; window: { id: string } }
-    // Drag a window around
-    | { type: 'ClassicyWindowDrag'; app: { id: string }; window: { id: string }; dragging: boolean }
-    // Zoom a Window
-    | { type: 'ClassicyWindowZoom'; app: { id: string }; window: { id: string }; zoomed: boolean }
-    // Set a Window's Position
-    | { type: 'ClassicyWindowPosition'; app: { id: string }; window: { id: string }; position: [number, number] }
-    // Resize a Window
-    | {
-          type: 'ClassicyWindowResize'
-          app: { id: string }
-          window: { id: string }
-          resizing: boolean
-          size: [number, number]
-      }
-    // Move a Window
-    | {
-          type: 'ClassicyWindowMove'
-          app: { id: string }
-          window: { id: string }
-          position: [number, number]
-          moving: boolean
-      }
-
-export const classicyWindowEventHandler = (ds: ClassicyStore, action: ActionMessage) => {
-    const updateWindow = (appId: string, windowId: string, updates: any) => {
-        ds.System.Manager.App.apps[appId].windows = ds.System.Manager.App.apps[appId].windows.map((w: ClassicyStoreSystemAppWindow) =>
-            w.id === windowId ? { ...w, ...updates } : w
-        )
-        return ds
-    }
-
-    switch (action.type) {
-        case 'ClassicyWindowOpen':
-            const window = ds.System.Manager.App.apps[action.app.id].windows.findIndex((w) => w.id === action.window.id)
-            if (window < 0) {
-                let paddedPosition: [number, number] = action.window.position
-                if (action.window.position[0] == 0 && action.window.position[1] == 0) {
-                    const length = ds.System.Manager.App.apps[action.app.id].windows.length * 10
-                    paddedPosition = [30 + length, 30 + length]
-                }
-                ds.System.Manager.App.apps[action.app.id].windows.push({
-                    ...initialWindowState,
-                    id: action.window.id,
-                    minimumSize: action.window.minimumSize,
-                    size: action.window.size,
-                    position: paddedPosition,
-                    closed: false,
-                    hidden: false,
-                    menuBar: action.window.menuBar,
-                } as ClassicyStoreSystemAppWindow)
-            }
-            break
-        case 'ClassicyWindowFocus':
-            if (!ds.System.Manager.App.apps[action.app.id]) break
-            ds.System.Manager.App.apps[action.app.id].focused = true
-            ds.System.Manager.App.apps[action.app.id].windows = ds.System.Manager.App.apps[action.app.id].windows.map(
-                (w) => {
-                    w.focused = w.id == action.window.id
-                    ds.System.Manager.Desktop.appMenu = action.window.menuBar
-                    return w
-                }
-            )
-            break
-
-        case 'ClassicyWindowClose':
-            ds = updateWindow(action.app.id, action.window.id, { closed: true })
-            break
-
-        case 'ClassicyWindowDestroy':
-            ds = updateWindow(action.app.id, action.window.id, { closed: true })
-            ds.System.Manager.App.apps[action.app.id].windows = ds.System.Manager.App.apps[action.app.id].windows
-                .map((w) => (w.id === action.window.id ? null : w))
-                .filter(notEmpty)
-            break
-
-        case 'ClassicyWindowMenu':
-            ds.System.Manager.Desktop.appMenu = action.menuBar
-            break
-
-        case 'ClassicyWindowResize':
-            ds.System.Manager.App.apps[action.app.id].windows = ds.System.Manager.App.apps[action.app.id].windows.map(
-                (w) => {
-                    if (w.id == action.window.id) {
-                        w.resizing = action.resizing
-                        w.size = action.size
-                    }
-                    return w
-                }
-            )
-            break
-        case 'ClassicyWindowDrag':
-            ds.System.Manager.App.apps[action.app.id].windows = ds.System.Manager.App.apps[action.app.id].windows.map(
-                (w) => {
-                    if (w.id == action.window.id) {
-                        w.dragging = action.dragging
-                    }
-                    return w
-                }
-            )
-            break
-        case 'ClassicyWindowZoom':
-            ds.System.Manager.App.apps[action.app.id].windows = ds.System.Manager.App.apps[action.app.id].windows.map(
-                (w) => {
-                    if (w.id == action.window.id) {
-                        w.zoomed = action.zoomed
-                    }
-                    return w
-                }
-            )
-            break
-        case 'ClassicyWindowCollapse':
-            ds.System.Manager.App.apps[action.app.id].windows = ds.System.Manager.App.apps[action.app.id].windows.map(
-                (w) => {
-                    if (w.id == action.window.id) {
-                        w.collapsed = true
-                    }
-                    return w
-                }
-            )
-            break
-        case 'ClassicyWindowExpand':
-            ds.System.Manager.App.apps[action.app.id].windows = ds.System.Manager.App.apps[action.app.id].windows.map(
-                (w) => {
-                    if (w.id == action.window.id) {
-                        w.collapsed = false
-                    }
-                    return w
-                }
-            )
-            break
-
-        case 'ClassicyWindowMove': {
-            ds.System.Manager.App.apps[action.app.id].windows = ds.System.Manager.App.apps[action.app.id].windows.map(
-                (w) => {
-                    if (w.id == action.window.id) {
-                        w.position = action.position
-                        w.moving = action.moving
-                    }
-                    return w
-                }
-            )
-            break
-        }
-        case 'ClassicyWindowPosition': {
-            ds.System.Manager.App.apps[action.app.id].windows = ds.System.Manager.App.apps[action.app.id].windows.map(
-                (w) => {
-                    if (w.id == action.window.id) {
-                        w.position = action.position
-                    }
-                    return w
-                }
-            )
-            break
-        }
-        // case 'ClassicyWindowContextMenu': {
-        //     ws.contextMenu = action.contextMenu
-        //     if (action.contextMenuShown === true) {
-        //         ws.contextMenuLocation = action.position
-        //     }
-        //     break
-        // }
-        // }
-    }
-    return ds
-}

package/src/SystemFolder/SystemResources/Desktop/MenuBar/ClassicyDesktopMenuBar.scss

@@ -1,76 +0,0 @@
-.classicyDesktopMenuBar {
-  z-index: 500;
-  background: var(--color-black);
-}
-
-.clasicyDesktopMenuAppleMenu {
-  div {
-    ul {
-      width: 30vw
-    }
-  }
-}
-
-.classicyDesktopMenu {
-  z-index: 500;
-  display: inline-block;
-  width: 100%;
-  margin: 0;
-  padding: 0 var(--window-control-size);
-  list-style: none;
-  user-select: none;
-  border-radius: var(--window-control-size) var(--window-control-size) 0 0;
-  background-color: var(--color-system-02) !important;
-  box-shadow: inset var(--window-border-size) var(--window-border-size) 0 0 var(--color-system-05),
-  calc(var(--window-border-size) * 2) calc(var(--window-border-size) * 2) 0 0 var(--color-black);
-  user-drag: none;
-
-  li {
-    &:after {
-      display: none !important;
-    }
-
-    p {
-      padding: 0 !important;
-    }
-  }
-}
-
-.classicyDesktopMenuAppleMenu {
-  margin-left: 0;
-
-  &:after {
-    display: none !important;
-    content: '';
-  }
-}
-
-.classicyDesktopMenuAppSwitcher {
-  float: right;
-  margin-right: 0;
-  margin-left: 0;
-
-  &:before {
-    width: calc(var(--window-border-size) * 2);
-    height: 75%;
-    margin-right: var(--window-padding-size);
-    content: '';
-    border: 1px solid var(--color-system-02);
-    background: var(--color-system-02);
-    box-shadow: 1px 1px var(--color-system-05),
-    inset -1px -1px var(--color-system-02),
-    inset 1px 1px var(--color-system-01);
-
-  }
-
-  &:after {
-    display: none !important;
-    content: '';
-  }
-
-  * {
-    ul {
-      right: calc((var(--window-control-size) - var(--window-padding-size)) * -1) !important;
-    }
-  }
-}

package/src/SystemFolder/SystemResources/Desktop/MenuBar/ClassicyDesktopMenuBar.tsx

@@ -1,74 +0,0 @@
-import appleMenuIcon from 'img/icons/system/apple.png'
-import {useDesktop, useDesktopDispatch} from '@/SystemFolder/ControlPanels/AppManager/ClassicyAppManagerContext'
-import './ClassicyDesktopMenuBar.scss'
-import {
-    ClassicyDesktopMenuWidgetSound
-} from '@/SystemFolder/SystemResources/Desktop/MenuBar/Widgets/Sound/ClassicyDesktopMenuWidgetSound'
-import {
-    ClassicyDesktopMenuWidgetTime
-} from '@/SystemFolder/SystemResources/Desktop/MenuBar/Widgets/Time/ClassicyDesktopMenuWidgetTime'
-import {ClassicyMenu, ClassicyMenuItem} from '@/SystemFolder/SystemResources/Menu/ClassicyMenu'
-import '@/SystemFolder/SystemResources/Menu/ClassicyMenu.scss'
-import React from 'react'
-
-export const ClassicyDesktopMenuBar: React.FC = () => {
-    const desktopContext = useDesktop()
-    const desktopEventDispatch = useDesktopDispatch()
-
-    const systemMenuItem: ClassicyMenuItem = {
-        id: 'apple-menu',
-        image: appleMenuIcon,
-        menuChildren: desktopContext.System.Manager.Desktop.systemMenu,
-        className: "clasicyDesktopMenuAppleMenu",
-    }
-
-    const setActiveApp = (appId: string) => {
-        desktopEventDispatch({
-            type: 'ClassicyAppFocus',
-            app: {id: appId},
-        })
-    }
-
-    let activeAppObject = Object.values(desktopContext.System.Manager.App.apps).filter((app) => app.focused)
-
-    const appSwitcherMenuMenuItem: ClassicyMenuItem = {
-        id: 'app-switcher',
-        image: activeAppObject?.at(0)?.icon || '',
-        title: activeAppObject?.at(0)?.name || 'Finder',
-        className: "classicyDesktopMenuAppSwitcher",
-        menuChildren: Object.values(desktopContext.System.Manager.App.apps)
-            .filter((a) => a.open)
-            .map((app) => ({
-                id: app.id,
-                icon: app.icon,
-                title: app.name,
-                onClickFunc: () => {
-                    setActiveApp(app.id)
-                },
-            })),
-    }
-
-    const defaultMenuItems = [
-        systemMenuItem,
-    ] as ClassicyMenuItem[]
-
-    if (desktopContext.System.Manager.Desktop.appMenu) {
-        defaultMenuItems.push(...desktopContext.System.Manager.Desktop.appMenu)
-    }
-
-    defaultMenuItems.push(appSwitcherMenuMenuItem)
-
-    return (
-        <nav className={"classicyDesktopMenuBar"}>
-            <ClassicyMenu
-                name={'desktopMenuBar'}
-                menuItems={defaultMenuItems}
-                navClass={"classicyDesktopMenu"}
-                subNavClass={'classicySubMenu'}
-            >
-                <ClassicyDesktopMenuWidgetSound/>
-                <ClassicyDesktopMenuWidgetTime/>
-            </ClassicyMenu>
-        </nav>
-    )
-}

package/src/SystemFolder/SystemResources/Desktop/MenuBar/Widgets/Sound/ClassicyDesktopMenuWidgetSound.scss

@@ -1,16 +0,0 @@
-.classicyDesktopMenuWidgetSound {
-  float: right;
-  height: 100%;
-  margin: 0;
-  padding-right: 0;
-  padding-left: 0;
-
-  &:hover {
-    color: var(--color-black) !important;
-    background: transparent !important;
-  }
-
-  img {
-    width: 100%;
-  }
-}

package/src/SystemFolder/SystemResources/Desktop/MenuBar/Widgets/Sound/ClassicyDesktopMenuWidgetSound.tsx

@@ -1,60 +0,0 @@
-import './ClassicyDesktopMenuWidgetSound.scss'
-import '@/SystemFolder/SystemResources/Menu/ClassicyMenu.scss'
-import {useDesktopDispatch} from '@/SystemFolder/ControlPanels/AppManager/ClassicyAppManagerContext'
-import {useSound, useSoundDispatch} from '@/SystemFolder/ControlPanels/SoundManager/ClassicySoundManagerContext'
-import classNames from 'classnames'
-import React from 'react'
-import soundOnImg from 'img/icons/control-panels/sound-manager/sound-on.png'
-import soundOffImg from 'img/icons/control-panels/sound-manager/sound-off.png'
-import appIcon from 'img/icons/control-panels/sound-manager/app.png'
-
-type ClassicyDesktopMenuWidgetSoundProps = {
-    hide?: boolean
-}
-
-export const ClassicyDesktopMenuWidgetSound: React.FC<ClassicyDesktopMenuWidgetSoundProps> = ({hide = false}) => {
-    const player = useSoundDispatch()
-    const playerState = useSound()
-    const desktopEventDispatch = useDesktopDispatch()
-
-    const openSoundManager = (e: React.MouseEvent) => {
-        e.preventDefault()
-        desktopEventDispatch({
-            type: 'ClassicyAppOpen',
-            app: {
-                id: 'SoundManager.app',
-                name: 'Sound Manager',
-                icon: appIcon,
-            },
-        })
-    }
-
-    const mute = () => {
-        player({
-            type: 'ClassicySoundDisable',
-            disabled: playerState.disabled.includes('*') ? [] : ['*'],
-        })
-        return
-    }
-
-    return (
-        <>
-            {!hide && (
-                <li
-                    className={classNames(
-                        "classicyDesktopMenuWidgetSound",
-                        "classicyMenuItem",
-                        "classicyMenuItemNoImage"
-                    )}
-                    onClick={mute}
-                    onDoubleClick={openSoundManager}
-                >
-                    <img
-                        src={playerState.disabled.includes('*') ? soundOffImg : soundOnImg}
-                        alt={playerState.disabled.includes('*') ? 'Unmute' : 'Mute'}
-                    />
-                </li>
-            )}
-        </>
-    )
-}

package/src/SystemFolder/SystemResources/Desktop/MenuBar/Widgets/Time/ClassicyDesktopMenuWidgetTime.scss

@@ -1,27 +0,0 @@
-.classicyDesktopMenuTime {
-  float: right;
-  margin: 0 var(--window-control-size);
-
-  &:hover {
-    color: var(--color-black) !important;
-    background: transparent !important;
-  }
-}
-
-.classicyDesktopMenuTimeSeparatorRight {
-  margin-right: calc(var(--window-padding-size))
-}
-
-.classicyDesktopMenuTimeSeparatorLeft {
-  margin-left: calc(var(--window-border-size) * 2)
-}
-
-.textBlinker {
-  animation: blinker 2s steps(1, end) infinite;
-}
-
-@keyframes blinker {
-  50% {
-    opacity: 0;
-  }
-}