Update 4.3.3

CHANGELOG.md

@@ -1,5 +1,14 @@
 All notable changes to this project will be documented in this file.
 
+## 4.3.3
+- Update three-mesh-bvh to 0.7.6
+- Update three to r167
+- Update to babylonjs 7.17.0
+- Prevent frame camera on quickload voxels (holds the camera for further changes)
+- Remove showSaveFilePicker, this experimental technology is not ready for production<br>
+  Fix save file functionality in electron and mobile<br>
+  Fix save format from .txt to .json in mobile
+
 ## 4.3.2
 - Update to babylonjs 7.13.1
 - Update to three r166

README.md

@@ -5,7 +5,7 @@
 Voxel-based 3D modeling application<br>
 [https://nimadez.github.io/voxel-builder/](https://nimadez.github.io/voxel-builder/)
 
-```Version 4.3.2 Beta```<br>
+```Version 4.3.3 Beta```<br>
 [Changelog](https://github.com/nimadez/voxel-builder/blob/main/CHANGELOG.md)
 
 [Installation](https://github.com/nimadez/voxel-builder#installation)<br>

index.html

@@ -315,7 +315,7 @@
             <li><button onclick="window.open('https://nimadez.github.io/voxel-builder/extras/pixel-monk', '_blank').focus();">Pixel Monk</button></li>
             <li class="spacer"></li>
             <li class="about">
-                4.3.2 Beta 2024
+                4.3.3 Beta 2024
                 <br>&#8627; <a href="https://github.com/nimadez/voxel-builder/">GitHub</a>
                 <br>Developer
                 <br>&#8627; <a href="https://nimadez.github.io/">@nimadez</a>

package.json

@@ -1,6 +1,6 @@
 {
     "name": "voxel-builder",
-    "version": "4.3.2",
+    "version": "4.3.3",
     "description": "Voxel-based 3D modeling application",
     "main": "electron.js",
     "scripts": {
@@ -10,9 +10,9 @@
     "author": "@nimadez",
     "license": "MIT",
     "devDependencies": {
-        "electron": "^29.2.0",
-        "babylonjs": "^7.13.1",
-        "three": "^0.166.0",
-        "three-mesh-bvh": "^0.7.5"
+        "electron": "^30.0.0",
+        "babylonjs": "^7.17.0",
+        "three": "^0.167.0",
+        "three-mesh-bvh": "^0.7.6"
     }
 }

src/main.js

@@ -4001,7 +4001,7 @@ function Snapshot(scene) {
             return;
         }
         builder.setData(data);
-        clearScene();
+        clearScene(false);
     }
 
     this.setStorageBakes = function() {
@@ -4134,7 +4134,7 @@ function Memory() {
 function Project(scene) {
     function serializeScene(voxels, meshes) {
         const json = {
-            version: "Voxel Builder 4.3.2",
+            version: "Voxel Builder 4.3.3",
             project: {
                 name: "name",
                 voxels: builder.voxels.length,
@@ -4186,12 +4186,12 @@ function Project(scene) {
                 const reader = new FileReader();
                 reader.onload = () => {
                     json.data.meshes = reader.result;
-                    saveDialog(JSON.stringify(json, null, 4), ui.domProjectName.value + '.json');
+                    downloadJson(JSON.stringify(json, null, 4), ui.domProjectName.value + '.json');
                 }
                 reader.readAsDataURL(file);
             });
         } else {
-            saveDialog(JSON.stringify(json, null, 4), ui.domProjectName.value + '.json');
+            downloadJson(JSON.stringify(json, null, 4), ui.domProjectName.value + '.json');
         }
     }
 
@@ -5605,12 +5605,14 @@ function WebsocketClient() {
 // Utils
 
 
-function clearScene() {
+function clearScene(frameCamera = true) {
     memory.clear();
     symmetry.resetAxis();
-    setTimeout(() => {
-        camera.frame();
-    }, 10);
+    if (frameCamera) {
+        setTimeout(() => {
+            camera.frame();
+        }, 10);
+    }
 }
 
 function clearSceneAndReset() {
@@ -5811,8 +5813,8 @@ function loadUrl(url, callback, onerror = null) {
     });
 }
 
-function downloadText(txt, filename) {
-    const blob = new Blob([ txt ], { type: "text/plain" });
+function downloadJson(data, filename) {
+    const blob = new Blob([ data ], { type: "application/json" });
     const url = URL.createObjectURL(blob);
     const a = document.createElement("a");
     a.href = url;
@@ -5837,53 +5839,6 @@ function downloadBlob(blob, filename) {
     URL.revokeObjectURL(url);
 }
 
-async function saveFile(blob, filename, reject) {
-    if ("showSaveFilePicker" in window) {
-        try {
-            const fileHandle = await window.showSaveFilePicker({
-                suggestedName: filename,
-                types: [ { description: "File" } ]
-            });
-            const writeFile = async (fileHandle, contents) => {
-                const writable = await fileHandle.createWritable();
-                await writable.write(contents);
-                await writable.close();
-            };
-            writeFile(fileHandle, blob).then(() => {
-                //
-            });
-        } catch (err) {
-            // canceled
-        }
-    } else {
-        reject();
-    }
-}
-
-function saveDialog(data, filename) {
-    const blob = new Blob([ data ], { type: "text/plain" });
-    saveFile(blob, filename, () => {
-        downloadText(data, filename);
-    });
-}
-
-function saveDialogImage(data, filename) {
-    const blob = dataURItoBlob(data);
-    saveFile(blob, filename, () => {
-        downloadImage(data, filename);
-    });
-}
-
-function dataURItoBlob(dataURI) {
-    const byteString = atob(dataURI.split(',')[1]);
-    const mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0]
-    const ab = new ArrayBuffer(byteString.length);
-    const ia = new Uint8Array(ab);
-    for (let i = 0; i < byteString.length; i++)
-        ia[i] = byteString.charCodeAt(i);
-    return new Blob([ ab ], { type: mimeString });
-}
-
 function toggleFullscreen() {
     (document.fullscreenElement) ? document.exitFullscreen() : document.body.requestFullscreen();
 }

src/modules/pathtracer/pathtracer.js

@@ -492,7 +492,7 @@ class Pathtracer {
 
     shot() {
         const uri = this.renderer.domElement.toDataURL('image/png');
-        saveDialogImage(uri, `${ ui.domProjectName.value }_${ new Date().toJSON().slice(0,10) }_${ randomRangeInt(1000, 9999) }.png`);
+        downloadImage(uri, `${ ui.domProjectName.value }_${ new Date().toJSON().slice(0,10) }_${ randomRangeInt(1000, 9999) }.png`);
     }
 
     toggle() {