classicy 0.5.2 → 0.5.5

package/src/SystemFolder/ControlPanels/ClassicyControlPanels.tsx

@@ -1,16 +0,0 @@
-'use client'
-
-import { ClassicyAppearanceManager } from '@/SystemFolder/ControlPanels/AppearanceManager/ClassicyAppearanceManager'
-import { ClassicyDateAndTimeManager } from '@/SystemFolder/ControlPanels/DateAndTimeManager/ClassicyDateAndTimeManager'
-import { ClassicySoundManager } from '@/SystemFolder/ControlPanels/SoundManager/ClassicySoundManager'
-import React from 'react'
-
-export function ClassicyControlPanels() {
-    return (
-        <>
-            <ClassicyAppearanceManager />
-            <ClassicySoundManager />
-            <ClassicyDateAndTimeManager />
-        </>
-    )
-}

package/src/SystemFolder/ControlPanels/DateAndTimeManager/ClassicyDateAndTimeManager.tsx

@@ -1,304 +0,0 @@
-'use client'
-
-import {ActionMessage, ClassicyStore} from '@/SystemFolder/ControlPanels/AppManager/ClassicyAppManager'
-import { useDesktop, useDesktopDispatch } from '@/SystemFolder/ControlPanels/AppManager/ClassicyAppManagerContext'
-import { getClassicyAboutWindow } from '@/SystemFolder/SystemResources/AboutWindow/ClassicyAboutWindow'
-import {ClassicyApp} from '@/SystemFolder/SystemResources/App/ClassicyApp'
-import { quitAppHelper, quitMenuItemHelper } from '@/SystemFolder/SystemResources/App/ClassicyAppUtils'
-import {ClassicyButton} from '@/SystemFolder/SystemResources/Button/ClassicyButton'
-import {ClassicyDatePicker} from '@/SystemFolder/SystemResources/DatePicker/ClassicyDatePicker'
-import {ClassicyPopUpMenu} from '@/SystemFolder/SystemResources/PopUpMenu/ClassicyPopUpMenu'
-import {ClassicyRadioInput} from '@/SystemFolder/SystemResources/RadioInput/ClassicyRadioInput'
-import {ClassicyTimePicker} from '@/SystemFolder/SystemResources/TimePicker/ClassicyTimePicker'
-import {ClassicyWindow} from '@/SystemFolder/SystemResources/Window/ClassicyWindow'
-import React, { ChangeEvent, useState } from 'react'
-import {ClassicyControlGroup} from '../../SystemResources/ControlGroup/ClassicyControlGroup'
-import appIcon from 'img/icons/control-panels/date-time-manager/date-time-manager.png'
-
-export const ClassicyDateAndTimeManager: React.FC = () => {
-    const appName: string = 'Date and Time Manager'
-    const appId: string = 'DateAndTimeManager.app'
-
-    const [period, setPeriod] = useState<string>('am')
-
-    const desktopContext = useDesktop(),
-        desktopEventDispatch = useDesktopDispatch()
-
-    const [showAbout, setShowAbout] = useState(false)
-
-    const quitApp = () => {
-        desktopEventDispatch(quitAppHelper(appId, appName, appIcon))
-    }
-
-    const updateSystemTime = (updatedDate: Date) => {
-        const date = new Date(desktopContext.System.Manager.DateAndTime.dateTime)
-
-        let hoursToSet = period == 'am' ? updatedDate.getHours() : updatedDate.getHours() + 12
-        if (period == 'pm' && updatedDate.getHours() == 12) {
-            hoursToSet = 0
-        }
-        date.setHours(hoursToSet, updatedDate.getMinutes(), updatedDate.getSeconds())
-        desktopEventDispatch({
-            type: 'ClassicyManagerDateTimeSet',
-            dateTime: date,
-        })
-    }
-
-    const updateSystemDate = (updatedDate: Date) => {
-        const date = new Date(desktopContext.System.Manager.DateAndTime.dateTime)
-        date.setMonth(updatedDate.getMonth())
-        date.setDate(updatedDate.getDate())
-        date.setFullYear(updatedDate.getFullYear())
-
-        desktopEventDispatch({
-            type: 'ClassicyManagerDateTimeSet',
-            dateTime: date,
-        })
-    }
-
-    const updateSystemTimeZone = (e: ChangeEvent<HTMLSelectElement>) => {
-        setPeriod(e.target.value)
-        desktopEventDispatch({
-            type: 'ClassicyManagerDateTimeTZSet',
-            tzOffset: e.target.value,
-        })
-    }
-
-    const appMenu = [
-        {
-            id: appId + '_file',
-            title: 'File',
-            menuChildren: [quitMenuItemHelper(appId, appName, appIcon)],
-        },
-        {
-            id: appId + '_help',
-            title: 'Help',
-            menuChildren: [
-                {
-                    id: appId + '_about',
-                    title: 'About',
-                    onClickFunc: () => {
-                        setShowAbout(true)
-                    },
-                },
-            ],
-        },
-    ]
-
-    const timezones = [
-        {
-            label: 'Pacific/Midway',
-            value: '-11',
-        },
-        {
-            label: 'Pacific/Honolulu',
-            value: '-10',
-        },
-        {
-            label: 'America/Anchorage',
-            value: '-8',
-        },
-        {
-            label: 'America/Los_Angeles',
-            value: '-7',
-        },
-        {
-            label: 'America/Denver',
-            value: '-6',
-        },
-        {
-            label: 'America/Chicago',
-            value: '-5',
-        },
-        {
-            label: 'America/New_York',
-            value: '-4',
-        },
-        {
-            label: 'America/Halifax',
-            value: '-3',
-        },
-        {
-            label: 'America/Noronha',
-            value: '-2',
-        },
-        {
-            label: 'Atlantic/Cape_Verde',
-            value: '-1',
-        },
-        {
-            label: 'Africa/Monrovia',
-            value: '0',
-        },
-        {
-            label: 'Europe/London',
-            value: '1',
-        },
-        {
-            label: 'Europe/Amsterdam',
-            value: '2',
-        },
-        {
-            label: 'Europe/Athens',
-            value: '3',
-        },
-        {
-            label: 'Europe/Samara',
-            value: '4',
-        },
-        {
-            label: 'Asia/Tashkent',
-            value: '5',
-        },
-        {
-            label: 'Asia/Dhaka',
-            value: '6',
-        },
-        {
-            label: 'Asia/Bangkok',
-            value: '7',
-        },
-        {
-            label: 'Asia/Chongqing',
-            value: '8',
-        },
-        {
-            label: 'Asia/Tokyo',
-            value: '9',
-        },
-        {
-            label: 'Australia/Brisbane',
-            value: '10',
-        },
-        {
-            label: 'Australia/Canberra',
-            value: '11',
-        },
-        {
-            label: 'Pacific/Fiji',
-            value: '12',
-        },
-        {
-            label: 'Pacific/Auckland',
-            value: '13',
-        },
-        {
-            label: 'Pacific/Apia',
-            value: '14',
-        },
-    ]
-
-    const date = new Date(desktopContext.System.Manager.DateAndTime.dateTime)
-    date.setHours(date.getHours() + parseInt(desktopContext.System.Manager.DateAndTime.timeZoneOffset))
-
-    return (
-        <ClassicyApp
-            id={appId}
-            name={appName}
-            icon={appIcon}
-            defaultWindow={'DateAndTimeManager_1'}
-            openOnBoot={true}
-            noDesktopIcon={true}
-            addSystemMenu={true}
-        >
-            <ClassicyWindow
-                id={'DateAndTimeManager_1'}
-                title={appName}
-                appId={appId}
-                icon={appIcon}
-                closable={true}
-                resizable={false}
-                zoomable={false}
-                scrollable={false}
-                collapsable={false}
-                initialSize={[350, 290]}
-                initialPosition={[300, 50]}
-                modal={false}
-                appMenu={appMenu}
-            >
-                <div
-                    style={{
-                        backgroundColor: 'var(--color-system-03)',
-                        height: '100%',
-                        width: '100%',
-                        padding: 'var(--window-padding-size)',
-                        boxSizing: 'border-box',
-                    }}
-                >
-                    <div style={{ display: 'flex', flexDirection: 'row' }}>
-                        <div style={{ width: '42%' }}>
-                            <ClassicyControlGroup label={'Current Date'}>
-                                <ClassicyDatePicker
-                                    id={'date'}
-                                    labelTitle={''}
-                                    prefillValue={date}
-                                    onChangeFunc={updateSystemDate}
-                                ></ClassicyDatePicker>
-                            </ClassicyControlGroup>
-                        </div>
-                        <div style={{ width: '58%' }}>
-                            <ClassicyControlGroup label={'Current Time'}>
-                                <ClassicyTimePicker
-                                    id={'time'}
-                                    labelTitle={''}
-                                    onChangeFunc={updateSystemTime}
-                                    prefillValue={date}
-                                ></ClassicyTimePicker>
-                            </ClassicyControlGroup>
-                        </div>
-                    </div>
-                    <div style={{ display: 'flex', flexDirection: 'column' }}>
-                        <ClassicyControlGroup label={'Timezone'}>
-                            <ClassicyPopUpMenu
-                                id={'timezone'}
-                                small={false}
-                                options={timezones}
-                                onChangeFunc={updateSystemTimeZone}
-                                selected={desktopContext.System.Manager.DateAndTime.timeZoneOffset?.toString()}
-                            />
-                        </ClassicyControlGroup>
-                    </div>
-                    <div style={{ display: 'flex', flexDirection: 'column' }}>
-                        <ClassicyControlGroup label={'Time Format'}>
-                            <ClassicyRadioInput
-                                inputs={[
-                                    {
-                                        id: '12',
-                                        label: '12-Hour',
-                                        checked: true,
-                                    },
-                                    {
-                                        id: '24',
-                                        label: 'Military Time',
-                                        disabled: true,
-                                    },
-                                ]}
-                                name={'period_selector'}
-                            />
-                        </ClassicyControlGroup>
-                    </div>
-                    <ClassicyButton isDefault={false} onClickFunc={quitApp}>
-                        Quit
-                    </ClassicyButton>
-                </div>
-            </ClassicyWindow>
-            {showAbout && getClassicyAboutWindow({ appId, appName, appIcon, hideFunc: () => setShowAbout(false) })}
-        </ClassicyApp>
-    )
-}
-
-export const classicyDateTimeManagerEventHandler = (ds: ClassicyStore, action: ActionMessage) => {
-    switch (action.type) {
-        case 'ClassicyManagerDateTimeSet': {
-            const t = action.dateTime
-            t.setHours(action.dateTime.getHours())
-            ds.System.Manager.DateAndTime.dateTime = t.toISOString()
-            break
-        }
-        case 'ClassicyManagerDateTimeTZSet': {
-            ds.System.Manager.DateAndTime.timeZoneOffset = action.tzOffset
-            break
-        }
-    }
-    return ds
-}

