@benjos/create-boilerplate 1.5.0 → 1.5.2

package/README.md

@@ -19,15 +19,16 @@ npm create @benjos/boilerplate@latest .
 
 Choose your framework:
 - **Vanilla** → Three.js + TypeScript + HTML views
-- **React** → Three.js + TypeScript + React components
+- **Vue** → Three.js + TypeScript + Vue components
 
 Both templates include:
 - ⚡ Vite for fast development
 - 🎨 GLSL shader support (vite-plugin-glsl)
-- 🐛 Debug mode with lil-gui
-- 📦 Manager-based architecture (Loader, Ticker, Keyboard, Mouse, etc.)
-- 🎯 ViewProxy system for managing views
-- 🎭 Three.js scene management
+- 🐛 Debug mode with lil-gui (DebugManager)
+- 📦 Singleton-based manager architecture (Loader, Debug, Assets, Raycaster, etc.)
+- 🔄 Lazy loading with animated transitions between views
+- 🎭 Multi-view system (HTML views + Three.js views with dispose/cleanup)
+- 🎬 ThreeApp architecture (LoaderThreeApp, MainThreeApp)
 - 📝 TypeScript + ESLint + Prettier
 
 ## 🔧 Development

package/dist/index.js

@@ -9,6 +9,10 @@ import { fileURLToPath } from 'url';
 const __filename = fileURLToPath(import.meta.url);
 // eslint-disable-next-line @typescript-eslint/naming-convention
 const __dirname = path.dirname(__filename);
+// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+const pkg = await fs.readJson(path.join(__dirname, '..', 'package.json'));
+// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+const version = pkg.version;
 async function createProject(projectNameArg) {
     console.log(chalk.cyan.bold('\n🚀 Welcome to @benjos/boilerplate!\n'));
     const answers = await inquirer.prompt([
@@ -78,7 +82,7 @@ async function createProject(projectNameArg) {
 program
     .name('create-boilerplate')
     .description('Create a new Three.js project with Vanilla/React/Vue')
-    .version('1.0.1')
+    .version(version)
     .argument('[project-name]', 'Project name (use "." for current directory)')
     .action((projectName) => createProject(projectName));
 program.parse();

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@benjos/create-boilerplate",
-    "version": "1.5.0",
+    "version": "1.5.2",
     "description": "CLI to scaffold Three.js projects with framework support",
     "type": "module",
     "bin": {
@@ -9,7 +9,8 @@
     "files": [
         "dist",
         "template-vanilla",
-        "template-react"
+        "template-react",
+        "template-vue"
     ],
     "scripts": {
         "build": "tsc",

package/template-react/package-lock.json

@@ -1,12 +1,12 @@
 {
     "name": "template-react",
-    "version": "1.5.0",
+    "version": "1.5.2",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "template-react",
-            "version": "1.5.0",
+            "version": "1.5.2",
             "dependencies": {
                 "@dimforge/rapier3d": "^0.19.3",
                 "gsap": "^3.14.2",

package/template-react/package.json

@@ -1,7 +1,7 @@
 {
     "name": "template-react",
     "private": true,
-    "version": "1.5.0",
+    "version": "1.5.2",
     "type": "module",
     "scripts": {
         "dev": "vite",

package/template-vanilla/package-lock.json

@@ -1,12 +1,12 @@
 {
     "name": "template-vanilla",
-    "version": "1.5.0",
+    "version": "1.5.2",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "template-vanilla",
-            "version": "1.5.0",
+            "version": "1.5.2",
             "dependencies": {
                 "@benjos/cookware": "^1.0.4",
                 "@benjos/spices": "^1.0.1",

package/template-vanilla/package.json

@@ -1,7 +1,7 @@
 {
     "name": "template-vanilla",
     "private": true,
-    "version": "1.5.0",
+    "version": "1.5.2",
     "type": "module",
     "scripts": {
         "dev": "vite",

package/template-vanilla/readme.md

@@ -1,6 +1,6 @@
-# 🎨 Three.js Boilerplate
+# 🎨 Three.js Vanilla Boilerplate
 
-Custom boilerplate for Three.js projects with CLI scaffolding.
+Three.js + Vite + TypeScript boilerplate with a singleton-based architecture.
 
 ## 🚀 Quick Start
 
@@ -12,19 +12,22 @@ npm run dev
 ## ✨ Features
 
 - Three.js + Vite + TypeScript
-- GLSL shaders support
-- Debug mode with lil-gui
-- Manager-based architecture
+- GLSL shader support (vite-plugin-glsl)
+- Singleton-based manager architecture (DebugManager, LoaderManager, ThreeAssetsManager, etc.)
+- Lazy loading with animated transitions between views
+- Multi-view system with HTML views and Three.js views (init/reset/dispose lifecycle)
+- ThreeApp layer (LoaderThreeApp, MainThreeApp) for scene orchestration
+- Camera controller system with base classes (MainThreeCameraController, DebugThreeCameraController)
 - ESLint + Prettier
 
 ## 🐛 Debug Mode
 
 Add `#debug` to URL: `http://localhost:5173/#debug`
 
-- `Shift + H` → Toggle UI
-- `Shift + C` → Debug Camera
-- `Shift + W` → Wireframe
-- `Ctrl + Click` → Center on object
+- `Shift + H` → Toggle debug UI + perf monitor
+- `Shift + C` → Toggle debug camera (OrbitControls)
+- `Shift + W` → Toggle wireframe
+- `Ctrl + Click` → Center camera on object
 
 ## 📄 License
 

package/template-vue/.prettierignore

@@ -0,0 +1,6 @@
+dist
+node_modules
+*.min.js
+*.min.css
+public/assets
+package-lock.json

package/template-vue/.prettierrc

@@ -0,0 +1,10 @@
+{
+    "semi": true,
+    "trailingComma": "es5",
+    "singleQuote": true,
+    "printWidth": 120,
+    "tabWidth": 4,
+    "useTabs": false,
+    "arrowParens": "always",
+    "endOfLine": "lf"
+}

package/template-vue/eslint.config.js

@@ -0,0 +1,130 @@
+import eslint from '@eslint/js';
+import eslintPluginPrettier from 'eslint-plugin-prettier/recommended';
+import { defineConfig } from "eslint/config";
+import tseslint from 'typescript-eslint';
+
+export default defineConfig(
+    {
+        ignores: ['**/dist/**', '**/build/**', '**/node_modules/**', '**/*.min.js', '**/*.js.map', '**/*.d.ts'],
+    },
+    eslint.configs.recommended,
+    tseslint.configs.recommendedTypeChecked,
+    tseslint.configs.stylisticTypeChecked,
+    eslintPluginPrettier,
+    {
+        languageOptions: {
+            parserOptions: {
+                projectService: true,
+                tsconfigRootDir: import.meta.dirname,
+            },
+        },
+    },
+    {
+        rules: {
+            // Style Rules
+            '@typescript-eslint/explicit-member-accessibility': [
+                'error',
+                {
+                    accessibility: 'explicit',
+                    overrides: {
+                        constructors: 'no-public',
+                    },
+                },
+            ],
+            '@typescript-eslint/member-ordering': 'off',
+            '@typescript-eslint/naming-convention': [
+                'error',
+                // Variables
+                {
+                    selector: 'variable',
+                    modifiers: ['const'],
+                    format: ['camelCase', 'UPPER_CASE', 'PascalCase'],
+                },
+                // Parameters
+                {
+                    selector: 'parameter',
+                    format: ['camelCase', 'PascalCase'],
+                    leadingUnderscore: 'allow',
+                },
+                // Object properties (constants like DomEvent.MOUSE_DOWN)
+                {
+                    selector: 'objectLiteralProperty',
+                    format: ['camelCase', 'PascalCase', 'UPPER_CASE'],
+                },
+                // Public members (instance or static) : camelCase or PascalCase
+                {
+                    selector: ['method', 'property'],
+                    modifiers: ['public'],
+                    format: ['camelCase', 'PascalCase'],
+                    leadingUnderscore: 'forbid',
+                },
+                // Private static members : _PascalCase or _UPPER_CASE
+                {
+                    selector: ['method', 'property'],
+                    modifiers: ['private', 'static'],
+                    format: ['PascalCase', 'UPPER_CASE'],
+                    leadingUnderscore: 'require',
+                },
+                // Protected static members : _PascalCase or _UPPER_CASE
+                {
+                    selector: ['method', 'property'],
+                    modifiers: ['protected', 'static'],
+                    format: ['PascalCase', 'UPPER_CASE'],
+                    leadingUnderscore: 'require',
+                },
+                // Private instance members : _camelCase or _UPPER_CASE
+                {
+                    selector: ['method', 'property'],
+                    modifiers: ['private'],
+                    format: ['camelCase', 'UPPER_CASE'],
+                    leadingUnderscore: 'require',
+                },
+                // Protected instance members : _camelCase or _UPPER_CASE
+                {
+                    selector: ['method', 'property'],
+                    modifiers: ['protected'],
+                    format: ['camelCase', 'UPPER_CASE'],
+                    leadingUnderscore: 'require',
+                },
+                // Types
+                {
+                    selector: 'typeLike',
+                    format: ['PascalCase'],
+                },
+            ],
+            '@typescript-eslint/no-unused-vars': [
+                'warn',
+                {
+                    argsIgnorePattern: '^_',
+                    varsIgnorePattern: '^_',
+                },
+            ],
+
+            // Best Practices
+            '@typescript-eslint/no-explicit-any': 'warn',
+            '@typescript-eslint/no-floating-promises': 'error',
+            '@typescript-eslint/no-misused-promises': 'error',
+            '@typescript-eslint/await-thenable': 'error',
+            '@typescript-eslint/no-empty-function': 'off',
+            '@typescript-eslint/adjacent-overload-signatures': 'error',
+            '@typescript-eslint/prefer-nullish-coalescing': 'warn',
+            '@typescript-eslint/no-empty-object-type': 'off',
+            '@typescript-eslint/require-await': 'warn',
+            '@typescript-eslint/restrict-template-expressions': 'off',
+            '@typescript-eslint/explicit-function-return-type': [
+                'error',
+                {
+                    allowExpressions: false,
+                    allowTypedFunctionExpressions: true,
+                    allowHigherOrderFunctions: true,
+                },
+            ],
+
+            // Prettier integration
+            'prettier/prettier': 'warn',
+        },
+    },
+    {
+        ignores: ['dist/**', 'node_modules/**', '*.config.js', '*.config.ts', 'public/**'],
+    }
+);

package/template-vue/index.html

@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="./assets/icons/benjosLogoBlack.svg" />
+    <meta name="viewport"
+        content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1, height=device-height, user-scalable=no, viewport-fit=cover, shrink-to-fit=no, minimal-ui" />
+    <title>Boilerplate + Vue</title>
+</head>
+
+<body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+</body>
+
+</html>