@neurodyn/react-model-viewer 0.0.5 → 0.0.6

package/dist/index.d.ts

@@ -64,6 +64,12 @@ declare interface ModelViewerRootProps {
     sizeType?: SizeType;
     /** Which axes' measurements the "Show dimensions" overlay draws. Defaults to all three. */
     dimensionAxes?: SizeAxis[];
+    /** Initial camera angle, in `<model-viewer>`'s own `"theta phi radius"` format. */
+    cameraOrbit?: string;
+    /** Lower bound for orbit dragging, same format as `cameraOrbit`. Matching `maxCameraOrbit` on an axis locks it. */
+    minCameraOrbit?: string;
+    /** Upper bound for orbit dragging, same format as `cameraOrbit`. Matching `minCameraOrbit` on an axis locks it. */
+    maxCameraOrbit?: string;
     /** Controls which viewer UI elements are shown. */
     layout?: ModelViewerLayout;
     /** Controls the viewer container background. */

package/dist/index.js

@@ -2459,6 +2459,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   stroke-dasharray: 2;
 }
 
+.running {
+  animation-play-state: running;
+}
+
 .group-focus-within\\/editor-mesh-item\\:text-icons-dark:is(:where(.group\\/editor-mesh-item):focus-within *) {
   color: var(--v-icons-dark);
 }
@@ -6838,7 +6842,7 @@ function isCanvasBlank(modelViewerEl) {
     return true;
 }
 const ModelViewerContext = /*#__PURE__*/ createContext(null);
