@webspatial/react-sdk 0.1.11 → 0.1.13

package/dist/web/index.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React$1 from 'react';
 import React__default, { ReactNode, CSSProperties, ElementType, ForwardedRef } from 'react';
 import { BackgroundMaterialType, CornerRadius, SpatialEntity, Vec3, SpatialSession, WindowContainerOptions as WindowContainerOptions$1 } from '@webspatial/core-sdk';
 import { ModelViewerElement } from '@google/model-viewer';
@@ -40,7 +40,7 @@ interface SpatialReactComponentProps {
 }
 type SpatialReactComponentRef = ForwardedRef<HTMLDivElement>;
 
-declare const SpatialReactComponent: React.ForwardRefExoticComponent<SpatialReactComponentProps & React.RefAttributes<HTMLDivElement>>;
+declare const SpatialReactComponent: React$1.ForwardRefExoticComponent<SpatialReactComponentProps & React$1.RefAttributes<HTMLDivElement>>;
 
 declare function withSpatial(Component: React__default.ElementType): any;
 declare const SpatialPrimitive: Record<string, typeof SpatialReactComponent>;
@@ -51,7 +51,7 @@ declare function withSpatialMonitor(El: React__default.ElementType): any;
 type SpatialMonitorProps = {
     El?: ElementType;
 };
-declare const SpatialMonitor: React.ForwardRefExoticComponent<SpatialMonitorProps & React.RefAttributes<HTMLElement>>;
+declare const SpatialMonitor: React$1.ForwardRefExoticComponent<SpatialMonitorProps & React$1.RefAttributes<HTMLElement>>;
 
 /**
  * External-developers can call this function to sync the standardInstance layout to PortalInstance.
@@ -68,7 +68,7 @@ declare function parseCornerRadius(computedStyle: CSSStyleDeclaration): {
     bottomTrailing: number;
 };
 
-declare const CSSSpatialComponent: React.ForwardRefExoticComponent<SpatialReactComponentProps & React.RefAttributes<HTMLDivElement>>;
+declare const CSSSpatialComponent: React$1.ForwardRefExoticComponent<SpatialReactComponentProps & React$1.RefAttributes<HTMLDivElement>>;
 
 declare function withCSSSpatial(Component: React__default.ElementType): any;
 declare const CSSSpatialPrimitive: Record<string, typeof CSSSpatialComponent>;
@@ -86,6 +86,11 @@ interface SpatialViewRef extends HTMLDivElement {
  */
 declare const SpatialView: React__default.ForwardRefExoticComponent<SpatialViewProps & React__default.RefAttributes<SpatialViewRef>>;
 
+type PartialSpatialTransformType = {
+    position?: Partial<vecType>;
+    rotation?: Partial<quatType>;
+    scale?: Partial<vecType>;
+};
 interface ModelEvent {
     target: ModelElement;
 }
@@ -94,10 +99,34 @@ interface ModelDragEvent extends ModelEvent {
     translation3D: Vec3;
     startLocation3D: Vec3;
 }
+interface Model3DProps {
+    spatialTransform?: PartialSpatialTransformType;
+    modelUrl: string;
+    visible: boolean;
+    contentMode?: 'fill' | 'fit';
+    resizable?: boolean;
+    aspectRatio?: number;
+    className?: string;
+    style?: CSSProperties | undefined;
+    children?: React.ReactNode;
+    onLoad?: (event: ModelEvent) => void;
+    onDragStart?: (dragEvent: ModelDragEvent) => void;
+    onDrag?: (dragEvent: ModelDragEvent) => void;
+    onDragEnd?: (dragEvent: ModelDragEvent) => void;
+    onTap?: (event: ModelEvent) => void;
+    onDoubleTap?: (event: ModelEvent) => void;
+    onLongPress?: (event: ModelEvent) => void;
+}
 interface ModelElement extends HTMLDivElement {
     ready: boolean;
     currentSrc: string;
 }
+type ModelElementRef = ForwardedRef<ModelElement>;
+type CSSModel3DProps = Omit<Model3DProps, 'spatialTransform' | 'visible'>;
+
+declare const Model3D: React$1.ForwardRefExoticComponent<Model3DProps & React$1.RefAttributes<ModelElement>>;
+
+declare const CSSModel3D: React$1.ForwardRefExoticComponent<CSSModel3DProps & React$1.RefAttributes<ModelElement>>;
 
 declare global {
     namespace JSX {
@@ -164,4 +193,6 @@ declare function initScene(name: string, callback: (pre: WindowContainerOptions$
 
 declare function spatialPolyfill(): void;
 
-export { CSSSpatialDiv, CSSSpatialPrimitive, Model, type ModelProps, SpatialDiv, type SpatialReactComponentProps as SpatialDivProps, type SpatialReactComponentRef as SpatialDivRef, SpatialMonitor, SpatialPrimitive, type SpatialReactComponentProps, type SpatialReactComponentRef, SpatialView, type SpatialViewRef, XRApp, defaultSceneConfig, enableDebugTool, getSession, initScene, notifyUpdateStandInstanceLayout, parseCornerRadius, spatialPolyfill, withCSSSpatial, withSpatial, withSpatialMonitor };
+declare const version: string;
+
+export { CSSModel3D, CSSSpatialDiv, CSSSpatialPrimitive, Model, Model3D, type Model3DProps, type ModelDragEvent, type ModelElement, type ModelElementRef, type ModelEvent, type ModelProps, SpatialDiv, type SpatialReactComponentProps as SpatialDivProps, type SpatialReactComponentRef as SpatialDivRef, SpatialMonitor, SpatialPrimitive, type SpatialReactComponentProps, type SpatialReactComponentRef, SpatialView, type SpatialViewRef, XRApp, defaultSceneConfig, enableDebugTool, getSession, initScene, notifyUpdateStandInstanceLayout, parseCornerRadius, spatialPolyfill, version, withCSSSpatial, withSpatial, withSpatialMonitor };

package/dist/web/index.js

@@ -1,3 +1,12 @@
+
+      (function(){
+        if(typeof window === 'undefined') return;
+        if(!window.__webspatialsdk__) window.__webspatialsdk__ = {}
+        window.__webspatialsdk__['react-sdk-version'] = "0.1.13"
+        window.__webspatialsdk__['XR_ENV'] = "web"
+    })()
+      
+
 // src/spatial-react-components/SpatialPrimitive.tsx
 import { forwardRef as forwardRef3 } from "react";
 
@@ -691,7 +700,8 @@ function getInheritedStyleProps(computedStyle) {
     // position also need to be synced
     "position",
     "width",
-    "height"
+    "height",
+    "display"
   ];
   var props = {};
   for (var cssName of propNames) {
@@ -887,8 +897,7 @@ function renderJSXPortalInstance(inProps, inheritedPortalStyle, className) {
     marginTop: "0px",
     marginBottom: "0px",
     borderRadius: "0px",
-    overflow: "",
-    display: "block"
+    overflow: ""
   };
   const style = {
     ...inStyle,
@@ -3789,6 +3798,9 @@ function spatialPolyfill() {
   hijackDocumentElementStyle();
   monitorExternalStyleChange();
 }
+
+// src/index.ts
+var version = "0.1.13";
 export {
   CSSSpatialDiv,
   CSSSpatialPrimitive,
@@ -3805,6 +3817,7 @@ export {
   notifyUpdateStandInstanceLayout,
   parseCornerRadius,
   spatialPolyfill,
+  version,
   withCSSSpatial,
   withSpatial,
   withSpatialMonitor