classicy 0.5.2 → 0.5.5

package/scripts/build_sprites.sh

@@ -1,15 +0,0 @@
-dir=${1:-./resources/sounds}
-outputDir=${2:-./assets/sounds}
-outputPath=${2:-/assets/sounds}
-distLocation=${2:-dist/assets/sounds}
-fileExt=${3:-mp3}
-formats=${4:-ogg,m4a,mp3,ac3}
-
-for eachDir in ${dir}/*/
-do
-    eachDir=${eachDir%*/}
-    npx -y audiosprite -f howler2 -o "${outputDir}/${eachDir##*/}/${eachDir##*/}" -e "${formats}" "${dir}/${eachDir##*/}/*.${fileExt}"  -u "${outputPath}/${eachDir##*/}"
-done
-
-mkdir -p "${distLocation}"
-cp -r "${outputDir}/" "./${distLocation}"

package/src/App.tsx

@@ -1,16 +0,0 @@
-import {ClassicyDesktopProvider} from './SystemFolder/ControlPanels/AppManager/ClassicyAppManagerContext'
-import {ClassicyDesktop} from './SystemFolder/SystemResources/Desktop/ClassicyDesktop'
-import React from 'react'
-
-class App extends React.Component {
-    render() {
-        return (
-            <ClassicyDesktopProvider>
-                <ClassicyDesktop>
-                </ClassicyDesktop>
-            </ClassicyDesktopProvider>
-        );
-    }
-}
-
-export default App;

package/src/SystemFolder/ControlPanels/AppManager/ClassicyAppManager.ts

