@dxos/plugin-debug 0.8.1-staging.5be625a → 0.8.1-staging.9eaf14f

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 (37) hide show
  1. package/dist/lib/browser/{SpaceGenerator-OIK3XDTA.mjs → SpaceGenerator-NBOQZ4JF.mjs} +7 -8
  2. package/dist/lib/browser/SpaceGenerator-NBOQZ4JF.mjs.map +7 -0
  3. package/dist/lib/browser/app-graph-builder-ALFPRSAR.mjs +570 -0
  4. package/dist/lib/browser/app-graph-builder-ALFPRSAR.mjs.map +7 -0
  5. package/dist/lib/browser/{chunk-F2R7TJCJ.mjs → chunk-TCEHALD4.mjs} +2 -2
  6. package/dist/lib/browser/chunk-TCEHALD4.mjs.map +7 -0
  7. package/dist/lib/browser/index.mjs +7 -23
  8. package/dist/lib/browser/index.mjs.map +3 -3
  9. package/dist/lib/browser/meta.json +1 -1
  10. package/dist/lib/browser/{react-surface-G43REICD.mjs → react-surface-MXXLOQYV.mjs} +102 -27
  11. package/dist/lib/browser/react-surface-MXXLOQYV.mjs.map +7 -0
  12. package/dist/lib/browser/{settings-R47ZDKXO.mjs → settings-AP74NCXH.mjs} +3 -5
  13. package/dist/lib/browser/{settings-R47ZDKXO.mjs.map → settings-AP74NCXH.mjs.map} +3 -3
  14. package/dist/types/src/DebugPlugin.d.ts.map +1 -1
  15. package/dist/types/src/capabilities/app-graph-builder.d.ts.map +1 -1
  16. package/dist/types/src/capabilities/react-surface.d.ts.map +1 -1
  17. package/dist/types/src/capabilities/settings.d.ts.map +1 -1
  18. package/dist/types/src/components/DebugSettings.d.ts.map +1 -1
  19. package/dist/types/src/components/SpaceGenerator/SpaceGenerator.d.ts.map +1 -1
  20. package/dist/types/src/translations.d.ts +1 -0
  21. package/dist/types/src/translations.d.ts.map +1 -1
  22. package/dist/types/src/types.d.ts +1 -1
  23. package/dist/types/src/types.d.ts.map +1 -1
  24. package/package.json +49 -48
  25. package/src/DebugPlugin.tsx +1 -14
  26. package/src/capabilities/app-graph-builder.ts +330 -349
  27. package/src/capabilities/react-surface.tsx +72 -18
  28. package/src/capabilities/settings.ts +1 -3
  29. package/src/components/DebugSettings.tsx +0 -3
  30. package/src/components/SpaceGenerator/SpaceGenerator.tsx +1 -7
  31. package/src/translations.ts +3 -2
  32. package/src/types.ts +1 -1
  33. package/dist/lib/browser/SpaceGenerator-OIK3XDTA.mjs.map +0 -7
  34. package/dist/lib/browser/app-graph-builder-EJHONTKA.mjs +0 -605
  35. package/dist/lib/browser/app-graph-builder-EJHONTKA.mjs.map +0 -7
  36. package/dist/lib/browser/chunk-F2R7TJCJ.mjs.map +0 -7
  37. package/dist/lib/browser/react-surface-G43REICD.mjs.map +0 -7
package/src/capabilities/app-graph-builder.ts CHANGED
@@ -3,13 +3,13 @@
3
3
  //
4
4
 
5
5
  import { contributes, Capabilities, type PluginsContext } from '@dxos/app-framework';
6
+ import { ATTENDABLE_PATH_SEPARATOR, PLANK_COMPANION_TYPE } from '@dxos/plugin-deck/types';
6
7
  import { createExtension, toSignal, type Node } from '@dxos/plugin-graph';
7
8
  import { CollectionType } from '@dxos/plugin-space/types';
8
- import { SpaceState } from '@dxos/react-client/echo';
9
- import { isSpace, type Space } from '@dxos/react-client/echo';
9
+ import { isEchoObject, isSpace, type ReactiveEchoObject, SpaceState, type Space } from '@dxos/react-client/echo';
10
10
 
