@threepipe/plugin-3d-tiles-renderer 0.2.0 → 0.3.0

package/dist/index.mjs

@@ -1,13 +1,12 @@
 /**
  * @license
- * @threepipe/plugin-3d-tiles-renderer v0.2.0
+ * @threepipe/plugin-3d-tiles-renderer v0.3.0
  * Copyright 2022-2025 repalash <palash@shaders.app>
  * Apache-2.0 License
  * See ./dependencies.txt for any bundled third-party dependencies and licenses.
  */
-var _a;
 import * as THREE from "threepipe";
-import { DefaultLoadingManager, Matrix4, GLTFLoader, Vector3, Vector2, MathUtils, PointsMaterial, BufferGeometry, BufferAttribute, Color, Points, Spherical, Sphere, Ray, Euler, InstancedMesh, Quaternion, Group, Box3, Plane, Frustum, Matrix3, estimateBytesUsed as estimateBytesUsed$1, LoadingManager, EventDispatcher, Mesh, PlaneGeometry, ShaderMaterial, Raycaster, Clock, Texture, SRGBColorSpace, MeshBasicMaterial, MeshStandardMaterial, DataTexture, RGFormat, UnsignedByteType, LinearMipMapLinearFilter, LinearFilter, Triangle, Matrix2, Vector4, WebGLRenderer, WebGLRenderTarget, FullScreenQuad, OneFactor, ZeroFactor, CustomBlending, Box2, FileLoader, LineSegments, LineBasicMaterial, EdgesGeometry, BoxGeometry, Box3Helper, AViewerPluginSync, Importer, generateUUID, uiButton, Loader, iObjectCommons, Box3B, BaseImporterPlugin, GLTFLoader2, LoaderUtils, ACameraControlsPlugin, uiToggle, serialize, uiInput, uiVector, uiFolderContainer } from "threepipe";
+import { DefaultLoadingManager, Matrix4, GLTFLoader, Vector3, Vector2, MathUtils, PointsMaterial, BufferGeometry, BufferAttribute, Color, Points, Spherical, Sphere, Ray, Euler, InstancedMesh, Quaternion, Group, Box3, Plane, Frustum, Matrix3, estimateBytesUsed as estimateBytesUsed$1, LoadingManager, EventDispatcher, Mesh, PlaneGeometry, ShaderMaterial, Raycaster, Clock, Texture, SRGBColorSpace, MeshBasicMaterial, MeshStandardMaterial, DataTexture, RGFormat, UnsignedByteType, LinearMipMapLinearFilter, LinearFilter, Triangle, Matrix2, Vector4, WebGLRenderer, WebGLRenderTarget, FullScreenQuad, OneFactor, ZeroFactor, CustomBlending, Box2, FileLoader, LineSegments, LineBasicMaterial, EdgesGeometry, BoxGeometry, Box3Helper, uiButton, uiFolderContainer, AViewerPluginSync, Importer, generateUUID, DropzonePlugin, Loader, iObjectCommons, Box3B, BaseImporterPlugin, GLTFLoader2, LoaderUtils, ACameraControlsPlugin, uiToggle, serialize, uiInput, uiVector } from "threepipe";
 function getUrlExtension(url) {
   if (!url) {
     return null;
@@ -881,7 +880,7 @@ class TilesRendererBase {
     }
   }
   preprocessNode(tile, tileSetDir, parentTile = null) {
-    var _a2;
+    var _a;
     if (tile.content) {
       if (!("uri" in tile.content) && "url" in tile.content) {
         tile.content.uri = tile.content.url;
@@ -893,7 +892,7 @@ class TilesRendererBase {
     }
     tile.parent = parentTile;
     tile.children = tile.children || [];
-    if ((_a2 = tile.content) == null ? void 0 : _a2.uri) {
+    if ((_a = tile.content) == null ? void 0 : _a.uri) {
       const extension = getUrlExtension(tile.content.uri);
       tile.__hasContent = true;
       tile.__hasUnrenderableContent = Boolean(extension && /json$/.test(extension));
@@ -7566,8 +7565,8 @@ class StructuralMetadata {
 }
 const EXT_NAME$1 = "EXT_structural_metadata";
 function getRelevantTextures(parser, propertyTextures = []) {
-  var _a2;
-  const textureCount = ((_a2 = parser.json.textures) == null ? void 0 : _a2.length) || 0;
+  var _a;
+  const textureCount = ((_a = parser.json.textures) == null ? void 0 : _a.length) || 0;
   const result = new Array(textureCount).fill(null);
   propertyTextures.forEach(({ properties }) => {
     for (const key in properties) {
@@ -7580,8 +7579,8 @@ function getRelevantTextures(parser, propertyTextures = []) {
   return Promise.all(result);
 }
 function getRelevantBuffers(parser, propertyTables = []) {
-  var _a2;
-  const textureCount = ((_a2 = parser.json.bufferViews) == null ? void 0 : _a2.length) || 0;
+  var _a;
+  const textureCount = ((_a = parser.json.bufferViews) == null ? void 0 : _a.length) || 0;
   const result = new Array(textureCount).fill(null);
   propertyTables.forEach(({ properties }) => {
     for (const key in properties) {
@@ -7630,10 +7629,10 @@ class GLTFStructuralMetadataExtension {
     const rootMetadata = new StructuralMetadata(rootExtension, textures, buffers);
     scene.userData.structuralMetadata = rootMetadata;
     scene.traverse((child) => {
-      var _a2;
+      var _a;
       if (parser.associations.has(child)) {
         const { meshes, primitives } = parser.associations.get(child);
-        const primitive = (_a2 = parser.json.meshes[meshes]) == null ? void 0 : _a2.primitives[primitives];
+        const primitive = (_a = parser.json.meshes[meshes]) == null ? void 0 : _a.primitives[primitives];
         if (primitive && primitive.extensions && primitive.extensions[EXT_NAME$1]) {
           const extension = primitive.extensions[EXT_NAME$1];
           child.userData.structuralMetadata = new StructuralMetadata(rootExtension, textures, buffers, extension, child);
@@ -7768,10 +7767,10 @@ class MeshFeatures {
 const EXT_NAME = "EXT_mesh_features";
 function forEachPrimitiveExtension(scene, parser, callback) {
   scene.traverse((c) => {
-    var _a2;
+    var _a;
     if (parser.associations.has(c)) {
       const { meshes, primitives } = parser.associations.get(c);
-      const primitive = (_a2 = parser.json.meshes[meshes]) == null ? void 0 : _a2.primitives[primitives];
+      const primitive = (_a = parser.json.meshes[meshes]) == null ? void 0 : _a.primitives[primitives];
       if (primitive && primitive.extensions && primitive.extensions[EXT_NAME]) {
         callback(c, primitive.extensions[EXT_NAME]);
       }
@@ -7784,12 +7783,12 @@ class GLTFMeshFeaturesExtension {
     this.name = EXT_NAME;
   }
   async afterRoot({ scene, parser }) {
-    var _a2;
+    var _a;
     const extensionsUsed = parser.json.extensionsUsed;
     if (!extensionsUsed || !extensionsUsed.includes(EXT_NAME)) {
       return;
     }
-    const textureCount = ((_a2 = parser.json.textures) == null ? void 0 : _a2.length) || 0;
+    const textureCount = ((_a = parser.json.textures) == null ? void 0 : _a.length) || 0;
     const promises = new Array(textureCount).fill(null);
     forEachPrimitiveExtension(scene, parser, (child, { featureIds }) => {
       featureIds.forEach((info) => {
@@ -8664,8 +8663,8 @@ class TilesFadePlugin {
   }
   // initializes the batched mesh if it needs to be, dispose if it it's no longer needed
   initBatchedMesh() {
-    var _a2;
-    const otherBatchedMesh = (_a2 = this.tiles.getPluginByName("BATCHED_TILES_PLUGIN")) == null ? void 0 : _a2.batchedMesh;
+    var _a;
+    const otherBatchedMesh = (_a = this.tiles.getPluginByName("BATCHED_TILES_PLUGIN")) == null ? void 0 : _a.batchedMesh;
     if (otherBatchedMesh) {
       if (this.batchedMesh === null) {
         this._onBatchedMeshDispose = () => {
@@ -9378,7 +9377,7 @@ class DebugTilesPlugin {
     }
   }
   dispose() {
-    var _a2, _b, _c;
+    var _a, _b, _c;
     const tiles = this.tiles;
     if (tiles) {
       tiles.removeEventListener("load-tile-set", this._onLoadTileSetCB);
@@ -9392,7 +9391,7 @@ class DebugTilesPlugin {
         this._onDisposeModel(tile);
       });
     }
-    (_a2 = this.boxGroup) == null ? void 0 : _a2.removeFromParent();
+    (_a = this.boxGroup) == null ? void 0 : _a.removeFromParent();
     (_b = this.sphereGroup) == null ? void 0 : _b.removeFromParent();
     (_c = this.regionGroup) == null ? void 0 : _c.removeFromParent();
   }
@@ -10042,7 +10041,7 @@ class ImplicitTilingPlugin {
     this.tiles = tiles;
   }
   preprocessNode(tile, tileSetDir, parentTile) {
-    var _a2;
+    var _a;
     if (tile.implicitTiling) {
       tile.__hasUnrenderableContent = true;
       tile.__hasRenderableContent = false;
@@ -10052,7 +10051,7 @@ class ImplicitTilingPlugin {
       tile.__y = 0;
       tile.__z = 0;
       tile.__level = 0;
-    } else if (/.subtree$/i.test((_a2 = tile.content) == null ? void 0 : _a2.uri)) {
+    } else if (/.subtree$/i.test((_a = tile.content) == null ? void 0 : _a.uri)) {
       tile.__hasUnrenderableContent = true;
       tile.__hasRenderableContent = false;
     }
@@ -10073,8 +10072,8 @@ class ImplicitTilingPlugin {
     return url;
   }
   disposeTile(tile) {
-    var _a2;
-    if (/.subtree$/i.test((_a2 = tile.content) == null ? void 0 : _a2.uri)) {
+    var _a;
+    if (/.subtree$/i.test((_a = tile.content) == null ? void 0 : _a.uri)) {
       tile.children.length = 0;
       tile.__childrenProcessed = 0;
     }
@@ -10113,23 +10112,23 @@ const gltfMeshFeaturesExtension = {
 var __defProp$2 = Object.defineProperty;
 var __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor;
 var __decorateClass$2 = (decorators, target, key, kind) => {
-  var result = __getOwnPropDesc$2(target, key);
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
-      result = decorator(target, key, result) || result;
-  if (result) __defProp$2(target, key, result);
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp$2(target, key, result);
   return result;
 };
-const _TilesRendererPlugin = (_a = class extends AViewerPluginSync {
+let TilesRendererPlugin = class extends AViewerPluginSync {
   constructor() {
     super();
     this.enabled = true;
     this.dependencies = [];
     this.objects = [];
-    this._importer = new Importer(TilesRendererLoader, [_a.DUMMY_EXT, _a.DUMMY_EXT + ".json"], [], false);
+    this._importer = new Importer(TilesRendererLoader, [TilesRendererPlugin.DUMMY_EXT, TilesRendererPlugin.DUMMY_EXT + ".json"], [], false);
     this._preRender = () => {
-      var _a2;
-      const camera = (_a2 = this._viewer) == null ? void 0 : _a2.scene.renderCamera;
+      var _a;
+      const camera = (_a = this._viewer) == null ? void 0 : _a.scene.renderCamera;
       if (!this._viewer || !camera) return;
       if (this._viewer.renderManager.frameCount > 0) return;
       camera.updateProjectionMatrix();
@@ -10146,39 +10145,41 @@ const _TilesRendererPlugin = (_a = class extends AViewerPluginSync {
         group.tilesRenderer.setResolutionFromRenderer(this._viewer.scene.mainCamera, this._viewer.renderManager.webglRenderer);
       }
     };
-    this._addSceneObject = (e) => {
-      const object = e.object;
-      const group = object;
-      if (!group || !group.tilesRenderer || !this._viewer) return;
-      if (!this._cachedRefs) {
-        this._cachedRefs = {
-          lruCache: group.tilesRenderer.lruCache,
-          downloadQueue: group.tilesRenderer.downloadQueue,
-          parseQueue: group.tilesRenderer.parseQueue,
-          // @ts-expect-error not in ts
-          processNodeQueue: group.tilesRenderer.processNodeQueue
-        };
-      } else {
-        group.tilesRenderer.lruCache = this._cachedRefs.lruCache;
-        group.tilesRenderer.downloadQueue = this._cachedRefs.downloadQueue;
-        group.tilesRenderer.parseQueue = this._cachedRefs.parseQueue;
-        group.tilesRenderer.processNodeQueue = this._cachedRefs.processNodeQueue;
-      }
-      this.objects.push(group);
-      group.tilesRenderer.registerPlugin({
-        dispose: () => {
-          const index = this.objects.indexOf(group);
-          if (index !== -1) this.objects.splice(index, 1);
-          this.dispatchEvent({ type: "removeTile", group });
+    this._objectExt = {
+      uuid: "TilesRendererPluginObjectExt",
+      isCompatible: (o) => !!o.tilesRenderer,
+      onRegister: (group) => {
+        if (!group || !group.tilesRenderer || !this._viewer) return;
+        if (!this._cachedRefs) {
+          this._cachedRefs = {
+            lruCache: group.tilesRenderer.lruCache,
+            downloadQueue: group.tilesRenderer.downloadQueue,
+            parseQueue: group.tilesRenderer.parseQueue,
+            // @ts-expect-error not in ts
+            processNodeQueue: group.tilesRenderer.processNodeQueue
+          };
+        } else {
+          group.tilesRenderer.lruCache = this._cachedRefs.lruCache;
+          group.tilesRenderer.downloadQueue = this._cachedRefs.downloadQueue;
+          group.tilesRenderer.parseQueue = this._cachedRefs.parseQueue;
+          group.tilesRenderer.processNodeQueue = this._cachedRefs.processNodeQueue;
         }
-      });
-      group.tilesRenderer.setCamera(this._viewer.scene.mainCamera);
-      group.tilesRenderer.setResolutionFromRenderer(this._viewer.scene.mainCamera, this._viewer.renderManager.webglRenderer);
-      group.tilesRenderer.update();
-      group.addEventListener("dispose", () => {
-        group.tilesRenderer.dispose();
-      });
-      this.dispatchEvent({ type: "addTile", group });
+        this.objects.push(group);
+        group.tilesRenderer.registerPlugin({
+          dispose: () => {
+            const index = this.objects.indexOf(group);
+            if (index !== -1) this.objects.splice(index, 1);
+            this.dispatchEvent({ type: "removeTile", group });
+          }
+        });
+        group.tilesRenderer.setCamera(this._viewer.scene.mainCamera);
+        group.tilesRenderer.setResolutionFromRenderer(this._viewer.scene.mainCamera, this._viewer.renderManager.webglRenderer);
+        group.tilesRenderer.update();
+        group.addEventListener("dispose", () => {
+          group.tilesRenderer.dispose();
+        });
+        this.dispatchEvent({ type: "addTile", group });
+      }
     };
   }
   async load(url, options) {
@@ -10186,7 +10187,7 @@ const _TilesRendererPlugin = (_a = class extends AViewerPluginSync {
       console.warn("TilesRendererPlugin: viewer not set");
       return;
     }
-    const temp = generateUUID() + "." + _a.DUMMY_EXT;
+    const temp = generateUUID() + "." + TilesRendererPlugin.DUMMY_EXT;
     const importer = this._viewer.assetManager.importer.registerFile(temp);
     if (!importer.isTilesRendererLoader) {
       console.warn("TilesRendererPlugin: TilesRendererLoader not registered");
@@ -10194,12 +10195,15 @@ const _TilesRendererPlugin = (_a = class extends AViewerPluginSync {
     }
     return await this._viewer.load(url, {
       ...options,
-      fileExtension: _a.DUMMY_EXT,
+      fileExtension: TilesRendererPlugin.DUMMY_EXT,
       fileHandler: importer
+    }).finally(() => {
+      var _a;
+      (_a = this._viewer) == null ? void 0 : _a.assetManager.importer.unregisterFile(temp);
     });
   }
   async loadCesiumIon(info, options) {
-    const file = generateUUID() + "." + _a.DUMMY_EXT;
+    const file = generateUUID() + "." + TilesRendererPlugin.DUMMY_EXT;
     return this.load(file, {
       ...options,
       tiles: {
@@ -10218,7 +10222,7 @@ const _TilesRendererPlugin = (_a = class extends AViewerPluginSync {
     viewer.assetManager.registerGltfExtension(gltfStructuralMetadataExtension);
     viewer.assetManager.registerGltfExtension(gltfMeshFeaturesExtension);
     viewer.assetManager.importer.addImporter(this._importer);
-    viewer.scene.addEventListener("addSceneObject", this._addSceneObject);
+    viewer.object3dManager.registerObjectExtension(this._objectExt);
     viewer.renderManager.addEventListener("preRender", this._preRender);
     viewer.renderManager.addEventListener("resize", this._resize);
   }
@@ -10227,22 +10231,27 @@ const _TilesRendererPlugin = (_a = class extends AViewerPluginSync {
     viewer.assetManager.unregisterGltfExtension(gltfCesiumRTCExtension.name);
     viewer.assetManager.unregisterGltfExtension(gltfStructuralMetadataExtension.name);
     viewer.assetManager.unregisterGltfExtension(gltfMeshFeaturesExtension.name);
-    viewer.scene.removeEventListener("addSceneObject", this._addSceneObject);
+    viewer.object3dManager.unregisterObjectExtension(this._objectExt);
     viewer.renderManager.removeEventListener("preRender", this._preRender);
     viewer.renderManager.removeEventListener("resize", this._resize);
     super.onRemove(viewer);
   }
   async promptForURL() {
-    var _a2;
-    const url = await ((_a2 = this._viewer) == null ? void 0 : _a2.dialog.prompt("TilesRendererPlugin: Enter URL for the root tileset", "", true));
+    var _a, _b;
+    const url = await ((_a = this._viewer) == null ? void 0 : _a.dialog.prompt("TilesRendererPlugin: Enter URL for the root tileset", "", true));
     if (!url) return;
-    return this.load(url);
+    const loader = ((_b = this._viewer) == null ? void 0 : _b.getPlugin(DropzonePlugin)) ?? this._viewer ?? this;
+    return await loader.load(url, { fileExtension: TilesRendererPlugin.DUMMY_EXT });
   }
-}, _a.PluginType = "TilesRendererPlugin", _a.DUMMY_EXT = "tileset", _a);
+};
+TilesRendererPlugin.PluginType = "TilesRendererPlugin";
+TilesRendererPlugin.DUMMY_EXT = "tileset";
 __decorateClass$2([
   uiButton()
-], _TilesRendererPlugin.prototype, "promptForURL");
-let TilesRendererPlugin = _TilesRendererPlugin;
+], TilesRendererPlugin.prototype, "promptForURL", 1);
+TilesRendererPlugin = __decorateClass$2([
+  uiFolderContainer("3D Tiles")
+], TilesRendererPlugin);
 class TilesRendererLoader extends Loader {
   constructor(manager) {
     super(manager);
@@ -10263,11 +10272,11 @@ class TilesRendererLoader extends Loader {
     return tiles;
   }
   load(url, onLoad, _onProgress, _onError) {
-    var _a2;
+    var _a;
     const tiles = this._createTilesRenderer(url);
     const group = iObjectCommons.upgradeObject3D.call(tiles.group);
     group.autoUpgradeChildren = false;
-    const opts = ((_a2 = this.importOptions) == null ? void 0 : _a2.tiles) ?? {};
+    const opts = ((_a = this.importOptions) == null ? void 0 : _a.tiles) ?? {};
     tiles.errorTarget = opts.errorTarget ?? 1;
     const plugins = [...this.plugins, ...opts.plugins ?? []];
     for (const plugin of plugins) {
@@ -10300,7 +10309,20 @@ class TilesRendererLoader extends Loader {
     });
     tiles.addEventListener("load-tile-set", (e) => {
       const isRoot = e.tileSet === tiles.rootTileSet;
-      if (isRoot && resolve) resolve();
+      if (isRoot && resolve) {
+        resolve();
+      }
+    });
+    group.userData.rootPathRefresh = true;
+    group._rootPathRefreshed = true;
+    group._sChildren = [];
+    tiles.registerPlugin({
+      processTileModel: (model, tile) => {
+        var _a2;
+        if (tile === ((_a2 = tiles.rootTileSet) == null ? void 0 : _a2.root)) {
+          group._sChildren = [model];
+        }
+      }
     });
     const ai = this.ai;
     if (ai) {
@@ -10358,16 +10380,16 @@ class B3DMLoader2 extends GLTFLoader2 {
     return super.transform(res, options);
   }
   parse(data, _path, onLoad, onError, _url) {
-    var _a2;
+    var _a;
     if (!this.ai) {
       console.error("[B3DMLoader] load failed, IAssetImporter not set");
     }
     const tmpFile = generateUUID() + ".gltf";
-    (_a2 = this.ai) == null ? void 0 : _a2.registerFile(tmpFile);
+    (_a = this.ai) == null ? void 0 : _a.registerFile(tmpFile);
     this.loader.workingPath = _path;
     this.loader.parse(data).then(onLoad).catch(onError).finally(() => {
-      var _a3;
-      if (tmpFile) (_a3 = this.ai) == null ? void 0 : _a3.unregisterFile(tmpFile);
+      var _a2;
+      if (tmpFile) (_a2 = this.ai) == null ? void 0 : _a2.unregisterFile(tmpFile);
     });
   }
 }
@@ -10395,16 +10417,16 @@ class I3DMLoader2 extends GLTFLoader2 {
     return super.transform(res, options);
   }
   parse(data, _path, onLoad, onError, _url) {
-    var _a2;
+    var _a;
     if (!this.ai) {
       console.error("[I3DMLoader] load failed, IAssetImporter not set");
     }
     const tmpFile = generateUUID() + ".gltf";
-    (_a2 = this.ai) == null ? void 0 : _a2.registerFile(tmpFile);
+    (_a = this.ai) == null ? void 0 : _a.registerFile(tmpFile);
     this.loader.workingPath = _path;
     this.loader.parse(data).then(onLoad).catch(onError).finally(() => {
-      var _a3;
-      if (tmpFile) (_a3 = this.ai) == null ? void 0 : _a3.unregisterFile(tmpFile);
+      var _a2;
+      if (tmpFile) (_a2 = this.ai) == null ? void 0 : _a2.unregisterFile(tmpFile);
     });
   }
 }
@@ -10468,16 +10490,16 @@ class PNTSLoader2 extends Loader {
     return res.scene;
   }
   parse(data, _path, onLoad, onError, _url) {
-    var _a2;
+    var _a;
     if (!this.ai) {
       console.error("[PNTSLoader] load failed, IAssetImporter not set");
     }
     const tmpFile = generateUUID() + ".drc";
-    (_a2 = this.ai) == null ? void 0 : _a2.registerFile(tmpFile);
+    (_a = this.ai) == null ? void 0 : _a.registerFile(tmpFile);
     this.loader.workingPath = _path;
     this.loader.parse(data).then(onLoad).catch(onError).finally(() => {
-      var _a3;
-      if (tmpFile) (_a3 = this.ai) == null ? void 0 : _a3.unregisterFile(tmpFile);
+      var _a2;
+      if (tmpFile) (_a2 = this.ai) == null ? void 0 : _a2.unregisterFile(tmpFile);
     });
   }
 }
@@ -10541,12 +10563,12 @@ class CMPTLoader2 extends Loader {
     return res.scene;
   }
   parse(data, _path, onLoad, onError, _url) {
-    var _a2, _b;
+    var _a, _b;
     if (!this.ai) {
       console.error("[CMPTLoader] load failed, IAssetImporter not set");
     }
     const tmpFile = generateUUID();
-    (_a2 = this.ai) == null ? void 0 : _a2.registerFile(tmpFile + ".gltf");
+    (_a = this.ai) == null ? void 0 : _a.registerFile(tmpFile + ".gltf");
     (_b = this.ai) == null ? void 0 : _b.registerFile(tmpFile + ".drc");
     this.loader.workingPath = _path;
     this.loader.parse(data).then(onLoad).catch(onError).finally(() => {