@weirdfingers/baseboards 0.4.1 → 0.5.1

package/templates/api/src/boards/generators/implementations/fal/video/veo31_image_to_video.py

@@ -0,0 +1,183 @@
+"""
+Google Veo 3.1 image-to-video generator.
+
+Converts static images into animated videos based on text prompts using
+Google's Veo 3.1 technology via fal.ai.
+
+Based on Fal AI's fal-ai/veo3.1/image-to-video model.
+See: https://fal.ai/models/fal-ai/veo3.1/image-to-video
+"""
+
+import os
+from typing import Literal
+
+from pydantic import BaseModel, Field
+
+from ....artifacts import ImageArtifact
+from ....base import BaseGenerator, GeneratorExecutionContext, GeneratorResult
+
+
+class Veo31ImageToVideoInput(BaseModel):
+    """Input schema for Veo 3.1 image-to-video generation.
+
+    Artifact fields (image) are automatically detected via type introspection
+    and resolved from generation IDs to ImageArtifact objects.
+    """
+
+    prompt: str = Field(description="Text prompt describing the desired video content and motion")
+    image: ImageArtifact = Field(
+        description="Input image to animate. Should be 720p or higher in 16:9 or 9:16 aspect ratio"
+    )
+    aspect_ratio: Literal["9:16", "16:9"] = Field(
+        default="16:9",
+        description="Aspect ratio of the generated video",
+    )
+    duration: Literal["4s", "6s", "8s"] = Field(
+        default="8s",
+        description="Duration of the generated video in seconds",
+    )
+    generate_audio: bool = Field(
+        default=True,
+        description="Whether to generate audio for the video. Disabling uses 50% fewer credits",
+    )
+    resolution: Literal["720p", "1080p"] = Field(
+        default="720p",
+        description="Resolution of the generated video",
+    )
+
+
+class FalVeo31ImageToVideoGenerator(BaseGenerator):
+    """Generator for creating videos from static images using Google Veo 3.1."""
+
+    name = "fal-veo31-image-to-video"
+    description = "Fal: Veo 3.1 - Convert images to videos with text-guided animation"
+    artifact_type = "video"
+
+    def get_input_schema(self) -> type[Veo31ImageToVideoInput]:
+        """Return the input schema for this generator."""
+        return Veo31ImageToVideoInput
+
+    async def generate(
+        self, inputs: Veo31ImageToVideoInput, context: GeneratorExecutionContext
+    ) -> GeneratorResult:
+        """Generate video using fal.ai veo3.1/image-to-video."""
+        # Check for API key
+        if not os.getenv("FAL_KEY"):
+            raise ValueError("API configuration invalid. Missing FAL_KEY environment variable")
+
+        # Import fal_client
+        try:
+            import fal_client
+        except ImportError as e:
+            raise ImportError(
+                "fal.ai SDK is required for FalVeo31ImageToVideoGenerator. "
+                "Install with: pip install weirdfingers-boards[generators-fal]"
+            ) from e
+
+        # Upload image artifact to Fal's public storage
+        # Fal API requires publicly accessible URLs, but our storage_url might be:
+        # - Localhost URLs (not publicly accessible)
+        # - Private S3 buckets (not publicly accessible)
+        # So we upload to Fal's temporary storage first
+        from ..utils import upload_artifacts_to_fal
+
+        image_urls = await upload_artifacts_to_fal([inputs.image], context)
+
+        # Prepare arguments for fal.ai API
+        arguments = {
+            "prompt": inputs.prompt,
+            "image_url": image_urls[0],
+            "aspect_ratio": inputs.aspect_ratio,
+            "duration": inputs.duration,
+            "generate_audio": inputs.generate_audio,
+            "resolution": inputs.resolution,
+        }
+
+        # Submit async job
+        handler = await fal_client.submit_async(
+            "fal-ai/veo3.1/image-to-video",
+            arguments=arguments,
+        )
+
+        # Store external job ID
+        await context.set_external_job_id(handler.request_id)
+
+        # Stream progress updates
+        from .....progress.models import ProgressUpdate
+
+        event_count = 0
+        async for event in handler.iter_events(with_logs=True):
+            event_count += 1
+            # Sample every 3rd event to avoid spam
+            if event_count % 3 == 0:
+                # Extract logs if available
+                logs = getattr(event, "logs", None)
+                if logs:
+                    # Join log entries into a single message
+                    if isinstance(logs, list):
+                        message = " | ".join(str(log) for log in logs if log)
+                    else:
+                        message = str(logs)
+
+                    if message:
+                        await context.publish_progress(
+                            ProgressUpdate(
+                                job_id=handler.request_id,
+                                status="processing",
+                                progress=50.0,
+                                phase="processing",
+                                message=message,
+                            )
+                        )
+
+        # Get final result
+        result = await handler.get()
+
+        # Extract video from result
+        # Expected structure: {"video": {"url": "...", "content_type": "...", ...}}
+        video_data = result.get("video")
+        if not video_data:
+            raise ValueError("No video returned from fal.ai API")
+
+        video_url = video_data.get("url")
+        if not video_url:
+            raise ValueError("Video missing URL in fal.ai response")
+
+        # Calculate video dimensions based on resolution and aspect ratio
+        if inputs.resolution == "720p":
+            if inputs.aspect_ratio == "16:9":
+                width, height = 1280, 720
+            else:  # 9:16
+                width, height = 720, 1280
+        else:  # 1080p
+            if inputs.aspect_ratio == "16:9":
+                width, height = 1920, 1080
+            else:  # 9:16
+                width, height = 1080, 1920
+
+        # Parse duration from "Xs" format
+        duration_seconds = int(inputs.duration.rstrip("s"))
+
+        artifact = await context.store_video_result(
+            storage_url=video_url,
+            format="mp4",
+            width=width,
+            height=height,
+            duration=duration_seconds,
+            output_index=0,
+        )
+
+        return GeneratorResult(outputs=[artifact])
+
+    async def estimate_cost(self, inputs: Veo31ImageToVideoInput) -> float:
+        """Estimate cost for this generation in USD.
+
+        Note: Pricing information not available in Fal documentation.
+        Using placeholder value that should be updated with actual pricing.
+        """
+        # TODO: Update with actual pricing from Fal when available
+        # Base cost, with 50% reduction if audio is disabled
+        base_cost = 0.15  # Placeholder estimate
+        if not inputs.generate_audio:
+            return base_cost * 0.5
+        return base_cost

