@webspatial/react-sdk 1.0.5 → 1.1.0

package/dist/default/index.js

@@ -2,7 +2,7 @@
       (function(){
         if(typeof window === 'undefined') return;
         if(!window.__webspatialsdk__) window.__webspatialsdk__ = {}
-        window.__webspatialsdk__['react-sdk-version'] = "1.0.5"
+        window.__webspatialsdk__['react-sdk-version'] = "1.1.0"
         window.__webspatialsdk__['XR_ENV'] = "avp"
     })()
       
@@ -186,19 +186,40 @@ var SpatialContainerRefProxy = class {
               if (!self.styleProxy) {
                 self.styleProxy = new Proxy(target.style, {
                   get(target2, prop2) {
-                    if (prop2 === "visibility") {
-                      return self.transformVisibilityTaskContainerDom?.style.getPropertyValue(
-                        "visibility"
-                      );
-                    }
-                    if (prop2 === "transform") {
+                    if (prop2 === "visibility" || prop2 === "transform") {
                       return self.transformVisibilityTaskContainerDom?.style.getPropertyValue(
-                        "transform"
+                        prop2
                       );
                     }
                     const value2 = Reflect.get(target2, prop2);
                     if (typeof value2 === "function") {
-                      return value2.bind(target2);
+                      if (prop2 === "setProperty" || prop2 === "removeProperty" || prop2 === "getPropertyValue") {
+                        return function(...args) {
+                          const validProperties = ["visibility", "transform"];
+                          const [property] = args;
+                          if (validProperties.includes(property)) {
+                            if (prop2 === "setProperty") {
+                              const [, kValue] = args;
+                              self.transformVisibilityTaskContainerDom?.style.setProperty(
+                                property,
+                                kValue
+                              );
+                            } else if (prop2 === "removeProperty") {
+                              self.transformVisibilityTaskContainerDom?.style.removeProperty(
+                                property
+                              );
+                            } else if (prop2 === "getPropertyValue") {
+                              return self.transformVisibilityTaskContainerDom?.style.getPropertyValue(
+                                property
+                              );
+                            }
+                          } else {
+                            return value2.apply(this, args);
+                          }
+                        }.bind(target2);
+                      } else {
+                        return value2.bind(target2);
+                      }
                     } else {
                       return value2;
                     }
@@ -2182,7 +2203,7 @@ function useEntityTransform(entity, { position, rotation, scale }) {
 }
 
 // src/reality/hooks/useEntityEvent.tsx
-import { useEffect as useEffect16 } from "react";
+import { useEffect as useEffect17 } from "react";
 
 // src/reality/type.ts
 var eventMap = {
@@ -2202,11 +2223,88 @@ var eventMap = {
   onSpatialMagnifyEnd: "spatialmagnifyend"
 };
 
+// src/reality/hooks/useEntityRef.tsx
+import { useImperativeHandle } from "react";
+var useEntityRef = (ref, instance) => {
+  useImperativeHandle(ref, () => instance);
+};
+var EntityRef = class {
+  _entity;
+  _ctx;
+  constructor(entity = null, ctx = null) {
+    this._entity = entity;
+    this._ctx = ctx;
+  }
+  updateEntity(entity) {
+    if (entity) this._entity = entity;
+  }
+  updateCtx(ctx) {
+    if (ctx) this._ctx = ctx;
+  }
+  destroy() {
+    this._entity?.destroy();
+  }
+  get entity() {
+    return this._entity;
+  }
+  get id() {
+    return this._entity?.userData?.id;
+  }
+  get name() {
+    return this._entity?.userData?.name;
+  }
+  async convertFromEntityToEntity(fromEntityId, toEntityId, position) {
+    if (!this._entity) return position;
+    try {
+      const fromEnt = await this._ctx?.resourceRegistry.get(fromEntityId);
+      const toEnt = await this._ctx?.resourceRegistry.get(toEntityId);
+      if (!fromEnt || !toEnt) return position;
+      const ret = await this._entity.convertFromEntityToEntity(
+        fromEnt.id,
+        toEnt.id,
+        position
+      );
+      return ret?.data ?? position;
+    } catch {
+      return position;
+    }
+  }
+  async convertFromEntityToReality(entityId, position) {
+    if (!this._entity) return position;
+    try {
+      const ent = await this._ctx?.resourceRegistry.get(entityId);
+      if (!ent) return position;
+      const ret = await this._entity.convertFromEntityToScene(ent.id, position);
+      return ret?.data ?? position;
+    } catch {
+      return position;
+    }
+  }
+  async convertFromRealityToEntity(entityId, position) {
+    if (!this._entity) return position;
+    try {
+      const ent = await this._ctx?.resourceRegistry.get(entityId);
+      if (!ent) return position;
+      const ret = await this._entity.convertFromSceneToEntity(ent.id, position);
+      return ret?.data ?? position;
+    } catch {
+      return position;
+    }
+  }
+};
+
 // src/reality/hooks/useEntityEvent.tsx
 function createEventProxy2(ev, instance) {
   return new Proxy(ev, {
     get(target, prop) {
-      if (prop === "target" || prop === "currentTarget") {
+      if (prop === "currentTarget") {
+        return instance;
+      }
+      if (prop === "target") {
+        const origin = target.__origin;
+        if (origin) {
+          return new EntityRef(origin, null);
+        }
         return instance;
       }
       const val = target[prop];
@@ -2215,7 +2313,7 @@ function createEventProxy2(ev, instance) {
   });
 }
 var useEntityEvent = ({ instance, ...handlers }) => {
-  useEffect16(() => {
+  useEffect17(() => {
     const entity = instance.entity;
     if (!entity) return;
     const boundHandlers = [];
@@ -2234,10 +2332,10 @@ var useEntityEvent = ({ instance, ...handlers }) => {
 };
 
 // src/reality/hooks/useEntityId.tsx
-import { useEffect as useEffect17 } from "react";
+import { useEffect as useEffect18 } from "react";
 var useEntityId = ({ id, entity }) => {
   const ctx = useRealityContext();
-  useEffect17(() => {
+  useEffect18(() => {
     if (!id || !entity || !ctx) return;
     ctx.resourceRegistry.add(id, Promise.resolve(entity));
     return () => {
@@ -2248,7 +2346,7 @@ var useEntityId = ({ id, entity }) => {
 };
 
 // src/reality/hooks/useEntity.tsx
-import { useEffect as useEffect18, useRef as useRef6 } from "react";
+import { useEffect as useEffect19, useRef as useRef7 } from "react";
 var useEntity = ({
   ref,
   id,
@@ -2270,9 +2368,9 @@ var useEntity = ({
 }) => {
   const ctx = useRealityContext();
   const parent = useParentContext();
-  const instanceRef = useRef6(new EntityRef(null, ctx));
+  const instanceRef = useRef7(new EntityRef(null, ctx));
   const forceUpdate = useForceUpdate2();
-  useEffect18(() => {
+  useEffect19(() => {
     if (!ctx) return;
     const controller = new AbortController();
     const init = async () => {
@@ -2321,76 +2419,6 @@ var useEntity = ({
   return instanceRef.current.entity;
 };
 
-// src/reality/hooks/useEntityRef.tsx
-import { useImperativeHandle } from "react";
-var useEntityRef = (ref, instance) => {
-  useImperativeHandle(ref, () => instance);
-};
-var EntityRef = class {
-  _entity;
-  _ctx;
-  constructor(entity = null, ctx = null) {
-    this._entity = entity;
-    this._ctx = ctx;
-  }
-  updateEntity(entity) {
-    if (entity) this._entity = entity;
-  }
-  updateCtx(ctx) {
-    if (ctx) this._ctx = ctx;
-  }
-  destroy() {
-    this._entity?.destroy();
-  }
-  get entity() {
-    return this._entity;
-  }
-  get id() {
-    return this._entity?.userData?.id;
-  }
-  get name() {
-    return this._entity?.userData?.name;
-  }
-  async convertFromEntityToEntity(fromEntityId, toEntityId, position) {
-    if (!this._entity) return position;
-    try {
-      const fromEnt = await this._ctx?.resourceRegistry.get(fromEntityId);
-      const toEnt = await this._ctx?.resourceRegistry.get(toEntityId);
-      if (!fromEnt || !toEnt) return position;
-      const ret = await this._entity.convertFromEntityToEntity(
-        fromEnt.id,
-        toEnt.id,
-        position
-      );
-      return ret?.data ?? position;
-    } catch {
-      return position;
-    }
-  }
-  async convertFromEntityToReality(entityId, position) {
-    if (!this._entity) return position;
-    try {
-      const ent = await this._ctx?.resourceRegistry.get(entityId);
-      if (!ent) return position;
-      const ret = await this._entity.convertFromEntityToScene(ent.id, position);
-      return ret?.data ?? position;
-    } catch {
-      return position;
-    }
-  }
-  async convertFromRealityToEntity(entityId, position) {
-    if (!this._entity) return position;
-    try {
-      const ent = await this._ctx?.resourceRegistry.get(entityId);
-      if (!ent) return position;
-      const ret = await this._entity.convertFromSceneToEntity(ent.id, position);
-      return ret?.data ?? position;
-    } catch {
-      return position;
-    }
-  }
-};
-
 // src/reality/hooks/useForceUpdate.tsx
 import { useCallback as useCallback7, useState as useState7 } from "react";
 var useForceUpdate2 = () => {
@@ -2484,6 +2512,7 @@ var GeometryEntity = forwardRef11(
           await ent.addComponent(modelComponent);
           return ent;
         } catch (error) {
+          console.error(error);
           await manager.dispose();
           return null;
         }
@@ -2822,7 +2851,7 @@ var Model = withSSRSupported(forwardRef19(ModelBase));
 Model.displayName = "Model";
 
 // src/index.ts
-var version = "1.0.5";
+var version = "1.1.0";
 if (typeof window !== "undefined") {
   initPolyfill();
 }