chunker and ui

ui/chunker/src/api.ts

@@ -0,0 +1,72 @@
+/**
+ * GraphQL API client for the chunker UI.
+ */
+
+import type { MediaAsset } from "./types";
+
+const GRAPHQL_URL = "/api/graphql";
+
+async function gql<T>(query: string, variables?: Record<string, unknown>): Promise<T> {
+  const response = await fetch(GRAPHQL_URL, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ query, variables }),
+  });
+
+  const json = await response.json();
+
+  if (json.errors?.length) {
+    throw new Error(json.errors[0].message);
+  }
+
+  return json.data as T;
+}
+
+/** Fetch all media assets. */
+export async function getAssets(): Promise<MediaAsset[]> {
+  const data = await gql<{ assets: MediaAsset[] }>(`
+    query {
+      assets {
+        id filename file_path status error_message file_size duration
+        video_codec audio_codec width height framerate bitrate
+        properties comments tags created_at updated_at
+      }
+    }
+  `);
+  return data.assets;
+}
+
+/** Scan media/in/ folder for new files. */
+export async function scanMediaFolder(): Promise<{
+  found: number;
+  registered: number;
+  skipped: number;
+  files: string[];
+}> {
+  const data = await gql<{ scan_media_folder: { found: number; registered: number; skipped: number; files: string[] } }>(`
+    mutation {
+      scan_media_folder { found registered skipped files }
+    }
+  `);
+  return data.scan_media_folder;
+}
+
+/** Create a chunk job via GraphQL mutation. */
+export async function createChunkJob(config: {
+  source_asset_id: string;
+  chunk_duration: number;
+  num_workers: number;
+  max_retries: number;
+  processor_type: string;
+}): Promise<{ id: string }> {
+  const data = await gql<{ create_chunk_job: { id: string; status: string } }>(`
+    mutation CreateChunkJob($input: CreateChunkJobInput!) {
+      create_chunk_job(input: $input) {
+        id
+        status
+      }
+    }
+  `, { input: config });
+
+  return data.create_chunk_job;
+}