package/src/SystemFolder/ControlPanels/SoundManager/ClassicySoundManager.scss

@@ -1,18 +0,0 @@
-.soundManagerAbout {
-  font-family: var(--header-font) serif;
-  display: flex;
-  align-content: center;
-  align-items: center;
-  flex-direction: column;
-  justify-content: center;
-  text-align: center;
-  justify-items: center;
-}
-
-.soundManagerControlGroupHolder {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  justify-content: stretch;
-  margin: calc(var(--window-padding-size)) 0;
-}

package/src/SystemFolder/ControlPanels/SoundManager/ClassicySoundManager.tsx

@@ -1,159 +0,0 @@
-'use client'
-
-import {useDesktopDispatch} from '@/SystemFolder/ControlPanels/AppManager/ClassicyAppManagerContext'
-import './ClassicySoundManager.scss'
-import {
-    ClassicySoundInfo,
-    useSound,
-    useSoundDispatch,
-} from '@/SystemFolder/ControlPanels/SoundManager/ClassicySoundManagerContext'
-import {getClassicyAboutWindow} from '@/SystemFolder/SystemResources/AboutWindow/ClassicyAboutWindow'
-import {ClassicyApp} from '@/SystemFolder/SystemResources/App/ClassicyApp'
-import {quitAppHelper, quitMenuItemHelper} from '@/SystemFolder/SystemResources/App/ClassicyAppUtils'
-import {ClassicyButton} from '@/SystemFolder/SystemResources/Button/ClassicyButton'
-import {ClassicyCheckbox} from '@/SystemFolder/SystemResources/Checkbox/ClassicyCheckbox'
-import {ClassicyControlGroup} from '@/SystemFolder/SystemResources/ControlGroup/ClassicyControlGroup'
-import {ClassicyControlLabel} from '@/SystemFolder/SystemResources/ControlLabel/ClassicyControlLabel'
-import {ClassicyDisclosure} from '@/SystemFolder/SystemResources/Disclosure/ClassicyDisclosure'
-import {ClassicyWindow} from '@/SystemFolder/SystemResources/Window/ClassicyWindow'
-import React, {useState} from 'react'
-import appIcon from 'img/icons/control-panels/sound-manager/app.png'
-
-export const ClassicySoundManager: React.FC = () => {
-    const desktopEventDispatch = useDesktopDispatch()
-
-    const playerState = useSound()
-    const player = useSoundDispatch()
-
-    const appName: string = 'Sound Manager'
-    const appId: string = 'SoundManager.app'
-
-    const [showAbout, setShowAbout] = useState(false)
-
-    const changeSounds = (checked: boolean) => {
-        player({
-            type: 'ClassicySoundDisable',
-            disabled: checked ? [] : ['*'],
-        })
-    }
-
-    const disableSounds = (checked: boolean, sound: string) => {
-        if (checked) {
-            player({
-                type: 'ClassicySoundEnableOne',
-                enabled: sound,
-            })
-        } else {
-            player({
-                type: 'ClassicySoundDisableOne',
-                disabled: sound,
-            })
-        }
-    }
-
-    const quitApp = () => {
-        desktopEventDispatch(quitAppHelper(appId, appName, appIcon))
-    }
-
-    const appMenu = [
-        {
-            id: appId + '_file',
-            title: 'File',
-            menuChildren: [quitMenuItemHelper(appId, appName, appIcon)],
-        },
-        {
-            id: appId + '_help',
-            title: 'Help',
-            menuChildren: [
-                {
-                    id: appId + '_about',
-                    title: 'About',
-                    onClickFunc: () => {
-                        setShowAbout(true)
-                    },
-                },
-            ],
-        },
-    ]
-
-    const getSoundLabelGroups = () => {
-        const soundLabelGroups = [...new Set(playerState.labels.map((item) => item.group))]
-
-        const index = soundLabelGroups.indexOf('Alert')
-        if (index !== -1) {
-            soundLabelGroups.splice(index, 1)
-        }
-        return soundLabelGroups
-    }
-
-    return (
-        <ClassicyApp
-            id={appId}
-            name={appName}
-            icon={appIcon}
-            defaultWindow={'SoundManager_1'}
-            openOnBoot={true}
-            noDesktopIcon={true}
-            addSystemMenu={true}
-        >
-            <ClassicyWindow
-                id={'SoundManager_1'}
-                title={appName}
-                appId={appId}
-                icon={appIcon}
-                closable={true}
-                resizable={false}
-                zoomable={false}
-                scrollable={false}
-                collapsable={false}
-                initialSize={[500, 0]}
-                initialPosition={[300, 50]}
-                modal={false}
-                appMenu={appMenu}
-            >
-                <div
-                    style={{
-                        backgroundColor: 'var(--color-system-03)',
-                        height: '100%',
-                        width: '100%',
-                        padding: 'var(--window-padding-size)',
-                        boxSizing: 'border-box',
-                    }}
-                >
-                    <ClassicyCheckbox
-                        id={'disable_sounds'}
-                        isDefault={true}
-                        label={'Enable Interface Sounds'}
-                        onClickFunc={changeSounds}
-                        checked={!playerState.disabled.includes('*')}
-                    />
-                    <ClassicyDisclosure label={'Disable Sounds'}>
-                        <ClassicyControlLabel label={'These settings are not currently connected.'}/>
-                        <div className={'soundManagerControlGroupHolder'}>
-                            {getSoundLabelGroups().map((group: string) => (
-                                <ClassicyControlGroup label={group} columns={true} key={appId + '_' + group}>
-                                    {playerState.labels.map(
-                                        (item: ClassicySoundInfo) =>
-                                            item.group === group && (
-                                                <ClassicyCheckbox
-                                                    key={appId + '_' + group + item.id}
-                                                    id={'enable_sound_' + item.id}
-                                                    label={item.label}
-                                                    checked={!playerState.disabled.includes('*')}
-                                                    onClickFunc={(checked: boolean) => disableSounds(checked, item.id)}
-                                                />
-                                            )
-                                    )}
-                                </ClassicyControlGroup>
-                            ))}
-                        </div>
-                    </ClassicyDisclosure>
-                    <ClassicyButton isDefault={false} onClickFunc={quitApp}>
-                        Quit
-                    </ClassicyButton>
-                </div>
-            </ClassicyWindow>
-            {showAbout && getClassicyAboutWindow({appId, appName, appIcon, hideFunc: () => setShowAbout(false)})}
-        </ClassicyApp>
-    )
-}

