@scenerok/cli 1.0.4 → 1.0.5

package/skills/skills/opencode/vidscript-guide.md

@@ -0,0 +1,375 @@
+# VidScript Language Reference (v2)
+
+VidScript is a declarative DSL for composing short-form videos. Write a script, render an MP4.
+
+## Agent quick start (read before composing)
+
+1. **Import plugins** — `import xai from "@scenerok/xai"` before `xai.imagine`, `xai.tts`, or `animate: fadeIn(...)`.
+2. **Validate early** — `scenerok validate file.vid` (errors show as `Line N:C — message`).
+3. **Copy working examples** — see `examples/system/` in this skill folder (e.g. `minimal-text-reel.vid`, `ecom-product-launch.vid`, `rokmilk-chocolate-promo.vid`).
+4. **Strict rules** — see `vidscript-strict.md` for invalid patterns (bare `xai.imagine`, `audio music(...), volume:`, nested quotes in prompts).
+
+### Common validation failures
+
+| Symptom | Fix |
+|---------|-----|
+| `Unknown function 'xai.imagine'` | Add `import xai from "@scenerok/xai"` at top |
+| `Unknown function 'fadeIn'` | Same import (animation helpers are plugin-backed) |
+| `Expected ... but "," found` | Do not put `, volume:` after a plugin call on the same line |
+| Parse error on imagine prompt | Remove nested `"` quotes inside the prompt string |
+
+## Program Structure
+
+A VidScript program is a sequence of statements separated by newlines.
+
+```vidscript
+# Single-line comment
+/* Multi-line
+   comment */
+```
+
+## Statements
+
+### Input Declaration
+
+```vidscript
+input hero = "https://cdn.example.com/hero.mp4"
+input logo = "./assets/logo.png"
+```
+
+Supports HTTP(S) URLs, `/uploads/` paths, and local paths.
+
+### Output Declaration
+
+```vidscript
+output to "video.mp4", resolution: "1080x1920", fps: 30
+output to "reel.mp4", resolution: "720x1280", format: "mp4", codec: "h264", bitrate: "5M", background: "#0D0D0D"
+```
+
+| Option | Type | Default | Description |
+|--------|------|---------|-------------|
+| `resolution` | string | `"1080x1920"` | Width×Height or single number |
+| `fps` | number | `30` | Frames per second |
+| `format` | string | `"mp4"` | Container format |
+| `codec` | string | `"h264"` | Video codec |
+| `bitrate` | string | `"5M"` | Encoding bitrate |
+| `background` | string | `"#000000"` | Background color hex |
+
+### Variable Assignment
+
+```vidscript
+let brandColor = "#6366F1"
+let fadeTime = 0.5s
+let titleSize = 72
+let clipName = "hero"
+```
+
+Variables can hold strings, numbers, time literals, and object expressions. Variables are evaluated at compile time.
+
+### Import / Export (Module System)
+
+```vidscript
+# Export a constant
+export const BRAND_COLOR = "#FF5733"
+
+# Export a timeline
+export timeline intro(clip: string, title_text: string) {
+  [-] = clip
+  [- 2s] = text title_text, size: 72
+}
+
+# Import from another file
+import { intro, BRAND_COLOR } from "./timelines.vid"
+
+# Import namespace
+import * as transitions from "@scenerok/transitions"
+
+# Use a timeline
+use intro at 0s .. 5s with { clip: hero, title_text: "Hello" }
+```
+
+## Time Blocks
+
+Time blocks are the core of VidScript. They define when instructions execute on the timeline.
+
+### Dynamic Playhead (recommended)
+
+```vidscript
+[-] = hero                            # auto-append: starts after previous block
+[- 3s] = text "Title", size: 72       # auto-start, last 3 seconds 
+[- 2.5s] = filter "glow", intensity: 0.8
+```
+
+The playhead cursor (`prev`) tracks where the timeline is. Each `[-]` block advances the cursor by the block's content duration. `[- duration]` advances by an explicit duration.
+
+### Explicit Range
+
+```vidscript
+[0s .. 5s] = hero                      # absolute range
+[0.5s .. 3s] = text "Hello"            # explicit times
+[prev + 1s .. prev + 4s] = filter "glow"  # expression-based
+```
+
+Use `..` (not `-`) as the range separator to avoid ambiguity with subtraction.
+
+### Time Formats
+
+```vidscript
+5s           # 5 seconds
+300ms        # 300 milliseconds
+frame 90     # 90 frames at 30fps = 3 seconds  
+0:30         # 30 seconds
+1:30:00      # 1 hour 30 minutes
+```
+
+### The `prev` Keyword
+
+`prev` refers to the current playhead position — the end time of the previous block.
+
+```vidscript
+[- 2s] = text "Hello"                              # plays from cursor to cursor+2s
+[prev + 1s .. prev + 3s] = filter "glow"           # 1s after text ends, for 2s
+```
+
+## Instructions (inside time blocks)
+
+Multiple instructions in the same time block go on separate lines:
+
+```vidscript
+[0s .. 5s] = hero
+hero.Trim(start: 0s, end: 5s)
+hero.Speed(factor: 1.5)
+```
+
+### Clip Reference
+
+```vidscript
+[-] = hero              # just play the input clip
+```
+
+### Text Overlay
+
+```vidscript
+[- 3s] = text "Hello World", font: "Bebas Neue", x: "50%", y: "45%", align: center, color: "#FFFFFF", size: 72, stroke: "#000000", stroke_width: 3, letter_spacing: 4, shadow_color: "#FF0055", shadow_blur: 8
+```
+
+| Param | Type | Description |
+|-------|------|-------------|
+| `style` | string | `title` (64px), `subtitle` (54px), `caption` (36px), or `default` (48px) |
+| `position` | string | `center`, `top`, `bottom`, `top-left`, `top-right`, `bottom-left`, `bottom-right` |
+| `x` | number \| string | Horizontal position. Number = px from left. `"50%"` = percent of width. Overrides `position`. |
+| `y` | number \| string | Vertical position. Number = px from top. `"50%"` = percent of height. Overrides `position`. |
+| `color` | string | Hex color |
+| `size` | number | Font size in pixels |
+| `font` | string | Font family. System fonts or Google Fonts: `"Inter"`, `"Bebas Neue"`, `"Space Grotesk"`, `"Outfit"`, etc. |
+| `align` | string | `left`, `center`, `right`. Default: `center` |
+| `line_height` | number | Line height multiplier for multi-line text. Default: 1.2 |
+| `letter_spacing` | number | Extra letter spacing in pixels. Default: 0 |
+| `rotation` | number | Rotation in degrees. Positive = clockwise. Default: 0 |
+| `opacity` | number | Opacity 0–1. Default: 1 |
+| `stroke` | string | Outline color |
+| `stroke_width` | number | Outline thickness |
+| `shadow_color` | string | Drop shadow color |
+| `shadow_blur` | number | Shadow blur radius |
+| `shadow_offset_x` | number | Shadow horizontal offset |
+| `shadow_offset_y` | number | Shadow vertical offset |
+| `animation` | string | Parsed but not yet rendered |
+
+Params are optional and comma-separated. Params can be on the same line as the content.
+
+### Video Methods
+
+```vidscript
+hero.Trim(start: 0s, end: 5s)         # trim clip (positional: hero.Trim(0s, 5s))
+hero.Resize(width: 720, height: 1280)  # resize (positional: hero.Resize(720, 1280))
+hero.Speed(factor: 1.5)                # playback rate
+hero.Loop(count: 3)                    # loop count
+hero.Opacity(value: 0.5, duration: 2s) # opacity with duration
+```
+
+Arguments can be positional or named using `:`.
+
+### Compositing
+
+```vidscript
+hero.Overlay(logo, x: 50, y: 100, opacity: 0.8)
+hero.Composite(overlay, x: 0, y: 0, opacity: 0.5, mode: "screen")
+```
+
+| Param | Type | Description |
+|-------|------|-------------|
+| `x` | number | Horizontal offset |
+| `y` | number | Vertical offset |
+| `opacity` | number | 0–1 transparency |
+| `mode` | string | Blend mode for Composite |
+
+### Filters
+
+```vidscript
+[- 2s] = filter "glow", intensity: 0.8
+[0s .. 5s] = filter "vignette", intensity: 0.3
+```
+
+Built-in filters: `monochrome`, `sepia`, `blur`, `chromatic`, `glitch`, `vignette`, `contrast`, `saturation`, `brightness`.
+
+### Shaders
+
+```vidscript
+import shader glow from "shader-pack/glow.glsl"
+
+[0s .. 5s] = shader glow, intensity: 0.8
+```
+
+### Audio
+
+```vidscript
+audio music, volume: 0.5, fade_in: 1s, fade_out: 2s
+```
+
+Audio sources can be MP3 inputs, audio plugin results, or the embedded audio stream from an input video. Video clips are visually silent unless you explicitly add `audio clip`.
+
+| Param | Type | Description |
+|-------|------|-------------|
+| `volume` | number | 0–1 |
+| `fade_in` | number | Fade-in duration (seconds) |
+| `fade_out` | number | Fade-out duration (seconds) |
+
+### Plugin Calls
+
+```vidscript
+import xai from "@scenerok/xai"
+
+[-] = video xai.imagine("Cinematic product shot", aspect_ratio: "9:16", duration: 5)
+[-] = audio xai.tts("Welcome to SceneRok", voice: "eve")
+```
+
+Plugins require an explicit default import. The server registers `@scenerok/xai` when API keys are configured. Plugin calls run at compile time and must appear **inside time blocks**, not in `let` assignments.
+
+**Invalid (will not validate):**
+
+```vidscript
+[-] = video xai.imagine("...")          # missing import
+[-] = audio music("..."), volume: 0.5   # trailing params after plugin call
+let clip = xai.imagine("...")           # plugin assigned to variable
+```
+
+## Animations, Effects & Plugins (v2 Extensibility)
+
+VidScript v2 uses a **minimal-grammar, plugin-first** architecture for animations and effects.
+
+Instead of adding dozens of animation keywords to the language, we use two powerful parameters:
+
+- `animate:`
+- `effects:`
+
+These accept either plugin function calls or plain object descriptors.
+
+### animate: parameter
+
+Attach animations to **any** text or video surface.
+
+```vidscript
+text "Hello", animate: fadeIn(0.8s)
+
+video hero, animate: [fadeIn(0.5s), slideY(-40, 0, 1.2s)]
+
+text "Title", animate: {
+  type: "fade",
+  from: { opacity: 0 },
+  to: { opacity: 1 },
+  start: 0,
+  end: 1.5
+}
+```
+
+### effects: parameter
+
+Attach post-processing effects, with support for animated parameters.
+
+```vidscript
+text "Dramatic", effects: [grayscale(intensity: 0.8)]
+
+video hero, effects: [{
+  name: "glitch",
+  strength: animate: { type: "fade", from: { strength: 0 }, to: { strength: 1 } }
+}]
+```
+
+### Currently Available Animation Functions (`basic-animations` plugin)
+
+| Function                  | Description                  |
+|---------------------------|------------------------------|
+| `fadeIn(duration?)`       | Opacity 0 → 1                |
+| `fadeOut(duration?)`      | Opacity 1 → 0                |
+| `slideX(from, to, dur?)`  | Horizontal slide             |
+| `slideY(from, to, dur?)`  | Vertical slide               |
+| `popIn(duration?)`        | Scale + fade entrance        |
+| `riseIn(duration?, dist?)` | Upward fade entrance         |
+| `swingIn(duration?)`      | Rotating slide/fade         |
+| `glitchIn(duration?)`     | Jitter + flash entrance      |
+| `float(duration?, amp?)`   | Gentle vertical bob          |
+| `typewriter(duration?)`   | Character reveal             |
+
+More plugins (advanced text animations, pixel effects, 3D, etc.) are planned.
+
+The full architecture and IR details live in `plan-v1/29-surface-animation-effect-plugin-architecture.md`.
+
+## Expressions
+
+Used in time specs, `let` values, and function arguments:
+
+```vidscript
+let x = 5s                    # Time literals
+let y = x * 2                 # Arithmetic
+let prompt = "Scene: " + title_text  # String concatenation
+let z = prev + 0.5s           # Playhead reference
+let a = { primary: "#FF5733" } # Objects
+```
+
+Operators: `+`, `-`, `*`, `/` with standard precedence.
+
+## Template Placeholders
+
+```vidscript
+[- 3s] = text "{{headline | Default Text}}", color: "{{color | #FFFFFF}}"
+```
+
+Placeholders are filled before parsing via `fillPlaceholders()`.
+
+## CLI Commands
+
+```bash
+# Authenticate
+scenerok auth login
+
+# Validate a script
+scenerok validate my-video.vid
+
+# Render a video
+scenerok project upload my-video.vid --assets ./assets --render --watch --download ./renders
+scenerok project render <project-id> --watch --download ./renders
+scenerok render my-video.vid --project-id <project-id> --watch
+scenerok cache pull
+
+# Check render status  
+scenerok status <render-id>
+
+# Install agent skills
+scenerok skills install <platform>
+
+# Set API secrets for plugins
+scenerok secrets set ELEVENLABS_API_KEY=your-key
+```
+
+## Best Practices
+
+1. **Use dynamic timeblocks** — `[-]` auto-advances the cursor, reducing calculation errors
+2. **Use `prev` for offsets** — `[prev + 0.5s .. prev + 2s]` for gaps after previous content
+3. **1080×1920 for vertical** (TikTok, Reels, Shorts), **1920×1080 for horizontal** (YouTube)
+4. **Hook viewers in the first 3 seconds** — place the most compelling content early
+5. **High-contrast text** — use `stroke` and `stroke_width` on text overlays over video
+6. **Test with `scenerok validate` first** — catch syntax errors before spending render credits
+7. **Keep text content short** — text disappears when the time block ends
+8. **One instruction per line** — each instruction inside a timeblock goes on its own line
+9. **Text-only auto blocks** — `[-] = text ...` lasts 2 seconds by default; use `[- 3s]` for custom timing
+10. **Named arguments are clearer** — `hero.Trim(start: 0s, end: 5s)` over `hero.Trim(0s, 5s)`

