@dxos/shell 0.4.3-main.2a46fc0 → 0.4.3-main.37cf9a6
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/dist/bundle/shell.mjs +630 -633
- package/dist/bundle/shell.mjs.map +1 -1
- package/dist/bundle/shell.umd.js +22 -22
- package/dist/bundle/shell.umd.js.map +1 -1
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/react.mjs +9 -7
- package/dist/lib/browser/react.mjs.map +3 -3
- package/dist/types/src/components/IdentityList/DeviceList.d.ts.map +1 -1
- package/dist/types/src/components/IdentityList/DeviceList.js +4 -6
- package/dist/types/src/components/IdentityList/DeviceList.js.map +1 -1
- package/package.json +19 -19
- package/src/components/IdentityList/DeviceList.tsx +5 -7
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DeviceList.d.ts","sourceRoot":"","sources":["../../../../../src/components/IdentityList/DeviceList.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DeviceList.d.ts","sourceRoot":"","sources":["../../../../../src/components/IdentityList/DeviceList.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAMtD,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,UAAU,0BAA2B,eAAe,gBA0BhE,CAAC"}
|
|
@@ -8,20 +8,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
8
8
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
9
9
|
exports.DeviceList = void 0;
|
|
10
10
|
const react_1 = __importDefault(require("react"));
|
|
11
|
+
const display_name_1 = require("@dxos/display-name");
|
|
11
12
|
const react_ui_1 = require("@dxos/react-ui");
|
|
12
13
|
const react_ui_theme_1 = require("@dxos/react-ui-theme");
|
|
13
14
|
const IdentityListItem_1 = require("./IdentityListItem");
|
|
14
15
|
const DeviceList = ({ devices, onSelect }) => {
|
|
15
16
|
const { t } = (0, react_ui_1.useTranslation)('os');
|
|
16
17
|
return devices.length > 0 ? (react_1.default.createElement(react_ui_1.List, { classNames: 'flex flex-col gap-2' }, devices.map((device) => {
|
|
17
|
-
|
|
18
|
+
// TODO(wittjosiah): Render this better. Consider communicating these as apps rather than devices.
|
|
19
|
+
const displayName = (0, display_name_1.generateName)(device.deviceKey.toHex());
|
|
18
20
|
const identity = {
|
|
19
21
|
identityKey: device.deviceKey,
|
|
20
|
-
profile:
|
|
21
|
-
? {
|
|
22
|
-
displayName: `${(_a = device.profile) === null || _a === void 0 ? void 0 : _a.platform} (${(_b = device.profile) === null || _b === void 0 ? void 0 : _b.platformVersion}) on ${(_c = device.profile) === null || _c === void 0 ? void 0 : _c.os} (${(_d = device.profile) === null || _d === void 0 ? void 0 : _d.osVersion}) ${(_f = (_e = device.profile) === null || _e === void 0 ? void 0 : _e.architecture) !== null && _f !== void 0 ? _f : 'Unknown'}-bit`,
|
|
23
|
-
}
|
|
24
|
-
: undefined,
|
|
22
|
+
profile: { displayName },
|
|
25
23
|
};
|
|
26
24
|
return (react_1.default.createElement(IdentityListItem_1.IdentityListItem, { key: device.deviceKey.toHex(), identity: identity, onClick: onSelect && (() => onSelect(device)) }));
|
|
27
25
|
}))) : (react_1.default.createElement("div", { role: 'none', className: 'grow flex items-center p-2' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DeviceList.js","sourceRoot":"","sources":["../../../../../src/components/IdentityList/DeviceList.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,kDAA0B;
|
|
1
|
+
{"version":3,"file":"DeviceList.js","sourceRoot":"","sources":["../../../../../src/components/IdentityList/DeviceList.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,kDAA0B;AAE1B,qDAAkD;AAElD,6CAAsD;AACtD,yDAA2D;AAE3D,yDAAsD;AAO/C,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAmB,EAAE,EAAE;IACnE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,yBAAc,EAAC,IAAI,CAAC,CAAC;IACnC,OAAO,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC1B,8BAAC,eAAI,IAAC,UAAU,EAAC,qBAAqB,IACnC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;QACtB,kGAAkG;QAClG,MAAM,WAAW,GAAG,IAAA,2BAAY,EAAC,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC;QAE3D,MAAM,QAAQ,GAAG;YACf,WAAW,EAAE,MAAM,CAAC,SAAS;YAC7B,OAAO,EAAE,EAAE,WAAW,EAAE;SACzB,CAAC;QACF,OAAO,CACL,8BAAC,mCAAgB,IACf,GAAG,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,EAC7B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,QAAQ,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,GAC7C,CACH,CAAC;IACJ,CAAC,CAAC,CACG,CACR,CAAC,CAAC,CAAC,CACF,uCAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,4BAA4B;QACrD,qCAAG,SAAS,EAAE,IAAA,mBAAE,EAAC,gCAAe,EAAE,qBAAqB,CAAC,IAAG,CAAC,CAAC,2BAA2B,CAAC,CAAK,CAC1F,CACP,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,UAAU,cA0BrB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dxos/shell",
|
|
3
|
-
"version": "0.4.3-main.
|
|
3
|
+
"version": "0.4.3-main.37cf9a6",
|
|
4
4
|
"description": "DXOS’s OS experiences",
|
|
5
5
|
"homepage": "https://dxos.org",
|
|
6
6
|
"bugs": "https://github.com/dxos/dxos/issues",
|
|
@@ -39,19 +39,19 @@
|
|
|
39
39
|
"react-qr-rounded": "^1.0.0",
|
|
40
40
|
"url-join": "^5.0.0",
|
|
41
41
|
"xstate": "^4.37.0",
|
|
42
|
-
"@dxos/async": "0.4.3-main.
|
|
43
|
-
"@dxos/client-protocol": "0.4.3-main.
|
|
44
|
-
"@dxos/client-services": "0.4.3-main.
|
|
45
|
-
"@dxos/
|
|
46
|
-
"@dxos/
|
|
47
|
-
"@dxos/
|
|
48
|
-
"@dxos/
|
|
49
|
-
"@dxos/react-client": "0.4.3-main.
|
|
50
|
-
"@dxos/react-ui": "0.4.3-main.
|
|
51
|
-
"@dxos/react-ui-theme": "0.4.3-main.
|
|
52
|
-
"@dxos/react-ui-types": "0.4.3-main.
|
|
53
|
-
"@dxos/
|
|
54
|
-
"@dxos/
|
|
42
|
+
"@dxos/async": "0.4.3-main.37cf9a6",
|
|
43
|
+
"@dxos/client-protocol": "0.4.3-main.37cf9a6",
|
|
44
|
+
"@dxos/client-services": "0.4.3-main.37cf9a6",
|
|
45
|
+
"@dxos/debug": "0.4.3-main.37cf9a6",
|
|
46
|
+
"@dxos/display-name": "0.4.3-main.37cf9a6",
|
|
47
|
+
"@dxos/invariant": "0.4.3-main.37cf9a6",
|
|
48
|
+
"@dxos/log": "0.4.3-main.37cf9a6",
|
|
49
|
+
"@dxos/react-client": "0.4.3-main.37cf9a6",
|
|
50
|
+
"@dxos/react-ui": "0.4.3-main.37cf9a6",
|
|
51
|
+
"@dxos/react-ui-theme": "0.4.3-main.37cf9a6",
|
|
52
|
+
"@dxos/react-ui-types": "0.4.3-main.37cf9a6",
|
|
53
|
+
"@dxos/rpc-tunnel": "0.4.3-main.37cf9a6",
|
|
54
|
+
"@dxos/util": "0.4.3-main.37cf9a6"
|
|
55
55
|
},
|
|
56
56
|
"devDependencies": {
|
|
57
57
|
"@phosphor-icons/react": "^2.0.5",
|
|
@@ -63,11 +63,11 @@
|
|
|
63
63
|
"react-dom": "^18.2.0",
|
|
64
64
|
"vite": "^5.0.12",
|
|
65
65
|
"vite-plugin-turbosnap": "^1.0.2",
|
|
66
|
-
"@dxos/config": "0.4.3-main.
|
|
67
|
-
"@dxos/random": "0.4.3-main.
|
|
68
|
-
"@dxos/react-async": "0.4.3-main.
|
|
69
|
-
"@dxos/react-ui-theme": "0.4.3-main.
|
|
70
|
-
"@dxos/storybook-utils": "0.4.3-main.
|
|
66
|
+
"@dxos/config": "0.4.3-main.37cf9a6",
|
|
67
|
+
"@dxos/random": "0.4.3-main.37cf9a6",
|
|
68
|
+
"@dxos/react-async": "0.4.3-main.37cf9a6",
|
|
69
|
+
"@dxos/react-ui-theme": "0.4.3-main.37cf9a6",
|
|
70
|
+
"@dxos/storybook-utils": "0.4.3-main.37cf9a6"
|
|
71
71
|
},
|
|
72
72
|
"peerDependencies": {
|
|
73
73
|
"@phosphor-icons/react": "^2.0.5",
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
import React from 'react';
|
|
6
6
|
|
|
7
|
+
import { generateName } from '@dxos/display-name';
|
|
7
8
|
import { type Device } from '@dxos/react-client/halo';
|
|
8
9
|
import { List, useTranslation } from '@dxos/react-ui';
|
|
9
10
|
import { descriptionText, mx } from '@dxos/react-ui-theme';
|
|
@@ -20,15 +21,12 @@ export const DeviceList = ({ devices, onSelect }: DeviceListProps) => {
|
|
|
20
21
|
return devices.length > 0 ? (
|
|
21
22
|
<List classNames='flex flex-col gap-2'>
|
|
22
23
|
{devices.map((device) => {
|
|
24
|
+
// TODO(wittjosiah): Render this better. Consider communicating these as apps rather than devices.
|
|
25
|
+
const displayName = generateName(device.deviceKey.toHex());
|
|
26
|
+
|
|
23
27
|
const identity = {
|
|
24
28
|
identityKey: device.deviceKey,
|
|
25
|
-
profile:
|
|
26
|
-
? {
|
|
27
|
-
displayName: `${device.profile?.platform} (${device.profile?.platformVersion}) on ${
|
|
28
|
-
device.profile?.os
|
|
29
|
-
} (${device.profile?.osVersion}) ${device.profile?.architecture ?? 'Unknown'}-bit`,
|
|
30
|
-
}
|
|
31
|
-
: undefined,
|
|
29
|
+
profile: { displayName },
|
|
32
30
|
};
|
|
33
31
|
return (
|
|
34
32
|
<IdentityListItem
|