Something went wrong. Try again.
Experiment to rebuild Diffuse using web applets.
Something went wrong. Try again.
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394import { applet, reactive } from "@scripts/applets/common";
////////////////////////////////////////////// 🎨 Styles////////////////////////////////////////////import "@styles/themes/pilot/index.css";
////////////////////////////////////////////// 🗂️ Applets////////////////////////////////////////////import type * as AudioEngine from "@applets/engine/audio/types.d.ts";import type * as QueueEngine from "@applets/engine/queue/types.d.ts";
import type * as AudioUI from "@applets/themes/pilot/ui/audio/types.d.ts";
// TODO: Themes
const engine = { audio: await applet<AudioEngine.State>("../../engine/audio"), queue: await applet<QueueEngine.State>("../../engine/queue"),};
const _orchestrator = { input: await applet("../../orchestrator/input-cache", { applets: { input: "todo" }, }), output: await applet("../../orchestrator/output-management"), queue: await applet("../../orchestrator/single-queue"),};
const ui = { audio: await applet<AudioUI.State>("ui/audio", { setHeight: true }),};
////////////////////////////////////////////// ⚙️ [Connections → Engines]// 🔉 AUDIO////////////////////////////////////////////
// NOTE:// These could probably be optimised, but it works.
reactive( engine.audio, (data) => data.items[engine.queue.data.now?.id ?? Infinity]?.isPlaying ?? false, (isPlaying) => ui.audio.sendAction("modifyIsPlaying", isPlaying),);
reactive( engine.audio, (data) => data.items[engine.queue.data.now?.id ?? Infinity]?.progress ?? 0, (progress: number) => ui.audio.sendAction("modifyProgress", progress),);
////////////////////////////////////////////// 🌅 [Connections → UI]// 🔉 AUDIO////////////////////////////////////////////
reactive( ui.audio, (data) => data.isPlaying, (isPlaying) => { const trackId = engine.queue.data.now?.id; const volume = 0.5; // TODO
// Automatically start playing something if nothing is playing yet. if (!trackId) { if (isPlaying) engine.queue.sendAction("shift"); return; }
// Otherwise just control the audio if (isPlaying) { engine.audio.sendAction("play", { trackId, volume }); } else { engine.audio.sendAction("pause", { trackId }); } },);
reactive( ui.audio, (data: AudioUI.State) => data.seekPosition, (seekPosition) => { if (seekPosition !== undefined && engine.queue.data.now?.id) { engine.audio.sendAction("seek", { percentage: seekPosition, trackId: engine.queue.data.now.id, }); } },);