package/skills/skills/opencode/vidscript-sample.md

@@ -0,0 +1,29 @@
+# VidScript v2 Sample — Product promo with generated video
+
+Copy this shape for promos that use xAI-generated clips. Run `scenerok validate` before `scenerok render`.
+
+```vidscript
+import xai from "@scenerok/xai"
+
+input product_name = "{{product_name | RokMilk}}"
+input hook_text = "{{hook_text | Chocolate Milkshake}}"
+input cta_text = "{{cta_text | visit your nearest grocery store}}"
+
+[0s .. 2.5s] = text product_name, font: "Bebas Neue", size: 80, color: "#FFD700", x: "50%", y: "20%", align: center, stroke: "#3E1C00", stroke_width: 4, animate: fadeIn(0.6s)
+
+[2s .. 4.5s] = text hook_text, font: "Outfit", size: 52, color: "#FFFFFF", x: "50%", y: "45%", align: center, stroke: "#3E1C00", stroke_width: 3, animate: riseIn(0.8s)
+
+[-] = video xai.imagine(
+    "Premium lifestyle product shot of " + product_name + " chocolate milk in 250ml carton, cinematic lighting, 9:16 vertical",
+    aspect_ratio: "9:16",
+    duration: 6
+)
+
+[8s .. 11s] = text cta_text, font: "Bebas Neue", size: 48, color: "#FFD700", x: "50%", y: "80%", align: center, stroke: "#3E1C00", stroke_width: 4, animate: fadeIn(0.8s)
+
+[0s .. 12s] = filter "vignette", intensity: 0.3
+
+output to "product-promo.mp4", resolution: "1080x1920", fps: 30
+```
+
+For clips you already have (no xAI), start from `examples/system/product-launch.vid` instead.

