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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/dist/Viewer.d.ts +5 -0
  2. package/dist/Viewer.d.ts.map +1 -0
  3. package/dist/Viewer.js +157 -0
  4. package/dist/Viewer.js.map +1 -0
  5. package/dist/bridge/ar-launcher.d.ts +6 -0
  6. package/dist/bridge/ar-launcher.d.ts.map +1 -0
  7. package/dist/bridge/ar-launcher.js +18 -0
  8. package/dist/bridge/ar-launcher.js.map +1 -0
  9. package/dist/bridge/runtime-bundle.d.ts +2 -0
  10. package/dist/bridge/runtime-bundle.d.ts.map +1 -0
  11. package/dist/bridge/runtime-bundle.js +3 -0
  12. package/dist/bridge/runtime-bundle.js.map +1 -0
  13. package/dist/bridge/runtime-entry.d.ts +2 -0
  14. package/dist/bridge/runtime-entry.d.ts.map +1 -0
  15. package/dist/bridge/runtime-entry.js +616 -0
  16. package/dist/bridge/runtime-entry.js.map +1 -0
  17. package/dist/bridge/types.d.ts +186 -0
  18. package/dist/bridge/types.d.ts.map +1 -0
  19. package/dist/bridge/types.js +2 -0
  20. package/dist/bridge/types.js.map +1 -0
  21. package/dist/hooks/useViewerBridge.d.ts +16 -0
  22. package/dist/hooks/useViewerBridge.d.ts.map +1 -0
  23. package/dist/hooks/useViewerBridge.js +565 -0
  24. package/dist/hooks/useViewerBridge.js.map +1 -0
  25. package/dist/hooks/useViewerGestureLock.d.ts +23 -0
  26. package/dist/hooks/useViewerGestureLock.d.ts.map +1 -0
  27. package/dist/hooks/useViewerGestureLock.js +49 -0
  28. package/dist/hooks/useViewerGestureLock.js.map +1 -0
  29. package/dist/index.d.ts +9 -0
  30. package/dist/index.d.ts.map +1 -0
  31. package/dist/index.js +7 -0
  32. package/dist/index.js.map +1 -0
  33. package/dist/swatches/JewelryCustomizer.d.ts +16 -0
  34. package/dist/swatches/JewelryCustomizer.d.ts.map +1 -0
  35. package/dist/swatches/JewelryCustomizer.js +36 -0
  36. package/dist/swatches/JewelryCustomizer.js.map +1 -0
  37. package/dist/swatches/MetalSwatches.d.ts +13 -0
  38. package/dist/swatches/MetalSwatches.d.ts.map +1 -0
  39. package/dist/swatches/MetalSwatches.js +81 -0
  40. package/dist/swatches/MetalSwatches.js.map +1 -0
  41. package/dist/swatches/ShapeSelect.d.ts +15 -0
  42. package/dist/swatches/ShapeSelect.d.ts.map +1 -0
  43. package/dist/swatches/ShapeSelect.js +226 -0
  44. package/dist/swatches/ShapeSelect.js.map +1 -0
  45. package/dist/swatches/ShapeSwatches.d.ts +22 -0
  46. package/dist/swatches/ShapeSwatches.d.ts.map +1 -0
  47. package/dist/swatches/ShapeSwatches.js +144 -0
  48. package/dist/swatches/ShapeSwatches.js.map +1 -0
  49. package/dist/swatches/StoneSwatches.d.ts +13 -0
  50. package/dist/swatches/StoneSwatches.d.ts.map +1 -0
  51. package/dist/swatches/StoneSwatches.js +81 -0
  52. package/dist/swatches/StoneSwatches.js.map +1 -0
  53. package/dist/swatches/index.d.ts +7 -0
  54. package/dist/swatches/index.d.ts.map +1 -0
  55. package/dist/swatches/index.js +7 -0
  56. package/dist/swatches/index.js.map +1 -0
  57. package/dist/swatches/useJewelryCustomizer.d.ts +33 -0
  58. package/dist/swatches/useJewelryCustomizer.d.ts.map +1 -0
  59. package/dist/swatches/useJewelryCustomizer.js +43 -0
  60. package/dist/swatches/useJewelryCustomizer.js.map +1 -0
  61. package/dist/types.d.ts +103 -0
  62. package/dist/types.d.ts.map +1 -0
  63. package/dist/types.js +2 -0
  64. package/dist/types.js.map +1 -0
  65. package/package.json +50 -6
  66. package/README.md +0 -3
