@mevdragon/vidfarm-devcli 0.1.0 → 0.2.0

package/templates/template_0000/template.config.json

@@ -0,0 +1,26 @@
+{
+  "template_id": "4c7a7e1a-7f35-4f30-9f86-9c8a63c7f2db",
+  "slug_id": "template_0000",
+  "project_name": "vidfarm_template_0000",
+  "github_repo": "mevdragon/vidfarm_template_0000",
+  "source_branch": "production",
+  "skill_path": "SKILL.md",
+  "template_module_path": "src/template.js",
+  "release_controls": {
+    "shared_remotion_publish": "admin_only",
+    "platform_activation": "admin_only",
+    "production_docker_promotion": "admin_only"
+  },
+  "remotion": {
+    "region": "us-east-1",
+    "function_name": "remotion-render-4-0-355-mem2048mb-disk2048mb-180sec",
+    "bucket_name": "remotionlambda-useast1-ujg7c0h43q",
+    "site_name": "vidfarm-template-0000",
+    "serve_url": "https://remotionlambda-useast1-ujg7c0h43q.s3.us-east-1.amazonaws.com/sites/vidfarm-template-0000/index.html",
+    "composition_id": "template-0000",
+    "entry_point": "src/remotion/index.tsx",
+    "props_file": "composition.json",
+    "timeout_ms": 120000,
+    "frames_per_lambda": 100
+  }
+}

package/templates/template_0000/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
+    "jsx": "react-jsx",
+    "strict": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "types": [
+      "node"
+    ]
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx"
+  ]
+}

package/dist/templates/template_0000/demo-template.js

