@shopware-ag/dive 1.6.4 → 1.7.0

package/build/dive.d.cts

@@ -122,7 +122,9 @@ declare class DIVEOrbitControls extends OrbitControls {
     private stopRevertLast;
     object: DIVEPerspectiveCamera;
     domElement: HTMLCanvasElement;
+    private _removePreRenderCallback;
     constructor(camera: DIVEPerspectiveCamera, renderer: DIVERenderer, animationSystem: DIVEAnimationSystem, settings?: DIVEOrbitControlsSettings);
+    Dispose(): void;
     ComputeEncompassingView(bb: Box3): {
         position: Vector3Like;
         target: Vector3Like;
@@ -605,7 +607,8 @@ type Unsubscribe = () => boolean;
 declare class DIVECommunication {
     private static __instances;
     static get(id: string): DIVECommunication | undefined;
-    private id;
+    private _id;
+    get id(): string;
     private renderer;
     private scene;
     private controller;
@@ -673,6 +676,35 @@ declare const DIVEMath: {
     signedAngleTo: typeof signedAngleTo;
 };
 
+declare class DIVEInfo {
+    private static _supportsWebXR;
+    /**
+     *
+     * @returns The system the user is using. Possible values are "Android", "iOS", "Windows", "MacOS", "Linux" or "Unknown".
+     */
+    static GetSystem(): string;
+    /**
+     * @returns A promise that resolves to a boolean indicating whether the user's device supports WebXR.
+     */
+    static GetSupportsWebXR(): Promise<boolean>;
+    /**
+     * @returns A boolean indicating whether the user's device supports AR Quick Look.
+     */
+    static GetSupportsARQuickLook(): boolean;
+    /**
+     * @returns A boolean indicating whether the user's device is a mobile device.
+     */
+    static get isMobile(): boolean;
+    /**
+     * @returns A boolean indicating whether the user's device is a desktop device.
+     */
+    static get isDesktop(): boolean;
+    /**
+     * @returns A promise that resolves to a boolean indicating whether the user's device is capable of AR.
+     */
+    static GetIsARCapable(): Promise<boolean>;
+}
+
 type DIVESettings = {
     autoResize: boolean;
     displayAxes: boolean;
@@ -719,6 +751,7 @@ declare class DIVE {
     private axisCamera;
     get Communication(): DIVECommunication;
     get Canvas(): HTMLCanvasElement;
+    get Info(): DIVEInfo;
     set Settings(settings: Partial<DIVESettings>);
     constructor(settings?: Partial<DIVESettings>);
     Dispose(): void;

package/build/dive.d.ts

@@ -122,7 +122,9 @@ declare class DIVEOrbitControls extends OrbitControls {
     private stopRevertLast;
     object: DIVEPerspectiveCamera;
     domElement: HTMLCanvasElement;
+    private _removePreRenderCallback;
     constructor(camera: DIVEPerspectiveCamera, renderer: DIVERenderer, animationSystem: DIVEAnimationSystem, settings?: DIVEOrbitControlsSettings);
+    Dispose(): void;
     ComputeEncompassingView(bb: Box3): {
         position: Vector3Like;
         target: Vector3Like;
@@ -605,7 +607,8 @@ type Unsubscribe = () => boolean;
 declare class DIVECommunication {
     private static __instances;
     static get(id: string): DIVECommunication | undefined;
-    private id;
+    private _id;
+    get id(): string;
     private renderer;
     private scene;
     private controller;
@@ -673,6 +676,35 @@ declare const DIVEMath: {
     signedAngleTo: typeof signedAngleTo;
 };
 
+declare class DIVEInfo {
+    private static _supportsWebXR;
+    /**
+     *
+     * @returns The system the user is using. Possible values are "Android", "iOS", "Windows", "MacOS", "Linux" or "Unknown".
+     */
+    static GetSystem(): string;
+    /**
+     * @returns A promise that resolves to a boolean indicating whether the user's device supports WebXR.
+     */
+    static GetSupportsWebXR(): Promise<boolean>;
+    /**
+     * @returns A boolean indicating whether the user's device supports AR Quick Look.
+     */
+    static GetSupportsARQuickLook(): boolean;
+    /**
+     * @returns A boolean indicating whether the user's device is a mobile device.
+     */
+    static get isMobile(): boolean;
+    /**
+     * @returns A boolean indicating whether the user's device is a desktop device.
+     */
+    static get isDesktop(): boolean;
+    /**
+     * @returns A promise that resolves to a boolean indicating whether the user's device is capable of AR.
+     */
+    static GetIsARCapable(): Promise<boolean>;
+}
+
 type DIVESettings = {
     autoResize: boolean;
     displayAxes: boolean;
@@ -719,6 +751,7 @@ declare class DIVE {
     private axisCamera;
     get Communication(): DIVECommunication;
     get Canvas(): HTMLCanvasElement;
+    get Info(): DIVEInfo;
     set Settings(settings: Partial<DIVESettings>);
     constructor(settings?: Partial<DIVESettings>);
     Dispose(): void;

package/build/dive.js

@@ -683,7 +683,7 @@ var _DIVECommunication = class _DIVECommunication {
     this.registered = /* @__PURE__ */ new Map();
     // private listeners: { [key: string]: EventListener[] } = {};
     this.listeners = /* @__PURE__ */ new Map();
-    this.id = generateUUID();
+    this._id = generateUUID();
     this.renderer = renderer;
     this.scene = scene;
     this.controller = controls;
@@ -692,8 +692,13 @@ var _DIVECommunication = class _DIVECommunication {
     _DIVECommunication.__instances.push(this);
   }
   static get(id) {
+    const fromComID = this.__instances.find((instance) => instance.id === id);
+    if (fromComID) return fromComID;
     return this.__instances.find((instance) => Array.from(instance.registered.values()).find((object) => object.id === id));
   }
+  get id() {
+    return this._id;
+  }
   get mediaGenerator() {
     if (!this._mediaGenerator) {
       const DIVEMediaCreator2 = (init_MediaCreator(), __toCommonJS(MediaCreator_exports)).DIVEMediaCreator;
@@ -1564,6 +1569,8 @@ var _DIVEOrbitControls = class _DIVEOrbitControls extends OrbitControls {
     };
     this.stopRevertLast = () => {
     };
+    this._removePreRenderCallback = () => {
+    };
     this.preRenderCallback = () => {
       if (this.locked) return;
       this.update();
@@ -1571,12 +1578,19 @@ var _DIVEOrbitControls = class _DIVEOrbitControls extends OrbitControls {
     this._animationSystem = animationSystem;
     this.domElement = renderer.domElement;
     this.object = camera;
-    renderer.AddPreRenderCallback(() => {
+    const id = renderer.AddPreRenderCallback(() => {
       this.preRenderCallback();
     });
+    this._removePreRenderCallback = () => {
+      renderer.RemovePreRenderCallback(id);
+    };
     this.enableDamping = settings.enableDamping;
     this.dampingFactor = settings.dampingFactor;
   }
+  Dispose() {
+    this._removePreRenderCallback();
+    this.dispose();
+  }
   ComputeEncompassingView(bb) {
     const center = bb.getCenter(new Vector33());
     const size = bb.getSize(new Vector33());
@@ -1925,6 +1939,105 @@ var DIVEMath = {
 
 // src/dive.ts
 import { generateUUID as generateUUID2 } from "three/src/math/MathUtils";
+
+// src/info/Info.ts
+var DIVEInfo = class {
+  /**
+   *
+   * @returns The system the user is using. Possible values are "Android", "iOS", "Windows", "MacOS", "Linux" or "Unknown".
+   */
+  static GetSystem() {
+    const platform = navigator.platform;
+    if (/Android/.test(navigator.userAgent)) {
+      return "Android";
+    } else if (/iPhone|iPad|iPod/.test(navigator.userAgent)) {
+      return "iOS";
+    } else if (platform.startsWith("Win")) {
+      return "Windows";
+    } else if (platform.startsWith("Mac")) {
+      return "MacOS";
+    } else if (platform.startsWith("Linux")) {
+      return "Linux";
+    } else {
+      return "Unknown";
+    }
+  }
+  /**
+   * @returns A promise that resolves to a boolean indicating whether the user's device supports WebXR.
+   */
+  static GetSupportsWebXR() {
+    return __async(this, null, function* () {
+      if (this._supportsWebXR !== null) {
+        return this._supportsWebXR;
+      }
+      if (!navigator.xr) {
+        this._supportsWebXR = false;
+        return this._supportsWebXR;
+      }
+      try {
+        const supported = yield navigator.xr.isSessionSupported("immersive-ar");
+        this._supportsWebXR = supported;
+      } catch (error) {
+        this._supportsWebXR = false;
+      }
+      return this._supportsWebXR;
+    });
+  }
+  /**
+   * @returns A boolean indicating whether the user's device supports AR Quick Look.
+   */
+  static GetSupportsARQuickLook() {
+    const a = document.createElement("a");
+    if (a.relList.supports("ar")) {
+      return true;
+    }
+    const userAgent = navigator.userAgent;
+    const isIOS = /iPad|iPhone|iPod/.test(userAgent) && !window.MSStream;
+    if (!isIOS) {
+      return false;
+    }
+    const match = userAgent.match(/OS (\d+)_/);
+    if (!match || match.length < 2) {
+      return false;
+    }
+    const iOSVersion = parseInt(match[1], 10);
+    const minQuickLookVersion = 12;
+    if (iOSVersion < minQuickLookVersion) {
+      return false;
+    }
+    const isSupportedBrowser = /^((?!chrome|android).)*safari|CriOS|FxiOS/i.test(userAgent);
+    if (isSupportedBrowser) {
+      return true;
+    }
+    return false;
+  }
+  /**
+   * @returns A boolean indicating whether the user's device is a mobile device.
+   */
+  static get isMobile() {
+    return this.GetSystem() === "Android" || this.GetSystem() === "iOS";
+  }
+  /**
+   * @returns A boolean indicating whether the user's device is a desktop device.
+   */
+  static get isDesktop() {
+    return !this.isMobile;
+  }
+  /**
+   * @returns A promise that resolves to a boolean indicating whether the user's device is capable of AR.
+   */
+  static GetIsARCapable() {
+    return __async(this, null, function* () {
+      if (this.GetSupportsARQuickLook()) {
+        return true;
+      }
+      return yield this.GetSupportsWebXR();
+    });
+  }
+};
+DIVEInfo._supportsWebXR = null;
+
+// src/dive.ts
 var DIVEDefaultSettings = {
   autoResize: true,
   displayAxes: false,
@@ -1988,6 +2101,9 @@ var DIVE = class _DIVE {
   get Canvas() {
     return this.renderer.domElement;
   }
+  get Info() {
+    return DIVEInfo;
+  }
   // setters
   set Settings(settings) {
     var _a;
@@ -2049,6 +2165,7 @@ var DIVE = class _DIVE {
     var _a;
     this.removeResizeObserver();
     this.renderer.Dispose();
+    this.orbitControls.Dispose();
     (_a = this.axisCamera) == null ? void 0 : _a.Dispose();
     this.animationSystem.Dispose();
     this.toolbox.Dispose();