package/templates/api/src/boards/generators/implementations/fal/video/veo31_reference_to_video.py

@@ -0,0 +1,172 @@
+"""
+Google Veo 3.1 reference-to-video generator.
+
+Generates videos from multiple reference images to maintain consistent subject
+appearance while creating dynamic video content based on text prompts.
+
+Based on Fal AI's fal-ai/veo3.1/reference-to-video model.
+See: https://fal.ai/models/fal-ai/veo3.1/reference-to-video
+"""
+
+import os
+from typing import Literal
+
+from pydantic import BaseModel, Field
+
+from ....artifacts import ImageArtifact
+from ....base import BaseGenerator, GeneratorExecutionContext, GeneratorResult
+
+
+class Veo31ReferenceToVideoInput(BaseModel):
+    """Input schema for Veo 3.1 reference-to-video generation.
+
+    Artifact fields (image_urls) are automatically detected via type
+    introspection and resolved from generation IDs to ImageArtifact objects.
+    """
+
+    image_urls: list[ImageArtifact] = Field(
+        description="URLs of reference images for consistent subject appearance"
+    )
+    prompt: str = Field(description="Text description of desired video content")
+    duration: Literal["8s"] = Field(
+        default="8s",
+        description="Duration of the generated video in seconds (currently only 8s is supported)",
+    )
+    resolution: Literal["720p", "1080p"] = Field(
+        default="720p",
+        description="Resolution of the generated video",
+    )
+    generate_audio: bool = Field(
+        default=True,
+        description="Whether to generate audio for the video. Disabling uses 50% fewer credits",
+    )
+
+
+class FalVeo31ReferenceToVideoGenerator(BaseGenerator):
+    """Generator for creating videos from reference images using Google Veo 3.1."""
+
+    name = "fal-veo31-reference-to-video"
+    description = "Fal: Veo 3.1 - Generate videos from reference images with consistent subjects"
+    artifact_type = "video"
+
+    def get_input_schema(self) -> type[Veo31ReferenceToVideoInput]:
+        """Return the input schema for this generator."""
+        return Veo31ReferenceToVideoInput
+
+    async def generate(
+        self, inputs: Veo31ReferenceToVideoInput, context: GeneratorExecutionContext
+    ) -> GeneratorResult:
+        """Generate video using fal.ai veo3.1/reference-to-video."""
+        # Check for API key
+        if not os.getenv("FAL_KEY"):
+            raise ValueError("API configuration invalid. Missing FAL_KEY environment variable")
+
+        # Import fal_client
+        try:
+            import fal_client
+        except ImportError as e:
+            raise ImportError(
+                "fal.ai SDK is required for FalVeo31ReferenceToVideoGenerator. "
+                "Install with: pip install weirdfingers-boards[generators-fal]"
+            ) from e
+
+        # Upload image artifacts to Fal's public storage
+        # Fal API requires publicly accessible URLs, but our storage_url might be:
+        # - Localhost URLs (not publicly accessible)
+        # - Private S3 buckets (not publicly accessible)
+        # So we upload to Fal's temporary storage first
+        from ..utils import upload_artifacts_to_fal
+
+        reference_image_urls = await upload_artifacts_to_fal(inputs.image_urls, context)
+
+        # Prepare arguments for fal.ai API
+        arguments = {
+            "image_urls": reference_image_urls,
+            "prompt": inputs.prompt,
+            "duration": inputs.duration,
+            "resolution": inputs.resolution,
+            "generate_audio": inputs.generate_audio,
+        }
+
+        # Submit async job
+        handler = await fal_client.submit_async(
+            "fal-ai/veo3.1/reference-to-video",
+            arguments=arguments,
+        )
+
+        # Store external job ID
+        await context.set_external_job_id(handler.request_id)
+
+        # Stream progress updates
+        from .....progress.models import ProgressUpdate
+
+        event_count = 0
+        async for event in handler.iter_events(with_logs=True):
+            event_count += 1
+            # Sample every 3rd event to avoid spam
+            if event_count % 3 == 0:
+                # Extract logs if available
+                logs = getattr(event, "logs", None)
+                if logs:
+                    # Join log entries into a single message
+                    if isinstance(logs, list):
+                        message = " | ".join(str(log) for log in logs if log)
+                    else:
+                        message = str(logs)
+
+                    if message:
+                        await context.publish_progress(
+                            ProgressUpdate(
+                                job_id=handler.request_id,
+                                status="processing",
+                                progress=50.0,
+                                phase="processing",
+                                message=message,
+                            )
+                        )
+
+        # Get final result
+        result = await handler.get()
+
+        # Extract video from result
+        # Expected structure: {"video": {"url": "...", "content_type": "...", ...}}
+        video_data = result.get("video")
+        if not video_data:
+            raise ValueError("No video returned from fal.ai API")
+
+        video_url = video_data.get("url")
+        if not video_url:
+            raise ValueError("Video missing URL in fal.ai response")
+
+        # Store video result
+        # Note: Fal API doesn't provide video dimensions/duration in the response,
+        # so we'll use defaults based on input parameters
+        width = 1280 if inputs.resolution == "720p" else 1920
+        height = 720 if inputs.resolution == "720p" else 1080
+
+        # Parse duration from "8s" format
+        duration_seconds = int(inputs.duration.rstrip("s"))
+
+        artifact = await context.store_video_result(
+            storage_url=video_url,
+            format="mp4",
+            width=width,
+            height=height,
+            duration=duration_seconds,
+            output_index=0,
+        )
+
+        return GeneratorResult(outputs=[artifact])
+
+    async def estimate_cost(self, inputs: Veo31ReferenceToVideoInput) -> float:
+        """Estimate cost for this generation in USD.
+
+        Note: Pricing information not available in Fal documentation.
+        Using placeholder value that should be updated with actual pricing.
+        """
+        # TODO: Update with actual pricing from Fal when available
+        # Base cost, with 50% reduction if audio is disabled
+        base_cost = 0.15  # Placeholder estimate
+        if not inputs.generate_audio:
+            return base_cost * 0.5
+        return base_cost

