@naniteninja/trait-visual 1.0.8 → 1.0.10

package/fesm2022/naniteninja-trait-visual.mjs

@@ -3362,8 +3362,11 @@ class TraitVisualCanvasComponent {
     }
     initGalaxyCloud() {
         const base = this.assetsBaseUrl || this.cfg.assetsBaseUrl || '';
-        // Always try URL-based loading first (root-relative when base is '').
-        // Fall back to bundled (embedded) textures if URL load fails.
+        // When an explicit assetsBaseUrl is provided, try URL-based loading first
+        // and fall back to bundled textures on failure.
+        // When no assetsBaseUrl is set (empty string), skip the network request
+        // entirely to avoid 404 console errors in consuming apps.
+        const hasExplicitBase = !!(this.assetsBaseUrl || this.cfg.assetsBaseUrl);
         const scaleUrl = `${base}/scale-texture.png`;
         const colorUrl = `${base}/color-tiles.png`;
         const aniUrl = `${base}/ani-tiles.exr`;
@@ -3404,13 +3407,23 @@ class TraitVisualCanvasComponent {
         };
         const loader = new THREE.TextureLoader();
         // scale-texture.png → scaleTex uniform (with bundled fallback)
-        loader.load(scaleUrl, (tex) => applyTex(tex, 'scaleTex'), undefined, () => {
+        if (hasExplicitBase) {
+            loader.load(scaleUrl, (tex) => applyTex(tex, 'scaleTex'), undefined, () => {
+                loader.load(BUNDLED_SCALE_TEXTURE_URL, (tex) => applyTex(tex, 'scaleTex'));
+            });
+        }
+        else {
             loader.load(BUNDLED_SCALE_TEXTURE_URL, (tex) => applyTex(tex, 'scaleTex'));
-        });
+        }
         // color-tiles.png → color uniform (with bundled fallback)
-        loader.load(colorUrl, (tex) => applyTex(tex, 'color'), undefined, () => {
+        if (hasExplicitBase) {
+            loader.load(colorUrl, (tex) => applyTex(tex, 'color'), undefined, () => {
+                loader.load(BUNDLED_COLOR_TILES_URL, (tex) => applyTex(tex, 'color'));
+            });
+        }
+        else {
             loader.load(BUNDLED_COLOR_TILES_URL, (tex) => applyTex(tex, 'color'));
-        });
+        }
         // ani-tiles.exr → posTex uniform
         // Uses manual fetch + EXRLoader.parse() to avoid Vite pre-bundling issues
         // with EXRLoader.load() (FileLoader response-type handling).
@@ -3457,11 +3470,16 @@ class TraitVisualCanvasComponent {
                 buf[i] = raw.charCodeAt(i);
             parseExrBuffer(buf.buffer);
         };
-        fetch(aniUrl)
-            .then(r => { if (!r.ok)
-            throw new Error(`HTTP ${r.status}`); return r.arrayBuffer(); })
-            .then(buf => parseExrBuffer(buf))
-            .catch(() => loadBundledExr());
+        if (hasExplicitBase) {
+            fetch(aniUrl)
+                .then(r => { if (!r.ok)
+                throw new Error(`HTTP ${r.status}`); return r.arrayBuffer(); })
+                .then(buf => parseExrBuffer(buf))
+                .catch(() => loadBundledExr());
+        }
+        else {
+            loadBundledExr();
+        }
         this.lastAppliedGalaxyParticleCount = this.galaxyParticleCount;
     }
     /** Rebuild the galaxy point cloud (e.g. when galaxyParticleCount changes). Preserves material + textures. */
