shadcn-labs Vite Plugin
The @editframe/vite-plugin adds local development capabilities to your Vite project. It handles on-demand video transcoding, local asset serving, and visual regression testing so you can develop Editframe compositions without cloud API dependencies.
Features
- JIT Video Transcoding — Videos are transcoded to streamable format on first request and cached for subsequent loads
- Local Asset Serving — Images and captions are served locally with caching
- Visual Testing — Image comparison tools for visual regression tests with Vitest
- Cache Management — Automatic caching of transcoded assets with cache-clearing support
Installation
npm install @editframe/vite-plugin
Configuration
// vite.config.ts
import { defineConfig } from "vite";
import { vitePluginEditframe } from "@editframe/vite-plugin";
export default defineConfig({
plugins: [
vitePluginEditframe({
root: "./src", // Base directory for resolving file paths
cacheRoot: "./cache", // Directory for cached transcoded assets
}),
],
});