-function ModelViewerProvider({ children, tinuuid, apiKey, appClipBundleId, arExperience, apiBaseUrl, legacyApiBaseUrl, mode, initialWidgetSessionToken, handoffUrl, hid, launchAr, layout, background, sizeType, dimensionAxes, viewerSurface }) {
+function ModelViewerProvider({ children, tinuuid, apiKey, appClipBundleId, arExperience, apiBaseUrl, legacyApiBaseUrl, mode, initialWidgetSessionToken, handoffUrl, hid, launchAr, layout, background, sizeType, dimensionAxes, cameraOrbit, minCameraOrbit, maxCameraOrbit, viewerSurface }) {
     const { object, material, error, isLoading, setMaterialHid: setObjectMaterialHid, widgetSession } = useObjectData(tinuuid, hid, {
         apiBaseUrl,
         apiKey,
@@ -6967,6 +6971,9 @@ function ModelViewerProvider({ children, tinuuid, apiKey, appClipBundleId, arExp
             mode,
             sizeType,
             dimensionAxes,
+            cameraOrbit,
+            minCameraOrbit,
+            maxCameraOrbit,
             isLoading,
             isModelLoading,
             state,
@@ -6994,6 +7001,9 @@ function ModelViewerProvider({ children, tinuuid, apiKey, appClipBundleId, arExp
         mode,
         sizeType,
         dimensionAxes,
+        cameraOrbit,
+        minCameraOrbit,
+        maxCameraOrbit,
         isLoading,
         isModelLoading,
         state,
@@ -7015,7 +7025,7 @@ function useModelViewer() {
 }
 function resolveDirectArExperience(mode, arExperience) {
     if ('ar-view' === mode) return 'standard';
-    if ('advanced-ar-view' === mode || 'ar-viewer' === mode) return 'advanced';
+    if ('advanced-ar-view' === mode || 'ar-viewer' === mode || 'embedded-3d-viewer' === mode) return 'advanced';
     if ('qr-code' === mode) return arExperience;
 }
 function getUserAgent() {
@@ -7037,7 +7047,7 @@ function isSupportedAppClipDevice() {
     if (!isIOSDevice()) return false;
     const versionText = getUserAgent().match(/\bOS (\d+)/)?.[1] ?? getUserAgent().match(/Version\/(\d+)/)?.[1];
     if (!versionText) return false;
-    return Number.parseInt(versionText, 10) >= 17;
+    return Number.parseInt(versionText, 10) >= 18;
 }
 function buildAppClipUrl(bundleId, tinuuid, hostname, hid) {
     const url = new URL('https://appclip.apple.com/id');
@@ -7052,8 +7062,13 @@ function buildNativeArUrl(glbUrl, usdzUrl, objectType, ios = isIOSDevice()) {
     const verticalPlacement = 'wall' === objectType || 'ceiling' === objectType ? '&enable_vertical_placement=true' : '';
     return `intent://arvr.google.com/scene-viewer/1.0?file=${encodeURIComponent(new URL(glbUrl).toString())}&resizable=false${verticalPlacement}&mode=ar_preferred#Intent;scheme=https;package=com.google.android.googlequicksearchbox;action=android.intent.action.VIEW;end;`;
 }
-function launchDirectAr(options) {
-    if ('advanced' === options.experience && isSupportedAppClipDevice()) return void window.location.assign(buildAppClipUrl(options.appClipBundleId, options.tinuuid, options.hostname, options.hid));
+function launchDirectAr(options, openAppClipInNewTab = false) {
+    if ('advanced' === options.experience && isSupportedAppClipDevice()) {
+        const appClipUrl = buildAppClipUrl(options.appClipBundleId, options.tinuuid, options.hostname, options.hid);
+        if (openAppClipInNewTab) window.open(appClipUrl, '_blank');
+        else window.location.assign(appClipUrl);
+        return;
+    }
     const link = document.createElement('a');
     const image = document.createElement('img');
     link.rel = 'ar';
@@ -7200,6 +7215,11 @@ function AR({ disabled, onClick, onBeforeActivateAr, size = 'lg', ...props }) {
         if (await launchArOverride(launchAr, arTarget)) return void onBeforeActivateAr?.();
         if (directArLaunchOptions && isMobileArDevice()) {
             onBeforeActivateAr?.();
+            if ('advanced' === directArLaunchOptions.experience && isSupportedAppClipDevice()) {
+                launchDirectAr(directArLaunchOptions, true);
+                trackEvent('ar_launched');
+                return;
+            }
             await flushWidgetEvent(trackEvent('ar_launched'));
             launchDirectAr(directArLaunchOptions);
         } else if (modelViewerEl.canActivateAR) {
@@ -7833,7 +7853,7 @@ function useDimensions({ isVisible, axes }) {
     };
 }
 function ModelViewerContainer({ showDialogCloseButton = false }) {
-    const { glbUrl, isModelLoading, object, previewUrl, state, setContainerEl, setModelViewerEl, usdzUrl, layout, background, dimensionAxes, trackEvent } = useModelViewer();
+    const { glbUrl, isModelLoading, object, previewUrl, state, setContainerEl, setModelViewerEl, usdzUrl, layout, background, dimensionAxes, cameraOrbit, minCameraOrbit, maxCameraOrbit, trackEvent } = useModelViewer();
     const [isDimensionsVisible, setDimensionsVisible] = useState(false);
     const isModelLayout = 'model' === layout;
     const showViewerLoader = 'loading' === state || 'ready' === state && isModelLoading;
@@ -7871,6 +7891,9 @@ function ModelViewerContainer({ showDialogCloseButton = false }) {
                     poster: previewUrl ?? void 0,
                     ar: true,
                     cameraControls: true,
+                    cameraOrbit: cameraOrbit,
+                    minCameraOrbit: minCameraOrbit,
+                    maxCameraOrbit: maxCameraOrbit,
                     arModes: "webxr scene-viewer quick-look",
                     arScale: "fixed",
                     shadowIntensity: 1,
@@ -7969,7 +7992,7 @@ const root_queryClient = new QueryClient({
         }
     }
 });
-function ModelViewerRoot({ tinuuid, apiKey, appClipBundleId = 'com.us.vizbl.Clip', arExperience, hid, apiBaseUrl = "https://api.vizbl.com", legacyApiBaseUrl = "https://api.vizbl.com/v1", mode = 'embedded-3d-viewer', initialWidgetSessionToken, handoffUrl = "https://integrations.vizbl.com/model-viewer", launchAr, sizeType = 'cm', dimensionAxes = ALL_DIMENSION_AXES, layout = 'default', background = 'default', showDialogCloseButton = false, viewerSurface = 'inline' }) {
+function ModelViewerRoot({ tinuuid, apiKey, appClipBundleId = 'com.us.vizbl.Clip', arExperience, hid, apiBaseUrl = "https://api.vizbl.com", legacyApiBaseUrl = "https://api.vizbl.com/v1", mode = 'embedded-3d-viewer', initialWidgetSessionToken, handoffUrl = "https://integrations.vizbl.com/model-viewer", launchAr, sizeType = 'cm', dimensionAxes = ALL_DIMENSION_AXES, cameraOrbit, minCameraOrbit, maxCameraOrbit, layout = 'default', background = 'default', showDialogCloseButton = false, viewerSurface = 'inline' }) {
     const normalizedApiKey = normalizeApiKey(apiKey);
     return /*#__PURE__*/ jsx(QueryClientProvider, {
         client: root_queryClient,
@@ -7989,6 +8012,9 @@ function ModelViewerRoot({ tinuuid, apiKey, appClipBundleId = 'com.us.vizbl.Clip
             background: background,
             sizeType: sizeType,
             dimensionAxes: dimensionAxes,
+            cameraOrbit: cameraOrbit,
+            minCameraOrbit: minCameraOrbit,
+            maxCameraOrbit: maxCameraOrbit,
             viewerSurface: viewerSurface,
             children: /*#__PURE__*/ jsx(ModelViewerContainer, {
                 showDialogCloseButton: showDialogCloseButton

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@neurodyn/react-model-viewer",
   "type": "module",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "publishConfig": {
     "access": "public"
   },