@luxonis/common-fe-components 1.23.6 → 1.23.8
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.
|
@@ -8,7 +8,7 @@ export type DeviceInformation = {
|
|
|
8
8
|
setupSteps: (string | JSX.Element)[];
|
|
9
9
|
};
|
|
10
10
|
export declare function DistanceImage(): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export declare function getDeviceInformationByModel(device: DeviceList): DeviceInformation;
|
|
11
|
+
export declare function getDeviceInformationByModel(device: DeviceList, setupCommend?: string, onCopyCommand?: () => void): DeviceInformation;
|
|
12
12
|
export declare const getDeviceNameByModel: (base: DeviceID) => string;
|
|
13
|
-
export declare const getSetupSteps: (base: DeviceID) => (string | React.JSX.Element)[];
|
|
13
|
+
export declare const getSetupSteps: (base: DeviceID, setupCommand?: string, onCopyCommand?: () => void) => (string | React.JSX.Element)[];
|
|
14
14
|
//# sourceMappingURL=devices.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"devices.d.ts","sourceRoot":"","sources":["../../../../src/components/custom/devices/devices.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,KAAK,YAAY,EAAgC,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"devices.d.ts","sourceRoot":"","sources":["../../../../src/components/custom/devices/devices.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,KAAK,YAAY,EAAgC,MAAM,qBAAqB,CAAC;AAUtF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,YAAY,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,CAAC,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;CACtC,CAAC;AAEF,wBAAgB,aAAa,4CAQ5B;AAED,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,UAAU,EAClB,YAAY,CAAC,EAAE,MAAM,EACrB,aAAa,CAAC,EAAE,MAAM,IAAI,GACzB,iBAAiB,CAkCnB;AAED,eAAO,MAAM,oBAAoB,SAAU,QAAQ,KAAG,MAyBrD,CAAC;AAEF,eAAO,MAAM,aAAa,SAClB,QAAQ,iBACC,MAAM,kBACL,MAAM,IAAI,KACzB,CAAC,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC,EAiH9B,CAAC"}
|
|
@@ -7,10 +7,11 @@ import { SubLabel } from '../Text';
|
|
|
7
7
|
import { Flex } from '../Flex';
|
|
8
8
|
import { css } from '../../../styled-system/css/css.mjs';
|
|
9
9
|
const TROUBLESHOOTING_DOCS_URL = 'https://docs.luxonis.com/cloud/connect-oak/#Connect%20OAK%20to%20Luxonis%20Hub-OAK%204-Connect%20your%20OAK%204';
|
|
10
|
+
const OAKCTL_DOCS_URL = 'https://docs.luxonis.com/software-v3/oak-apps/oakctl/';
|
|
10
11
|
export function DistanceImage() {
|
|
11
12
|
return (_jsx("img", { src: "/images/oak4-setup-distance.webp", alt: "OAK 4 Setup Distance", className: css({ maxWidth: 'md', width: 'full' }) }));
|
|
12
13
|
}
|
|
13
|
-
export function getDeviceInformationByModel(device) {
|
|
14
|
+
export function getDeviceInformationByModel(device, setupCommend, onCopyCommand) {
|
|
14
15
|
// If the device value is matching any of known device IDs from enum we can use that
|
|
15
16
|
const matchingDeviceId = DeviceIDSchema.safeParse(device).data;
|
|
16
17
|
// If not, we can try ty guess the product
|
|
@@ -26,7 +27,7 @@ export function getDeviceInformationByModel(device) {
|
|
|
26
27
|
info,
|
|
27
28
|
deviceName: getDeviceNameByModel(deviceId),
|
|
28
29
|
deviceImageName: `${DEVICE_IMAGES_LINK}/${deviceId}.webp`,
|
|
29
|
-
setupSteps: getSetupSteps(deviceId),
|
|
30
|
+
setupSteps: getSetupSteps(deviceId, setupCommend, onCopyCommand),
|
|
30
31
|
};
|
|
31
32
|
}
|
|
32
33
|
case 'RAE': {
|
|
@@ -34,7 +35,7 @@ export function getDeviceInformationByModel(device) {
|
|
|
34
35
|
info,
|
|
35
36
|
deviceName: getDeviceNameByModel(deviceId),
|
|
36
37
|
deviceImageName: `${DEVICE_IMAGE_PATH}/rae.webp`,
|
|
37
|
-
setupSteps: getSetupSteps(deviceId),
|
|
38
|
+
setupSteps: getSetupSteps(deviceId, setupCommend, onCopyCommand),
|
|
38
39
|
};
|
|
39
40
|
}
|
|
40
41
|
default: {
|
|
@@ -69,7 +70,14 @@ export const getDeviceNameByModel = (base) => {
|
|
|
69
70
|
}
|
|
70
71
|
}
|
|
71
72
|
};
|
|
72
|
-
export const getSetupSteps = (base) => {
|
|
73
|
+
export const getSetupSteps = (base, setupCommand, onCopyCommand) => {
|
|
74
|
+
const handleCopyCommand = () => {
|
|
75
|
+
if (!setupCommand) {
|
|
76
|
+
return;
|
|
77
|
+
}
|
|
78
|
+
void navigator.clipboard.writeText(setupCommand);
|
|
79
|
+
onCopyCommand?.();
|
|
80
|
+
};
|
|
73
81
|
switch (base) {
|
|
74
82
|
case 'OAK4-S':
|
|
75
83
|
case 'OAK4-D':
|
|
@@ -79,8 +87,12 @@ export const getSetupSteps = (base) => {
|
|
|
79
87
|
return [
|
|
80
88
|
_jsxs(Flex, { direction: "column", gap: "xs", children: [_jsxs("strong", { className: css({ fontWeight: 'semibold' }), children: ["Connect the PoE/ETH cable to power up the ", getDeviceNameByModel(base)] }), _jsx(SubLabel, { text: " Ensure the device is ready for setup (blinking blue).", className: css({ fontWeight: 'lighter' }) })] }, 'step-1'),
|
|
81
89
|
_jsxs(Flex, { direction: "column", gap: "xs", children: [_jsx("strong", { className: css({ fontWeight: 'semibold' }), children: "Point your device\u2018s camera at the displayed QR code" }), _jsx(SubLabel, { text: " Try to keep the camera steady for a few seconds without moving your hands.", className: css({ fontWeight: 'lighter' }) }), _jsx(DistanceImage, {})] }, 'step-2'),
|
|
82
|
-
|
|
83
|
-
|
|
90
|
+
setupCommand ? (_jsxs(Flex, { direction: "column", gap: "xs", children: [_jsx("strong", { className: css({ fontWeight: 'semibold' }), children: "Alternatively, you can use the oakctl tool to set up the device via Ethernet" }), _jsx(SubLabel, { text: _jsxs("p", { children: ["Ensure you have", ' ', _jsx("a", { href: OAKCTL_DOCS_URL, target: "_blank", className: css({ textDecoration: 'underline', color: 'primary' }), rel: "noreferrer", children: "oakctl version 0.9.x" }), ' ', "or higher installed. Then, just run", ' ', _jsx("span", { onClick: handleCopyCommand, onKeyDown: handleCopyCommand, className: css({
|
|
91
|
+
textDecoration: 'underline',
|
|
92
|
+
cursor: 'pointer',
|
|
93
|
+
}), children: "the command" }), ", which will set up the device to the same state as when you use a QR code. Please note that it may prompt you to select a device if multiple devices are reachable via Ethernet."] }), className: css({ fontWeight: 'lighter' }) })] }, 'step-3')) : undefined,
|
|
94
|
+
_jsxs(Flex, { direction: "column", gap: "xs", children: [_jsx("strong", { className: css({ fontWeight: 'semibold' }), children: "Troubleshooting" }), _jsx(SubLabel, { text: _jsxs("p", { children: ["If you encounter any issues during setup please follow", ' ', _jsx("a", { href: TROUBLESHOOTING_DOCS_URL, target: '_blank', rel: "noreferrer", className: css({ textDecoration: 'underline', color: 'text.active' }), children: "troubleshooting steps" })] }), className: css({ fontWeight: 'lighter' }) })] }, 'step-4'),
|
|
95
|
+
].filter(Boolean);
|
|
84
96
|
}
|
|
85
97
|
case 'RAE': {
|
|
86
98
|
return [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"devices.js","sourceRoot":"","sources":["../../../../src/components/custom/devices/devices.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAqB,4BAA4B,EAAE,MAAM,qBAAqB,CAAC;AACtF,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AACvG,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,oCAAoC,CAAC;AAEzD,MAAM,wBAAwB,GAC5B,
|
|
1
|
+
{"version":3,"file":"devices.js","sourceRoot":"","sources":["../../../../src/components/custom/devices/devices.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@luxonis/common-fe-components",
|
|
3
|
-
"version": "1.23.
|
|
3
|
+
"version": "1.23.8",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"@hookform/resolvers": "^3.9.0",
|
|
25
25
|
"@luxonis-public/shadow-panda-preset": "^0.7.2",
|
|
26
26
|
"@luxonis-public/shadow-panda-style-context": "^0.7.2",
|
|
27
|
-
"@luxonis/common-fe-utils": "^1.23.
|
|
27
|
+
"@luxonis/common-fe-utils": "^1.23.8",
|
|
28
28
|
"@radix-ui/react-accordion": "^1.2.0",
|
|
29
29
|
"@radix-ui/react-alert-dialog": "^1.1.1",
|
|
30
30
|
"@radix-ui/react-aspect-ratio": "^1.1.0",
|
|
@@ -86,6 +86,6 @@
|
|
|
86
86
|
"registry": "https://registry.npmjs.org",
|
|
87
87
|
"access": "public"
|
|
88
88
|
},
|
|
89
|
-
"gitHead": "
|
|
89
|
+
"gitHead": "27bc9030467095e9e8d3bad6abcd179b2713c0d4",
|
|
90
90
|
"license": "UNLICENSED"
|
|
91
91
|
}
|