diff options
Diffstat (limited to 'packages/preload/src/SophieRendererImpl.ts')
-rw-r--r-- | packages/preload/src/SophieRendererImpl.ts | 74 |
1 files changed, 74 insertions, 0 deletions
diff --git a/packages/preload/src/SophieRendererImpl.ts b/packages/preload/src/SophieRendererImpl.ts new file mode 100644 index 0000000..e03c89e --- /dev/null +++ b/packages/preload/src/SophieRendererImpl.ts | |||
@@ -0,0 +1,74 @@ | |||
1 | import { ipcRenderer } from 'electron'; | ||
2 | import type { IJsonPatch } from 'mobx-state-tree'; | ||
3 | import { | ||
4 | MainToRendererIpcMessage, | ||
5 | RendererToMainIpcMessage, | ||
6 | sharedStore, | ||
7 | SharedStoreListener, | ||
8 | SharedStoreSnapshotIn, | ||
9 | SophieRenderer | ||
10 | } from '@sophie/shared'; | ||
11 | |||
12 | export type MessageSender = (channel: RendererToMainIpcMessage, ...args: unknown[]) => void; | ||
13 | |||
14 | export class SophieRendererImpl implements SophieRenderer { | ||
15 | readonly #send: MessageSender; | ||
16 | |||
17 | #listener: SharedStoreListener | null = null; | ||
18 | |||
19 | #snapshot: SharedStoreSnapshotIn | null = null; | ||
20 | |||
21 | constructor(send: MessageSender) { | ||
22 | this.#send = send; | ||
23 | } | ||
24 | |||
25 | sharedStoreSnapshotReceived(snapshot: unknown): void { | ||
26 | if (sharedStore.is(snapshot)) { | ||
27 | if (this.#listener === null) { | ||
28 | this.#snapshot = snapshot; | ||
29 | } else { | ||
30 | this.#listener.onSnapshot(snapshot); | ||
31 | } | ||
32 | } else { | ||
33 | console.error('Received invalid snapshot', snapshot); | ||
34 | this.#snapshot = null; | ||
35 | } | ||
36 | } | ||
37 | |||
38 | sharedStorePatchReceived(patch: unknown): void { | ||
39 | if (this.#listener !== null) { | ||
40 | // `mobx-state-tree` will validate the patch, so we can safely cast here. | ||
41 | this.#listener.onPatch(patch as IJsonPatch); | ||
42 | } | ||
43 | } | ||
44 | |||
45 | setSharedStoreListener(listener: SharedStoreListener): void { | ||
46 | this.#listener = listener; | ||
47 | if (this.#snapshot !== null) { | ||
48 | listener.onSnapshot(this.#snapshot); | ||
49 | this.#snapshot = null; | ||
50 | } | ||
51 | this.#send(RendererToMainIpcMessage.SharedStoreSnapshotRequest); | ||
52 | } | ||
53 | |||
54 | buttonClick(): void { | ||
55 | this.#send(RendererToMainIpcMessage.ButtonClick); | ||
56 | } | ||
57 | } | ||
58 | |||
59 | export function createSophieRenderer(): SophieRenderer { | ||
60 | const impl = new SophieRendererImpl(ipcRenderer.send); | ||
61 | |||
62 | ipcRenderer.on(MainToRendererIpcMessage.SharedStoreSnapshot, (_event, snapshot) => { | ||
63 | impl.sharedStoreSnapshotReceived(snapshot); | ||
64 | }); | ||
65 | |||
66 | ipcRenderer.on(MainToRendererIpcMessage.SharedStorePatch, (_event, patch) => { | ||
67 | impl.sharedStorePatchReceived(patch); | ||
68 | }); | ||
69 | |||
70 | return { | ||
71 | setSharedStoreListener: impl.setSharedStoreListener.bind(impl), | ||
72 | buttonClick: impl.buttonClick.bind(impl), | ||
73 | }; | ||
74 | } | ||