fix editor load in dev mode (#4)

* fix editor load in dev mode

* move missing deps to peer

* up versions

* updated package lock

* updated package lock

* updated package lock

Author: mattvb91

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@mavonengine/create-bootstrap",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "Bootstrap a MavonEngine multiplayer project",
   "type": "module",
   "bin": {

packages/bootstrap/package.json

@@ -1,4 +1,4 @@
 export const TAG_URL =
-  'https://github.com/MavonEngine/Core/archive/refs/tags/0.0.7-alpha.zip'
+  'https://github.com/MavonEngine/Core/archive/refs/tags/0.0.8-alpha.zip'
 
 export const TEMPLATE_SUBPATH = 'packages/multiplayer-template'

packages/bootstrap/src/config.ts

@@ -1,7 +1,7 @@
 {
   "name": "@mavonengine/core",
   "type": "module",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "",
   "author": "",
   "license": "MIT",
@@ -49,11 +49,12 @@
     "express": "5.1.0",
     "three": "^0.176.0",
     "vite": "^6.3.5",
-    "winston": "3.17.0"
-  },
-  "dependencies": {
-    "alea": "^1.0.1"
+    "winston": "3.17.0",
+    "tweakpane": "^4.0.5",
+    "@tweakpane/plugin-essentials": "^0.2.1",
+    "three-perf": "^1.0.11"
   },
+  "dependencies": {},
   "devDependencies": {
     "@dimforge/rapier3d-compat": "0.18.2",
     "@geckos.io/server": "^3.0.0",
@@ -62,6 +63,9 @@
     "@types/three": "^0.176.0",
     "@vitejs/plugin-react": "^5.1.2",
     "@vitest/coverage-v8": "^3.2.4",
+    "tweakpane": "^4.0.5",
+    "@tweakpane/plugin-essentials": "^0.2.1",
+    "three-perf": "^1.0.11",
     "@vitest/ui": "^3.2.4",
     "jsdom": "^28.1.0",
     "three": "^0.176.0",
@@ -70,4 +74,4 @@
     "vite-plugin-glsl": "^1.4.1",
     "vitest": "^3.2.4"
   }
-}
+}

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mavonengine/editor",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "",
   "author": "",
   "license": "MIT",
@@ -48,7 +48,6 @@
     "react-resizable-panels": "^4.6.4",
     "react-rnd": "^10.5.2",
     "three-perf": "^1.0.11",
-    "tweakpane": "^4.0.5",
     "wavesurfer.js": "^7.12.1"
   },
   "devDependencies": {

packages/editor/package.json

@@ -89,6 +89,18 @@ export default defineConfig(({ command }) => ({
     },
     rollupOptions: {
       external: (id) => ['react', 'react-dom', 'react/jsx-runtime', 'three'].includes(id) || id.startsWith('react/') || id.startsWith('@mavonengine/core') || id.startsWith(coreRoot),
+      plugins: [
+        {
+          name: 'inject-css-into-mount-chunk',
+          generateBundle(_, bundle) {
+            const cssFile = Object.keys(bundle).find(k => k.endsWith('.css'))
+            // Inject into the dynamic mount chunk so CSS only loads when new Editor() is called
+            const mountChunk = Object.values(bundle).find(chunk => chunk.type === 'chunk' && chunk.isDynamicEntry)
+            if (cssFile && mountChunk)
+              mountChunk.code = `import './${cssFile}';\n${mountChunk.code}`
+          },
+        },
+      ],
     },
   },
   test: {

packages/editor/vite.config.js

@@ -16,6 +16,8 @@
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.2.4",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "three": "^0.176.0",
     "typescript": "5.9.2",
     "vite": "^6.3.5",

packages/multiplayer-template/client/package.json

@@ -1,13 +1,16 @@
 import type { App } from 'vue'
 import RAPIER from '@dimforge/rapier3d-compat'
 import Game from '@mavonengine/core/Game'
-import Editor from '@mavonengine/editor'
 import { createApp } from 'vue'
 import GameWorld from './Scenes/GameWorld'
 import Frame from './UI/Frame.vue'
 import './game.css'
 
-Game.devModeHook = () => Editor.registerListener()
+if (import.meta.env.DEV) {
+  Game.devModeHook = () => {
+    import('@mavonengine/editor').then(({ default: Editor }) => Editor.registerListener())
+  }
+}
 
 RAPIER.init().then(() => {
   const physicsWorld = new RAPIER.World({ x: 0, y: -9.83, z: 0 })

packages/multiplayer-template/client/src/main.ts

@@ -62,6 +62,6 @@ export default {
       ...(existsSync(coreSrc) ? { '@mavonengine/core': coreSrc } : {}),
       '@template/server': resolve(templateRoot, 'server/src'),
     },
-    dedupe: ['@mavonengine/core', 'three', 'vue', '@dimforge/rapier3d-compat'],
+    dedupe: ['@mavonengine/core', 'three', 'vue', 'react', 'react-dom', '@dimforge/rapier3d-compat'],
   },
 }