@benjos/create-boilerplate 1.0.3 → 1.3.4

package/template-vanilla/package.json

@@ -1,7 +1,7 @@
 {
-    "name": "boilerplate",
+    "name": "template-vanilla",
     "private": true,
-    "version": "1.1.0",
+    "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/readme.md

@@ -5,7 +5,8 @@ Custom boilerplate for Three.js projects with CLI scaffolding.
 ## 🚀 Quick Start
 
 ```bash
-npm create @benjos/boilerplate@latest
+npm i
+npm run dev
 ```
 
 ## ✨ Features
@@ -16,19 +17,6 @@ npm create @benjos/boilerplate@latest
 - Manager-based architecture
 - ESLint + Prettier
 
-## 📦 Usage
-
-```bash
-# Interactive
-npm create @benjos/boilerplate@latest
-
-# With name
-npm create @benjos/boilerplate@latest my-project
-
-# Current directory
-npm create @benjos/boilerplate@latest .
-```
-
 ## 🐛 Debug Mode
 
 Add `#debug` to URL: `http://localhost:5173/#debug`
@@ -38,12 +26,6 @@ Add `#debug` to URL: `http://localhost:5173/#debug`
 - `Shift + W` → Wireframe
 - `Ctrl + Click` → Center on object
 
-## 🛠️ Development
-
-CLI development: [packages/cli/README.md](packages/cli/README.md)
-
-Publishing: [docs/PUBLISHING.md](docs/PUBLISHING.md)
-
 ## 📄 License
 
 MIT

package/template-vanilla/src/experiences/Experience.ts

@@ -6,7 +6,14 @@ import MainThree from './engines/threes/MainThree';
 import LoaderManager from './managers/LoaderManager';
 
 export default class Experience {
+    private static _isInitialized = false;
+
     public static Init(): void {
+        if (Experience._isInitialized) {
+            return;
+        }
+        Experience._isInitialized = true;
+
         InitCommand.Init();
         MainHTML.Init();
         MainThree.Init();

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/constants/experiences/ViewType.ts

@@ -0,0 +1,6 @@
+export const ViewType = {
+    HTML: 'HTML',
+    THREE: 'THREE',
+} as const;
+
+export type ViewType = (typeof ViewType)[keyof typeof ViewType];

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/proxies/ViewProxy.ts

@@ -1,4 +1,5 @@
 import type { ViewId } from '../constants/experiences/ViewId';
+import { ViewType } from '../constants/experiences/ViewType';
 import type ViewBase from '../views/bases/ViewBase';
 
 type ViewConstructor<T extends ViewBase> = new (id: ViewId) => T;
@@ -27,4 +28,18 @@ export default class ViewProxy {
     public static Has(viewId: ViewId): boolean {
         return ViewProxy._Views.has(viewId);
     }
+
+    public static GetAll<T extends ViewBase>(type?: ViewType): T[] {
+        const views: T[] = [];
+
+        ViewProxy._Views.forEach((view) => {
+            if (type && type === view.type) {
+                views.push(view as T);
+            } else {
+                views.push(view as T);
+            }
+        });
+
+        return views;
+    }
 }

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/bases/ViewBase.ts

@@ -1,18 +1,23 @@
 import type { ViewId } from '../../constants/experiences/ViewId';
+import type { ViewType } from '../../constants/experiences/ViewType';
 
 export default class ViewBase {
     private readonly _id: ViewId;
+    private readonly _type: ViewType;
+    protected _isVisible: boolean;
 
-    constructor(id: ViewId) {
+    constructor(id: ViewId, type: ViewType) {
         this._id = id;
+        this._type = type;
+        this._isVisible = false;
     }
 
     protected _show(): void {
-        //
+        this._isVisible = true;
     }
 
     protected _hide(): void {
-        //
+        this._isVisible = false;
     }
 
     //#region Getters
@@ -20,6 +25,12 @@ export default class ViewBase {
     public get id(): ViewId {
         return this._id;
     }
+    public get type(): ViewType {
+        return this._type;
+    }
+    public get isVisible(): boolean {
+        return this._isVisible;
+    }
     //
     //#endregion
 }

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

@@ -1,14 +1,15 @@
-import { DomEvent } from '../../../constants/doms/DomEvent';
+import { DomUtils } from '@benjos/cookware';
+import { DomEvent } from '@benjos/spices';
 import type { ViewId } from '../../../constants/experiences/ViewId';
-import DomUtils from '../../../utils/DomUtils';
+import { ViewType } from '../../../constants/experiences/ViewType';
 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()) {
-        super(id);
+    constructor(id: ViewId, parentElement: HTMLElement = DomUtils.getApp()) {
+        super(id, ViewType.HTML);
         this._parentElement = parentElement;
         this._htmlContainer = document.createElement('div');
         this._htmlContainer.classList.add('view-html-container');

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/views/threes/bases/ThreeViewBase.ts

@@ -1,5 +1,6 @@
 import { Object3D, Scene } from 'three';
 import type { ViewId } from '../../../constants/experiences/ViewId';
+import { ViewType } from '../../../constants/experiences/ViewType';
 import MainThree from '../../../engines/threes/MainThree';
 import ViewBase from '../../bases/ViewBase';
 
@@ -8,7 +9,7 @@ export default abstract class ThreeViewBase extends ViewBase {
     protected _container: Object3D;
 
     constructor(id: ViewId, scene: Scene = MainThree.Scene) {
-        super(id);
+        super(id, ViewType.THREE);
 
         this._scene = scene;
         this._container = new Object3D();

package/template-vanilla/src/experiences/views/threes/loaders/LoaderThreeView.ts

@@ -10,6 +10,7 @@ export default class LoaderThreeView extends ThreeViewBase {
     constructor(id: ViewId) {
         super(id, MainThree.LoaderScene);
 
+        this._isVisible = true;
         this._generateLoader();
 
         LoaderManager.OnBeginLoad.add(this._onBeginLoad);

package/template-vanilla/docs/PUBLISHING.md

@@ -1,30 +0,0 @@
-# 📦 Publishing Guide
-
-## First Publish
-
-```bash
-npm login
-cd packages/cli
-npm run build
-npm publish --access public
-```
-
-## Updates
-
-```bash
-cd packages/cli
-npm version patch  # or minor/major
-npm publish --access public
-```
-
-## Version Types
-
-- `patch` → 1.0.0 → 1.0.1 (bug fixes)
-- `minor` → 1.0.0 → 1.1.0 (new features)
-- `major` → 1.0.0 → 2.0.0 (breaking changes)
-
-## Test Before Publishing
-
-```bash
-npm pack --dry-run
-```

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];