@benjos/create-boilerplate 1.3.2 → 1.3.4

package/template-vanilla/package.json

@@ -1,7 +1,7 @@
 {
-    "name": "boilerplate",
+    "name": "template-vanilla",
     "private": true,
-    "version": "1.3.2",
+    "version": "1.3.4",
     "type": "module",
     "scripts": {
         "dev": "vite",
@@ -13,26 +13,27 @@
         "format:check": "prettier --check ."
     },
     "devDependencies": {
-        "@eslint/js": "^9.39.1",
-        "@types/eslint__js": "^8.42.3",
+        "@eslint/js": "^9.39.2",
         "@types/howler": "^2.2.12",
-        "@types/three": "^0.181.0",
-        "eslint": "^9.39.1",
+        "@types/three": "^0.182.0",
+        "eslint": "^9.39.2",
         "eslint-config-prettier": "^10.1.8",
         "eslint-plugin-prettier": "^5.5.4",
         "prettier": "^3.7.4",
-        "sass-embedded": "^1.93.3",
+        "sass-embedded": "^1.97.1",
         "three-perf": "^1.0.11",
         "typescript": "~5.9.3",
-        "typescript-eslint": "^8.49.0",
-        "vite": "^7.2.7",
+        "typescript-eslint": "^8.50.1",
+        "vite": "^7.3.0",
         "vite-plugin-glsl": "^1.5.5"
     },
     "dependencies": {
+        "@benjos/cookware": "^1.0.0",
+        "@benjos/spices": "^1.0.1",
         "@dimforge/rapier3d": "^0.19.3",
-        "gsap": "^3.14.1",
+        "gsap": "^3.14.2",
         "howler": "^2.2.4",
         "lil-gui": "^0.21.0",
-        "three": "^0.181.2"
+        "three": "^0.182.0"
     }
-}
+}

package/template-vanilla/src/experiences/cameras/threes/DebugThreeCameraController.ts

@@ -1,6 +1,6 @@
+import { KeyboardConstant } from '@benjos/spices';
 import { Vector3 } from 'three';
 import { OrbitControls } from 'three/examples/jsm/Addons.js';
-import { KeyboardConstant } from '../../constants/doms/KeyboardConstant';
 import { CameraId } from '../../constants/experiences/CameraId';
 import { CameraType } from '../../constants/experiences/CameraType';
 import MainThree from '../../engines/threes/MainThree';
@@ -21,7 +21,7 @@ export default class DebugThreeCameraController extends ThreeCameraControllerBas
     };
     private static readonly _DEFAULT_CAMERA_POSITION: Vector3 = new Vector3(0, 1.5, 3);
     private static readonly _CONTROLS_DAMPING_FACTOR: number = 0.05;
-    private static readonly _CONTROLS_CENTER_KEY: string = KeyboardConstant.Codes.ControlLeft;
+    private static readonly _CONTROLS_CENTER_KEY: string = KeyboardConstant.CODES.CONTROL_LEFT;
     //
     //#endregion
 

package/template-vanilla/src/experiences/commands/InitCommand.ts

@@ -1,3 +1,4 @@
+import { AssetUtils } from '@benjos/cookware';
 import { AssetId } from '../constants/experiences/AssetId';
 import DebugManager from '../managers/DebugManager';
 import { KeyboardManager } from '../managers/KeyboardManager';
@@ -9,16 +10,20 @@ import ThreeCameraControllerManager from '../managers/threes/ThreeCameraControll
 import ThreeRaycasterManager from '../managers/threes/ThreeRaycasterManager';
 import TickerManager from '../managers/TickerManager';
 import ViewProxy from '../proxies/ViewProxy';