package/skills/skills/opencode/vidscript-strict.md

@@ -0,0 +1,95 @@
+# VidScript v2 — Strict Agent Reference
+
+Follow these rules exactly. When in doubt, copy a file from `examples/system/` (installed with `scenerok skills install`).
+
+## Rule 1: Plugin imports are mandatory
+
+```vidscript
+import xai from "@scenerok/xai"
+```
+
+Without this line, `xai.imagine`, `xai.tts`, and animation helpers like `fadeIn` fail validation.
+
+**Never** call `video xai.imagine(...)` or `animate: fadeIn(...)` without the import above.
+
+## Rule 2: Put plugin calls directly in time blocks
+
+```vidscript
+[-] = video xai.imagine("Prompt here", aspect_ratio: "9:16", duration: 5)
+[-] = audio xai.tts("Voiceover line", voice: "eve")
+```
+
+**Never** assign plugins to variables: `let clip = xai.imagine(...)` is invalid.
+
+## Rule 3: Time ranges use `..`
+
+```vidscript
+[0s .. 5s] = text "Hello"
+```
+
+Not `[0s - 5s]`.
+
+## Rule 4: Text params stay on one line
+
+```vidscript
+[0.5s .. 3s] = text "Headline", font: "Inter", size: 64, color: "#FFFFFF", x: "50%", y: "30%", align: center
+```
+
+## Rule 5: Quote safety in prompts
+
+Use only straight `"` inside `xai.imagine("...")`. Do not nest quotes inside the prompt string (e.g. avoid `"RokMilk"` inside the prompt — say `labeled RokMilk` without extra quotes).
+
+## Rule 6: Audio syntax
+
+```vidscript
+[-] = audio xai.tts("Spoken line", voice: "eve", speed: 1.0)
+```
+
+**Invalid:** `audio music("...", duration: 15), volume: 0.35` — trailing `, volume` after a plugin call is a parse error.
+
+Music/generative audio plugins require their own `import` when available; do not invent bare `music(...)` calls.
+
+## Rule 7: Filters
+
+```vidscript
+[0s .. 15s] = filter "vignette", intensity: 0.3
+[0s .. 15s] = filter "saturation", value: 1.12
+```
+
+`saturation` uses `value`, not `intensity`.
+
+## Rule 8: Always end with output
+
+```vidscript
+output to "video.mp4", resolution: "1080x1920", fps: 30
+```
+
+Do **not** use legacy `config { }` blocks — they are not part of VidScript v2.
+
+## Animations (after import)
+
+```vidscript
+[0s .. 2s] = text "Launch", x: "50%", y: "50%", animate: popIn(0.7s)
+```
+
+Available: `fadeIn`, `fadeOut`, `slideX`, `slideY`, `popIn`, `riseIn`, `swingIn`, `glitchIn`, `float`, `typewriter`.
+
+## Validate before render
+
+```bash
+scenerok validate my-video.vid
+```
+
+Each error line includes `Line N:C — message` when the server returns location info.
+
+## Bundled examples
+
+| File | Use case |
+|------|----------|
+| `minimal-text-reel.vid` | Text-only, no API keys |
+| `product-launch.vid` | User video input + text + vignette |
+| `ecom-product-launch.vid` | xAI product visuals + CTA |
+| `3-tips-fitness.vid` | Multiple `[-]` blocks + xAI per segment |
+| `rokmilk-chocolate-promo.vid` | 15s generated-video promo pattern |
+
+Full grammar: https://scenerok.com/docs/vidscript