refactor: type-safety & separate concerns

2 files changed, 18 insertions, 1 deletions

diff --git a/apps/web/src/types/media.ts b/apps/web/src/types/media.ts
new file mode 100644
index 00000000..6e94fcff
--- /dev/null
+++ b/apps/web/src/types/media.ts
@@ -0,0 +1,17 @@
+export type MediaType = "image" | "video" | "audio";

+

+// What's stored in media library

+export interface MediaFile {

+  id: string;

+  name: string;

+  type: MediaType;

+  file: File;

+  url?: string; // Object URL for preview

+  thumbnailUrl?: string; // For video thumbnails

+  duration?: number; // For video/audio duration

+  width?: number; // For video/image width

+  height?: number; // For video/image height

+  fps?: number; // For video frame rate

+  // Ephemeral items are used by timeline directly and should not appear in the media library or be persisted

+  ephemeral?: boolean;

+}

diff --git a/apps/web/src/types/timeline.ts b/apps/web/src/types/timeline.ts
index cf946453..61ba6af0 100644
--- a/apps/web/src/types/timeline.ts
+++ b/apps/web/src/types/timeline.ts
@@ -1,4 +1,4 @@
-import { MediaType } from "@/stores/media-store";
+import { MediaType } from "@/types/media";
 import { generateUUID } from "@/lib/utils";
 
 export type TrackType = "media" | "text" | "audio";