-import AssetUtils from '../utils/AssetUtils';
 
 export default class InitCommand {
     public static Init(): void {
+        InitCommand._InitUtils();
         InitCommand._InitProxies();
         InitCommand._InitManagers();
         InitCommand._InitCommon();
         InitCommand._InitThree();
     }
 
+    private static _InitUtils(): void {
+        AssetUtils.init();
+    }
+
     private static _InitProxies(): void {
         ViewProxy.Init();
     }
@@ -40,9 +45,9 @@ export default class InitCommand {
     }
 
     private static _InitThree(): void {
-        ThreeAssetsManager.AddHDR(AssetId.THREE_HDR_TEMPLATE, AssetUtils.GetPath('hdrs/template.hdr'));
-        ThreeAssetsManager.AddModel(AssetId.THREE_GLTF_TEMPLATE, AssetUtils.GetPath('models/template.glb'));
-        ThreeAssetsManager.AddTexture(AssetId.THREE_TEXTURE_TEMPLATE, AssetUtils.GetPath('textures/template.jpg'));
-        ThreeAssetsManager.AddFont(AssetId.THREE_FONT_TEMPLATE, AssetUtils.GetPath('fonts/template.typeface.json'));
+        ThreeAssetsManager.AddHDR(AssetId.THREE_HDR_TEMPLATE, AssetUtils.getPath('hdrs/template.hdr'));
+        ThreeAssetsManager.AddModel(AssetId.THREE_GLTF_TEMPLATE, AssetUtils.getPath('models/template.glb'));
+        ThreeAssetsManager.AddTexture(AssetId.THREE_TEXTURE_TEMPLATE, AssetUtils.getPath('textures/template.jpg'));
+        ThreeAssetsManager.AddFont(AssetId.THREE_FONT_TEMPLATE, AssetUtils.getPath('fonts/template.typeface.json'));
     }
 }

package/template-vanilla/src/experiences/engines/threes/MainThree.ts

@@ -1,9 +1,10 @@
+import { DomUtils } from '@benjos/cookware';
+import { KeyboardConstant } from '@benjos/spices';
 import { MeshStandardMaterial, Scene } from 'three';
 import type ThreeCameraControllerBase from '../../cameras/threes/bases/ThreeCameraControllerBase';
 import DebugThreeCameraController from '../../cameras/threes/DebugThreeCameraController';
 import LoaderThreeCameraController from '../../cameras/threes/LoaderThreeCameraController';
 import MainThreeCameraController from '../../cameras/threes/MainThreeCameraController';
-import { KeyboardConstant } from '../../constants/doms/KeyboardConstant';
 import { CameraId } from '../../constants/experiences/CameraId';
 import { ViewId } from '../../constants/experiences/ViewId';
 import DebugManager from '../../managers/DebugManager';
@@ -15,7 +16,6 @@ import ViewProxy from '../../proxies/ViewProxy';
 import WebGLRendererBase from '../../renderers/threes/bases/WebGLRendererBase';
 import LoaderRenderer from '../../renderers/threes/LoaderRenderer';
 import Renderer from '../../renderers/threes/Renderer';
-import DomUtils from '../../utils/DomUtils';
 import LoaderThreeView from '../../views/threes/loaders/LoaderThreeView';
 import WorldThreeView from '../../views/threes/worlds/WorldThreeView';
 
