@agent-native/core 0.85.6 → 0.86.0

package/corpus/templates/videos/app/utils/keyframeUtils.ts

@@ -1,331 +0,0 @@
-import type { AnimationTrack, EasingKey } from "@/types";
-
-/**
- * Get all unique keyframe frames across all properties in a track
- */
-export function getAllKeyframeFrames(track?: AnimationTrack): number[] {
-  if (!track) return [];
-
-  const frameSet = new Set<number>();
-  track.animatedProps?.forEach((prop) => {
-    prop.keyframes?.forEach((kf) => frameSet.add(kf.frame));
-  });
-
-  return Array.from(frameSet).sort((a, b) => a - b);
-}
-
-/**
- * Check if a specific frame has a keyframe on any property
- */
-export function isFrameOnKeyframe(
-  track: AnimationTrack | undefined,
-  frame: number,
-): boolean {
-  if (!track) return false;
-
-  return (
-    track.animatedProps?.some((prop) =>
-      prop.keyframes?.some((kf) => kf.frame === frame),
-    ) ?? false
-  );
-}
-
-/**
- * Navigate to the previous or next keyframe from the current frame
- * Returns the frame number to seek to, or null if none found
- */
-export function navigateKeyframe(
-  track: AnimationTrack,
-  currentFrame: number,
-  direction: "prev" | "next",
-): number | null {
-  const allFrames = getAllKeyframeFrames(track);
-  if (allFrames.length === 0) return null;
-
-  if (direction === "prev") {
-    const prevFrames = allFrames.filter((f) => f < currentFrame);
-    if (prevFrames.length > 0) {
-      return prevFrames[prevFrames.length - 1];
-    }
-  } else {
-    const nextFrames = allFrames.filter((f) => f > currentFrame);
-    if (nextFrames.length > 0) {
-      return nextFrames[0];
-    }
-  }
-
-  return null;
-}
-
-/**
- * Duplicate a keyframe at the current frame, offsetting it by the specified number of frames
- * Returns the new animatedProps array (does not mutate the track)
- */
-export function duplicateKeyframeForTrack(
-  track: AnimationTrack,
-  currentFrame: number,
-  offset: number = 30,
-): AnimationTrack["animatedProps"] {
-  if (!track.animatedProps) return undefined;
-
-  const targetFrame = currentFrame + offset;
-
-  return track.animatedProps.map((prop) => {
-    if (!prop.keyframes) return prop;
-
-    // Find the current keyframe to duplicate
-    const currentKf = prop.keyframes.find((kf) => kf.frame === currentFrame);
-    if (!currentKf) return prop;
-
-    // Check if keyframe already exists at target frame
-    const existingIndex = prop.keyframes.findIndex(
-      (kf) => kf.frame === targetFrame,
-    );
-
-    let newKeyframes = [...prop.keyframes];
-
-    if (existingIndex >= 0) {
-      // Update existing keyframe with current values
-      newKeyframes[existingIndex] = {
-        frame: targetFrame,
-        value: currentKf.value,
-        easing: currentKf.easing,
-      };
-    } else {
-      // Add new keyframe
-      newKeyframes.push({
-        frame: targetFrame,
-        value: currentKf.value,
-        easing: currentKf.easing,
-      });
-      newKeyframes.sort((a, b) => a.frame - b.frame);
-    }
-
-    return { ...prop, keyframes: newKeyframes };
-  });
-}
-
-/**
- * Remove a keyframe at the current frame
- * Returns the new animatedProps array (does not mutate the track)
- * If keepEmptyArrays is false, converts empty keyframes arrays to undefined
- */
-export function removeKeyframeForTrack(
-  track: AnimationTrack,
-  currentFrame: number,
-  keepEmptyArrays: boolean = false,
-): AnimationTrack["animatedProps"] {
-  if (!track.animatedProps) return undefined;
-
-  return track.animatedProps.map((prop) => {
-    if (!prop.keyframes) return prop;
-
-    const newKeyframes = prop.keyframes.filter(
-      (kf) => kf.frame !== currentFrame,
-    );
-
-    return {
-      ...prop,
-      keyframes:
-        keepEmptyArrays || newKeyframes.length > 0 ? newKeyframes : undefined,
-    };
-  });
-}
-
-/**
- * Update the easing of a keyframe at the current frame
- * Returns the new animatedProps array (does not mutate the track)
- */
-export function updateKeyframeEasing(
-  track: AnimationTrack,
-  currentFrame: number,
-  easing: EasingKey,
-): AnimationTrack["animatedProps"] {
-  if (!track.animatedProps) return undefined;
-
-  return track.animatedProps.map((prop) => {
-    if (!prop.keyframes) return prop;
-
-    const keyframeIndex = prop.keyframes.findIndex(
-      (kf) => kf.frame === currentFrame,
-    );
-    if (keyframeIndex < 0) return prop;
-
-    const newKeyframes = [...prop.keyframes];
-    newKeyframes[keyframeIndex] = {
-      ...newKeyframes[keyframeIndex],
-      easing,
-    };
-
-    return { ...prop, keyframes: newKeyframes };
-  });
-}
-
-/**
- * Get the easing value from a keyframe at the current frame
- * Returns the easing, or the fallback if not found
- */
-export function getCurrentKeyframeEasing(
-  track: AnimationTrack,
-  currentFrame: number,
-  fallback: EasingKey = "linear",
-): EasingKey {
-  if (!track.animatedProps) return fallback;
-
-  // Get easing from first property's current keyframe (all should be in sync)
-  const firstProp = track.animatedProps.find(
-    (p) => p.keyframes && p.keyframes.length > 0,
-  );
-  if (!firstProp?.keyframes) return fallback;
-
-  const keyframe = firstProp.keyframes.find((kf) => kf.frame === currentFrame);
-  return keyframe?.easing ?? fallback;
-}
-
-/**
- * Set or update a keyframe for a specific property at the current frame
- * Returns the new animatedProps array (does not mutate the track)
- */
-export function setOrUpdateKeyframe(
-  track: AnimationTrack,
-  property: string,
-  currentFrame: number,
-  value: number,
-  easing: EasingKey = "expo.inOut",
-): AnimationTrack["animatedProps"] {
-  if (!track.animatedProps) return undefined;
-
-  return track.animatedProps.map((prop) => {
-    if (prop.property !== property) return prop;
-
-    const valueStr = value.toString();
-    const keyframes = prop.keyframes || [];
-    const existingIdx = keyframes.findIndex((kf) => kf.frame === currentFrame);
-
-    let newKeyframes;
-    if (existingIdx >= 0) {
-      // Update existing keyframe (preserve easing)
-      newKeyframes = keyframes.map((kf, i) =>
-        i === existingIdx ? { ...kf, value: valueStr } : kf,
-      );
-    } else {
-      // Add new keyframe
-      newKeyframes = [
-        ...keyframes,
-        { frame: currentFrame, value: valueStr, easing },
-      ];
-      newKeyframes.sort((a, b) => a.frame - b.frame);
-    }
-
-    return { ...prop, keyframes: newKeyframes };
-  });
-}
-
-/**
- * Update all camera properties at once for the current keyframe
- * This is a specialized version for camera controls that updates multiple properties together
- */
-export function updateCameraKeyframe(
-  track: AnimationTrack,
-  currentFrame: number,
-  allValues: Record<string, number>,
-  defaultEasing: EasingKey = "expo.inOut",
-): AnimationTrack["animatedProps"] {
-  if (!track.animatedProps) return undefined;
-
-  return track.animatedProps.map((prop) => {
-    const propertyKey = prop.property;
-    const newValue = allValues[propertyKey];
-
-    // Skip if this property isn't in the values object
-    if (newValue === undefined) return prop;
-
-    // Validate value
-    if (!Number.isFinite(newValue)) return prop;
-
-    const valueStr = String(newValue);
-
-    if (!prop.keyframes) {
-      // Initialize keyframes array with current value
-      return {
-        ...prop,
-        keyframes: [
-          { frame: currentFrame, value: valueStr, easing: defaultEasing },
-        ],
-      };
-    }
-
-    const existingIndex = prop.keyframes.findIndex(
-      (kf) => kf.frame === currentFrame,
-    );
-
-    if (existingIndex >= 0) {
-      // Update existing keyframe (preserve easing)
-      const newKeyframes = [...prop.keyframes];
-      newKeyframes[existingIndex] = {
-        ...newKeyframes[existingIndex],
-        frame: currentFrame,
-        value: valueStr,
-      };
-      return { ...prop, keyframes: newKeyframes };
-    } else {
-      // Add new keyframe
-      const newKeyframes = [
-        ...prop.keyframes,
-        { frame: currentFrame, value: valueStr, easing: defaultEasing },
-      ];
-      newKeyframes.sort((a, b) => a.frame - b.frame);
-      return { ...prop, keyframes: newKeyframes };
-    }
-  });
-}
-
-/**
- * Reset all properties to their default values at the current frame
- * Returns the new animatedProps array (does not mutate the track)
- */
-export function resetToDefaults(
-  track: AnimationTrack,
-  currentFrame: number,
-  defaults: Record<string, number>,
-  defaultEasing: EasingKey = "expo.inOut",
-): AnimationTrack["animatedProps"] {
-  if (!track.animatedProps) return undefined;
-
-  return track.animatedProps.map((prop) => {
-    const defaultValue = defaults[prop.property];
-    const valueStr = defaultValue?.toString() || "0";
-
-    if (!prop.keyframes) {
-      return {
-        ...prop,
-        keyframes: [
-          { frame: currentFrame, value: valueStr, easing: defaultEasing },
-        ],
-      };
-    }
-
-    const existingIndex = prop.keyframes.findIndex(
-      (kf) => kf.frame === currentFrame,
-    );
-
-    if (existingIndex >= 0) {
-      // Update existing keyframe to default value (preserve easing)
-      const newKeyframes = [...prop.keyframes];
-      newKeyframes[existingIndex] = {
-        ...newKeyframes[existingIndex],
-        frame: currentFrame,
-        value: valueStr,
-      };
-      return { ...prop, keyframes: newKeyframes };
-    } else {
-      // Add new keyframe with default value
-      const newKeyframes = [
-        ...prop.keyframes,
-        { frame: currentFrame, value: valueStr, easing: defaultEasing },
-      ];
-      newKeyframes.sort((a, b) => a.frame - b.frame);
-      return { ...prop, keyframes: newKeyframes };
-    }
-  });
-}