@@ -1,196 +0,0 @@
-import { z } from "zod";
-import { existsSync } from "node:fs";
-import { fileURLToPath } from "node:url";
-import { normalizeToPortraitFrame } from "../../src/lib/images.js";
-import { defineTemplate } from "../../src/template-sdk.js";
-const slideInputSchema = z.tuple([z.string().min(3), z.string().min(1)]);
-const generateInputSchema = z.object({
-    slides: z.array(slideInputSchema).min(1).max(20),
-    secondsPerSlide: z.number().min(2).max(10).default(4)
-});
-const remotionEntryPoint = resolveRemotionEntryPoint();
-export const demoTemplate = defineTemplate({
-    id: "demo-template",
-    version: "1.0.0",
-    description: "Opinionated slideshow generator that makes tall images, picks text placement, and renders a TikTok-ready Remotion video.",
-    configSchema: z.object({
-        defaultProvider: z.enum(["openai", "gemini"]).default("gemini"),
-        textModel: z.string().default("gemini-3.1-flash-lite"),
-        imageModel: z.string().default("gemini-2.5-flash-image"),
-        renderCompositionId: z.string().default("demo-template")
-    }),
-    operations: {
-        generate: {
-            description: "Generate a slideshow from [[imagePrompt, exactOverlayText], ...] and return public artifact URLs.",
-            inputSchema: generateInputSchema,
-            workflow: "generateWorkflow",
-            webhookSupport: true
-        }
-    },
-    jobs: {
-        async generateWorkflow(ctx, input) {
-            const payload = generateInputSchema.parse(input);
-            ctx.logger.progress(0.04, "Starting demo slideshow pipeline");
-            const provider = String(ctx.templateConfig.defaultProvider ?? "gemini");
-            const textModel = String(ctx.templateConfig.textModel ?? "gemini-3.1-flash-lite");
-            const imageModel = String(ctx.templateConfig.imageModel ?? "gemini-2.5-flash-image");
-            const compositionId = String(ctx.templateConfig.renderCompositionId ?? "demo-template");
-            const slides = [];
-            for (const [index, [imagePrompt, overlayText]] of payload.slides.entries()) {
-                const prompt = buildImagePrompt(imagePrompt, overlayText);
-                ctx.logger.progress(0.08 + (index / payload.slides.length) * 0.42, `Generating slide ${index + 1} image`);
-                const image = await ctx.providers.generateImage({
-                    provider,
-                    model: imageModel,
-                    prompt,
-                    size: sourceImageSizeForProvider(provider)
-                });
-                await ctx.billing.record({
-                    type: "ai_generation",
-                    costUsd: 0.04,
-                    metadata: { stage: "image_generation", slideIndex: index, model: imageModel }
-                });
-                ctx.logger.progress(0.13 + (index / payload.slides.length) * 0.42, `Normalizing slide ${index + 1} to strict 9:16 portrait`);
-                const normalizedImage = await normalizeToPortraitFrame(image.bytes, { width: 1080, height: 1920 });
-                const imageArtifact = await ctx.storage.putBuffer(`slides/slide-${pad2(index + 1)}.png`, normalizedImage.bytes, {
-                    contentType: normalizedImage.contentType,
-                    kind: "image",
-                    metadata: {
-                        slideIndex: index,
-                        prompt,
-                        revisedPrompt: image.revisedPrompt,
-                        width: normalizedImage.width,
-                        height: normalizedImage.height,
-                        aspectRatio: "9:16"
-                    }
-                });
-                const layout = await safeAnalyzeLayout(ctx, {
-                    imageUrl: imageArtifact.url,
-                    overlayText,
-                    textModel
-                });
-                await ctx.billing.record({
-                    type: "ai_generation",
-                    costUsd: 0.005,
-                    metadata: { stage: "layout_analysis", slideIndex: index, model: textModel }
-                });
-                slides.push({
-                    index,
-                    imagePrompt,
-                    overlayText,
-                    imageUrl: imageArtifact.url,
-                    prompt,
-                    revisedPrompt: image.revisedPrompt,
-                    layout
-                });
-            }
-            ctx.logger.progress(0.58, "Saving slideshow manifest");
-            const manifest = {
-                templateId: "demo-template",
-                size: { width: 1080, height: 1920, aspectRatio: "9:16" },
-                secondsPerSlide: payload.secondsPerSlide,
-                font: "Times New Roman",
-                slides
-            };
-            const manifestArtifact = await ctx.storage.putJson("manifests/demo-template.json", manifest);
-            ctx.logger.progress(0.72, "Submitting Remotion render");
-            const render = await ctx.remotion.render({
-                compositionId,
-                entryPoint: remotionEntryPoint,
-                outputKey: "renders/final.mp4",
-                inputProps: {
-                    slides: slides.map((slide) => ({
-                        imageUrl: slide.imageUrl,
-                        text: slide.overlayText,
-                        layout: slide.layout
-                    })),
-                    fps: 30,
-                    secondsPerSlide: payload.secondsPerSlide
-                }
-            });
-            await ctx.billing.record({
-                type: "render",
-                costUsd: 0.35,
-                metadata: render.metadata
-            });
-            const files = slides.map((slide) => slide.imageUrl).filter((value) => Boolean(value));
-            if (manifestArtifact.url) {
-                files.push(manifestArtifact.url);
-            }
-            if (render.outputUrl) {
-                files.push(render.outputUrl);
-            }
-            ctx.logger.progress(1, "Demo slideshow complete", {
-                fileCount: files.length,
-                renderId: render.renderId
-            });
-            return {
-                progress: 1,
-                output: {
-                    files,
-                    render,
-                    manifest: manifestArtifact,
-                    slides
-                }
-            };
-        }
-    }
-});
-function buildImagePrompt(imagePrompt, overlayText) {
-    return [
-        "Create an exact 9:16 portrait slideshow image for a TikTok-style vertical video.",
-        "The composition must be designed for strict full-frame mobile portrait output at 1080x1920.",
-        "Do not produce square, landscape, or loose portrait framing.",
-        "Do not letterbox, pillarbox, add borders, or leave empty margins.",
-        "Keep the subject composition strong but leave one large clean zone with low visual detail for text overlay.",
-        "Do not place important faces, hands, or product details in the top or bottom caption-safe regions.",
-        "Do not render any words, letters, captions, subtitles, titles, logos, signage, labels, watermarks, or typography inside the image.",
-        "The final image must contain zero visible text.",
-        "Use cinematic lighting, crisp detail, and framing that already fits an exact 9:16 portrait frame.",
-        `User visual prompt: ${imagePrompt}`,
-        `Reserve room for a short editorial overlay approximately ${overlayText.length} characters long, but do not render the overlay text itself.`
-    ].join("\n");
-}
-async function safeAnalyzeLayout(ctx, input) {
-    if (!input.imageUrl) {
-        return defaultLayout();
-    }
-    try {
-        return await ctx.providers.analyzeImageLayout({
-            provider: String(ctx.templateConfig.defaultProvider ?? "gemini"),
-            model: input.textModel,
-            imageUrl: input.imageUrl,
-            overlayText: input.overlayText
-        });
-    }
-    catch (error) {
-        ctx.logger.warn("Layout analysis failed, using default placement", {
-            error: error instanceof Error ? error.message : "Unknown error"
-        });
-        return defaultLayout();
-    }
-}
-function defaultLayout() {
-    return {
-        zone: "bottom",
-        align: "center",
-        maxWidthPercent: 82,
-        justification: "Fallback placement keeps the overlay in a readable lower safe zone."
-    };
-}
-function sourceImageSizeForProvider(provider) {
-    if (provider === "openai") {
-        return "1024x1792";
-    }
-    return "1080x1920";
-}
-function pad2(value) {
-    return String(value).padStart(2, "0");
-}
-function resolveRemotionEntryPoint() {
-    const builtPath = fileURLToPath(new URL("./remotion/index.js", import.meta.url));
-    if (existsSync(builtPath)) {
-        return builtPath;
-    }
-    return fileURLToPath(new URL("./remotion/index.tsx", import.meta.url));
-}