package/src/SystemFolder/ControlPanels/SoundManager/ClassicySoundManagerContext.tsx

@@ -1,196 +0,0 @@
-import {ClassicyStoreSystemManager} from '@/SystemFolder/ControlPanels/AppManager/ClassicyAppManager'
-import {Howl} from 'howler'
-import React, {createContext, type Dispatch, useContext, useReducer} from 'react'
-import soundData from "snd/platinum/platinum.json";
-import soundLabels from './ClassicySoundManagerLabels.json'
-
-export const createSoundPlayer = ({soundData, options}: SoundPlayer): Howl | null => {
-    if ('src' in soundData && 'sprite' in soundData) {
-        return new Howl({
-            src: soundData.src,
-            sprite: soundData.sprite,
-            ...options,
-        })
-    }
-    return null
-}
-
-export const initialPlayer = {
-    soundPlayer: createSoundPlayer({soundData: soundData}),
-    disabled: [],
-    labels: soundLabels,
-    volume: 100,
-}
-
-
-export const ClassicySoundManagerContext = createContext<ClassicySoundState>(initialPlayer)
-export const ClassicySoundDispatchContext = createContext<Dispatch<any>>((() => undefined) as Dispatch<any>)
-
-export interface ClassicyStoreSystemSoundManager extends ClassicyStoreSystemManager {
-    volume: number
-    labels: Record<string, { group: string; label: string; description: string }>
-    disabled: string[]
-}
-
-export type ClassicyThemeSound = {
-    file: string
-    disabled: string[]
-}
-
-export type ClassicySoundInfo = {
-    id: string
-    group: string
-    label: string
-    description: string
-}
-
-type ClassicySoundState = {
-    soundPlayer: Howl | null
-    disabled: string[]
-    labels: ClassicySoundInfo[]
-    volume?: number
-}
-
-enum ClassicySoundActionTypes {
-    ClassicySoundStop,
-    ClassicySoundPlay,
-    ClassicySoundPlayInterrupt,
-    ClassicySoundPlayError,
-    ClassicySoundLoad,
-    ClassicySoundSet,
-    ClassicySoundDisable,
-    ClassicySoundDisableOne,
-    ClassicySoundEnableOne,
-    ClassicyVolumeSet,
-}
-
-interface ClassicySoundAction {
-    type: ClassicySoundActionTypes
-    sound?: string
-    file?: SoundData
-    disabled?: string | string[]
-    enabled?: string | string[]
-    soundPlayer?: any
-}
-
-interface SoundData {
-    src: string[]
-    sprite: Record<string, any>
-}
-
-interface SoundPlayer {
-    soundData: SoundData
-    options?: Record<string, any>
-}
-
-export const loadSoundTheme = (soundTheme: SoundData): Howl | null => {
-    return createSoundPlayer({soundData: soundTheme})
-}
-
-export function useSound() {
-    return useContext(ClassicySoundManagerContext)
-}
-
-export function useSoundDispatch() {
-    return useContext(ClassicySoundDispatchContext)
-}
-
-const playerCanPlayInterrupt = ({disabled, soundPlayer}: ClassicySoundState, sound: string) => {
-    return !disabled.includes('*') && !disabled.includes(sound) && soundPlayer
-}
-
-const playerCanPlay = (ss: ClassicySoundState, sound: string) => {
-    return playerCanPlayInterrupt(ss, sound) && !ss.soundPlayer?.playing()
-}
-
-export const ClassicySoundStateEventReducer = (ss: ClassicySoundState, action: ClassicySoundAction) => {
-    if ('debug' in action) {
-        console.group('Sound Event')
-        console.log('Action: ', action)
-        console.log('Start State: ', ss)
-    }
-
-    const validatedAction = ClassicySoundActionTypes[action.type as unknown as keyof typeof ClassicySoundActionTypes]
-    switch (validatedAction) {
-        case ClassicySoundActionTypes.ClassicySoundStop: {
-            ss.soundPlayer?.stop()
-            break
-        }
-        case ClassicySoundActionTypes.ClassicySoundPlay: {
-            if (action.sound && playerCanPlay(ss, action.sound)) {
-                ss.soundPlayer?.play(action.sound)
-            }
-            break
-        }
-        case ClassicySoundActionTypes.ClassicySoundPlayInterrupt: {
-            if (action.sound && playerCanPlayInterrupt(ss, action.sound)) {
-                ss.soundPlayer?.stop()
-                ss.soundPlayer?.play(action.sound)
-            }
-            break
-        }
-        case ClassicySoundActionTypes.ClassicySoundPlayError: {
-            if (action.sound && playerCanPlayInterrupt(ss, action.sound)) {
-                ss.soundPlayer?.stop()
-                ss.soundPlayer?.play(action.sound || 'ClassicyAlertWildEep')
-            }
-            break
-        }
-        case ClassicySoundActionTypes.ClassicySoundLoad: {
-            if (action.file) {
-                ss.soundPlayer = loadSoundTheme(action.file)
-            }
-
-            if (action.disabled) {
-                ss.disabled = Array.isArray(action.disabled) ? action.disabled : [action.disabled]
-            }
-
-            break
-        }
-        case ClassicySoundActionTypes.ClassicySoundSet: {
-            ss.soundPlayer = action.soundPlayer
-            break
-        }
-        case ClassicySoundActionTypes.ClassicyVolumeSet: {
-            ss.soundPlayer = action.soundPlayer
-            break
-        }
-        case ClassicySoundActionTypes.ClassicySoundDisable: {
-            if (action.disabled) {
-                ss.disabled = Array.isArray(action.disabled) ? action.disabled : [action.disabled]
-            }
-            break
-        }
-        case ClassicySoundActionTypes.ClassicySoundDisableOne: {
-            if (action.disabled) {
-                let disabled = Array.isArray(action.disabled) ? action.disabled : [action.disabled]
-                ss.disabled.push(...disabled)
-                ss.disabled = Array.from(new Set(ss.disabled))
-            }
-            break
-        }
-        case ClassicySoundActionTypes.ClassicySoundEnableOne: {
-            let enabled = Array.isArray(action.enabled) ? action.enabled : [action.enabled]
-            ss.disabled = ss.disabled.filter((item) => !enabled.includes(item))
-            break
-        }
-    }
-    if ('debug' in action) {
-        console.log('End State: ', ss)
-        console.groupEnd()
-    }
-
-    return ss
-}
-
-export const ClassicySoundManagerProvider: React.FC<{ children: any }> = ({children}) => {
-    const [sound, soundDispatch] = useReducer(ClassicySoundStateEventReducer, initialPlayer)
-
-    return (
-        <ClassicySoundManagerContext.Provider value={sound}>
-            <ClassicySoundDispatchContext.Provider value={soundDispatch}>
-                {children}
-            </ClassicySoundDispatchContext.Provider>
-        </ClassicySoundManagerContext.Provider>
-    )
-}