@odori/cli 0.0.3 → 0.0.4

package/studio/src/views/VideosView.tsx

@@ -20,6 +20,7 @@ import {InputControls} from "../components/InputControls";
 import {ExportPanel} from "../components/ExportPanel";
 import {Diagnostics} from "../components/Diagnostics";
 import {Inspector} from "../components/Inspector";
+import {Navigator} from "../components/Navigator";
 import {Badge, Empty, Fact, SectionTitle, Separator} from "../components/ui";
 import {measureTrack} from "../lib/mix-loudness";
 import {useShortcuts} from "../shortcuts";
@@ -205,6 +206,25 @@ export const VideosView = ({
 
   return (
     <>
+      {/* A video id is a path under videos/, so the folder is the grouping a
+          project already chose: social/announcement sits under social. */}
+      <Navigator
+        label="Videos"
+        selected={selected.metadata.id}
+        onSelect={onSelect}
+        items={[...filtered]
+          .sort((left, right) => left.metadata.id.localeCompare(right.metadata.id))
+          .map((video) => {
+            const parts = video.metadata.id.split("/");
+            return {
+              id: video.metadata.id,
+              title: video.metadata.title,
+              detail: String(video.metadata.duration ?? "auto"),
+              group: parts.length > 1 ? parts.slice(0, -1).join(" · ") : undefined,
+            };
+          })}
+      />
+
       <section className="stage">
         <CanvasStage
           width={layout.format.width}
@@ -246,7 +266,7 @@ export const VideosView = ({
         />
       </section>
 
-      <Inspector title={selected.metadata.title} hint={file}>
+      <Inspector title={selected.metadata.title} hint={file} source={file}>
         {/* Export sits first: it is the pane's one action, and the header
             names what is being worked on right above it. */}
         <ExportPanel

package/studio/src/virtual.d.ts

@@ -10,6 +10,9 @@ declare module "virtual:odori-project" {
   export const project: {
     root: string;
     videosDir: string;
+    componentsDir: string;
+    /** Directories that named themselves, from `category.json`. */
+    categories: Array<{path: string; name?: string; order?: number}>;
     docsUrl: string;
     exportDir: string;
     audioDir: string;
@@ -18,7 +21,7 @@ declare module "virtual:odori-project" {
     assets: Array<{reference: string; url: string}>;
     files: {
       videos: Array<{id: string; file: string}>;
-      previews: Array<{id: string; file: string}>;
+      previews: Array<{id: string; file: string; usedBy: string[]}>;
       brands: Array<{id: string; file: string}>;
     };
   };