package/dist/templates/template_0000/remotion/Root.js

@@ -1,66 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AbsoluteFill, Composition, Img, Sequence, interpolate, spring, useCurrentFrame, useVideoConfig } from "remotion";
-export const RemotionRoot = () => {
-    return (_jsx(Composition, { id: "demo-template", component: DemoTemplateVideo, width: 1080, height: 1920, fps: 30, durationInFrames: 120, defaultProps: { slides: [], secondsPerSlide: 4 }, calculateMetadata: ({ props }) => ({
-            width: 1080,
-            height: 1920,
-            durationInFrames: Math.max(1, props.slides.length) * Math.max(1, Math.round((props.secondsPerSlide ?? 4) * 30))
-        }) }));
-};
-const DemoTemplateVideo = ({ slides, secondsPerSlide = 4 }) => {
-    const { fps } = useVideoConfig();
-    const framesPerSlide = Math.max(1, Math.round(secondsPerSlide * fps));
-    return (_jsx(AbsoluteFill, { style: { backgroundColor: "#120f0b" }, children: slides.map((slide, index) => (_jsx(Sequence, { from: index * framesPerSlide, durationInFrames: framesPerSlide, children: _jsx(SlideFrame, { slide: slide }) }, `${slide.imageUrl}-${index}`))) }));
-};
-const SlideFrame = ({ slide }) => {
-    const frame = useCurrentFrame();
-    const { fps } = useVideoConfig();
-    const entrance = spring({ fps, frame, config: { damping: 200, stiffness: 140 } });
-    const scale = interpolate(entrance, [0, 1], [1.06, 1]);
-    const opacity = interpolate(entrance, [0, 1], [0.2, 1]);
-    return (_jsxs(AbsoluteFill, { children: [_jsx(AbsoluteFill, { style: { opacity, transform: `scale(${scale})` }, children: _jsx(Img, { src: slide.imageUrl, style: { width: "100%", height: "100%", objectFit: "cover" } }) }), _jsx(AbsoluteFill, { style: { background: "linear-gradient(180deg, rgba(0,0,0,0.18) 0%, rgba(0,0,0,0.06) 36%, rgba(0,0,0,0.34) 100%)" } }), _jsx(TextOverlay, { slide: slide })] }));
-};
-const TextOverlay = ({ slide }) => {
-    const zoneStyle = slide.layout.zone === "top"
-        ? { top: "8%", bottom: "auto" }
-        : slide.layout.zone === "center"
-            ? { top: "50%", bottom: "auto", transform: "translateY(-50%)" }
-            : { top: "auto", bottom: "9%" };
-    return (_jsx("div", { style: {
-            position: "absolute",
-            left: "9%",
-            right: "9%",
-            display: "flex",
-            justifyContent: alignmentToJustify(slide.layout.align),
-            pointerEvents: "none",
-            ...zoneStyle
-        }, children: _jsx("div", { style: {
-                maxWidth: `${slide.layout.maxWidthPercent}%`,
-                width: `${slide.layout.maxWidthPercent}%`,
-                boxSizing: "border-box",
-                padding: "28px 32px",
-                color: "#fffaf2",
-                fontFamily: '"Times New Roman", Times, serif',
-                fontSize: 72,
-                lineHeight: 1.08,
-                letterSpacing: "-0.03em",
-                textAlign: slide.layout.align,
-                overflowWrap: "anywhere",
-                wordBreak: "break-word",
-                whiteSpace: "pre-wrap",
-                background: "rgba(18, 14, 10, 0.28)",
-                boxShadow: "0 18px 44px rgba(0, 0, 0, 0.22)",
-                textShadow: "0 2px 6px rgba(0, 0, 0, 0.48)",
-                backdropFilter: "blur(8px)"
-            }, children: slide.text }) }));
-};
-function alignmentToJustify(align) {
-    switch (align) {
-        case "left":
-            return "flex-start";
-        case "right":
-            return "flex-end";
-        default:
-            return "center";
-    }
-}