release: 4.7.0 with BabylonJS 6 support

Author: me4502

.yarn/releases/yarn-3.5.0.cjs .yarn/releases/yarn-3.6.1.cjs.yarn/releases/yarn-3.5.0.cjs renamed to .yarn/releases/yarn-3.6.1.cjs

@@ -4,4 +4,4 @@ plugins:
   - path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
     spec: "@yarnpkg/plugin-interactive-tools"
 
-yarnPath: .yarn/releases/yarn-3.5.0.cjs
+yarnPath: .yarn/releases/yarn-3.6.1.cjs

.yarnrc.yml

@@ -1,6 +1,6 @@
 {
     "name": "@enginehub/schematicwebviewer",
-    "version": "4.6.0",
+    "version": "4.7.0",
     "description": "A web viewer for modern Minecraft schematics",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",
@@ -29,7 +29,7 @@
     "homepage": "https://github.com/EngineHub/SchematicWebViewer#readme",
     "dependencies": {
         "@enginehub/schematicjs": "^0.9.1",
-        "babylonjs": "5.53.0",
+        "babylonjs": "6.13.0",
         "buffer": "^6.0.3",
         "deepmerge": "^4.3.1",
         "gzip-js": "^0.3.2",
@@ -40,13 +40,13 @@
         "@types/gzip-js": "^0.3.3",
         "@typescript-eslint/eslint-plugin": "^5.57.0",
         "@typescript-eslint/parser": "^5.57.0",
-        "eslint": "^8.37.0",
+        "eslint": "^8.45.0",
         "eslint-config-prettier": "^8.8.0",
-        "eslint-plugin-prettier": "^4.2.1",
-        "parcel": "^2.8.3",
-        "prettier": "^2.8.7",
+        "eslint-plugin-prettier": "^5.0.0",
+        "parcel": "^2.9.3",
+        "prettier": "^3.0.0",
         "prettier-eslint": "^15.0.1",
-        "typescript": "^5.0.3"
+        "typescript": "^5.1.6"
     },
     "browserslist": [
         "last 1 Chrome version"
@@ -55,5 +55,5 @@
         "process": false
     },
     "sideEffects": false,
-    "packageManager": "yarn@3.5.0"
+    "packageManager": "yarn@3.6.1"
 }

package.json

@@ -343,7 +343,7 @@ export function getModelLoader(resourceLoader: ResourceLoader): ModelLoader {
                             number,
                             number,
                             number,
-                            number
+                            number,
                         ];
                         uvs.push(new Vector4(...faceData.uv));
                     }
@@ -361,6 +361,7 @@ export function getModelLoader(resourceLoader: ResourceLoader): ModelLoader {
                         },
                         scene
                     );
+                    box.doNotSyncBoundingInfo = true;
 
                     const subMeshes = [];
                     const verticesCount = box.getTotalVertices();

src/renderer/model/loader.ts

@@ -21,6 +21,7 @@ import {
     Color3,
     Color4,
     Mesh,
+    ScenePerformancePriority,
 } from 'babylonjs';
 import { loadBlockStateDefinition } from './model/parser';
 import { addArrowToScene, addBarsToScene } from './shapes';
@@ -79,7 +80,11 @@ export async function renderSchematic(
 
     const scene = new Scene(engine, {
         useGeometryUniqueIdsMap: true,
+        useClonedMeshMap: true,
     });
+    scene.performancePriority = ScenePerformancePriority.Intermediate;
+    scene.renderingManager.maintainStateBetweenFrames = true;
+    scene.skipFrustumClipping = true;
 
     scene.ambientColor = new Color3(0.5, 0.5, 0.5);
     if (backgroundColor !== 'transparent') {
@@ -159,11 +164,12 @@ export async function renderSchematic(
 
     Mesh.INSTANCEDMESH_SORT_TRANSPARENT = true;
 
+    scene.blockMaterialDirtyMechanism = true;
     for (const pos of loadedSchematic) {
         const { x, y, z } = pos;
         const block = loadedSchematic.getBlock(pos);
 
-        if (!block) {
+        if (!block || INVISIBLE_BLOCKS.has(block.type)) {
             continue;
         }
 
@@ -208,6 +214,7 @@ export async function renderSchematic(
             scene.addMesh(mesh);
         }
     }
+    scene.blockMaterialDirtyMechanism = false;
 
     if (renderArrow) {
         addArrowToScene(scene, cameraOffset);