@webspatial/core-sdk 1.6.1 → 1.7.0

package/dist/index.js

@@ -2,73 +2,91 @@
     (function(){
       if(typeof window === 'undefined') return;
       if(!window.__webspatialsdk__) window.__webspatialsdk__ = {}
-      window.__webspatialsdk__['core-sdk-version'] = "1.6.1"
+      window.__webspatialsdk__['core-sdk-version'] = "1.7.0"
   })()
     
 var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/ssr-polyfill.ts
-var isSSR, isSSREnv;
-var init_ssr_polyfill = __esm({
-  "src/ssr-polyfill.ts"() {
-    "use strict";
-    isSSR = typeof window === "undefined";
-    isSSREnv = () => isSSR;
+// src/runtime/userAgent.ts
+function parseShellToken(ua) {
+  const ws = /\bWSAppShell\/([\w.-]+)/i.exec(ua);
+  if (ws?.[1]) return { version: ws[1], source: "wsapp" };
+  const pico = /\bPicoWebApp\/([\w.-]+)/i.exec(ua);
+  if (pico?.[1]) return { version: pico[1], source: "picoapp" };
+  return { version: null, source: null };
+}
+function inferPicoOs(ua) {
+  return /\bPicoWebApp\//i.test(ua) || /\bPicoBrowser\b/i.test(ua);
+}
+function inferVisionOsFromUa(ua) {
+  return /Mac OS X/i.test(ua);
+}
+function computeRuntimeFromUserAgent(userAgent) {
+  if (userAgent === void 0 || userAgent === "") {
+    return { type: null, shellVersion: null };
   }
-});
+  if (userAgent.includes("Puppeteer")) {
+    const { version: version2 } = parseShellToken(userAgent);
+    return { type: "puppeteer", shellVersion: version2 };
+  }
+  const { version, source } = parseShellToken(userAgent);
+  if (!version) {
+    return { type: null, shellVersion: null };
+  }
+  if (source === "picoapp" || inferPicoOs(userAgent)) {
+    return { type: "picoos", shellVersion: version };
+  }
+  if (source === "wsapp") {
+    if (inferVisionOsFromUa(userAgent)) {
+      return { type: "visionos", shellVersion: version };
+    }
+    return { type: null, shellVersion: version };
+  }
+  return { type: null, shellVersion: version };
+}
 
-// src/platform-adapter/ssr/SSRPlatform.ts
-var SSRPlatform;
-var init_SSRPlatform = __esm({
-  "src/platform-adapter/ssr/SSRPlatform.ts"() {
-    "use strict";
-    SSRPlatform = class {
-      callJSB(cmd, msg) {
-        return Promise.resolve({
-          success: true,
-          data: void 0,
-          errorCode: void 0,
-          errorMessage: void 0
-        });
-      }
-      callWebSpatialProtocol(schema, query, target, features) {
-        return Promise.resolve({
-          success: true,
-          data: void 0,
-          errorCode: void 0,
-          errorMessage: void 0
-        });
-      }
-      callWebSpatialProtocolSync(schema, query, target, features, resultCallback) {
-        return {
-          success: true,
-          data: void 0,
-          errorCode: void 0,
-          errorMessage: void 0
-        };
-      }
-    };
+// src/runtime/jsbAdapterPlatform.ts
+function getWebSpatialVersion(ua) {
+  const match = ua.match(/WebSpatial\/(\d+)\.(\d+)\.(\d+)/);
+  if (!match) {
+    return null;
   }
-});
+  return [Number(match[1]), Number(match[2]), Number(match[3])];
+}
+function isVersionGreater(a, b) {
+  if (!a) {
+    return false;
+  }
+  for (let index = 0; index < 3; index += 1) {
+    const diff = a[index] - b[index];
+    if (diff > 0) {
+      return true;
+    }
+    if (diff < 0) {
+      return false;
+    }
+  }
+  return false;
+}
+function resolveJsbAdapterPlatform(userAgent) {
+  const rt = computeRuntimeFromUserAgent(userAgent);
+  if (rt.type === "puppeteer") {
+    return "puppeteer";
+  }
+  const webSpatialVersion = getWebSpatialVersion(userAgent);
+  if (userAgent.includes("PicoWebApp") && isVersionGreater(webSpatialVersion, [0, 0, 1])) {
+    return "picoos";
+  }
+  return "visionos";
+}
+
+// src/ssr-polyfill.ts
+var isSSR = typeof window === "undefined";
+var isSSREnv = () => isSSR;
 
 // src/platform-adapter/CommandResultUtils.ts
 function CommandResultSuccess(data) {
@@ -87,235 +105,367 @@ function CommandResultFailure(errorCode, errorMessage = "") {
     errorMessage
   };
 }
-var init_CommandResultUtils = __esm({
-  "src/platform-adapter/CommandResultUtils.ts"() {
-    "use strict";
+
+// src/platform-adapter/spatialSceneQuery.ts
+function buildSpatialSceneQuery(url, config) {
+  const params = { url, config };
+  return Object.keys(params).map((key) => {
+    const value = params[key];
+    const finalValue = typeof value === "object" ? JSON.stringify(value) : value;
+    return `${key}=${encodeURIComponent(finalValue)}`;
+  }).join("&");
+}
+
+// src/SpatialWebEvent.ts
+var SpatialWebEvent = class _SpatialWebEvent {
+  static eventReceiver = {};
+  static init() {
+    window.__SpatialWebEvent = ({ id, data }) => {
+      _SpatialWebEvent.eventReceiver[id]?.(data);
+    };
   }
-});
+  static addEventReceiver(id, callback) {
+    _SpatialWebEvent.eventReceiver[id] = callback;
+  }
+  static removeEventReceiver(id) {
+    delete _SpatialWebEvent.eventReceiver[id];
+  }
+};
 
-// src/platform-adapter/puppeteer/PuppeteerPlatform.ts
-var PuppeteerPlatform_exports = {};
-__export(PuppeteerPlatform_exports, {
-  PuppeteerPlatform: () => PuppeteerPlatform
-});
-var PuppeteerPlatform;
-var init_PuppeteerPlatform = __esm({
-  "src/platform-adapter/puppeteer/PuppeteerPlatform.ts"() {
-    "use strict";
-    init_CommandResultUtils();
-    console.log("PuppeteerPlatform");
-    PuppeteerPlatform = class {
-      // store iframe instance
-      iframeRegistry = /* @__PURE__ */ new Map();
-      constructor() {
-      }
-      callJSB(cmd, msg) {
-        return new Promise((resolve) => {
-          try {
-            if (window.__handleJSBMessage) {
-              try {
-                console.log(` core-sdk Puppeteer Platform: callJSB: ${cmd}::${msg}`);
-                const result = window.__handleJSBMessage(`${cmd}::${msg}`);
-                console.log(
-                  ` core-sdk Puppeteer Platform callJSB result: ${result}`
-                );
-                resolve(CommandResultSuccess(result));
-              } catch (err) {
-                resolve(CommandResultFailure("500", "JSB execution error"));
-              }
-            } else {
-              resolve(CommandResultSuccess("ok"));
-            }
-          } catch (error) {
-            console.error(
-              `PuppeteerPlatform cmd Error: ${cmd}, msg: ${msg} error: ${error}`
-            );
-            resolve(CommandResultFailure("500", "Internal error"));
-          }
+// src/platform-adapter/pico-os/PicoOSPlatform.ts
+var requestId = 0;
+var MAX_ID = 1e5;
+var DEFAULT_JSB_ERROR_CODE = "E_PICO_JSB";
+var DEFAULT_JSB_ERROR_MESSAGE = "Pico JSB execution failed";
+function nextRequestId() {
+  requestId = (requestId + 1) % MAX_ID;
+  return `rId_${requestId}`;
+}
+var PicoOSPlatform = class {
+  async callJSB(cmd, msg) {
+    return new Promise((resolve) => {
+      try {
+        const rId = nextRequestId();
+        SpatialWebEvent.addEventReceiver(rId, (result) => {
+          SpatialWebEvent.removeEventReceiver(rId);
+          resolve(this.toCommandResult(result));
         });
+        const ans = window.webspatialBridge.postMessage(rId, cmd, msg);
+        if (ans !== "") {
+          SpatialWebEvent.removeEventReceiver(rId);
+          resolve(this.parseBridgeResponse(ans));
+        }
+      } catch (error) {
+        console.error(`SwanPlatform cmd: ${cmd}, msg: ${msg} error: ${error}`);
+        const { code, message } = this.parseJSBError(error);
+        resolve(CommandResultFailure(code, message));
       }
-      /**
-       * Synchronously create Spatialized2DElement to Puppeteer Runner
-       */
-      createSpatializedElementSync(spatialId, webspatialUrl) {
-        try {
-          console.log(
-            `[Puppeteer Platform] Creating spatialized element sync with id: ${spatialId}, url: ${webspatialUrl}`
-          );
-          const win = window;
-          if (win.__handleJSBMessage) {
-            const createCommand = {
-              id: spatialId,
-              url: webspatialUrl
-            };
-            win.__handleJSBMessage(
-              `CreateSpatialized2DElement::${JSON.stringify(createCommand)}`
+    });
+  }
+  openSpatialSceneSync(url, config, target, features) {
+    const query = buildSpatialSceneQuery(url, config);
+    const { spatialId: id = "", windowProxy } = this.openWindow(
+      "createSpatialScene",
+      query,
+      target,
+      features
+    );
+    return CommandResultSuccess({ windowProxy, id });
+  }
+  createNativeSpatialDiv() {
+    return this.waitForRidProtocolAsync("createSpatialized2DElement");
+  }
+  createNativeAttachment(_options) {
+    return this.waitForRidProtocolAsync("createAttachment");
+  }
+  /**
+   * Async path for createNativeSpatialDiv / createNativeAttachment: open webspatial URL
+   * with rid= correlation (Pico OS 6).
+   */
+  waitForRidProtocolAsync(command) {
+    return new Promise((resolve) => {
+      const createdId = nextRequestId();
+      try {
+        let windowProxy = null;
+        SpatialWebEvent.addEventReceiver(
+          createdId,
+          (result) => {
+            resolve(
+              CommandResultSuccess({
+                windowProxy,
+                id: result.spatialId
+              })
             );
+            SpatialWebEvent.removeEventReceiver(createdId);
           }
-        } catch (error) {
-          console.error("Error creating spatialized element sync:", error);
-        }
-      }
-      callWebSpatialProtocol(command, query, target, features) {
-        console.log(
-          `PuppeteerPlatform: Calling webspatial protocol: webspatial://${command}${query ? `?${query}` : ""}`
         );
-        return new Promise((resolve) => {
+        windowProxy = this.openWindow(command, "rid=" + createdId).windowProxy;
+      } catch (error) {
+        const { code, message } = this.parseJSBError(error);
+        SpatialWebEvent.removeEventReceiver(createdId);
+        resolve(CommandResultFailure(code, message));
+      }
+    });
+  }
+  openWindow(command, query, target, features) {
+    const url = query ? `webspatial://${command}?${query}` : `webspatial://${command}`;
+    const windowProxy = window.open(url, target, features);
+    return { spatialId: "", windowProxy };
+  }
+  parseBridgeResponse(ans) {
+    try {
+      const result = JSON.parse(ans);
+      return this.toCommandResult(result);
+    } catch {
+      return CommandResultFailure(
+        DEFAULT_JSB_ERROR_CODE,
+        "Invalid Pico JSB response payload"
+      );
+    }
+  }
+  toCommandResult(result) {
+    if (result.success) {
+      return CommandResultSuccess(result.data);
+    }
+    const { code, message } = this.parseJSBError(result.data);
+    return CommandResultFailure(code, message);
+  }
+  parseJSBError(error) {
+    return {
+      code: error?.code ?? DEFAULT_JSB_ERROR_CODE,
+      message: error?.message ?? (typeof error === "string" ? error : DEFAULT_JSB_ERROR_MESSAGE)
+    };
+  }
+};
+
+// src/platform-adapter/puppeteer/PuppeteerPlatform.ts
+var PuppeteerPlatform = class {
+  // store iframe instance
+  iframeRegistry = /* @__PURE__ */ new Map();
+  constructor() {
+  }
+  callJSB(cmd, msg) {
+    return new Promise((resolve) => {
+      try {
+        if (window.__handleJSBMessage) {
           try {
-            const webspatialUrl = `webspatial://${command}${query ? `?${query}` : ""}`;
-            const { spatialId, iframe, windowProxy } = this.createIframeWindow(
-              webspatialUrl,
-              target,
-              features
-            );
-            if (command === "createSpatialized2DElement") {
-              this.createSpatializedElementSync(spatialId, webspatialUrl);
-            }
+            console.log(` core-sdk Puppeteer Platform: callJSB: ${cmd}::${msg}`);
+            const result = window.__handleJSBMessage(`${cmd}::${msg}`);
             console.log(
-              `[Puppeteer Platform] iframe created with spatialId: ${spatialId}`
-            );
-            this.iframeRegistry.set(spatialId, iframe);
-            resolve(CommandResultSuccess({ windowProxy, id: spatialId }));
-          } catch (error) {
-            console.error("Error calling webspatial protocol:", error);
-            resolve(
-              CommandResultFailure("500", "Failed to call webspatial protocol")
+              ` core-sdk Puppeteer Platform callJSB result: ${result}`
             );
+            resolve(CommandResultSuccess(result));
+          } catch (err) {
+            resolve(CommandResultFailure("500", "JSB execution error"));
           }
-        });
+        } else {
+          resolve(CommandResultSuccess("ok"));
+        }
+      } catch (error) {
+        console.error(
+          `PuppeteerPlatform cmd Error: ${cmd}, msg: ${msg} error: ${error}`
+        );
+        resolve(CommandResultFailure("500", "Internal error"));
       }
-      callWebSpatialProtocolSync(command, query, target, features) {
-        try {
-          const webspatialUrl = `webspatial://${command}${query ? `?${query}` : ""}`;
-          console.log(`Calling webspatial protocol sync: ${webspatialUrl}`);
-          const { spatialId, iframe, windowProxy } = this.createIframeWindow(
-            webspatialUrl,
-            target,
-            features
-          );
-          if (command === "createSpatialized2DElement") {
-            this.createSpatializedElementSync(spatialId, webspatialUrl);
-          }
-          this.iframeRegistry.set(spatialId, iframe);
-          return CommandResultSuccess({ windowProxy, id: spatialId });
-        } catch (error) {
-          console.error("Error calling webspatial protocol sync:", error);
-          return CommandResultFailure(
-            "500",
-            "Failed to call webspatial protocol sync"
-          );
+    });
+  }
+  /**
+   * Synchronously create Spatialized2DElement to Puppeteer Runner
+   */
+  createSpatializedElementSync(spatialId, webspatialUrl) {
+    try {
+      console.log(
+        `[Puppeteer Platform] Creating spatialized element sync with id: ${spatialId}, url: ${webspatialUrl}`
+      );
+      const win = window;
+      if (win.__handleJSBMessage) {
+        const createCommand = {
+          id: spatialId,
+          url: webspatialUrl
+        };
+        win.__handleJSBMessage(
+          `CreateSpatialized2DElement::${JSON.stringify(createCommand)}`
+        );
+      }
+    } catch (error) {
+      console.error("Error creating spatialized element sync:", error);
+    }
+  }
+  openSpatialSceneSync(url, config, target, features) {
+    const query = buildSpatialSceneQuery(url, config);
+    return this.runProtocolSync("createSpatialScene", query, target, features);
+  }
+  createNativeSpatialDiv() {
+    return this.runProtocolAsync(
+      "createSpatialized2DElement",
+      "",
+      void 0,
+      void 0
+    );
+  }
+  createNativeAttachment(_options) {
+    return this.runProtocolAsync("createAttachment", "", void 0, void 0);
+  }
+  runProtocolAsync(command, query, target, features) {
+    console.log(
+      `PuppeteerPlatform: Calling webspatial protocol: webspatial://${command}${query ? `?${query}` : ""}`
+    );
+    return new Promise((resolve) => {
+      try {
+        const webspatialUrl = `webspatial://${command}${query ? `?${query}` : ""}`;
+        const { spatialId, iframe, windowProxy } = this.createIframeWindow(
+          webspatialUrl,
+          target,
+          features
+        );
+        if (command === "createSpatialized2DElement") {
+          this.createSpatializedElementSync(spatialId, webspatialUrl);
         }
+        console.log(
+          `[Puppeteer Platform] iframe created with spatialId: ${spatialId}`
+        );
+        this.iframeRegistry.set(spatialId, iframe);
+        resolve(CommandResultSuccess({ windowProxy, id: spatialId }));
+      } catch (error) {
+        console.error("Error calling webspatial protocol:", error);
+        resolve(
+          CommandResultFailure("500", "Failed to call webspatial protocol")
+        );
       }
-      /**
-       * Synchronously create iframe-based window
-       */
-      createIframeWindow(url, target, features) {
-        const iframe = document.createElement("iframe");
-        iframe.style.border = "none";
-        iframe.style.display = "none";
-        iframe.style.width = "100%";
-        iframe.style.height = "100%";
-        const spatialId = this.generateUUID();
-        iframe.spatialId = spatialId;
-        iframe.id = `spatial-iframe-${spatialId}`;
-        const featuresObj = this.parseFeatures(features || "");
-        if (featuresObj.width) {
-          iframe.style.width = featuresObj.width;
+    });
+  }
+  runProtocolSync(command, query, target, features) {
+    try {
+      const webspatialUrl = `webspatial://${command}${query ? `?${query}` : ""}`;
+      console.log(`Calling webspatial protocol sync: ${webspatialUrl}`);
+      const { spatialId, iframe, windowProxy } = this.createIframeWindow(
+        webspatialUrl,
+        target,
+        features
+      );
+      if (command === "createSpatialized2DElement") {
+        this.createSpatializedElementSync(spatialId, webspatialUrl);
+      }
+      this.iframeRegistry.set(spatialId, iframe);
+      return CommandResultSuccess({ windowProxy, id: spatialId });
+    } catch (error) {
+      console.error("Error calling webspatial protocol sync:", error);
+      return CommandResultFailure(
+        "500",
+        "Failed to call webspatial protocol sync"
+      );
+    }
+  }
+  /**
+   * Synchronously create iframe-based window
+   */
+  createIframeWindow(url, target, features) {
+    const iframe = document.createElement("iframe");
+    iframe.style.border = "none";
+    iframe.style.display = "none";
+    iframe.style.width = "100%";
+    iframe.style.height = "100%";
+    const spatialId = this.generateUUID();
+    iframe.spatialId = spatialId;
+    iframe.id = `spatial-iframe-${spatialId}`;
+    const featuresObj = this.parseFeatures(features || "");
+    if (featuresObj.width) {
+      iframe.style.width = featuresObj.width;
+    }
+    if (featuresObj.height) {
+      iframe.style.height = featuresObj.height;
+    }
+    if (featuresObj.left) {
+      iframe.style.left = featuresObj.left;
+      iframe.style.position = "absolute";
+    }
+    if (featuresObj.top) {
+      iframe.style.top = featuresObj.top;
+      iframe.style.position = "absolute";
+    }
+    document.body.appendChild(iframe);
+    const windowProxy = this.createEnhancedWindowProxy(iframe, url, spatialId);
+    iframe.src = "about:blank";
+    console.log(
+      `PuppeteerPlatform created iframe window with spatialId: ${spatialId}, URL: ${url}`
+    );
+    this.initializeIframeContent(iframe, url, spatialId);
+    return { spatialId, iframe, windowProxy };
+  }
+  /**
+   * create enhanced windowProxy object
+   */
+  createEnhancedWindowProxy(iframe, url, spatialId) {
+    return {
+      // basic properties
+      location: {
+        href: url,
+        toString: () => url,
+        reload: () => {
+          if (iframe.contentWindow) {
+            iframe.contentWindow.location.reload();
+          }
         }
-        if (featuresObj.height) {
-          iframe.style.height = featuresObj.height;
+      },
+      navigator: {
+        userAgent: `Mozilla/5.0 (WebKit) SpatialId/${spatialId}`
+      },
+      // methods
+      close: () => {
+        console.log(`Closing iframe with spatialId: ${spatialId}`);
+        iframe.remove();
+        this.iframeRegistry.delete(spatialId);
+      },
+      // document access
+      document: iframe.contentDocument || {},
+      contentWindow: iframe.contentWindow || {},
+      // add message communication method
+      postMessage: (message, targetOrigin) => {
+        if (iframe.contentWindow) {
+          iframe.contentWindow.postMessage(message, targetOrigin || "*");
         }
-        if (featuresObj.left) {
-          iframe.style.left = featuresObj.left;
-          iframe.style.position = "absolute";
+      },
+      // add event listener method
+      addEventListener: (type, listener) => {
+        if (iframe.contentWindow) {
+          iframe.contentWindow.addEventListener(type, listener);
         }
-        if (featuresObj.top) {
-          iframe.style.top = featuresObj.top;
-          iframe.style.position = "absolute";
+      },
+      removeEventListener: (type, listener) => {
+        if (iframe.contentWindow) {
+          iframe.contentWindow.removeEventListener(type, listener);
         }
-        document.body.appendChild(iframe);
-        const windowProxy = this.createEnhancedWindowProxy(iframe, url, spatialId);
-        iframe.src = "about:blank";
-        console.log(
-          `PuppeteerPlatform created iframe window with spatialId: ${spatialId}, URL: ${url}`
-        );
-        this.initializeIframeContent(iframe, url, spatialId);
-        return { spatialId, iframe, windowProxy };
-      }
-      /**
-       * create enhanced windowProxy object
-       */
-      createEnhancedWindowProxy(iframe, url, spatialId) {
-        return {
-          // basic properties
-          location: {
-            href: url,
-            toString: () => url,
-            reload: () => {
-              if (iframe.contentWindow) {
-                iframe.contentWindow.location.reload();
-              }
-            }
-          },
-          navigator: {
-            userAgent: `Mozilla/5.0 (WebKit) SpatialId/${spatialId}`
-          },
-          // methods
-          close: () => {
-            console.log(`Closing iframe with spatialId: ${spatialId}`);
-            iframe.remove();
-            this.iframeRegistry.delete(spatialId);
-          },
-          // document access
-          document: iframe.contentDocument || {},
-          contentWindow: iframe.contentWindow || {},
-          // add message communication method
-          postMessage: (message, targetOrigin) => {
-            if (iframe.contentWindow) {
-              iframe.contentWindow.postMessage(message, targetOrigin || "*");
-            }
-          },
-          // add event listener method
-          addEventListener: (type, listener) => {
-            if (iframe.contentWindow) {
-              iframe.contentWindow.addEventListener(type, listener);
-            }
-          },
-          removeEventListener: (type, listener) => {
-            if (iframe.contentWindow) {
-              iframe.contentWindow.removeEventListener(type, listener);
-            }
-          },
-          // execute JavaScript
-          executeScript: (code) => {
-            if (iframe.contentWindow) {
-              try {
-                const win = iframe.contentWindow;
-                return win.eval(code);
-              } catch (error) {
-                console.error(
-                  `Error executing script in iframe ${spatialId}:`,
-                  error
-                );
-                return null;
-              }
-            }
+      },
+      // execute JavaScript
+      executeScript: (code) => {
+        if (iframe.contentWindow) {
+          try {
+            const win = iframe.contentWindow;
+            return win.eval(code);
+          } catch (error) {
+            console.error(
+              `Error executing script in iframe ${spatialId}:`,
+              error
+            );
             return null;
-          },
-          // get iframe reference
-          getIframe: () => iframe,
-          // get spatialId
-          getSpatialId: () => spatialId
-        };
-      }
-      /**
-       * initialize iframe content
-       */
-      initializeIframeContent(iframe, url, spatialId) {
+          }
+        }
+        return null;
+      },
+      // get iframe reference
+      getIframe: () => iframe,
+      // get spatialId
+      getSpatialId: () => spatialId
+    };
+  }
+  /**
+   * initialize iframe content
+   */
+  initializeIframeContent(iframe, url, spatialId) {
+    try {
+      iframe.onload = () => {
         try {
-          iframe.onload = () => {
-            try {
-              const iframeContent = `
+          const iframeContent = `
             // inject communication script
             window.webSpatialId = '${spatialId}';
             window.SpatialId = '${spatialId}';
@@ -363,10 +513,10 @@ var init_PuppeteerPlatform = __esm({
               }
             });
           `;
-              const doc = iframe.contentDocument;
-              if (doc) {
-                doc.open();
-                doc.write(`
+          const doc = iframe.contentDocument;
+          if (doc) {
+            doc.open();
+            doc.write(`
               <!DOCTYPE html>
               <html>
               <head>
@@ -385,402 +535,206 @@ var init_PuppeteerPlatform = __esm({
               </body>
               </html>
             `);
-                doc.close();
-              }
-            } catch (error) {
-              console.error("Error initializing iframe content:", error);
-            }
-          };
-        } catch (error) {
-          console.error("Error setting up iframe:", error);
-        }
-      }
-      /**
-       * parse features string to object
-       */
-      parseFeatures(features) {
-        const result = {};
-        const pairs = features.split(",");
-        pairs.forEach((pair) => {
-          const [key, value] = pair.split("=").map((s) => s.trim());
-          if (key && value) {
-            result[key] = value;
+            doc.close();
           }
-        });
-        return result;
-      }
-      /**
-       * send message to iframe with specified spatialId
-       */
-      sendMessageToIframe(spatialId, message) {
-        const iframe = this.iframeRegistry.get(spatialId);
-        if (iframe && iframe.contentWindow) {
-          iframe.contentWindow.postMessage(message, window.location.origin);
-          return true;
+        } catch (error) {
+          console.error("Error initializing iframe content:", error);
         }
-        return false;
-      }
-      /**
-       * get all active iframes
-       */
-      getAllActiveIframes() {
-        const result = [];
-        this.iframeRegistry.forEach((iframe, spatialId) => {
-          result.push({ spatialId, iframe });
-        });
-        return result;
-      }
-      /**
-       * dispose all active iframes
-       */
-      dispose() {
-        this.iframeRegistry.forEach((iframe, spatialId) => {
-          console.log(`Disposing iframe with spatialId: ${spatialId}`);
-          iframe.remove();
-        });
-        this.iframeRegistry.clear();
-      }
-      // generate UUID function
-      generateUUID() {
-        return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(
-          /[xy]/g,
-          function(c) {
-            const r = Math.random() * 16 | 0;
-            const v = c === "x" ? r : r & 3 | 8;
-            return v.toString(16).toUpperCase();
-          }
-        );
-      }
-    };
+      };
+    } catch (error) {
+      console.error("Error setting up iframe:", error);
+    }
   }
-});
-
-// src/SpatialWebEvent.ts
-var SpatialWebEvent;
-var init_SpatialWebEvent = __esm({
-  "src/SpatialWebEvent.ts"() {
-    "use strict";
-    SpatialWebEvent = class _SpatialWebEvent {
-      static eventReceiver = {};
-      static init() {
-        window.__SpatialWebEvent = ({ id, data }) => {
-          _SpatialWebEvent.eventReceiver[id]?.(data);
-        };
-      }
-      static addEventReceiver(id, callback) {
-        _SpatialWebEvent.eventReceiver[id] = callback;
-      }
-      static removeEventReceiver(id) {
-        delete _SpatialWebEvent.eventReceiver[id];
+  /**
+   * parse features string to object
+   */
+  parseFeatures(features) {
+    const result = {};
+    const pairs = features.split(",");
+    pairs.forEach((pair) => {
+      const [key, value] = pair.split("=").map((s) => s.trim());
+      if (key && value) {
+        result[key] = value;
       }
-    };
+    });
+    return result;
   }
-});
-
-// src/platform-adapter/pico-os/PicoOSPlatform.ts
-var PicoOSPlatform_exports = {};
-__export(PicoOSPlatform_exports, {
-  PicoOSPlatform: () => PicoOSPlatform
-});
-function nextRequestId() {
-  requestId = (requestId + 1) % MAX_ID;
-  return `rId_${requestId}`;
-}
-var requestId, MAX_ID, PicoOSPlatform;
-var init_PicoOSPlatform = __esm({
-  "src/platform-adapter/pico-os/PicoOSPlatform.ts"() {
-    "use strict";
-    init_CommandResultUtils();
-    init_SpatialWebEvent();
-    requestId = 0;
-    MAX_ID = 1e5;
-    PicoOSPlatform = class {
-      async callJSB(cmd, msg) {
-        return new Promise((resolve, reject) => {
-          try {
-            const rId = nextRequestId();
-            SpatialWebEvent.addEventReceiver(rId, (result) => {
-              SpatialWebEvent.removeEventReceiver(rId);
-              if (result.success) {
-                resolve(CommandResultSuccess(result.data));
-              } else {
-                const { code, message } = result.data;
-                resolve(CommandResultFailure(code, message));
-              }
-            });
-            const ans = window.webspatialBridge.postMessage(rId, cmd, msg);
-            if (ans !== "") {
-              SpatialWebEvent.removeEventReceiver(rId);
-              const result = JSON.parse(ans);
-              if (result.success) {
-                resolve(CommandResultSuccess(result.data));
-              } else {
-                const { code, message } = result.data;
-                resolve(CommandResultFailure(code, message));
-              }
-            }
-          } catch (error) {
-            console.error(`SwanPlatform cmd: ${cmd}, msg: ${msg} error: ${error}`);
-            const { code, message } = error;
-            resolve(CommandResultFailure(code, message));
-          }
-        });
-      }
-      async callWebSpatialProtocol(command, query, target, features) {
-        return new Promise((resolve, reject) => {
-          const createdId = nextRequestId();
-          try {
-            let windowProxy = null;
-            SpatialWebEvent.addEventReceiver(
-              createdId,
-              (result) => {
-                resolve(
-                  CommandResultSuccess({
-                    windowProxy,
-                    id: result.spatialId
-                  })
-                );
-                SpatialWebEvent.removeEventReceiver(createdId);
-              }
-            );
-            windowProxy = this.openWindow(
-              command,
-              "rid=" + createdId,
-              target,
-              features
-            ).windowProxy;
-          } catch (error) {
-            const { code, message } = error;
-            SpatialWebEvent.removeEventReceiver(createdId);
-            resolve(CommandResultFailure(code, message));
-          }
-        });
-      }
-      callWebSpatialProtocolSync(command, query, target, features) {
-        const { spatialId: id = "", windowProxy } = this.openWindow(
-          command,
-          query,
-          target,
-          features
-        );
-        return CommandResultSuccess({ windowProxy, id });
-      }
-      openWindow(command, query, target, features) {
-        const windowProxy = window.open(
-          `webspatial://${command}?${query || ""}`,
-          target,
-          features
-        );
-        return { spatialId: "", windowProxy };
+  /**
+   * send message to iframe with specified spatialId
+   */
+  sendMessageToIframe(spatialId, message) {
+    const iframe = this.iframeRegistry.get(spatialId);
+    if (iframe && iframe.contentWindow) {
+      iframe.contentWindow.postMessage(message, window.location.origin);
+      return true;
+    }
+    return false;
+  }
+  /**
+   * get all active iframes
+   */
+  getAllActiveIframes() {
+    const result = [];
+    this.iframeRegistry.forEach((iframe, spatialId) => {
+      result.push({ spatialId, iframe });
+    });
+    return result;
+  }
+  /**
+   * dispose all active iframes
+   */
+  dispose() {
+    this.iframeRegistry.forEach((iframe, spatialId) => {
+      console.log(`Disposing iframe with spatialId: ${spatialId}`);
+      iframe.remove();
+    });
+    this.iframeRegistry.clear();
+  }
+  // generate UUID function
+  generateUUID() {
+    return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(
+      /[xy]/g,
+      function(c) {
+        const r = Math.random() * 16 | 0;
+        const v = c === "x" ? r : r & 3 | 8;
+        return v.toString(16).toUpperCase();
       }
-    };
+    );
   }
-});
+};
 
-// src/platform-adapter/android/AndroidPlatform.ts
-var AndroidPlatform_exports = {};
-__export(AndroidPlatform_exports, {
-  AndroidPlatform: () => AndroidPlatform
-});
-function nextRequestId2() {
-  requestId2 = (requestId2 + 1) % MAX_ID2;
-  return `rId_${requestId2}`;
-}
-var creatingElementCount, requestId2, MAX_ID2, AndroidPlatform;
-var init_AndroidPlatform = __esm({
-  "src/platform-adapter/android/AndroidPlatform.ts"() {
-    "use strict";
-    init_CommandResultUtils();
-    init_JSBCommand();
-    init_SpatialWebEvent();
-    creatingElementCount = 0;
-    requestId2 = 0;
-    MAX_ID2 = 1e5;
-    AndroidPlatform = class {
-      async callJSB(cmd, msg) {
-        return new Promise((resolve, reject) => {
-          try {
-            const rId = nextRequestId2();
-            SpatialWebEvent.addEventReceiver(rId, (result) => {
-              SpatialWebEvent.removeEventReceiver(rId);
-              if (result.success) {
-                resolve(CommandResultSuccess(result.data));
-              } else {
-                const { code, message } = result.data;
-                resolve(CommandResultFailure(code, message));
-              }
-            });
-            const ans = window.webspatialBridge.postMessage(rId, cmd, msg);
-            if (ans !== "") {
-              SpatialWebEvent.removeEventReceiver(rId);
-              const result = JSON.parse(ans);
-              if (result.success) {
-                resolve(CommandResultSuccess(result.data));
-              } else {
-                const { code, message } = result.data;
-                resolve(CommandResultFailure(code, message));
-              }
-            }
-          } catch (error) {
-            console.error(
-              `AndroidPlatform cmd: ${cmd}, msg: ${msg} error: ${error}`
-            );
-            const { code, message } = error;
-            resolve(CommandResultFailure(code, message));
-          }
-        });
-      }
-      async callWebSpatialProtocol(command, query, target, features) {
-        await new Promise((resolve) => setTimeout(resolve, 16 * creatingElementCount));
-        creatingElementCount++;
-        let canCreate = await new CheckWebViewCanCreateCommand().execute();
-        while (!canCreate.data.can) {
-          await new Promise((resolve) => setTimeout(resolve, 16));
-          canCreate = await new CheckWebViewCanCreateCommand().execute();
-        }
-        const { windowProxy } = this.openWindow(command, query, target, features);
-        while (!windowProxy?.open) {
-          await new Promise((resolve) => setTimeout(resolve, 16));
-        }
-        windowProxy?.open("about:blank", "_self");
-        while (!windowProxy?.__SpatialId) {
-          await new Promise((resolve) => setTimeout(resolve, 16));
-        }
-        let spatialId = windowProxy?.__SpatialId;
-        creatingElementCount--;
-        return Promise.resolve(
-          CommandResultSuccess({ windowProxy, id: spatialId })
-        );
-      }
-      callWebSpatialProtocolSync(command, query, target, features) {
-        const { spatialId: id = "", windowProxy } = this.openWindow(
-          command,
-          query,
-          target,
-          features
-        );
-        return CommandResultSuccess({ windowProxy, id });
-      }
-      openWindow(command, query, target, features) {
-        const windowProxy = window.open(
-          `webspatial://${command}?${query || ""}`,
-          target,
-          features
-        );
-        return { spatialId: "", windowProxy };
-      }
+// src/platform-adapter/ssr/SSRPlatform.ts
+var SSRPlatform = class {
+  callJSB(cmd, msg) {
+    return Promise.resolve({
+      success: true,
+      data: void 0,
+      errorCode: void 0,
+      errorMessage: void 0
+    });
+  }
+  openSpatialSceneSync(_url, _config, _target, _features) {
+    return {
+      success: true,
+      data: void 0,
+      errorCode: void 0,
+      errorMessage: void 0
     };
   }
-});
+  createNativeSpatialDiv() {
+    return Promise.resolve({
+      success: true,
+      data: void 0,
+      errorCode: void 0,
+      errorMessage: void 0
+    });
+  }
+  createNativeAttachment(_options) {
+    return Promise.resolve({
+      success: true,
+      data: void 0,
+      errorCode: void 0,
+      errorMessage: void 0
+    });
+  }
+};
 
 // src/platform-adapter/vision-os/VisionOSPlatform.ts
-var VisionOSPlatform_exports = {};
-__export(VisionOSPlatform_exports, {
-  VisionOSPlatform: () => VisionOSPlatform
-});
-var VisionOSPlatform;
-var init_VisionOSPlatform = __esm({
-  "src/platform-adapter/vision-os/VisionOSPlatform.ts"() {
-    "use strict";
-    init_CommandResultUtils();
-    VisionOSPlatform = class {
-      async callJSB(cmd, msg) {
-        try {
-          const result = await window.webkit.messageHandlers.bridge.postMessage(
-            `${cmd}::${msg}`
-          );
-          return CommandResultSuccess(result);
-        } catch (error) {
-          const { code, message } = JSON.parse(error.message);
-          return CommandResultFailure(code, message);
-        }
-      }
-      callWebSpatialProtocol(command, query, target, features) {
-        const { spatialId: id, windowProxy } = this.openWindow(
-          command,
-          query,
-          target,
-          features
-        );
-        return Promise.resolve(
-          CommandResultSuccess({ windowProxy, id })
-        );
-      }
-      callWebSpatialProtocolSync(command, query, target, features) {
-        const { spatialId: id = "", windowProxy } = this.openWindow(
-          command,
-          query,
-          target,
-          features
-        );
-        return CommandResultSuccess({ windowProxy, id });
-      }
-      openWindow(command, query, target, features) {
-        const windowProxy = window.open(
-          `webspatial://${command}?${query || ""}`,
-          target,
-          features
-        );
-        const ua = windowProxy?.navigator.userAgent;
-        const spatialId = ua?.match(
-          /\b([0-9A-F]{8}-[0-9A-F]{4}-[0-9A-F]{4}-[0-9A-F]{4}-[0-9A-F]{12})\b/gi
-        )?.[0];
-        return { spatialId, windowProxy };
-      }
-    };
+var UUID_RE = /\b([0-9A-F]{8}-[0-9A-F]{4}-[0-9A-F]{4}-[0-9A-F]{4}-[0-9A-F]{12})\b/gi;
+var VisionOSPlatform = class {
+  async callJSB(cmd, msg) {
+    try {
+      const result = await window.webkit.messageHandlers.bridge.postMessage(
+        `${cmd}::${msg}`
+      );
+      return CommandResultSuccess(result);
+    } catch (error) {
+      const { code, message } = this.parseJSBError(error);
+      return CommandResultFailure(code, message);
+    }
   }
-});
-
-// src/platform-adapter/index.ts
-function getWebSpatialVersion(ua) {
-  const match = ua.match(/WebSpatial\/(\d+)\.(\d+)\.(\d+)/);
-  if (!match) {
-    return null;
+  openSpatialSceneSync(url, config, target, features) {
+    const query = buildSpatialSceneQuery(url, config);
+    const { spatialId: id = "", windowProxy } = this.openWindow(
+      "createSpatialScene",
+      query,
+      target,
+      features
+    );
+    return CommandResultSuccess({ windowProxy, id });
   }
-  return [Number(match[1]), Number(match[2]), Number(match[3])];
-}
-function isVersionGreater(a, b) {
-  if (!a) {
-    return false;
+  createNativeSpatialDiv() {
+    return this.openProtocolAsync("createSpatialized2DElement");
   }
-  for (let index = 0; index < 3; index += 1) {
-    const diff = a[index] - b[index];
-    if (diff > 0) {
-      return true;
-    }
-    if (diff < 0) {
-      return false;
+  createNativeAttachment(_options) {
+    return this.openProtocolAsync("createAttachment");
+  }
+  async openProtocolAsync(command) {
+    const { spatialId: id = "", windowProxy } = this.openWindow(
+      command,
+      "",
+      void 0,
+      void 0
+    );
+    return CommandResultSuccess({ windowProxy, id });
+  }
+  openWindow(command, query, target, features) {
+    const windowProxy = window.open(
+      `webspatial://${command}?${query || ""}`,
+      target,
+      features
+    );
+    const ua = windowProxy?.navigator.userAgent;
+    const spatialId = ua?.match(UUID_RE)?.[0];
+    return { spatialId, windowProxy };
+  }
+  parseJSBError(error) {
+    try {
+      const parsed = JSON.parse(error.message ?? "");
+      return {
+        code: parsed.code ?? "E_VISIONOS_JSB",
+        message: parsed.message ?? "VisionOS JSB execution failed"
+      };
+    } catch {
+      return {
+        code: "E_VISIONOS_JSB",
+        message: error?.message ?? "VisionOS JSB execution failed"
+      };
     }
   }
-  return false;
+};
+
+// src/platform-adapter/createPlatformSync.ts
+function assertNever(_) {
+  throw new Error("Unhandled jsb adapter platform kind");
 }
-function createPlatform() {
+function createPlatformSync() {
   if (isSSREnv()) {
     return new SSRPlatform();
   }
   const userAgent = window.navigator.userAgent;
-  const webSpatialVersion = getWebSpatialVersion(userAgent);
-  if (window.navigator.userAgent.includes("Puppeteer")) {
-    const PuppeteerPlatform2 = (init_PuppeteerPlatform(), __toCommonJS(PuppeteerPlatform_exports)).PuppeteerPlatform;
-    return new PuppeteerPlatform2();
-  } else if (userAgent.includes("PicoWebApp") && isVersionGreater(webSpatialVersion, [0, 0, 1])) {
-    const PicoOSPlatform2 = (init_PicoOSPlatform(), __toCommonJS(PicoOSPlatform_exports)).PicoOSPlatform;
-    return new PicoOSPlatform2();
-  } else if (userAgent.includes("Android") || userAgent.includes("Linux")) {
-    const AndroidPlatform2 = (init_AndroidPlatform(), __toCommonJS(AndroidPlatform_exports)).AndroidPlatform;
-    return new AndroidPlatform2();
-  } else {
-    const VisionOSPlatform2 = (init_VisionOSPlatform(), __toCommonJS(VisionOSPlatform_exports)).VisionOSPlatform;
-    return new VisionOSPlatform2();
+  const kind = resolveJsbAdapterPlatform(userAgent);
+  switch (kind) {
+    case "puppeteer":
+      return new PuppeteerPlatform();
+    case "picoos":
+      return new PicoOSPlatform();
+    case "visionos":
+      return new VisionOSPlatform();
+    default:
+      return assertNever(kind);
   }
 }
-var init_platform_adapter = __esm({
-  "src/platform-adapter/index.ts"() {
-    "use strict";
-    init_ssr_polyfill();
-    init_SSRPlatform();
-  }
-});
+
+// src/platform-runtime.ts
+var platformResolved;
+function getPlatformSync() {
+  platformResolved ??= createPlatformSync();
+  return platformResolved;
+}
+async function getPlatform() {
+  return getPlatformSync();
+}
 
 // src/utils.ts
 function parseBorderRadius(borderProperty, width) {
@@ -834,532 +788,468 @@ function deepCloneJSON(value) {
   }
   return JSON.parse(JSON.stringify(value));
 }
-var init_utils = __esm({
-  "src/utils.ts"() {
-    "use strict";
-  }
-});
 
 // src/JSBCommand.ts
-var platform, JSBCommand, UpdateEntityPropertiesCommand, UpdateEntityEventCommand, UpdateSpatialSceneProperties, UpdateSceneConfig, FocusScene, GetSpatialSceneState, SpatializedElementCommand, UpdateSpatialized2DElementProperties, UpdateSpatializedDynamic3DElementProperties, UpdateUnlitMaterialProperties, UpdateSpatializedElementTransform, UpdateSpatializedStatic3DElementProperties, AddSpatializedElementToSpatialized2DElement, AddSpatializedElementToSpatialScene, CreateSpatializedStatic3DElementCommand, CreateSpatializedDynamic3DElementCommand, CreateSpatialEntityCommand, CreateModelComponentCommand, CreateSpatialModelEntityCommand, CreateModelAssetCommand, CreateSpatialGeometryCommand, CreateSpatialUnlitMaterialCommand, AddComponentToEntityCommand, RemoveComponentFromEntityCommand, SetMaterialsOnEntityCommand, SetParentForEntityCommand, ConvertFromEntityToEntityCommand, ConvertFromEntityToSceneCommand, ConvertFromSceneToEntityCommand, ConvertCoordinateCommand, InspectCommand, DestroyCommand, CheckWebViewCanCreateCommand, WebSpatialProtocolCommand, createSpatialized2DElementCommand, createSpatialSceneCommand, CreateAttachmentEntityCommand, InitializeAttachmentCommand, UpdateAttachmentEntityCommand;
-var init_JSBCommand = __esm({
-  "src/JSBCommand.ts"() {
-    "use strict";
-    init_platform_adapter();
-    init_utils();
-    platform = createPlatform();
-    JSBCommand = class {
-      commandType = "";
-      async execute() {
-        const param = this.getParams();
-        const msg = param ? JSON.stringify(param) : "";
-        return platform.callJSB(this.commandType, msg);
-      }
-    };
-    UpdateEntityPropertiesCommand = class extends JSBCommand {
-      constructor(entity, properties) {
-        super();
-        this.entity = entity;
-        this.properties = properties;
-      }
-      commandType = "UpdateEntityProperties";
-      getParams() {
-        const transform = composeSRT(
-          this.properties.position ?? this.entity.position,
-          this.properties.rotation ?? this.entity.rotation,
-          this.properties.scale ?? this.entity.scale
-        ).toFloat64Array();
-        return {
-          entityId: this.entity.id,
-          transform
-        };
-      }
-    };
-    UpdateEntityEventCommand = class extends JSBCommand {
-      constructor(entity, type, isEnable) {
-        super();
-        this.entity = entity;
-        this.type = type;
-        this.isEnable = isEnable;
-      }
-      commandType = "UpdateEntityEvent";
-      getParams() {
-        return {
-          type: this.type,
-          entityId: this.entity.id,
-          isEnable: this.isEnable
-        };
-      }
-    };
-    UpdateSpatialSceneProperties = class extends JSBCommand {
-      properties;
-      commandType = "UpdateSpatialSceneProperties";
-      constructor(properties) {
-        super();
-        this.properties = properties;
-      }
-      getParams() {
-        return this.properties;
-      }
-    };
-    UpdateSceneConfig = class extends JSBCommand {
-      config;
-      commandType = "UpdateSceneConfig";
-      constructor(config) {
-        super();
-        this.config = config;
-      }
-      getParams() {
-        return { config: this.config };
-      }
-    };
-    FocusScene = class extends JSBCommand {
-      constructor(id) {
-        super();
-        this.id = id;
-      }
-      commandType = "FocusScene";
-      getParams() {
-        return { id: this.id };
-      }
-    };
-    GetSpatialSceneState = class extends JSBCommand {
-      commandType = "GetSpatialSceneState";
-      constructor() {
-        super();
-      }
-      getParams() {
-        return {};
-      }
-    };
-    SpatializedElementCommand = class extends JSBCommand {
-      constructor(spatialObject) {
-        super();
-        this.spatialObject = spatialObject;
-      }
-      getParams() {
-        const extraParams = this.getExtraParams();
-        return { id: this.spatialObject.id, ...extraParams };
-      }
-    };
-    UpdateSpatialized2DElementProperties = class extends SpatializedElementCommand {
-      properties;
-      commandType = "UpdateSpatialized2DElementProperties";
-      constructor(spatialObject, properties) {
-        super(spatialObject);
-        this.properties = properties;
-      }
-      getExtraParams() {
-        return this.properties;
-      }
-    };
-    UpdateSpatializedDynamic3DElementProperties = class extends SpatializedElementCommand {
-      properties;
-      commandType = "UpdateSpatializedDynamic3DElementProperties";
-      constructor(spatialObject, properties) {
-        super(spatialObject);
-        this.properties = properties;
-      }
-      getExtraParams() {
-        return {
-          id: this.spatialObject.id,
-          ...this.properties
-        };
-      }
-    };
-    UpdateUnlitMaterialProperties = class extends SpatializedElementCommand {
-      properties;
-      commandType = "UpdateUnlitMaterialProperties";
-      constructor(spatialObject, properties) {
-        super(spatialObject);
-        this.properties = properties;
-      }
-      getExtraParams() {
-        return this.properties;
-      }
-    };
-    UpdateSpatializedElementTransform = class extends SpatializedElementCommand {
-      matrix;
-      commandType = "UpdateSpatializedElementTransform";
-      constructor(spatialObject, matrix) {
-        super(spatialObject);
-        this.matrix = matrix;
-      }
-      getExtraParams() {
-        return { matrix: Array.from(this.matrix.toFloat64Array()) };
-      }
-    };
-    UpdateSpatializedStatic3DElementProperties = class extends SpatializedElementCommand {
-      properties;
-      commandType = "UpdateSpatializedStatic3DElementProperties";
-      constructor(spatialObject, properties) {
-        super(spatialObject);
-        this.properties = properties;
-      }
-      getExtraParams() {
-        return this.properties;
-      }
-    };
-    AddSpatializedElementToSpatialized2DElement = class extends SpatializedElementCommand {
-      commandType = "AddSpatializedElementToSpatialized2DElement";
-      spatializedElement;
-      constructor(spatialObject, spatializedElement) {
-        super(spatialObject);
-        this.spatializedElement = spatializedElement;
-      }
-      getExtraParams() {
-        return { spatializedElementId: this.spatializedElement.id };
-      }
-    };
-    AddSpatializedElementToSpatialScene = class extends JSBCommand {
-      commandType = "AddSpatializedElementToSpatialScene";
-      spatializedElement;
-      constructor(spatializedElement) {
-        super();
-        this.spatializedElement = spatializedElement;
-      }
-      getParams() {
-        return {
-          spatializedElementId: this.spatializedElement.id
-        };
-      }
-    };
-    CreateSpatializedStatic3DElementCommand = class extends JSBCommand {
-      constructor(modelURL, sources) {
-        super();
-        this.modelURL = modelURL;
-        this.sources = sources;
-        this.modelURL = modelURL;
-        this.sources = sources;
-      }
-      commandType = "CreateSpatializedStatic3DElement";
-      getParams() {
-        return { modelURL: this.modelURL, sources: this.sources };
-      }
-    };
-    CreateSpatializedDynamic3DElementCommand = class extends JSBCommand {
-      getParams() {
-        return { test: true };
-      }
-      commandType = "CreateSpatializedDynamic3DElement";
-    };
-    CreateSpatialEntityCommand = class extends JSBCommand {
-      constructor(name) {
-        super();
-        this.name = name;
-      }
-      getParams() {
-        return { name: this.name };
-      }
-      commandType = "CreateSpatialEntity";
-    };
-    CreateModelComponentCommand = class extends JSBCommand {
-      constructor(options) {
-        super();
-        this.options = options;
-      }
-      getParams() {
-        let geometryId = this.options.mesh.id;
-        let materialIds = this.options.materials.map((material) => material.id);
-        return { geometryId, materialIds };
-      }
-      commandType = "CreateModelComponent";
-    };
-    CreateSpatialModelEntityCommand = class extends JSBCommand {
-      constructor(options) {
-        super();
-        this.options = options;
-      }
-      getParams() {
-        return this.options;
-      }
-      commandType = "CreateSpatialModelEntity";
-    };
-    CreateModelAssetCommand = class extends JSBCommand {
-      constructor(options) {
-        super();
-        this.options = options;
-      }
-      getParams() {
-        return { url: this.options.url };
-      }
-      commandType = "CreateModelAsset";
-    };
-    CreateSpatialGeometryCommand = class extends JSBCommand {
-      constructor(type, options = {}) {
-        super();
-        this.type = type;
-        this.options = options;
-      }
-      getParams() {
-        return { type: this.type, ...this.options };
-      }
-      commandType = "CreateGeometry";
-    };
-    CreateSpatialUnlitMaterialCommand = class extends JSBCommand {
-      constructor(options) {
-        super();
-        this.options = options;
-      }
-      getParams() {
-        return this.options;
-      }
-      commandType = "CreateUnlitMaterial";
-    };
-    AddComponentToEntityCommand = class extends JSBCommand {
-      constructor(entity, comp) {
-        super();
-        this.entity = entity;
-        this.comp = comp;
-      }
-      getParams() {
-        return {
-          entityId: this.entity.id,
-          componentId: this.comp.id
-        };
-      }
-      commandType = "AddComponentToEntity";
-    };
-    RemoveComponentFromEntityCommand = class extends JSBCommand {
-      constructor(entity, comp) {
-        super();
-        this.entity = entity;
-        this.comp = comp;
-      }
-      getParams() {
-        return {
-          entityId: this.entity.id,
-          componentId: this.comp.id
-        };
-      }
-      commandType = "RemoveComponentFromEntity";
+var JSBCommand = class {
+  commandType = "";
+  async execute() {
+    const param = this.getParams();
+    const msg = param ? JSON.stringify(param) : "";
+    const platform = await getPlatform();
+    return platform.callJSB(this.commandType, msg);
+  }
+};
+var UpdateEntityPropertiesCommand = class extends JSBCommand {
+  constructor(entity, properties) {
+    super();
+    this.entity = entity;
+    this.properties = properties;
+  }
+  commandType = "UpdateEntityProperties";
+  getParams() {
+    const transform = composeSRT(
+      this.properties.position ?? this.entity.position,
+      this.properties.rotation ?? this.entity.rotation,
+      this.properties.scale ?? this.entity.scale
+    ).toFloat64Array();
+    return {
+      entityId: this.entity.id,
+      transform
     };
-    SetMaterialsOnEntityCommand = class extends JSBCommand {
-      constructor(entityId, materials) {
-        super();
-        this.entityId = entityId;
-        this.materials = materials;
-      }
-      getParams() {
-        return {
-          entityId: this.entityId,
-          materialIds: this.materials.map((m) => m.id)
-        };
-      }
-      commandType = "SetMaterialsOnEntity";
+  }
+};
+var UpdateEntityEventCommand = class extends JSBCommand {
+  constructor(entity, type, isEnable) {
+    super();
+    this.entity = entity;
+    this.type = type;
+    this.isEnable = isEnable;
+  }
+  commandType = "UpdateEntityEvent";
+  getParams() {
+    return {
+      type: this.type,
+      entityId: this.entity.id,
+      isEnable: this.isEnable
     };
-    SetParentForEntityCommand = class extends JSBCommand {
-      // childId, parentId
-      constructor(childId, parentId) {
-        super();
-        this.childId = childId;
-        this.parentId = parentId;
-      }
-      getParams() {
-        return {
-          childId: this.childId,
-          parentId: this.parentId
-        };
-      }
-      commandType = "SetParentToEntity";
+  }
+};
+var UpdateSpatialSceneProperties = class extends JSBCommand {
+  properties;
+  commandType = "UpdateSpatialSceneProperties";
+  constructor(properties) {
+    super();
+    this.properties = properties;
+  }
+  getParams() {
+    return this.properties;
+  }
+};
+var UpdateSceneConfig = class extends JSBCommand {
+  config;
+  commandType = "UpdateSceneConfig";
+  constructor(config) {
+    super();
+    this.config = config;
+  }
+  getParams() {
+    return { config: this.config };
+  }
+};
+var FocusScene = class extends JSBCommand {
+  constructor(id) {
+    super();
+    this.id = id;
+  }
+  commandType = "FocusScene";
+  getParams() {
+    return { id: this.id };
+  }
+};
+var GetSpatialSceneState = class extends JSBCommand {
+  commandType = "GetSpatialSceneState";
+  constructor() {
+    super();
+  }
+  getParams() {
+    return {};
+  }
+};
+var SpatializedElementCommand = class extends JSBCommand {
+  constructor(spatialObject) {
+    super();
+    this.spatialObject = spatialObject;
+  }
+  getParams() {
+    const extraParams = this.getExtraParams();
+    return { id: this.spatialObject.id, ...extraParams };
+  }
+};
+var UpdateSpatialized2DElementProperties = class extends SpatializedElementCommand {
+  properties;
+  commandType = "UpdateSpatialized2DElementProperties";
+  constructor(spatialObject, properties) {
+    super(spatialObject);
+    this.properties = properties;
+  }
+  getExtraParams() {
+    return this.properties;
+  }
+};
+var UpdateSpatializedDynamic3DElementProperties = class extends SpatializedElementCommand {
+  properties;
+  commandType = "UpdateSpatializedDynamic3DElementProperties";
+  constructor(spatialObject, properties) {
+    super(spatialObject);
+    this.properties = properties;
+  }
+  getExtraParams() {
+    return {
+      id: this.spatialObject.id,
+      ...this.properties
     };
-    ConvertFromEntityToEntityCommand = class extends JSBCommand {
-      constructor(fromEntityId, toEntityId, fromPosition) {
-        super();
-        this.fromEntityId = fromEntityId;
-        this.toEntityId = toEntityId;
-        this.fromPosition = fromPosition;
-      }
-      getParams() {
-        return {
-          fromEntityId: this.fromEntityId,
-          toEntityId: this.toEntityId,
-          position: this.fromPosition
-        };
-      }
-      commandType = "ConvertFromEntityToEntity";
+  }
+};
+var UpdateUnlitMaterialProperties = class extends SpatializedElementCommand {
+  properties;
+  commandType = "UpdateUnlitMaterialProperties";
+  constructor(spatialObject, properties) {
+    super(spatialObject);
+    this.properties = properties;
+  }
+  getExtraParams() {
+    return this.properties;
+  }
+};
+var UpdateSpatializedElementTransform = class extends SpatializedElementCommand {
+  matrix;
+  commandType = "UpdateSpatializedElementTransform";
+  constructor(spatialObject, matrix) {
+    super(spatialObject);
+    this.matrix = matrix;
+  }
+  getExtraParams() {
+    return { matrix: Array.from(this.matrix.toFloat64Array()) };
+  }
+};
+var UpdateSpatializedStatic3DElementProperties = class extends SpatializedElementCommand {
+  properties;
+  commandType = "UpdateSpatializedStatic3DElementProperties";
+  constructor(spatialObject, properties) {
+    super(spatialObject);
+    this.properties = properties;
+  }
+  getExtraParams() {
+    return this.properties;
+  }
+};
+var AddSpatializedElementToSpatialized2DElement = class extends SpatializedElementCommand {
+  commandType = "AddSpatializedElementToSpatialized2DElement";
+  spatializedElement;
+  constructor(spatialObject, spatializedElement) {
+    super(spatialObject);
+    this.spatializedElement = spatializedElement;
+  }
+  getExtraParams() {
+    return { spatializedElementId: this.spatializedElement.id };
+  }
+};
+var AddSpatializedElementToSpatialScene = class extends JSBCommand {
+  commandType = "AddSpatializedElementToSpatialScene";
+  spatializedElement;
+  constructor(spatializedElement) {
+    super();
+    this.spatializedElement = spatializedElement;
+  }
+  getParams() {
+    return {
+      spatializedElementId: this.spatializedElement.id
     };
-    ConvertFromEntityToSceneCommand = class extends JSBCommand {
-      constructor(fromEntityId, position) {
-        super();
-        this.fromEntityId = fromEntityId;
-        this.position = position;
-      }
-      getParams() {
-        return {
-          fromEntityId: this.fromEntityId,
-          position: this.position
-        };
-      }
-      commandType = "ConvertFromEntityToScene";
+  }
+};
+var CreateSpatializedStatic3DElementCommand = class extends JSBCommand {
+  constructor(modelURL, sources, loading = "eager") {
+    super();
+    this.modelURL = modelURL;
+    this.sources = sources;
+    this.loading = loading;
+    this.modelURL = modelURL;
+    this.sources = sources;
+    this.loading = loading;
+  }
+  commandType = "CreateSpatializedStatic3DElement";
+  getParams() {
+    return {
+      modelURL: this.modelURL,
+      sources: this.sources,
+      loading: this.loading
     };
-    ConvertFromSceneToEntityCommand = class extends JSBCommand {
-      //  let entityId: String
-      // let position:Vec3
-      constructor(entityId, position) {
-        super();
-        this.entityId = entityId;
-        this.position = position;
-      }
-      getParams() {
-        return {
-          entityId: this.entityId,
-          position: this.position
-        };
-      }
-      commandType = "ConvertFromSceneToEntity";
+  }
+};
+var CreateSpatializedDynamic3DElementCommand = class extends JSBCommand {
+  getParams() {
+    return { test: true };
+  }
+  commandType = "CreateSpatializedDynamic3DElement";
+};
+var CreateSpatialEntityCommand = class extends JSBCommand {
+  constructor(name) {
+    super();
+    this.name = name;
+  }
+  getParams() {
+    return { name: this.name };
+  }
+  commandType = "CreateSpatialEntity";
+};
+var CreateModelComponentCommand = class extends JSBCommand {
+  constructor(options) {
+    super();
+    this.options = options;
+  }
+  getParams() {
+    let geometryId = this.options.mesh.id;
+    let materialIds = this.options.materials.map((material) => material.id);
+    return { geometryId, materialIds };
+  }
+  commandType = "CreateModelComponent";
+};
+var CreateSpatialModelEntityCommand = class extends JSBCommand {
+  constructor(options) {
+    super();
+    this.options = options;
+  }
+  getParams() {
+    return this.options;
+  }
+  commandType = "CreateSpatialModelEntity";
+};
+var CreateModelAssetCommand = class extends JSBCommand {
+  constructor(options) {
+    super();
+    this.options = options;
+  }
+  getParams() {
+    return { url: this.options.url };
+  }
+  commandType = "CreateModelAsset";
+};
+var CreateSpatialGeometryCommand = class extends JSBCommand {
+  constructor(type, options = {}) {
+    super();
+    this.type = type;
+    this.options = options;
+  }
+  getParams() {
+    return { type: this.type, ...this.options };
+  }
+  commandType = "CreateGeometry";
+};
+var CreateSpatialUnlitMaterialCommand = class extends JSBCommand {
+  constructor(options) {
+    super();
+    this.options = options;
+  }
+  getParams() {
+    return this.options;
+  }
+  commandType = "CreateUnlitMaterial";
+};
+var AddComponentToEntityCommand = class extends JSBCommand {
+  constructor(entity, comp) {
+    super();
+    this.entity = entity;
+    this.comp = comp;
+  }
+  getParams() {
+    return {
+      entityId: this.entity.id,
+      componentId: this.comp.id
     };
-    ConvertCoordinateCommand = class extends JSBCommand {
-      constructor(position, fromId, toId) {
-        super();
-        this.position = position;
-        this.fromId = fromId;
-        this.toId = toId;
-      }
-      getParams() {
-        return {
-          position: this.position,
-          fromId: this.fromId,
-          toId: this.toId
-        };
-      }
-      commandType = "ConvertCoordinate";
+  }
+  commandType = "AddComponentToEntity";
+};
+var RemoveComponentFromEntityCommand = class extends JSBCommand {
+  constructor(entity, comp) {
+    super();
+    this.entity = entity;
+    this.comp = comp;
+  }
+  getParams() {
+    return {
+      entityId: this.entity.id,
+      componentId: this.comp.id
     };
-    InspectCommand = class extends JSBCommand {
-      constructor(id = "") {
-        super();
-        this.id = id;
-      }
-      commandType = "Inspect";
-      getParams() {
-        return this.id ? { id: this.id } : { id: "" };
-      }
+  }
+  commandType = "RemoveComponentFromEntity";
+};
+var SetMaterialsOnEntityCommand = class extends JSBCommand {
+  constructor(entityId, materials) {
+    super();
+    this.entityId = entityId;
+    this.materials = materials;
+  }
+  getParams() {
+    return {
+      entityId: this.entityId,
+      materialIds: this.materials.map((m) => m.id)
     };
-    DestroyCommand = class extends JSBCommand {
-      constructor(id) {
-        super();
-        this.id = id;
-      }
-      commandType = "Destroy";
-      getParams() {
-        return { id: this.id };
-      }
+  }
+  commandType = "SetMaterialsOnEntity";
+};
+var SetParentForEntityCommand = class extends JSBCommand {
+  // childId, parentId
+  constructor(childId, parentId) {
+    super();
+    this.childId = childId;
+    this.parentId = parentId;
+  }
+  getParams() {
+    return {
+      childId: this.childId,
+      parentId: this.parentId
     };
-    CheckWebViewCanCreateCommand = class extends JSBCommand {
-      constructor(id = "") {
-        super();
-        this.id = id;
-      }
-      commandType = "CheckWebViewCanCreate";
-      getParams() {
-        return { id: this.id };
-      }
+  }
+  commandType = "SetParentToEntity";
+};
+var ConvertFromEntityToEntityCommand = class extends JSBCommand {
+  constructor(fromEntityId, toEntityId, fromPosition) {
+    super();
+    this.fromEntityId = fromEntityId;
+    this.toEntityId = toEntityId;
+    this.fromPosition = fromPosition;
+  }
+  getParams() {
+    return {
+      fromEntityId: this.fromEntityId,
+      toEntityId: this.toEntityId,
+      position: this.fromPosition
     };
-    WebSpatialProtocolCommand = class extends JSBCommand {
-      target;
-      features;
-      async execute() {
-        const query = this.getQuery();
-        return platform.callWebSpatialProtocol(
-          this.commandType,
-          query,
-          this.target,
-          this.features
-        );
-      }
-      executeSync() {
-        const query = this.getQuery();
-        return platform.callWebSpatialProtocolSync(
-          this.commandType,
-          query,
-          this.target,
-          this.features
-        );
-      }
-      getQuery() {
-        let query = void 0;
-        const params = this.getParams();
-        if (params) {
-          query = Object.keys(params).map((key) => {
-            const value = params[key];
-            const finalValue = typeof value === "object" ? JSON.stringify(value) : value;
-            return `${key}=${encodeURIComponent(finalValue)}`;
-          }).join("&");
-        }
-        return query;
-      }
+  }
+  commandType = "ConvertFromEntityToEntity";
+};
+var ConvertFromEntityToSceneCommand = class extends JSBCommand {
+  constructor(fromEntityId, position) {
+    super();
+    this.fromEntityId = fromEntityId;
+    this.position = position;
+  }
+  getParams() {
+    return {
+      fromEntityId: this.fromEntityId,
+      position: this.position
     };
-    createSpatialized2DElementCommand = class extends WebSpatialProtocolCommand {
-      commandType = "createSpatialized2DElement";
-      constructor() {
-        super();
-      }
-      getParams() {
-        return {};
-      }
+  }
+  commandType = "ConvertFromEntityToScene";
+};
+var ConvertFromSceneToEntityCommand = class extends JSBCommand {
+  //  let entityId: String
+  // let position:Vec3
+  constructor(entityId, position) {
+    super();
+    this.entityId = entityId;
+    this.position = position;
+  }
+  getParams() {
+    return {
+      entityId: this.entityId,
+      position: this.position
     };
-    createSpatialSceneCommand = class extends WebSpatialProtocolCommand {
-      constructor(url, config, target, features) {
-        super();
-        this.url = url;
-        this.config = config;
-        this.target = target;
-        this.features = features;
-      }
-      commandType = "createSpatialScene";
-      getParams() {
-        return {
-          url: this.url,
-          config: this.config
-        };
-      }
+  }
+  commandType = "ConvertFromSceneToEntity";
+};
+var ConvertCoordinateCommand = class extends JSBCommand {
+  constructor(position, fromId, toId) {
+    super();
+    this.position = position;
+    this.fromId = fromId;
+    this.toId = toId;
+  }
+  getParams() {
+    return {
+      position: this.position,
+      fromId: this.fromId,
+      toId: this.toId
     };
-    CreateAttachmentEntityCommand = class extends WebSpatialProtocolCommand {
-      constructor(options) {
-        super();
-        this.options = options;
-      }
-      commandType = "createAttachment";
-      getParams() {
-        return {};
-      }
+  }
+  commandType = "ConvertCoordinate";
+};
+var CreateTextureCommand = class extends JSBCommand {
+  constructor(url) {
+    super();
+    this.url = url;
+  }
+  getParams() {
+    return {
+      url: this.url
     };
-    InitializeAttachmentCommand = class extends JSBCommand {
-      constructor(attachmentId, options) {
-        super();
-        this.attachmentId = attachmentId;
-        this.options = options;
-      }
-      commandType = "InitializeAttachment";
-      getParams() {
-        return {
-          id: this.attachmentId,
-          parentEntityId: this.options.parentEntityId,
-          position: this.options.position ?? [0, 0, 0],
-          size: this.options.size,
-          ownerViewId: this.options.ownerViewId
-        };
-      }
+  }
+  commandType = "CreateTexture";
+};
+var UpdateTexturePropertiesCommand = class extends SpatializedElementCommand {
+  properties;
+  commandType = "UpdateTextureProperties";
+  constructor(spatialObject, properties) {
+    super(spatialObject);
+    this.properties = properties;
+  }
+  getExtraParams() {
+    return this.properties;
+  }
+};
+var InspectCommand = class extends JSBCommand {
+  constructor(id = "") {
+    super();
+    this.id = id;
+  }
+  commandType = "Inspect";
+  getParams() {
+    return this.id ? { id: this.id } : { id: "" };
+  }
+};
+var DestroyCommand = class extends JSBCommand {
+  constructor(id) {
+    super();
+    this.id = id;
+  }
+  commandType = "Destroy";
+  getParams() {
+    return { id: this.id };
+  }
+};
+var InitializeAttachmentCommand = class extends JSBCommand {
+  constructor(attachmentId, options) {
+    super();
+    this.attachmentId = attachmentId;
+    this.options = options;
+  }
+  commandType = "InitializeAttachment";
+  getParams() {
+    return {
+      id: this.attachmentId,
+      parentEntityId: this.options.parentEntityId,
+      position: this.options.position ?? [0, 0, 0],
+      size: this.options.size,
+      ownerViewId: this.options.ownerViewId
     };
-    UpdateAttachmentEntityCommand = class extends JSBCommand {
-      constructor(attachmentId, options) {
-        super();
-        this.attachmentId = attachmentId;
-        this.options = options;
-      }
-      commandType = "UpdateAttachmentEntity";
-      getParams() {
-        return {
-          id: this.attachmentId,
-          ...this.options
-        };
-      }
+  }
+};
+var UpdateAttachmentEntityCommand = class extends JSBCommand {
+  constructor(attachmentId, options) {
+    super();
+    this.attachmentId = attachmentId;
+    this.options = options;
+  }
+  commandType = "UpdateAttachmentEntity";
+  getParams() {
+    return {
+      id: this.attachmentId,
+      ...this.options
     };
   }
-});
+};
 
 // src/SpatialObject.ts
-init_JSBCommand();
 var SpatialObject = class {
   /** @hidden */
   constructor(id) {
@@ -1393,12 +1283,20 @@ var SpatialObject = class {
   }
 };
 
-// src/scene-polyfill.ts
-init_JSBCommand();
+// src/spatial-host.ts
+async function createNativeSpatialDiv() {
+  const platform = await getPlatform();
+  return platform.createNativeSpatialDiv();
+}
+async function createNativeAttachment(options) {
+  const platform = await getPlatform();
+  return platform.createNativeAttachment(options);
+}
+function openSpatialSceneSync(url, config, target, features) {
+  return getPlatformSync().openSpatialSceneSync(url, config, target, features);
+}
 
 // src/SpatialScene.ts
-init_JSBCommand();
-init_JSBCommand();
 var instance;
 var SpatialScene = class _SpatialScene extends SpatialObject {
   /**
@@ -1566,9 +1464,6 @@ var CubeInfo = class {
   }
 };
 
-// src/scene-polyfill.ts
-init_utils();
-
 // src/physicalMetrics.ts
 var physicalMetrics_exports = {};
 __export(physicalMetrics_exports, {
@@ -1577,7 +1472,6 @@ __export(physicalMetrics_exports, {
   pointToPhysical: () => pointToPhysical,
   subscribe: () => subscribe
 });
-init_SpatialWebEvent();
 var snapshot = {
   meterToPtUnscaled: 1360,
   meterToPtScaled: 1360
@@ -1775,8 +1669,12 @@ var SceneManager = class _SceneManager {
       const [ans] = formatSceneConfig(preFormatted, "window");
       cfg = { ...ans, type: "window" };
     }
-    const cmd = new createSpatialSceneCommand(url, cfg, target, features);
-    const result = cmd.executeSync();
+    const result = openSpatialSceneSync(
+      url,
+      cfg,
+      target,
+      features
+    );
     const id = result.data?.id;
     if (id) {
       let focusCmd = new FocusScene(id);
@@ -1930,7 +1828,6 @@ function formatToNumber(str, targetUnit, defaultUnit) {
   }
 }
 function formatSceneConfig(config, sceneType) {
-  const defaultSceneConfig2 = getSceneDefaultConfig(sceneType);
   const errors = [];
   const isWindow = sceneType === "window";
   if (!isValidSpatialSceneType(sceneType)) {
@@ -2076,16 +1973,6 @@ function injectSceneHook() {
   injectScenePolyfill();
 }
 
-// src/SpatializedElementCreator.ts
-init_JSBCommand();
-
-// src/Spatialized2DElement.ts
-init_JSBCommand();
-
-// src/SpatializedElement.ts
-init_JSBCommand();
-init_SpatialWebEvent();
-
 // src/SpatialWebEventCreator.ts
 function createSpatialEvent(type, detail) {
   return new CustomEvent(type, {
@@ -2311,7 +2198,6 @@ var Spatialized2DElement = class extends SpatializedElement {
 };
 
 // src/SpatializedStatic3DElement.ts
-init_JSBCommand();
 var SpatializedStatic3DElement = class extends SpatializedElement {
   /**
    * Creates a new spatialized static 3D element with the specified ID and URL.
@@ -2319,11 +2205,13 @@ var SpatializedStatic3DElement = class extends SpatializedElement {
    * @param id Unique identifier for this element
    * @param modelURL URL of the 3D model
    * @param sources Optional fallback model sources
+   * @param loading Initial loading mode (`'eager'` by default)
    */
-  constructor(id, modelURL, sources) {
+  constructor(id, modelURL, sources, loading = "eager") {
     super(id);
     this.modelURL = modelURL;
     this.sources = sources;
+    this._loading = loading;
   }
   /**
    * Promise resolver for the ready state.
@@ -2335,6 +2223,10 @@ var SpatializedStatic3DElement = class extends SpatializedElement {
    * Used to reset the ready promise when the model URL changes.
    */
   modelURL;
+  // @TODO: Deprecate modelURL property from Web and Swift code
+  get modelUrl() {
+    return this.modelURL;
+  }
   /**
    * Caches the last sources array to detect changes.
    */
@@ -2393,8 +2285,19 @@ var SpatializedStatic3DElement = class extends SpatializedElement {
       this._loop = properties.loop;
     }
     if (properties.playbackRate !== void 0) {
+      if (!this._paused) {
+        this._currentTime = this.currentTime;
+        this._anchorTimestamp = Date.now();
+      }
       this._playbackRate = properties.playbackRate;
     }
+    if (properties.currentTime !== void 0) {
+      this._currentTime = properties.currentTime;
+      this._anchorTimestamp = Date.now();
+    }
+    if (properties.loading !== void 0) {
+      this._loading = properties.loading;
+    }
     return new UpdateSpatializedStatic3DElementProperties(
       this,
       properties
@@ -2426,6 +2329,41 @@ var SpatializedStatic3DElement = class extends SpatializedElement {
   set playbackRate(value) {
     this.updateProperties({ playbackRate: value });
   }
+  /**
+   * Last playback position sampled from native (seconds).
+   */
+  _currentTime = 0;
+  /**
+   * Unix epoch time (ms) corresponding to `_currentTime`. Sourced from the
+   * native `timestamp` on samples, or `Date.now()` on local seeks/transitions.
+   */
+  _anchorTimestamp = 0;
+  clampTime(time) {
+    if (!Number.isFinite(time) || time < 0) return 0;
+    if (time > this._duration) {
+      return this.loop && this.duration > 0 ? time % this._duration : this.duration;
+    }
+    return time;
+  }
+  /**
+   * Returns the current (un-scaled) playback position in seconds. While
+   * playing, the value is extrapolated from the last anchor using
+   * `playbackRate` and clamped to `[0, duration]`; while paused it returns
+   * the anchor directly.
+   */
+  get currentTime() {
+    if (this._paused) return this._currentTime;
+    const elapsed = (Date.now() - this._anchorTimestamp) / 1e3;
+    return this.clampTime(this._currentTime + elapsed * this._playbackRate);
+  }
+  /**
+   * Seeks the animation to `value` seconds (clamped to `[0, duration]`) and
+   * forwards the request to native.
+   */
+  set currentTime(value) {
+    const time = Number.isNaN(value) ? 0 : clamp(value, 0, this.duration);
+    this.updateProperties({ currentTime: time });
+  }
   /**
    * Whether the animation is currently paused.
    */
@@ -2451,6 +2389,9 @@ var SpatializedStatic3DElement = class extends SpatializedElement {
    * @returns Promise resolving when the command is sent
    */
   async play() {
+    if (this._paused) {
+      this._anchorTimestamp = Date.now();
+    }
     this._paused = false;
     await this.updateProperties({ animationPaused: false });
   }
@@ -2459,6 +2400,10 @@ var SpatializedStatic3DElement = class extends SpatializedElement {
    * @returns Promise resolving when the command is sent
    */
   async pause() {
+    if (!this._paused) {
+      this._currentTime = this.currentTime;
+      this._anchorTimestamp = Date.now();
+    }
     this._paused = true;
     await this.updateProperties({ animationPaused: true });
   }
@@ -2478,6 +2423,8 @@ var SpatializedStatic3DElement = class extends SpatializedElement {
     } else if (data.type === "animationstatechange" /* animationstatechange */) {
       this._paused = data.detail.paused;
       this._duration = data.detail.duration;
+      this._currentTime = data.detail.currentTime ?? 0;
+      this._anchorTimestamp = data.detail.timestamp ?? Date.now();
       this._onAnimationStateChangeCallback?.(data.detail);
     } else {
       super.onReceiveEvent(data);
@@ -2493,6 +2440,14 @@ var SpatializedStatic3DElement = class extends SpatializedElement {
   get autoplay() {
     return this._autoplay;
   }
+  /**
+   * Asset fetch policy. `'lazy'` defers fetching until the host signals the
+   * element is in view; `'eager'` fetches immediately.
+   */
+  _loading = "eager";
+  get loading() {
+    return this._loading;
+  }
   /**
    * Whether the model animation should loop continuously.
    */
@@ -2530,9 +2485,11 @@ var SpatializedStatic3DElement = class extends SpatializedElement {
     this.updateProperties({ modelTransform });
   }
 };
+function clamp(num, min, max) {
+  return num <= min ? min : num >= max ? max : num;
+}
 
 // src/SpatializedDynamic3DElement.ts
-init_JSBCommand();
 var SpatializedDynamic3DElement = class extends SpatializedElement {
   children = [];
   events = {};
@@ -2566,7 +2523,7 @@ var SpatializedDynamic3DElement = class extends SpatializedElement {
 
 // src/SpatializedElementCreator.ts
 async function createSpatialized2DElement() {
-  const result = await new createSpatialized2DElementCommand().execute();
+  const result = await createNativeSpatialDiv();
   if (!result.success) {
     throw new Error("createSpatialized2DElement failed");
   } else {
@@ -2576,16 +2533,17 @@ async function createSpatialized2DElement() {
     return new Spatialized2DElement(id, windowProxy);
   }
 }
-async function createSpatializedStatic3DElement(modelURL, sources) {
+async function createSpatializedStatic3DElement(modelURL, sources, loading = "eager") {
   const result = await new CreateSpatializedStatic3DElementCommand(
     modelURL,
-    sources
+    sources,
+    loading
   ).execute();
   if (!result.success) {
     throw new Error("createSpatializedStatic3DElement failed");
   } else {
     const { id } = result.data;
-    return new SpatializedStatic3DElement(id, modelURL, sources);
+    return new SpatializedStatic3DElement(id, modelURL, sources, loading);
   }
 }
 async function createSpatializedDynamic3DElement() {
@@ -2599,7 +2557,6 @@ async function createSpatializedDynamic3DElement() {
 }
 
 // src/reality/Attachment.ts
-init_JSBCommand();
 var Attachment = class extends SpatialObject {
   constructor(id, windowProxy, options) {
     super(id);
@@ -2620,7 +2577,7 @@ var Attachment = class extends SpatialObject {
   }
 };
 async function createAttachmentEntity(options) {
-  const result = await new CreateAttachmentEntityCommand(options).execute();
+  const result = await createNativeAttachment(options);
   if (!result.success) {
     throw new Error("createAttachmentEntity failed: " + result?.errorMessage);
   }
@@ -2629,13 +2586,7 @@ async function createAttachmentEntity(options) {
   return new Attachment(id, windowProxy, options);
 }
 
-// src/reality/realityCreator.ts
-init_JSBCommand();
-
 // src/reality/entity/SpatialEntity.ts
-init_JSBCommand();
-init_JSBCommand();
-init_SpatialWebEvent();
 var SpatialEntity = class extends SpatialObject {
   constructor(id, userData) {
     super(id);
@@ -2820,7 +2771,6 @@ var SpatialEntity = class extends SpatialObject {
 };
 
 // src/reality/entity/SpatialModelEntity.ts
-init_JSBCommand();
 var SpatialModelEntity = class extends SpatialEntity {
   constructor(id, options, userData) {
     super(id, userData);
@@ -2834,7 +2784,6 @@ var SpatialModelEntity = class extends SpatialEntity {
 };
 
 // src/reality/component/SpatialComponent.ts
-init_SpatialWebEvent();
 var SpatialComponent = class extends SpatialObject {
   constructor(id) {
     super(id);
@@ -2856,9 +2805,6 @@ var ModelComponent = class extends SpatialComponent {
   }
 };
 
-// src/reality/material/SpatialUnlitMaterial.ts
-init_JSBCommand();
-
 // src/reality/material/SpatialMaterial.ts
 var SpatialMaterial = class extends SpatialObject {
   constructor(id, type) {
@@ -2890,6 +2836,18 @@ var SpatialModelAsset = class extends SpatialObject {
   }
 };
 
+// src/reality/resource/SpatialTextureResource.ts
+var SpatialTextureResource = class extends SpatialObject {
+  constructor(id, options) {
+    super(id);
+    this.id = id;
+    this.options = options;
+  }
+  updateProperties(properties) {
+    return new UpdateTexturePropertiesCommand(this, properties).execute();
+  }
+};
+
 // src/reality/realityCreator.ts
 async function createSpatialEntity(userData) {
   const result = await new CreateSpatialEntityCommand(userData?.name).execute();
@@ -2948,6 +2906,15 @@ async function createModelAsset(options) {
     return new SpatialModelAsset(id, options);
   }
 }
+async function createSpatialTexture(options) {
+  const result = await new CreateTextureCommand(options.url).execute();
+  if (!result.success) {
+    throw new Error("createSpatialTexture failed:" + result?.errorMessage);
+  } else {
+    const { id } = result.data;
+    return new SpatialTextureResource(id, options);
+  }
+}
 
 // src/reality/geometry/SpatialGeometry.ts
 var SpatialGeometry = class extends SpatialObject {
@@ -3031,10 +2998,12 @@ var SpatialSession = class {
    * Creates a new static 3D element with an optional model URL.
    * Static 3D elements represent pre-built 3D models that can be loaded from a URL.
    * @param modelURL Optional URL to the 3D model to load
+   * @param sources Optional list of fallback model sources
+   * @param loading Whether the asset should fetch eagerly or be deferred (`'lazy'`)
    * @returns Promise resolving to a new SpatializedStatic3DElement instance
    */
-  createSpatializedStatic3DElement(modelURL, sources) {
-    return createSpatializedStatic3DElement(modelURL, sources);
+  createSpatializedStatic3DElement(modelURL, sources, loading = "eager") {
+    return createSpatializedStatic3DElement(modelURL, sources, loading);
   }
   /**
    * Initializes the spatial scene with custom configuration.
@@ -3116,6 +3085,15 @@ var SpatialSession = class {
   createUnlitMaterial(options) {
     return createSpatialUnlitMaterial(options);
   }
+  /**
+   * Creates a texture resource from the specified image URL.
+   * Texture resources can be referenced by materials and other spatial content.
+   * @param options Configuration options for the texture resource
+   * @returns Promise resolving to a new SpatialTextureResource instance
+   */
+  createTexture(options) {
+    return createSpatialTexture(options);
+  }
   /**
    * Creates a model asset with the specified configuration.
    * Model assets represent 3D model resources that can be used by entities.
@@ -3146,9 +3124,7 @@ var SpatialSession = class {
 };
 
 // src/Spatial.ts
-init_SpatialWebEvent();
 var Spatial = class {
-  wsAppShellVersionFromUA;
   /**
    * Requests a spatial session object from the browser.
    * This is the primary method to initialize spatial functionality.
@@ -3174,20 +3150,6 @@ var Spatial = class {
     }
     return false;
   }
-  getShellVersionFromUA() {
-    if (this.wsAppShellVersionFromUA !== void 0) {
-      return this.wsAppShellVersionFromUA;
-    }
-    if (typeof navigator === "undefined" || typeof navigator.userAgent !== "string") {
-      this.wsAppShellVersionFromUA = null;
-      return null;
-    }
-    const match = navigator.userAgent.match(
-      /WSAppShell\/(\d+(?:\.\d+){2}(?:[-+][0-9A-Za-z.-]+)*)/
-    );
-    this.wsAppShellVersionFromUA = match ? match[1] : "1.3.0";
-    return this.wsAppShellVersionFromUA;
-  }
   /** @deprecated
    * Checks if WebSpatial is supported in the current environment.
    * Verifies compatibility between native and client versions.
@@ -3213,15 +3175,289 @@ var Spatial = class {
    * @returns Client SDK version string in format "x.x.x"
    */
   getClientVersion() {
-    return "1.6.1";
+    return "1.7.0";
   }
 };
 
-// src/index.ts
-init_ssr_polyfill();
+// src/runtime/WebSpatialRuntimeError.ts
+var WebSpatialRuntimeError = class extends Error {
+  capability;
+  constructor(capability, message) {
+    super(
+      message ?? `Capability "${capability}" is not supported in this WebSpatial runtime`
+    );
+    this.name = "WebSpatialRuntimeError";
+    this.capability = capability;
+  }
+};
+
+// src/runtime/keys.ts
+var COMPONENT_KEYS = [
+  "Model",
+  "Reality",
+  "Entity",
+  "BoxEntity",
+  "SphereEntity",
+  "ConeEntity",
+  "CylinderEntity",
+  "PlaneEntity",
+  "SceneGraph",
+  "ModelAsset",
+  "ModelEntity",
+  "UnlitMaterial",
+  "Material",
+  "AttachmentAsset",
+  "AttachmentEntity"
+];
+var CSS_KEYS = [
+  "-xr-background-material",
+  "-xr-back",
+  "-xr-depth",
+  "-xr-transform"
+];
+var GESTURE_KEYS = [
+  "SpatialTapEvent",
+  "SpatialDragStartEvent",
+  "SpatialDragEvent",
+  "SpatialDragEndEvent",
+  "SpatialRotateEvent",
+  "SpatialRotateEndEvent",
+  "SpatialMagnifyEvent",
+  "SpatialMagnifyEndEvent"
+];
+var JS_SCENE_KEYS = [
+  "useMetrics",
+  "convertCoordinate",
+  "initScene",
+  "WindowScene",
+  "VolumeScene"
+];
+var ELEMENT_DOM_DEPTH_KEYS = ["xrClientDepth", "xrOffsetBack"];
+var WINDOW_DOM_DEPTH_KEYS = ["xrInnerDepth", "xrOuterDepth"];
+var DOM_DEPTH_KEYS = [
+  ...ELEMENT_DOM_DEPTH_KEYS,
+  ...WINDOW_DOM_DEPTH_KEYS
+];
+var TOP_LEVEL_KEYS = [
+  ...COMPONENT_KEYS,
+  ...CSS_KEYS,
+  ...GESTURE_KEYS,
+  ...JS_SCENE_KEYS,
+  ...DOM_DEPTH_KEYS
+];
+var ALIAS_TO_CANONICAL = {
+  Box: "BoxEntity",
+  Sphere: "SphereEntity",
+  Cone: "ConeEntity",
+  Cylinder: "CylinderEntity",
+  Plane: "PlaneEntity",
+  World: "SceneGraph"
+};
+function normalizeCapabilityName(name) {
+  return ALIAS_TO_CANONICAL[name] ?? name;
+}
+var SUB_TOKENS_BY_NAME = {
+  Material: ["unlit"],
+  WindowScene: ["defaultSize", "resizability"],
+  VolumeScene: [
+    "defaultSize",
+    "resizability",
+    "worldScaling",
+    "worldAlignment",
+    "baseplateVisibility"
+  ],
+  SpatialRotateEvent: ["constrainedToAxis"],
+  Model: [
+    "autoplay",
+    "loop",
+    "stagemode",
+    "poster",
+    "loading",
+    "source",
+    "ready",
+    "currentSrc",
+    "entityTransform",
+    "paused",
+    "duration",
+    "playbackRate",
+    "play",
+    "pause",
+    "currentTime"
+  ]
+};
+function isKnownTopLevel(name) {
+  return TOP_LEVEL_KEYS.includes(name);
+}
+function isKnownSubToken(name, token) {
+  const allowed = SUB_TOKENS_BY_NAME[name];
+  return allowed !== void 0 && allowed.includes(token);
+}
+
+// src/runtime/capability-data.ts
+function baseTrueFlags() {
+  const flags = {};
+  for (const k of TOP_LEVEL_KEYS) {
+    flags[k] = true;
+  }
+  for (const [name, toks] of Object.entries(SUB_TOKENS_BY_NAME)) {
+    for (const t of toks) {
+      flags[`${name}:${t}`] = true;
+    }
+  }
+  return flags;
+}
+function matrixVision_1_5_0_Flags() {
+  const flags = baseTrueFlags();
+  const modelNo = [
+    "autoplay",
+    "loop",
+    "stagemode",
+    "poster",
+    "loading",
+    "source",
+    "paused",
+    "duration",
+    "playbackRate",
+    "play",
+    "pause",
+    "currentTime"
+  ];
+  for (const t of modelNo) {
+    flags[`Model:${t}`] = false;
+  }
+  flags["SpatialRotateEvent:constrainedToAxis"] = true;
+  return flags;
+}
+function matrixVision_1_6_0_Flags() {
+  const flags = baseTrueFlags();
+  for (const t of ["stagemode", "poster", "loading", "currentTime"]) {
+    flags[`Model:${t}`] = false;
+  }
+  flags["SpatialRotateEvent:constrainedToAxis"] = true;
+  return flags;
+}
+function matrixPico_0_1_1_Flags() {
+  const flags = matrixVision_1_5_0_Flags();
+  flags.xrInnerDepth = false;
+  flags.xrOuterDepth = false;
+  return flags;
+}
+function matrixPico_0_1_2_Flags() {
+  const flags = matrixVision_1_6_0_Flags();
+  flags.xrInnerDepth = false;
+  flags.xrOuterDepth = false;
+  return flags;
+}
+function visionOsRow_1_5_0() {
+  return { version: "1.5.0", flags: matrixVision_1_5_0_Flags() };
+}
+function visionOsRow_1_6_0() {
+  return { version: "1.6.0", flags: matrixVision_1_6_0_Flags() };
+}
+function picoOsRow_0_1_1() {
+  return { version: "0.1.1", flags: matrixPico_0_1_1_Flags() };
+}
+function picoOsRow_0_1_2() {
+  return { version: "0.1.2", flags: matrixPico_0_1_2_Flags() };
+}
+var CAPABILITY_TABLE = {
+  visionos: [visionOsRow_1_5_0(), visionOsRow_1_6_0()],
+  picoos: [picoOsRow_0_1_1(), picoOsRow_0_1_2()]
+};
+
+// src/runtime/semver.ts
+function compareSemver(a, b) {
+  const pa = parseSemverParts(a);
+  const pb = parseSemverParts(b);
+  if (!pa || !pb) {
+    return String(a).localeCompare(String(b));
+  }
+  const len = Math.max(pa.length, pb.length);
+  for (let i = 0; i < len; i++) {
+    const da = pa[i] ?? 0;
+    const db = pb[i] ?? 0;
+    if (da !== db) return da - db;
+  }
+  return 0;
+}
+function parseSemverParts(v) {
+  const m = /^(\d+)(?:\.(\d+)(?:\.(\d+))?)?/.exec(v.trim());
+  if (!m) return null;
+  const major = Number(m[1]);
+  const minor = m[2] !== void 0 ? Number(m[2]) : 0;
+  const patch = m[3] !== void 0 ? Number(m[3]) : 0;
+  if ([major, minor, patch].some((n) => Number.isNaN(n))) return null;
+  return [major, minor, patch];
+}
+function parseSemverOrNull(v) {
+  const m = /^(\d+(?:\.\d+){0,2})/.exec(v.trim());
+  return m ? m[1] : null;
+}
+
+// src/runtime/supports.ts
+var VISIONOS_DEBUG_SHELL_VERSION_PLACEHOLDER = "WS_SHELL_VERSION";
+var runtimeCache;
+function resetRuntimeCacheForTests() {
+  runtimeCache = void 0;
+}
+function getRuntime() {
+  if (runtimeCache !== void 0) return runtimeCache;
+  if (typeof navigator === "undefined") {
+    runtimeCache = { type: null, shellVersion: null };
+    return runtimeCache;
+  }
+  runtimeCache = computeRuntimeFromUserAgent(navigator.userAgent);
+  return runtimeCache;
+}
+function selectRow(type, shellVersion) {
+  const norm = parseSemverOrNull(shellVersion);
+  if (!norm) return null;
+  const rows = CAPABILITY_TABLE[type];
+  if (!rows.length) return null;
+  const sorted = [...rows].sort((a, b) => compareSemver(a.version, b.version));
+  const minV = sorted[0].version;
+  if (compareSemver(norm, minV) < 0) return null;
+  let chosen = null;
+  for (const row of sorted) {
+    if (compareSemver(row.version, norm) <= 0) {
+      chosen = row;
+    } else {
+      break;
+    }
+  }
+  return chosen;
+}
+function supports(name, tokens) {
+  if (typeof name !== "string") return false;
+  const canonical = normalizeCapabilityName(name);
+  if (!isKnownTopLevel(canonical)) return false;
+  const tokList = tokens === void 0 ? [] : Array.isArray(tokens) ? [...tokens] : [];
+  if (tokList.some((t) => typeof t !== "string")) return false;
+  for (const t of tokList) {
+    if (!isKnownSubToken(canonical, t)) return false;
+  }
+  const rt = getRuntime();
+  if (rt.type === "puppeteer") {
+    return true;
+  }
+  if (rt.type === null) return false;
+  if (rt.shellVersion === null) return false;
+  if (rt.type === "visionos" && rt.shellVersion === VISIONOS_DEBUG_SHELL_VERSION_PLACEHOLDER) {
+    return true;
+  }
+  const parsedShell = parseSemverOrNull(rt.shellVersion);
+  if (!parsedShell) return false;
+  if (rt.type !== "visionos" && rt.type !== "picoos") return false;
+  const row = selectRow(rt.type, parsedShell);
+  if (!row) return false;
+  if (tokList.length === 0) {
+    return row.flags[canonical] === true;
+  }
+  if (row.flags[canonical] !== true) return false;
+  return tokList.every((t) => row.flags[`${canonical}:${t}`] === true);
+}
 
 // src/spatial-window-polyfill.ts
-init_utils();
 var spatial = new Spatial();
 var session = void 0;
 var SpatialGlobalCustomVars = {
@@ -3366,9 +3602,17 @@ if (!isSSREnv() && navigator.userAgent.indexOf("WebSpatial/") > 0) {
 export {
   Attachment,
   BaseplateVisibilityValues,
+  CAPABILITY_TABLE,
+  COMPONENT_KEYS,
+  CSS_KEYS,
   CubeInfo,
+  DOM_DEPTH_KEYS,
+  ELEMENT_DOM_DEPTH_KEYS,
+  GESTURE_KEYS,
+  JS_SCENE_KEYS,
   ModelComponent,
   physicalMetrics_exports as PhysicalMetrics,
+  SUB_TOKENS_BY_NAME,
   Spatial,
   SpatialBoxGeometry,
   SpatialComponent,
@@ -3386,20 +3630,33 @@ export {
   SpatialSceneValues,
   SpatialSession,
   SpatialSphereGeometry,
+  SpatialTextureResource,
   SpatialUnlitMaterial,
   Spatialized2DElement,
   SpatializedDynamic3DElement,
   SpatializedElement,
   SpatializedElementType,
   SpatializedStatic3DElement,
+  TOP_LEVEL_KEYS,
+  VISIONOS_DEBUG_SHELL_VERSION_PLACEHOLDER,
+  WINDOW_DOM_DEPTH_KEYS,
+  WebSpatialRuntimeError,
   WorldAlignmentValues,
   WorldScalingValues,
+  compareSemver,
+  computeRuntimeFromUserAgent,
   createAttachmentEntity,
+  getRuntime,
   isSSREnv,
   isValidBaseplateVisibilityType,
   isValidSceneUnit,
   isValidSpatialSceneType,
   isValidWorldAlignmentType,
-  isValidWorldScalingType
+  isValidWorldScalingType,
+  parseSemverOrNull,
+  parseShellToken,
+  resetRuntimeCacheForTests,
+  resolveJsbAdapterPlatform,
+  supports
 };
 //# sourceMappingURL=index.js.map