@dxos/plugin-testing 0.8.4-main.1068cf700f → 0.8.4-main.1c7ec43d41

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 (103) hide show
  1. package/dist/lib/browser/harness.mjs +35 -0
  2. package/dist/lib/browser/harness.mjs.map +7 -0
  3. package/dist/lib/browser/index.mjs +20 -183
  4. package/dist/lib/browser/index.mjs.map +4 -4
  5. package/dist/lib/browser/meta.json +1 -1
  6. package/dist/lib/node-esm/harness.mjs +37 -0
  7. package/dist/lib/node-esm/harness.mjs.map +7 -0
  8. package/dist/lib/node-esm/index.mjs +21 -183
  9. package/dist/lib/node-esm/index.mjs.map +4 -4
  10. package/dist/lib/node-esm/meta.json +1 -1
  11. package/dist/types/src/StorybookPlugin.d.ts +2 -1
  12. package/dist/types/src/StorybookPlugin.d.ts.map +1 -1
  13. package/dist/types/src/capabilities/index.d.ts +15 -2
  14. package/dist/types/src/capabilities/index.d.ts.map +1 -1
  15. package/dist/types/src/capabilities/operation-handler.d.ts +6 -0
  16. package/dist/types/src/capabilities/operation-handler.d.ts.map +1 -0
  17. package/dist/types/src/capabilities/{state/state.d.ts → state.d.ts} +2 -2
  18. package/dist/types/src/capabilities/state.d.ts.map +1 -0
  19. package/dist/types/src/components/{Layout.d.ts → Layout/Layout.d.ts} +1 -1
  20. package/dist/types/src/components/Layout/Layout.d.ts.map +1 -0
  21. package/dist/types/src/components/Layout/index.d.ts +2 -0
  22. package/dist/types/src/components/Layout/index.d.ts.map +1 -0
  23. package/dist/types/src/core.d.ts +1 -7
  24. package/dist/types/src/core.d.ts.map +1 -1
  25. package/dist/types/src/harness.d.ts +20 -0
  26. package/dist/types/src/harness.d.ts.map +1 -0
  27. package/dist/types/src/index.d.ts +3 -1
  28. package/dist/types/src/index.d.ts.map +1 -1
  29. package/dist/types/src/operations/add-toast.d.ts +5 -0
  30. package/dist/types/src/operations/add-toast.d.ts.map +1 -0
  31. package/dist/types/src/operations/close.d.ts +5 -0
  32. package/dist/types/src/operations/close.d.ts.map +1 -0
  33. package/dist/types/src/operations/index.d.ts +3 -0
  34. package/dist/types/src/operations/index.d.ts.map +1 -0
  35. package/dist/types/src/operations/open.d.ts +5 -0
  36. package/dist/types/src/operations/open.d.ts.map +1 -0
  37. package/dist/types/src/operations/scroll-into-view.d.ts +5 -0
  38. package/dist/types/src/operations/scroll-into-view.d.ts.map +1 -0
  39. package/dist/types/src/operations/set-layout-mode.d.ts +5 -0
  40. package/dist/types/src/operations/set-layout-mode.d.ts.map +1 -0
  41. package/dist/types/src/operations/switch-workspace.d.ts +5 -0
  42. package/dist/types/src/operations/switch-workspace.d.ts.map +1 -0
  43. package/dist/types/src/operations/update-complementary.d.ts +5 -0
  44. package/dist/types/src/operations/update-complementary.d.ts.map +1 -0
  45. package/dist/types/src/operations/update-dialog.d.ts +5 -0
  46. package/dist/types/src/operations/update-dialog.d.ts.map +1 -0
  47. package/dist/types/src/operations/update-popover.d.ts +5 -0
  48. package/dist/types/src/operations/update-popover.d.ts.map +1 -0
  49. package/dist/types/src/operations/update-sidebar.d.ts +5 -0
  50. package/dist/types/src/operations/update-sidebar.d.ts.map +1 -0
  51. package/dist/types/src/operations/update-state.d.ts +5 -0
  52. package/dist/types/src/operations/update-state.d.ts.map +1 -0
  53. package/dist/types/src/types/capabilities.d.ts +2 -0
  54. package/dist/types/src/types/capabilities.d.ts.map +1 -1
  55. package/dist/types/tsconfig.tsbuildinfo +1 -1
  56. package/package.json +31 -18
  57. package/src/StorybookPlugin.ts +9 -7
  58. package/src/capabilities/index.ts +8 -2
  59. package/src/capabilities/operation-handler.ts +16 -0
  60. package/src/capabilities/{state/state.tsx → state.tsx} +2 -1
  61. package/src/components/Layout/Layout.tsx +236 -0
  62. package/src/components/Layout/index.ts +5 -0
  63. package/src/core.ts +19 -9
  64. package/src/harness.ts +52 -0
  65. package/src/index.ts +6 -1
  66. package/src/meta.ts +1 -1
  67. package/src/operations/add-toast.ts +22 -0
  68. package/src/operations/close.ts +14 -0
  69. package/src/operations/index.ts +18 -0
  70. package/src/operations/open.ts +18 -0
  71. package/src/operations/scroll-into-view.ts +14 -0
  72. package/src/operations/set-layout-mode.ts +14 -0
  73. package/src/operations/switch-workspace.ts +20 -0
  74. package/src/operations/update-complementary.ts +27 -0
  75. package/src/operations/update-dialog.ts +27 -0
  76. package/src/operations/update-popover.ts +37 -0
  77. package/src/operations/update-sidebar.ts +26 -0
  78. package/src/operations/update-state.ts +17 -0
  79. package/src/types/capabilities.ts +5 -2
  80. package/dist/lib/browser/chunk-YHPXIILW.mjs +0 -21
  81. package/dist/lib/browser/chunk-YHPXIILW.mjs.map +0 -7
  82. package/dist/lib/browser/operation-resolver-FLU4ZARD.mjs +0 -112
  83. package/dist/lib/browser/operation-resolver-FLU4ZARD.mjs.map +0 -7
  84. package/dist/lib/browser/state-MIKI67FF.mjs +0 -43
  85. package/dist/lib/browser/state-MIKI67FF.mjs.map +0 -7
  86. package/dist/lib/node-esm/chunk-OWK6XE6C.mjs +0 -23
  87. package/dist/lib/node-esm/chunk-OWK6XE6C.mjs.map +0 -7
  88. package/dist/lib/node-esm/operation-resolver-NWF6KBHP.mjs +0 -113
  89. package/dist/lib/node-esm/operation-resolver-NWF6KBHP.mjs.map +0 -7
  90. package/dist/lib/node-esm/state-JQVVUKO2.mjs +0 -44
  91. package/dist/lib/node-esm/state-JQVVUKO2.mjs.map +0 -7
  92. package/dist/types/src/capabilities/operation-resolver/index.d.ts +0 -3
  93. package/dist/types/src/capabilities/operation-resolver/index.d.ts.map +0 -1
  94. package/dist/types/src/capabilities/operation-resolver/operation-resolver.d.ts +0 -5
  95. package/dist/types/src/capabilities/operation-resolver/operation-resolver.d.ts.map +0 -1
  96. package/dist/types/src/capabilities/state/index.d.ts +0 -14
  97. package/dist/types/src/capabilities/state/index.d.ts.map +0 -1
  98. package/dist/types/src/capabilities/state/state.d.ts.map +0 -1
  99. package/dist/types/src/components/Layout.d.ts.map +0 -1
  100. package/src/capabilities/operation-resolver/index.ts +0 -7
  101. package/src/capabilities/operation-resolver/operation-resolver.ts +0 -99
  102. package/src/capabilities/state/index.ts +0 -7
  103. package/src/components/Layout.tsx +0 -174