package/templates/api/src/boards/jobs/repository.py

@@ -115,7 +115,7 @@ async def create_batch_generation(
     input_params: dict,
     batch_id: str,
     batch_index: int,
-) -> Generations:
+) -> str:
     """Create a batch generation record for multi-output generators.
 
     This creates a new generation record that is part of a batch, with
@@ -133,7 +133,7 @@ async def create_batch_generation(
         batch_index: Index of this output in the batch
 
     Returns:
-        Created generation record
+        ID of the created generation record
     """
     gen = Generations()
     gen.tenant_id = tenant_id
@@ -150,4 +150,4 @@ async def create_batch_generation(
     }
     session.add(gen)
     await session.flush()
-    return gen
+    return str(gen.id)

package/templates/api/src/boards/workers/context.py

@@ -6,7 +6,12 @@ from uuid import UUID, uuid4
 
 from ..database.connection import get_async_session
 from ..generators import resolution
-from ..generators.artifacts import AudioArtifact, ImageArtifact, TextArtifact, VideoArtifact
+from ..generators.artifacts import (
+    AudioArtifact,
+    ImageArtifact,
+    TextArtifact,
+    VideoArtifact,
+)
 from ..jobs import repository as jobs_repo
 from ..logging import get_logger
 from ..progress.models import ProgressUpdate
