@dxos/react-client 0.10.0 → 0.11.0
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/.storybook/main.mts +1 -1
- package/.storybook/preview.mts +2 -2
- package/CHANGELOG.md +57 -0
- package/dist/lib/chunk-ClientProvider.mjs +152 -0
- package/dist/lib/chunk-ClientProvider.mjs.map +1 -0
- package/dist/lib/chunk-context.mjs +14 -0
- package/dist/lib/chunk-context.mjs.map +1 -0
- package/dist/lib/chunk-useClient.mjs +16 -0
- package/dist/lib/chunk-useClient.mjs.map +1 -0
- package/dist/lib/devtools.mjs +37 -0
- package/dist/lib/devtools.mjs.map +1 -0
- package/dist/lib/echo.mjs +230 -0
- package/dist/lib/echo.mjs.map +1 -0
- package/dist/lib/halo.mjs +85 -0
- package/dist/lib/halo.mjs.map +1 -0
- package/dist/lib/index.mjs +108 -0
- package/dist/lib/index.mjs.map +1 -0
- package/dist/lib/invitations.mjs +130 -0
- package/dist/lib/invitations.mjs.map +1 -0
- package/dist/lib/mesh.mjs +14 -0
- package/dist/lib/mesh.mjs.map +1 -0
- package/dist/lib/testing.mjs +206 -0
- package/dist/lib/testing.mjs.map +1 -0
- package/dist/types/src/client/AgentHostingProvider.d.ts +0 -3
- package/dist/types/src/client/AgentHostingProvider.d.ts.map +1 -1
- package/dist/types/src/client/context.d.ts +4 -1
- package/dist/types/src/client/context.d.ts.map +1 -1
- package/dist/types/src/echo/index.d.ts +1 -0
- package/dist/types/src/echo/index.d.ts.map +1 -1
- package/dist/types/src/echo/useFeedSyncState.d.ts +1 -1
- package/dist/types/src/echo/useFlush.d.ts +10 -0
- package/dist/types/src/echo/useFlush.d.ts.map +1 -0
- package/dist/types/src/echo/useSpaces.d.ts +0 -10
- package/dist/types/src/echo/useSpaces.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/moon.yml +1 -12
- package/package.json +32 -45
- package/src/client/AgentHostingProvider.tsx +5 -8
- package/src/client/context.ts +11 -2
- package/src/echo/index.ts +1 -0
- package/src/echo/useFeedSyncState.ts +4 -4
- package/src/echo/useFlush.ts +39 -0
- package/src/echo/useSpaces.ts +0 -14
- package/src/echo/useSyncState.ts +2 -2
- package/src/halo/Passkey.stories.tsx +1 -1
- package/src/testing/withClientProvider.stories.tsx +1 -1
- package/vite.config.ts +19 -0
- package/dist/lib/browser/chunk-3LVU7RNK.mjs +0 -16
- package/dist/lib/browser/chunk-3LVU7RNK.mjs.map +0 -7
- package/dist/lib/browser/chunk-CZMIVAGI.mjs +0 -8
- package/dist/lib/browser/chunk-CZMIVAGI.mjs.map +0 -7
- package/dist/lib/browser/chunk-SSDQ6NXU.mjs +0 -153
- package/dist/lib/browser/chunk-SSDQ6NXU.mjs.map +0 -7
- package/dist/lib/browser/chunk-XT352YI6.mjs +0 -134
- package/dist/lib/browser/chunk-XT352YI6.mjs.map +0 -7
- package/dist/lib/browser/devtools/index.mjs +0 -39
- package/dist/lib/browser/devtools/index.mjs.map +0 -7
- package/dist/lib/browser/echo/index.mjs +0 -239
- package/dist/lib/browser/echo/index.mjs.map +0 -7
- package/dist/lib/browser/halo/index.mjs +0 -109
- package/dist/lib/browser/halo/index.mjs.map +0 -7
- package/dist/lib/browser/index.mjs +0 -119
- package/dist/lib/browser/index.mjs.map +0 -7
- package/dist/lib/browser/invitations/index.mjs +0 -17
- package/dist/lib/browser/invitations/index.mjs.map +0 -7
- package/dist/lib/browser/mesh/index.mjs +0 -18
- package/dist/lib/browser/mesh/index.mjs.map +0 -7
- package/dist/lib/browser/meta.json +0 -1
- package/dist/lib/browser/testing/index.mjs +0 -204
- package/dist/lib/browser/testing/index.mjs.map +0 -7
- package/dist/lib/browser/worker.mjs +0 -3
- package/dist/lib/browser/worker.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-CUDKNAMV.mjs +0 -17
- package/dist/lib/node-esm/chunk-CUDKNAMV.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-JZNSBWIR.mjs +0 -155
- package/dist/lib/node-esm/chunk-JZNSBWIR.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-WL3Z5HOH.mjs +0 -135
- package/dist/lib/node-esm/chunk-WL3Z5HOH.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-WUTK2IJF.mjs +0 -10
- package/dist/lib/node-esm/chunk-WUTK2IJF.mjs.map +0 -7
- package/dist/lib/node-esm/devtools/index.mjs +0 -40
- package/dist/lib/node-esm/devtools/index.mjs.map +0 -7
- package/dist/lib/node-esm/echo/index.mjs +0 -240
- package/dist/lib/node-esm/echo/index.mjs.map +0 -7
- package/dist/lib/node-esm/halo/index.mjs +0 -110
- package/dist/lib/node-esm/halo/index.mjs.map +0 -7
- package/dist/lib/node-esm/index.mjs +0 -120
- package/dist/lib/node-esm/index.mjs.map +0 -7
- package/dist/lib/node-esm/invitations/index.mjs +0 -18
- package/dist/lib/node-esm/invitations/index.mjs.map +0 -7
- package/dist/lib/node-esm/mesh/index.mjs +0 -19
- package/dist/lib/node-esm/mesh/index.mjs.map +0 -7
- package/dist/lib/node-esm/meta.json +0 -1
- package/dist/lib/node-esm/testing/index.mjs +0 -205
- package/dist/lib/node-esm/testing/index.mjs.map +0 -7
- package/dist/lib/node-esm/worker.mjs +0 -5
- package/dist/lib/node-esm/worker.mjs.map +0 -7
- package/dist/types/src/worker.d.ts +0 -2
- package/dist/types/src/worker.d.ts.map +0 -1
- package/src/worker.ts +0 -5
- package/vitest.config.ts +0 -16
|
@@ -1,205 +0,0 @@
|
|
|
1
|
-
import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
|
|
2
|
-
import {
|
|
3
|
-
ClientProvider
|
|
4
|
-
} from "../chunk-WL3Z5HOH.mjs";
|
|
5
|
-
import "../chunk-WUTK2IJF.mjs";
|
|
6
|
-
|
|
7
|
-
// src/testing/index.ts
|
|
8
|
-
export * from "@dxos/client/testing";
|
|
9
|
-
|
|
10
|
-
// src/testing/context.tsx
|
|
11
|
-
import { createContext, useContext } from "react";
|
|
12
|
-
import { raise } from "@dxos/debug";
|
|
13
|
-
var ClientStory = /* @__PURE__ */ createContext(void 0);
|
|
14
|
-
var useClientStory = () => {
|
|
15
|
-
return useContext(ClientStory) ?? raise(new Error("Missing ClientStory"));
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
// src/testing/ClientRepeater.tsx
|
|
19
|
-
import React, { useRef, useState } from "react";
|
|
20
|
-
import { Client } from "@dxos/client";
|
|
21
|
-
import { TestBuilder, performInvitation } from "@dxos/client/testing";
|
|
22
|
-
import { random } from "@dxos/random";
|
|
23
|
-
import { useAsyncEffect } from "@dxos/react-hooks";
|
|
24
|
-
var ClientRepeater = (props) => {
|
|
25
|
-
const { component: Component, controls: Controls, count = 1, types, createIdentity, createSpace, onCreateSpace } = props;
|
|
26
|
-
const [clients, setClients] = useState(props.clients ?? []);
|
|
27
|
-
const [spaceId, setSpaceId] = useState();
|
|
28
|
-
const testBuilder = useRef(new TestBuilder());
|
|
29
|
-
useAsyncEffect(async () => {
|
|
30
|
-
const clients2 = [
|
|
31
|
-
...Array(count)
|
|
32
|
-
].map((_) => new Client({
|
|
33
|
-
services: testBuilder.current.createLocalClientServices(),
|
|
34
|
-
types
|
|
35
|
-
}));
|
|
36
|
-
await Promise.all(clients2.map((client) => client.initialize()));
|
|
37
|
-
if (createIdentity || createSpace) {
|
|
38
|
-
await Promise.all(clients2.map((client) => client.halo.createIdentity()));
|
|
39
|
-
}
|
|
40
|
-
if (createSpace) {
|
|
41
|
-
const client = clients2[0];
|
|
42
|
-
const space = await client.spaces.create({
|
|
43
|
-
name: random.commerce.productName()
|
|
44
|
-
});
|
|
45
|
-
setSpaceId(space.id);
|
|
46
|
-
await onCreateSpace?.({
|
|
47
|
-
client,
|
|
48
|
-
space
|
|
49
|
-
}, {});
|
|
50
|
-
await Promise.all(clients2.slice(1).flatMap((client2) => performInvitation({
|
|
51
|
-
host: space,
|
|
52
|
-
guest: client2.spaces
|
|
53
|
-
})));
|
|
54
|
-
}
|
|
55
|
-
setClients(clients2);
|
|
56
|
-
}, []);
|
|
57
|
-
if (clients.length === 0) {
|
|
58
|
-
return null;
|
|
59
|
-
}
|
|
60
|
-
return /* @__PURE__ */ React.createElement(React.Fragment, null, Controls && /* @__PURE__ */ React.createElement(Controls, {
|
|
61
|
-
clients
|
|
62
|
-
}), clients.map((client, index) => /* @__PURE__ */ React.createElement(ClientProvider, {
|
|
63
|
-
key: index,
|
|
64
|
-
client
|
|
65
|
-
}, /* @__PURE__ */ React.createElement(Component, {
|
|
66
|
-
id: index,
|
|
67
|
-
count: clients.length,
|
|
68
|
-
spaceId,
|
|
69
|
-
...props.args
|
|
70
|
-
}))));
|
|
71
|
-
};
|
|
72
|
-
|
|
73
|
-
// src/testing/withClientProvider.tsx
|
|
74
|
-
import React2, { useCallback, useMemo, useRef as useRef2, useState as useState2 } from "react";
|
|
75
|
-
import { Trigger } from "@dxos/async";
|
|
76
|
-
import { TestBuilder as TestBuilder2, performInvitation as performInvitation2 } from "@dxos/client/testing";
|
|
77
|
-
import { log } from "@dxos/log";
|
|
78
|
-
import { ErrorBoundary } from "@dxos/react-ui";
|
|
79
|
-
var __dxlog_file = "/__w/dxos/dxos/packages/sdk/react-client/src/testing/withClientProvider.tsx";
|
|
80
|
-
var initializeClient = async (client, { createIdentity, createSpace, onCreateIdentity, onCreateSpace, onInitialized }, context) => {
|
|
81
|
-
await onInitialized?.(client);
|
|
82
|
-
if (createIdentity || createSpace) {
|
|
83
|
-
if (!client.halo.identity.get()) {
|
|
84
|
-
await client.halo.createIdentity();
|
|
85
|
-
await onCreateIdentity?.({
|
|
86
|
-
client
|
|
87
|
-
}, context);
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
let space;
|
|
91
|
-
if (createSpace) {
|
|
92
|
-
space = await client.spaces.create({
|
|
93
|
-
name: "Test Space"
|
|
94
|
-
});
|
|
95
|
-
await space.waitUntilReady();
|
|
96
|
-
await onCreateSpace?.({
|
|
97
|
-
client,
|
|
98
|
-
space
|
|
99
|
-
}, context);
|
|
100
|
-
}
|
|
101
|
-
return {
|
|
102
|
-
space,
|
|
103
|
-
spaceId: space?.id
|
|
104
|
-
};
|
|
105
|
-
};
|
|
106
|
-
var withClientProvider = ({ createIdentity, createSpace, onCreateSpace, onCreateIdentity, onInitialized, ...props } = {}) => {
|
|
107
|
-
return (Story, context) => {
|
|
108
|
-
const [data, setData] = useState2({});
|
|
109
|
-
const handleInitialized = async (client) => {
|
|
110
|
-
const data2 = await initializeClient(client, {
|
|
111
|
-
createIdentity,
|
|
112
|
-
createSpace,
|
|
113
|
-
onCreateSpace,
|
|
114
|
-
onCreateIdentity,
|
|
115
|
-
onInitialized
|
|
116
|
-
}, context);
|
|
117
|
-
setData(data2);
|
|
118
|
-
};
|
|
119
|
-
return /* @__PURE__ */ React2.createElement(ErrorBoundary, {
|
|
120
|
-
name: "client-provider"
|
|
121
|
-
}, /* @__PURE__ */ React2.createElement(ClientProvider, {
|
|
122
|
-
onInitialized: handleInitialized,
|
|
123
|
-
...props
|
|
124
|
-
}, /* @__PURE__ */ React2.createElement(ClientStory.Provider, {
|
|
125
|
-
value: data
|
|
126
|
-
}, /* @__PURE__ */ React2.createElement(Story, null))));
|
|
127
|
-
};
|
|
128
|
-
};
|
|
129
|
-
var withMultiClientProvider = ({ numClients = 2, createIdentity, createSpace, onCreateSpace, onCreateIdentity, onInitialized, ...props }) => {
|
|
130
|
-
return (Story, context) => {
|
|
131
|
-
const spaceReady = useRef2(new Trigger());
|
|
132
|
-
const [spaceId, setSpaceId] = useState2();
|
|
133
|
-
const clients = useMemo(() => {
|
|
134
|
-
const buidler = new TestBuilder2();
|
|
135
|
-
return Array.from({
|
|
136
|
-
length: numClients
|
|
137
|
-
}).map(() => {
|
|
138
|
-
return {
|
|
139
|
-
services: buidler.createLocalClientServices()
|
|
140
|
-
};
|
|
141
|
-
});
|
|
142
|
-
}, [
|
|
143
|
-
numClients
|
|
144
|
-
]);
|
|
145
|
-
const handleInitialized = useCallback(async (client, index) => {
|
|
146
|
-
if (index === 0) {
|
|
147
|
-
const { space } = await initializeClient(client, {
|
|
148
|
-
createIdentity,
|
|
149
|
-
createSpace,
|
|
150
|
-
onCreateSpace,
|
|
151
|
-
onCreateIdentity,
|
|
152
|
-
onInitialized
|
|
153
|
-
}, context);
|
|
154
|
-
log.info("inviting", {
|
|
155
|
-
index,
|
|
156
|
-
spaceId: space?.id
|
|
157
|
-
}, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 95, S: void 0 });
|
|
158
|
-
setSpaceId(space?.id);
|
|
159
|
-
spaceReady.current.wake(space);
|
|
160
|
-
} else {
|
|
161
|
-
await initializeClient(client, {
|
|
162
|
-
createIdentity,
|
|
163
|
-
onInitialized
|
|
164
|
-
}, context);
|
|
165
|
-
log.info("waiting", {
|
|
166
|
-
index
|
|
167
|
-
}, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 107, S: void 0 });
|
|
168
|
-
const space = await spaceReady.current.wait();
|
|
169
|
-
if (space) {
|
|
170
|
-
log.info("joining", {
|
|
171
|
-
index,
|
|
172
|
-
spaceId: space.id
|
|
173
|
-
}, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 112, S: void 0 });
|
|
174
|
-
await Promise.all(performInvitation2({
|
|
175
|
-
host: space,
|
|
176
|
-
guest: client.spaces
|
|
177
|
-
}));
|
|
178
|
-
}
|
|
179
|
-
}
|
|
180
|
-
}, []);
|
|
181
|
-
return /* @__PURE__ */ React2.createElement("div", {
|
|
182
|
-
className: "absolute inset-0 grid grid-flow-col auto-cols-fr gap-4 overflow-hidden"
|
|
183
|
-
}, clients.map((client, index) => /* @__PURE__ */ React2.createElement(ClientProvider, {
|
|
184
|
-
key: index,
|
|
185
|
-
services: client.services,
|
|
186
|
-
onInitialized: (client2) => handleInitialized(client2, index),
|
|
187
|
-
...props
|
|
188
|
-
}, /* @__PURE__ */ React2.createElement(ClientStory.Provider, {
|
|
189
|
-
value: {
|
|
190
|
-
index,
|
|
191
|
-
spaceId
|
|
192
|
-
}
|
|
193
|
-
}, /* @__PURE__ */ React2.createElement(ErrorBoundary, {
|
|
194
|
-
name: "client-provider"
|
|
195
|
-
}, /* @__PURE__ */ React2.createElement(Story, null))))));
|
|
196
|
-
};
|
|
197
|
-
};
|
|
198
|
-
export {
|
|
199
|
-
ClientRepeater,
|
|
200
|
-
ClientStory,
|
|
201
|
-
useClientStory,
|
|
202
|
-
withClientProvider,
|
|
203
|
-
withMultiClientProvider
|
|
204
|
-
};
|
|
205
|
-
//# sourceMappingURL=index.mjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/testing/index.ts", "../../../../src/testing/context.tsx", "../../../../src/testing/ClientRepeater.tsx", "../../../../src/testing/withClientProvider.tsx"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2020 DXOS.org\n//\n\nexport * from '@dxos/client/testing';\n\nexport * from './context';\nexport * from './ClientRepeater';\nexport * from './withClientProvider';\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { createContext, useContext } from 'react';\n\nimport { type Space } from '@dxos/client/echo';\nimport { raise } from '@dxos/debug';\nimport { type SpaceId } from '@dxos/keys';\n\nexport type ClientStory = {\n index?: number;\n spaceId?: SpaceId;\n space?: Space;\n};\n\nexport const ClientStory = createContext<ClientStory | undefined>(undefined);\n\nexport const useClientStory = (): ClientStory => {\n return useContext(ClientStory) ?? raise(new Error('Missing ClientStory'));\n};\n", "//\n// Copyright 2022 DXOS.org\n//\n\nimport React, { type FC, useRef, useState } from 'react';\n\nimport { Client } from '@dxos/client';\nimport { TestBuilder, performInvitation } from '@dxos/client/testing';\nimport { type Type } from '@dxos/echo';\nimport { type SpaceId } from '@dxos/keys';\nimport { random } from '@dxos/random';\nimport { useAsyncEffect } from '@dxos/react-hooks';\n\nimport { ClientProvider } from '../client';\nimport { type WithClientProviderProps } from './withClientProvider';\n\nexport type ClientRepeatedComponentProps = { id: number; count: number; spaceId?: SpaceId };\n\nexport type ClientRepeaterControlsProps = { clients: Client[] };\n\n// TODO(burdon): Reconcile with ClientProviderProps.\nexport type ClientRepeaterProps<P extends ClientRepeatedComponentProps> = {\n className?: string;\n component: FC<ClientRepeatedComponentProps>;\n controls?: FC<ClientRepeaterControlsProps>;\n count?: number;\n clients?: Client[];\n types?: Type.AnyObj[];\n args?: Omit<P, 'id' | 'count'>;\n} & Pick<WithClientProviderProps, 'createIdentity' | 'createSpace' | 'onCreateSpace'>;\n\n/**\n * Utility component for Storybook stories which sets up clients for n peers.\n * The `Component` property is rendered n times, once for each peer.\n * @deprecated use `withClientProvider`.\n */\n// TODO(burdon): To discuss: evolve ClientRepeater with optional decorator that uses it.\n// NOTE: This is specifically not a storybook decorator because it broke stories as a decorator.\n// This seems primarily due to the fact that it required top-level await for the clients to initialize.\n// Storybook seemed to handle it alright, but Chromatic had a lot of trouble with it.\n// There was also a question of whether or not calling the story function multiple times was a good idea.\nexport const ClientRepeater = <P extends ClientRepeatedComponentProps>(props: ClientRepeaterProps<P>) => {\n const {\n component: Component,\n controls: Controls,\n count = 1,\n types,\n createIdentity,\n createSpace,\n onCreateSpace,\n } = props;\n\n const [clients, setClients] = useState(props.clients ?? []);\n const [spaceId, setSpaceId] = useState<SpaceId>();\n\n const testBuilder = useRef(new TestBuilder());\n useAsyncEffect(async () => {\n const clients = [...Array(count)].map(\n (_) => new Client({ services: testBuilder.current.createLocalClientServices(), types }),\n );\n\n await Promise.all(clients.map((client) => client.initialize()));\n if (createIdentity || createSpace) {\n await Promise.all(clients.map((client) => client.halo.createIdentity()));\n }\n\n if (createSpace) {\n const client = clients[0];\n const space = await client.spaces.create({ name: random.commerce.productName() });\n setSpaceId(space.id);\n await onCreateSpace?.({ client, space }, {});\n await Promise.all(clients.slice(1).flatMap((client) => performInvitation({ host: space, guest: client.spaces })));\n }\n\n setClients(clients);\n }, []);\n\n if (clients.length === 0) {\n return null;\n }\n\n return (\n <>\n {Controls && <Controls clients={clients} />}\n {clients.map((client, index) => (\n <ClientProvider key={index} client={client}>\n <Component id={index} count={clients.length} spaceId={spaceId} {...{ ...props.args }} />\n </ClientProvider>\n ))}\n </>\n );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { type Decorator, type StoryContext } from '@storybook/react';\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\n\nimport { Trigger } from '@dxos/async';\nimport { type Client } from '@dxos/client';\nimport { type Space } from '@dxos/client/echo';\nimport { TestBuilder, performInvitation } from '@dxos/client/testing';\nimport { type SpaceId } from '@dxos/keys';\nimport { log } from '@dxos/log';\nimport { ErrorBoundary } from '@dxos/react-ui';\nimport { type MaybePromise } from '@dxos/util';\n\nimport { ClientProvider, type ClientProviderProps } from '../client';\nimport { ClientStory } from './context';\n\ntype InitializeProps = {\n createIdentity?: boolean;\n createSpace?: boolean;\n onInitialized?: (client: Client) => MaybePromise<void>;\n onCreateIdentity?: (props: { client: Client }, context: StoryContext | any) => MaybePromise<void>;\n // NOTE: context must be untyped until ClientRepeater is removed.\n onCreateSpace?: (props: { client: Client; space: Space }, context: StoryContext | any) => MaybePromise<void>;\n};\n\n/**\n * Initialize client, identity and first space.\n */\nconst initializeClient = async (\n client: Client,\n { createIdentity, createSpace, onCreateIdentity, onCreateSpace, onInitialized }: InitializeProps,\n context: StoryContext,\n): Promise<ClientStory> => {\n await onInitialized?.(client);\n\n if (createIdentity || createSpace) {\n if (!client.halo.identity.get()) {\n await client.halo.createIdentity();\n await onCreateIdentity?.({ client }, context);\n }\n }\n\n let space: Space | undefined;\n if (createSpace) {\n space = await client.spaces.create({ name: 'Test Space' });\n await space.waitUntilReady(); // Is this required?\n await onCreateSpace?.({ client, space }, context);\n }\n\n return { space, spaceId: space?.id };\n};\n\nexport type WithClientProviderProps = InitializeProps & Omit<ClientProviderProps, 'onInitialized'>;\n\n/**\n * Decorator that provides the client context.\n */\nexport const withClientProvider = ({\n createIdentity,\n createSpace,\n onCreateSpace,\n onCreateIdentity,\n onInitialized,\n ...props\n}: WithClientProviderProps = {}): Decorator => {\n return (Story, context) => {\n const [data, setData] = useState<ClientStory>({});\n const handleInitialized = async (client: Client) => {\n const data = await initializeClient(\n client,\n {\n createIdentity,\n createSpace,\n onCreateSpace,\n onCreateIdentity,\n onInitialized,\n },\n context,\n );\n\n setData(data);\n };\n\n return (\n <ErrorBoundary name='client-provider'>\n <ClientProvider onInitialized={handleInitialized} {...props}>\n <ClientStory.Provider value={data}>\n <Story />\n </ClientStory.Provider>\n </ClientProvider>\n </ErrorBoundary>\n );\n };\n};\n\n// TODO(burdon): Implement context per client for context.\n// TODO(burdon): Callback once all invitations have completed.\n// TODO(burdon): Delay/jitter for creation of other clients.\nexport type WithMultiClientProviderProps = InitializeProps &\n Omit<ClientProviderProps, 'onInitialized'> & { numClients?: number };\n\n/**\n * Decorator that creates a scaffold for multiple clients.\n * Orchestrates invitations between a randomly selected host and the remaining clients.\n */\nexport const withMultiClientProvider = ({\n numClients = 2,\n createIdentity,\n createSpace,\n onCreateSpace,\n onCreateIdentity,\n onInitialized,\n ...props\n}: WithMultiClientProviderProps): Decorator => {\n return (Story, context) => {\n const spaceReady = useRef(new Trigger<Space | undefined>());\n const [spaceId, setSpaceId] = useState<SpaceId>();\n\n const clients = useMemo(() => {\n const buidler = new TestBuilder();\n return Array.from({ length: numClients }).map(() => {\n return {\n services: buidler.createLocalClientServices(),\n };\n });\n }, [numClients]);\n\n // Handle invitations.\n // NOTE: The zeroth client isn't necessarily the first to be initialized.\n const handleInitialized = useCallback(async (client: Client, index: number) => {\n if (index === 0) {\n // Initialize host.\n const { space } = await initializeClient(\n client,\n {\n createIdentity,\n createSpace,\n onCreateSpace,\n onCreateIdentity,\n onInitialized,\n },\n context,\n );\n\n log.info('inviting', { index, spaceId: space?.id });\n setSpaceId(space?.id);\n spaceReady.current.wake(space);\n } else {\n // Initialize guest.\n await initializeClient(client, { createIdentity, onInitialized }, context);\n\n log.info('waiting', { index });\n const space = await spaceReady.current.wait();\n if (space) {\n log.info('joining', { index, spaceId: space.id });\n await Promise.all(\n performInvitation({\n host: space,\n guest: client.spaces,\n }),\n );\n }\n }\n }, []);\n\n return (\n <div className='absolute inset-0 grid grid-flow-col auto-cols-fr gap-4 overflow-hidden'>\n {clients.map((client, index) => (\n <ClientProvider\n key={index}\n services={client.services}\n onInitialized={(client) => handleInitialized(client, index)}\n {...props}\n >\n <ClientStory.Provider value={{ index, spaceId }}>\n <ErrorBoundary name='client-provider'>\n <Story />\n </ErrorBoundary>\n </ClientStory.Provider>\n </ClientProvider>\n ))}\n </div>\n );\n };\n};\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["createContext", "useContext", "raise", "ClientStory", "undefined", "useClientStory", "Error", "React", "useRef", "useState", "Client", "TestBuilder", "performInvitation", "random", "useAsyncEffect", "ClientRepeater", "props", "component", "Component", "controls", "Controls", "count", "types", "createIdentity", "createSpace", "onCreateSpace", "clients", "setClients", "useState", "spaceId", "setSpaceId", "testBuilder", "useRef", "TestBuilder", "useAsyncEffect", "Array", "map", "_", "Client", "services", "current", "createLocalClientServices", "Promise", "all", "client", "initialize", "halo", "space", "spaces", "create", "name", "random", "commerce", "productName", "id", "slice", "flatMap", "performInvitation", "host", "guest", "length", "index", "ClientProvider", "key", "args", "React", "useCallback", "useMemo", "useRef", "useState", "Trigger", "TestBuilder", "performInvitation", "log", "ErrorBoundary", "createIdentity", "createSpace", "identity", "halo", "onCreateIdentity", "client", "context", "space", "spaceId", "data", "useState", "handleInitialized", "initializeClient", "onCreateSpace", "onInitialized", "setData", "React", "ClientProvider", "value", "Story", "spaceReady", "Trigger", "setSpaceId", "clients", "useMemo", "buidler", "TestBuilder", "Array", "length", "numClients", "services", "info", "index", "id", "current", "log", "Promise", "performInvitation", "guest", "spaces", "className", "ClientStory", "Provider", "name"]
|
|
7
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"worker.d.ts","sourceRoot":"","sources":["../../../src/worker.ts"],"names":[],"mappings":"AAIA,cAAc,qBAAqB,CAAC"}
|
package/src/worker.ts
DELETED
package/vitest.config.ts
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright 2024 DXOS.org
|
|
3
|
-
//
|
|
4
|
-
|
|
5
|
-
import path from 'node:path';
|
|
6
|
-
import { fileURLToPath } from 'node:url';
|
|
7
|
-
|
|
8
|
-
import { createConfig } from '../../../vitest.base.config';
|
|
9
|
-
|
|
10
|
-
export default createConfig({
|
|
11
|
-
dirname: typeof __dirname !== 'undefined' ? __dirname : path.dirname(fileURLToPath(import.meta.url)),
|
|
12
|
-
node: {
|
|
13
|
-
environment: 'happy-dom',
|
|
14
|
-
},
|
|
15
|
-
storybook: true,
|
|
16
|
-
});
|