package/corpus/templates/videos/app/utils/timelineCoordinates.ts

@@ -1,79 +0,0 @@
-/**
- * Timeline Coordinate Utilities
- *
- * Centralized coordinate conversion logic for the Timeline component.
- * All conversions between pixels, frames, and percentages flow through these functions.
- */
-
-/**
- * Convert a pixel delta to a frame delta based on the current view
- */
-export function pxDeltaToFrameDelta(
-  pxDelta: number,
-  barWidth: number,
-  viewDuration: number,
-): number {
-  return Math.round((pxDelta / barWidth) * viewDuration);
-}
-
-/**
- * Convert a frame delta to a pixel delta based on the current view
- */
-export function frameDeltaToPxDelta(
-  frameDelta: number,
-  barWidth: number,
-  viewDuration: number,
-): number {
-  return (frameDelta / viewDuration) * barWidth;
-}
-
-/**
- * Convert a frame number to a percentage position within the current view window
- * Returns a value between 0-100 representing the position in the view
- */
-export function frameToViewPct(
-  frame: number,
-  viewStart: number,
-  viewDuration: number,
-): number {
-  return ((frame - viewStart) / viewDuration) * 100;
-}
-
-/**
- * Convert a client X coordinate (from mouse event) to a frame number
- */
-export function clientXToFrame(
-  clientX: number,
-  barRect: DOMRect,
-  viewStart: number,
-  viewDuration: number,
-): number {
-  const x = clientX - barRect.left;
-  const fraction = Math.max(0, Math.min(1, x / barRect.width));
-  return Math.round(viewStart + fraction * viewDuration);
-}
-
-/**
- * Clamp a frame number to valid bounds (0 to max)
- */
-export function clampFrame(frame: number, max: number): number {
-  return Math.max(0, Math.min(max, frame));
-}
-
-/**
- * Convert a percentage (0-100) within the view to a frame number
- */
-export function viewPctToFrame(
-  pct: number,
-  viewStart: number,
-  viewDuration: number,
-): number {
-  return Math.round(viewStart + (pct / 100) * viewDuration);
-}
-
-/**
- * Calculate percentage change from pixel movement
- */
-export function pxDeltaToPctChange(pxDelta: number, barWidth: number): number {
-  return (pxDelta / barWidth) * 100;
-}

