@needle-tools/engine 3.12.0-beta → 3.12.0-beta.1

package/CHANGELOG.md

@@ -4,6 +4,9 @@ All notable changes to this package will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
+## [3.12.0-beta.1] - 2023-08-28
+- Fix: vite hot reload plugin to dynamically import needle engine to support usage in server-side rendering context
+
 ## [3.12.0-beta] - 2023-08-28
 - Add: Timeline api for modifying final timeline position and rotation values (implement `ITimelineAnimationCallbacks` and call `director.registerAnimationCallback(this)`)
 - Change: Update three quarks particlesystem library to latest

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@needle-tools/engine",
-    "version": "3.12.0-beta",
+    "version": "3.12.0-beta.1",
     "description": "Needle Engine is a web-based runtime for 3D apps. It runs on your machine for development with great integrations into editors like Unity or Blender - and can be deployed onto any device! It is flexible, extensible and networking and XR are built-in",
     "main": "dist/needle-engine.umd.cjs",
     "type": "module",
@@ -97,7 +97,7 @@
     },
     "overrides": {
         "three.quarks": {
-            "three": "^0.154.3"
+            "three": ">= @needle-tools/three@0.154.0"
         }
     },
     "watch": {

package/plugins/vite/reload.js

@@ -334,20 +334,21 @@ function insertScriptHotReloadCode(src, filePath) {
 
 // ${HOT_RELOAD_START_MARKER}
 // Inserted by needle reload plugin (vite)
-import { applyHMRChanges } from "${importPath}";
 //@ts-ignore
 if (import.meta.hot) {
-    //@ts-ignore
-    import.meta.hot.accept((newModule, oldModule) => {
-        if (newModule) {
-
-            const success = applyHMRChanges(newModule, oldModule);
-            if(success === false){
-                //@ts-ignore
-                import.meta.hot.invalidate()
+    import("${importPath}").then(mod => {
+        const applyHMRChanges = mod.applyHMRChanges;
+        //@ts-ignore
+        import.meta.hot.accept((newModule, oldModule) => {
+            if (newModule) {
+                const success = applyHMRChanges(newModule, oldModule);
+                if(success === false){
+                    //@ts-ignore
+                    import.meta.hot.invalidate()
+                }
             }
-        }
-    })
+        })
+    });
 }
 // ${HOT_RELOAD_END_MARKER}
 `