@dxos/shell 0.4.3-main.f97384b → 0.4.3
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
|
|
3
|
+
"version": "0.4.3",
|
|
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
|
|
43
|
-
"@dxos/client-protocol": "0.4.3
|
|
44
|
-
"@dxos/
|
|
45
|
-
"@dxos/
|
|
46
|
-
"@dxos/
|
|
47
|
-
"@dxos/
|
|
48
|
-
"@dxos/
|
|
49
|
-
"@dxos/
|
|
50
|
-
"@dxos/react-
|
|
51
|
-
"@dxos/react-ui-theme": "0.4.3
|
|
52
|
-
"@dxos/react-ui-types": "0.4.3
|
|
53
|
-
"@dxos/rpc-tunnel": "0.4.3
|
|
54
|
-
"@dxos/util": "0.4.3
|
|
42
|
+
"@dxos/async": "0.4.3",
|
|
43
|
+
"@dxos/client-protocol": "0.4.3",
|
|
44
|
+
"@dxos/debug": "0.4.3",
|
|
45
|
+
"@dxos/client-services": "0.4.3",
|
|
46
|
+
"@dxos/invariant": "0.4.3",
|
|
47
|
+
"@dxos/log": "0.4.3",
|
|
48
|
+
"@dxos/display-name": "0.4.3",
|
|
49
|
+
"@dxos/react-ui": "0.4.3",
|
|
50
|
+
"@dxos/react-client": "0.4.3",
|
|
51
|
+
"@dxos/react-ui-theme": "0.4.3",
|
|
52
|
+
"@dxos/react-ui-types": "0.4.3",
|
|
53
|
+
"@dxos/rpc-tunnel": "0.4.3",
|
|
54
|
+
"@dxos/util": "0.4.3"
|
|
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/
|
|
67
|
-
"@dxos/
|
|
68
|
-
"@dxos/
|
|
69
|
-
"@dxos/
|
|
70
|
-
"@dxos/
|
|
66
|
+
"@dxos/react-ui-theme": "0.4.3",
|
|
67
|
+
"@dxos/config": "0.4.3",
|
|
68
|
+
"@dxos/random": "0.4.3",
|
|
69
|
+
"@dxos/react-async": "0.4.3",
|
|
70
|
+
"@dxos/storybook-utils": "0.4.3"
|
|
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
|