@effectnode/media 0.5.0 → 0.7.0

package/frontend/src/movie-app/stores/queueStore.ts

@@ -8,6 +8,9 @@ export type QueueTaskType =
   | "render-assets"
   | "render-videos"
   | "render-scene-images"
+  | "render-asset"
+  | "render-scene-image"
+  | "render-video"
   | "regenerate-asset"
   | "regenerate-video"
   | "regenerate-scene-image";
@@ -33,6 +36,8 @@ export interface QueueTask {
   createdAt: number;
   startedAt: number | null;
   completedAt: number | null;
+  /** Only present in the "all projects" view — the task's owning project. */
+  projectId?: string;
 }
 
 interface QueueStore {
@@ -41,10 +46,14 @@ interface QueueStore {
   projectId: string | null;
   paused: boolean;
   logs: string;
+  showAll: boolean;
+  allTasks: QueueTask[];
   refresh: (projectId: string) => Promise<void>;
   refreshLogs: (projectId: string) => Promise<void>;
+  refreshAll: () => Promise<void>;
   startStreaming: (projectId: string) => void;
   stopStreaming: () => void;
+  setShowAll: (show: boolean) => void;
   cancel: (projectId: string, taskId: string) => Promise<void>;
   cancelActive: (projectId: string) => Promise<void>;
   clearFinished: (projectId: string) => Promise<void>;
@@ -53,6 +62,7 @@ interface QueueStore {
 }
 
 let eventSource: EventSource | null = null;
+let allEventSource: EventSource | null = null;
 
 /** Upsert a task into the list, replacing any existing entry with the same id. */
 function upsertTask(tasks: QueueTask[], task: QueueTask): QueueTask[] {
@@ -69,6 +79,8 @@ export const useQueueStore = create<QueueStore>((set, get) => ({
   projectId: null,
   paused: false,
   logs: "",
+  showAll: false,
+  allTasks: [],
 
   refresh: async (projectId) => {
     try {
@@ -101,6 +113,19 @@ export const useQueueStore = create<QueueStore>((set, get) => ({
     }
   },
 
+  refreshAll: async () => {
+    try {
+      const res = await fetch(`${API_BASE}/api/queue/all`);
+      if (!res.ok) return;
+      const data = (await res.json()) as { tasks: QueueTask[] };
+      const tasks = Array.isArray(data.tasks) ? data.tasks : [];
+      tasks.sort((a, b) => a.createdAt - b.createdAt);
+      set({ allTasks: tasks });
+    } catch {
+      // ignore fetch failures
+    }
+  },
+
   startStreaming: (projectId) => {
     get().stopStreaming();
     set({ projectId, loading: true });
@@ -144,7 +169,47 @@ export const useQueueStore = create<QueueStore>((set, get) => ({
       eventSource.close();
       eventSource = null;
     }
-    set({ tasks: [], projectId: null, loading: false, paused: false, logs: "" });
+    if (allEventSource) {
+      allEventSource.close();
+      allEventSource = null;
+    }
+    set({
+      tasks: [],
+      allTasks: [],
+      projectId: null,
+      loading: false,
+      paused: false,
+      logs: "",
+      showAll: false,
+    });
+  },
+
+  setShowAll: (show) => {
+    if (show) {
+      if (allEventSource) allEventSource.close();
+      set({ showAll: true });
+      void get().refreshAll();
+
+      const es = new EventSource(`${API_BASE}/api/events?projectId=*`);
+      allEventSource = es;
+      es.addEventListener("task", (event) => {
+        try {
+          const task = JSON.parse((event as MessageEvent).data) as QueueTask;
+          set((s) => ({ allTasks: upsertTask(s.allTasks, task) }));
+        } catch {
+          // ignore malformed events
+        }
+      });
+      es.onopen = () => {
+        void get().refreshAll();
+      };
+    } else {
+      if (allEventSource) {
+        allEventSource.close();
+        allEventSource = null;
+      }
+      set({ showAll: false, allTasks: [] });
+    }
   },
 
   cancel: async (projectId, taskId) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effectnode/media",
-  "version": "0.5.0",
+  "version": "0.7.0",
   "description": "Start a full-stack media app: Vite + React + TypeScript frontend, Express backend with REST + WebSocket API",
   "license": "MIT",
   "author": "",
@@ -19,7 +19,7 @@
   "scripts": {
     "deploy": "npm run build; npm version minor; npm publish --access public",
     "build": "tsc && node -e \"const fs=require('node:fs');fs.cpSync('src/backend/movie-backend/agent/prompt','dist/backend/movie-backend/agent/prompt',{recursive:true})\"",
-    "dev": "concurrently -k -n backend,frontend -c blue,green \"bun run dev:backend\" \"bun run dev:frontend\"",
+    "dev": "open http://localhost:5177; concurrently -k -n backend,frontend -c blue,green \"bun run dev:backend\" \"bun run dev:frontend\";",
     "dev:backend": "nodemon",
     "dev:frontend": "vite",
     "start": "node bin/effectnode-media"