package/corpus/templates/videos/app/vite-env.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="vite/client" />
-
-declare module "react-dom/server.browser" {
-  export * from "react-dom/server";
-  export { default } from "react-dom/server";
-}

package/corpus/templates/videos/changelog/2026-06-24-a-new-settings-page-gives-quick-access-to-language-workspace.md

@@ -1,6 +0,0 @@
----
-type: added
-date: 2026-06-24
----
-
-A new Settings page gives quick access to language, workspace, and agent preferences.

package/corpus/templates/videos/changelog/2026-06-24-added-a-language-picker-and-localized-app-chrome-for-support.md

@@ -1,6 +0,0 @@
----
-type: added
-date: 2026-06-24
----
-
-Added a language picker and localized app chrome for supported languages.

package/corpus/templates/videos/changelog/2026-06-27-traditional-chinese-copy-uses-taiwan-terminology.md

@@ -1,6 +0,0 @@
----
-type: fixed
-date: 2026-06-27
----
-
-Traditional Chinese copy now uses Taiwan terminology and clearer technical wording.

package/corpus/templates/videos/changelog/2026-06-28-left-sidebar-collapses-into-an-animated-icon-rail.md

@@ -1,6 +0,0 @@
----
-type: improved
-date: 2026-06-28
----
-
-The left sidebar now collapses into an animated icon rail with quieter footer controls.

