@plasius/video 0.1.2 → 0.1.4

package/src/ai-video-generation/stages.ts

@@ -0,0 +1,53 @@
+import type { AIVideoGenerationStage } from "./types.js";
+
+export interface AIVideoStageSummary {
+  stage: AIVideoGenerationStage;
+  label: string;
+  mainUI: string;
+  description: string;
+}
+
+export const aiVideoStageFlow: readonly AIVideoStageSummary[] = [
+  {
+    stage: "idle",
+    label: "Idle",
+    mainUI: "Prompt input",
+    description: "Base prompt entry with optional image upload and advanced settings.",
+  },
+  {
+    stage: "generatingImages",
+    label: "Generating Images",
+    mainUI: "Skeleton grid",
+    description: "Asynchronous generation feedback with shimmer placeholders.",
+  },
+  {
+    stage: "imageSelection",
+    label: "Image Selection",
+    mainUI: "Image grid",
+    description: "Select, refine, save, and mark an image as the video source.",
+  },
+  {
+    stage: "generatingVideo",
+    label: "Generating Video",
+    mainUI: "Image + progress",
+    description: "Motion extraction and generation progress with live feedback.",
+  },
+  {
+    stage: "playback",
+    label: "Playback",
+    mainUI: "Video player",
+    description: "Playback controls, download, regenerate, and voiceover entry point.",
+  },
+  {
+    stage: "voiceover",
+    label: "Voiceover",
+    mainUI: "Bottom voice panel",
+    description: "Editable script, voice presets, speed/emotion controls, waveform preview.",
+  },
+  {
+    stage: "export",
+    label: "Export",
+    mainUI: "Export modal",
+    description: "Final artifact export options with quality and format metadata.",
+  },
+] as const;

package/src/ai-video-generation/tokens.ts

@@ -0,0 +1,52 @@
+export const aiVideoGenerationTokens = {
+  color: {
+    background: "#0F1117",
+    surface: "#161A23",
+    accentPrimary: "#6C5CE7",
+    accentSecondary: "#00D4FF",
+    success: "#00C896",
+    warning: "#FFB020",
+    error: "#FF4D4F",
+    textPrimary: "#E6EAF2",
+    textSecondary: "#A0A8B8",
+    borderSubtle: "rgba(255,255,255,0.05)",
+    placeholderText: "rgba(255,255,255,0.35)",
+  },
+  typography: {
+    headingFontFamily: "Inter, 'SF Pro Display', sans-serif",
+    bodyFontFamily: "Inter, sans-serif",
+    h1Px: 28,
+    h2Px: 20,
+    bodyPx: 16,
+    smallPx: 13,
+    promptPxMin: 16,
+    promptPxMax: 18,
+  },
+  layout: {
+    headerHeightPx: 64,
+    promptBarMinHeightPx: 140,
+    gridGapPx: 16,
+    cardAspectRatio: "16 / 9",
+  },
+  radius: {
+    promptPx: 12,
+    cardPx: 14,
+    panelPx: 14,
+  },
+  spacing: {
+    xxsPx: 4,
+    xsPx: 8,
+    smPx: 12,
+    mdPx: 16,
+    lgPx: 20,
+    xlPx: 24,
+  },
+  animation: {
+    fastMs: 200,
+    standardMs: 280,
+    slowMs: 300,
+    easing: "cubic-bezier(0.4, 0.0, 0.2, 1)",
+  },
+} as const;
+
+export type AIVideoGenerationTokens = typeof aiVideoGenerationTokens;

package/src/ai-video-generation/types.ts

@@ -0,0 +1,62 @@
+export type AIVideoGenerationStage =
+  | "idle"
+  | "generatingImages"
+  | "imageSelection"
+  | "generatingVideo"
+  | "playback"
+  | "voiceover"
+  | "export";
+
+export interface AIVideoPromptVersion {
+  id: string;
+  label: string;
+  basePrompt: string;
+  refinement?: string;
+  isActive?: boolean;
+}
+
+export interface AIVideoImageVariant {
+  id: string;
+  label: string;
+  src?: string;
+  alt?: string;
+  isSelected?: boolean;
+  isSaved?: boolean;
+}
+
+export interface AIVideoMotionDraft {
+  cameraMotion: string;
+  environmentalMotion: string;
+  subjectMotion: string;
+}
+
+export interface AIVideoVoicePreset {
+  id: string;
+  label: string;
+}
+
+export interface AIVideoVoiceSettings {
+  script: string;
+  voiceId: string;
+  speed: number;
+  emotion: string;
+}
+
+export interface AIVideoGenerationScreenModel {
+  stage: AIVideoGenerationStage;
+  projectName: string;
+  prompt: string;
+  promptPlaceholder?: string;
+  canGenerate: boolean;
+  statusText?: string;
+  generationProgress?: number;
+  imageVariants: AIVideoImageVariant[];
+  selectedImageId?: string;
+  promptVersions: AIVideoPromptVersion[];
+  motionDraft: AIVideoMotionDraft;
+  motionPrompt?: string;
+  uploadedImageName?: string;
+  videoSource?: string;
+  voiceSettings: AIVideoVoiceSettings;
+  voicePresets: AIVideoVoicePreset[];
+}

package/src/index.ts

@@ -5,5 +5,7 @@ export interface VideoPackageInfo {
 
 export const videoPackageInfo: VideoPackageInfo = {
   name: "@plasius/video",
-  version: "0.1.1",
+  version: "0.1.2",
 };
+
+export * from "./ai-video-generation/index.js";