+8 -6

src/applets/orchestrator/queue/applet.astro

Reviewed

··· 19 19 queue: await applet<QueueEngine.State>("../../engine/queue", { context: self.parent }), 20 20 }; 21 21 22 22 - const orchestrator = { 23 23 - storage: await applet<Output>("../../orchestrator/storage", { context: self.parent }), 22 22 + const storage = { 23 23 + output: { 24 24 + memory: await applet<Output>("../../storage/output/memory", { context: self.parent }), 25 25 + }, 24 26 }; 25 27 26 28 //////////////////////////////////////////// ··· 33 35 // into a usable audio URL. 34 36 engine.queue.sendAction( 35 37 "add", 36 36 - orchestrator.storage.data.tracks.map((track: Track) => { 38 38 + storage.output.memory.data.tracks.map((track: Track) => { 37 39 return { 38 40 expiresAt: Infinity, 39 41 id: track.id, ··· 97 99 ); 98 100 99 101 //////////////////////////////////////////// 100 100 - // 📦 [Connections → Storages] 101 101 - // 🧠 MEMORY 102 102 + // ⚙️ [Connections → Engines] 103 103 + // 📦 Storage 102 104 //////////////////////////////////////////// 103 105 reactive( 104 104 - orchestrator.storage, 106 106 + storage.output.memory, 105 107 (data) => comparable(data.tracks), 106 108 () => fill(), 107 109 );

+2 -2

src/applets/orchestrator/storage/applet.astro src/applets/storage/output/memory/applet.astro

Reviewed

··· 1 1 <script> 2 2 import { applets } from "@web-applets/sdk"; 3 3 4 4 - import type { Output, Track } from "../../core/types.d.ts"; 5 5 - import { applet, reactive } from "../../../scripts/theme"; 4 4 + import type { Output, Track } from "../../../core/types.d.ts"; 5 5 + import { applet, reactive } from "../../../../scripts/theme"; 6 6 7 7 //////////////////////////////////////////// 8 8 // SETUP

src/applets/orchestrator/storage/manifest.json src/applets/storage/output/memory/manifest.json

Reviewed

+13 -4

src/pages/index.astro

Reviewed

··· 9 9 { url: "engine/queue/", title: "Queue" }, 10 10 ]; 11 11 12 12 - const orchestrators = [ 13 13 - { url: "orchestrator/queue/", title: "Queue" }, 14 14 - { url: "orchestrator/storage/", title: "Storage" }, 15 15 - ]; 12 12 + const orchestrators = [{ url: "orchestrator/queue/", title: "Queue" }]; 13 13 + 14 14 + const storages = [{ url: "storage/output/memory/", title: "Output / Memory" }]; 16 15 17 16 const themes = [{ url: "themes/pilot/", title: "Pilot" }]; 18 17 --- ··· 100 99 output is derived data such as a music playlist.</em 101 100 > 102 101 </p> 102 102 + 103 103 + <ul> 104 104 + { 105 105 + storages.map((item: any) => ( 106 106 + <li> 107 107 + <a href={item.url}>{item.title}</a> 108 108 + </li> 109 109 + )) 110 110 + } 111 111 + </ul> 103 112 104 113 <h3>Processors</h3> 105 114

+14 -4

src/scripts/themes/pilot/index.ts

Reviewed

··· 22 22 23 23 const orchestrator = { 24 24 queue: await applet("../../orchestrator/queue"), 25 25 - storage: await applet<Output>("../../orchestrator/storage"), 25 25 + }; 26 26 + 27 27 + const storage = { 28 28 + output: { 29 29 + memory: await applet<Output>("../../storage/output/memory"), 30 30 + }, 26 31 }; 27 32 28 33 const ui = { ··· 59 64 ); 60 65 61 66 //////////////////////////////////////////// 62 62 - // 📦 [Connections → Storages] 63 63 - // 🧠 MEMORY 67 67 + // 📦 [Connections → Storages/Output] 68 68 + // 🧠 Memory 64 69 //////////////////////////////////////////// 65 70 66 71 // Track changes to in-memory user data, ··· 69 74 // Move to orchestrator? 70 75 71 76 reactive( 72 72 - orchestrator.storage, 77 77 + storage.output.memory, 73 78 (data) => comparable(data), 74 79 (data) => { 75 80 // TODO: Store locally ··· 84 89 ); 85 90 86 91 // NOTE: How do we sync new remote data with our local/in-memory data? 92 92 + // 93 93 + // orchestrator.storage.data = { 94 94 + // sources: [], 95 95 + // tracks: [] 96 96 + // } 87 97 88 98 //////////////////////////////////////////// 89 99 // 🌅 [Connections → UI]