package/corpus/templates/videos/changelog/2026-06-29-video-layouts-adapt-when-the-agent-sidebar-is-open.md

@@ -1,6 +0,0 @@
----
-type: improved
-date: 2026-06-29
----
-
-Video layouts adapt when the agent sidebar is open.

package/corpus/templates/videos/components.json

@@ -1,20 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema.json",
-  "style": "default",
-  "rsc": false,
-  "tsx": true,
-  "tailwind": {
-    "config": "",
-    "css": "app/global.css",
-    "baseColor": "slate",
-    "cssVariables": true,
-    "prefix": ""
-  },
-  "aliases": {
-    "components": "@/components",
-    "utils": "@/lib/utils",
-    "ui": "@/components/ui",
-    "lib": "@/lib",
-    "hooks": "@/hooks"
-  }
-}

package/corpus/templates/videos/data/sync-config.json

@@ -1,3 +0,0 @@
-{
-  "syncFilePatterns": ["data/**/*.json", "!data/sync-config.json"]
-}

package/corpus/templates/videos/docs/examples/create-composition.example.ts

@@ -1,128 +0,0 @@
-/**
- * Example Script: Create a New Composition Programmatically
- *
- * This script demonstrates how to create a new composition with all features:
- * - Camera track (6 properties)
- * - Cursor track (6 properties)
- * - Custom animation tracks
- * - Programmatic animations
- *
- * Usage:
- * 1. Copy this template
- * 2. Customize the values
- * 3. Run in browser console or integrate into your workflow
- */
-
-import { BlankComposition as MyComponent } from "@/remotion/compositions/BlankComposition"; // Your component
-import { addComposition, type CompositionEntry } from "@/remotion/registry";
-import {
-  createCameraTrack,
-  createCursorTrack,
-  createAnimationTrack,
-  createFadeInTrack,
-  createSlideInTrack,
-  validateComposition,
-  secondsToFrames,
-} from "@/utils/compositionHelpers";
-
-// ─── Configuration ────────────────────────────────────────────────────────────
-
-const COMPOSITION_CONFIG = {
-  id: "my-awesome-video",
-  title: "My Awesome Video",
-  description: "An example composition with all features enabled",
-  durationInFrames: secondsToFrames(10), // 10 seconds at 30fps = 300 frames
-  fps: 30,
-  width: 1920,
-  height: 1080,
-};
-
-// ─── Create Tracks ────────────────────────────────────────────────────────────
-
-const tracks = [
-  // Required: Camera track
-  createCameraTrack(COMPOSITION_CONFIG.durationInFrames),
-
-  // Required: Cursor track (for interactions)
-  createCursorTrack(COMPOSITION_CONFIG.durationInFrames, {
-    centerX: 960, // Center X for 1920×1080
-    centerY: 540, // Center Y for 1920×1080
-    easing: "expo.inOut",
-  }),
-
-  // Optional: Custom animation tracks
-  createFadeInTrack("title-fade", "Title Fade In", 0, 30),
-
-  createSlideInTrack("subtitle-slide", "Subtitle Slide", 15, 30, "left"),
-
-  createAnimationTrack(
-    "logo-entrance",
-    "Logo Entrance",
-    30,
-    60,
-    [
-      { property: "scale", from: "0.5", to: "1", unit: "" },
-      { property: "opacity", from: "0", to: "1", unit: "" },
-      { property: "rotateY", from: "-90", to: "0", unit: "deg" },
-    ],
-    "spring",
-  ),
-];
-
-// ─── Validate Composition ─────────────────────────────────────────────────────
-
-const validation = validateComposition(tracks);
-
-if (!validation.valid) {
-  console.error("❌ Composition validation failed:");
-  validation.errors.forEach((err) => console.error(`  - ${err}`));
-  throw new Error("Invalid composition structure");
-}
-
-if (validation.warnings.length > 0) {
-  console.warn("⚠️ Composition warnings:");
-  validation.warnings.forEach((warn) => console.warn(`  - ${warn}`));
-}
-
-// ─── Create Composition Entry ─────────────────────────────────────────────────
-
-const newComposition: CompositionEntry = {
-  id: COMPOSITION_CONFIG.id,
-  title: COMPOSITION_CONFIG.title,
-  description: COMPOSITION_CONFIG.description,
-  component: MyComponent,
-  durationInFrames: COMPOSITION_CONFIG.durationInFrames,
-  fps: COMPOSITION_CONFIG.fps,
-  width: COMPOSITION_CONFIG.width,
-  height: COMPOSITION_CONFIG.height,
-  defaultProps: {
-    // Your component's props
-    backgroundColor: "#0a0a0a",
-    accentColor: "#6366f1",
-    title: "Hello World",
-  },
-  tracks,
-};
-
-// ─── Add to Registry ──────────────────────────────────────────────────────────
-
-addComposition(newComposition);
-
-console.log("✅ Composition created successfully!");
-console.log(`   ID: ${newComposition.id}`);
-console.log(`   Title: ${newComposition.title}`);
-console.log(
-  `   Duration: ${newComposition.durationInFrames} frames (${newComposition.durationInFrames / newComposition.fps}s)`,
-);
-console.log(`   Size: ${newComposition.width}×${newComposition.height}`);
-console.log(`   Tracks: ${newComposition.tracks.length}`);
-
-// ─── Navigate to New Composition ──────────────────────────────────────────────
-
-// If running in React component context with useNavigate:
-// navigate(`/c/${newComposition.id}`);
-
-// If running in console:
-// window.location.href = `/c/${newComposition.id}`;
-
-export { newComposition };

package/corpus/templates/videos/drizzle.config.ts

@@ -1,3 +0,0 @@
-import { createDrizzleConfig } from "@agent-native/core/db/drizzle-config";
-
-export default createDrizzleConfig();

package/corpus/templates/videos/learnings.defaults.md

@@ -1,5 +0,0 @@
-# Learnings
-
-<!-- This file is your app's memory. The AI reads it at the start of every conversation and updates it when it learns something new. -->
-<!-- Your personal learnings.md is gitignored so preferences and private info stay local. -->
-<!-- This defaults file is what new checkouts start with. -->