11
11
  import { DEBUG_PLUGIN } from '../meta';
12
- import { type DebugSettingsProps, Devtools } from '../types';
12
+ import { Devtools } from '../types';
13
13
 
14
14
  const DEVTOOLS_TYPE = 'dxos.org/plugin/debug/devtools';
15
15
 
@@ -18,303 +18,346 @@ export default (context: PluginsContext) =>
18
18
  // Devtools node.
19
19
  createExtension({
20
20
  id: 'dxos.org/plugin/debug/devtools',
21
- filter: (node): node is Node<null> => node.id === 'root',
22
- connector: () => [
23
- {
24
- id: Devtools.id,
25
- data: null,
26
- type: DEVTOOLS_TYPE,
27
- properties: {
28
- label: ['devtools label', { ns: DEBUG_PLUGIN }],
29
- disposition: 'workspace',
30
- icon: 'ph--hammer--regular',
31
- },
32
- nodes: [
33
- {
34
- id: Devtools.Client.id,
35
- data: null,
36
- type: DEVTOOLS_TYPE,
37
- properties: {
38
- label: ['client label', { ns: DEBUG_PLUGIN }],
39
- icon: 'ph--users--regular',
40
- },
41
- nodes: [
42
- {
43
- id: Devtools.Client.Config,
44
- data: Devtools.Client.Config,
45
- type: DEVTOOLS_TYPE,
46
- properties: {
47
- label: ['config label', { ns: DEBUG_PLUGIN }],
48
- icon: 'ph--gear--regular',
49
- },
21
+ filter: (node): node is Node<null | Space> => node.id === 'root' || isSpace(node.data),
22
+ connector: ({ node }) => {
23
+ const space = node.data;
24
+ const state = toSignal(
25
+ (onChange) => space?.state.subscribe(() => onChange()).unsubscribe ?? (() => {}),
26
+ () => space?.state.get(),
27
+ space?.id,
28
+ );
29
+ if (node.id !== 'root' && state !== SpaceState.SPACE_READY) {
30
+ return;
31
+ }
32
+
33
+ // Not adding the debug node until the root collection is available aligns the behaviour of this
34
+ // extension with that of the space plugin adding objects. This ensures that the debug node is added at
35
+ // the same time as objects and prevents order from changing as the nodes are added.
36
+ const collection = space?.properties[CollectionType.typename]?.target as CollectionType | undefined;
37
+ if (node.id !== 'root' && !collection) {
38
+ return;
39
+ }
40
+
41
+ return [
42
+ {
43
+ id: `${node.id}-${Devtools.id}`,
44
+ data: null,
45
+ type: DEVTOOLS_TYPE,
46
+ properties: {
47
+ label: ['devtools label', { ns: DEBUG_PLUGIN }],
48
+ disposition: 'workspace',
49
+ icon: 'ph--hammer--regular',
50
+ },
51
+ nodes: [
52
+ ...(isSpace(node.data)
53
+ ? [
54
+ {
55
+ id: `${node.data.id}-debug`,
56
+ type: 'dxos.org/plugin/debug/space',
57
+ data: { space: node.data, type: 'dxos.org/plugin/debug/space' },
58
+ properties: {
59
+ label: ['debug label', { ns: DEBUG_PLUGIN }],
60
+ icon: 'ph--bug--regular',
61
+ },
62
+ },
63
+ ]
64
+ : []),
65
+ {
66
+ id: `${node.id}-${Devtools.Client.id}`,
67
+ data: null,
68
+ type: DEVTOOLS_TYPE,
69
+ properties: {
70
+ label: ['client label', { ns: DEBUG_PLUGIN }],
71
+ icon: 'ph--users--regular',
50
72
  },
51
- {
52
- id: Devtools.Client.Storage,
53
- data: Devtools.Client.Storage,
54
- type: DEVTOOLS_TYPE,
55
- properties: {
56
- label: ['storage label', { ns: DEBUG_PLUGIN }],
57
- icon: 'ph--hard-drives--regular',
73
+ nodes: [
74
+ {
75
+ id: `${node.id}-${Devtools.Client.Config}`,
76
+ data: Devtools.Client.Config,
77
+ type: DEVTOOLS_TYPE,
78
+ properties: {
79
+ label: ['config label', { ns: DEBUG_PLUGIN }],
80
+ icon: 'ph--gear--regular',
81
+ },
58
82
  },
59
- },
60
- {
61
- id: Devtools.Client.Logs,
62
- data: Devtools.Client.Logs,
63
- type: DEVTOOLS_TYPE,
64
- properties: {
65
- label: ['logs label', { ns: DEBUG_PLUGIN }],
66
- icon: 'ph--file-text--regular',
83
+ {
84
+ id: `${node.id}-${Devtools.Client.Storage}`,
85
+ data: Devtools.Client.Storage,
86
+ type: DEVTOOLS_TYPE,
87
+ properties: {
88
+ label: ['storage label', { ns: DEBUG_PLUGIN }],
89
+ icon: 'ph--hard-drives--regular',
90
+ },
67
91
  },
68
- },
69
- {
70
- id: Devtools.Client.Diagnostics,
71
- data: Devtools.Client.Diagnostics,
72
- type: DEVTOOLS_TYPE,
73
- properties: {
74
- label: ['diagnostics label', { ns: DEBUG_PLUGIN }],
75
- icon: 'ph--chart-line--regular',
92
+ {
93
+ id: `${node.id}-${Devtools.Client.Logs}`,
94
+ data: Devtools.Client.Logs,
95
+ type: DEVTOOLS_TYPE,
96
+ properties: {
97
+ label: ['logs label', { ns: DEBUG_PLUGIN }],
98
+ icon: 'ph--file-text--regular',
99
+ },
76
100
  },
77
- },
78
- {
79
- id: Devtools.Client.Tracing,
80
- data: Devtools.Client.Tracing,
81
- type: DEVTOOLS_TYPE,
82
- properties: {
83
- label: ['tracing label', { ns: DEBUG_PLUGIN }],
84
- icon: 'ph--fire--regular',
101
+ {
102
+ id: `${node.id}-${Devtools.Client.Diagnostics}`,
103
+ data: Devtools.Client.Diagnostics,
104
+ type: DEVTOOLS_TYPE,
105
+ properties: {
106
+ label: ['diagnostics label', { ns: DEBUG_PLUGIN }],
107
+ icon: 'ph--chart-line--regular',
108
+ },
85
109
  },
86
- },
87
- ],
88
- },
89
- {
90
- id: Devtools.Halo.id,
91
- data: null,
92
- type: DEVTOOLS_TYPE,
93
- properties: {
94
- label: ['halo label', { ns: DEBUG_PLUGIN }],
95
- icon: 'ph--identification-badge--regular',
96
- },
97
- nodes: [
98
- {
99
- id: Devtools.Halo.Identity,
100
- data: Devtools.Halo.Identity,
101
- type: DEVTOOLS_TYPE,
102
- properties: {
103
- label: ['identity label', { ns: DEBUG_PLUGIN }],
104
- icon: 'ph--identification-badge--regular',
110
+ {
111
+ id: `${node.id}-${Devtools.Client.Tracing}`,
112
+ data: Devtools.Client.Tracing,
113
+ type: DEVTOOLS_TYPE,
114
+ properties: {
115
+ label: ['tracing label', { ns: DEBUG_PLUGIN }],
116
+ icon: 'ph--fire--regular',
117
+ },
105
118
  },
119
+ ],
120
+ },
121
+ {
122
+ id: `${node.id}-${Devtools.Halo.id}`,
123
+ data: null,
124
+ type: DEVTOOLS_TYPE,
125
+ properties: {
126
+ label: ['halo label', { ns: DEBUG_PLUGIN }],
127
+ icon: 'ph--identification-badge--regular',
106
128
  },
107
- {
108
- id: Devtools.Halo.Devices,
109
- data: Devtools.Halo.Devices,
110
- type: DEVTOOLS_TYPE,
111
- properties: {
112
- label: ['devices label', { ns: DEBUG_PLUGIN }],
113
- icon: 'ph--devices--regular',
129
+ nodes: [
130
+ {
131
+ id: `${node.id}-${Devtools.Halo.Identity}`,
132
+ data: Devtools.Halo.Identity,
133
+ type: DEVTOOLS_TYPE,
134
+ properties: {
135
+ label: ['identity label', { ns: DEBUG_PLUGIN }],
136
+ icon: 'ph--identification-badge--regular',
137
+ },
114
138
  },
115
- },
116
- {
117
- id: Devtools.Halo.Keyring,
118
- data: Devtools.Halo.Keyring,
119
- type: DEVTOOLS_TYPE,
120
- properties: {
121
- label: ['keyring label', { ns: DEBUG_PLUGIN }],
122
- icon: 'ph--key--regular',
139
+ {
140
+ id: `${node.id}-${Devtools.Halo.Devices}`,
141
+ data: Devtools.Halo.Devices,
142
+ type: DEVTOOLS_TYPE,
143
+ properties: {
144
+ label: ['devices label', { ns: DEBUG_PLUGIN }],
145
+ icon: 'ph--devices--regular',
146
+ },
123
147
  },
124
- },
125
- {
126
- id: Devtools.Halo.Credentials,
127
- data: Devtools.Halo.Credentials,
128
- type: DEVTOOLS_TYPE,
129
- properties: {
130
- label: ['credentials label', { ns: DEBUG_PLUGIN }],
131
- icon: 'ph--credit-card--regular',
148
+ {
149
+ id: `${node.id}-${Devtools.Halo.Keyring}`,
150
+ data: Devtools.Halo.Keyring,
151
+ type: DEVTOOLS_TYPE,
152
+ properties: {
153
+ label: ['keyring label', { ns: DEBUG_PLUGIN }],
154
+ icon: 'ph--key--regular',
155
+ },
132
156
  },
133
- },
134
- ],
135
- },
136
- {
137
- id: Devtools.Echo.id,
138
- data: null,
139
- type: DEVTOOLS_TYPE,
140
- properties: {
141
- label: ['echo label', { ns: DEBUG_PLUGIN }],
142
- icon: 'ph--database--regular',
143
- },
144
- nodes: [
145
- {
146
- id: Devtools.Echo.Spaces,
147
- data: Devtools.Echo.Spaces,
148
- type: DEVTOOLS_TYPE,
149
- properties: {
150
- label: ['spaces label', { ns: DEBUG_PLUGIN }],
151
- icon: 'ph--graph--regular',
157
+ {
158
+ id: `${node.id}-${Devtools.Halo.Credentials}`,
159
+ data: Devtools.Halo.Credentials,
160
+ type: DEVTOOLS_TYPE,
161
+ properties: {
162
+ label: ['credentials label', { ns: DEBUG_PLUGIN }],
163
+ icon: 'ph--credit-card--regular',
164
+ },
152
165
  },
166
+ ],
167
+ },
168
+ {
169
+ id: `${node.id}-${Devtools.Echo.id}`,
170
+ data: null,
171
+ type: DEVTOOLS_TYPE,
172
+ properties: {
173
+ label: ['echo label', { ns: DEBUG_PLUGIN }],
174
+ icon: 'ph--database--regular',
153
175
  },
154
- {
155
- id: Devtools.Echo.Space,
156
- data: Devtools.Echo.Space,
157
- type: DEVTOOLS_TYPE,
158
- properties: {
159
- label: ['space label', { ns: DEBUG_PLUGIN }],
160
- icon: 'ph--planet--regular',
176
+ nodes: [
177
+ {
178
+ id: `${node.id}-${Devtools.Echo.Spaces}`,
179
+ data: Devtools.Echo.Spaces,
180
+ type: DEVTOOLS_TYPE,
181
+ properties: {
182
+ label: ['spaces label', { ns: DEBUG_PLUGIN }],
183
+ icon: 'ph--graph--regular',
184
+ },
161
185
  },
162
- },
163
- {
164
- id: Devtools.Echo.Feeds,
165
- data: Devtools.Echo.Feeds,
166
- type: DEVTOOLS_TYPE,
167
- properties: {
168
- label: ['feeds label', { ns: DEBUG_PLUGIN }],
169
- icon: 'ph--list-bullets--regular',
186
+ {
187
+ id: `${node.id}-${Devtools.Echo.Space}`,
188
+ data: Devtools.Echo.Space,
189
+ type: DEVTOOLS_TYPE,
190
+ properties: {
191
+ label: ['space label', { ns: DEBUG_PLUGIN }],
192
+ icon: 'ph--planet--regular',
193
+ },
170
194
  },
171
- },
172
- {
173
- id: Devtools.Echo.Objects,
174
- data: Devtools.Echo.Objects,
175
- type: DEVTOOLS_TYPE,
176
- properties: {
177
- label: ['objects label', { ns: DEBUG_PLUGIN }],
178
- icon: 'ph--database--regular',
195
+ {
196
+ id: `${node.id}-${Devtools.Echo.Feeds}`,
197
+ data: Devtools.Echo.Feeds,
198
+ type: DEVTOOLS_TYPE,
199
+ properties: {
200
+ label: ['feeds label', { ns: DEBUG_PLUGIN }],
201
+ icon: 'ph--list-bullets--regular',
202
+ },
179
203
  },
180
- },
181
- {
182
- id: Devtools.Echo.Automerge,
183
- data: Devtools.Echo.Automerge,
184
- type: DEVTOOLS_TYPE,
185
- properties: {
186
- label: ['automerge label', { ns: DEBUG_PLUGIN }],
187
- icon: 'ph--gear-six--regular',
204
+ {
205
+ id: `${node.id}-${Devtools.Echo.Objects}`,
206
+ data: Devtools.Echo.Objects,
207
+ type: DEVTOOLS_TYPE,
208
+ properties: {
209
+ label: ['objects label', { ns: DEBUG_PLUGIN }],
210
+ icon: 'ph--database--regular',
211
+ },
188
212
  },
189
- },
190
- {
191
- id: Devtools.Echo.Queues,
192
- data: Devtools.Echo.Queues,
193
- type: DEVTOOLS_TYPE,
194
- properties: {
195
- label: ['queues label', { ns: DEBUG_PLUGIN }],
196
- icon: 'ph--queue--regular',
213
+ {
214
+ id: `${node.id}-${Devtools.Echo.Automerge}`,
215
+ data: Devtools.Echo.Automerge,
216
+ type: DEVTOOLS_TYPE,
217
+ properties: {
218
+ label: ['automerge label', { ns: DEBUG_PLUGIN }],
219
+ icon: 'ph--gear-six--regular',
220
+ },
197
221
  },
198
- },
199
- {
200
- id: Devtools.Echo.Members,
201
- data: Devtools.Echo.Members,
202
- type: DEVTOOLS_TYPE,
203
- properties: {
204
- label: ['members label', { ns: DEBUG_PLUGIN }],
205
- icon: 'ph--users--regular',
222
+ {
223
+ id: `${node.id}-${Devtools.Echo.Queues}`,
224
+ data: Devtools.Echo.Queues,
225
+ type: DEVTOOLS_TYPE,
226
+ properties: {
227
+ label: ['queues label', { ns: DEBUG_PLUGIN }],
228
+ icon: 'ph--queue--regular',
229
+ },
206
230
  },
207
- },
208
- {
209
- id: Devtools.Echo.Metadata,
210
- data: Devtools.Echo.Metadata,
211
- type: DEVTOOLS_TYPE,
212
- properties: {
213
- label: ['metadata label', { ns: DEBUG_PLUGIN }],
214
- icon: 'ph--hard-drive--regular',
231
+ {
232
+ id: `${node.id}-${Devtools.Echo.Members}`,
233
+ data: Devtools.Echo.Members,
234
+ type: DEVTOOLS_TYPE,
235
+ properties: {
236
+ label: ['members label', { ns: DEBUG_PLUGIN }],
237
+ icon: 'ph--users--regular',
238
+ },
215
239
  },
216
- },
217
- ],
218
- },
219
- {
220
- id: Devtools.Mesh.id,
221
- data: null,
222
- type: DEVTOOLS_TYPE,
223
- properties: {
224
- label: ['mesh label', { ns: DEBUG_PLUGIN }],
225
- icon: 'ph--graph--regular',
226
- },
227
- nodes: [
228
- {
229
- id: Devtools.Mesh.Signal,
230
- data: Devtools.Mesh.Signal,
231
- type: DEVTOOLS_TYPE,
232
- properties: {
233
- label: ['signal label', { ns: DEBUG_PLUGIN }],
234
- icon: 'ph--wifi-high--regular',
240
+ {
241
+ id: `${node.id}-${Devtools.Echo.Metadata}`,
242
+ data: Devtools.Echo.Metadata,
243
+ type: DEVTOOLS_TYPE,
244
+ properties: {
245
+ label: ['metadata label', { ns: DEBUG_PLUGIN }],
246
+ icon: 'ph--hard-drive--regular',
247
+ },
235
248
  },
249
+ ],
250
+ },
251
+ {
252
+ id: `${node.id}-${Devtools.Mesh.id}`,
253
+ data: null,
254
+ type: DEVTOOLS_TYPE,
255
+ properties: {
256
+ label: ['mesh label', { ns: DEBUG_PLUGIN }],
257
+ icon: 'ph--graph--regular',
236
258
  },
237
- {
238
- id: Devtools.Mesh.Swarm,
239
- data: Devtools.Mesh.Swarm,
240
- type: DEVTOOLS_TYPE,
241
- properties: {
242
- label: ['swarm label', { ns: DEBUG_PLUGIN }],
243
- icon: 'ph--users-three--regular',
259
+ nodes: [
260
+ {
261
+ id: `${node.id}-${Devtools.Mesh.Signal}`,
262
+ data: Devtools.Mesh.Signal,
263
+ type: DEVTOOLS_TYPE,
264
+ properties: {
265
+ label: ['signal label', { ns: DEBUG_PLUGIN }],
266
+ icon: 'ph--wifi-high--regular',
267
+ },
244
268
  },
245
- },
246
- {
247
- id: Devtools.Mesh.Network,
248
- data: Devtools.Mesh.Network,
249
- type: DEVTOOLS_TYPE,
250
- properties: {
251
- label: ['network label', { ns: DEBUG_PLUGIN }],
252
- icon: 'ph--polygon--regular',
269
+ {
270
+ id: `${node.id}-${Devtools.Mesh.Swarm}`,
271
+ data: Devtools.Mesh.Swarm,
272
+ type: DEVTOOLS_TYPE,
273
+ properties: {
274
+ label: ['swarm label', { ns: DEBUG_PLUGIN }],
275
+ icon: 'ph--users-three--regular',
276
+ },
253
277
  },
254
- },
255
- ],
256
- },
257
- {
258
- id: Devtools.Agent.id,
259
- data: null,
260
- type: DEVTOOLS_TYPE,
261
- properties: {
262
- label: ['agent label', { ns: DEBUG_PLUGIN }],
263
- icon: 'ph--robot--regular',
264
- },
265
- nodes: [
266
- {
267
- id: Devtools.Agent.Dashboard,
268
- data: Devtools.Agent.Dashboard,
269
- type: DEVTOOLS_TYPE,
270
- properties: {
271
- label: ['dashboard label', { ns: DEBUG_PLUGIN }],
272
- icon: 'ph--computer-tower--regular',
278
+ {
279
+ id: `${node.id}-${Devtools.Mesh.Network}`,
280
+ data: Devtools.Mesh.Network,
281
+ type: DEVTOOLS_TYPE,
282
+ properties: {
283
+ label: ['network label', { ns: DEBUG_PLUGIN }],
284
+ icon: 'ph--polygon--regular',
285
+ },
273
286
  },
274
- },
275
- ],
276
- },
277
- {
278
- id: Devtools.Edge.id,
279
- data: null,
280
- type: DEVTOOLS_TYPE,
281
- properties: {
282
- label: ['edge label', { ns: DEBUG_PLUGIN }],
283
- icon: 'ph--cloud--regular',
287
+ ],
284
288
  },
285
- nodes: [
286
- {
287
- id: Devtools.Edge.Dashboard,
288
- data: Devtools.Edge.Dashboard,
289
- type: DEVTOOLS_TYPE,
290
- properties: {
291
- label: ['dashboard label', { ns: DEBUG_PLUGIN }],
292
- icon: 'ph--computer-tower--regular',
293
- },
289
+ // TODO(wittjosiah): Remove?
290
+ // {
291
+ // id: `${node.id}-${Devtools.Agent.id}`,
292
+ // data: null,
293
+ // type: DEVTOOLS_TYPE,
294
+ // properties: {
295
+ // label: ['agent label', { ns: DEBUG_PLUGIN }],
296
+ // icon: 'ph--robot--regular',
297
+ // },
298
+ // nodes: [
299
+ // {
300
+ // id: `${node.id}-${Devtools.Agent.Dashboard}`,
301
+ // data: Devtools.Agent.Dashboard,
302
+ // type: DEVTOOLS_TYPE,
303
+ // properties: {
304
+ // label: ['dashboard label', { ns: DEBUG_PLUGIN }],
305
+ // icon: 'ph--computer-tower--regular',
306
+ // },
307
+ // },
308
+ // ],
309
+ // },
310
+ {
311
+ id: `${node.id}-${Devtools.Edge.id}`,
312
+ data: null,
313
+ type: DEVTOOLS_TYPE,
314
+ properties: {
315
+ label: ['edge label', { ns: DEBUG_PLUGIN }],
316
+ icon: 'ph--cloud--regular',
294
317
  },
295
- {
296
- id: Devtools.Edge.Workflows,
297
- data: Devtools.Edge.Workflows,
298
- type: DEVTOOLS_TYPE,
299
- properties: {
300
- label: ['workflows label', { ns: DEBUG_PLUGIN }],
301
- icon: 'ph--function--regular',
318
+ nodes: [
319
+ {
320
+ id: `${node.id}-${Devtools.Edge.Dashboard}`,
321
+ data: Devtools.Edge.Dashboard,
322
+ type: DEVTOOLS_TYPE,
323
+ properties: {
324
+ label: ['dashboard label', { ns: DEBUG_PLUGIN }],
325
+ icon: 'ph--computer-tower--regular',
326
+ },
302
327
  },
303
- },
304
- {
305
- id: Devtools.Edge.Traces,
306
- data: Devtools.Edge.Traces,
307
- type: DEVTOOLS_TYPE,
308
- properties: {
309
- label: ['traces label', { ns: DEBUG_PLUGIN }],
310
- icon: 'ph--line-segments--regular',
328
+ {
329
+ id: `${node.id}-${Devtools.Edge.Workflows}`,
330
+ data: Devtools.Edge.Workflows,
331
+ type: DEVTOOLS_TYPE,
332
+ properties: {
333
+ label: ['workflows label', { ns: DEBUG_PLUGIN }],
334
+ icon: 'ph--function--regular',
335
+ },
311
336
  },
312
- },
313
- ],
314
- },
315
- ],
316
- },
317
- ],
337
+ {
338
+ id: `${node.id}-${Devtools.Edge.Traces}`,
339
+ data: Devtools.Edge.Traces,
340
+ type: DEVTOOLS_TYPE,
341
+ properties: {
342
+ label: ['traces label', { ns: DEBUG_PLUGIN }],
343
+ icon: 'ph--line-segments--regular',
344
+ },
345
+ },
346
+ {
347
+ id: `${node.id}-${Devtools.Edge.Testing}`,
348
+ data: Devtools.Edge.Testing,
349
+ type: DEVTOOLS_TYPE,
350
+ properties: {
351
+ label: ['testing label', { ns: DEBUG_PLUGIN }],
352
+ icon: 'ph--flask--regular',
353
+ },
354
+ },
355
+ ],
356
+ },
357
+ ],
358
+ },
359
+ ];
360
+ },
318
361
  }),
319
362
 
320
363
  // Debug node.
@@ -349,84 +392,22 @@ export default (context: PluginsContext) =>
349
392
  },
350
393
  }),
351
394
 
352
- // Space debug nodes.
395
+ // Debug object companion.
353
396
  createExtension({
354
- id: 'dxos.org/plugin/debug/spaces',
355
- filter: (node): node is Node<Space> => {
356
- const settings = context
357
- .requestCapabilities(Capabilities.SettingsStore)[0]
358
- ?.getStore<DebugSettingsProps>(DEBUG_PLUGIN)?.value;
359
- return !!settings?.debug && isSpace(node.data);
360
- },
361
- connector: ({ node }) => {
362
- const space = node.data;
363
- const state = toSignal(
364
- (onChange) => space.state.subscribe(() => onChange()).unsubscribe,
365
- () => space.state.get(),
366
- space.id,
367
- );
368
- if (state !== SpaceState.SPACE_READY) {
369
- return;
370
- }
371
-
372
- // Not adding the debug node until the root collection is available aligns the behaviour of this
373
- // extension with that of the space plugin adding objects. This ensures that the debug node is added at
374
- // the same time as objects and prevents order from changing as the nodes are added.
375
- const collection = space.properties[CollectionType.typename]?.target as CollectionType | undefined;
376
- if (!collection) {
377
- return;
378
- }
379
-
380
- return [
381
- {
382
- id: `${space.id}-${Devtools.id}`,
383
- data: null,
384
- type: DEVTOOLS_TYPE,
385
- properties: {
386
- label: ['devtools label', { ns: DEBUG_PLUGIN }],
387
- icon: 'ph--hammer--regular',
388
- },
389
- nodes: [
390
- {
391
- // TODO(wittjosiah): Cannot use slashes in ids until we have a router which decouples ids from url paths.
392
- id: `${space.id}-debug`,
393
- type: 'dxos.org/plugin/debug/space',
394
- data: { space, type: 'dxos.org/plugin/debug/space' },
395
- properties: {
396
- label: ['debug label', { ns: DEBUG_PLUGIN }],
397
- icon: 'ph--bug--regular',
398
- },
399
- },
400
- {
401
- id: `${space.id}-${Devtools.Echo.Space}`,
402
- data: Devtools.Echo.Space,
403
- type: DEVTOOLS_TYPE,
404
- properties: {
405
- label: ['space label', { ns: DEBUG_PLUGIN }],
406
- icon: 'ph--planet--regular',
407
- },
408
- },
409
- {
410
- id: `${space.id}-${Devtools.Echo.Objects}`,
411
- data: Devtools.Echo.Objects,
412
- type: DEVTOOLS_TYPE,
413
- properties: {
414
- label: ['objects label', { ns: DEBUG_PLUGIN }],
415
- icon: 'ph--database--regular',
416
- },
417
- },
418
- {
419
- id: `${space.id}-${Devtools.Edge.Traces}`,
420
- data: Devtools.Edge.Traces,
421
- type: DEVTOOLS_TYPE,
422
- properties: {
423
- label: ['traces label', { ns: DEBUG_PLUGIN }],
424
- icon: 'ph--line-segments--regular',
425
- },
426
- },
427
- ],
397
+ id: `${DEBUG_PLUGIN}/debug-object`,
398
+ filter: (node): node is Node<ReactiveEchoObject<any>> => isEchoObject(node.data),
399
+ connector: ({ node }) => [
400
+ {
401
+ id: [node.id, 'debug'].join(ATTENDABLE_PATH_SEPARATOR),
402
+ type: PLANK_COMPANION_TYPE,
403
+ data: 'debug',
404
+ properties: {
405
+ label: ['debug label', { ns: DEBUG_PLUGIN }],
406
+ icon: 'ph--bug--regular',
407
+ disposition: 'hidden',
408
+ position: 'fallback',
428
409
  },
429
- ];
430
- },
410
+ },
411
+ ],
431
412
  }),
432
413
  ]);