@@ -1,14 +0,0 @@
1
- import { Capability } from '@dxos/app-framework';
2
- export declare const State: Capability.LazyCapability<{
3
- initialState?: Partial<import("../../types").LayoutStateProps>;
4
- }, [Capability.Capability<Capability.InterfaceDef<import("@effect-atom/atom/Atom").Writable<import("../../types").LayoutStateProps, import("../../types").LayoutStateProps>>>, Capability.Capability<Capability.InterfaceDef<import("@effect-atom/atom/Atom").Atom<Readonly<{
5
- mode: string;
6
- dialogOpen: boolean;
7
- sidebarOpen: boolean;
8
- complementarySidebarOpen: boolean;
9
- workspace: string;
10
- active: string[];
11
- inactive: string[];
12
- scrollIntoView: string | undefined;
13
- }>>>>], Error>;
14
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/capabilities/state/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,eAAO,MAAM,KAAK;;;;;;;;;;;cAAoD,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../../../src/capabilities/state/state.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGjD,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,aAAa,CAAC;;mBAUT,OAAO,CAAC,gBAAgB,CAAC;;;;;;;;;;;AADjF,wBAqBE"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAwD,MAAM,OAAO,CAAC;AAqB5G,eAAO,MAAM,MAAM,GAAI,cAAc,iBAAiB,CAAC,EAAE,CAAC,sBAoIzD,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,WAAW;IAAE,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,sBAaxD,CAAC"}
@@ -1,7 +0,0 @@
1
- //
2
- // Copyright 2025 DXOS.org
3
- //
4
-
5
- import { Capability } from '@dxos/app-framework';
6
-
7
- export const OperationResolver = Capability.lazy('OperationResolver', () => import('./operation-resolver'));
@@ -1,99 +0,0 @@
1
- //
2
- // Copyright 2025 DXOS.org
3
- //
4
-
5
- import * as Effect from 'effect/Effect';
6
-
7
- import { Capabilities, Capability } from '@dxos/app-framework';
8
- import { LayoutOperation } from '@dxos/app-toolkit';
9
- import { OperationResolver } from '@dxos/operation';
10
-
11
- import { LayoutState, type LayoutStateProps } from '../../types';
12
-
13
- export default Capability.makeModule(
14
- Effect.fnUntraced(function* () {
15
- const registry = yield* Capability.get(Capabilities.AtomRegistry);
16
- const stateAtom = yield* Capability.get(LayoutState);
17
-
18
- const updateState = (fn: (state: LayoutStateProps) => Partial<LayoutStateProps>) => {
19
- const current = registry.get(stateAtom);
20
- registry.set(stateAtom, { ...current, ...fn(current) });
21
- };
22
-
23
- return Capability.contributes(Capabilities.OperationResolver, [
24
- OperationResolver.make({
25
- operation: LayoutOperation.UpdateSidebar,
26
- handler: Effect.fnUntraced(function* ({ state }) {
27
- updateState((layout) => {
28
- const next = state ?? layout.sidebarState;
29
- if (next !== layout.sidebarState) {
30
- return { sidebarState: next };
31
- }
32
- return {};
33
- });
34
- }),
35
- }),
36
- OperationResolver.make({
37
- operation: LayoutOperation.UpdateComplementary,
38
- handler: Effect.fnUntraced(function* ({ state }) {
39
- updateState((layout) => {
40
- const next = state ?? layout.complementarySidebarState;
41
- if (next !== layout.complementarySidebarState) {
42
- return { complementarySidebarState: next };
43
- }
44
- return {};
45
- });
46
- }),
47
- }),
48
- OperationResolver.make({
49
- operation: LayoutOperation.UpdateDialog,
50
- handler: Effect.fnUntraced(function* ({
51
- subject,
52
- state,
53
- type,
54
- blockAlign,
55
- overlayClasses,
56
- overlayStyle,
57
- props,
58
- }) {
59
- updateState(() => ({
60
- dialogOpen: state ?? Boolean(subject),
61
- dialogType: type ?? 'default',
62
- dialogBlockAlign: blockAlign ?? 'center',
63
- dialogOverlayClasses: overlayClasses,
64
- dialogOverlayStyle: overlayStyle,
65
- dialogContent: subject ? { component: subject, props } : null,
66
- }));
67
- }),
68
- }),
69
- OperationResolver.make({
70
- operation: LayoutOperation.UpdatePopover,
71
- handler: Effect.fnUntraced(function* (input) {
72
- const { subject, state, side, kind, props } = input;
73
- updateState(() => {
74
- const base: Partial<LayoutStateProps> = {
75
- popoverKind: kind ?? 'base',
76
- popoverTitle: kind === 'card' ? input.title : undefined,
77
- popoverContent:
78
- typeof subject === 'string' ? { component: subject, props } : subject ? { subject } : undefined,
79
- popoverOpen: state ?? Boolean(subject),
80
- popoverSide: side,
81
- };
82
- if ('variant' in input && input.variant === 'virtual') {
83
- return { ...base, popoverVariant: 'virtual', popoverAnchor: input.anchor };
84
- } else if ('anchorId' in input) {
85
- return { ...base, popoverVariant: 'react', popoverAnchorId: input.anchorId };
86
- }
87
- return base;
88
- });
89
- }),
90
- }),
91
- OperationResolver.make({
92
- operation: LayoutOperation.SwitchWorkspace,
93
- handler: Effect.fnUntraced(function* ({ subject }) {
94
- updateState(() => ({ workspace: subject }));
95
- }),
96
- }),
97
- ]);
98
- }),
99
- );
@@ -1,7 +0,0 @@
1
- //
2
- // Copyright 2025 DXOS.org
3
- //
4
-
5
- import { Capability } from '@dxos/app-framework';
6
-
7
- export const State = Capability.lazy('State', () => import('./state'));
@@ -1,174 +0,0 @@
1
- //
2
- // Copyright 2023 DXOS.org
3
- //
4
-
5
- import { RegistryContext, useAtomValue } from '@effect-atom/atom-react';
6
- import React, { type PropsWithChildren, useCallback, useContext, useEffect, useRef, useState } from 'react';
7
-
8
- import { Surface, useCapability } from '@dxos/app-framework/ui';
9
- import {
10
- AlertDialog,
11
- Dialog,
12
- Main,
13
- Popover,
14
- type PopoverContentInteractOutsideEvent,
15
- toLocalizedString,
16
- useTranslation,
17
- } from '@dxos/react-ui';
18
- import { Card, Mosaic } from '@dxos/react-ui-mosaic';
19
- import { descriptionMessage, mx } from '@dxos/ui-theme';
20
-
21
- import { meta } from '../meta';
22
- import { LayoutState, type LayoutStateProps } from '../types';
23
-
24
- const debounce_delay = 100;
25
-
26
- // TODO(wittjosiah): Support dialogs, tooltips, maybe toast.
27
- export const Layout = ({ children }: PropsWithChildren<{}>) => {
28
- const { t } = useTranslation(meta.id);
29
- const trigger = useRef<HTMLButtonElement | null>(null);
30
- const registry = useContext(RegistryContext);
31
- const stateAtom = useCapability(LayoutState);
32
- const layout = useAtomValue(stateAtom);
33
- const [iter, setIter] = useState(0);
34
- const [open, setOpen] = useState(false);
35
- const debounceRef = useRef<NodeJS.Timeout | null>(null);
36
-
37
- const updateState = useCallback(
38
- (updates: Partial<LayoutStateProps>) => {
39
- const current = registry.get(stateAtom);
40
- registry.set(stateAtom, { ...current, ...updates });
41
- },
42
- [registry, stateAtom],
43
- );
44
-
45
- useEffect(() => {
46
- setOpen(false);
47
- if (debounceRef.current) {
48
- clearTimeout(debounceRef.current);
49
- debounceRef.current = null;
50
- }
51
- trigger.current = layout.popoverAnchor ?? null;
52
- setIter((iter) => iter + 1);
53
- if (layout.popoverOpen) {
54
- debounceRef.current = setTimeout(() => setOpen(true), debounce_delay);
55
- }
56
- }, [layout.popoverAnchor, layout.popoverContent, layout.popoverOpen]);
57
-
58
- const handleClose = useCallback(() => {
59
- setOpen(false);
60
- updateState({
61
- popoverOpen: false,
62
- popoverAnchor: undefined,
63
- popoverAnchorId: undefined,
64
- popoverSide: undefined,
65
- });
66
- }, [updateState]);
67
-
68
- const handleInteractOutside = useCallback(
69
- (event: KeyboardEvent | PopoverContentInteractOutsideEvent) => {
70
- if (
71
- // TODO(thure): CodeMirror should not focus itself when it updates.
72
- event.type === 'dismissableLayer.focusOutside' &&
73
- (event.currentTarget as HTMLElement | undefined)?.classList.contains('cm-content')
74
- ) {
75
- event.preventDefault();
76
- } else {
77
- handleClose();
78
- }
79
- },
80
- [handleClose],
81
- );
82
-
83
- const DialogRoot = layout.dialogType === 'alert' ? AlertDialog.Root : Dialog.Root;
84
- const DialogOverlay = layout.dialogType === 'alert' ? AlertDialog.Overlay : Dialog.Overlay;
85
-
86
- return (
87
- <div role='none' className='fixed inset-0 flex overflow-hidden'>
88
- <Mosaic.Root>
89
- <Popover.Root open={open}>
90
- <Main.Root
91
- navigationSidebarState={layout.sidebarState}
92
- complementarySidebarState={layout.complementarySidebarState}
93
- onNavigationSidebarStateChange={(next) => updateState({ sidebarState: next })}
94
- onComplementarySidebarStateChange={(next) => updateState({ complementarySidebarState: next })}
95
- >
96
- {children}
97
- </Main.Root>
98
-
99
- <DialogRoot
100
- modal={layout.dialogBlockAlign !== 'end'}
101
- open={layout.dialogOpen}
102
- onOpenChange={(nextOpen) => updateState({ dialogOpen: nextOpen })}
103
- >
104
- {layout.dialogBlockAlign === 'end' ? (
105
- <Surface.Surface
106
- role='dialog'
107
- data={layout.dialogContent}
108
- limit={1}
109
- fallback={ContentError}
110
- placeholder={<div />}
111
- />
112
- ) : (
113
- <DialogOverlay
114
- blockAlign={layout.dialogBlockAlign}
115
- classNames={layout.dialogOverlayClasses}
116
- style={layout.dialogOverlayStyle}
117
- >
118
- <Surface.Surface role='dialog' data={layout.dialogContent} limit={1} fallback={ContentError} />
119
- </DialogOverlay>
120
- )}
121
- </DialogRoot>
122
-
123
- <Popover.VirtualTrigger key={iter} virtualRef={trigger} />
124
- <Popover.Portal>
125
- <Popover.Content
126
- side={layout.popoverSide}
127
- onInteractOutside={handleInteractOutside}
128
- onEscapeKeyDown={handleInteractOutside}
129
- sticky='always'
130
- hideWhenDetached
131
- >
132
- <Popover.Viewport>
133
- {layout.popoverKind === 'card' && (
134
- <Card.Root>
135
- <Card.Toolbar>
136
- {/* TODO(wittjosiah): Cleaner way to handle no drag handle in toolbar? */}
137
- <span />
138
- {layout.popoverTitle ? (
139
- <Card.Title>{toLocalizedString(layout.popoverTitle, t)}</Card.Title>
140
- ) : (
141
- <span />
142
- )}
143
- <Card.Close onClick={handleClose} />
144
- </Card.Toolbar>
145
- <Surface.Surface role='card--content' data={layout.popoverContent} limit={1} />
146
- </Card.Root>
147
- )}
148
- {layout.popoverKind === 'base' && (
149
- <Surface.Surface role='popover' data={layout.popoverContent} limit={1} />
150
- )}
151
- </Popover.Viewport>
152
- <Popover.Arrow />
153
- </Popover.Content>
154
- </Popover.Portal>
155
- </Popover.Root>
156
- </Mosaic.Root>
157
- </div>
158
- );
159
- };
160
-
161
- export const ContentError = ({ error }: { error?: Error }) => {
162
- const { t } = useTranslation(meta.id);
163
- const errorString = error?.toString() ?? '';
164
- return (
165
- <div role='none' className='overflow-auto p-8 attention-surface grid place-items-center'>
166
- <p
167
- role='alert'
168
- className={mx(descriptionMessage, 'break-words rounded-md p-8', errorString.length < 256 && 'text-lg')}
169
- >
170
- {error ? errorString : t('error fallback message')}
171
- </p>
172
- </div>
173
- );
174
- };