@webspatial/react-sdk 1.6.1 → 1.7.0

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

@@ -1,7 +1,7 @@
 export { Fragment } from 'react/jsx-runtime';
 import * as react from 'react';
 import { JSXSource } from 'react/jsx-dev-runtime';
-import { SpatialTapEvent, SpatialDragStartEvent, SpatialDragEvent, SpatialDragEndEvent, SpatialRotateEvent, SpatialRotateEndEvent, SpatialMagnifyEvent, SpatialMagnifyEndEvent, SpatialEventOptions } from '@webspatial/react-sdk';
+import { SpatialTapEvent, SpatialDragStartEvent, SpatialDragEvent, SpatialDragEndEvent, SpatialRotateEvent, SpatialRotateEndEvent, SpatialMagnifyEvent, SpatialMagnifyEndEvent, SpatialEventOptions, SpatialContentReadyCallback } from '@webspatial/react-sdk';
 
 declare function jsxs(type: React.ElementType, props: unknown, key?: React.Key): react.ReactElement<any, string | react.JSXElementConstructor<any>>;
 declare function jsx(type: React.ElementType, props: unknown, key?: React.Key): react.ReactElement<any, string | react.JSXElementConstructor<any>>;
@@ -27,35 +27,39 @@ type ReactJSXIntrinsicElements = true extends IsPreReact19 ? JSX.IntrinsicElemen
 /** @ts-ignore */
 type ReactJSXElementType = true extends IsPreReact19 ? string | React.JSXElementConstructor<any> : React.JSX.ElementType;
 declare namespace WebSpatialJSX {
-    type ElementType = ReactJSXElementType;
-    interface Element extends ReactJSXElement {
+    export type ElementType = ReactJSXElementType;
+    export interface Element extends ReactJSXElement {
     }
-    interface ElementClass extends ReactJSXElementClass {
+    export interface ElementClass extends ReactJSXElementClass {
     }
-    interface ElementAttributesProperty extends ReactJSXElementAttributesProperty {
+    export interface ElementAttributesProperty extends ReactJSXElementAttributesProperty {
     }
-    interface ElementChildrenAttribute extends ReactJSXElementChildrenAttribute {
+    export interface ElementChildrenAttribute extends ReactJSXElementChildrenAttribute {
     }
-    type LibraryManagedAttributes<C, P> = ReactJSXLibraryManagedAttributes<C, P>;
-    interface IntrinsicAttributes extends ReactJSXIntrinsicAttributes {
+    export type LibraryManagedAttributes<C, P> = ReactJSXLibraryManagedAttributes<C, P>;
+    export interface IntrinsicAttributes extends ReactJSXIntrinsicAttributes {
     }
-    interface IntrinsicClassAttributes<T> extends ReactJSXIntrinsicClassAttributes<T> {
+    export interface IntrinsicClassAttributes<T> extends ReactJSXIntrinsicClassAttributes<T> {
     }
-    type IntrinsicElements = {
-        [K in keyof ReactJSXIntrinsicElements]: ReactJSXIntrinsicElements[K] & {
-            style?: React.CSSProperties;
-            'enable-xr'?: boolean;
-            onSpatialTap?: (e: SpatialTapEvent) => void;
-            onSpatialDragStart?: (e: SpatialDragStartEvent) => void;
-            onSpatialDrag?: (e: SpatialDragEvent) => void;
-            onSpatialDragEnd?: (e: SpatialDragEndEvent) => void;
-            onSpatialRotate?: (e: SpatialRotateEvent) => void;
-            onSpatialRotateEnd?: (e: SpatialRotateEndEvent) => void;
-            onSpatialMagnify?: (e: SpatialMagnifyEvent) => void;
-            onSpatialMagnifyEnd?: (e: SpatialMagnifyEndEvent) => void;
-            spatialEventOptions?: SpatialEventOptions;
-        };
+    type BaseSpatialIntrinsic = {
+        style?: React.CSSProperties;
+        'enable-xr'?: boolean;
+        onSpatialTap?: (e: SpatialTapEvent) => void;
+        onSpatialDragStart?: (e: SpatialDragStartEvent) => void;
+        onSpatialDrag?: (e: SpatialDragEvent) => void;
+        onSpatialDragEnd?: (e: SpatialDragEndEvent) => void;
+        onSpatialRotate?: (e: SpatialRotateEvent) => void;
+        onSpatialRotateEnd?: (e: SpatialRotateEndEvent) => void;
+        onSpatialMagnify?: (e: SpatialMagnifyEvent) => void;
+        onSpatialMagnifyEnd?: (e: SpatialMagnifyEndEvent) => void;
+        spatialEventOptions?: SpatialEventOptions;
     };
+    export type IntrinsicElements = {
+        [K in keyof ReactJSXIntrinsicElements]: ReactJSXIntrinsicElements[K] & BaseSpatialIntrinsic & (K extends 'div' ? {
+            onSpatialContentReady?: SpatialContentReadyCallback;
+        } : {});
+    };
+    export {  };
 }
 declare module 'react' {
     interface CSSProperties {

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

@@ -2,7 +2,7 @@
       (function(){
         if(typeof window === 'undefined') return;
         if(!window.__webspatialsdk__) window.__webspatialsdk__ = {}
-        window.__webspatialsdk__['react-sdk-version'] = "1.6.1"
+        window.__webspatialsdk__['react-sdk-version'] = "1.7.0"
         window.__webspatialsdk__['XR_ENV'] = "avp"
     })()
       
@@ -17,14 +17,15 @@ import { createElement as reactCreateElement } from "react";
 import {
   withSpatialMonitor,
   withSpatialized2DElementContainer,
-  Model
+  Model,
+  Reality
 } from "@webspatial/react-sdk";
 var attributeFlag = "enable-xr";
 var styleFlag = "enableXr";
 var classFlag = "__enableXr__";
 var xrMonitorFlag = "enable-xr-monitor";
 function replaceToSpatialPrimitiveType(type, props) {
-  if (type === Model) {
+  if (type === Model || type === Reality) {
     return type;
   }
   const propsObject = props;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/jsx/jsx-dev-runtime.ts","../../src/jsx/jsx-shared.ts"],"sourcesContent":["export { Fragment } from 'react/jsx-runtime'\nexport { jsxDEV, jsx } from './jsx-shared'\n\nexport type { WebSpatialJSX as JSX } from './jsx-namespace'\nexport * from './xr-css-extension'\n","import { jsxDEV as _jsxDEV, JSXSource } from 'react/jsx-dev-runtime'\nimport reactJSXRuntime from 'react/jsx-runtime'\nimport { createElement as reactCreateElement } from 'react'\nimport {\n  withSpatialMonitor,\n  withSpatialized2DElementContainer,\n  Model,\n  //@ts-ignore bypass ts check for external\n} from '@webspatial/react-sdk'\nconst attributeFlag = 'enable-xr'\nconst styleFlag = 'enableXr'\nconst classFlag = '__enableXr__'\nconst xrMonitorFlag = 'enable-xr-monitor'\n\nexport function replaceToSpatialPrimitiveType(\n  type: React.ElementType,\n  props: unknown,\n) {\n  if (type === Model) {\n    return type\n  }\n\n  const propsObject = props as Record<string, any>\n  if (attributeFlag in propsObject) {\n    delete propsObject[attributeFlag]\n    return withSpatialized2DElementContainer(type)\n  }\n\n  if (xrMonitorFlag in propsObject) {\n    delete propsObject[xrMonitorFlag]\n    return withSpatialMonitor(type)\n  }\n\n  if (propsObject && propsObject.style && styleFlag in propsObject.style) {\n    delete propsObject.style[styleFlag]\n    return withSpatialized2DElementContainer(type)\n  }\n\n  if (propsObject && typeof propsObject.className === 'string') {\n    const originalClassNames = propsObject.className.split(' ')\n    const idx = originalClassNames.indexOf(classFlag)\n    if (idx !== -1) {\n      originalClassNames.splice(idx, 1)\n      propsObject.className = originalClassNames.join(' ')\n      return withSpatialized2DElementContainer(type)\n    }\n  }\n\n  return type\n}\n\nexport function jsxs(type: React.ElementType, props: unknown, key?: React.Key) {\n  type = replaceToSpatialPrimitiveType(type, props)\n  return reactJSXRuntime.jsxs(type, props, key)\n}\n\nexport function jsx(type: React.ElementType, props: unknown, key?: React.Key) {\n  type = replaceToSpatialPrimitiveType(type, props)\n  return reactJSXRuntime.jsx(type, props, key)\n}\n\nexport function jsxDEV(\n  type: React.ElementType,\n  props: unknown,\n  key: React.Key,\n  isStatic: boolean,\n  source?: JSXSource,\n  self?: unknown,\n) {\n  type = replaceToSpatialPrimitiveType(type, props)\n  return _jsxDEV(type, props, key, isStatic, source, self)\n}\n\nexport function createElement(...args: Parameters<typeof reactCreateElement>) {\n  const [type, props, ...rest] = args\n  const newType = replaceToSpatialPrimitiveType(type as any, props)\n  return reactCreateElement(newType, props, ...rest)\n}\n"],"mappings":";;;;;;;;;;AAAA,SAAS,gBAAgB;;;ACAzB,SAAS,UAAU,eAA0B;AAC7C,OAAO,qBAAqB;AAC5B,SAAS,iBAAiB,0BAA0B;AACpD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,IAAM,gBAAgB;AACtB,IAAM,YAAY;AAClB,IAAM,YAAY;AAClB,IAAM,gBAAgB;AAEf,SAAS,8BACd,MACA,OACA;AACA,MAAI,SAAS,OAAO;AAClB,WAAO;AAAA,EACT;AAEA,QAAM,cAAc;AACpB,MAAI,iBAAiB,aAAa;AAChC,WAAO,YAAY,aAAa;AAChC,WAAO,kCAAkC,IAAI;AAAA,EAC/C;AAEA,MAAI,iBAAiB,aAAa;AAChC,WAAO,YAAY,aAAa;AAChC,WAAO,mBAAmB,IAAI;AAAA,EAChC;AAEA,MAAI,eAAe,YAAY,SAAS,aAAa,YAAY,OAAO;AACtE,WAAO,YAAY,MAAM,SAAS;AAClC,WAAO,kCAAkC,IAAI;AAAA,EAC/C;AAEA,MAAI,eAAe,OAAO,YAAY,cAAc,UAAU;AAC5D,UAAM,qBAAqB,YAAY,UAAU,MAAM,GAAG;AAC1D,UAAM,MAAM,mBAAmB,QAAQ,SAAS;AAChD,QAAI,QAAQ,IAAI;AACd,yBAAmB,OAAO,KAAK,CAAC;AAChC,kBAAY,YAAY,mBAAmB,KAAK,GAAG;AACnD,aAAO,kCAAkC,IAAI;AAAA,IAC/C;AAAA,EACF;AAEA,SAAO;AACT;AAOO,SAAS,IAAI,MAAyB,OAAgB,KAAiB;AAC5E,SAAO,8BAA8B,MAAM,KAAK;AAChD,SAAO,gBAAgB,IAAI,MAAM,OAAO,GAAG;AAC7C;AAEO,SAAS,OACd,MACA,OACA,KACA,UACA,QACA,MACA;AACA,SAAO,8BAA8B,MAAM,KAAK;AAChD,SAAO,QAAQ,MAAM,OAAO,KAAK,UAAU,QAAQ,IAAI;AACzD;","names":[]}
+{"version":3,"sources":["../../src/jsx/jsx-dev-runtime.ts","../../src/jsx/jsx-shared.ts"],"sourcesContent":["export { Fragment } from 'react/jsx-runtime'\nexport { jsxDEV, jsx } from './jsx-shared'\n\nexport type { WebSpatialJSX as JSX } from './jsx-namespace'\nexport * from './xr-css-extension'\n","import { jsxDEV as _jsxDEV, JSXSource } from 'react/jsx-dev-runtime'\nimport reactJSXRuntime from 'react/jsx-runtime'\nimport { createElement as reactCreateElement } from 'react'\nimport {\n  withSpatialMonitor,\n  withSpatialized2DElementContainer,\n  Model,\n  Reality,\n  //@ts-ignore bypass ts check for external\n} from '@webspatial/react-sdk'\nconst attributeFlag = 'enable-xr'\nconst styleFlag = 'enableXr'\nconst classFlag = '__enableXr__'\nconst xrMonitorFlag = 'enable-xr-monitor'\n\nexport function replaceToSpatialPrimitiveType(\n  type: React.ElementType,\n  props: unknown,\n) {\n  if (type === Model || type === Reality) {\n    return type\n  }\n\n  const propsObject = props as Record<string, any>\n  if (attributeFlag in propsObject) {\n    delete propsObject[attributeFlag]\n    return withSpatialized2DElementContainer(type)\n  }\n\n  if (xrMonitorFlag in propsObject) {\n    delete propsObject[xrMonitorFlag]\n    return withSpatialMonitor(type)\n  }\n\n  if (propsObject && propsObject.style && styleFlag in propsObject.style) {\n    delete propsObject.style[styleFlag]\n    return withSpatialized2DElementContainer(type)\n  }\n\n  if (propsObject && typeof propsObject.className === 'string') {\n    const originalClassNames = propsObject.className.split(' ')\n    const idx = originalClassNames.indexOf(classFlag)\n    if (idx !== -1) {\n      originalClassNames.splice(idx, 1)\n      propsObject.className = originalClassNames.join(' ')\n      return withSpatialized2DElementContainer(type)\n    }\n  }\n\n  return type\n}\n\nexport function jsxs(type: React.ElementType, props: unknown, key?: React.Key) {\n  type = replaceToSpatialPrimitiveType(type, props)\n  return reactJSXRuntime.jsxs(type, props, key)\n}\n\nexport function jsx(type: React.ElementType, props: unknown, key?: React.Key) {\n  type = replaceToSpatialPrimitiveType(type, props)\n  return reactJSXRuntime.jsx(type, props, key)\n}\n\nexport function jsxDEV(\n  type: React.ElementType,\n  props: unknown,\n  key: React.Key,\n  isStatic: boolean,\n  source?: JSXSource,\n  self?: unknown,\n) {\n  type = replaceToSpatialPrimitiveType(type, props)\n  return _jsxDEV(type, props, key, isStatic, source, self)\n}\n\nexport function createElement(...args: Parameters<typeof reactCreateElement>) {\n  const [type, props, ...rest] = args\n  const newType = replaceToSpatialPrimitiveType(type as any, props)\n  return reactCreateElement(newType, props, ...rest)\n}\n"],"mappings":";;;;;;;;;;AAAA,SAAS,gBAAgB;;;ACAzB,SAAS,UAAU,eAA0B;AAC7C,OAAO,qBAAqB;AAC5B,SAAS,iBAAiB,0BAA0B;AACpD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,IAAM,gBAAgB;AACtB,IAAM,YAAY;AAClB,IAAM,YAAY;AAClB,IAAM,gBAAgB;AAEf,SAAS,8BACd,MACA,OACA;AACA,MAAI,SAAS,SAAS,SAAS,SAAS;AACtC,WAAO;AAAA,EACT;AAEA,QAAM,cAAc;AACpB,MAAI,iBAAiB,aAAa;AAChC,WAAO,YAAY,aAAa;AAChC,WAAO,kCAAkC,IAAI;AAAA,EAC/C;AAEA,MAAI,iBAAiB,aAAa;AAChC,WAAO,YAAY,aAAa;AAChC,WAAO,mBAAmB,IAAI;AAAA,EAChC;AAEA,MAAI,eAAe,YAAY,SAAS,aAAa,YAAY,OAAO;AACtE,WAAO,YAAY,MAAM,SAAS;AAClC,WAAO,kCAAkC,IAAI;AAAA,EAC/C;AAEA,MAAI,eAAe,OAAO,YAAY,cAAc,UAAU;AAC5D,UAAM,qBAAqB,YAAY,UAAU,MAAM,GAAG;AAC1D,UAAM,MAAM,mBAAmB,QAAQ,SAAS;AAChD,QAAI,QAAQ,IAAI;AACd,yBAAmB,OAAO,KAAK,CAAC;AAChC,kBAAY,YAAY,mBAAmB,KAAK,GAAG;AACnD,aAAO,kCAAkC,IAAI;AAAA,IAC/C;AAAA,EACF;AAEA,SAAO;AACT;AAOO,SAAS,IAAI,MAAyB,OAAgB,KAAiB;AAC5E,SAAO,8BAA8B,MAAM,KAAK;AAChD,SAAO,gBAAgB,IAAI,MAAM,OAAO,GAAG;AAC7C;AAEO,SAAS,OACd,MACA,OACA,KACA,UACA,QACA,MACA;AACA,SAAO,8BAA8B,MAAM,KAAK;AAChD,SAAO,QAAQ,MAAM,OAAO,KAAK,UAAU,QAAQ,IAAI;AACzD;","names":[]}

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

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

package/dist/jsx/jsx-runtime.js

@@ -2,7 +2,7 @@
       (function(){
         if(typeof window === 'undefined') return;
         if(!window.__webspatialsdk__) window.__webspatialsdk__ = {}
-        window.__webspatialsdk__['react-sdk-version'] = "1.6.1"
+        window.__webspatialsdk__['react-sdk-version'] = "1.7.0"
         window.__webspatialsdk__['XR_ENV'] = "avp"
     })()
       
@@ -17,14 +17,15 @@ import { createElement as reactCreateElement } from "react";
 import {
   withSpatialMonitor,
   withSpatialized2DElementContainer,
-  Model
+  Model,
+  Reality
 } from "@webspatial/react-sdk";
 var attributeFlag = "enable-xr";
 var styleFlag = "enableXr";
 var classFlag = "__enableXr__";
 var xrMonitorFlag = "enable-xr-monitor";
 function replaceToSpatialPrimitiveType(type, props) {
-  if (type === Model) {
+  if (type === Model || type === Reality) {
     return type;
   }
   const propsObject = props;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/jsx/jsx-runtime.ts","../../src/jsx/jsx-shared.ts"],"sourcesContent":["export { Fragment } from 'react/jsx-runtime'\nexport { jsx, jsxs } from './jsx-shared'\n\nexport type { WebSpatialJSX as JSX } from './jsx-namespace'\nexport * from './xr-css-extension'\n","import { jsxDEV as _jsxDEV, JSXSource } from 'react/jsx-dev-runtime'\nimport reactJSXRuntime from 'react/jsx-runtime'\nimport { createElement as reactCreateElement } from 'react'\nimport {\n  withSpatialMonitor,\n  withSpatialized2DElementContainer,\n  Model,\n  //@ts-ignore bypass ts check for external\n} from '@webspatial/react-sdk'\nconst attributeFlag = 'enable-xr'\nconst styleFlag = 'enableXr'\nconst classFlag = '__enableXr__'\nconst xrMonitorFlag = 'enable-xr-monitor'\n\nexport function replaceToSpatialPrimitiveType(\n  type: React.ElementType,\n  props: unknown,\n) {\n  if (type === Model) {\n    return type\n  }\n\n  const propsObject = props as Record<string, any>\n  if (attributeFlag in propsObject) {\n    delete propsObject[attributeFlag]\n    return withSpatialized2DElementContainer(type)\n  }\n\n  if (xrMonitorFlag in propsObject) {\n    delete propsObject[xrMonitorFlag]\n    return withSpatialMonitor(type)\n  }\n\n  if (propsObject && propsObject.style && styleFlag in propsObject.style) {\n    delete propsObject.style[styleFlag]\n    return withSpatialized2DElementContainer(type)\n  }\n\n  if (propsObject && typeof propsObject.className === 'string') {\n    const originalClassNames = propsObject.className.split(' ')\n    const idx = originalClassNames.indexOf(classFlag)\n    if (idx !== -1) {\n      originalClassNames.splice(idx, 1)\n      propsObject.className = originalClassNames.join(' ')\n      return withSpatialized2DElementContainer(type)\n    }\n  }\n\n  return type\n}\n\nexport function jsxs(type: React.ElementType, props: unknown, key?: React.Key) {\n  type = replaceToSpatialPrimitiveType(type, props)\n  return reactJSXRuntime.jsxs(type, props, key)\n}\n\nexport function jsx(type: React.ElementType, props: unknown, key?: React.Key) {\n  type = replaceToSpatialPrimitiveType(type, props)\n  return reactJSXRuntime.jsx(type, props, key)\n}\n\nexport function jsxDEV(\n  type: React.ElementType,\n  props: unknown,\n  key: React.Key,\n  isStatic: boolean,\n  source?: JSXSource,\n  self?: unknown,\n) {\n  type = replaceToSpatialPrimitiveType(type, props)\n  return _jsxDEV(type, props, key, isStatic, source, self)\n}\n\nexport function createElement(...args: Parameters<typeof reactCreateElement>) {\n  const [type, props, ...rest] = args\n  const newType = replaceToSpatialPrimitiveType(type as any, props)\n  return reactCreateElement(newType, props, ...rest)\n}\n"],"mappings":";;;;;;;;;;AAAA,SAAS,gBAAgB;;;ACAzB,SAAS,UAAU,eAA0B;AAC7C,OAAO,qBAAqB;AAC5B,SAAS,iBAAiB,0BAA0B;AACpD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,IAAM,gBAAgB;AACtB,IAAM,YAAY;AAClB,IAAM,YAAY;AAClB,IAAM,gBAAgB;AAEf,SAAS,8BACd,MACA,OACA;AACA,MAAI,SAAS,OAAO;AAClB,WAAO;AAAA,EACT;AAEA,QAAM,cAAc;AACpB,MAAI,iBAAiB,aAAa;AAChC,WAAO,YAAY,aAAa;AAChC,WAAO,kCAAkC,IAAI;AAAA,EAC/C;AAEA,MAAI,iBAAiB,aAAa;AAChC,WAAO,YAAY,aAAa;AAChC,WAAO,mBAAmB,IAAI;AAAA,EAChC;AAEA,MAAI,eAAe,YAAY,SAAS,aAAa,YAAY,OAAO;AACtE,WAAO,YAAY,MAAM,SAAS;AAClC,WAAO,kCAAkC,IAAI;AAAA,EAC/C;AAEA,MAAI,eAAe,OAAO,YAAY,cAAc,UAAU;AAC5D,UAAM,qBAAqB,YAAY,UAAU,MAAM,GAAG;AAC1D,UAAM,MAAM,mBAAmB,QAAQ,SAAS;AAChD,QAAI,QAAQ,IAAI;AACd,yBAAmB,OAAO,KAAK,CAAC;AAChC,kBAAY,YAAY,mBAAmB,KAAK,GAAG;AACnD,aAAO,kCAAkC,IAAI;AAAA,IAC/C;AAAA,EACF;AAEA,SAAO;AACT;AAEO,SAAS,KAAK,MAAyB,OAAgB,KAAiB;AAC7E,SAAO,8BAA8B,MAAM,KAAK;AAChD,SAAO,gBAAgB,KAAK,MAAM,OAAO,GAAG;AAC9C;AAEO,SAAS,IAAI,MAAyB,OAAgB,KAAiB;AAC5E,SAAO,8BAA8B,MAAM,KAAK;AAChD,SAAO,gBAAgB,IAAI,MAAM,OAAO,GAAG;AAC7C;","names":[]}
+{"version":3,"sources":["../../src/jsx/jsx-runtime.ts","../../src/jsx/jsx-shared.ts"],"sourcesContent":["export { Fragment } from 'react/jsx-runtime'\nexport { jsx, jsxs } from './jsx-shared'\n\nexport type { WebSpatialJSX as JSX } from './jsx-namespace'\nexport * from './xr-css-extension'\n","import { jsxDEV as _jsxDEV, JSXSource } from 'react/jsx-dev-runtime'\nimport reactJSXRuntime from 'react/jsx-runtime'\nimport { createElement as reactCreateElement } from 'react'\nimport {\n  withSpatialMonitor,\n  withSpatialized2DElementContainer,\n  Model,\n  Reality,\n  //@ts-ignore bypass ts check for external\n} from '@webspatial/react-sdk'\nconst attributeFlag = 'enable-xr'\nconst styleFlag = 'enableXr'\nconst classFlag = '__enableXr__'\nconst xrMonitorFlag = 'enable-xr-monitor'\n\nexport function replaceToSpatialPrimitiveType(\n  type: React.ElementType,\n  props: unknown,\n) {\n  if (type === Model || type === Reality) {\n    return type\n  }\n\n  const propsObject = props as Record<string, any>\n  if (attributeFlag in propsObject) {\n    delete propsObject[attributeFlag]\n    return withSpatialized2DElementContainer(type)\n  }\n\n  if (xrMonitorFlag in propsObject) {\n    delete propsObject[xrMonitorFlag]\n    return withSpatialMonitor(type)\n  }\n\n  if (propsObject && propsObject.style && styleFlag in propsObject.style) {\n    delete propsObject.style[styleFlag]\n    return withSpatialized2DElementContainer(type)\n  }\n\n  if (propsObject && typeof propsObject.className === 'string') {\n    const originalClassNames = propsObject.className.split(' ')\n    const idx = originalClassNames.indexOf(classFlag)\n    if (idx !== -1) {\n      originalClassNames.splice(idx, 1)\n      propsObject.className = originalClassNames.join(' ')\n      return withSpatialized2DElementContainer(type)\n    }\n  }\n\n  return type\n}\n\nexport function jsxs(type: React.ElementType, props: unknown, key?: React.Key) {\n  type = replaceToSpatialPrimitiveType(type, props)\n  return reactJSXRuntime.jsxs(type, props, key)\n}\n\nexport function jsx(type: React.ElementType, props: unknown, key?: React.Key) {\n  type = replaceToSpatialPrimitiveType(type, props)\n  return reactJSXRuntime.jsx(type, props, key)\n}\n\nexport function jsxDEV(\n  type: React.ElementType,\n  props: unknown,\n  key: React.Key,\n  isStatic: boolean,\n  source?: JSXSource,\n  self?: unknown,\n) {\n  type = replaceToSpatialPrimitiveType(type, props)\n  return _jsxDEV(type, props, key, isStatic, source, self)\n}\n\nexport function createElement(...args: Parameters<typeof reactCreateElement>) {\n  const [type, props, ...rest] = args\n  const newType = replaceToSpatialPrimitiveType(type as any, props)\n  return reactCreateElement(newType, props, ...rest)\n}\n"],"mappings":";;;;;;;;;;AAAA,SAAS,gBAAgB;;;ACAzB,SAAS,UAAU,eAA0B;AAC7C,OAAO,qBAAqB;AAC5B,SAAS,iBAAiB,0BAA0B;AACpD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,IAAM,gBAAgB;AACtB,IAAM,YAAY;AAClB,IAAM,YAAY;AAClB,IAAM,gBAAgB;AAEf,SAAS,8BACd,MACA,OACA;AACA,MAAI,SAAS,SAAS,SAAS,SAAS;AACtC,WAAO;AAAA,EACT;AAEA,QAAM,cAAc;AACpB,MAAI,iBAAiB,aAAa;AAChC,WAAO,YAAY,aAAa;AAChC,WAAO,kCAAkC,IAAI;AAAA,EAC/C;AAEA,MAAI,iBAAiB,aAAa;AAChC,WAAO,YAAY,aAAa;AAChC,WAAO,mBAAmB,IAAI;AAAA,EAChC;AAEA,MAAI,eAAe,YAAY,SAAS,aAAa,YAAY,OAAO;AACtE,WAAO,YAAY,MAAM,SAAS;AAClC,WAAO,kCAAkC,IAAI;AAAA,EAC/C;AAEA,MAAI,eAAe,OAAO,YAAY,cAAc,UAAU;AAC5D,UAAM,qBAAqB,YAAY,UAAU,MAAM,GAAG;AAC1D,UAAM,MAAM,mBAAmB,QAAQ,SAAS;AAChD,QAAI,QAAQ,IAAI;AACd,yBAAmB,OAAO,KAAK,CAAC;AAChC,kBAAY,YAAY,mBAAmB,KAAK,GAAG;AACnD,aAAO,kCAAkC,IAAI;AAAA,IAC/C;AAAA,EACF;AAEA,SAAO;AACT;AAEO,SAAS,KAAK,MAAyB,OAAgB,KAAiB;AAC7E,SAAO,8BAA8B,MAAM,KAAK;AAChD,SAAO,gBAAgB,KAAK,MAAM,OAAO,GAAG;AAC9C;AAEO,SAAS,IAAI,MAAyB,OAAgB,KAAiB;AAC5E,SAAO,8BAA8B,MAAM,KAAK;AAChD,SAAO,gBAAgB,IAAI,MAAM,OAAO,GAAG;AAC7C;","names":[]}

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

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

package/dist/web/index.d.ts

@@ -1,18 +1,39 @@
 import * as _webspatial_core_sdk from '@webspatial/core-sdk';
-import { SpatialSceneCreationOptions, SpatialSceneType, SpatialTapEvent as SpatialTapEvent$1, SpatialDragStartEvent as SpatialDragStartEvent$1, SpatialDragEvent as SpatialDragEvent$1, SpatialDragEndEvent as SpatialDragEndEvent$1, SpatialRotateEvent as SpatialRotateEvent$1, SpatialRotateEndEvent as SpatialRotateEndEvent$1, SpatialMagnifyEvent as SpatialMagnifyEvent$1, SpatialMagnifyEndEvent as SpatialMagnifyEndEvent$1, SpatializedElement, Vec3, SpatialObject, SpatialSession, SpatializedDynamic3DElement, SpatialEntity, Quaternion, SpatialBoxGeometryOptions, SpatialUnlitMaterialOptions, SpatialSphereGeometryOptions, SpatialConeGeometryOptions, SpatialCylinderGeometryOptions, SpatialPlaneGeometryOptions, PhysicalMetrics } from '@webspatial/core-sdk';
-export { Point3D, Vec3 } from '@webspatial/core-sdk';
+import { supports, SpatialSceneCreationOptions, SpatialSceneType, Vec3, SpatialTapEvent as SpatialTapEvent$1, SpatialDragStartEvent as SpatialDragStartEvent$1, SpatialDragEvent as SpatialDragEvent$1, SpatialDragEndEvent as SpatialDragEndEvent$1, SpatialRotateEvent as SpatialRotateEvent$1, SpatialRotateEndEvent as SpatialRotateEndEvent$1, SpatialMagnifyEvent as SpatialMagnifyEvent$1, SpatialMagnifyEndEvent as SpatialMagnifyEndEvent$1, ModelLoadingMode, SpatializedElement, SpatialObject, SpatialSession, SpatializedDynamic3DElement, SpatialEntity, Quaternion, SpatialBoxGeometryOptions, SpatialUnlitMaterialOptions, SpatialSphereGeometryOptions, SpatialConeGeometryOptions, SpatialCylinderGeometryOptions, SpatialPlaneGeometryOptions, PhysicalMetrics } from '@webspatial/core-sdk';
+export { CapabilityKey, Point3D, Vec3, WebSpatialRuntimeError } from '@webspatial/core-sdk';
 import * as React$1 from 'react';
 import React__default, { ElementType, ForwardedRef, createElement as createElement$1 } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
+/**
+ * Runtime capability checks (`supports('Model')`, `supports('WindowScene', ['defaultSize'])`, ...).
+ * Spec: `openspec/specs/runtime-capabilities/spec.md`.
+ */
+declare const WebSpatialRuntime: {
+    readonly supports: typeof supports;
+};
+
 declare function enableDebugTool(): void;
 
+/**
+ * Resolve asset URLs for the native bridge: relative paths become absolute against the
+ * current document (typical dev server is `http://localhost/...`).
+ *
+ * With no `window` (SSR), returns `url` unchanged — pass absolute `http(s)` URLs if needed.
+ */
+declare function getAbsoluteUrl(url: string): string;
+
 declare function initScene(name: string, callback: (pre: SpatialSceneCreationOptions) => SpatialSceneCreationOptions, options?: {
     type: SpatialSceneType;
 }): void | undefined;
 
 declare const SpatialID = "data-spatial-id";
 
+/** Connected content root for imperative mounting (portal root or web fallback host). */
+type SpatialContentReadyContext = {
+    host: HTMLElement;
+};
+type SpatialContentReadyCallback = (ctx: SpatialContentReadyContext) => void | (() => void);
 /** Options for spatial pointer/gesture behavior (not DOM attributes). */
 type SpatialEventOptions = {
     /**
@@ -45,15 +66,23 @@ type PortalSpatializedContainerProps<T extends SpatializedElementRef> = SpatialE
 };
 type SpatializedContainerProps<T extends SpatializedElementRef> = Omit<StandardSpatializedContainerProps & PortalSpatializedContainerProps<T>, typeof SpatialID | 'onLoad' | 'onError'> & {
     extraRefProps?: (domProxy: T) => Record<string, unknown>;
+    /**
+     * SpatialDiv only — fired when `ctx.host` is connected (portal root or web fallback host).
+     * Not part of `Model` / `Reality` public APIs.
+     */
+    onSpatialContentReady?: SpatialContentReadyCallback;
 };
 type Spatialized2DElementContainerProps<P extends ElementType> = SpatialEventProps<SpatializedElementRef> & React__default.ComponentPropsWithRef<'div'> & {
     component: P;
     spatialEventOptions?: SpatialEventOptions;
+    onSpatialContentReady?: SpatialContentReadyCallback;
 };
 type SpatializedStatic3DContainerProps = SpatialEventProps<SpatializedStatic3DElementRef> & Omit<React__default.ComponentPropsWithoutRef<'div'>, 'onLoad' | 'onError'> & {
     src?: string;
+    poster?: string;
     autoPlay?: boolean;
     loop?: boolean;
+    loading?: ModelLoadingMode;
     children?: React__default.ReactNode;
     onLoad?: (event: ModelLoadEvent) => void;
     onError?: (event: ModelLoadEvent) => void;
@@ -70,6 +99,7 @@ type SpatializedStatic3DElementRef = SpatializedDivElementRef & {
     readonly paused: boolean;
     readonly duration: number;
     playbackRate: number;
+    currentTime: number;
 };
 type CurrentTarget<T extends SpatializedElementRef> = {
     currentTarget: T;
@@ -135,8 +165,10 @@ declare const SpatializedStatic3DElementContainer: React$1.ForwardRefExoticCompo
     onSpatialMagnifyEnd?: ((event: SpatialMagnifyEndEvent<SpatializedStatic3DElementRef>) => void) | undefined;
 } & Omit<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onLoad" | "onError"> & {
     src?: string;
+    poster?: string;
     autoPlay?: boolean;
     loop?: boolean;
+    loading?: ModelLoadingMode;
     children?: React.ReactNode;
     onLoad?: (event: ModelLoadEvent) => void;
     onError?: (event: ModelLoadEvent) => void;
@@ -154,12 +186,36 @@ type SpatialMonitorProps = {
 };
 declare const SpatialMonitor: React$1.ForwardRefExoticComponent<SpatialMonitorProps & React$1.RefAttributes<HTMLElement>>;
 
+/**
+ * Tracks spatial resources (textures, materials, entities, …) by string id under one Reality.
+ *
+ * Native creation is async (`createTexture`, `createUnlitMaterial`, …). The map
+ * stores `Promise<SpatialObject>` so `add(id, pendingCreation)` can run after `get(id)` — sibling
+ * JSX order does not need to match registration order. Callers are responsible for using the
+ * correct id for each resource kind (same as with string ids today).
+ *
+ * Callers can `await get(id)` before `add(id, promise)` runs: `get` returns a promise that
+ * settles when something later calls `add` with the same id.
+ *
+ * **Subscriptions:** `subscribe(id, listener)` runs `listener` whenever `notify(id)` is invoked.
+ * The registry auto-notifies after each `add()` promise settles (then or catch), and on
+ * `remove`, `removeAndDestroy`, and `destroy()`. Components such as `<Texture>` may call
+ * `notify(id)` manually when a resource mutates in place without a new `add()` (e.g. same texture
+ * id, new URL via `updateProperties`).
+ */
 declare class ResourceRegistry {
+    /** Every id maps to a promise — either the real resource from add(), or a placeholder until then. */
     private resources;
+    /** If get() ran first, we stash resolve/reject so add() can complete the waiting promise. */
+    private deferreds;
+    /** Subscribers are notified whenever an id gets a fresh resolved or failed resource attempt. */
+    private listeners;
     add<T extends SpatialObject>(id: string, resource: Promise<T>): void;
+    subscribe(id: string, listener: () => void): () => void;
+    notify(id: string): void;
+    get(id: string): Promise<SpatialObject>;
     remove(id: string): void;
     removeAndDestroy(id: string): void;
-    get<T extends SpatialObject>(id: string): Promise<T>;
     destroy(): void;
 }
 
@@ -288,6 +344,15 @@ type UnlitMaterialProps = {
 } & SpatialUnlitMaterialOptions;
 declare const UnlitMaterial: React__default.FC<UnlitMaterialProps>;
 
+type TextureProps = {
+    children?: React__default.ReactNode;
+    id: string;
+    url: string;
+    onLoad?: () => void;
+    onError?: (error: unknown) => void;
+};
+declare const Texture: React__default.FC<TextureProps>;
+
 declare const SphereEntity: React__default.ForwardRefExoticComponent<EntityProps & {
     children?: React__default.ReactNode;
     materials?: string[];
@@ -318,7 +383,7 @@ type Props = {
     id: string;
     src: string;
     onLoad?: () => void;
-    onError?: (error: any) => void;
+    onError?: (error: unknown) => void;
 };
 declare const ModelAsset: React__default.FC<Props>;
 
@@ -329,7 +394,7 @@ declare const ModelEntity: React__default.ForwardRefExoticComponent<EntityProps
     children?: React__default.ReactNode;
 } & React__default.RefAttributes<EntityRefShape>>;
 
-type RealityProps = React__default.ComponentPropsWithRef<'div'> & EntityEventHandler;
+type RealityProps = Omit<React__default.ComponentPropsWithRef<'div'>, 'onSpatialContentReady'> & EntityEventHandler;
 declare const Reality: React__default.ForwardRefExoticComponent<Omit<RealityProps, "ref"> & React__default.RefAttributes<HTMLElement>>;
 
 type AttachmentAssetProps = {
@@ -368,8 +433,10 @@ declare const Model: React$1.ForwardRefExoticComponent<Omit<{
     onSpatialMagnifyEnd?: ((event: SpatialMagnifyEndEvent<SpatializedStatic3DElementRef>) => void) | undefined;
 } & Omit<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onLoad" | "onError"> & {
     src?: string;
+    poster?: string;
     autoPlay?: boolean;
     loop?: boolean;
+    loading?: _webspatial_core_sdk.ModelLoadingMode;
     children?: React.ReactNode;
     onLoad?: (event: ModelLoadEvent) => void;
     onError?: (event: ModelLoadEvent) => void;
@@ -405,4 +472,4 @@ declare function convertCoordinate(position: Vec3, { from, to }: {
 
 declare const version: string;
 
-export { AttachmentAsset, AttachmentEntity, BoxEntity as Box, BoxEntity, ConeEntity as Cone, ConeEntity, CylinderEntity as Cylinder, CylinderEntity, Entity, type EntityEventHandler, type EntityProps, EntityRef, Material, type MaterialProps, Model, ModelAsset, ModelEntity, type ModelLoadEvent, type ModelProps, type ModelRef, type ModelSpatialDragEndEvent, type ModelSpatialDragEvent, type ModelSpatialDragStartEvent, type ModelSpatialMagnifyEndEvent, type ModelSpatialMagnifyEvent, type ModelSpatialRotateEndEvent, type ModelSpatialRotateEvent, type ModelSpatialTapEvent, PlaneEntity as Plane, PlaneEntity, Reality, type RealityProps, SSRProvider, SceneGraph, type SpatialDragEndEntityEvent, type SpatialDragEndEvent, type SpatialDragEntityEvent, type SpatialDragEvent, type SpatialDragStartEntityEvent, type SpatialDragStartEvent, type SpatialEventOptions, type SpatialMagnifyEndEntityEvent, type SpatialMagnifyEndEvent, type SpatialMagnifyEntityEvent, type SpatialMagnifyEvent, SpatialMonitor, type SpatialRotateEndEntityEvent, type SpatialRotateEndEvent, type SpatialRotateEntityEvent, type SpatialRotateEvent, type SpatialTapEntityEvent, type SpatialTapEvent, Spatialized2DElementContainer, type Spatialized2DElementContainerProps, SpatializedContainer, type SpatializedElementRef, type SpatializedStatic3DContainerProps, SpatializedStatic3DElementContainer, type SpatializedStatic3DElementRef, SphereEntity as Sphere, SphereEntity, UnlitMaterial, type UnlitMaterialProps, SceneGraph as World, convertCoordinate, createElement, enableDebugTool, eventMap, initPolyfill, initScene, useMetrics, version, withSpatialMonitor, withSpatialized2DElementContainer };
+export { AttachmentAsset, AttachmentEntity, BoxEntity as Box, BoxEntity, ConeEntity as Cone, ConeEntity, CylinderEntity as Cylinder, CylinderEntity, Entity, type EntityEventHandler, type EntityProps, EntityRef, Material, type MaterialProps, Model, ModelAsset, ModelEntity, type ModelLoadEvent, type ModelProps, type ModelRef, type ModelSpatialDragEndEvent, type ModelSpatialDragEvent, type ModelSpatialDragStartEvent, type ModelSpatialMagnifyEndEvent, type ModelSpatialMagnifyEvent, type ModelSpatialRotateEndEvent, type ModelSpatialRotateEvent, type ModelSpatialTapEvent, PlaneEntity as Plane, PlaneEntity, Reality, type RealityProps, SSRProvider, SceneGraph, type SpatialContentReadyCallback, type SpatialContentReadyContext, type SpatialDragEndEntityEvent, type SpatialDragEndEvent, type SpatialDragEntityEvent, type SpatialDragEvent, type SpatialDragStartEntityEvent, type SpatialDragStartEvent, type SpatialEventOptions, type SpatialMagnifyEndEntityEvent, type SpatialMagnifyEndEvent, type SpatialMagnifyEntityEvent, type SpatialMagnifyEvent, SpatialMonitor, type SpatialRotateEndEntityEvent, type SpatialRotateEndEvent, type SpatialRotateEntityEvent, type SpatialRotateEvent, type SpatialTapEntityEvent, type SpatialTapEvent, Spatialized2DElementContainer, type Spatialized2DElementContainerProps, SpatializedContainer, type SpatializedElementRef, type SpatializedStatic3DContainerProps, SpatializedStatic3DElementContainer, type SpatializedStatic3DElementRef, SphereEntity as Sphere, SphereEntity, Texture, type TextureProps, UnlitMaterial, type UnlitMaterialProps, WebSpatialRuntime, SceneGraph as World, convertCoordinate, createElement, enableDebugTool, eventMap, getAbsoluteUrl, initPolyfill, initScene, useMetrics, version, withSpatialMonitor, withSpatialized2DElementContainer };