@@ -1,327 +0,0 @@
-import macosIcon from 'img/icons/system/macos.png';
-import {
-    ClassicyStoreSystemAppearanceManager,
-    ClassicyTheme, getAllThemes,
-} from '@/SystemFolder/ControlPanels/AppearanceManager/ClassicyAppearance'
-import {
-    classicyDateTimeManagerEventHandler
-} from '@/SystemFolder/ControlPanels/DateAndTimeManager/ClassicyDateAndTimeManager'
-import {ClassicyStoreSystemSoundManager} from '@/SystemFolder/ControlPanels/SoundManager/ClassicySoundManagerContext'
-import {classicyFinderEventHandler} from '@/SystemFolder/Finder/FinderContext'
-import {classicyQuickTimeMoviePlayerEventHandler} from '@/SystemFolder/QuickTime/MoviePlayer/MoviePlayerContext'
-import {classicyQuickTimePictureViewerEventHandler} from '@/SystemFolder/QuickTime/PictureViewer/PictureViewerContext'
-import {classicyDesktopIconEventHandler} from '@/SystemFolder/SystemResources/Desktop/ClassicyDesktopIconContext'
-import {
-    classicyDesktopEventHandler,
-    ClassicyStoreSystemDesktopManager,
-} from '@/SystemFolder/SystemResources/Desktop/ClassicyDesktopManager'
-import {classicyWindowEventHandler} from '@/SystemFolder/SystemResources/Desktop/ClassicyDesktopWindowManagerContext'
-import {ClassicyMenuItem} from '@/SystemFolder/SystemResources/Menu/ClassicyMenu'
-import themesData from '../AppearanceManager/styles/themes.json'
-
-export interface ClassicyStoreSystemAppManager extends ClassicyStoreSystemManager {
-    apps: Record<string, ClassicyStoreSystemApp>
-}
-
-export interface ClassicyStoreSystemApp {
-    id: string
-    name: string
-    icon: string
-    windows: ClassicyStoreSystemAppWindow[]
-    open: boolean
-    data?: Record<string, any>
-    focused?: boolean
-    noDesktopIcon?: boolean
-    debug?: boolean
-    openOnBoot?: boolean
-    options?: Record<string, any>[]
-    appMenu?: ClassicyMenuItem[]
-}
-
-export interface ClassicyStoreSystemAppWindow {
-    closed: boolean
-    id: string
-    appId?: string
-    title?: string
-    icon?: string
-    size: [number, number]
-    position: [number, number]
-    minimumSize: [number, number]
-    focused?: boolean
-    default?: boolean
-    resizing?: boolean
-    zoomed?: boolean
-    collapsed?: boolean
-    dragging?: boolean
-    moving?: boolean
-    modal?: boolean
-    menuBar?: ClassicyMenuItem[]
-    contextMenu?: ClassicyMenuItem[]
-    showContextMenu?: boolean
-    options?: Record<string, any>[]
-}
-
-export interface ClassicyStore {
-    System: ClassicyStoreSystem
-    Resource?: {
-        App: Record<string, any>
-    }
-}
-
-export interface ClassicyStoreSystem {
-    Manager: {
-        Desktop: ClassicyStoreSystemDesktopManager
-        Sound: ClassicyStoreSystemSoundManager
-        App: ClassicyStoreSystemAppManager
-        Appearance: ClassicyStoreSystemAppearanceManager
-        DateAndTime: ClassicyStoreSystemDateAndTimeManager
-    }
-}
-
-export interface ClassicyStoreSystemDateAndTimeManager extends ClassicyStoreSystemManager {
-    dateTime: string
-    timeZoneOffset: string
-    militaryTime: boolean
-    displaySeconds: boolean
-    displayPeriod: boolean
-    displayDay: boolean
-    displayLongDay: boolean
-    flashSeparators: boolean
-    show: boolean
-}
-
-export interface ClassicyStoreSystemManager {
-}
-
-export class ClassicyAppManagerHandler {
-    public getAppIndex(ds: ClassicyStore, appId: string) {
-        return ds.System.Manager.App.apps[appId]
-    }
-
-    public deFocusApps(ds: ClassicyStore) {
-        Object.entries(ds.System.Manager.App.apps).forEach(([key]) => {
-            ds.System.Manager.App.apps[key].focused = false
-            ds.System.Manager.App.apps[key].windows = ds.System.Manager.App.apps[key].windows.map((w) => {
-                w.focused = false
-                return w
-            })
-        })
-        return ds
-    }
-
-    public focusApp(ds: ClassicyStore, appId: string) {
-        ds = this.deFocusApps(ds)
-        if (ds.System.Manager.App.apps[appId]) {
-            ds.System.Manager.App.apps[appId].focused = true
-        }
-        const focusedWindow = ds.System.Manager.App.apps[appId]?.windows.findIndex((w) => w.default)
-        if (focusedWindow > 0) {
-            ds.System.Manager.App.apps[appId].windows[focusedWindow].closed = false
-            ds.System.Manager.App.apps[appId].windows[focusedWindow].focused = true
-            if (ds.System.Manager.App.apps[appId].appMenu) {
-                ds.System.Manager.Desktop.appMenu = ds.System.Manager.App.apps[appId].appMenu
-            }
-        } else if (ds.System.Manager.App.apps[appId]?.windows.length == 1) {
-            ds.System.Manager.App.apps[appId].windows[0].closed = false
-            ds.System.Manager.App.apps[appId].windows[0].focused = true
-            if (ds.System.Manager.App.apps[appId].appMenu) {
-                ds.System.Manager.Desktop.appMenu = ds.System.Manager.App.apps[appId].appMenu
-            }
-        }
-    }
-
-    public openApp(ds: ClassicyStore, appId: string, appName: string, appIcon: string) {
-        const findApp = ds.System.Manager.App.apps[appId]
-        if (findApp) {
-            ds.System.Manager.App.apps[appId].open = true
-            ds.System.Manager.App.apps[appId].windows = ds.System.Manager.App.apps[appId].windows.map((w) => {
-                w.closed = false
-                return w
-            })
-            this.focusApp(ds, appId)
-        } else {
-            ds.System.Manager.App.apps[appId] = {
-                id: appId,
-                name: appName,
-                icon: appIcon,
-                windows: [],
-                open: true,
-                data: {},
-            }
-        }
-    }
-
-    public loadApp(ds: ClassicyStore, appId: string, appName: string, appIcon: string) {
-        const findApp = ds.System.Manager.App.apps[appId]
-        if (!findApp) {
-            ds.System.Manager.App.apps[appId] = {
-                id: appId,
-                name: appName,
-                icon: appIcon,
-                windows: [],
-                open: false,
-                data: {},
-            }
-        }
-    }
-
-    public closeApp(ds: ClassicyStore, appId: string) {
-        const findApp = ds.System.Manager.App.apps[appId]
-        if (findApp) {
-            ds.System.Manager.App.apps[appId].open = false
-            ds.System.Manager.App.apps[appId].focused = false
-            ds.System.Manager.App.apps[appId].windows?.map((w) => (w.closed = true))
-        }
-    }
-
-    public activateApp(ds: ClassicyStore, appId: string) {
-        Object.entries(ds.System.Manager.App.apps).forEach(([key]) => {
-            ds.System.Manager.App.apps[key].focused = key === appId
-        })
-        Object.entries(ds.System.Manager.App.apps).forEach(([key]) => {
-            if (key !== appId) {
-                ds.System.Manager.App.apps[key].windows = ds.System.Manager.App.apps[key].windows.map((w) => {
-                    w.focused = false
-                    return w
-                })
-            }
-        })
-    }
-}
-
-export type ActionMessage = Record<string, any> & { type: string }
-
-export const classicyAppEventHandler = (ds: ClassicyStore, action: ActionMessage) => {
-    const handler = new ClassicyAppManagerHandler()
-
-    switch (action.type) {
-        case 'ClassicyAppOpen': {
-            handler.openApp(ds, action.app.id, action.app.name, action.app.icon)
-            break
-        }
-        case 'ClassicyAppLoad': {
-            handler.loadApp(ds, action.app.id, action.app.name, action.app.icon)
-            break
-        }
-        case 'ClassicyAppClose': {
-            handler.closeApp(ds, action.app.id)
-            const openApps = Object.values(ds.System.Manager.App.apps).find((value) => {
-                return value.open
-            })
-
-            if (openApps?.id) {
-                handler.focusApp(ds, openApps.id)
-            }
-
-            break
-        }
-        case 'ClassicyAppFocus': {
-            handler.focusApp(ds, action.app.id)
-            break
-        }
-        case 'ClassicyAppActivate': {
-            handler.activateApp(ds, action.app.id)
-            break
-        }
-    }
-
-    return ds
-}
-
-export const classicyDesktopStateEventReducer = (ds: ClassicyStore, action: ActionMessage) => {
-    if ('debug' in action) {
-        console.group("Desktop Event")
-        console.log("Action: ", action)
-        console.log("Start State: ", ds)
-    }
-
-    if ('type' in action) {
-        if (action.type.startsWith('ClassicyWindow')) {
-            ds = classicyWindowEventHandler(ds, action)
-        } else if (action.type.startsWith('ClassicyAppFinder')) {
-            ds = classicyFinderEventHandler(ds, action)
-        } else if (action.type.startsWith('ClassicyAppMoviePlayer')) {
-            ds = classicyQuickTimeMoviePlayerEventHandler(ds, action)
-        } else if (action.type.startsWith('ClassicyAppPictureViewer')) {
-            ds = classicyQuickTimePictureViewerEventHandler(ds, action)
-        } else if (action.type.startsWith('ClassicyDesktopIcon')) {
-            ds = classicyDesktopIconEventHandler(ds, action)
-        } else if (action.type.startsWith('ClassicyDesktop')) {
-            ds = classicyDesktopEventHandler(ds, action)
-        } else if (action.type.startsWith('ClassicyManagerDateTime')) {
-            ds = classicyDateTimeManagerEventHandler(ds, action)
-        } else if (action.type.startsWith('ClassicyApp')) {
-            ds = classicyAppEventHandler(ds, action)
-        }
-    }
-
-    if ('debug' in action) {
-        console.log("End State: ", ds)
-        console.groupEnd()
-    }
-
-    return {...ds}
-}
-
-export const DefaultDesktopState: ClassicyStore = {
-    System: {
-        Manager: {
-            DateAndTime: {
-                show: true,
-                dateTime: new Date().toISOString(),
-                timeZoneOffset: (new Date().getTimezoneOffset() / -60).toString(),
-                militaryTime: false,
-                displaySeconds: true,
-                displayPeriod: true,
-                displayDay: true,
-                displayLongDay: false,
-                flashSeparators: true,
-            },
-            Sound: {
-                volume: 100,
-                labels: {},
-                disabled: [],
-            },
-            Desktop: {
-                selectedIcons: [],
-                contextMenu: [],
-                showContextMenu: false,
-                icons: [],
-                systemMenu: [
-                    {
-                        id: 'about',
-                        title: 'About This Computer',
-                        keyboardShortcut: '&#8984;S',
-                        onClickFunc: () => console.log('ABOUT'),
-                    },
-                    {id: 'spacer'},
-                ],
-                appMenu: [],
-                selectBox: {
-                    size: [0, 0],
-                    start: [0, 0],
-                    active: false,
-                },
-            },
-            App: {
-                apps: {
-                    'Finder.app': {
-                        id: 'Finder.app',
-                        name: 'Finder',
-                        icon: macosIcon,
-                        windows: [],
-                        open: true,
-                        focused: true,
-                        noDesktopIcon: true,
-                        openOnBoot: true,
-                        data: {},
-                    },
-                },
-            },
-            Appearance: {
-                availableThemes: getAllThemes(),
-                activeTheme: themesData.find((t) => t.id == 'default') as unknown as ClassicyTheme,
-            },
-        },
-    },
-}

