react-native-debug-toolkit 3.1.5 → 3.2.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.
- package/README.md +12 -5
- package/README.zh-CN.md +12 -5
- package/lib/commonjs/core/initialize.js +5 -3
- package/lib/commonjs/core/initialize.js.map +1 -1
- package/lib/commonjs/features/devConnect/DevConnectQrScanner.js +146 -0
- package/lib/commonjs/features/devConnect/DevConnectQrScanner.js.map +1 -0
- package/lib/commonjs/features/devConnect/DevConnectTab.js +426 -0
- package/lib/commonjs/features/devConnect/DevConnectTab.js.map +1 -0
- package/lib/commonjs/features/devConnect/cameraKit.js +54 -0
- package/lib/commonjs/features/devConnect/cameraKit.js.map +1 -0
- package/lib/commonjs/features/devConnect/devConnectPreferences.js +35 -0
- package/lib/commonjs/features/devConnect/devConnectPreferences.js.map +1 -0
- package/lib/commonjs/features/devConnect/devConnectUtils.js +53 -0
- package/lib/commonjs/features/devConnect/devConnectUtils.js.map +1 -0
- package/lib/commonjs/features/devConnect/index.js +92 -0
- package/lib/commonjs/features/devConnect/index.js.map +1 -0
- package/lib/commonjs/features/devConnect/platformDetect.js +30 -0
- package/lib/commonjs/features/devConnect/platformDetect.js.map +1 -0
- package/lib/commonjs/features/devConnect/types.js +2 -0
- package/lib/commonjs/features/devConnect/types.js.map +1 -0
- package/lib/commonjs/index.js +7 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/ui/DebugView.js +1 -0
- package/lib/commonjs/ui/DebugView.js.map +1 -1
- package/lib/commonjs/ui/panel/DebugPanel.js +0 -25
- package/lib/commonjs/ui/panel/DebugPanel.js.map +1 -1
- package/lib/commonjs/utils/debugPreferences.js +2 -1
- package/lib/commonjs/utils/debugPreferences.js.map +1 -1
- package/lib/module/core/initialize.js +5 -3
- package/lib/module/core/initialize.js.map +1 -1
- package/lib/module/features/devConnect/DevConnectQrScanner.js +141 -0
- package/lib/module/features/devConnect/DevConnectQrScanner.js.map +1 -0
- package/lib/module/features/devConnect/DevConnectTab.js +421 -0
- package/lib/module/features/devConnect/DevConnectTab.js.map +1 -0
- package/lib/module/features/devConnect/cameraKit.js +49 -0
- package/lib/module/features/devConnect/cameraKit.js.map +1 -0
- package/lib/module/features/devConnect/devConnectPreferences.js +29 -0
- package/lib/module/features/devConnect/devConnectPreferences.js.map +1 -0
- package/lib/module/features/devConnect/devConnectUtils.js +47 -0
- package/lib/module/features/devConnect/devConnectUtils.js.map +1 -0
- package/lib/module/features/devConnect/index.js +52 -0
- package/lib/module/features/devConnect/index.js.map +1 -0
- package/lib/module/features/devConnect/platformDetect.js +26 -0
- package/lib/module/features/devConnect/platformDetect.js.map +1 -0
- package/lib/module/features/devConnect/types.js +2 -0
- package/lib/module/features/devConnect/types.js.map +1 -0
- package/lib/module/index.js +1 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/ui/DebugView.js +1 -0
- package/lib/module/ui/DebugView.js.map +1 -1
- package/lib/module/ui/panel/DebugPanel.js +1 -26
- package/lib/module/ui/panel/DebugPanel.js.map +1 -1
- package/lib/module/utils/debugPreferences.js +2 -1
- package/lib/module/utils/debugPreferences.js.map +1 -1
- package/lib/typescript/src/core/initialize.d.ts +1 -0
- package/lib/typescript/src/core/initialize.d.ts.map +1 -1
- package/lib/typescript/src/features/devConnect/DevConnectQrScanner.d.ts +9 -0
- package/lib/typescript/src/features/devConnect/DevConnectQrScanner.d.ts.map +1 -0
- package/lib/typescript/src/features/devConnect/DevConnectTab.d.ts +5 -0
- package/lib/typescript/src/features/devConnect/DevConnectTab.d.ts.map +1 -0
- package/lib/typescript/src/features/devConnect/cameraKit.d.ts +47 -0
- package/lib/typescript/src/features/devConnect/cameraKit.d.ts.map +1 -0
- package/lib/typescript/src/features/devConnect/devConnectPreferences.d.ts +7 -0
- package/lib/typescript/src/features/devConnect/devConnectPreferences.d.ts.map +1 -0
- package/lib/typescript/src/features/devConnect/devConnectUtils.d.ts +12 -0
- package/lib/typescript/src/features/devConnect/devConnectUtils.d.ts.map +1 -0
- package/lib/typescript/src/features/devConnect/index.d.ts +7 -0
- package/lib/typescript/src/features/devConnect/index.d.ts.map +1 -0
- package/lib/typescript/src/features/devConnect/platformDetect.d.ts +2 -0
- package/lib/typescript/src/features/devConnect/platformDetect.d.ts.map +1 -0
- package/lib/typescript/src/features/devConnect/types.d.ts +7 -0
- package/lib/typescript/src/features/devConnect/types.d.ts.map +1 -0
- package/lib/typescript/src/index.d.ts +2 -0
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/types/feature.d.ts +1 -1
- package/lib/typescript/src/types/feature.d.ts.map +1 -1
- package/lib/typescript/src/ui/DebugView.d.ts.map +1 -1
- package/lib/typescript/src/ui/panel/DebugPanel.d.ts.map +1 -1
- package/lib/typescript/src/utils/debugPreferences.d.ts +1 -0
- package/lib/typescript/src/utils/debugPreferences.d.ts.map +1 -1
- package/node/daemon/src/console/console.html +63 -15
- package/package.json +10 -2
- package/src/core/initialize.ts +7 -1
- package/src/features/devConnect/DevConnectQrScanner.tsx +122 -0
- package/src/features/devConnect/DevConnectTab.tsx +357 -0
- package/src/features/devConnect/cameraKit.ts +93 -0
- package/src/features/devConnect/devConnectPreferences.ts +33 -0
- package/src/features/devConnect/devConnectUtils.ts +59 -0
- package/src/features/devConnect/index.ts +64 -0
- package/src/features/devConnect/platformDetect.ts +26 -0
- package/src/features/devConnect/types.ts +6 -0
- package/src/index.ts +2 -0
- package/src/types/feature.ts +2 -1
- package/src/ui/DebugView.tsx +1 -0
- package/src/ui/panel/DebugPanel.tsx +1 -23
- package/src/utils/debugPreferences.ts +1 -0
- package/lib/commonjs/ui/panel/StreamingSettingsModal.js +0 -495
- package/lib/commonjs/ui/panel/StreamingSettingsModal.js.map +0 -1
- package/lib/module/ui/panel/StreamingSettingsModal.js +0 -490
- package/lib/module/ui/panel/StreamingSettingsModal.js.map +0 -1
- package/lib/typescript/src/ui/panel/StreamingSettingsModal.d.ts +0 -8
- package/lib/typescript/src/ui/panel/StreamingSettingsModal.d.ts.map +0 -1
- package/src/ui/panel/StreamingSettingsModal.tsx +0 -528
package/README.md
CHANGED
|
@@ -54,7 +54,8 @@ Run the app in dev mode, then tap `DBG`.
|
|
|
54
54
|
Start the desktop daemon:
|
|
55
55
|
|
|
56
56
|
```bash
|
|
57
|
-
|
|
57
|
+
npm exec debug-toolkit --daemon-only
|
|
58
|
+
# or: npx debug-toolkit --daemon-only
|
|
58
59
|
```
|
|
59
60
|
|
|
60
61
|
Open the Web Console:
|
|
@@ -63,7 +64,11 @@ Open the Web Console:
|
|
|
63
64
|
http://127.0.0.1:3799/console
|
|
64
65
|
```
|
|
65
66
|
|
|
66
|
-
In the app, open Debug Panel ->
|
|
67
|
+
In the app, open Debug Panel -> `DevConnect` -> `Send Once` or `Start Live Sync`.
|
|
68
|
+
|
|
69
|
+
DevConnect auto-detects simulator/emulator and uses `localhost` automatically. On real devices, enter your computer IP to connect.
|
|
70
|
+
|
|
71
|
+
QR scan is optional. Install `react-native-camera-kit` or `expo-camera` in the app to enable the scan button. The app must request camera permission before scanning.
|
|
67
72
|
|
|
68
73
|
## Device Setup
|
|
69
74
|
|
|
@@ -90,8 +95,9 @@ The daemon stores logs at:
|
|
|
90
95
|
Custom store path:
|
|
91
96
|
|
|
92
97
|
```bash
|
|
93
|
-
|
|
94
|
-
|
|
98
|
+
npm exec debug-toolkit --daemon-only --store /path/to/devices.json
|
|
99
|
+
# or: npx debug-toolkit --daemon-only --store /path/to/devices.json
|
|
100
|
+
DEBUG_TOOLKIT_DAEMON_STORE=/path/to/devices.json npm exec debug-toolkit --daemon-only
|
|
95
101
|
```
|
|
96
102
|
|
|
97
103
|
## Read Logs With HTTP
|
|
@@ -133,7 +139,8 @@ GET /console
|
|
|
133
139
|
## Use MCP
|
|
134
140
|
|
|
135
141
|
```bash
|
|
136
|
-
claude mcp add debug-toolkit --
|
|
142
|
+
claude mcp add debug-toolkit -- npm exec debug-toolkit
|
|
143
|
+
# or: claude mcp add debug-toolkit -- npx debug-toolkit
|
|
137
144
|
```
|
|
138
145
|
|
|
139
146
|
Tools:
|
package/README.zh-CN.md
CHANGED
|
@@ -54,7 +54,8 @@ export function App() {
|
|
|
54
54
|
启动桌面 daemon:
|
|
55
55
|
|
|
56
56
|
```bash
|
|
57
|
-
|
|
57
|
+
npm exec debug-toolkit --daemon-only
|
|
58
|
+
# 或:npx debug-toolkit --daemon-only
|
|
58
59
|
```
|
|
59
60
|
|
|
60
61
|
打开 Web Console:
|
|
@@ -63,7 +64,11 @@ npx debug-toolkit --daemon-only
|
|
|
63
64
|
http://127.0.0.1:3799/console
|
|
64
65
|
```
|
|
65
66
|
|
|
66
|
-
App 内打开 Debug Panel ->
|
|
67
|
+
App 内打开 Debug Panel -> `DevConnect` -> `Send Once` 或 `Start Live Sync`。
|
|
68
|
+
|
|
69
|
+
DevConnect 自动识别模拟器/真机,模拟器下自动使用 `localhost`。真机需输入电脑 IP 地址。
|
|
70
|
+
|
|
71
|
+
扫码是可选能力。App 安装 `react-native-camera-kit` 或 `expo-camera` 后,DevConnect 才显示扫码按钮。App 仍需自己配置相机权限文案,并在使用扫码前申请相机权限。
|
|
67
72
|
|
|
68
73
|
## 设备连接
|
|
69
74
|
|
|
@@ -90,8 +95,9 @@ daemon 默认日志文件:
|
|
|
90
95
|
自定义存储路径:
|
|
91
96
|
|
|
92
97
|
```bash
|
|
93
|
-
|
|
94
|
-
|
|
98
|
+
npm exec debug-toolkit --daemon-only --store /path/to/devices.json
|
|
99
|
+
# 或:npx debug-toolkit --daemon-only --store /path/to/devices.json
|
|
100
|
+
DEBUG_TOOLKIT_DAEMON_STORE=/path/to/devices.json npm exec debug-toolkit --daemon-only
|
|
95
101
|
```
|
|
96
102
|
|
|
97
103
|
## 用 HTTP 读取日志
|
|
@@ -133,7 +139,8 @@ GET /console
|
|
|
133
139
|
## 使用 MCP
|
|
134
140
|
|
|
135
141
|
```bash
|
|
136
|
-
claude mcp add debug-toolkit --
|
|
142
|
+
claude mcp add debug-toolkit -- npm exec debug-toolkit
|
|
143
|
+
# 或:claude mcp add debug-toolkit -- npx debug-toolkit
|
|
137
144
|
```
|
|
138
145
|
|
|
139
146
|
工具:
|
|
@@ -12,6 +12,7 @@ var _navigation = require("../features/navigation");
|
|
|
12
12
|
var _track = require("../features/track");
|
|
13
13
|
var _environment = require("../features/environment");
|
|
14
14
|
var _clipboard = require("../features/clipboard");
|
|
15
|
+
var _devConnect = require("../features/devConnect");
|
|
15
16
|
var _DaemonClient = require("../utils/DaemonClient");
|
|
16
17
|
const isDebugMode = __DEV__;
|
|
17
18
|
|
|
@@ -27,9 +28,10 @@ const featureRegistry = {
|
|
|
27
28
|
navigation: _navigation.createNavigationLogFeature,
|
|
28
29
|
track: _track.createTrackFeature,
|
|
29
30
|
environment: _environment.createEnvironmentFeature,
|
|
30
|
-
clipboard: _clipboard.createClipboardFeature
|
|
31
|
+
clipboard: _clipboard.createClipboardFeature,
|
|
32
|
+
devConnect: _devConnect.createDevConnectFeature
|
|
31
33
|
};
|
|
32
|
-
const DEFAULT_FEATURES = ['network', 'console', 'navigation', 'zustand', 'track', 'clipboard'];
|
|
34
|
+
const DEFAULT_FEATURES = ['network', 'console', 'navigation', 'zustand', 'track', 'clipboard', 'devConnect'];
|
|
33
35
|
function resolveFeatureConfigs(configs) {
|
|
34
36
|
const features = [];
|
|
35
37
|
const entries = Object.entries(configs);
|
|
@@ -79,7 +81,7 @@ function initializeDebugToolkit(options) {
|
|
|
79
81
|
} else {
|
|
80
82
|
_DebugToolkit.DebugToolkit.hideLauncher();
|
|
81
83
|
}
|
|
82
|
-
_DaemonClient.daemonClient.restore().catch(() => {});
|
|
84
|
+
(0, _devConnect.restoreDevConnectSettingsToDaemon)().then(() => _DaemonClient.daemonClient.restore(), () => _DaemonClient.daemonClient.restore()).catch(() => {});
|
|
83
85
|
return _DebugToolkit.DebugToolkit;
|
|
84
86
|
} catch (error) {
|
|
85
87
|
console.error('[DebugToolkit] Initialization failed:', error);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_DebugToolkit","require","_network","_console","_zustand","_navigation","_track","_environment","_clipboard","_DaemonClient","isDebugMode","__DEV__","featureRegistry","network","createNetworkFeature","console","createConsoleLogFeature","zustand","createZustandLogFeature","navigation","createNavigationLogFeature","track","createTrackFeature","environment","createEnvironmentFeature","clipboard","createClipboardFeature","DEFAULT_FEATURES","resolveFeatureConfigs","configs","features","entries","Object","name","config","creator","warn","undefined","push","resolveDefaultFeatures","map","initializeDebugToolkit","options","enabled","resolvedFeatures","DebugToolkit","setEnabled","reset","replaceFeatures","daemonClient","setEndpointDetector","url","addToBlacklist","hasFeatures","showLauncher","hideLauncher","restore","catch","error"],"sourceRoot":"../../../src","sources":["core/initialize.ts"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AAEA,IAAAI,WAAA,GAAAJ,OAAA;AAEA,IAAAK,MAAA,GAAAL,OAAA;AAEA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AACA,IAAAQ,
|
|
1
|
+
{"version":3,"names":["_DebugToolkit","require","_network","_console","_zustand","_navigation","_track","_environment","_clipboard","_devConnect","_DaemonClient","isDebugMode","__DEV__","featureRegistry","network","createNetworkFeature","console","createConsoleLogFeature","zustand","createZustandLogFeature","navigation","createNavigationLogFeature","track","createTrackFeature","environment","createEnvironmentFeature","clipboard","createClipboardFeature","devConnect","createDevConnectFeature","DEFAULT_FEATURES","resolveFeatureConfigs","configs","features","entries","Object","name","config","creator","warn","undefined","push","resolveDefaultFeatures","map","initializeDebugToolkit","options","enabled","resolvedFeatures","DebugToolkit","setEnabled","reset","replaceFeatures","daemonClient","setEndpointDetector","url","addToBlacklist","hasFeatures","showLauncher","hideLauncher","restoreDevConnectSettingsToDaemon","then","restore","catch","error"],"sourceRoot":"../../../src","sources":["core/initialize.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,146 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.DevConnectQrScanner = DevConnectQrScanner;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _colors = require("../../ui/theme/colors");
|
|
10
|
+
var _cameraKit = require("./cameraKit");
|
|
11
|
+
var _devConnectUtils = require("./devConnectUtils");
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
14
|
+
function DevConnectQrScanner({
|
|
15
|
+
visible,
|
|
16
|
+
onClose,
|
|
17
|
+
onScanHost
|
|
18
|
+
}) {
|
|
19
|
+
const scannedRef = (0, _react.useRef)(false);
|
|
20
|
+
const [error, setError] = (0, _react.useState)(null);
|
|
21
|
+
const scanner = (0, _cameraKit.getScannerModule)();
|
|
22
|
+
(0, _react.useEffect)(() => {
|
|
23
|
+
if (visible) {
|
|
24
|
+
scannedRef.current = false;
|
|
25
|
+
setError(null);
|
|
26
|
+
}
|
|
27
|
+
}, [visible]);
|
|
28
|
+
const handleScanned = (0, _react.useCallback)(rawValue => {
|
|
29
|
+
if (scannedRef.current) return;
|
|
30
|
+
if (typeof rawValue !== 'string') return;
|
|
31
|
+
const parsed = (0, _devConnectUtils.parseMetroQrPayload)(rawValue);
|
|
32
|
+
if (!parsed) {
|
|
33
|
+
setError('QR code does not contain a supported Metro URL.');
|
|
34
|
+
return;
|
|
35
|
+
}
|
|
36
|
+
scannedRef.current = true;
|
|
37
|
+
setError(null);
|
|
38
|
+
onScanHost(parsed.computerHost);
|
|
39
|
+
onClose();
|
|
40
|
+
}, [onClose, onScanHost]);
|
|
41
|
+
const handleCameraKitRead = (0, _react.useCallback)(event => {
|
|
42
|
+
handleScanned(event.nativeEvent?.codeStringValue ?? '');
|
|
43
|
+
}, [handleScanned]);
|
|
44
|
+
const handleExpoScanned = (0, _react.useCallback)(result => {
|
|
45
|
+
handleScanned(result.value ?? '');
|
|
46
|
+
}, [handleScanned]);
|
|
47
|
+
if (!visible || !scanner) return null;
|
|
48
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
|
|
49
|
+
visible: visible,
|
|
50
|
+
animationType: "slide",
|
|
51
|
+
onRequestClose: onClose,
|
|
52
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
53
|
+
style: styles.container,
|
|
54
|
+
children: [scanner.kind === 'camera-kit' && scanner.CameraKit ? /*#__PURE__*/(0, _jsxRuntime.jsx)(scanner.CameraKit.Camera, {
|
|
55
|
+
style: styles.camera,
|
|
56
|
+
cameraType: scanner.CameraKit.CameraType?.Back,
|
|
57
|
+
scanBarcode: true,
|
|
58
|
+
onReadCode: handleCameraKitRead,
|
|
59
|
+
showFrame: true,
|
|
60
|
+
laserColor: _colors.Colors.primary,
|
|
61
|
+
frameColor: _colors.Colors.primary,
|
|
62
|
+
allowedBarcodeTypes: ['qr']
|
|
63
|
+
}) : scanner.kind === 'expo-camera' && scanner.ExpoCamera ? /*#__PURE__*/(0, _jsxRuntime.jsx)(scanner.ExpoCamera.Camera, {
|
|
64
|
+
style: styles.camera,
|
|
65
|
+
onBarCodeScanned: handleExpoScanned,
|
|
66
|
+
barCodeScannerSettings: {
|
|
67
|
+
barCodeTypes: ['qr']
|
|
68
|
+
}
|
|
69
|
+
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
70
|
+
style: styles.footer,
|
|
71
|
+
children: [error ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
72
|
+
style: styles.error,
|
|
73
|
+
children: error
|
|
74
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
75
|
+
style: styles.hint,
|
|
76
|
+
children: "Scan a Metro QR code."
|
|
77
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
|
|
78
|
+
style: styles.closeButton,
|
|
79
|
+
onPress: onClose,
|
|
80
|
+
activeOpacity: 0.7,
|
|
81
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
82
|
+
style: styles.closeButtonText,
|
|
83
|
+
children: "Close"
|
|
84
|
+
})
|
|
85
|
+
})]
|
|
86
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
87
|
+
style: styles.topClose,
|
|
88
|
+
onPress: onClose,
|
|
89
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
90
|
+
style: styles.topCloseText,
|
|
91
|
+
children: "Close"
|
|
92
|
+
})
|
|
93
|
+
})]
|
|
94
|
+
})
|
|
95
|
+
});
|
|
96
|
+
}
|
|
97
|
+
const styles = _reactNative.StyleSheet.create({
|
|
98
|
+
container: {
|
|
99
|
+
flex: 1,
|
|
100
|
+
backgroundColor: '#000'
|
|
101
|
+
},
|
|
102
|
+
camera: {
|
|
103
|
+
flex: 1
|
|
104
|
+
},
|
|
105
|
+
footer: {
|
|
106
|
+
padding: 16,
|
|
107
|
+
backgroundColor: _colors.Colors.surface
|
|
108
|
+
},
|
|
109
|
+
hint: {
|
|
110
|
+
fontSize: 13,
|
|
111
|
+
color: _colors.Colors.textSecondary,
|
|
112
|
+
marginBottom: 12
|
|
113
|
+
},
|
|
114
|
+
error: {
|
|
115
|
+
fontSize: 13,
|
|
116
|
+
color: _colors.Colors.error,
|
|
117
|
+
marginBottom: 12
|
|
118
|
+
},
|
|
119
|
+
closeButton: {
|
|
120
|
+
alignItems: 'center',
|
|
121
|
+
justifyContent: 'center',
|
|
122
|
+
paddingVertical: 11,
|
|
123
|
+
borderRadius: 10,
|
|
124
|
+
backgroundColor: _colors.Colors.primary
|
|
125
|
+
},
|
|
126
|
+
closeButtonText: {
|
|
127
|
+
color: '#fff',
|
|
128
|
+
fontSize: 14,
|
|
129
|
+
fontWeight: '600'
|
|
130
|
+
},
|
|
131
|
+
topClose: {
|
|
132
|
+
position: 'absolute',
|
|
133
|
+
top: 48,
|
|
134
|
+
right: 16,
|
|
135
|
+
paddingHorizontal: 12,
|
|
136
|
+
paddingVertical: 8,
|
|
137
|
+
borderRadius: 8,
|
|
138
|
+
backgroundColor: 'rgba(0,0,0,0.55)'
|
|
139
|
+
},
|
|
140
|
+
topCloseText: {
|
|
141
|
+
color: '#fff',
|
|
142
|
+
fontSize: 13,
|
|
143
|
+
fontWeight: '600'
|
|
144
|
+
}
|
|
145
|
+
});
|
|
146
|
+
//# sourceMappingURL=DevConnectQrScanner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_colors","_cameraKit","_devConnectUtils","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DevConnectQrScanner","visible","onClose","onScanHost","scannedRef","useRef","error","setError","useState","scanner","getScannerModule","useEffect","current","handleScanned","useCallback","rawValue","parsed","parseMetroQrPayload","computerHost","handleCameraKitRead","event","nativeEvent","codeStringValue","handleExpoScanned","result","value","jsx","Modal","animationType","onRequestClose","children","jsxs","View","style","styles","container","kind","CameraKit","Camera","camera","cameraType","CameraType","Back","scanBarcode","onReadCode","showFrame","laserColor","Colors","primary","frameColor","allowedBarcodeTypes","ExpoCamera","onBarCodeScanned","barCodeScannerSettings","barCodeTypes","footer","Text","hint","TouchableOpacity","closeButton","onPress","activeOpacity","closeButtonText","Pressable","topClose","topCloseText","StyleSheet","create","flex","backgroundColor","padding","surface","fontSize","color","textSecondary","marginBottom","alignItems","justifyContent","paddingVertical","borderRadius","fontWeight","position","top","right","paddingHorizontal"],"sourceRoot":"../../../../src","sources":["features/devConnect/DevConnectQrScanner.tsx"],"mappings":"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","ignoreList":[]}
|