Experiment to rebuild Diffuse using web applets.
1import type { ManagedOutput } from "@applets/core/types";
2import { applet } from "@scripts/applet/common";
3
4////////////////////////////////////////////
5// 🗂️ Applets
6////////////////////////////////////////////
7import type * as QueueEngine from "@applets/engine/queue/types.d.ts";
8
9const container = document.querySelector("main");
10if (!container) throw new Error("Missing container");
11
12const labelA = "Deck A";
13const labelB = "Deck B";
14
15const configurator = {
16 output: await applet<ManagedOutput>("/configurator/output"),
17};
18
19const _constituent = {
20 a: applet("/constituent/blur/artwork-controller", { container, groupId: labelA }),
21 b: applet("/constituent/blur/artwork-controller", { container, groupId: labelB }),
22};
23
24const _orchestrator = {
25 queueTracks: applet("/orchestrator/queue-tracks", { groupId: labelA }),
26};
27
28// const engine = {
29// queue: {
30// a: await applet<QueueEngine.State>("/engine/queue", { groupId: labelA }),
31// b: await applet<QueueEngine.State>("/engine/queue", { groupId: labelB }),
32// },
33// };
34
35// const deckA = engine.queue.a;
36// const deckB = engine.queue.b;