@webspatial/react-sdk 0.0.2 → 0.0.4

package/dist/jsx/jsx-runtime.js

@@ -31,9 +31,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// dist/cjs/web/index.js
-var require_web = __commonJS({
-  "dist/cjs/web/index.js"(exports, module2) {
+// dist/cjs/default/index.js
+var require_default = __commonJS({
+  "dist/cjs/default/index.js"(exports, module2) {
     "use strict";
     var __create2 = Object.create;
     var __defProp2 = Object.defineProperty;
@@ -221,14 +221,13 @@ var require_web = __commonJS({
       "tspan"
     ];
     var import_react10 = require("react");
-    var SpatialHelper = {};
-    var Spatial = {};
+    var import_core_sdk = require("@webspatial/core-sdk");
     var spatial = null;
     var _currentSession = null;
     function getSession3() {
-      if (true) return null;
+      if (false) return null;
       if (!spatial) {
-        spatial = new Spatial();
+        spatial = new import_core_sdk.Spatial();
       }
       if (!spatial.isSupported()) {
         return null;
@@ -242,7 +241,7 @@ var require_web = __commonJS({
     __name(getSession3, "getSession");
     __name2(getSession3, "getSession");
     async function getStat() {
-      if (true) return;
+      if (false) return;
       const statsInfo = await getSession3()._getStats();
       return statsInfo;
     }
@@ -305,7 +304,7 @@ var require_web = __commonJS({
     __name(inspectRootWindowContainer, "inspectRootWindowContainer");
     __name2(inspectRootWindowContainer, "inspectRootWindowContainer");
     function enableDebugTool() {
-      if (true) return;
+      if (false) return;
       const session = getSession3();
       Object.assign(window, {
         session,
@@ -543,7 +542,7 @@ var require_web = __commonJS({
         this.entity?._setName(debugName);
       }
       async initInternal(url) {
-        if (true) return;
+        if (false) return;
         this.entity = await getSession3().createEntity();
         this.webview = await getSession3().createWindowComponent();
         await this.webview.loadURL(url);
@@ -556,7 +555,7 @@ var require_web = __commonJS({
         await this.entity.setParent(ent);
       }
       async initInternalFromWindow(parentSpatialWindowManager) {
-        if (true) return;
+        if (false) return;
         var w = await getSession3().createWindowContext();
         this.window = w;
         this.entity = await getSession3().createEntity();
@@ -900,7 +899,7 @@ var require_web = __commonJS({
     }
     __name(syncDefaultSpatialStyle, "syncDefaultSpatialStyle");
     __name2(syncDefaultSpatialStyle, "syncDefaultSpatialStyle");
-    function useSyncSpatialProps(spatialWindowManager, props, domRect, anchor, cornerRadiusFromStyle, opacity) {
+    function useSyncSpatialProps(spatialWindowManager, props, domRect, anchor, cornerRadiusFromStyle, opacity, stylePosition) {
       let { allowScroll, scrollWithParent, style, spatialStyle = {} } = props;
       let {
         position = { x: 0, y: 0, z: 1 },
@@ -910,7 +909,6 @@ var require_web = __commonJS({
         cornerRadius = cornerRadiusFromStyle,
         zIndex = 0
       } = spatialStyle;
-      let stylePosition = style?.position;
       let styleOverflow = style?.overflow;
       const visible = (0, import_react8.useMemo)(() => {
         return spatialStyle.visible !== false && domRect.width > 0 && domRect.height > 0;
@@ -1143,7 +1141,8 @@ var require_web = __commonJS({
         domRect,
         anchor,
         cornerRadius,
-        opacity
+        opacity,
+        inheritedPortalStyle.position
       );
       const JSXPortalInstance = renderJSXPortalInstance(
         props,
@@ -1152,7 +1151,7 @@ var require_web = __commonJS({
         inheritedPortalStyle,
         className
       );
-      const needRenderPlaceHolder = isSubPortal && inheritedPortalStyle.position !== "absolute";
+      const needRenderPlaceHolder = isSubPortal && inheritedPortalStyle.position !== "absolute" && inheritedPortalStyle.position !== "fixed";
       return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(SpatialWindowManagerContext.Provider, { value: spatialWindowManager, children: [
         needRenderPlaceHolder && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           "div",
@@ -1441,7 +1440,7 @@ var require_web = __commonJS({
     __name(parseTransform, "parseTransform");
     __name2(parseTransform, "parseTransform");
     function parseBack(computedStyle) {
-      let useBackProperty = computedStyle.position === "absolute" || computedStyle.position === "relative";
+      let useBackProperty = computedStyle.position === "absolute" || computedStyle.position === "relative" || computedStyle.position === "fixed";
       if (!useBackProperty) return new import_Matrix4.Matrix4();
       let backProperty = computedStyle.getPropertyValue(SpatialCustomVars.back);
       let back = void 0;
@@ -1864,6 +1863,7 @@ var require_web = __commonJS({
         ...style,
         width: 0,
         height: 0,
+        padding: 0,
         transition: "none"
       };
       const spatialDivStyle = {
@@ -1893,7 +1893,8 @@ var require_web = __commonJS({
             style: divRefStyle,
             className: divRefClassName,
             ...props,
-            ref
+            ref,
+            "data-cssparser": true
           }
         )
       ] });
@@ -1941,6 +1942,7 @@ var require_web = __commonJS({
         ...style,
         width: 0,
         height: 0,
+        padding: 0,
         transition: "none"
       };
       const spatialDivStyle = {
@@ -1980,7 +1982,7 @@ var require_web = __commonJS({
     __name2(renderInPortalInstance, "renderInPortalInstance");
     function CSSSpatialComponentBase(inProps, ref) {
       const { [CSSSpatialID]: cssSpatialID, ...props } = inProps;
-      const isWebEnv = true;
+      const isWebEnv = !getSession3();
       if (isWebEnv) {
         return renderInWebEnv(props, ref);
       } else {
@@ -2072,6 +2074,7 @@ var require_web = __commonJS({
       });
     }, "createSpatialPrimitive2"), "createSpatialPrimitive"))(CSSSpatialPrimitive);
     var CSSSpatialDiv = CSSSpatialPrimitive.div;
+    var import_core_sdk2 = require("@webspatial/core-sdk");
     var import_react21 = require("react");
     var import_jsx_runtime8 = require("react/jsx-runtime");
     var runAsync = /* @__PURE__ */ __name2((fn) => {
@@ -2095,12 +2098,12 @@ var require_web = __commonJS({
           return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { ref: divRef, ...props, children: "WebSpatial is not supported in this browser" });
         }
         (0, import_react21.useEffect)(() => {
-          if (true) return;
+          if (false) return;
           activePromise.current = runAsync(async () => {
             if (activePromise.current) {
               await activePromise.current;
             }
-            let sh = new SpatialHelper(getSession3());
+            let sh = new import_core_sdk2.SpatialHelper(getSession3());
             let x = await sh.dom.attachSpatialView(divRef.current);
             spatialEntity.current = x.entity;
             if (props.onViewLoad) {
@@ -2108,7 +2111,7 @@ var require_web = __commonJS({
             }
           });
           return () => {
-            if (true) return;
+            if (false) return;
             runAsync(async () => {
               await activePromise.current;
               spatialEntity.current?.destroy();
@@ -2221,7 +2224,7 @@ var require_web = __commonJS({
         return this.initPromise;
       }
       async initInternal(modelUrl, onSuccess, onFailure) {
-        if (true) return;
+        if (false) return;
         var session = getSession3();
         if (!session) {
           return;
@@ -3033,7 +3036,8 @@ var require_web = __commonJS({
       const cssParserDomStyle = {
         ...style,
         width: 0,
-        height: 0
+        height: 0,
+        padding: 0
       };
       const { ref: cssParserDomRef, spatialStyle, ready } = useSpatialStyle();
       const ref = useHijackSpatialDivRef(
@@ -3120,7 +3124,8 @@ var require_web = __commonJS({
       const cssParserDomStyle = {
         ...style,
         width: 0,
-        height: 0
+        height: 0,
+        padding: 0
       };
       const model3DStyle = {
         ...style,
@@ -3426,9 +3431,9 @@ var require_web = __commonJS({
   }
 });
 
-// dist/cjs/default/index.js
-var require_default = __commonJS({
-  "dist/cjs/default/index.js"(exports, module2) {
+// dist/cjs/web/index.js
+var require_web = __commonJS({
+  "dist/cjs/web/index.js"(exports, module2) {
     "use strict";
     var __create2 = Object.create;
     var __defProp2 = Object.defineProperty;
@@ -3616,13 +3621,14 @@ var require_default = __commonJS({
       "tspan"
     ];
     var import_react10 = require("react");
-    var import_core_sdk = require("@webspatial/core-sdk");
+    var SpatialHelper = {};
+    var Spatial = {};
     var spatial = null;
     var _currentSession = null;
     function getSession3() {
-      if (false) return null;
+      if (true) return null;
       if (!spatial) {
-        spatial = new import_core_sdk.Spatial();
+        spatial = new Spatial();
       }
       if (!spatial.isSupported()) {
         return null;
@@ -3636,7 +3642,7 @@ var require_default = __commonJS({
     __name(getSession3, "getSession");
     __name2(getSession3, "getSession");
     async function getStat() {
-      if (false) return;
+      if (true) return;
       const statsInfo = await getSession3()._getStats();
       return statsInfo;
     }
@@ -3699,7 +3705,7 @@ var require_default = __commonJS({
     __name(inspectRootWindowContainer, "inspectRootWindowContainer");
     __name2(inspectRootWindowContainer, "inspectRootWindowContainer");
     function enableDebugTool() {
-      if (false) return;
+      if (true) return;
       const session = getSession3();
       Object.assign(window, {
         session,
@@ -3937,7 +3943,7 @@ var require_default = __commonJS({
         this.entity?._setName(debugName);
       }
       async initInternal(url) {
-        if (false) return;
+        if (true) return;
         this.entity = await getSession3().createEntity();
         this.webview = await getSession3().createWindowComponent();
         await this.webview.loadURL(url);
@@ -3950,7 +3956,7 @@ var require_default = __commonJS({
         await this.entity.setParent(ent);
       }
       async initInternalFromWindow(parentSpatialWindowManager) {
-        if (false) return;
+        if (true) return;
         var w = await getSession3().createWindowContext();
         this.window = w;
         this.entity = await getSession3().createEntity();
@@ -4294,7 +4300,7 @@ var require_default = __commonJS({
     }
     __name(syncDefaultSpatialStyle, "syncDefaultSpatialStyle");
     __name2(syncDefaultSpatialStyle, "syncDefaultSpatialStyle");
-    function useSyncSpatialProps(spatialWindowManager, props, domRect, anchor, cornerRadiusFromStyle, opacity) {
+    function useSyncSpatialProps(spatialWindowManager, props, domRect, anchor, cornerRadiusFromStyle, opacity, stylePosition) {
       let { allowScroll, scrollWithParent, style, spatialStyle = {} } = props;
       let {
         position = { x: 0, y: 0, z: 1 },
@@ -4304,7 +4310,6 @@ var require_default = __commonJS({
         cornerRadius = cornerRadiusFromStyle,
         zIndex = 0
       } = spatialStyle;
-      let stylePosition = style?.position;
       let styleOverflow = style?.overflow;
       const visible = (0, import_react8.useMemo)(() => {
         return spatialStyle.visible !== false && domRect.width > 0 && domRect.height > 0;
@@ -4537,7 +4542,8 @@ var require_default = __commonJS({
         domRect,
         anchor,
         cornerRadius,
-        opacity
+        opacity,
+        inheritedPortalStyle.position
       );
       const JSXPortalInstance = renderJSXPortalInstance(
         props,
@@ -4546,7 +4552,7 @@ var require_default = __commonJS({
         inheritedPortalStyle,
         className
       );
-      const needRenderPlaceHolder = isSubPortal && inheritedPortalStyle.position !== "absolute";
+      const needRenderPlaceHolder = isSubPortal && inheritedPortalStyle.position !== "absolute" && inheritedPortalStyle.position !== "fixed";
       return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(SpatialWindowManagerContext.Provider, { value: spatialWindowManager, children: [
         needRenderPlaceHolder && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           "div",
@@ -4835,7 +4841,7 @@ var require_default = __commonJS({
     __name(parseTransform, "parseTransform");
     __name2(parseTransform, "parseTransform");
     function parseBack(computedStyle) {
-      let useBackProperty = computedStyle.position === "absolute" || computedStyle.position === "relative";
+      let useBackProperty = computedStyle.position === "absolute" || computedStyle.position === "relative" || computedStyle.position === "fixed";
       if (!useBackProperty) return new import_Matrix4.Matrix4();
       let backProperty = computedStyle.getPropertyValue(SpatialCustomVars.back);
       let back = void 0;
@@ -5258,6 +5264,7 @@ var require_default = __commonJS({
         ...style,
         width: 0,
         height: 0,
+        padding: 0,
         transition: "none"
       };
       const spatialDivStyle = {
@@ -5287,7 +5294,8 @@ var require_default = __commonJS({
             style: divRefStyle,
             className: divRefClassName,
             ...props,
-            ref
+            ref,
+            "data-cssparser": true
           }
         )
       ] });
@@ -5335,6 +5343,7 @@ var require_default = __commonJS({
         ...style,
         width: 0,
         height: 0,
+        padding: 0,
         transition: "none"
       };
       const spatialDivStyle = {
@@ -5374,7 +5383,7 @@ var require_default = __commonJS({
     __name2(renderInPortalInstance, "renderInPortalInstance");
     function CSSSpatialComponentBase(inProps, ref) {
       const { [CSSSpatialID]: cssSpatialID, ...props } = inProps;
-      const isWebEnv = !getSession3();
+      const isWebEnv = true;
       if (isWebEnv) {
         return renderInWebEnv(props, ref);
       } else {
@@ -5466,7 +5475,6 @@ var require_default = __commonJS({
       });
     }, "createSpatialPrimitive2"), "createSpatialPrimitive"))(CSSSpatialPrimitive);
     var CSSSpatialDiv = CSSSpatialPrimitive.div;
-    var import_core_sdk2 = require("@webspatial/core-sdk");
     var import_react21 = require("react");
     var import_jsx_runtime8 = require("react/jsx-runtime");
     var runAsync = /* @__PURE__ */ __name2((fn) => {
@@ -5490,12 +5498,12 @@ var require_default = __commonJS({
           return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { ref: divRef, ...props, children: "WebSpatial is not supported in this browser" });
         }
         (0, import_react21.useEffect)(() => {
-          if (false) return;
+          if (true) return;
           activePromise.current = runAsync(async () => {
             if (activePromise.current) {
               await activePromise.current;
             }
-            let sh = new import_core_sdk2.SpatialHelper(getSession3());
+            let sh = new SpatialHelper(getSession3());
             let x = await sh.dom.attachSpatialView(divRef.current);
             spatialEntity.current = x.entity;
             if (props.onViewLoad) {
@@ -5503,7 +5511,7 @@ var require_default = __commonJS({
             }
           });
           return () => {
-            if (false) return;
+            if (true) return;
             runAsync(async () => {
               await activePromise.current;
               spatialEntity.current?.destroy();
@@ -5616,7 +5624,7 @@ var require_default = __commonJS({
         return this.initPromise;
       }
       async initInternal(modelUrl, onSuccess, onFailure) {
-        if (false) return;
+        if (true) return;
         var session = getSession3();
         if (!session) {
           return;
@@ -6428,7 +6436,8 @@ var require_default = __commonJS({
       const cssParserDomStyle = {
         ...style,
         width: 0,
-        height: 0
+        height: 0,
+        padding: 0
       };
       const { ref: cssParserDomRef, spatialStyle, ready } = useSpatialStyle();
       const ref = useHijackSpatialDivRef(
@@ -6515,7 +6524,8 @@ var require_default = __commonJS({
       const cssParserDomStyle = {
         ...style,
         width: 0,
-        height: 0
+        height: 0,
+        padding: 0
       };
       const model3DStyle = {
         ...style,
@@ -6825,10 +6835,10 @@ var require_default = __commonJS({
 var require_npm = __commonJS({
   "npm/index.js"(exports, module2) {
     "use strict";
-    if (process.env.XR_ENV === "web") {
-      module2.exports = require_web();
-    } else {
+    if (process.env.XR_ENV === "avp") {
       module2.exports = require_default();
+    } else {
+      module2.exports = require_web();
     }
   }
 });
@@ -6851,7 +6861,15 @@ async function injectSceneHook() {
   if (!window.opener) return;
   if (window._SceneHookOff) return;
   await (0, import_react_sdk.getSession)()?.setLoading("show");
-  document.addEventListener("DOMContentLoaded", async () => {
+  function onContentLoaded(callback) {
+    if (document.readyState === "interactive" || document.readyState === "complete") {
+      callback();
+    } else {
+      document.addEventListener("DOMContentLoaded", callback);
+    }
+  }
+  __name(onContentLoaded, "onContentLoaded");
+  onContentLoaded(async () => {
     let cfg = import_react_sdk.defaultSceneConfig;
     if (typeof window.xrCurrentSceneDefaults === "function") {
       try {