@@ -33,12 +33,12 @@ export default class MainThree {
     //
     private static readonly _DEBUG_WIREFRAME_MATERIAL_COLOR: number = 0x3f79f3;
     private static readonly _TOGGLE_SWITCH_TO_DEBUG_CAMERA_KEYS: string[] = [
-        KeyboardConstant.Codes.ShiftLeft,
-        KeyboardConstant.Codes.KeyC,
+        KeyboardConstant.CODES.SHIFT_LEFT,
+        KeyboardConstant.CODES.KEY_C,
     ];
     private static readonly _TOGGLE_WIREFRAME_KEYS: string[] = [
-        KeyboardConstant.Codes.ShiftLeft,
-        KeyboardConstant.Codes.KeyW,
+        KeyboardConstant.CODES.SHIFT_LEFT,
+        KeyboardConstant.CODES.KEY_W,
     ];
     //
     //#endregion
@@ -46,8 +46,8 @@ export default class MainThree {
     public static Init(): void {
         TickerManager.Add(MainThree.Update);
 
-        MainThree._DomElementContainer = DomUtils.GetApp();
-        MainThree._LoaderDomElementContainer = DomUtils.GetLoader();
+        MainThree._DomElementContainer = DomUtils.getApp();
+        MainThree._LoaderDomElementContainer = DomUtils.getLoader();
 
         MainThree._GenerateScenes();
         MainThree._GenerateCameras();

package/template-vanilla/src/experiences/managers/DebugManager.ts

@@ -1,6 +1,6 @@
+import { KeyboardConstant } from '@benjos/spices';
 import GUI from 'lil-gui';
 import { ThreePerf } from 'three-perf';
-import { KeyboardConstant } from '../constants/doms/KeyboardConstant';
 import MainThree from '../engines/threes/MainThree';
 import { KeyboardManager } from './KeyboardManager';
 
@@ -16,8 +16,8 @@ export default class DebugManager {
     private static readonly _THREE_PERF_ANCHOR_X: 'left' | 'right' = 'left';
     private static readonly _THREE_PERF_ANCHOR_Y: 'top' | 'bottom' = 'bottom';
     private static readonly _TOGGLE_HIDDEN_KEYS: string[] = [
-        KeyboardConstant.Codes.ShiftLeft,
-        KeyboardConstant.Codes.KeyH,
+        KeyboardConstant.CODES.SHIFT_LEFT,
+        KeyboardConstant.CODES.KEY_H,
     ];
     //
     //#endregion

package/template-vanilla/src/experiences/managers/KeyboardManager.ts

@@ -1,5 +1,5 @@
-import { DomEvent } from '../constants/doms/DomEvent';
-import Action from '../tools/Action';
+import { Action } from '@benjos/cookware';
+import { DomEvent } from '@benjos/spices';
 
 export class KeyboardManager {
     private static readonly _KeyDownsMap = new Map<string, boolean>();

package/template-vanilla/src/experiences/managers/LoaderManager.ts

@@ -1,4 +1,4 @@
-import Action from '../tools/Action';
+import { Action } from '@benjos/cookware';
 import ThreeAssetsManager from './threes/ThreeAssetsManager';
 
 export default class LoaderManager {

package/template-vanilla/src/experiences/managers/MouseManager.ts

@@ -1,5 +1,5 @@
-import { DomEvent } from '../constants/doms/DomEvent';
-import Action from '../tools/Action';
+import { Action } from '@benjos/cookware';
+import { DomEvent } from '@benjos/spices';
 
 export default class MouseManager {
     private static _X = 0;

package/template-vanilla/src/experiences/managers/ResizeManager.ts

@@ -1,4 +1,4 @@
-import Action from '../tools/Action';
+import { Action } from '@benjos/cookware';
 import TickerManager from './TickerManager';
 
 export class ResizeManager {

package/template-vanilla/src/experiences/managers/threes/ThreeAssetsManager.ts

@@ -1,3 +1,4 @@
+import { Action, AssetUtils } from '@benjos/cookware';
 import {
     DataTexture,
     EquirectangularRefractionMapping,
@@ -12,8 +13,6 @@ import {
 import { DRACOLoader, Font, FontLoader, GLTFLoader, HDRLoader, type GLTF } from 'three/examples/jsm/Addons.js';
 import type { AssetId } from '../../constants/experiences/AssetId';
 import { AssetType } from '../../constants/experiences/AssetType';
-import Action from '../../tools/Action';
-import AssetUtils from '../../utils/AssetUtils';
 import LoaderManager from '../LoaderManager';
 
 export interface IThreeAssetToLoad {
@@ -25,7 +24,7 @@ export interface IThreeAssetToLoad {
     totalSize: number;
 }
 
-export interface IThreeAssetOption {}
+export interface IThreeAssetOption { }
 
 export interface IThreeTextureOption extends IThreeAssetOption {
     colorSpace?: ColorSpace;
@@ -41,9 +40,9 @@ export interface IThreeHDROption extends IThreeAssetOption {
     colorSpace?: ColorSpace;
 }
 
-export interface IThreeModelOption extends IThreeAssetOption {}
+export interface IThreeModelOption extends IThreeAssetOption { }
 
-export interface IThreeFontOption extends IThreeAssetOption {}
+export interface IThreeFontOption extends IThreeAssetOption { }
 
 export default class ThreeAssetsManager {
     private static readonly _Assets: Map<string, Texture | DataTexture | GLTF | Font> = new Map<
@@ -80,7 +79,7 @@ export default class ThreeAssetsManager {
     //#endregion
 
     public static Init(): void {
-        ThreeAssetsManager._DracoLoader.setDecoderPath(AssetUtils.GetPath(ThreeAssetsManager._DRACO_LOADER_PATH));
+        ThreeAssetsManager._DracoLoader.setDecoderPath(AssetUtils.getPath(ThreeAssetsManager._DRACO_LOADER_PATH));
         ThreeAssetsManager._GltfLoader.setDRACOLoader(ThreeAssetsManager._DracoLoader);
         ThreeAssetsManager._AddCallbacks();
     }

package/template-vanilla/src/experiences/managers/threes/ThreeCameraControllerManager.ts

@@ -1,6 +1,6 @@
+import { Action } from '@benjos/cookware';
 import type ThreeCameraControllerBase from '../../cameras/threes/bases/ThreeCameraControllerBase';
 import type { CameraId } from '../../constants/experiences/CameraId';
-import Action from '../../tools/Action';
 
 export default class ThreeCameraControllerManager {
     private static readonly _ThreeCameraControllers = new Map<CameraId, ThreeCameraControllerBase>();

package/template-vanilla/src/experiences/types/global.d.ts

@@ -1,4 +1,4 @@
-import type { Experience } from './experience';
+import type Experience from '../Experience';
 
 declare global {
     interface Window {
@@ -6,4 +6,5 @@ declare global {
     }
 }
 
-export {};
+export { };
+

package/template-vanilla/src/experiences/views/htmls/bases/HTMLViewBase.ts

@@ -1,14 +1,14 @@
-import { DomEvent } from '../../../constants/doms/DomEvent';
+import { DomUtils } from '@benjos/cookware';
+import { DomEvent } from '@benjos/spices';
 import type { ViewId } from '../../../constants/experiences/ViewId';
 import { ViewType } from '../../../constants/experiences/ViewType';
-import DomUtils from '../../../utils/DomUtils';
 import ViewBase from '../../bases/ViewBase';
 
 export default abstract class HTMLViewBase extends ViewBase {
     private readonly _parentElement: HTMLElement;
     protected readonly _htmlContainer: HTMLDivElement;
 
-    constructor(id: ViewId, parentElement: HTMLElement = DomUtils.GetApp()) {
+    constructor(id: ViewId, parentElement: HTMLElement = DomUtils.getApp()) {
         super(id, ViewType.HTML);
         this._parentElement = parentElement;
         this._htmlContainer = document.createElement('div');

package/template-vanilla/src/experiences/views/htmls/loaders/LoaderHTMLView.ts

@@ -1,6 +1,6 @@
+import { DomUtils } from '@benjos/cookware';
 import { ViewId } from '../../../constants/experiences/ViewId';
 import LoaderManager from '../../../managers/LoaderManager';
-import DomUtils from '../../../utils/DomUtils';
 import HTMLViewBase from '../bases/HTMLViewBase';
 import HTMLTemplateLoader from './components/HTMLTemplateLoader';
 
@@ -8,7 +8,7 @@ export default class LoaderHTMLView extends HTMLViewBase {
     declare private _htmlLoader: HTMLTemplateLoader;
 
     constructor(id: ViewId) {
-        super(id, DomUtils.GetLoader());
+        super(id, DomUtils.getLoader());
 
         this._generateLoader();
 
@@ -19,7 +19,7 @@ export default class LoaderHTMLView extends HTMLViewBase {
     private _generateLoader(): void {
         this._htmlLoader = new HTMLTemplateLoader();
         this._htmlContainer.appendChild(this._htmlLoader.htmlElement);
-        DomUtils.GetLoader().appendChild(this._htmlContainer);
+        DomUtils.getLoader().appendChild(this._htmlContainer);
     }
 
     private readonly _onBeginLoad = (): void => {

package/template-vanilla/src/experiences/constants/doms/DomEvent.ts

@@ -1,100 +0,0 @@
-export const DomEvent = {
-    // Mouse Events
-    CLICK: 'click',
-    DOUBLE_CLICK: 'dblclick',
-    MOUSE_DOWN: 'mousedown',
-    MOUSE_UP: 'mouseup',
-    MOUSE_MOVE: 'mousemove',
-    MOUSE_ENTER: 'mouseenter',
-    MOUSE_LEAVE: 'mouseleave',
-    MOUSE_WHEEL: 'wheel',
-    CONTEXT_MENU: 'contextmenu',
-
-    // Pointer Events
-    POINTER_DOWN: 'pointerdown',
-    POINTER_MOVE: 'pointermove',
-    POINTER_UP: 'pointerup',
-    POINTER_ENTER: 'pointerenter',
-    POINTER_LEAVE: 'pointerleave',
-    POINTER_CANCEL: 'pointercancel',
-
-    // Touch Events
-    TOUCH_START: 'touchstart',
-    TOUCH_MOVE: 'touchmove',
-    TOUCH_END: 'touchend',
-    TOUCH_CANCEL: 'touchcancel',
-
-    // Keyboard Events
-    KEY_DOWN: 'keydown',
-    KEY_UP: 'keyup',
-    KEY_PRESS: 'keypress',
-
-    // Focus Events
-    FOCUS: 'focus',
-    BLUR: 'blur',
-    FOCUS_IN: 'focusin',
-    FOCUS_OUT: 'focusout',
-
-    // Form Events
-    CHANGE: 'change',
-    INPUT: 'input',
-    SUBMIT: 'submit',
-    RESET: 'reset',
-
-    // Document Events
-    FULLSCREEN_CHANGE: 'fullscreenchange',
-    FULLSCREEN_ERROR: 'fullscreenerror',
-    VISIBILITY_CHANGE: 'visibilitychange',
-
-    // Window Events
-    DOM_CONTENT_LOADED: 'DOMContentLoaded',
-    READY_STATE_CHANGE: 'readystatechange',
-    ERROR: 'error',
-    LOAD: 'load',
-    UNLOAD: 'unload',
-    BEFORE_UNLOAD: 'beforeunload',
-    RESIZE: 'resize',
-    SCROLL: 'scroll',
-
-    // Clipboard Events
-    CUT: 'cut',
-    COPY: 'copy',
-    PASTE: 'paste',
-
-    // Drag and Drop Events
-    DRAG: 'drag',
-    DRAG_START: 'dragstart',
-    DRAG_END: 'dragend',
-    DRAG_ENTER: 'dragenter',
-    DRAG_LEAVE: 'dragleave',
-    DRAG_OVER: 'dragover',
-    DROP: 'drop',
-
-    // Media Events
-    PLAY: 'play',
-    PAUSE: 'pause',
-    ENDED: 'ended',
-    CAN_PLAY: 'canplay',
-    TIME_UPDATE: 'timeupdate',
-
-    // Animation Events
-    ANIMATION_START: 'animationstart',
-    ANIMATION_END: 'animationend',
-    ANIMATION_ITERATION: 'animationiteration',
-
-    // Transition Events
-    TRANSITION_START: 'transitionstart',
-    TRANSITION_END: 'transitionend',
-    TRANSITION_CANCEL: 'transitioncancel',
-
-    // Other Events
-    BEFORE_PRINT: 'beforeprint',
-    AFTER_PRINT: 'afterprint',
-    HASH_CHANGE: 'hashchange',
-    POP_STATE: 'popstate',
-    STORAGE: 'storage',
-    ONLINE: 'online',
-    OFFLINE: 'offline',
-} as const;
-
-export type DomEvent = (typeof DomEvent)[keyof typeof DomEvent];

package/template-vanilla/src/experiences/constants/doms/KeyboardConstant.ts

@@ -1,250 +0,0 @@
-export const KeyboardConstant = {
-    Keys: {
-        Backspace: 'Backspace',
-        Tab: 'Tab',
-        Enter: 'Enter',
-        Shift: 'Shift',
-        Control: 'Control',
-        Alt: 'Alt',
-        Pause: 'Pause',
-        CapsLock: 'CapsLock',
-        Escape: 'Escape',
-        Space: '',
-        PageUp: 'PageUp',
-        PageDown: 'PageDown',
-        End: 'End',
-        Home: 'Home',
-        ArrowLeft: 'ArrowLeft',
-        ArrowUp: 'ArrowUp',
-        ArrowRight: 'ArrowRight',
-        ArrowDown: 'ArrowDown',
-        PrintScreen: 'PrintScreen',
-        Insert: 'Insert',
-        Delete: 'Delete',
-        Digit0: '0',
-        Digit1: '1',
-        Digit2: '2',
-        Digit3: '3',
-        Digit4: '4',
-        Digit5: '5',
-        Digit6: '6',
-        Digit7: '7',
-        Digit8: '8',
-        Digit9: '9',
-        A: 'A',
-        B: 'B',
-        C: 'C',
-        D: 'D',
-        E: 'E',
-        F: 'F',
-        G: 'G',
-        H: 'H',
-        I: 'I',
-        J: 'J',
-        K: 'K',
-        L: 'L',
-        M: 'M',
-        N: 'N',
-        O: 'O',
-        P: 'P',
-        Q: 'Q',
-        R: 'R',
-        S: 'S',
-        T: 'T',
-        U: 'U',
-        V: 'V',
-        W: 'W',
-        X: 'X',
-        Y: 'Y',
-        Z: 'Z',
-        a: 'a',
-        b: 'b',
-        c: 'c',
-        d: 'd',
-        e: 'e',
-        f: 'f',
-        g: 'g',
-        h: 'h',
-        i: 'i',
-        j: 'j',
-        k: 'k',
-        l: 'l',
-        m: 'm',
-        n: 'n',
-        o: 'o',
-        p: 'p',
-        q: 'q',
-        r: 'r',
-        s: 's',
-        t: 't',
-        u: 'u',
-        v: 'v',
-        w: 'w',
-        x: 'x',
-        y: 'y',
-        z: 'z',
-        Meta: 'Meta',
-        ContextMenu: 'ContextMenu',
-        AudioVolumeMute: 'AudioVolumeMute',
-        AudioVolumeDown: 'AudioVolumeDown',
-        AudioVolumeUp: 'AudioVolumeUp',
-        F1: 'F1',
-        F2: 'F2',
-        F3: 'F3',
-        F4: 'F4',
-        F5: 'F5',
-        F6: 'F6',
-        F7: 'F7',
-        F8: 'F8',
-        F9: 'F9',
-        F10: 'F10',
-        F11: 'F11',
-        F12: 'F12',
-        NumLock: 'NumLock',
-        ScrollLock: 'ScrollLock',
-        Semicolon: ';',
-        Equal: ':',
-        Comma: ',',
-        Minus: '-',
-        Period: '.',
-        Slash: '/',
-        Backquote: '`',
-        BracketLeft: '[',
-        Backslash: '\\',
-        BracketRight: ']',
-        Quote: "'",
-        Tilde: '~',
-        Exclamation: '!',
-        At: '@',
-        Sharp: '#',
-        Dollar: '$',
-        Percent: '%',
-        Caret: '^',
-        Ampersand: '&',
-        Asterisk: '*',
-        ParenthesisLeft: '(',
-        ParenthesisRight: ')',
-        Underscore: '_',
-        Plus: '+',
-        OpenBrace: '{',
-        CloseBrace: '}',
-        Pipe: '|',
-        Colon: ':',
-        Quote2: '"',
-        AngleBracketLeft: '<',
-        AngleBracketRight: '>',
-        QuestionMark: '?',
-    },
-
-    Codes: {
-        Backspace: 'Backspace',
-        Tab: 'Tab',
-        Enter: 'Enter',
-        ShiftLeft: 'ShiftLeft',
-        ShiftRight: 'ShiftRight',
-        ControlLeft: 'ControlLeft',
-        ControlRight: 'ControlRight',
-        AltLeft: 'AltLeft',
-        AltRight: 'AltRight',
-        Pause: 'Pause',
-        CapsLock: 'CapsLock',
-        Escape: 'Escape',
-        Space: 'Space',
-        PageUp: 'PageUp',
-        PageDown: 'PageDown',
-        End: 'End',
-        Home: 'Home',
-        ArrowLeft: 'ArrowLeft',
-        ArrowUp: 'ArrowUp',
-        ArrowRight: 'ArrowRight',
-        ArrowDown: 'ArrowDown',
-        PrintScreen: 'PrintScreen',
-        Insert: 'Insert',
-        Delete: 'Delete',
-        Digit0: 'Digit0',
-        Digit1: 'Digit1',
-        Digit2: 'Digit2',
-        Digit3: 'Digit3',
-        Digit4: 'Digit4',
-        Digit5: 'Digit5',
-        Digit6: 'Digit6',
-        Digit7: 'Digit7',
-        Digit8: 'Digit8',
-        Digit9: 'Digit9',
-        AudioVolumeMute: 'AudioVolumeMute',
-        AudioVolumeDown: 'AudioVolumeDown',
-        AudioVolumeUp: 'AudioVolumeUp',
-        KeyA: 'KeyA',
-        KeyB: 'KeyB',
-        KeyC: 'KeyC',
-        KeyD: 'KeyD',
-        KeyE: 'KeyE',
-        KeyF: 'KeyF',
-        KeyG: 'KeyG',
-        KeyH: 'KeyH',
-        KeyI: 'KeyI',
-        KeyJ: 'KeyJ',
-        KeyK: 'KeyK',
-        KeyL: 'KeyL',
-        KeyM: 'KeyM',
-        KeyN: 'KeyN',
-        KeyO: 'KeyO',
-        KeyP: 'KeyP',
-        KeyQ: 'KeyQ',
-        KeyR: 'KeyR',
-        KeyS: 'KeyS',
-        KeyT: 'KeyT',
-        KeyU: 'KeyU',
-        KeyV: 'KeyV',
-        KeyW: 'KeyW',
-        KeyX: 'KeyX',
-        KeyY: 'KeyY',
-        KeyZ: 'KeyZ',
-        MetaLeft: 'MetaLeft',
-        MetaRight: 'MetaRight',
-        ContextMenu: 'ContextMenu',
-        Numpad0: 'Numpad0',
-        Numpad1: 'Numpad1',
-        Numpad2: 'Numpad2',
-        Numpad3: 'Numpad3',
-        Numpad4: 'Numpad4',
-        Numpad5: 'Numpad5',
-        Numpad6: 'Numpad6',
-        Numpad7: 'Numpad7',
-        Numpad8: 'Numpad8',
-        Numpad9: 'Numpad9',
-        NumpadMultiply: 'NumpadMultiply',
-        NumpadAdd: 'NumpadAdd',
-        NumpadSubtract: 'NumpadSubtract',
-        NumpadDecimal: 'NumpadDecimal',
-        NumpadDivide: 'NumpadDivide',
-        NumpadEnter: 'NumpadEnter',
-        F1: 'F1',
-        F2: 'F2',
-        F3: 'F3',
-        F4: 'F4',
-        F5: 'F5',
-        F6: 'F6',
-        F7: 'F7',
-        F8: 'F8',
-        F9: 'F9',
-        F10: 'F10',
-        F11: 'F11',
-        F12: 'F12',
-        NumLock: 'NumLock',
-        ScrollLock: 'ScrollLock',
-        Semicolon: 'Semicolon',
-        Equal: 'Equal',
-        Comma: 'Comma',
-        Minus: 'Minus',
-        Period: 'Period',
-        Slash: 'Slash',
-        Backquote: 'Backquote',
-        BracketLeft: 'BracketLeft',
-        Backslash: 'Backslash',
-        BracketRight: 'BracketRight',
-        Quote: 'Quote',
-    },
-} as const;
-
-export type KeyboardConstant = (typeof KeyboardConstant)[keyof typeof KeyboardConstant];