@heliguy-xyz/splat-viewer 1.0.0-rc.6 → 1.0.0-rc.8

package/dist/web-component/splat-viewer.js

@@ -104550,6 +104550,7 @@ fn fragmentMain(input: FragmentInput) -> FragmentOutput {
 	    FlyCamera.prototype.initialize = function () {
 	        this._isActive = true;
 	        this._isPointerLocked = false;
+	        this._isLooking = false;
 	        this._pressed = new Set();
 	        this._velocity = new Vec3(0, 0, 0);
 	        this._targetVelocity = new Vec3(0, 0, 0);
@@ -104571,21 +104572,24 @@ fn fragmentMain(input: FragmentInput) -> FragmentOutput {
 	        this._onKeyUp = this._handleKeyUp.bind(this);
 	        document.addEventListener('keydown', this._onKeyDown);
 	        document.addEventListener('keyup', this._onKeyUp);
-	        // Mouse move when pointer locked
+	        // Mouse move for look (while mouse button held)
 	        this._onMouseMove = this._handleMouseMove.bind(this);
 	        document.addEventListener('mousemove', this._onMouseMove);
-	        // Pointer lock change
-	        this._onPointerLockChange = this._handlePointerLockChange.bind(this);
-	        document.addEventListener('pointerlockchange', this._onPointerLockChange);
-	        // Click on canvas to lock pointer
+	        // Mouse button handling: click + hold to look, release to stop
 	        const canvas = this.app.graphicsDevice.canvas;
 	        this._onClickToLock = (e) => {
-	            // Left button to engage pointer lock
+	            // Left button enables look while held (no pointer lock)
 	            if (e.button === 0 && this._isActive) {
-	                this._requestPointerLock();
+	                this._isLooking = true;
 	            }
 	        };
 	        canvas.addEventListener('mousedown', this._onClickToLock);
+	        this._onMouseUp = (e) => {
+	            if (e.button === 0) {
+	                this._isLooking = false;
+	            }
+	        };
+	        document.addEventListener('mouseup', this._onMouseUp);
 	    };
 	    FlyCamera.prototype.update = function (dt) {
 	        if (!this._isActive)
@@ -104630,16 +104634,26 @@ fn fragmentMain(input: FragmentInput) -> FragmentOutput {
 	        this._onKeyDown = this._onKeyDown || this._handleKeyDown.bind(this);
 	        this._onKeyUp = this._onKeyUp || this._handleKeyUp.bind(this);
 	        this._onMouseMove = this._onMouseMove || this._handleMouseMove.bind(this);
-	        this._onPointerLockChange =
-	            this._onPointerLockChange || this._handlePointerLockChange.bind(this);
 	        document.addEventListener('keydown', this._onKeyDown);
 	        document.addEventListener('keyup', this._onKeyUp);
 	        document.addEventListener('mousemove', this._onMouseMove);
-	        document.addEventListener('pointerlockchange', this._onPointerLockChange);
 	        const canvas = this.app.graphicsDevice.canvas;
 	        this._onClickToLock =
-	            this._onClickToLock || (() => this._requestPointerLock());
+	            this._onClickToLock ||
+	                ((e) => {
+	                    if (e.button === 0 && this._isActive) {
+	                        this._isLooking = true;
+	                    }
+	                });
 	        canvas.addEventListener('mousedown', this._onClickToLock);
+	        this._onMouseUp =
+	            this._onMouseUp ||
+	                ((e) => {
+	                    if (e.button === 0) {
+	                        this._isLooking = false;
+	                    }
+	                });
+	        document.addEventListener('mouseup', this._onMouseUp);
 	    };
 	    FlyCamera.prototype.deactivate = function () {
 	        if (!this._isActive)
@@ -104651,7 +104665,7 @@ fn fragmentMain(input: FragmentInput) -> FragmentOutput {
 	        document.removeEventListener('keydown', this._onKeyDown);
 	        document.removeEventListener('keyup', this._onKeyUp);
 	        document.removeEventListener('mousemove', this._onMouseMove);
-	        document.removeEventListener('pointerlockchange', this._onPointerLockChange);
+	        document.removeEventListener('mouseup', this._onMouseUp);
 	        const canvas = this.app?.graphicsDevice?.canvas;
 	        if (canvas && this._onClickToLock) {
 	            canvas.removeEventListener('mousedown', this._onClickToLock);
@@ -104735,7 +104749,7 @@ fn fragmentMain(input: FragmentInput) -> FragmentOutput {
 	        }
 	    };
 	    FlyCamera.prototype._handleMouseMove = function (e) {
-	        if (!this._isPointerLocked || !this._isActive)
+	        if (!this._isLooking || !this._isActive)
 	            return;
 	        // Invert horizontal (yaw) rotation: moving mouse right rotates view left, and vice versa
 	        const dx = e.movementX * this.lookSensitivity;
@@ -105343,6 +105357,7 @@ fn fragmentMain(input: FragmentInput) -> FragmentOutput {
 	                transform,
 	                metadata,
 	                loadStartTime,
+	                visible: true,
 	            };
 	            if (blobUrl !== undefined) {
 	                modelInfo.blobUrl = blobUrl;
@@ -105546,6 +105561,54 @@ fn fragmentMain(input: FragmentInput) -> FragmentOutput {
 	        model.transform = transform;
 	        model.metadata.transform = transform;
 	    }
+	    /**
+	     * Set visibility for a specific model by ID
+	     * @param modelId ID of the model
+	     * @param visible True to show, false to hide
+	     */
+	    setModelVisible(modelId, visible) {
+	        const model = this.models.get(modelId);
+	        if (!model) {
+	            throw new Error(`Model with ID "${modelId}" not found`);
+	        }
+	        // Apply visibility to underlying entity
+	        if (model.entity) {
+	            model.entity.enabled = visible;
+	        }
+	        model.visible = visible;
+	        // Emit model-visibility-changed event
+	        if (this._eventEmitter) {
+	            this._eventEmitter('model-visibility-changed', {
+	                modelId: model.id,
+	                name: model.name,
+	                visible,
+	            });
+	        }
+	    }
+	    /**
+	     * Set visibility for all models matching a given name
+	     * @param name Model name to match (case-sensitive)
+	     * @param visible True to show, false to hide
+	     */
+	    setModelsVisibleByName(name, visible) {
+	        for (const model of this.models.values()) {
+	            if (model.name === name) {
+	                // Apply visibility to entity
+	                if (model.entity) {
+	                    model.entity.enabled = visible;
+	                }
+	                model.visible = visible;
+	                // Emit model-visibility-changed event for each affected model
+	                if (this._eventEmitter) {
+	                    this._eventEmitter('model-visibility-changed', {
+	                        modelId: model.id,
+	                        name: model.name,
+	                        visible,
+	                    });
+	                }
+	            }
+	        }
+	    }
 	}
 
 	// Core type definitions for the Web Component
@@ -140393,6 +140456,28 @@ fn fragmentMain(input: FragmentInput) -> FragmentOutput {
 	        }
 	        return this._modelManager.getSceneStats();
 	    }
+	    /**
+	     * Set visibility for a specific model by ID
+	     * @param modelId ID of the model
+	     * @param visible True to show, false to hide
+	     */
+	    setModelVisible(modelId, visible) {
+	        if (!this._modelManager) {
+	            throw new Error('SplatViewerCore.setModelVisible: ModelManager not initialized');
+	        }
+	        this._modelManager.setModelVisible(modelId, visible);
+	    }
+	    /**
+	     * Set visibility for all models matching a given name
+	     * @param name Model name to match (case-sensitive)
+	     * @param visible True to show, false to hide
+	     */
+	    setModelsVisibleByName(name, visible) {
+	        if (!this._modelManager) {
+	            throw new Error('SplatViewerCore.setModelsVisibleByName: ModelManager not initialized');
+	        }
+	        this._modelManager.setModelsVisibleByName(name, visible);
+	    }
 	    // ==========================================
 	    // Transform System API
 	    // ==========================================
@@ -141885,6 +141970,28 @@ fn fragmentMain(input: FragmentInput) -> FragmentOutput {
 	        }
 	        return this._core.getSceneStats();
 	    }
+	    /**
+	     * Set visibility for a specific model by ID
+	     * @param modelId ID of the model
+	     * @param visible True to show, false to hide
+	     */
+	    setModelVisible(modelId, visible) {
+	        if (!this._core) {
+	            throw new Error('SplatViewerElement: Core not initialized. Call connectedCallback first.');
+	        }
+	        this._core.setModelVisible(modelId, visible);
+	    }
+	    /**
+	     * Set visibility for all models matching a given name
+	     * @param name Model name to match (case-sensitive)
+	     * @param visible True to show, false to hide
+	     */
+	    setModelsVisibleByName(name, visible) {
+	        if (!this._core) {
+	            throw new Error('SplatViewerElement: Core not initialized. Call connectedCallback first.');
+	        }
+	        this._core.setModelsVisibleByName(name, visible);
+	    }
 	    // ==========================================
 	    // Camera Mode / Fly Camera API
 	    // ==========================================