@webspatial/react-sdk 0.1.16 → 0.1.17

package/dist/jsx/jsx-dev-runtime.d.ts

@@ -53,6 +53,7 @@ declare module 'react' {
         '--xr-background-material'?: string;
         '--xr-back'?: number | string;
         '--xr-z-index'?: number | string;
+        enableXr?: boolean;
     }
 }
 declare global {
@@ -66,6 +67,7 @@ declare global {
         '--xr-background-material'?: string;
         '--xr-back'?: number | string;
         '--xr-z-index'?: number | string;
+        enableXr?: boolean;
     }
 }
 

package/dist/jsx/jsx-dev-runtime.js

@@ -2,7 +2,7 @@
       (function(){
         if(typeof window === 'undefined') return;
         if(!window.__webspatialsdk__) window.__webspatialsdk__ = {}
-        window.__webspatialsdk__['react-sdk-version'] = "0.1.16"
+        window.__webspatialsdk__['react-sdk-version'] = "0.1.17"
         window.__webspatialsdk__['XR_ENV'] = "avp"
     })()
       

package/dist/jsx/jsx-dev-runtime.web.js

@@ -2,7 +2,7 @@
       (function(){
         if(typeof window === 'undefined') return;
         if(!window.__webspatialsdk__) window.__webspatialsdk__ = {}
-        window.__webspatialsdk__['react-sdk-version'] = "0.1.16"
+        window.__webspatialsdk__['react-sdk-version'] = "0.1.17"
         window.__webspatialsdk__['XR_ENV'] = "web"
     })()
       

package/dist/jsx/jsx-runtime.js

@@ -2,7 +2,7 @@
       (function(){
         if(typeof window === 'undefined') return;
         if(!window.__webspatialsdk__) window.__webspatialsdk__ = {}
-        window.__webspatialsdk__['react-sdk-version'] = "0.1.16"
+        window.__webspatialsdk__['react-sdk-version'] = "0.1.17"
         window.__webspatialsdk__['XR_ENV'] = "avp"
     })()
       

package/dist/jsx/jsx-runtime.web.js

@@ -2,7 +2,7 @@
       (function(){
         if(typeof window === 'undefined') return;
         if(!window.__webspatialsdk__) window.__webspatialsdk__ = {}
-        window.__webspatialsdk__['react-sdk-version'] = "0.1.16"
+        window.__webspatialsdk__['react-sdk-version'] = "0.1.17"
         window.__webspatialsdk__['XR_ENV'] = "web"
     })()
       

package/dist/web/index.d.ts

@@ -3,6 +3,7 @@ import React__default, { ReactNode, CSSProperties, ElementType, ForwardedRef } f
 import { BackgroundMaterialType, CornerRadius, SpatialEntity, Vec3, SpatialSession, WindowContainerOptions as WindowContainerOptions$1 } from '@webspatial/core-sdk';
 import { ModelViewerElement } from '@google/model-viewer';
 import { WindowContainerOptions } from '@webspatial/core-sdk/';
+export { WindowContainerOptions } from '@webspatial/core-sdk/';
 
 type vecType = {
     x: number;

package/dist/web/index.js

@@ -2,7 +2,7 @@
       (function(){
         if(typeof window === 'undefined') return;
         if(!window.__webspatialsdk__) window.__webspatialsdk__ = {}
-        window.__webspatialsdk__['react-sdk-version'] = "0.1.16"
+        window.__webspatialsdk__['react-sdk-version'] = "0.1.17"
         window.__webspatialsdk__['XR_ENV'] = "web"
     })()
       
@@ -1580,15 +1580,18 @@ function parseTransform(computedStyle) {
   const idxOfMatrix = transform.indexOf(matrixFlagString);
   if (idxOfMatrix !== -1) {
     const transformDataArray = transform.substring(matrixFlagString.length, transform.length - 1).split(",").map((item) => parseFloat(item));
-    return parse2dMatrix(transformDataArray);
+    return { transformExist: true, matrix: parse2dMatrix(transformDataArray) };
   } else {
     const matrix3dFlagString = "matrix3d(";
     const idxOfMatrix3d = transform.indexOf(matrix3dFlagString);
     if (idxOfMatrix3d !== -1) {
       const transform3dDataArray = transform.substring(matrix3dFlagString.length, transform.length - 1).split(",").map((item) => parseFloat(item));
-      return parse3dMatrix(transform3dDataArray);
+      return {
+        transformExist: true,
+        matrix: parse3dMatrix(transform3dDataArray)
+      };
     } else {
-      return new Matrix4();
+      return { transformExist: false, matrix: new Matrix4() };
     }
   }
 }
@@ -1615,7 +1618,7 @@ function parseXRZIndex(computedStyle) {
 function parseSpatialStyle(node) {
   const computedStyle = getComputedStyle(node);
   const mat4ForBack = parseBack(computedStyle);
-  const mat4ForTransform = parseTransform(computedStyle);
+  const { transformExist, matrix: mat4ForTransform } = parseTransform(computedStyle);
   const resultMatrix = new Matrix4();
   resultMatrix.multiplyMatrices(mat4ForBack, mat4ForTransform);
   const position = new Vector3();
@@ -1640,7 +1643,8 @@ function parseSpatialStyle(node) {
     material: {
       type: backgroundMaterialType || "none"
     },
-    visible
+    visible,
+    transformExist
   };
 }
 function useSpatialStyle() {
@@ -1653,7 +1657,8 @@ function useSpatialStyle() {
     material: {
       type: "none"
     },
-    visible: true
+    visible: true,
+    transformExist: false
   });
   const [ready, setReady] = useState3(false);
   const checkSpatialStyleUpdate = useCallback2(() => {
@@ -2043,7 +2048,7 @@ function renderRootCSSSpatialComponent(inProps, refIn) {
   };
   const spatialDivStyle = {
     ...style,
-    transform: "none"
+    transform: spatialStyle.transformExist ? "translateZ(0)" : "none"
   };
   const El = inProps.component || "div";
   const spatialDivRef = useHijackSpatialDivRef(refIn, ref);
@@ -2117,7 +2122,7 @@ function renderInPortalInstance(cssSpatialRootContextObject, cssSpatialID, inPro
   };
   const spatialDivStyle = {
     ...style,
-    transform: "none"
+    transform: spatialStyle.transformExist ? "translateZ(0)" : "none"
   };
   const El = inProps.component || "div";
   const divRefClassName = className + " " + InjectClassName;
@@ -3281,7 +3286,7 @@ function renderCSSModel3DNotInSpatialDiv(inProps, refIn) {
   const visible = spatialStyle.visible;
   const model3DStyle = {
     ...style,
-    transform: "none"
+    transform: spatialStyle.transformExist ? "translateZ(0)" : "none"
   };
   return /* @__PURE__ */ jsxs4(Fragment3, { children: [
     ready && /* @__PURE__ */ jsx13(
@@ -3359,7 +3364,7 @@ function renderCSSModel3DPortalInstance(spatialId, inProps) {
   };
   const model3DStyle = {
     ...style,
-    transform: "none"
+    transform: spatialStyle.transformExist ? "translateZ(0)" : "none"
   };
   return /* @__PURE__ */ jsxs5(Fragment4, { children: [
     ready && /* @__PURE__ */ jsx15(
@@ -3800,7 +3805,7 @@ function spatialPolyfill() {
 }
 
 // src/index.ts
-var version = "0.1.16";
+var version = "0.1.17";
 export {
   CSSSpatialDiv,
   CSSSpatialPrimitive,