@@ -0,0 +1,144 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { View, Text, Pressable, ScrollView, StyleSheet, } from 'react-native';
3
+ export const CANONICAL_SHAPES = [
4
+ { id: 'round', name: 'Round', desc: '57 brilliant facets', badge: 'Brilliant', icon: 'âšĒ' },
5
+ { id: 'oval', name: 'Oval', desc: 'Elongated brilliance', badge: 'Modified', icon: 'đŸĨš' },
6
+ { id: 'cushion', name: 'Cushion', desc: 'Pillow-soft corners', badge: 'Antique', icon: 'â—Ŋ' },
7
+ { id: 'princess', name: 'Princess', desc: 'Sharp geometric cut', badge: 'Square', icon: 'â—ģī¸' },
8
+ { id: 'emerald', name: 'Emerald', desc: 'Step-cut hall of mirrors', badge: 'Step Cut', icon: '▭' },
9
+ { id: 'pear', name: 'Pear', desc: 'Teardrop elegance', badge: 'Teardrop', icon: '💧' },
10
+ { id: 'marquise', name: 'Marquise', desc: 'Navette eye cut', badge: 'Navette', icon: 'đŸ‘ī¸' },
11
+ { id: 'heart', name: 'Heart', desc: 'Romantic silhouette', badge: 'Solitaire', icon: '🤍' },
12
+ { id: 'radiant', name: 'Radiant', desc: 'Brilliant trimmed corners', badge: 'Hybrid', icon: '💎' },
13
+ { id: 'asscher', name: 'Asscher', desc: 'Square step facets', badge: 'Art Deco', icon: 'âšī¸' },
14
+ ];
15
+ const CARD_HIT_SLOP = { top: 4, bottom: 4, left: 4, right: 4 };
16
+ export function ShapeSwatches({ value = 'round', onChange, options = CANONICAL_SHAPES, availableShapes, showLabel = true, style, }) {
17
+ const activeOption = options.find((s) => s.id === value);
18
+ return (_jsxs(View, { style: [styles.container, style], children: [showLabel && (_jsxs(View, { style: styles.header, children: [_jsx(Text, { style: styles.title, children: "Diamond Cut & Shape" }), activeOption && (_jsxs(Text, { style: styles.selectedName, children: [activeOption.name, " \u00B7 ", activeOption.desc] }))] })), _jsx(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.scrollRow, children: options.map((s) => {
19
+ const isSelected = value === s.id;
20
+ const isAvailable = availableShapes ? availableShapes.includes(s.id) : true;
21
+ return (_jsxs(Pressable, { hitSlop: CARD_HIT_SLOP, accessibilityRole: "radio", accessibilityState: { selected: isSelected, disabled: !isAvailable }, accessibilityLabel: `${s.name} diamond cut, ${s.desc}`, disabled: !isAvailable, onPress: () => isAvailable && onChange?.(s.id, s), style: ({ pressed }) => [
22
+ styles.swatchCard,
23
+ isSelected && styles.swatchCardActive,
24
+ !isAvailable && styles.swatchCardDisabled,
25
+ pressed && isAvailable && styles.swatchCardPressed,
26
+ ], children: [_jsxs(View, { style: styles.cardHeader, children: [_jsx(Text, { style: styles.icon, children: s.icon || '💎' }), s.badge && (_jsx(View, { style: [
27
+ styles.badge,
28
+ isSelected && styles.badgeActive,
29
+ ], children: _jsx(Text, { style: [
30
+ styles.badgeText,
31
+ isSelected && styles.badgeTextActive,
32
+ ], children: s.badge }) }))] }), _jsx(Text, { style: [
33
+ styles.shapeName,
34
+ isSelected && styles.shapeNameActive,
35
+ !isAvailable && styles.shapeNameDisabled,
36
+ ], children: s.name }), _jsx(Text, { style: [
37
+ styles.shapeDesc,
38
+ isSelected && styles.shapeDescActive,
39
+ !isAvailable && styles.shapeDescDisabled,
40
+ ], numberOfLines: 1, children: isAvailable ? s.desc : 'Unavailable' })] }, s.id));
41
+ }) })] }));
42
+ }
43
+ const styles = StyleSheet.create({
44
+ container: {
45
+ marginVertical: 8,
46
+ },
47
+ header: {
48
+ flexDirection: 'row',
49
+ alignItems: 'center',
50
+ justifyContent: 'space-between',
51
+ marginBottom: 8,
52
+ paddingHorizontal: 4,
53
+ },
54
+ title: {
55
+ fontSize: 13,
56
+ fontWeight: '700',
57
+ color: '#334155',
58
+ textTransform: 'uppercase',
59
+ letterSpacing: 0.5,
60
+ },
61
+ selectedName: {
62
+ fontSize: 12,
63
+ fontWeight: '600',
64
+ color: '#0284c7',
65
+ },
66
+ scrollRow: {
67
+ flexDirection: 'row',
68
+ alignItems: 'center',
69
+ gap: 8,
70
+ paddingVertical: 4,
71
+ paddingHorizontal: 2,
72
+ },
73
+ swatchCard: {
74
+ paddingHorizontal: 12,
75
+ paddingVertical: 10,
76
+ borderRadius: 12,
77
+ borderWidth: 1,
78
+ borderColor: '#e2e8f0',
79
+ backgroundColor: '#f8fafc',
80
+ minWidth: 110,
81
+ },
82
+ swatchCardActive: {
83
+ backgroundColor: '#0f172a',
84
+ borderColor: '#0f172a',
85
+ },
86
+ swatchCardDisabled: {
87
+ opacity: 0.45,
88
+ backgroundColor: '#f1f5f9',
89
+ },
90
+ swatchCardPressed: {
91
+ opacity: 0.85,
92
+ transform: [{ scale: 0.98 }],
93
+ },
94
+ cardHeader: {
95
+ flexDirection: 'row',
96
+ alignItems: 'center',
97
+ justifyContent: 'space-between',
98
+ marginBottom: 6,
99
+ },
100
+ icon: {
101
+ fontSize: 16,
102
+ },
103
+ badge: {
104
+ paddingHorizontal: 5,
105
+ paddingVertical: 1,
106
+ borderRadius: 4,
107
+ backgroundColor: '#e2e8f0',
108
+ },
109
+ badgeActive: {
110
+ backgroundColor: 'rgba(255, 255, 255, 0.25)',
111
+ },
112
+ badgeText: {
113
+ fontSize: 9,
114
+ fontWeight: '700',
115
+ color: '#475569',
116
+ },
117
+ badgeTextActive: {
118
+ color: '#ffffff',
119
+ },
120
+ shapeName: {
121
+ fontSize: 13,
122
+ fontWeight: '700',
123
+ color: '#1e293b',
124
+ },
125
+ shapeNameActive: {
126
+ color: '#ffffff',
127
+ },
128
+ shapeNameDisabled: {
129
+ color: '#94a3b8',
130
+ },
131
+ shapeDesc: {
132
+ fontSize: 10,
133
+ color: '#64748b',
134
+ marginTop: 2,
135
+ },
136
+ shapeDescActive: {
137
+ color: '#94a3b8',
138
+ },
139
+ shapeDescDisabled: {
140
+ color: '#cbd5e1',
141
+ },
142
+ });
143
+ export default ShapeSwatches;
144
+ //# sourceMappingURL=ShapeSwatches.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ShapeSwatches.js","sourceRoot":"","sources":["../../src/swatches/ShapeSwatches.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ import { type StyleProp, type ViewStyle } from 'react-native';
3
+ import { type StonePreset, type StoneColorProp } from '@thinkersteps_labs/3d-viewer-core';
4
+ export interface StoneSwatchesProps {
5
+ value?: StoneColorProp;
6
+ onChange?: (stoneId: string, preset?: StonePreset) => void;
7
+ options?: StonePreset[];
8
+ category?: 'all' | 'diamond' | 'gemstone';
9
+ showLabel?: boolean;
10
+ style?: StyleProp<ViewStyle>;
11
+ }
12
+ export declare function StoneSwatches({ value, onChange, options, category, showLabel, style, }: StoneSwatchesProps): React.JSX.Element;
13
+ //# sourceMappingURL=StoneSwatches.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StoneSwatches.d.ts","sourceRoot":"","sources":["../../src/swatches/StoneSwatches.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAML,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAA;AACrB,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,cAAc,EACpB,MAAM,mCAAmC,CAAA;AAE1C,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,WAAW,KAAK,IAAI,CAAA;IAC1D,OAAO,CAAC,EAAE,WAAW,EAAE,CAAA;IACvB,QAAQ,CAAC,EAAE,KAAK,GAAG,SAAS,GAAG,UAAU,CAAA;IACzC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,OAAiC,EACjC,QAAgB,EAChB,SAAgB,EAChB,KAAK,GACN,EAAE,kBAAkB,qBA2DpB"}
@@ -0,0 +1,81 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { View, Text, TouchableOpacity, ScrollView, StyleSheet, } from 'react-native';
3
+ import { CANONICAL_STONE_PRESETS, getStonePreset, } from '@thinkersteps_labs/3d-viewer-core';
4
+ export function StoneSwatches({ value, onChange, options = CANONICAL_STONE_PRESETS, category = 'all', showLabel = true, style, }) {
5
+ const filteredOptions = category === 'all'
6
+ ? options
7
+ : options.filter((s) => s.category === category);
8
+ const activePreset = value ? getStonePreset(value) : undefined;
9
+ const activeId = activePreset?.id ?? value;
10
+ return (_jsxs(View, { style: [styles.container, style], children: [showLabel && (_jsxs(View, { style: styles.header, children: [_jsx(Text, { style: styles.title, children: "Gemstone" }), activePreset && (_jsx(Text, { style: styles.selectedName, children: activePreset.label }))] })), _jsx(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.scrollRow, children: filteredOptions.map((s) => {
11
+ const isSelected = activeId === s.id || value === s.hex;
12
+ return (_jsxs(TouchableOpacity, { accessibilityRole: "radio", accessibilityState: { selected: isSelected }, accessibilityLabel: s.label, onPress: () => onChange?.(s.id, s), style: [
13
+ styles.swatchBtn,
14
+ isSelected && styles.swatchBtnActive,
15
+ ], children: [_jsx(View, { style: [
16
+ styles.colorDot,
17
+ { backgroundColor: s.hex },
18
+ ] }), _jsx(Text, { style: [
19
+ styles.swatchLabel,
20
+ isSelected && styles.swatchLabelActive,
21
+ ], children: s.label })] }, s.id));
22
+ }) })] }));
23
+ }
24
+ const styles = StyleSheet.create({
25
+ container: {
26
+ marginVertical: 8,
27
+ },
28
+ header: {
29
+ flexDirection: 'row',
30
+ justifyContent: 'space-between',
31
+ alignItems: 'center',
32
+ marginBottom: 8,
33
+ paddingHorizontal: 4,
34
+ },
35
+ title: {
36
+ fontSize: 14,
37
+ fontWeight: '600',
38
+ color: '#333333',
39
+ },
40
+ selectedName: {
41
+ fontSize: 13,
42
+ color: '#666666',
43
+ },
44
+ scrollRow: {
45
+ flexDirection: 'row',
46
+ gap: 8,
47
+ paddingVertical: 4,
48
+ paddingHorizontal: 2,
49
+ },
50
+ swatchBtn: {
51
+ flexDirection: 'row',
52
+ alignItems: 'center',
53
+ paddingHorizontal: 12,
54
+ paddingVertical: 8,
55
+ borderRadius: 20,
56
+ borderWidth: 1,
57
+ borderColor: '#e2e8f0',
58
+ backgroundColor: '#ffffff',
59
+ gap: 8,
60
+ },
61
+ swatchBtnActive: {
62
+ borderColor: '#0f172a',
63
+ backgroundColor: '#f8fafc',
64
+ },
65
+ colorDot: {
66
+ width: 14,
67
+ height: 14,
68
+ borderRadius: 7,
69
+ borderWidth: 1,
70
+ borderColor: 'rgba(0, 0, 0, 0.1)',
71
+ },
72
+ swatchLabel: {
73
+ fontSize: 13,
74
+ color: '#475569',
75
+ },
76
+ swatchLabelActive: {
77
+ color: '#0f172a',
78
+ fontWeight: '600',
79
+ },
80
+ });
81
+ //# sourceMappingURL=StoneSwatches.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StoneSwatches.js","sourceRoot":"","sources":["../../src/swatches/StoneSwatches.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,7 @@
1
+ export { MetalSwatches, type MetalSwatchesProps } from './MetalSwatches.js';
2
+ export { StoneSwatches, type StoneSwatchesProps } from './StoneSwatches.js';
3
+ export { ShapeSwatches, type ShapeSwatchesProps, type DiamondShape, type ShapeOption, CANONICAL_SHAPES, } from './ShapeSwatches.js';
4
+ export { ShapeSelect, type ShapeSelectProps } from './ShapeSelect.js';
5
+ export { useJewelryCustomizer, type UseJewelryCustomizerOptions, type UseJewelryCustomizerReturn, } from './useJewelryCustomizer.js';
6
+ export { JewelryCustomizer, type JewelryCustomizerProps, default, } from './JewelryCustomizer.js';
7
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/swatches/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAC3E,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAC3E,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,EACvB,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,gBAAgB,GACjB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AACrE,OAAO,EACL,oBAAoB,EACpB,KAAK,2BAA2B,EAChC,KAAK,0BAA0B,GAChC,MAAM,2BAA2B,CAAA;AAClC,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,OAAO,GACR,MAAM,wBAAwB,CAAA"}
@@ -0,0 +1,7 @@
1
+ export { MetalSwatches } from './MetalSwatches.js';
2
+ export { StoneSwatches } from './StoneSwatches.js';
3
+ export { ShapeSwatches, CANONICAL_SHAPES, } from './ShapeSwatches.js';
4
+ export { ShapeSelect } from './ShapeSelect.js';
5
+ export { useJewelryCustomizer, } from './useJewelryCustomizer.js';
6
+ export { JewelryCustomizer, default, } from './JewelryCustomizer.js';
7
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/swatches/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA2B,MAAM,oBAAoB,CAAA;AAC3E,OAAO,EAAE,aAAa,EAA2B,MAAM,oBAAoB,CAAA;AAC3E,OAAO,EACL,aAAa,EAIb,gBAAgB,GACjB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,WAAW,EAAyB,MAAM,kBAAkB,CAAA;AACrE,OAAO,EACL,oBAAoB,GAGrB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EACL,iBAAiB,EAEjB,OAAO,GACR,MAAM,wBAAwB,CAAA"}
@@ -0,0 +1,33 @@
1
+ import { type MetalColorProp, type StoneColorProp, type MetalPreset, type StonePreset } from '@thinkersteps_labs/3d-viewer-core';
2
+ import { type DiamondShape, type ShapeOption } from './ShapeSwatches.js';
3
+ export interface UseJewelryCustomizerOptions {
4
+ defaultMetal?: MetalColorProp;
5
+ defaultStone?: StoneColorProp;
6
+ defaultShape?: DiamondShape;
7
+ metalOptions?: MetalPreset[];
8
+ stoneOptions?: StonePreset[];
9
+ shapeOptions?: ShapeOption[];
10
+ availableShapes?: (DiamondShape | string)[];
11
+ }
12
+ export interface UseJewelryCustomizerReturn {
13
+ metal: MetalColorProp;
14
+ setMetal: (val: MetalColorProp) => void;
15
+ stone: StoneColorProp;
16
+ setStone: (val: StoneColorProp) => void;
17
+ shape: DiamondShape;
18
+ setShape: (val: DiamondShape) => void;
19
+ metalPreset?: MetalPreset;
20
+ stonePreset?: StonePreset;
21
+ shapeOption?: ShapeOption;
22
+ metalOptions: MetalPreset[];
23
+ stoneOptions: StonePreset[];
24
+ shapeOptions: ShapeOption[];
25
+ availableShapes?: (DiamondShape | string)[];
26
+ viewerProps: {
27
+ metalColor: MetalColorProp;
28
+ stoneColor: StoneColorProp;
29
+ shape: DiamondShape;
30
+ };
31
+ }
32
+ export declare function useJewelryCustomizer(options?: UseJewelryCustomizerOptions): UseJewelryCustomizerReturn;
33
+ //# sourceMappingURL=useJewelryCustomizer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useJewelryCustomizer.d.ts","sourceRoot":"","sources":["../../src/swatches/useJewelryCustomizer.ts"],"names":[],"mappings":"AACA,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,WAAW,EAChB,KAAK,WAAW,EACjB,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,WAAW,EACjB,MAAM,oBAAoB,CAAA;AAE3B,MAAM,WAAW,2BAA2B;IAC1C,YAAY,CAAC,EAAE,cAAc,CAAA;IAC7B,YAAY,CAAC,EAAE,cAAc,CAAA;IAC7B,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;IAC5B,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;IAC5B,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;IAC5B,eAAe,CAAC,EAAE,CAAC,YAAY,GAAG,MAAM,CAAC,EAAE,CAAA;CAC5C;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,cAAc,CAAA;IACrB,QAAQ,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,IAAI,CAAA;IACvC,KAAK,EAAE,cAAc,CAAA;IACrB,QAAQ,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,IAAI,CAAA;IACvC,KAAK,EAAE,YAAY,CAAA;IACnB,QAAQ,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAA;IACrC,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,eAAe,CAAC,EAAE,CAAC,YAAY,GAAG,MAAM,CAAC,EAAE,CAAA;IAC3C,WAAW,EAAE;QACX,UAAU,EAAE,cAAc,CAAA;QAC1B,UAAU,EAAE,cAAc,CAAA;QAC1B,KAAK,EAAE,YAAY,CAAA;KACpB,CAAA;CACF;AAED,wBAAgB,oBAAoB,CAClC,OAAO,GAAE,2BAAgC,GACxC,0BAA0B,CA2D5B"}
@@ -0,0 +1,43 @@
1
+ import { useState, useMemo, useCallback } from 'react';
2
+ import { CANONICAL_METAL_PRESETS, CANONICAL_STONE_PRESETS, getMetalPreset, getStonePreset, } from '@thinkersteps_labs/3d-viewer-core';
3
+ import { CANONICAL_SHAPES, } from './ShapeSwatches.js';
4
+ export function useJewelryCustomizer(options = {}) {
5
+ const { defaultMetal = 'yellow-gold-18k', defaultStone = 'diamond-colorless', defaultShape = 'round', metalOptions = CANONICAL_METAL_PRESETS, stoneOptions = CANONICAL_STONE_PRESETS, shapeOptions = CANONICAL_SHAPES, availableShapes, } = options;
6
+ const [metal, setMetalState] = useState(defaultMetal);
7
+ const [stone, setStoneState] = useState(defaultStone);
8
+ const [shape, setShapeState] = useState(defaultShape);
9
+ const setMetal = useCallback((val) => {
10
+ setMetalState(val);
11
+ }, []);
12
+ const setStone = useCallback((val) => {
13
+ setStoneState(val);
14
+ }, []);
15
+ const setShape = useCallback((val) => {
16
+ setShapeState(val);
17
+ }, []);
18
+ const metalPreset = useMemo(() => getMetalPreset(metal), [metal]);
19
+ const stonePreset = useMemo(() => getStonePreset(stone), [stone]);
20
+ const shapeOption = useMemo(() => shapeOptions.find((s) => s.id === shape), [shapeOptions, shape]);
21
+ const viewerProps = useMemo(() => ({
22
+ metalColor: metal,
23
+ stoneColor: stone,
24
+ shape,
25
+ }), [metal, stone, shape]);
26
+ return {
27
+ metal,
28
+ setMetal,
29
+ stone,
30
+ setStone,
31
+ shape,
32
+ setShape,
33
+ metalPreset,
34
+ stonePreset,
35
+ shapeOption,
36
+ metalOptions,
37
+ stoneOptions,
38
+ shapeOptions,
39
+ availableShapes,
40
+ viewerProps,
41
+ };
42
+ }
43
+ //# sourceMappingURL=useJewelryCustomizer.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useJewelryCustomizer.js","sourceRoot":"","sources":["../../src/swatches/useJewelryCustomizer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,cAAc,EACd,cAAc,GAKf,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EACL,gBAAgB,GAGjB,MAAM,oBAAoB,CAAA;AAiC3B,MAAM,UAAU,oBAAoB,CAClC,UAAuC,EAAE;IAEzC,MAAM,EACJ,YAAY,GAAG,iBAAiB,EAChC,YAAY,GAAG,mBAAmB,EAClC,YAAY,GAAG,OAAO,EACtB,YAAY,GAAG,uBAAuB,EACtC,YAAY,GAAG,uBAAuB,EACtC,YAAY,GAAG,gBAAgB,EAC/B,eAAe,GAChB,GAAG,OAAO,CAAA;IAEX,MAAM,CAAC,KAAK,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAiB,YAAY,CAAC,CAAA;IACrE,MAAM,CAAC,KAAK,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAiB,YAAY,CAAC,CAAA;IACrE,MAAM,CAAC,KAAK,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAe,YAAY,CAAC,CAAA;IAEnE,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,GAAmB,EAAE,EAAE;QACnD,aAAa,CAAC,GAAG,CAAC,CAAA;IACpB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,GAAmB,EAAE,EAAE;QACnD,aAAa,CAAC,GAAG,CAAC,CAAA;IACpB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,GAAiB,EAAE,EAAE;QACjD,aAAa,CAAC,GAAG,CAAC,CAAA;IACpB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IACjE,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IACjE,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,EAC9C,CAAC,YAAY,EAAE,KAAK,CAAC,CACtB,CAAA;IAED,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,CAAC;QACL,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,KAAK;QACjB,KAAK;KACN,CAAC,EACF,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CACtB,CAAA;IAED,OAAO;QACL,KAAK;QACL,QAAQ;QACR,KAAK;QACL,QAAQ;QACR,KAAK;QACL,QAAQ;QACR,WAAW;QACX,WAAW;QACX,WAAW;QACX,YAAY;QACZ,YAAY;QACZ,YAAY;QACZ,eAAe;QACf,WAAW;KACZ,CAAA;AACH,CAAC"}
@@ -0,0 +1,103 @@
1
+ import type { StyleProp, ViewStyle } from 'react-native';
2
+ import type { MetalColorProp, StoneColorProp, ViewerSourceInput, PartInfo, MaterialSlotInfo, PartType, ViewerState, SupportedFormat, DiamondQuality } from '@thinkersteps_labs/3d-viewer-core';
3
+ import type { ViewerConfigState } from './bridge/types.js';
4
+ import type { DiamondShape } from './swatches/ShapeSwatches.js';
5
+ export type { MetalColorProp, StoneColorProp, DiamondShape, DiamondQuality, ViewerSourceInput, PartInfo, MaterialSlotInfo, PartType, ViewerState, SupportedFormat, };
6
+ export type ViewerErrorCode = 'WEBGL_UNSUPPORTED' | 'MODEL_LOAD_FAILED' | 'CONTEXT_LOST' | 'SNAPSHOT_FAILED' | 'AR_UNSUPPORTED' | 'BRIDGE_TIMEOUT';
7
+ export interface ViewerError extends Error {
8
+ code: ViewerErrorCode;
9
+ reqId?: string;
10
+ }
11
+ export type CameraPreset = 'hero' | 'crown' | 'profile' | 'macro';
12
+ export interface ViewerRef {
13
+ applyConfig: (config: Partial<ViewerConfigState>) => void;
14
+ loadModular: (components: Record<string, any>, options?: {
15
+ preserveCamera?: boolean;
16
+ transform?: any;
17
+ }) => Promise<void>;
18
+ loadComponent: (slot: 'shank' | 'head' | string, source: any, options?: {
19
+ preserveCamera?: boolean;
20
+ transform?: any;
21
+ }) => Promise<void>;
22
+ setMetalColor: (color: MetalColorProp) => void;
23
+ setStoneColor: (color: StoneColorProp) => void;
24
+ setShape: (shape: DiamondShape | string) => void;
25
+ setMaterialColor: (slotId: string, color: string) => void;
26
+ clearMaterialColor: (slotId: string) => void;
27
+ setPartColor: (partId: string, color: string, slotIndex?: number) => void;
28
+ clearPartColor: (partId: string, slotIndex?: number) => void;
29
+ setEnvironment: (environment?: string, exposure?: number) => void;
30
+ setMetalEnvironment: (url: string) => void;
31
+ setGemEnvironment: (url: string) => void;
32
+ setRenderActive: (active: boolean) => void;
33
+ startRotation: (speed?: number) => void;
34
+ stopRotation: () => void;
35
+ setDiamondQuality: (quality: DiamondQuality) => void;
36
+ fitToScene: () => void;
37
+ unload: () => void;
38
+ setPartType: (meshId: string, type: PartType) => void;
39
+ getParts: () => Promise<PartInfo[]>;
40
+ getMaterials: () => Promise<MaterialSlotInfo[]>;
41
+ resetCamera: () => void;
42
+ setCameraPreset: (preset: CameraPreset) => void;
43
+ setCameraPosition: (position: [number, number, number], target: [number, number, number]) => void;
44
+ clearOverrides: () => void;
45
+ getState: () => Promise<ViewerState>;
46
+ setState: (state: ViewerState) => void;
47
+ captureSnapshot: (options?: {
48
+ format?: 'png' | 'jpeg';
49
+ quality?: number;
50
+ }) => Promise<string>;
51
+ launchAR: () => Promise<void>;
52
+ }
53
+ export interface ViewerProps {
54
+ source?: ViewerSourceInput | {
55
+ uri: string;
56
+ };
57
+ src?: string;
58
+ format?: SupportedFormat;
59
+ state?: ViewerState;
60
+ metalColor?: MetalColorProp;
61
+ stoneColor?: StoneColorProp;
62
+ shape?: DiamondShape | string;
63
+ materialColors?: Record<string, string>;
64
+ partColors?: Record<string, string>;
65
+ environment?: string;
66
+ exposure?: number;
67
+ metalEnvUrl?: string;
68
+ gemEnvUrl?: string;
69
+ quality?: 'low' | 'medium' | 'high';
70
+ diamondQuality?: DiamondQuality;
71
+ diamondMode?: 'reference' | 'physical';
72
+ autoRotate?: boolean;
73
+ autoRotateSpeed?: number;
74
+ minZoom?: number;
75
+ maxZoom?: number;
76
+ renderActive?: boolean;
77
+ fov?: number;
78
+ shadows?: boolean;
79
+ background?: string | number;
80
+ viewerUrl?: string;
81
+ scrollRef?: React.RefObject<any>;
82
+ fullscreenButton?: boolean;
83
+ arEnabled?: boolean;
84
+ arSource?: {
85
+ iosUsdzUrl?: string;
86
+ androidGlbUrl?: string;
87
+ };
88
+ onLoaded?: (parts: PartInfo[], materials?: MaterialSlotInfo[]) => void;
89
+ onPartSelected?: (info: {
90
+ meshId: string;
91
+ partId?: string;
92
+ type: PartType;
93
+ slotIndex?: number;
94
+ slotId?: string;
95
+ materialName?: string;
96
+ }) => void;
97
+ onChange?: (state: ViewerState) => void;
98
+ onError?: (err: ViewerError) => void;
99
+ onProgress?: (progress: number) => void;
100
+ onTouchInteractionChange?: (isInteracting: boolean) => void;
101
+ style?: StyleProp<ViewStyle>;
102
+ }
103
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
package/dist/types.js ADDED
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}
package/package.json CHANGED
@@ -1,6 +1,50 @@
1
- {
2
- "name": "@thinkersteps_labs/3d-viewer-react-native",
3
- "version": "0.0.0-stage",
4
- "stub": true,
5
- "description": "Temporary package placeholder for staged publishing"
6
- }
1
+ {
2
+ "name": "@thinkersteps_labs/3d-viewer-react-native",
3
+ "version": "2.0.0",
4
+ "license": "MIT",
5
+ "type": "module",
6
+ "main": "./dist/index.js",
7
+ "module": "./dist/index.js",
8
+ "types": "./dist/index.d.ts",
9
+ "exports": {
10
+ ".": {
11
+ "types": "./dist/index.d.ts",
12
+ "import": "./dist/index.js",
13
+ "default": "./dist/index.js"
14
+ }
15
+ },
16
+ "files": [
17
+ "dist"
18
+ ],
19
+ "scripts": {
20
+ "build": "node scripts/bundle-runtime.mjs && tsc",
21
+ "typecheck": "tsc --noEmit",
22
+ "test": "vitest run"
23
+ },
24
+ "peerDependencies": {
25
+ "react": ">=18.0.0",
26
+ "react-native": ">=0.70.0",
27
+ "react-native-webview": ">=13.0.0"
28
+ },
29
+ "peerDependenciesMeta": {
30
+ "react": {
31
+ "optional": true
32
+ },
33
+ "react-native": {
34
+ "optional": true
35
+ },
36
+ "react-native-webview": {
37
+ "optional": true
38
+ }
39
+ },
40
+ "devDependencies": {
41
+ "@thinkersteps_labs/3d-viewer-core": "workspace:*",
42
+ "@types/node": "^20.11.0",
43
+ "@types/react": "^18.2.0",
44
+ "react": "18.2.0",
45
+ "react-native": "0.74.5",
46
+ "react-native-webview": "^13.8.6",
47
+ "typescript": "^5.3.0",
48
+ "vitest": "^1.2.0"
49
+ }
50
+ }
package/README.md DELETED
@@ -1,3 +0,0 @@
1
- # Temporary Holding Version
2
-
3
- This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.