package/src/SystemFolder/ControlPanels/AppManager/ClassicyAppManagerContext.tsx

@@ -1,47 +0,0 @@
-import { ClassicySoundManagerProvider } from '@/SystemFolder/ControlPanels/SoundManager/ClassicySoundManagerContext'
-import React, {createContext, type Dispatch, ReactNode, useContext, useEffect, useReducer} from 'react'
-import { classicyDesktopStateEventReducer, ClassicyStore, DefaultDesktopState } from './ClassicyAppManager'
-
-const ClassicyDesktopContext = createContext<ClassicyStore>(DefaultDesktopState)
-const ClassicyDesktopDispatchContext = createContext<Dispatch<any>>((() => undefined) as Dispatch<any>)
-
-type ClassicyDesktopProviderProps = {
-    children: ReactNode
-}
-
-export const ClassicyDesktopProvider: React.FC<ClassicyDesktopProviderProps> = ({children}) => {
-    let desktopState: ClassicyStore
-
-    if (typeof window !== 'undefined') {
-        try {
-            const storedState = localStorage.getItem('classicyDesktopState')
-            desktopState = storedState ? JSON.parse(storedState) : DefaultDesktopState
-        } catch (error) {
-            desktopState = DefaultDesktopState
-        }
-    } else {
-        desktopState = DefaultDesktopState
-    }
-
-    const [desktop, dispatch] = useReducer(classicyDesktopStateEventReducer, desktopState)
-
-    useEffect(() => {
-        localStorage.setItem('classicyDesktopState', JSON.stringify(desktop))
-    }, [desktop])
-
-    return (
-        <ClassicyDesktopContext.Provider value={desktop}>
-            <ClassicyDesktopDispatchContext.Provider value={dispatch}>
-                <ClassicySoundManagerProvider>{children}</ClassicySoundManagerProvider>
-            </ClassicyDesktopDispatchContext.Provider>
-        </ClassicyDesktopContext.Provider>
-    )
-}
-
-export function useDesktop() {
-    return useContext(ClassicyDesktopContext)
-}
-
-export function useDesktopDispatch() {
-    return useContext(ClassicyDesktopDispatchContext)
-}