@@ -4333,10 +4351,10 @@ class TraitVisualCanvasComponent {
             preferences: bh.preferences.slice(),
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TraitVisualCanvasComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: TraitVisualCanvasComponent, isStandalone: true, selector: "tv-trait-visual-canvas", inputs: { config: "config", assetsBaseUrl: "assetsBaseUrl", verboseWebGLLog: "verboseWebGLLog", command: "command" }, outputs: { nodeSelected: "nodeSelected", rightClick: "rightClick", frameRendered: "frameRendered", perfStats: "perfStats", cameraLockChanged: "cameraLockChanged", nodeDataChanged: "nodeDataChanged" }, viewQueries: [{ propertyName: "canvasRef", first: true, predicate: ["rendererCanvas"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"trait-visual-canvas-host\">\r\n  <canvas #rendererCanvas></canvas>\r\n  @if (webGLUnavailable) {\r\n    <div class=\"webgl-unavailable\" role=\"alert\">\r\n      <p class=\"webgl-unavailable-title\">3D display is unavailable</p>\r\n      <p class=\"webgl-unavailable-message\">{{ webGLErrorMessage || 'Your browser or device could not start or keep the 3D display.' }}</p>\r\n      <ul class=\"webgl-unavailable-suggestions\">\r\n        <li><strong>Close other tabs or apps</strong> that use 3D or heavy graphics (games, maps, video tools, or other simulations) to free up your device.</li>\r\n        <li><strong>Use a device with a more capable graphics card</strong>, or try viewing this simulation on a desktop or laptop for better compatibility.</li>\r\n        <li>Try a <strong>different browser</strong> (for example, Chrome, Firefox, or Edge).</li>\r\n        <li><strong>Update your computer's graphics drivers.</strong></li>\r\n        <li><strong>Refresh this page</strong> after closing other apps.</li>\r\n      </ul>\r\n      <button class=\"webgl-retry-button\" (click)=\"retryWebGL()\" i18n>Retry 3D Display</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block;width:100%;height:100%}.trait-visual-canvas-host{width:100%;height:100%;position:relative}.trait-visual-canvas-host canvas{display:block;width:100%;height:100%}.trait-visual-canvas-host .webgl-unavailable{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;background:#000000d9;color:#ccc}.trait-visual-canvas-host .webgl-unavailable .webgl-unavailable-title{margin:0 0 .5rem;font-weight:600;color:#fff}.trait-visual-canvas-host .webgl-unavailable .webgl-unavailable-message{margin:0 0 1rem;font-size:.9rem;text-align:center;max-width:28rem}.trait-visual-canvas-host .webgl-unavailable .webgl-unavailable-suggestions{margin:0;padding-left:1.25rem;font-size:.85rem;text-align:left;max-width:28rem;line-height:1.4}.trait-visual-canvas-host .webgl-unavailable .webgl-unavailable-suggestions li{margin-bottom:.5rem}.trait-visual-canvas-host .webgl-unavailable .webgl-retry-button{margin-top:1rem;padding:.5rem 1.5rem;font-size:.95rem;font-weight:500;color:#fff;background:#4a6cf7;border:none;border-radius:4px;cursor:pointer;transition:background .15s}.trait-visual-canvas-host .webgl-unavailable .webgl-retry-button:hover{background:#3b5de7}\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TraitVisualCanvasComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TraitVisualCanvasComponent, isStandalone: true, selector: "tv-trait-visual-canvas", inputs: { config: "config", assetsBaseUrl: "assetsBaseUrl", verboseWebGLLog: "verboseWebGLLog", command: "command" }, outputs: { nodeSelected: "nodeSelected", rightClick: "rightClick", frameRendered: "frameRendered", perfStats: "perfStats", cameraLockChanged: "cameraLockChanged", nodeDataChanged: "nodeDataChanged" }, viewQueries: [{ propertyName: "canvasRef", first: true, predicate: ["rendererCanvas"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"trait-visual-canvas-host\">\r\n  <canvas #rendererCanvas></canvas>\r\n  @if (webGLUnavailable) {\r\n    <div class=\"webgl-unavailable\" role=\"alert\">\r\n      <p class=\"webgl-unavailable-title\">3D display is unavailable</p>\r\n      <p class=\"webgl-unavailable-message\">{{ webGLErrorMessage || 'Your browser or device could not start or keep the 3D display.' }}</p>\r\n      <ul class=\"webgl-unavailable-suggestions\">\r\n        <li><strong>Close other tabs or apps</strong> that use 3D or heavy graphics (games, maps, video tools, or other simulations) to free up your device.</li>\r\n        <li><strong>Use a device with a more capable graphics card</strong>, or try viewing this simulation on a desktop or laptop for better compatibility.</li>\r\n        <li>Try a <strong>different browser</strong> (for example, Chrome, Firefox, or Edge).</li>\r\n        <li><strong>Update your computer's graphics drivers.</strong></li>\r\n        <li><strong>Refresh this page</strong> after closing other apps.</li>\r\n      </ul>\r\n      <button class=\"webgl-retry-button\" (click)=\"retryWebGL()\" i18n>Retry 3D Display</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block;width:100%;height:100%}.trait-visual-canvas-host{width:100%;height:100%;position:relative}.trait-visual-canvas-host canvas{display:block;width:100%;height:100%}.trait-visual-canvas-host .webgl-unavailable{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;background:#000000d9;color:#ccc}.trait-visual-canvas-host .webgl-unavailable .webgl-unavailable-title{margin:0 0 .5rem;font-weight:600;color:#fff}.trait-visual-canvas-host .webgl-unavailable .webgl-unavailable-message{margin:0 0 1rem;font-size:.9rem;text-align:center;max-width:28rem}.trait-visual-canvas-host .webgl-unavailable .webgl-unavailable-suggestions{margin:0;padding-left:1.25rem;font-size:.85rem;text-align:left;max-width:28rem;line-height:1.4}.trait-visual-canvas-host .webgl-unavailable .webgl-unavailable-suggestions li{margin-bottom:.5rem}.trait-visual-canvas-host .webgl-unavailable .webgl-retry-button{margin-top:1rem;padding:.5rem 1.5rem;font-size:.95rem;font-weight:500;color:#fff;background:#4a6cf7;border:none;border-radius:4px;cursor:pointer;transition:background .15s}.trait-visual-canvas-host .webgl-unavailable .webgl-retry-button:hover{background:#3b5de7}\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TraitVisualCanvasComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TraitVisualCanvasComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tv-trait-visual-canvas', standalone: true, template: "<div class=\"trait-visual-canvas-host\">\r\n  <canvas #rendererCanvas></canvas>\r\n  @if (webGLUnavailable) {\r\n    <div class=\"webgl-unavailable\" role=\"alert\">\r\n      <p class=\"webgl-unavailable-title\">3D display is unavailable</p>\r\n      <p class=\"webgl-unavailable-message\">{{ webGLErrorMessage || 'Your browser or device could not start or keep the 3D display.' }}</p>\r\n      <ul class=\"webgl-unavailable-suggestions\">\r\n        <li><strong>Close other tabs or apps</strong> that use 3D or heavy graphics (games, maps, video tools, or other simulations) to free up your device.</li>\r\n        <li><strong>Use a device with a more capable graphics card</strong>, or try viewing this simulation on a desktop or laptop for better compatibility.</li>\r\n        <li>Try a <strong>different browser</strong> (for example, Chrome, Firefox, or Edge).</li>\r\n        <li><strong>Update your computer's graphics drivers.</strong></li>\r\n        <li><strong>Refresh this page</strong> after closing other apps.</li>\r\n      </ul>\r\n      <button class=\"webgl-retry-button\" (click)=\"retryWebGL()\" i18n>Retry 3D Display</button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block;width:100%;height:100%}.trait-visual-canvas-host{width:100%;height:100%;position:relative}.trait-visual-canvas-host canvas{display:block;width:100%;height:100%}.trait-visual-canvas-host .webgl-unavailable{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;background:#000000d9;color:#ccc}.trait-visual-canvas-host .webgl-unavailable .webgl-unavailable-title{margin:0 0 .5rem;font-weight:600;color:#fff}.trait-visual-canvas-host .webgl-unavailable .webgl-unavailable-message{margin:0 0 1rem;font-size:.9rem;text-align:center;max-width:28rem}.trait-visual-canvas-host .webgl-unavailable .webgl-unavailable-suggestions{margin:0;padding-left:1.25rem;font-size:.85rem;text-align:left;max-width:28rem;line-height:1.4}.trait-visual-canvas-host .webgl-unavailable .webgl-unavailable-suggestions li{margin-bottom:.5rem}.trait-visual-canvas-host .webgl-unavailable .webgl-retry-button{margin-top:1rem;padding:.5rem 1.5rem;font-size:.95rem;font-weight:500;color:#fff;background:#4a6cf7;border:none;border-radius:4px;cursor:pointer;transition:background .15s}.trait-visual-canvas-host .webgl-unavailable .webgl-retry-button:hover{background:#3b5de7}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { config: [{