@shopware-ag/dive 2.3.7 → 3.0.0-beta.0

package/build/engine/environment/Environment.d.ts

@@ -1,11 +1,9 @@
-import { Scene, WebGLRenderer } from 'three';
+import { Scene, WebGPURenderer } from 'three/webgpu';
 export type DIVEEnvironmentSettings = {
     /**
      * Whether to enable the image-based lighting.
      *
      * @default true
-     *
-     * @deprecated enabled defaults to true.
      */
     enabled: boolean;
     /**
@@ -24,8 +22,6 @@ export type DIVEEnvironmentSettings = {
      * The intensity of the environment lighting.
      *
      * @default 1
-     *
-     * @deprecated envIntensity defaults to 1.0.
      */
     globalEnvIntensity: number;
     /**
@@ -44,8 +40,6 @@ export type DIVEEnvironmentSettings = {
      * Whether to replace the existing lights (can be restored via `restoreLights`).
      *
      * @default false
-     *
-     * @deprecated replaceLights defaults to false. Remove lights manually instead.
      */
     replaceLights?: boolean;
 };
@@ -66,7 +60,13 @@ export declare class DIVEEnvironment {
     private currentBackgroundCube;
     private sourceImage;
     private options;
-    constructor(renderer: WebGLRenderer, scene: Scene, options?: Partial<DIVEEnvironmentSettings>);
+    private _loadPromise;
+    private _initPromise;
+    private _sourceImageLoadId;
+    private _initRequested;
+    private _disposed;
+    constructor(renderer: WebGPURenderer, scene: Scene, options?: Partial<DIVEEnvironmentSettings>);
+    init(): Promise<void>;
     /**
      * Disposes the environment.
      */
@@ -84,11 +84,11 @@ export declare class DIVEEnvironment {
      */
     update(): void;
     /**
-     * Sets the renderer and updates the environment. Use this only when rebuilding the webgl renderer.
+     * Sets the renderer and rebinds the PMREM generator. Use this only when rebuilding the renderer.
      *
-     * @param renderer - The webglrenderer.
+     * @param renderer - The renderer.
      */
-    setRenderer(renderer: WebGLRenderer): void;
+    setRenderer(renderer: WebGPURenderer): void;
     /**
      * Sets the URL of the HDR image.
      *
@@ -114,20 +114,5 @@ export declare class DIVEEnvironment {
      * @returns The loaded equirectangular HDR texture.
      */
     private loadHDRImage;
-    /**
-     * @deprecated setGlobalEnvIntensity does nothing.
-     */
-    setGlobalEnvIntensity(intensity: number): void;
-    /**
-     * @deprecated setExposure does nothing.
-     */
-    setExposure(exposure: number): void;
-    /**
-     * @deprecated disable does nothing. Environment is enabled by default.
-     */
-    disable(): void;
-    /**
-     * @deprecated Use update() instead.
-     */
-    enable(): Promise<void>;
+    private _loadSourceImage;
 }

package/build/engine/renderer/Renderer.d.ts

@@ -1,4 +1,4 @@
-import { WebGLRenderer } from 'three';
+import { WebGPURenderer } from 'three/webgpu';
 import { DIVEScene } from '../scene/Scene.ts';
 import { DIVEPerspectiveCamera } from '../camera/PerspectiveCamera.ts';
 import { DIVEEnvironment } from '../environment/Environment.ts';
@@ -72,20 +72,19 @@ export declare class DIVERenderer {
     private _scene;
     private _camera;
     readonly isDIVERenderer: true;
-    private _webglrenderer;
+    private _webgpurenderer;
     private _environment;
+    private _initPromise;
     private _settings;
     constructor(_scene: DIVEScene, _camera: DIVEPerspectiveCamera, settings?: Partial<DIVERendererSettings>);
-    get webglrenderer(): WebGLRenderer;
+    get webgpurenderer(): WebGPURenderer;
     get environment(): DIVEEnvironment;
     get canvas(): HTMLCanvasElement;
+    get initialized(): boolean;
+    init(): Promise<void>;
     render(): void;
     onResize(width: number, height: number): void;
     dispose(): void;
     setCanvas(canvas: HTMLCanvasElement): void;
-    private _createWebGLRenderer;
+    private _createWebGPURenderer;
 }
-/**
- * @deprecated Use `import { DIVERenderer } from '@shopware-ag/dive'` instead.
- */
-export declare const DIVERenderPipeline: typeof DIVERenderer;

package/build/engine/scene/Scene.d.ts

@@ -1,4 +1,4 @@
-import { Scene, Box3, ColorRepresentation } from 'three';
+import { Scene, Box3, ColorRepresentation } from 'three/webgpu';
 import { DIVERoot } from '../../components/root/Root.ts';
 import { DIVEGrid } from '../../components/grid/Grid.ts';
 export type DIVESceneSettings = {

package/build/engine/scene/xrroot/XRRoot.d.ts

@@ -1,6 +1,5 @@
-import { Object3D } from 'three';
+import { Object3D } from 'three/webgpu';
 import { DIVERoot } from '../../../components/root/Root.ts';
-import { DIVERenderer } from '../../renderer/Renderer.ts';
 import { DIVEXRLightRoot } from './xrlightroot/XRLightRoot.ts';
 import { DIVEScene } from '../Scene.ts';
 export declare class DIVEXRRoot extends Object3D {
@@ -12,6 +11,6 @@ export declare class DIVEXRRoot extends Object3D {
     get XRHandNode(): Object3D;
     private _xrShadowPlane;
     constructor(scene: DIVEScene);
-    initLightEstimation(renderer: DIVERenderer): void;
+    initLightEstimation(): void;
     disposeLightEstimation(): void;
 }

package/build/engine/scene/xrroot/xrlightroot/XRLightRoot.d.ts

@@ -1,12 +1,12 @@
-import { DIVERenderer } from '../../../renderer/Renderer.ts';
-import { Object3D } from 'three';
+import { Object3D } from 'three/webgpu';
 import { DIVEScene } from '../../Scene.ts';
 export declare class DIVEXRLightRoot extends Object3D {
     private _scene;
     private _xrLight;
     private _lightRoot;
+    private _warnedUnsupported;
     constructor(scene: DIVEScene);
-    initLightEstimation(renderer: DIVERenderer): void;
+    initLightEstimation(): void;
     disposeLightEstimation(): void;
     private onEstimationStart;
     private onEstimationEnd;

package/build/helpers/findInterface/findInterface.d.ts

@@ -1,2 +1,2 @@
-import { Object3D } from 'three';
+import { Object3D } from 'three/webgpu';
 export declare function findInterface<T>(object: Object3D | null | undefined, discriminator: string): (Object3D & T) | undefined;

package/build/helpers/findSceneRecursive/findSceneRecursive.d.ts

@@ -1,4 +1,4 @@
-import { Object3D } from 'three';
+import { Object3D } from 'three/webgpu';
 import { DIVEScene } from '../../engine/scene/Scene.ts';
 /**
  * Find the scene object of an object.

package/build/helpers/implementsInterface/implementsInterface.d.ts

@@ -1,2 +1,2 @@
-import { Object3D } from 'three';
+import { Object3D } from 'three/webgpu';
 export declare function implementsInterface<T>(object: Object3D | null | undefined, discriminator: string): object is Object3D & T;

package/build/helpers/math/signedAngleTo/signedAngleTo.d.ts

@@ -1,4 +1,4 @@
-import { Vector3 } from 'three';
+import { Vector3 } from 'three/webgpu';
 /**
  * Calculate the signed angle between two vectors. Only works when the vectors are on the same plane.
  * @param vecB Start Vector

package/build/interfaces/Hoverable.d.ts

@@ -1,4 +1,4 @@
-import { Intersection } from 'three';
+import { Intersection } from 'three/webgpu';
 export interface DIVEHoverable {
     isHoverable: true;
     onPointerEnter?: (i: Intersection) => void;

package/build/plugins/animation/index.cjs

@@ -1 +1 @@
-"use strict";var m=Object.defineProperty;var u=(s,t,e)=>t in s?m(s,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):s[t]=e;var n=(s,t,e)=>u(s,typeof t!="symbol"?t+"":t,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@tweenjs/tween.js"),c=require("three");class l{constructor(){n(this,"uuid",c.MathUtils.generateUUID());n(this,"Easing",o.Easing);n(this,"_animators",new Map)}dispose(){for(const t of this._animators.values())t.dispose();this._animators.clear()}tick(t){for(const e of this._animators.values())e.update(t)}async animate(t,e,i){const a=await this.fromTargets(t,e,i);return a.play(),a}async fromTargets(t,e,i){const{TargetAnimator:a}=await Promise.resolve().then(()=>require("../../chunks/TargetAnimator-DuqPk2eq.cjs")),r=new a(t,e,i);return this._animators.set(r.uuid,r),r}async fromClips(t,e){const{ClipAnimator:i}=await Promise.resolve().then(()=>require("../../chunks/ClipAnimator-tjhLo851.cjs")),a=new i(t,e);return this._animators.set(a.uuid,a),a}remove(t){const e=this._animators.get(t);if(!e){console.warn(`Animator with uuid ${t} not found`);return}e.dispose(),this._animators.delete(t)}}Object.defineProperty(exports,"Easing",{enumerable:!0,get:()=>o.Easing});exports.AnimationSystem=l;
+"use strict";var m=Object.defineProperty;var u=(a,t,e)=>t in a?m(a,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[t]=e;var i=(a,t,e)=>u(a,typeof t!="symbol"?t+"":t,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@tweenjs/tween.js"),c=require("three/webgpu");class l{constructor(){i(this,"uuid",c.MathUtils.generateUUID());i(this,"Easing",o.Easing);i(this,"_animators",new Map)}dispose(){for(const t of this._animators.values())t.dispose();this._animators.clear()}tick(t){for(const e of this._animators.values())e.update(t)}async fromTargets(t,e,n){const{TargetAnimator:s}=await Promise.resolve().then(()=>require("../../chunks/TargetAnimator-D37bWNKD.cjs")),r=new s(t,e,n);return this._animators.set(r.uuid,r),r}async fromClips(t,e){const{ClipAnimator:n}=await Promise.resolve().then(()=>require("../../chunks/ClipAnimator-SdDq2wk1.cjs")),s=new n(t,e);return this._animators.set(s.uuid,s),s}remove(t){const e=this._animators.get(t);if(!e){console.warn(`Animator with uuid ${t} not found`);return}e.dispose(),this._animators.delete(t)}}Object.defineProperty(exports,"Easing",{enumerable:!0,get:()=>o.Easing});exports.AnimationSystem=l;

package/build/plugins/animation/index.mjs

@@ -1,14 +1,14 @@
 var e = Object.defineProperty;
-var m = (i, t, a) => t in i ? e(i, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : i[t] = a;
-var n = (i, t, a) => m(i, typeof t != "symbol" ? t + "" : t, a);
+var m = (o, t, a) => t in o ? e(o, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : o[t] = a;
+var s = (o, t, a) => m(o, typeof t != "symbol" ? t + "" : t, a);
 import { Easing as c } from "@tweenjs/tween.js";
-import { Easing as w } from "@tweenjs/tween.js";
-import { MathUtils as p } from "three";
+import { Easing as g } from "@tweenjs/tween.js";
+import { MathUtils as p } from "three/webgpu";
 class l {
   constructor() {
-    n(this, "uuid", p.generateUUID());
-    n(this, "Easing", c);
-    n(this, "_animators", /* @__PURE__ */ new Map());
+    s(this, "uuid", p.generateUUID());
+    s(this, "Easing", c);
+    s(this, "_animators", /* @__PURE__ */ new Map());
   }
   dispose() {
     for (const t of this._animators.values())
@@ -19,14 +19,6 @@ class l {
     for (const a of this._animators.values())
       a.update(t);
   }
-  /**
-   * @deprecated Use `fromTargets()` instead.
-   * @note This method also calls .play() on the animator automatically. This has been removed in fromTargets(). You have to call .play() independently after creating the animator.
-   */
-  async animate(t, a, s) {
-    const o = await this.fromTargets(t, a, s);
-    return o.play(), o;
-  }
   /**
    * Creates a TargetAnimator and returns it asynchronously.
    *
@@ -55,8 +47,8 @@ class l {
    * @param options - The options for the animation.
    * @returns Promise<TargetAnimator>.
    */
-  async fromTargets(t, a, s) {
-    const { TargetAnimator: o } = await import("../../chunks/TargetAnimator-DUqkkdVb.mjs"), r = new o(t, a, s);
+  async fromTargets(t, a, n) {
+    const { TargetAnimator: i } = await import("../../chunks/TargetAnimator-DL_9b921.mjs"), r = new i(t, a, n);
     return this._animators.set(r.uuid, r), r;
   }
   /**
@@ -78,8 +70,8 @@ class l {
    * @returns Promise<ClipAnimator>.
    */
   async fromClips(t, a) {
-    const { ClipAnimator: s } = await import("../../chunks/ClipAnimator-keFLDMNZ.mjs"), o = new s(t, a);
-    return this._animators.set(o.uuid, o), o;
+    const { ClipAnimator: n } = await import("../../chunks/ClipAnimator-D8Gho4Ec.mjs"), i = new n(t, a);
+    return this._animators.set(i.uuid, i), i;
   }
   /**
    * Removes an animator from the system.
@@ -97,5 +89,5 @@ class l {
 }
 export {
   l as AnimationSystem,
-  w as Easing
+  g as Easing
 };

package/build/plugins/animation/src/animator/Animator.d.ts

@@ -1,4 +1,4 @@
-import { EventDispatcher } from 'three/src/core/EventDispatcher.js';
+import { EventDispatcher } from 'three/webgpu';
 import { TAnimatorEventMap, TAnimatorLoopMode, TAnimatorState } from '../types/AnimatorTypes.ts';
 /**
  * Abstract base class for all animation types.

package/build/plugins/animation/src/animator/ClipAnimator.d.ts

@@ -1,4 +1,4 @@
-import { AnimationClip, Object3D } from 'three';
+import { AnimationClip, Object3D } from 'three/webgpu';
 import { Animator } from './Animator.ts';
 import { TAnimatorLoopMode, TAnimatorState } from '../types/AnimatorTypes.ts';
 /**

package/build/plugins/animation/src/system/AnimationSystem.d.ts

@@ -1,4 +1,4 @@
-import { AnimationClip, Object3D } from 'three';
+import { AnimationClip, Object3D } from 'three/webgpu';
 import { DIVETicker } from '../../../../index.ts';
 type ClipAnimator = import('../animator/ClipAnimator.ts').ClipAnimator;
 type TargetAnimator = import('../animator/TargetAnimator.ts').TargetAnimator;
@@ -82,11 +82,6 @@ export declare class AnimationSystem implements DIVETicker {
     private _animators;
     dispose(): void;
     tick(deltaTime: number): void;
-    /**
-     * @deprecated Use `fromTargets()` instead.
-     * @note This method also calls .play() on the animator automatically. This has been removed in fromTargets(). You have to call .play() independently after creating the animator.
-     */
-    animate(targets: AnimationTarget | AnimationTarget[], duration: number, options?: TargetAnimatorOptions): Promise<TargetAnimator>;
     /**
      * Creates a TargetAnimator and returns it asynchronously.
      *

package/build/plugins/animation/src/types/AnimatorTypes.d.ts

@@ -1,4 +1,4 @@
-import { Event } from 'three/src/core/EventDispatcher.js';
+import { Event } from 'three/webgpu';
 export type TAnimatorState = 'idle' | 'playing' | 'paused';
 export type TAnimatorEventMap = {
     play: Event;

package/build/plugins/ar/index.cjs

@@ -1 +1 @@
-"use strict";var f=Object.defineProperty;var h=(o,e,r)=>e in o?f(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r;var l=(o,e,r)=>h(o,typeof e!="symbol"?e+"":e,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../systeminfo/index.cjs"),A=require("../assetconverter/index.cjs"),O=require("../../chunks/AssetLoader-DJb8P6eB.cjs"),w=require("../../chunks/AssetExporter-yVhYmVXW.cjs");var m=(o=>(o.AR_DESKTOP_PLATFORM_ERROR="ar-desktop-platform-error",o.AR_QUICK_LOOK_NOT_SAFARI_ERROR="ar-quicklook-not-safari-error",o.AR_QUICK_LOOK_VERSION_MISMATCH_ERROR="ar-quicklook-version-mismatch-error",o.AR_QUICK_LOOK_UNKNOWN_ERROR="ar-quicklook-unknown-error",o))(m||{});class a extends Error{constructor(r,t){super(r);l(this,"type");this.name=this.constructor.name,this.type=t,Object.setPrototypeOf(this,new.target.prototype)}}class R extends a{constructor(){super("AR features are not supported on desktop platforms.","ar-desktop-platform-error")}}class p extends a{constructor(){super("ARQuickLook on iOS is only available in Safari.","ar-quicklook-not-safari-error")}}class d extends a{constructor(e,r){super(`ARQuickLook requires iOS version ${r} or later. Current version: ${e}.`,"ar-quicklook-version-mismatch-error"),this.currentVersion=e,this.requiredVersion=r}}class u extends a{constructor(){super("An unknown ARQuickLook compatibility error occurred.","ar-quicklook-unknown-error")}}const k=12;class S{constructor(){l(this,"converter",new A.AssetConverter(new O.AssetLoader,new w.AssetExporter))}async launch(e,r){if(c.SystemInfo.getBrowser()!==c.EBrowser.SAFARI)return Promise.reject(new p);const t=c.SystemInfo.getIOSVersion();if(t&&t.major<k)return Promise.reject(new d(t.full,k));if(!t)return Promise.reject(new u);if(!c.SystemInfo.getSupportsARQuickLook())return Promise.reject(new u);const n=await this.convertToUSDZ(e,r);return this.launchARQuickLook(n,r)}async convertToUSDZ(e,r){const t=await this.converter.convert(e).to("usdz",{quickLookCompatible:!0,ar:{anchoring:{type:"plane"},planeAnchoring:{alignment:"horizontal"}}}),n=new Blob([t],{type:"model/vnd.usdz+zip"});return URL.createObjectURL(n)}launchARQuickLook(e,r){return new Promise(t=>{(r==null?void 0:r.arScale)==="fixed"&&(e=e.concat("#allowsContentScaling=0"));const n=document.createElement("a");n.innerHTML="<picture></picture>",n.rel="ar",n.href=e,n.download="scene.usdz",t(),n.click()})}}class _{launch(e,r){const t=self.location.toString(),n=document.createElement("a"),s=this._createParams(t,e,r),i=this._createIntent(t,e,s);n.setAttribute("href",i),n.click()}_createParams(e,r,t){const n=new URL(r,e),s=new URLSearchParams(n.search);return s.set("mode","ar_preferred"),this._applyScaleOption(s,t),this._applyPlacementOption(s,t),this._applySoundOption(s,e),this._applyLinkOption(s,e),s}_applyScaleOption(e,r){(r==null?void 0:r.arScale)==="fixed"&&e.set("resizable","false")}_applyPlacementOption(e,r){(r==null?void 0:r.arPlacement)==="vertical"&&e.set("enable_vertical_placement","true")}_applySoundOption(e,r){if(e.has("sound")){const t=new URL(e.get("sound"),r);e.set("sound",t.toString())}}_applyLinkOption(e,r){if(e.has("link")){const t=new URL(e.get("link"),r);e.set("link",t.toString())}}_createIntent(e,r,t){const n=new URL(e),s=new URL(r,e),i="#model-viewer-no-ar-fallback";return n.hash=i,`intent://arvr.google.com/scene-viewer/1.2?${t.toString()+"&file="+s.toString()}#Intent;scheme=https;package=com.google.android.googlequicksearchbox;action=android.intent.action.VIEW;S.browser_fallback_url=${encodeURIComponent(n.toString())};end;`}}class L{async launch(e,r){const t=c.SystemInfo.getSystem();return t===c.ESystem.IOS?new S().launch(e,r):t===c.ESystem.ANDROID?new _().launch(e,r):Promise.reject(new R)}}exports.ARDesktopPlatformError=R;exports.ARError=a;exports.ARQuickLook=S;exports.ARQuickLookNotSafariError=p;exports.ARQuickLookUnknownError=u;exports.ARQuickLookVersionMismatchError=d;exports.ARSystem=L;exports.EARErrorType=m;exports.SceneViewer=_;
+"use strict";var f=Object.defineProperty;var h=(o,e,r)=>e in o?f(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r;var l=(o,e,r)=>h(o,typeof e!="symbol"?e+"":e,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../systeminfo/index.cjs"),A=require("../assetconverter/index.cjs"),O=require("../../chunks/AssetLoader-h2uyFEfZ.cjs");require("three/examples/jsm/loaders/DRACOLoader.js");const w=require("../../chunks/AssetExporter-Cdxb04b3.cjs");var m=(o=>(o.AR_DESKTOP_PLATFORM_ERROR="ar-desktop-platform-error",o.AR_QUICK_LOOK_NOT_SAFARI_ERROR="ar-quicklook-not-safari-error",o.AR_QUICK_LOOK_VERSION_MISMATCH_ERROR="ar-quicklook-version-mismatch-error",o.AR_QUICK_LOOK_UNKNOWN_ERROR="ar-quicklook-unknown-error",o))(m||{});class a extends Error{constructor(r,t){super(r);l(this,"type");this.name=this.constructor.name,this.type=t,Object.setPrototypeOf(this,new.target.prototype)}}class R extends a{constructor(){super("AR features are not supported on desktop platforms.","ar-desktop-platform-error")}}class p extends a{constructor(){super("ARQuickLook on iOS is only available in Safari.","ar-quicklook-not-safari-error")}}class d extends a{constructor(e,r){super(`ARQuickLook requires iOS version ${r} or later. Current version: ${e}.`,"ar-quicklook-version-mismatch-error"),this.currentVersion=e,this.requiredVersion=r}}class u extends a{constructor(){super("An unknown ARQuickLook compatibility error occurred.","ar-quicklook-unknown-error")}}const k=12;class S{constructor(){l(this,"converter",new A.AssetConverter(new O.AssetLoader,new w.AssetExporter))}async launch(e,r){if(c.SystemInfo.getBrowser()!==c.EBrowser.SAFARI)return Promise.reject(new p);const t=c.SystemInfo.getIOSVersion();if(t&&t.major<k)return Promise.reject(new d(t.full,k));if(!t)return Promise.reject(new u);if(!c.SystemInfo.getSupportsARQuickLook())return Promise.reject(new u);const n=await this.convertToUSDZ(e,r);return this.launchARQuickLook(n,r)}async convertToUSDZ(e,r){const t=await this.converter.convert(e).to("usdz",{quickLookCompatible:!0,ar:{anchoring:{type:"plane"},planeAnchoring:{alignment:"horizontal"}}}),n=new Blob([t],{type:"model/vnd.usdz+zip"});return URL.createObjectURL(n)}launchARQuickLook(e,r){return new Promise(t=>{(r==null?void 0:r.arScale)==="fixed"&&(e=e.concat("#allowsContentScaling=0"));const n=document.createElement("a");n.innerHTML="<picture></picture>",n.rel="ar",n.href=e,n.download="scene.usdz",t(),n.click()})}}class _{launch(e,r){const t=self.location.toString(),n=document.createElement("a"),s=this._createParams(t,e,r),i=this._createIntent(t,e,s);n.setAttribute("href",i),n.click()}_createParams(e,r,t){const n=new URL(r,e),s=new URLSearchParams(n.search);return s.set("mode","ar_preferred"),this._applyScaleOption(s,t),this._applyPlacementOption(s,t),this._applySoundOption(s,e),this._applyLinkOption(s,e),s}_applyScaleOption(e,r){(r==null?void 0:r.arScale)==="fixed"&&e.set("resizable","false")}_applyPlacementOption(e,r){(r==null?void 0:r.arPlacement)==="vertical"&&e.set("enable_vertical_placement","true")}_applySoundOption(e,r){if(e.has("sound")){const t=new URL(e.get("sound"),r);e.set("sound",t.toString())}}_applyLinkOption(e,r){if(e.has("link")){const t=new URL(e.get("link"),r);e.set("link",t.toString())}}_createIntent(e,r,t){const n=new URL(e),s=new URL(r,e),i="#model-viewer-no-ar-fallback";return n.hash=i,`intent://arvr.google.com/scene-viewer/1.2?${t.toString()+"&file="+s.toString()}#Intent;scheme=https;package=com.google.android.googlequicksearchbox;action=android.intent.action.VIEW;S.browser_fallback_url=${encodeURIComponent(n.toString())};end;`}}class L{async launch(e,r){const t=c.SystemInfo.getSystem();return t===c.ESystem.IOS?new S().launch(e,r):t===c.ESystem.ANDROID?new _().launch(e,r):Promise.reject(new R)}}exports.ARDesktopPlatformError=R;exports.ARError=a;exports.ARQuickLook=S;exports.ARQuickLookNotSafariError=p;exports.ARQuickLookUnknownError=u;exports.ARQuickLookVersionMismatchError=d;exports.ARSystem=L;exports.EARErrorType=m;exports.SceneViewer=_;

package/build/plugins/ar/index.mjs

@@ -3,8 +3,9 @@ var R = (o, e, r) => e in o ? p(o, e, { enumerable: !0, configurable: !0, writab
 var l = (o, e, r) => R(o, typeof e != "symbol" ? e + "" : e, r);
 import { SystemInfo as c, EBrowser as d, ESystem as u } from "../systeminfo/index.mjs";
 import { AssetConverter as h } from "../assetconverter/index.mjs";
-import { A as _ } from "../../chunks/AssetLoader-BA_QwJMR.mjs";
-import { A as f } from "../../chunks/AssetExporter-PFiNYi50.mjs";
+import { A as _ } from "../../chunks/AssetLoader-DO7xlbC3.mjs";
+import "three/examples/jsm/loaders/DRACOLoader.js";
+import { A as f } from "../../chunks/AssetExporter-DLL_vJae.mjs";
 var S = /* @__PURE__ */ ((o) => (o.AR_DESKTOP_PLATFORM_ERROR = "ar-desktop-platform-error", o.AR_QUICK_LOOK_NOT_SAFARI_ERROR = "ar-quicklook-not-safari-error", o.AR_QUICK_LOOK_VERSION_MISMATCH_ERROR = "ar-quicklook-version-mismatch-error", o.AR_QUICK_LOOK_UNKNOWN_ERROR = "ar-quicklook-unknown-error", o))(S || {});
 class a extends Error {
   constructor(r, t) {
@@ -180,7 +181,7 @@ class g {
     )};end;`;
   }
 }
-class b {
+class Q {
   /**
    * Launches an AR experience using the appropriate platform-specific implementation
    *
@@ -201,7 +202,7 @@ export {
   w as ARQuickLookNotSafariError,
   k as ARQuickLookUnknownError,
   A as ARQuickLookVersionMismatchError,
-  b as ARSystem,
+  Q as ARSystem,
   S as EARErrorType,
   g as SceneViewer
 };

package/build/plugins/ar/src/webxr/controller/WebXRController.d.ts

@@ -1,4 +1,4 @@
-import { Object3D } from 'three';
+import { Object3D } from 'three/webgpu';
 import { DIVERenderer } from '../../../../../engine/renderer/Renderer.ts';
 import { DIVEScene } from '../../../../../engine/scene/Scene.ts';
 export declare class DIVEWebXRController extends Object3D {

package/build/plugins/ar/src/webxr/crosshair/WebXRCrosshair.d.ts

@@ -1,4 +1,4 @@
-import { Mesh, Object3D } from 'three';
+import { Mesh, Object3D } from 'three/webgpu';
 export declare class DIVEWebXRCrosshair extends Object3D {
     set mesh(mesh: Mesh | undefined);
     constructor(mesh?: Mesh);

package/build/plugins/ar/src/webxr/origin/WebXROrigin.d.ts

@@ -1,4 +1,4 @@
-import { Matrix4, Quaternion, Vector3 } from 'three';
+import { Matrix4, Quaternion, Vector3 } from 'three/webgpu';
 import { DIVERenderer } from '../../../../../engine/renderer/Renderer.ts';
 export declare class DIVEWebXROrigin {
     private _renderer;

package/build/plugins/ar/src/webxr/raycaster/WebXRRaycaster.d.ts

@@ -1,4 +1,4 @@
-import { Matrix4, Mesh, Vector3 } from 'three';
+import { Matrix4, Mesh, Vector3 } from 'three/webgpu';
 import { DIVERenderer } from '../../../../../engine/renderer/Renderer.ts';
 import { DIVEScene } from '../../../../../engine/scene/Scene.ts';
 import { EventDispatcher } from '../../../../../events/index.ts';

package/build/plugins/ar/src/webxr/touchscreencontrols/WebXRTouchscreenControls.d.ts

@@ -1,4 +1,4 @@
-import { Vector2 } from 'three';
+import { Vector2 } from 'three/webgpu';
 import { EventDispatcher } from '../../../../../events/index.ts';
 export type DIVETouchscreenEvents = {
     TOUCH_START: {

package/build/plugins/assetcache/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/AssetCache-DJyYrAdR.cjs");exports.AssetCache=e.AssetCache;exports.Chunk=e.Chunk;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/AssetCache-CnbDDhU8.cjs");exports.AssetCache=e.AssetCache;exports.Chunk=e.Chunk;

package/build/plugins/assetcache/index.mjs

@@ -1,4 +1,4 @@
-import { A as e, C } from "../../chunks/AssetCache-DSpWOp3n.mjs";
+import { A as e, C } from "../../chunks/AssetCache-C2DuXcmp.mjs";
 export {
   e as AssetCache,
   C as Chunk

package/build/plugins/assetexporter/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/AssetExporter-yVhYmVXW.cjs");exports.AssetExporter=e.AssetExporter;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/AssetExporter-Cdxb04b3.cjs");exports.AssetExporter=e.AssetExporter;

package/build/plugins/assetexporter/index.mjs

@@ -1,4 +1,4 @@
-import { A as o } from "../../chunks/AssetExporter-PFiNYi50.mjs";
+import { A as o } from "../../chunks/AssetExporter-DLL_vJae.mjs";
 export {
   o as AssetExporter
 };

package/build/plugins/assetexporter/src/AssetExporter.d.ts

@@ -1,4 +1,4 @@
-import { Object3D } from 'three';
+import { Object3D } from 'three/webgpu';
 import { GLTFExporterOptions as THREEGLTFExporterOptions } from 'three/examples/jsm/exporters/GLTFExporter.js';
 import { USDZExporterOptions as THREEUSDZExporterOptions } from 'three/examples/jsm/exporters/USDZExporter.js';
 import { FileType } from '../../../types/file/FileTypes.ts';

package/build/plugins/assetloader/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/AssetLoader-DJb8P6eB.cjs");exports.AssetLoader=e.AssetLoader;exports.DRACOWorker=e.DRACOWorker;exports.DracoLoader=e.DracoLoader;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/AssetLoader-h2uyFEfZ.cjs");exports.AssetLoader=e.AssetLoader;exports.DRACOWorker=e.DRACOWorker;exports.DracoLoader=e.DracoLoader;

package/build/plugins/assetloader/index.mjs

@@ -1,5 +1,5 @@
-import { A as o } from "../../chunks/AssetLoader-BA_QwJMR.mjs";
-import { D as s, a as t } from "../../chunks/AssetLoader-BA_QwJMR.mjs";
+import { A as o } from "../../chunks/AssetLoader-DO7xlbC3.mjs";
+import { D as s, a as t } from "../../chunks/AssetLoader-DO7xlbC3.mjs";
 export {
   o as AssetLoader,
   s as DRACOWorker,

package/build/plugins/assetloader/src/loader/AssetLoader.d.ts

@@ -1,8 +1,8 @@
-import { Object3D } from 'three';
+import { Object3D } from 'three/webgpu';
 import { FileType } from '../../../../index.ts';
 export declare class AssetLoader {
     private _gltfLoader;
-    private _usdzLoader;
+    private _usdLoader;
     private _stepLoader;
     constructor();
     load(uri: string, fileType?: FileType): Promise<Object3D>;

package/build/plugins/assetloader/src/step/STEPLoader.d.ts

@@ -1,4 +1,4 @@
-import { Object3D } from 'three';
+import { Object3D } from 'three/webgpu';
 /**
  * Loader for STEP, STP, IGES, and IGS CAD files using occt-import-js.
  * Parsing runs in a blob-URL Web Worker (same pattern as DracoLoader).

package/build/plugins/mediacreator/index.cjs

@@ -1 +1 @@
-"use strict";var h=Object.defineProperty;var b=(t,e,r)=>e in t?h(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var n=(t,e,r)=>b(t,typeof e!="symbol"?e+"":e,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../chunks/PerspectiveCamera-iAsZqrnY.cjs");class p{constructor(e,r,o){n(this,"_renderer");n(this,"_scene");n(this,"_controller");this._renderer=e,this._scene=r,this._controller=o}generateMedia(e){const{position:r,target:o,resolution:l}=e,{width:s,height:i}=l,a=this._controller.object.position.clone(),_=this._controller.object.quaternion.clone();this._renderer.onResize(s,i),"onResize"in this._controller.object&&this._controller.object.onResize(s,i),this._controller.object.position.copy(r),this._controller.target.copy(o),this._controller.update();const d=this.drawCanvas().toDataURL();return this._controller.object.position.copy(a),this._controller.object.quaternion.copy(_),d}drawCanvas(e){const r=this._renderer.webglrenderer.domElement;e&&(this._renderer.webglrenderer.domElement=e),this._controller.object.layers.mask=c.DIVEPerspectiveCamera.LIVE_VIEW_LAYER_MASK,this._renderer.webglrenderer.render(this._scene,this._controller.object),this._controller.object.layers.mask=c.DIVEPerspectiveCamera.EDITOR_VIEW_LAYER_MASK;const o=this._renderer.webglrenderer.domElement;return e&&(this._renderer.webglrenderer.domElement=r),o}}exports.MediaCreator=p;
+"use strict";var p=Object.defineProperty;var y=(c,t,e)=>t in c?p(c,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):c[t]=e;var a=(c,t,e)=>y(c,typeof t!="symbol"?t+"":t,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("three/webgpu"),w=require("../../chunks/PerspectiveCamera-DwQUmkDv.cjs");class b{constructor(t,e,r){a(this,"_renderer");a(this,"_scene");a(this,"_controller");this._renderer=t,this._scene=e,this._controller=r}async generateMedia(t){const{position:e,target:r,resolution:i}=t,{width:o,height:s}=i,h=this._controller.object.position.clone(),d=this._controller.object.quaternion.clone(),l=this._controller.target.clone(),n=this._renderer.canvas.clientWidth||o,g=this._renderer.canvas.clientHeight||s;try{return"onResize"in this._controller.object&&this._controller.object.onResize(o,s),this._controller.object.position.copy(e),this._controller.target.copy(r),this._controller.update(),(await this.drawCanvas(void 0,i)).toDataURL()}finally{this._controller.object.position.copy(h),this._controller.object.quaternion.copy(d),this._controller.target.copy(l),this._controller.update(),"onResize"in this._controller.object&&this._controller.object.onResize(n,g)}}async drawCanvas(t,e){await this._renderer.init();const r=this._renderer.webgpurenderer,i=Math.max(1,(e==null?void 0:e.width)??(t==null?void 0:t.width)??(t==null?void 0:t.clientWidth)??this._renderer.canvas.clientWidth),o=Math.max(1,(e==null?void 0:e.height)??(t==null?void 0:t.height)??(t==null?void 0:t.clientHeight)??this._renderer.canvas.clientHeight),s=new _.RenderTarget(i,o,{colorSpace:_.SRGBColorSpace}),h=r.getRenderTarget(),d=this._controller.object.layers.mask;try{r.setRenderTarget(s),this._controller.object.layers.mask=w.DIVEPerspectiveCamera.LIVE_VIEW_LAYER_MASK,r.render(this._scene,this._controller.object);const l=await r.readRenderTargetPixelsAsync(s,0,0,i,o),n=t??document.createElement("canvas");return n.width=i,n.height=o,this._writePixelsToCanvas(n,l,i,o),n}finally{this._controller.object.layers.mask=d,r.setRenderTarget(h),s.dispose()}}_writePixelsToCanvas(t,e,r,i){const o=t.getContext("2d");if(!o)throw new Error("MediaCreator.drawCanvas: 2D canvas context is not available.");const s=o.createImageData(r,i);s.data.set(new Uint8ClampedArray(Array.from(e))),o.putImageData(s,0,0)}}exports.MediaCreator=b;

package/build/plugins/mediacreator/index.mjs

@@ -1,30 +1,58 @@
-var d = Object.defineProperty;
-var b = (t, e, r) => e in t ? d(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var n = (t, e, r) => b(t, typeof e != "symbol" ? e + "" : e, r);
-import { D as c } from "../../chunks/PerspectiveCamera-BFzE2TQU.mjs";
-class j {
-  constructor(e, r, o) {
-    n(this, "_renderer");
-    n(this, "_scene");
-    n(this, "_controller");
-    this._renderer = e, this._scene = r, this._controller = o;
+var g = Object.defineProperty;
+var p = (c, t, e) => t in c ? g(c, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[t] = e;
+var a = (c, t, e) => p(c, typeof t != "symbol" ? t + "" : t, e);
+import { RenderTarget as w, SRGBColorSpace as y } from "three/webgpu";
+import { D as b } from "../../chunks/PerspectiveCamera-B5TvUzTa.mjs";
+class T {
+  constructor(t, e, r) {
+    a(this, "_renderer");
+    a(this, "_scene");
+    a(this, "_controller");
+    this._renderer = t, this._scene = e, this._controller = r;
   }
-  generateMedia(e) {
-    const { position: r, target: o, resolution: l } = e, { width: s, height: i } = l, _ = this._controller.object.position.clone(), a = this._controller.object.quaternion.clone();
-    this._renderer.onResize(s, i), "onResize" in this._controller.object && this._controller.object.onResize(s, i), this._controller.object.position.copy(r), this._controller.target.copy(o), this._controller.update();
-    const h = this.drawCanvas().toDataURL();
-    return this._controller.object.position.copy(_), this._controller.object.quaternion.copy(a), h;
+  async generateMedia(t) {
+    const { position: e, target: r, resolution: i } = t, { width: o, height: s } = i, h = this._controller.object.position.clone(), d = this._controller.object.quaternion.clone(), l = this._controller.target.clone(), n = this._renderer.canvas.clientWidth || o, _ = this._renderer.canvas.clientHeight || s;
+    try {
+      return "onResize" in this._controller.object && this._controller.object.onResize(o, s), this._controller.object.position.copy(e), this._controller.target.copy(r), this._controller.update(), (await this.drawCanvas(void 0, i)).toDataURL();
+    } finally {
+      this._controller.object.position.copy(h), this._controller.object.quaternion.copy(d), this._controller.target.copy(l), this._controller.update(), "onResize" in this._controller.object && this._controller.object.onResize(n, _);
+    }
   }
-  drawCanvas(e) {
-    const r = this._renderer.webglrenderer.domElement;
-    e && (this._renderer.webglrenderer.domElement = e), this._controller.object.layers.mask = c.LIVE_VIEW_LAYER_MASK, this._renderer.webglrenderer.render(
-      this._scene,
-      this._controller.object
-    ), this._controller.object.layers.mask = c.EDITOR_VIEW_LAYER_MASK;
-    const o = this._renderer.webglrenderer.domElement;
-    return e && (this._renderer.webglrenderer.domElement = r), o;
+  async drawCanvas(t, e) {
+    await this._renderer.init();
+    const r = this._renderer.webgpurenderer, i = Math.max(
+      1,
+      (e == null ? void 0 : e.width) ?? (t == null ? void 0 : t.width) ?? (t == null ? void 0 : t.clientWidth) ?? this._renderer.canvas.clientWidth
+    ), o = Math.max(
+      1,
+      (e == null ? void 0 : e.height) ?? (t == null ? void 0 : t.height) ?? (t == null ? void 0 : t.clientHeight) ?? this._renderer.canvas.clientHeight
+    ), s = new w(i, o, {
+      colorSpace: y
+    }), h = r.getRenderTarget(), d = this._controller.object.layers.mask;
+    try {
+      r.setRenderTarget(s), this._controller.object.layers.mask = b.LIVE_VIEW_LAYER_MASK, r.render(this._scene, this._controller.object);
+      const l = await r.readRenderTargetPixelsAsync(
+        s,
+        0,
+        0,
+        i,
+        o
+      ), n = t ?? document.createElement("canvas");
+      return n.width = i, n.height = o, this._writePixelsToCanvas(n, l, i, o), n;
+    } finally {
+      this._controller.object.layers.mask = d, r.setRenderTarget(h), s.dispose();
+    }
+  }
+  _writePixelsToCanvas(t, e, r, i) {
+    const o = t.getContext("2d");
+    if (!o)
+      throw new Error(
+        "MediaCreator.drawCanvas: 2D canvas context is not available."
+      );
+    const s = o.createImageData(r, i);
+    s.data.set(new Uint8ClampedArray(Array.from(e))), o.putImageData(s, 0, 0);
   }
 }
 export {
-  j as MediaCreator
+  T as MediaCreator
 };

package/build/plugins/mediacreator/src/MediaCreator.d.ts

@@ -1,7 +1,7 @@
 import { DIVEScene } from '../../../engine/scene/Scene.ts';
 import { DIVERenderer } from '../../../engine/renderer/Renderer.ts';
 import { OrbitController } from '../../orbitcontroller/index.ts';
-import { MediaGenerationByPosition } from '../types/index.ts';
+import { MediaGenerationByPosition, MediaGenerationResolution } from '../types/index.ts';
 /**
  * @internal
  */
@@ -10,6 +10,7 @@ export declare class MediaCreator {
     private _scene;
     private _controller;
     constructor(renderer: DIVERenderer, scene: DIVEScene, controller: OrbitController);
-    generateMedia(options: MediaGenerationByPosition): string;
-    drawCanvas(canvasElement?: HTMLCanvasElement): HTMLCanvasElement;
+    generateMedia(options: MediaGenerationByPosition): Promise<string>;
+    drawCanvas(canvasElement?: HTMLCanvasElement, resolution?: MediaGenerationResolution): Promise<HTMLCanvasElement>;
+    private _writePixelsToCanvas;
 }

package/build/plugins/mediacreator/types/MediaGenerationByPosition.d.ts

@@ -1,4 +1,4 @@
-import { Vector3Like } from 'three';
+import { Vector3Like } from 'three/webgpu';
 import { MediaGenerationResolution } from './MediaGenerationResolution.ts';
 export type MediaGenerationByPosition = {
     resolution: MediaGenerationResolution;

package/build/plugins/orbitcontroller/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../chunks/FileTypes-BSJhZREN.cjs");exports.OrbitController=t.OrbitController;exports.OrbitControllerDefaultSettings=t.OrbitControllerDefaultSettings;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../chunks/FileTypes-Bvt5QTJC.cjs");exports.OrbitController=t.OrbitController;exports.OrbitControllerDefaultSettings=t.OrbitControllerDefaultSettings;

package/build/plugins/orbitcontroller/index.mjs

@@ -1,4 +1,4 @@
-import { O as o, a as e } from "../../chunks/FileTypes-CUf24rq6.mjs";
+import { O as o, a as e } from "../../chunks/FileTypes-BB4_1gBJ.mjs";
 export {
   o as OrbitController,
   e as OrbitControllerDefaultSettings

package/build/plugins/orbitcontroller/src/OrbitController.d.ts

@@ -1,4 +1,4 @@
-import { EventDispatcher, MOUSE, Object3D, OrthographicCamera, TOUCH, Vector3, Vector3Like } from 'three';
+import { EventDispatcher, MOUSE, Object3D, OrthographicCamera, TOUCH, Vector3, Vector3Like } from 'three/webgpu';
 import { DIVEPerspectiveCamera, DIVETicker, BoundingBox } from '../../../index.ts';
 import { OrbitControllerState } from '../types/index.ts';
 export type OrbitControllerSettings = {

package/build/plugins/orbitcontroller/types/OrbitControllerState.types.d.ts

@@ -1,4 +1,4 @@
-import { Vector3Like, QuaternionLike } from 'three';
+import { Vector3Like, QuaternionLike } from 'three/webgpu';
 export type OrbitControllerState = {
     target: Vector3Like;
     azimuthalAngle: number;