package/src/SystemFolder/ControlPanels/AppearanceManager/ClassicyAppearance.ts

@@ -1,165 +0,0 @@
-import {intToHex} from '@/SystemFolder/ControlPanels/AppearanceManager/ClassicyColors'
-import {intToPct, intToPx} from '@/SystemFolder/ControlPanels/AppearanceManager/ClassicySize'
-import themesData  from '../AppearanceManager/styles/themes.json'
-import {ClassicyStoreSystemManager} from '@/SystemFolder/ControlPanels/AppManager/ClassicyAppManager'
-import {ClassicyThemeSound} from '@/SystemFolder/ControlPanels/SoundManager/ClassicySoundManagerContext'
-
-export interface ClassicyStoreSystemAppearanceManager extends ClassicyStoreSystemManager {
-    availableThemes?: ClassicyTheme[]
-    activeTheme: ClassicyTheme
-}
-
-export type ClassicyThemeColorPalette = [number, number, number, number, number, number, number]
-
-export type ClassicyThemeColorsWindow = {
-    border: number
-    borderOutset: number
-    borderInset: number
-    frame: number
-    title: number
-    document: number
-}
-
-export type ClassicyThemeColors = {
-    outline: number
-    select: number
-    highlight: number
-    black: number
-    white: number
-    alert: number
-    error: number
-    system: ClassicyThemeColorPalette
-    theme: ClassicyThemeColorPalette
-    window: ClassicyThemeColorsWindow
-}
-
-export type ClassicyThemeTypography = {
-    ui: string
-    uiSize: number
-    header: string
-    headerSize: number
-    body: string
-    bodySize: number
-}
-
-export type ClassicyThemeMeasurementsWindow = {
-    borderSize: number
-    controlSize: number
-    paddingSize: number
-    scrollbarSize: number
-}
-
-export type ClassicyThemeMeasurements = {
-    window: ClassicyThemeMeasurementsWindow
-}
-
-export type ClassicyThemeDesktop = {
-    iconSize: number
-    iconFontSize: number
-    backgroundImage: string
-    backgroundColor: number
-    backgroundSize: number | string
-    backgroundRepeat: string
-    backgroundPosition: string | number
-}
-
-export type ClassicyTheme = {
-    id: string
-    name: string
-    color: ClassicyThemeColors
-    typography: ClassicyThemeTypography
-    measurements: ClassicyThemeMeasurements
-    desktop: ClassicyThemeDesktop
-    sound: ClassicyThemeSound
-}
-
-const makeThemeStyle = (theme: ClassicyTheme) => {
-    return {
-        '--color-black': intToHex(theme.color.black),
-        '--color-white': intToHex(theme.color.white),
-        '--color-alert': intToHex(theme.color.alert),
-        '--color-error': intToHex(theme.color.error),
-        '--color-system-01': intToHex(theme.color.system[0]),
-        '--color-system-02': intToHex(theme.color.system[1]),
-        '--color-system-03': intToHex(theme.color.system[2]),
-        '--color-system-04': intToHex(theme.color.system[3]),
-        '--color-system-05': intToHex(theme.color.system[4]),
-        '--color-system-06': intToHex(theme.color.system[5]),
-        '--color-system-07': intToHex(theme.color.system[6]),
-        '--color-theme-01': intToHex(theme.color.theme[0]),
-        '--color-theme-02': intToHex(theme.color.theme[1]),
-        '--color-theme-03': intToHex(theme.color.theme[2]),
-        '--color-theme-04': intToHex(theme.color.theme[3]),
-        '--color-theme-05': intToHex(theme.color.theme[4]),
-        '--color-theme-06': intToHex(theme.color.theme[5]),
-        '--color-theme-07': intToHex(theme.color.theme[6]),
-        '--window-control-size': intToPx(theme.measurements.window.controlSize),
-        '--window-border-size': intToPx(theme.measurements.window.borderSize),
-        '--window-padding-size': intToPx(theme.measurements.window.paddingSize),
-        '--window-scrollbar-size': intToPx(theme.measurements.window.scrollbarSize),
-        '--desktop-icon-size': intToPx(theme.desktop.iconSize),
-        '--desktop-icon-font-size': intToPx(theme.desktop.iconFontSize),
-        '--header-font': theme.typography.header,
-        '--header-font-size': intToPx(theme.typography.headerSize),
-        '--body-font': theme.typography.body,
-        '--body-font-size': intToPx(theme.typography.bodySize),
-        '--ui-font': theme.typography.ui,
-        '--ui-font-size': intToPx(theme.typography.uiSize),
-        '--color-window-border': intToHex(theme.color.window.border),
-        '--color-window-border-outset': intToHex(theme.color.window.borderOutset),
-        '--color-window-border-inset': intToHex(theme.color.window.borderInset),
-        '--color-window-frame': intToHex(theme.color.window.frame),
-        '--color-window-title': intToHex(theme.color.window.title),
-        '--color-window-document': intToHex(theme.color.window.document),
-        '--color-outline': intToHex(theme.color.outline),
-        '--color-select': intToHex(theme.color.select),
-        '--color-highlight': intToHex(theme.color.highlight),
-        '--desktop-background-image': `url(${theme.desktop.backgroundImage})`,
-        '--desktop-background-color': intToHex(theme.desktop.backgroundColor),
-        '--desktop-background-repeat': theme.desktop.backgroundRepeat,
-        '--desktop-background-position': theme.desktop.backgroundPosition,
-        '--desktop-background-size':
-            typeof theme.desktop.backgroundSize === 'number'
-                ? intToPct(theme.desktop.backgroundSize)
-                : theme.desktop.backgroundSize,
-    }
-}
-
-export const getThemeVars = (theme: ClassicyTheme) => {
-    return makeThemeStyle(theme)
-}
-
-export const getAllThemes = (): ClassicyTheme[] => {
-    return themesData.map((t) => { return t as unknown as ClassicyTheme })
-}
-
-export const getTheme = (theme: string, overrides?: {}) => {
-    const namedThemeData = themesData.find((t) => t.id === theme) || themesData[0]
-    const updatedTheme = overrides ? mergeDeep(namedThemeData, overrides) : namedThemeData
-    return updatedTheme as ClassicyTheme
-}
-
-export const mergeDeep = (target: Record<string, any>, ...sources: any[]): Object => {
-    if (!sources.length) {
-        return target
-    }
-
-    const source = sources.shift()
-
-    const isObject = (item: Object | Array<any>) => {
-        return item && typeof item === 'object' && !Array.isArray(item)
-    }
-
-    for (const key in source) {
-        if (isObject(source[key])) {
-            if (!target[key]) {
-                Object.assign(target, {[key]: {}})
-            }
-            mergeDeep(target[key], source[key])
-        } else {
-            Object.assign(target, {[key]: source[key]})
-        }
-    }
-
-    return mergeDeep(target, ...sources)
-}