@@ -319,7 +324,7 @@ class GeneratorExecutionContext:
 
         # Create new batch generation record
         async with get_async_session() as session:
-            batch_gen = await jobs_repo.create_batch_generation(
+            batch_gen_id = await jobs_repo.create_batch_generation(
                 session,
                 tenant_id=UUID(self.tenant_id),
                 board_id=UUID(self.board_id),
@@ -331,7 +336,6 @@ class GeneratorExecutionContext:
                 batch_index=output_index,
             )
             await session.commit()
-            batch_gen_id = str(batch_gen.id)
 
         self._batch_generations.append(batch_gen_id)
         logger.info(

package/templates/web/package.json

@@ -14,7 +14,7 @@
     "@radix-ui/react-navigation-menu": "^1.2.14",
     "@radix-ui/react-slot": "^1.2.3",
     "@tailwindcss/postcss": "^4.1.13",
-    "@weirdfingers/boards": "^0.4.1",
+    "@weirdfingers/boards": "^0.5.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.0.0",
     "graphql": "^16.11.0",

package/templates/web/src/app/boards/[boardId]/page.tsx

@@ -2,32 +2,27 @@
 
 import React from "react";
 import { useParams } from "next/navigation";
-import { useBoard, useGenerators, useGeneration } from "@weirdfingers/boards";
+import { useBoard, useGenerators, useGeneration, GeneratorSelectionProvider } from "@weirdfingers/boards";
 import { GenerationGrid } from "@/components/boards/GenerationGrid";
 import { GenerationInput } from "@/components/boards/GenerationInput";
 
 export default function BoardPage() {
   const params = useParams();
   const boardId = params.boardId as string;
-  console.log("[BoardPage] Rendering with boardId:", boardId);
 
-  const boardHookResult = useBoard(boardId);
-  console.log("[BoardPage] useBoard result:", boardHookResult);
   const {
     board,
     loading: boardLoading,
     error: boardError,
     refresh: refreshBoard,
-  } = boardHookResult;
+  } = useBoard(boardId);
 
   // Fetch available generators
-  const generatorsHookResult = useGenerators();
-  console.log("[BoardPage] useGenerators result:", generatorsHookResult);
   const {
     generators,
     loading: generatorsLoading,
     error: generatorsError,
-  } = generatorsHookResult;
+  } = useGenerators();
 
   // Use generation hook for submitting generations and real-time progress
   const {
@@ -38,10 +33,6 @@ export default function BoardPage() {
     result,
   } = useGeneration();
 
-  console.log("[BoardPage] board:", board);
-  console.log("[BoardPage] boardError:", boardError);
-  console.log("[BoardPage] board is null/undefined?", !board);
-
   // Refresh board when a generation completes or fails
   // MUST be before conditional returns to satisfy Rules of Hooks
   React.useEffect(() => {
@@ -49,10 +40,6 @@ export default function BoardPage() {
       progress &&
       (progress.status === "completed" || progress.status === "failed")
     ) {
-      console.log(
-        "[BoardPage] Generation finished, refreshing board:",
-        progress.status
-      );
       refreshBoard();
     }
   }, [progress, refreshBoard]);
@@ -121,12 +108,6 @@ export default function BoardPage() {
 
   // Handle loading state
   if (boardLoading || !board) {
-    console.log(
-      "[BoardPage] Showing loading spinner - boardLoading:",
-      boardLoading,
-      "board:",
-      board
-    );
     return (
       <div className="flex items-center justify-center min-h-screen">
         <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-gray-900"></div>
@@ -134,8 +115,6 @@ export default function BoardPage() {
     );
   }
 
-  console.log("[BoardPage] Board loaded successfully:", board);
-
   // Filter completed generations that can be used as inputs
   const availableArtifacts = generations.filter(
     (gen) => gen.status === "COMPLETED" && gen.storageUrl
@@ -186,47 +165,48 @@ export default function BoardPage() {
   };
 
   return (
-    <main className="min-h-screen bg-gray-50">
-      <div className="container mx-auto px-4 py-6 max-w-7xl">
-        {/* Header */}
-        <div className="mb-6">
-          <h1 className="text-3xl font-bold text-gray-900">{board.title}</h1>
-          {board.description && (
-            <p className="text-gray-600 mt-2">{board.description}</p>
-          )}
-        </div>
-
-        {/* Generation Grid */}
-        <div className="mb-8">
-          <GenerationGrid
-            generations={generations}
-            onGenerationClick={(gen) => {
-              console.log("Clicked generation:", gen);
-              // TODO: Open generation detail modal
-            }}
-          />
-        </div>
-
-        {/* Generation Input */}
-        <div className="sticky bottom-6 z-10">
-          {generatorsLoading ? (
-            <div className="bg-white rounded-lg shadow-lg p-6 text-center">
-              <p className="text-gray-500">Loading generators...</p>
-            </div>
-          ) : generators.length === 0 ? (
-            <div className="bg-white rounded-lg shadow-lg p-6 text-center">
-              <p className="text-gray-500">No generators available</p>
-            </div>
-          ) : (
-            <GenerationInput
-              generators={generators}
-              availableArtifacts={availableArtifacts}
-              onSubmit={handleGenerationSubmit}
-              isGenerating={isGenerating}
+    <GeneratorSelectionProvider>
+      <main className="min-h-screen bg-gray-50">
+        <div className="container mx-auto px-4 py-6 max-w-7xl">
+          {/* Header */}
+          <div className="mb-6">
+            <h1 className="text-3xl font-bold text-gray-900">{board.title}</h1>
+            {board.description && (
+              <p className="text-gray-600 mt-2">{board.description}</p>
+            )}
+          </div>
+
+          {/* Generation Grid */}
+          <div className="mb-8">
+            <GenerationGrid
+              generations={generations}
+              onGenerationClick={() => {
+                // TODO: Open generation detail modal
+              }}
             />
-          )}
+          </div>
+
+          {/* Generation Input */}
+          <div id="generation-input" className="sticky bottom-6 z-10">
+            {generatorsLoading ? (
+              <div className="bg-white rounded-lg shadow-lg p-6 text-center">
+                <p className="text-gray-500">Loading generators...</p>
+              </div>
+            ) : generators.length === 0 ? (
+              <div className="bg-white rounded-lg shadow-lg p-6 text-center">
+                <p className="text-gray-500">No generators available</p>
+              </div>
+            ) : (
+              <GenerationInput
+                generators={generators}
+                availableArtifacts={availableArtifacts}
+                onSubmit={handleGenerationSubmit}
+                isGenerating={isGenerating}
+              />
+            )}
+          </div>
         </div>
-      </div>
-    </main>
+      </main>
+    </GeneratorSelectionProvider>
   );
 }