@thinkersteps_labs/3d-viewer-react-native 0.0.0-stage → 1.0.0

package/dist/Viewer.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { ViewerProps, ViewerRef } from './types.js';
+export declare const Viewer: React.ForwardRefExoticComponent<ViewerProps & React.RefAttributes<ViewerRef>>;
+export default Viewer;
+//# sourceMappingURL=Viewer.d.ts.map

package/dist/Viewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Viewer.d.ts","sourceRoot":"","sources":["../src/Viewer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAUxE,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAOxD,eAAO,MAAM,MAAM,+EAkGjB,CAAA;AAoDF,eAAe,MAAM,CAAA"}

package/dist/Viewer.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useImperativeHandle, useState } from 'react';
+import { View, Modal, TouchableOpacity, Text, StyleSheet, } from 'react-native';
+import { WebView } from 'react-native-webview';
+import { useViewerBridge } from './hooks/useViewerBridge.js';
+import { useViewerGestureLock } from './hooks/useViewerGestureLock.js';
+import { DEFAULT_EMBEDDED_HTML } from './bridge/runtime-bundle.js';
+const RNWebView = WebView;
+export const Viewer = forwardRef(function Viewer(props, ref) {
+    const { viewerUrl, scrollRef, fullscreenButton = false, onTouchInteractionChange, style, } = props;
+    const [isFullscreen, setIsFullscreen] = useState(false);
+    const { webViewRef, viewerRefMethods, handleMessage, handleWebViewProcessTerminated, } = useViewerBridge(props);
+    const { containerTouchProps } = useViewerGestureLock({
+        scrollRef,
+        onTouchInteractionChange,
+    });
+    useImperativeHandle(ref, () => viewerRefMethods, [viewerRefMethods]);
+    const webViewSource = viewerUrl
+        ? { uri: viewerUrl }
+        : { html: DEFAULT_EMBEDDED_HTML, baseUrl: 'file:///' };
+    return (_jsxs(View, { style: [styles.container, style], ...containerTouchProps, children: [_jsx(RNWebView, { ref: webViewRef, source: webViewSource, originWhitelist: ['*'], javaScriptEnabled: true, domStorageEnabled: true, allowFileAccess: true, allowFileAccessFromFileURLs: true, allowUniversalAccessFromFileURLs: true, androidLayerType: "hardware", allowsInlineMediaPlayback: true, mediaPlaybackRequiresUserAction: false, allowingReadAccessToURL: "file:///", onMessage: handleMessage, onContentProcessDidTerminate: handleWebViewProcessTerminated, onRenderProcessGone: handleWebViewProcessTerminated, style: styles.webview }), fullscreenButton && (_jsx(TouchableOpacity, { accessibilityLabel: "Expand 3D Viewer", onPress: () => setIsFullscreen(true), style: styles.fullscreenBtn, children: _jsx(Text, { style: styles.fullscreenIcon, children: "\u26F6" }) })), fullscreenButton && (_jsx(Modal, { visible: isFullscreen, animationType: "fade", onRequestClose: () => setIsFullscreen(false), children: _jsxs(View, { style: styles.modalContainer, children: [_jsx(TouchableOpacity, { accessibilityLabel: "Close Fullscreen", onPress: () => setIsFullscreen(false), style: styles.closeBtn, children: _jsx(Text, { style: styles.closeText, children: "\u2715" }) }), _jsx(RNWebView, { source: webViewSource, originWhitelist: ['*'], javaScriptEnabled: true, domStorageEnabled: true, allowFileAccess: true, allowFileAccessFromFileURLs: true, allowUniversalAccessFromFileURLs: true, androidLayerType: "hardware", allowsInlineMediaPlayback: true, mediaPlaybackRequiresUserAction: false, allowingReadAccessToURL: "file:///", onMessage: handleMessage, style: styles.webview })] }) }))] }));
+});
+const styles = StyleSheet.create({
+    container: {
+        position: 'relative',
+        width: '100%',
+        height: '100%',
+        overflow: 'hidden',
+    },
+    webview: {
+        flex: 1,
+        backgroundColor: 'transparent',
+    },
+    fullscreenBtn: {
+        position: 'absolute',
+        top: 12,
+        right: 12,
+        zIndex: 10,
+        backgroundColor: 'rgba(0, 0, 0, 0.6)',
+        paddingHorizontal: 10,
+        paddingVertical: 6,
+        borderRadius: 6,
+    },
+    fullscreenIcon: {
+        color: '#ffffff',
+        fontSize: 14,
+        fontWeight: 'bold',
+    },
+    modalContainer: {
+        flex: 1,
+        backgroundColor: '#000000',
+        position: 'relative',
+    },
+    closeBtn: {
+        position: 'absolute',
+        top: 40,
+        right: 20,
+        zIndex: 20,
+        backgroundColor: 'rgba(255, 255, 255, 0.25)',
+        width: 36,
+        height: 36,
+        borderRadius: 18,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    closeText: {
+        color: '#ffffff',
+        fontSize: 18,
+        fontWeight: 'bold',
+    },
+});
+export default Viewer;
+//# sourceMappingURL=Viewer.js.map

package/dist/Viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Viewer.js","sourceRoot":"","sources":["../src/Viewer.tsx"],"names":[],"mappings":"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"}

package/dist/bridge/ar-launcher.d.ts

@@ -0,0 +1,6 @@
+export declare function buildAndroidSceneViewerIntent(glbUrl: string): string;
+export declare function launchPlatformAR(options: {
+    platform: 'ios' | 'android';
+    url: string;
+}): Promise<void>;
+//# sourceMappingURL=ar-launcher.d.ts.map

package/dist/bridge/ar-launcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ar-launcher.d.ts","sourceRoot":"","sources":["../../src/bridge/ar-launcher.ts"],"names":[],"mappings":"AAGA,wBAAgB,6BAA6B,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAGpE;AAED,wBAAsB,gBAAgB,CAAC,OAAO,EAAE;IAC9C,QAAQ,EAAE,KAAK,GAAG,SAAS,CAAA;IAC3B,GAAG,EAAE,MAAM,CAAA;CACZ,GAAG,OAAO,CAAC,IAAI,CAAC,CAchB"}

package/dist/bridge/ar-launcher.js

@@ -0,0 +1,18 @@
+import { Linking } from 'react-native';
+export function buildAndroidSceneViewerIntent(glbUrl) {
+    const encodedGlb = encodeURIComponent(glbUrl);
+    return `intent://arvr.google.com/scene-viewer/1.0?file=${encodedGlb}&mode=ar_only#Intent;scheme=https;package=com.google.ar.core;action=android.intent.action.VIEW;end;`;
+}
+export async function launchPlatformAR(options) {
+    const targetUrl = options.platform === 'android'
+        ? buildAndroidSceneViewerIntent(options.url)
+        : options.url;
+    const canOpen = await Linking.canOpenURL(targetUrl).catch(() => false);
+    if (!canOpen) {
+        const err = new Error('AR not supported on this device');
+        err.code = 'AR_UNSUPPORTED';
+        throw err;
+    }
+    await Linking.openURL(targetUrl);
+}
+//# sourceMappingURL=ar-launcher.js.map

package/dist/bridge/ar-launcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ar-launcher.js","sourceRoot":"","sources":["../../src/bridge/ar-launcher.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAGtC,MAAM,UAAU,6BAA6B,CAAC,MAAc;IAC1D,MAAM,UAAU,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAA;IAC7C,OAAO,kDAAkD,UAAU,qGAAqG,CAAA;AAC1K,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,gBAAgB,CAAC,OAGtC;IACC,MAAM,SAAS,GACb,OAAO,CAAC,QAAQ,KAAK,SAAS;QAC5B,CAAC,CAAC,6BAA6B,CAAC,OAAO,CAAC,GAAG,CAAC;QAC5C,CAAC,CAAC,OAAO,CAAC,GAAG,CAAA;IAEjB,MAAM,OAAO,GAAG,MAAM,OAAO,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAA;IACtE,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,GAAG,GAAG,IAAI,KAAK,CAAC,iCAAiC,CAAgB,CAAA;QACvE,GAAG,CAAC,IAAI,GAAG,gBAAgB,CAAA;QAC3B,MAAM,GAAG,CAAA;IACX,CAAC;IAED,MAAM,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;AAClC,CAAC"}

package/dist/bridge/runtime-bundle.d.ts

@@ -0,0 +1,2 @@
+export declare const DEFAULT_EMBEDDED_HTML = "<!DOCTYPE html>\n<html>\n<head>\n  <meta charset=\"utf-8\" />\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\" />\n  <style>\n    * { margin: 0; padding: 0; box-sizing: border-box; }\n    html, body { width: 100%; height: 100%; overflow: hidden; background: transparent; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }\n    #viewer-container { width: 100%; height: 100%; position: relative; }\n    canvas#viewer-canvas { width: 100% !important; height: 100% !important; display: block; touch-action: none; }\n    #ar-anchor { display: none; }\n  </style>\n</head>\n<body>\n  <div id=\"viewer-container\">\n    <canvas id=\"viewer-canvas\"></canvas>\n    <a id=\"ar-anchor\" rel=\"ar\" href=\"#\"><img alt=\"AR\" /></a>\n  </div>\n  <script>\n    (function() {\n      function postToRN(msg) {\n        if (window.ReactNativeWebView && window.ReactNativeWebView.postMessage) {\n          window.ReactNativeWebView.postMessage(JSON.stringify(msg));\n        }\n      }\n\n      window.addEventListener('pagehide', function() {\n        if (window.__viewer && typeof window.__viewer.dispose === 'function') {\n          try { window.__viewer.dispose(); } catch(e) {}\n        }\n      });\n\n      window.addEventListener('beforeunload', function() {\n        if (window.__viewer && typeof window.__viewer.dispose === 'function') {\n          try { window.__viewer.dispose(); } catch(e) {}\n        }\n      });\n\n      document.addEventListener('visibilitychange', function() {\n        if (document.hidden && window.__viewer && typeof window.__viewer.stopRotation === 'function') {\n          try { window.__viewer.stopRotation(); } catch(e) {}\n        }\n      });\n\n      window.addEventListener('DOMContentLoaded', function() {\n        postToRN({ type: 'VIEWER_READY' });\n      });\n\n      // Also dispatch immediately in case DOMContentLoaded already fired before script execution\n      if (document.readyState === 'complete' || document.readyState === 'interactive') {\n        postToRN({ type: 'VIEWER_READY' });\n      }\n\n      window.addEventListener('message', function(e) {\n        let cmd;\n        try { cmd = typeof e.data === 'string' ? JSON.parse(e.data) : e.data; } catch(err) { return; }\n        if (!cmd || !cmd.type) return;\n\n        if (cmd.type === 'EXPORT_AR_PAYLOAD' && cmd.platform === 'ios' && cmd.usdzUrl) {\n          const anchor = document.getElementById('ar-anchor');\n          if (anchor) {\n            anchor.setAttribute('href', cmd.usdzUrl);\n            anchor.click();\n            postToRN({ type: 'AR_PAYLOAD_READY', reqId: cmd.reqId, url: cmd.usdzUrl, launchedInWebView: true });\n          }\n        }\n      });\n    })();\n  <\\/script>\n</body>\n</html>";
+//# sourceMappingURL=runtime-bundle.d.ts.map

package/dist/bridge/runtime-bundle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime-bundle.d.ts","sourceRoot":"","sources":["../../src/bridge/runtime-bundle.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,qBAAqB,yvFAAyvF,CAAC"}

package/dist/bridge/runtime-bundle.js

@@ -0,0 +1,3 @@
+// Auto-generated by scripts/bundle-runtime.mjs - DO NOT EDIT MANUALLY
+export const DEFAULT_EMBEDDED_HTML = "<!DOCTYPE html>\n<html>\n<head>\n  <meta charset=\"utf-8\" />\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\" />\n  <style>\n    * { margin: 0; padding: 0; box-sizing: border-box; }\n    html, body { width: 100%; height: 100%; overflow: hidden; background: transparent; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }\n    #viewer-container { width: 100%; height: 100%; position: relative; }\n    canvas#viewer-canvas { width: 100% !important; height: 100% !important; display: block; touch-action: none; }\n    #ar-anchor { display: none; }\n  </style>\n</head>\n<body>\n  <div id=\"viewer-container\">\n    <canvas id=\"viewer-canvas\"></canvas>\n    <a id=\"ar-anchor\" rel=\"ar\" href=\"#\"><img alt=\"AR\" /></a>\n  </div>\n  <script>\n    (function() {\n      function postToRN(msg) {\n        if (window.ReactNativeWebView && window.ReactNativeWebView.postMessage) {\n          window.ReactNativeWebView.postMessage(JSON.stringify(msg));\n        }\n      }\n\n      window.addEventListener('pagehide', function() {\n        if (window.__viewer && typeof window.__viewer.dispose === 'function') {\n          try { window.__viewer.dispose(); } catch(e) {}\n        }\n      });\n\n      window.addEventListener('beforeunload', function() {\n        if (window.__viewer && typeof window.__viewer.dispose === 'function') {\n          try { window.__viewer.dispose(); } catch(e) {}\n        }\n      });\n\n      document.addEventListener('visibilitychange', function() {\n        if (document.hidden && window.__viewer && typeof window.__viewer.stopRotation === 'function') {\n          try { window.__viewer.stopRotation(); } catch(e) {}\n        }\n      });\n\n      window.addEventListener('DOMContentLoaded', function() {\n        postToRN({ type: 'VIEWER_READY' });\n      });\n\n      // Also dispatch immediately in case DOMContentLoaded already fired before script execution\n      if (document.readyState === 'complete' || document.readyState === 'interactive') {\n        postToRN({ type: 'VIEWER_READY' });\n      }\n\n      window.addEventListener('message', function(e) {\n        let cmd;\n        try { cmd = typeof e.data === 'string' ? JSON.parse(e.data) : e.data; } catch(err) { return; }\n        if (!cmd || !cmd.type) return;\n\n        if (cmd.type === 'EXPORT_AR_PAYLOAD' && cmd.platform === 'ios' && cmd.usdzUrl) {\n          const anchor = document.getElementById('ar-anchor');\n          if (anchor) {\n            anchor.setAttribute('href', cmd.usdzUrl);\n            anchor.click();\n            postToRN({ type: 'AR_PAYLOAD_READY', reqId: cmd.reqId, url: cmd.usdzUrl, launchedInWebView: true });\n          }\n        }\n      });\n    })();\n  <\\/script>\n</body>\n</html>";
+//# sourceMappingURL=runtime-bundle.js.map

package/dist/bridge/runtime-bundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime-bundle.js","sourceRoot":"","sources":["../../src/bridge/runtime-bundle.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,MAAM,CAAC,MAAM,qBAAqB,GAAG,svFAAsvF,CAAC"}

package/dist/bridge/types.d.ts

@@ -0,0 +1,110 @@
+import type { MetalColorProp, StoneColorProp, ViewerSourceInput, PartInfo, MaterialSlotInfo, PartType, ViewerErrorCode } from '../types.js';
+export interface CameraSphericalState {
+    radius: number;
+    phi: number;
+    theta: number;
+    target: [number, number, number];
+}
+export interface ViewerConfigState {
+    metalColor?: MetalColorProp;
+    stoneColor?: StoneColorProp;
+    materialColors?: Record<string, string>;
+    partColors?: Record<string, string>;
+    environment?: string;
+    exposure?: number;
+    quality?: 'low' | 'medium' | 'high';
+    autoRotate?: boolean;
+    fov?: number;
+    shadows?: boolean;
+    background?: string | number;
+    cameraState?: CameraSphericalState;
+}
+export type OutboundCommand = {
+    type: 'LOAD_MODEL';
+    source: ViewerSourceInput;
+} | {
+    type: 'APPLY_CONFIG';
+    config: Partial<ViewerConfigState>;
+} | {
+    type: 'SET_METAL';
+    color: MetalColorProp;
+} | {
+    type: 'SET_STONE';
+    color: StoneColorProp;
+} | {
+    type: 'SET_MATERIAL_COLOR';
+    slotId: string;
+    color: string;
+} | {
+    type: 'CLEAR_MATERIAL_COLOR';
+    slotId: string;
+} | {
+    type: 'SET_PART_COLOR';
+    partId: string;
+    color: string;
+    slotIndex?: number;
+} | {
+    type: 'CLEAR_PART_COLOR';
+    partId: string;
+    slotIndex?: number;
+} | {
+    type: 'SET_ENVIRONMENT';
+    environment?: string;
+    exposure?: number;
+} | {
+    type: 'SET_AUTO_ROTATE';
+    enabled: boolean;
+} | {
+    type: 'SET_RENDER_ACTIVE';
+    active: boolean;
+} | {
+    type: 'SET_QUALITY';
+    quality: 'low' | 'medium' | 'high';
+} | {
+    type: 'RESET_CAMERA';
+} | {
+    type: 'CAPTURE_SNAPSHOT';
+    reqId: string;
+    format?: 'png' | 'jpeg';
+    quality?: number;
+} | {
+    type: 'EXPORT_AR_PAYLOAD';
+    reqId: string;
+    platform: 'ios' | 'android';
+    usdzUrl?: string;
+};
+export type InboundEvent = {
+    type: 'VIEWER_READY';
+} | {
+    type: 'VIEWER_LOADED';
+    parts: PartInfo[];
+    materials: MaterialSlotInfo[];
+} | {
+    type: 'VIEWER_PROGRESS';
+    progress: number;
+} | {
+    type: 'PART_SELECTED';
+    meshId: string;
+    partId?: string;
+    partType: PartType;
+} | {
+    type: 'INTERACTION_START';
+} | {
+    type: 'INTERACTION_END';
+    cameraState?: CameraSphericalState;
+} | {
+    type: 'SNAPSHOT_READY';
+    reqId: string;
+    dataUrl: string;
+} | {
+    type: 'AR_PAYLOAD_READY';
+    reqId: string;
+    url: string;
+    launchedInWebView?: boolean;
+} | {
+    type: 'VIEWER_ERROR';
+    code: ViewerErrorCode;
+    message: string;
+    reqId?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/bridge/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/bridge/types.ts"],"names":[],"mappings":"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"}

package/dist/bridge/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/bridge/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/bridge/types.ts"],"names":[],"mappings":""}

package/dist/hooks/useViewerBridge.d.ts

@@ -0,0 +1,16 @@
+import type { WebView, WebViewMessageEvent } from 'react-native-webview';
+import type { ViewerConfigState } from '../bridge/types.js';
+import type { ViewerProps, ViewerRef, ViewerError, ViewerErrorCode, ViewerSourceInput } from '../types.js';
+export declare function createViewerError(code: ViewerErrorCode, message: string, reqId?: string): ViewerError;
+export declare function useViewerBridge(props: ViewerProps): {
+    webViewRef: import("react").MutableRefObject<WebView<undefined> | null>;
+    isReady: boolean;
+    viewerRefMethods: ViewerRef;
+    handleMessage: (event: WebViewMessageEvent) => void;
+    handleWebViewProcessTerminated: () => void;
+    lastKnownStateRef: import("react").MutableRefObject<{
+        source?: ViewerSourceInput;
+        config: ViewerConfigState;
+    }>;
+};
+//# sourceMappingURL=useViewerBridge.d.ts.map

package/dist/hooks/useViewerBridge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useViewerBridge.d.ts","sourceRoot":"","sources":["../../src/hooks/useViewerBridge.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AACxE,OAAO,KAAK,EAGV,iBAAiB,EAElB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,KAAK,EACV,WAAW,EACX,SAAS,EACT,WAAW,EACX,eAAe,EACf,iBAAiB,EAGlB,MAAM,aAAa,CAAA;AAWpB,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,eAAe,EACrB,OAAO,EAAE,MAAM,EACf,KAAK,CAAC,EAAE,MAAM,GACb,WAAW,CAMb;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,WAAW;;;;2BA2EtC,mBAAmB;;;iBA7DlB,iBAAiB;gBAClB,iBAAiB;;EAyT5B"}