react-three-game 0.0.106 → 0.0.108

package/dist/tools/prefabeditor/utils.js

@@ -8,17 +8,32 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { findComponent } from "./types";
-import { GLTFExporter } from 'three/examples/jsm/exporters/GLTFExporter.js';
-import { Box3, Euler, Matrix4, PerspectiveCamera, Quaternion, Vector3 } from 'three';
+import { GLTFExporter } from "three/examples/jsm/exporters/GLTFExporter.js";
+import { Box3, Euler, Matrix4, PerspectiveCamera, Quaternion, Vector3, } from "three";
+export function isExternalPath(path) {
+    return (path.startsWith("data:") ||
+        path.startsWith("http://") ||
+        path.startsWith("https://"));
+}
+export function withBasePath(basePath, path) {
+    if (!path)
+        return (basePath !== null && basePath !== void 0 ? basePath : "").replace(/\/$/, "");
+    if (isExternalPath(path))
+        return path;
+    const normalizedBasePath = (basePath !== null && basePath !== void 0 ? basePath : "").replace(/\/$/, "");
+    return path.startsWith("/") ? `${normalizedBasePath}${path}` : `${normalizedBasePath}/${path}`;
+}
 /** Save scene JSON, showing a Save As dialog when supported */
 export function saveJson(data, filename) {
     return __awaiter(this, void 0, void 0, function* () {
         const json = JSON.stringify(data, null, 2);
-        if ('showSaveFilePicker' in window) {
+        if ("showSaveFilePicker" in window) {
             try {
                 const handle = yield window.showSaveFilePicker({
-                    suggestedName: `${filename || 'scene'}.json`,
-                    types: [{ description: 'JSON', accept: { 'application/json': ['.json'] } }],
+                    suggestedName: `${filename || "scene"}.json`,
+                    types: [
+                        { description: "JSON", accept: { "application/json": [".json"] } },
+                    ],
                 });
                 const writable = yield handle.createWritable();
                 yield writable.write(json);
@@ -26,38 +41,70 @@ export function saveJson(data, filename) {
                 return;
             }
             catch (e) {
-                if ((e === null || e === void 0 ? void 0 : e.name) === 'AbortError')
+                if ((e === null || e === void 0 ? void 0 : e.name) === "AbortError")
                     return; // user cancelled
             }
         }
         // Fallback for browsers without File System Access API
-        const a = document.createElement('a');
+        const a = document.createElement("a");
         a.href = "data:text/json;charset=utf-8," + encodeURIComponent(json);
-        a.download = `${filename || 'scene'}.json`;
+        a.download = `${filename || "scene"}.json`;
         a.click();
     });
 }
 /** Load scene JSON from a file */
 export function loadJson() {
-    return new Promise(resolve => {
-        const input = document.createElement('input');
-        input.type = 'file';
-        input.accept = '.json,application/json';
-        input.onchange = e => {
+    return new Promise((resolve) => {
+        const input = document.createElement("input");
+        input.type = "file";
+        input.accept = ".json,application/json";
+        input.onchange = (e) => {
             var _a;
             const file = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
             if (!file)
                 return resolve(undefined);
             const reader = new FileReader();
-            reader.onload = e => {
+            reader.onload = (e) => {
                 var _a;
                 try {
                     const text = (_a = e.target) === null || _a === void 0 ? void 0 : _a.result;
-                    if (typeof text === 'string')
+                    if (typeof text === "string")
                         resolve(JSON.parse(text));
                 }
                 catch (err) {
-                    console.error('Error parsing scene JSON:', err);
+                    console.error("Error parsing scene JSON:", err);
+                    resolve(undefined);
+                }
+            };
+            reader.readAsText(file);
+        };
+        input.click();
+    });
+}
+/** Load scene JSON from a file, also returning the original filename */
+export function loadJsonFile() {
+    return new Promise((resolve) => {
+        const input = document.createElement("input");
+        input.type = "file";
+        input.accept = ".json,application/json";
+        input.onchange = (e) => {
+            var _a;
+            const file = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
+            if (!file)
+                return resolve(undefined);
+            const reader = new FileReader();
+            reader.onload = (ev) => {
+                var _a;
+                try {
+                    const text = (_a = ev.target) === null || _a === void 0 ? void 0 : _a.result;
+                    if (typeof text === "string")
+                        resolve({
+                            prefab: JSON.parse(text),
+                            filename: file.name,
+                        });
+                }
+                catch (err) {
+                    console.error("Error parsing scene JSON:", err);
                     resolve(undefined);
                 }
             };
@@ -79,12 +126,12 @@ export function exportGLBData(sceneRoot) {
  */
 export function exportGLB(sceneRoot_1) {
     return __awaiter(this, arguments, void 0, function* (sceneRoot, options = {}) {
-        const { filename = 'scene.glb' } = options;
+        const { filename = "scene.glb" } = options;
         const data = yield exportGLBData(sceneRoot);
         if (filename) {
-            const blob = new Blob([data], { type: 'application/octet-stream' });
+            const blob = new Blob([data], { type: "application/octet-stream" });
             const url = URL.createObjectURL(blob);
-            const a = document.createElement('a');
+            const a = document.createElement("a");
             a.href = url;
             a.download = filename;
             a.click();
@@ -110,11 +157,16 @@ export function focusCameraOnObject(object, camera, target, update) {
     const radius = Math.max(size.length() * 0.5, 1);
     const forward = new Vector3(0, 0, 1).applyQuaternion(quaternion).normalize();
     const worldUp = new Vector3(0, 1, 0);
-    const elevatedDirection = forward.clone().addScaledVector(worldUp, 0.65).normalize();
+    const elevatedDirection = forward
+        .clone()
+        .addScaledVector(worldUp, 0.65)
+        .normalize();
     const distance = camera instanceof PerspectiveCamera
-        ? Math.max(radius / Math.tan((camera.fov * Math.PI) / 360) * 1.8, radius * 3.5)
+        ? Math.max((radius / Math.tan((camera.fov * Math.PI) / 360)) * 1.8, radius * 3.5)
         : radius * 4.5;
-    const nextPosition = center.clone().add(elevatedDirection.multiplyScalar(distance));
+    const nextPosition = center
+        .clone()
+        .add(elevatedDirection.multiplyScalar(distance));
     camera.position.copy(nextPosition);
     camera.lookAt(center);
     target.copy(center);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "react-three-game",
-	"version": "0.0.106",
+	"version": "0.0.108",
 	"description": "high performance 3D game engine built in React",
 	"main": "dist/index.js",
 	"module": "dist/index.js",
@@ -57,18 +57,18 @@
 		}
 	},
 	"devDependencies": {
-		"@react-three/drei": "^10.7.7",
-		"@react-three/fiber": "^9.5.0",
-		"@types/react": "^19.2.9",
-		"@types/react-dom": "^19.2.3",
-		"@types/three": "^0.182.0",
-		"concurrently": "^9.2.1",
-		"crashcat": "^0.0.4",
-		"react": "^19.2.4",
-		"react-dom": "^19.2.4",
-		"three": "^0.184.0",
-		"typescript": "^5.9.3",
-		"vite": "^7.3.1"
+		"@react-three/drei": ">=10.7.7",
+		"@react-three/fiber": ">=9.6.0",
+		"@types/react": ">=19.2.9",
+		"@types/react-dom": ">=19.2.3",
+		"@types/three": ">=0.184.0",
+		"concurrently": ">=9.2.1",
+		"crashcat": ">=0.0.4",
+		"react": ">=19.2.5",
+		"react-dom": ">=19.2.5",
+		"three": ">=0.184.0",
+		"typescript": ">=6.0.3",
+		"vite": ">=8.0.10"
 	},
 	"dependencies": {
 		"zustand": "^5.0.12"