@devmotion/cli 0.6.3 → 0.8.0

package/studio/client/_app/immutable/nodes/21.CdVcKzDq.js

@@ -1,16 +0,0 @@
-import"../chunks/CM9l4cpH.js";import"../chunks/Bst4bpcL.js";import{p as O,j as le,k as G,o as me,b,e as V,aL as Le,$ as De,s as o,f as t,c as ne,g as W,r as e,n as i,i as c,a8 as Te}from"../chunks/Da3fz6L-.js";import{s as C}from"../chunks/CHlhpGna.js";import{e as je}from"../chunks/BLc2TzNH.js";import{h as He}from"../chunks/D_dz_e_K.js";import{s as p}from"../chunks/Ce3llaYD.js";import{i as Ne}from"../chunks/b7dpDhxC.js";import{r as u}from"../chunks/Du09UsT_.js";import{C as de}from"../chunks/DFc-Lsi7.js";import{C as Re}from"../chunks/BTwuVO4d.js";import{B as F}from"../chunks/Cdmese3p.js";import{D as Be,C as Fe,a as Oe}from"../chunks/BjYVAir1.js";import{s as ce}from"../chunks/D4RaOAJg.js";import{b as pe,r as ue}from"../chunks/BZ3Ts6hC.js";import{I as ve}from"../chunks/D7RpYYFk.js";import{M as Ge}from"../chunks/nhcd0S0n.js";import{F as Ve}from"../chunks/W8LNvhlr.js";import{A as M}from"../chunks/BSP4E2wT.js";function We(v,r){O(r,!0);let f=ue(r,["$$slots","$$events","$$legacy"]);const l=[["path",{d:"M12 10v6"}],["path",{d:"M9 13h6"}],["path",{d:"M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"}]];ve(v,pe({name:"folder-plus"},()=>f,{get iconNode(){return l},children:(s,g)=>{var n=le(),m=G(n);ce(m,()=>r.children??me),b(s,n)},$$slots:{default:!0}})),V()}function ie(v,r){O(r,!0);let f=ue(r,["$$slots","$$events","$$legacy"]);const l=[["path",{d:"M12 22v-5"}],["path",{d:"M15 8V2"}],["path",{d:"M17 8a1 1 0 0 1 1 1v4a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1z"}],["path",{d:"M9 8V2"}]];ve(v,pe({name:"plug"},()=>f,{get iconNode(){return l},children:(s,g)=>{var n=le(),m=G(n);ce(m,()=>r.children??me),b(s,n)},$$slots:{default:!0}})),V()}var Ee=W('<meta name="description" content="Get started with DevMotion in under a minute. Install the CLI, scaffold a project, edit it in the visual Studio or let an AI agent build it over MCP, and render an MP4 — all locally."/>'),qe=W('<div class="rounded-lg border border-border/60 bg-card/40 p-5"><div class="flex items-center gap-3"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary"><!></span> <div class="flex items-baseline gap-2"><span class="text-xs font-semibold text-muted-foreground"> </span> <h3 class="text-lg font-bold text-foreground"> </h3></div></div> <code class="mt-4 block rounded-md bg-muted px-3 py-2 font-mono text-xs text-foreground"> </code> <p class="mt-3 text-sm leading-6 text-muted-foreground"> </p></div>'),ze=W(`<section class="not-prose"><p class="mb-3 text-sm font-medium text-primary">DevMotion Docs</p> <h1 class="text-4xl font-extrabold tracking-tight text-foreground">Your first video, in four commands</h1> <p class="mt-4 max-w-2xl text-lg text-muted-foreground">DevMotion is HTML-first. Scaffold a project, edit it in the visual Studio or let an AI agent
-    build it for you, and render an MP4 — all on your machine. Copy this and go:</p> <div class="mt-6 max-w-2xl"><!></div> <div class="mt-4 flex flex-wrap gap-3"><a class="inline-flex items-center gap-2 rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-opacity hover:opacity-90"><!> Or try the Studio online</a> <a href="#agents" class="inline-flex items-center gap-2 rounded-lg border border-border px-4 py-2 text-sm font-medium text-foreground transition-colors hover:bg-accent"><!> Let an AI agent build it</a></div></section> <section class="not-prose mt-16"><h2 class="text-2xl font-bold text-foreground">What each command does</h2> <div class="mt-6 grid gap-4 sm:grid-cols-2"></div> <p class="mt-4 text-sm text-muted-foreground">Stuck? Run <code class="rounded bg-muted px-1 py-0.5 text-xs">devmotion doctor</code> to verify ffmpeg
-    and Chromium are wired up.</p></section> <section id="agents" class="not-prose mt-16 scroll-mt-24"><div class="rounded-xl border border-border/60 bg-card/40 p-6 sm:p-8"><div class="flex items-center gap-3"><span class="flex h-10 w-10 items-center justify-center rounded-lg bg-primary/10 text-primary"><!></span> <h2 class="text-2xl font-bold text-foreground">Let an AI agent build the video</h2></div> <p class="mt-4 max-w-2xl text-muted-foreground">DevMotion ships a built-in <span class="font-medium text-foreground">MCP server</span>, so
-      Claude Code, Cursor, or Windsurf can scaffold, edit, and render video for you. One command
-      wires everything up — skills plus a local MCP server that runs over <span class="font-medium text-foreground">stdio</span>, right inside your project:</p> <div class="mt-5 max-w-xl"><!></div> <p class="mt-4 max-w-2xl text-sm leading-6 text-muted-foreground">This drops three slash commands into <code class="rounded bg-muted px-1 py-0.5 text-xs">.claude/skills/</code> (<code class="rounded bg-muted px-1 py-0.5 text-xs">/devmotion-init</code>, <code class="rounded bg-muted px-1 py-0.5 text-xs">/devmotion-add-layer</code>, <code class="rounded bg-muted px-1 py-0.5 text-xs">/devmotion-render</code>) and registers a
-      local stdio MCP server in <code class="rounded bg-muted px-1 py-0.5 text-xs">.claude/settings.local.json</code>. From
-      then on the agent knows the HTML protocol and can drive your project end to end — every edit
-      written straight back to your files.</p> <div class="mt-6 grid gap-4 sm:grid-cols-2"><div class="flex items-start gap-3 rounded-lg border border-border/50 bg-background/50 p-4"><!> <div><p class="text-sm font-semibold text-foreground">Local (stdio) — default</p> <p class="mt-1 text-xs leading-5 text-muted-foreground">Runs from the CLI inside your repo. No account, no network, no tokens. Best for devs,
-            CI, and offline work.</p></div></div> <div class="flex items-start gap-3 rounded-lg border border-border/50 bg-background/50 p-4"><!> <div><p class="text-sm font-semibold text-foreground">Remote (cloud HTTP) — optional</p> <p class="mt-1 text-xs leading-5 text-muted-foreground">Prefer the hosted Studio? Connect the same agents to <code class="rounded bg-muted px-1 py-0.5 text-[10px]">devmotion.app/mcp</code> over HTTP
-            with OAuth.</p></div></div></div> <div class="mt-6 flex flex-wrap gap-4"><a class="inline-flex items-center gap-2 text-sm font-medium text-primary">Set up your agent <!></a> <a class="inline-flex items-center gap-2 text-sm font-medium text-primary">MCP tools & keyframes <!></a></div></div></section> <section class="not-prose mt-16"><h2 class="text-2xl font-bold text-foreground">Go deeper</h2> <div class="mt-6 grid gap-4 md:grid-cols-2"><a class="group rounded-lg border border-border/60 bg-card/40 p-6 transition-colors hover:border-primary/50 hover:bg-card/70"><!> <h3 class="text-xl font-bold text-foreground">MCP & AI Agents</h3> <p class="mt-2 text-sm leading-6 text-muted-foreground">Wire up Claude Code, Cursor, or Windsurf, browse the full tool reference, and see automation
-        recipes for n8n, Make, LangChain, and more.</p> <span class="mt-5 inline-flex items-center gap-2 text-sm font-medium text-primary">Read MCP docs <!></span></a> <a class="group rounded-lg border border-border/60 bg-card/40 p-6 transition-colors hover:border-primary/50 hover:bg-card/70"><!> <h3 class="text-xl font-bold text-foreground">Automation & Integrations</h3> <p class="mt-2 text-sm leading-6 text-muted-foreground">Drive DevMotion from no-code and agent frameworks — n8n, Make, LangChain, LlamaIndex,
-        CrewAI, AutoGen, Dify, and Flowise.</p> <span class="mt-5 inline-flex items-center gap-2 text-sm font-medium text-primary">Browse integrations <!></span></a></div> <p class="mt-6 text-sm text-muted-foreground"><!> Building a cloud automation? There's also a <a class="font-medium text-foreground underline underline-offset-4 hover:text-primary">REST API</a> for the hosted Studio — most people won't need it.</p></section>`,1);function pt(v,r){O(r,!1);const f=[{icon:Be,title:"Install",cmd:"npm i -g @devmotion/cli",desc:"One global install. Node ≥ 20 is the only requirement — ffmpeg and Chromium come bundled."},{icon:We,title:"Create",cmd:"devmotion init my-video",desc:"Scaffolds a project: a devmotion.json and a scenes/ folder of plain HTML you can edit anywhere."},{icon:Ge,title:"Edit",cmd:"devmotion preview",desc:"Opens the full visual Studio in your browser — timeline, keyframes, 17+ layer types. Hot-reloads on save."},{icon:Ve,title:"Render",cmd:"devmotion render",desc:"Exports an MP4 locally via headless Chromium + ffmpeg. Same engine as the preview — no surprises."}];Ne();var l=ze();He("i94tfs",d=>{var a=Ee();Le(()=>{De.title="Get started — DevMotion Docs"}),b(d,a)});var s=G(l),g=o(t(s),6),n=t(g);de(n,{title:"Terminal",lang:"bash",code:`npm i -g @devmotion/cli      # install once
-devmotion init my-video      # scaffold a project
-cd my-video
-devmotion preview            # open the visual Studio
-devmotion render             # export output.mp4`}),e(g);var m=o(g,2),y=t(m),fe=t(y);Re(fe,{class:"h-4 w-4"}),i(),e(y);var E=o(y,2),ge=t(E);F(ge,{class:"h-4 w-4"}),i(),e(E),e(m),e(s);var k=o(s,2),q=o(t(k),2);je(q,7,()=>f,d=>d.title,(d,a,j)=>{const H=Te(()=>c(a).icon);var x=qe(),h=t(x),N=t(h),Ie=t(N);c(H)(Ie,{class:"h-5 w-5"}),e(N);var re=o(N,2),R=t(re),Pe=t(R);e(R);var ae=o(R,2),$e=t(ae,!0);e(ae),e(re),e(h);var B=o(h,2),Ae=t(B,!0);e(B);var se=o(B,2),Se=t(se,!0);e(se),e(x),ne(()=>{C(Pe,`Step ${c(j)+1}`),C($e,c(a).title),C(Ae,c(a).cmd),C(Se,c(a).desc)}),b(d,x)}),e(q),i(2),e(k);var I=o(k,2),z=t(I),P=t(z),Y=t(P),xe=t(Y);F(xe,{class:"h-6 w-6"}),e(Y),i(2),e(P);var $=o(P,4),he=t($);de(he,{title:"Terminal",lang:"bash",code:"npx @devmotion/cli setup"}),e($);var A=o($,4),S=t(A),be=t(S);ie(be,{class:"mt-0.5 h-5 w-5 shrink-0 text-primary"}),i(2),e(S);var Z=o(S,2),ye=t(Z);Fe(ye,{class:"mt-0.5 h-5 w-5 shrink-0 text-primary"}),i(2),e(Z),e(A);var J=o(A,2),_=t(J),_e=o(t(_));M(_e,{class:"h-4 w-4"}),e(_);var L=o(_,2),we=o(t(L));M(we,{class:"h-4 w-4"}),e(L),e(J),e(z),e(I);var K=o(I,2),D=o(t(K),2),w=t(D),Q=t(w);F(Q,{class:"mb-5 h-8 w-8 text-primary"});var U=o(Q,6),Ce=o(t(U));M(Ce,{class:"h-4 w-4 transition-transform group-hover:translate-x-0.5"}),e(U),e(w);var T=o(w,2),X=t(T);ie(X,{class:"mb-5 h-8 w-8 text-primary"});var ee=o(X,6),Me=o(t(ee));M(Me,{class:"h-4 w-4 transition-transform group-hover:translate-x-0.5"}),e(ee),e(T),e(D);var te=o(D,2),oe=t(te);Oe(oe,{class:"mr-1 inline h-4 w-4 align-text-bottom"});var ke=o(oe,2);i(),e(te),e(K),ne((d,a,j,H,x,h)=>{p(y,"href",d),p(_,"href",a),p(L,"href",j),p(w,"href",H),p(T,"href",x),p(ke,"href",h)},[()=>u("/(app)/editor"),()=>u("/(marketing)/docs/mcp/setup"),()=>u("/(marketing)/docs/mcp/reference"),()=>u("/(marketing)/docs/mcp"),()=>u("/(marketing)/docs/mcp/integrations"),()=>u("/(marketing)/docs/api")]),b(v,l),V()}export{pt as component};

package/studio/client/_app/immutable/nodes/28.lF0IrCqU.js

@@ -1,8 +0,0 @@
-import"../chunks/CM9l4cpH.js";import"../chunks/Bst4bpcL.js";import{s as o,k as a,b as i,g as d,n as c}from"../chunks/Da3fz6L-.js";import{C as r}from"../chunks/DFc-Lsi7.js";var l=d('<h1 id="devmotion-mcp-server">DevMotion MCP Server</h1> <p>Let AI assistants build DevMotion videos for you — create projects, add layers, animate, and then render through the CLI or hosted Studio.</p> <p>There are two ways to connect, and <strong>local comes first</strong>:</p> <ul><li><strong>Local (stdio) — the default for devs & agents.</strong> The MCP server runs from the CLI, right inside your project. No account, no network, no tokens. This is what <code>devmotion setup</code> wires up, and it edits your HTML files directly.</li> <li><strong>Remote (cloud HTTP) — optional.</strong> Point any MCP client at the hosted server when you’d rather work against cloud projects in the hosted Studio.</li></ul> <hr/> <h2 id="what-is-mcp">What is MCP?</h2> <p>The <a href="https://modelcontextprotocol.io" rel="nofollow">Model Context Protocol</a> (MCP) is an open standard that lets AI clients interact with external tools and services. By connecting your AI client to DevMotion’s MCP server, the AI can create and edit animation projects on your behalf.</p> <hr/> <h2 id="quick-start-local">Quick start (local)</h2> <p>Inside a DevMotion project (run <code>devmotion init my-video</code> first), run:</p> <!> <p>This installs the Claude Code skills and registers a <strong>local, stdio</strong> MCP server in <code>.claude/settings.local.json</code>:</p> <!> <p>Open your agent and ask it to build a video. The AI calls <code>create_layer</code>, <code>edit_layer</code>, and friends, and every change is written straight back to your HTML files. See <a href="/docs/mcp/setup">AI Coding Assistants</a> for Cursor, Windsurf, and manual config.</p> <blockquote><p>No account, no API key, no quota — the local server runs entirely on your machine.</p></blockquote> <hr/> <h2 id="prefer-the-cloud-remote-http">Prefer the cloud? (remote HTTP)</h2> <p>If you’d rather work against cloud projects in the hosted Studio, connect to the remote endpoint instead:</p> <p><strong>MCP Endpoint:</strong> <code>https://devmotion.app/mcp</code></p> <p>Interactive clients (Claude, Cursor, Windsurf) handle OAuth automatically; programmatic clients use a bearer token from your <a href="/profile">profile page</a>. See <a href="/docs/mcp/setup">AI Coding Assistants</a> for client configs and <a href="/docs/mcp/integrations">Enterprise & Automation</a> for no-code platforms and agent frameworks.</p> <hr/> <h2 id="which-one-should-i-use">Which one should I use?</h2> <table><thead><tr><th>You want to…</th><th>Use</th></tr></thead><tbody><tr><td>Build locally with Claude Code, Cursor, or Windsurf</td><td><strong>Local (stdio)</strong> — <a href="/docs/mcp/setup">AI Coding Assistants →</a></td></tr><tr><td>Work offline, in CI, or with no account</td><td><strong>Local (stdio)</strong> — <a href="/docs/mcp/setup">AI Coding Assistants →</a></td></tr><tr><td>Drive the hosted Studio from your agent</td><td><strong>Remote (HTTP)</strong> — <a href="/docs/mcp/setup">AI Coding Assistants →</a></td></tr><tr><td>Automate from n8n, Make, LangChain, CrewAI, etc.</td><td><strong>Remote (HTTP)</strong> — <a href="/docs/mcp/integrations">Enterprise & Automation →</a></td></tr></tbody></table> <hr/> <h2 id="how-it-works">How it works</h2> <p><strong>1. Connect</strong> — point your client at the local stdio server (<code>npx @devmotion/cli mcp</code>) or the remote endpoint. The AI discovers available tools automatically.</p> <p><strong>2. Create</strong> — ask the AI to build an animation in plain language:</p> <blockquote><p><em>“Create a 1080×1920 TikTok intro with a bold title that slides in and a pulsing accent shape in the background.”</em></p></blockquote> <p><strong>3. Render</strong> — locally with <code>devmotion render</code>, or via the hosted Studio when using the remote server. See the full <a href="/docs/mcp/reference">tool reference</a>.</p>',1);function g(n){var t=l(),e=o(a(t),20);r(e,{title:"Terminal",lang:"bash",code:"npx @devmotion/cli setup"});var s=o(e,4);r(s,{title:".claude/settings.local.json",lang:"json",code:`{
-  "mcpServers": {
-    "devmotion": {
-      "command": "npx",
-      "args": ["@devmotion/cli", "mcp"]
-    }
-  }
-}`}),c(32),i(n,t)}export{g as component};

package/studio/client/_app/immutable/nodes/3.C1mJzj4n.js

@@ -1 +0,0 @@
-import"../chunks/CM9l4cpH.js";import"../chunks/Bst4bpcL.js";import{p as U,l as j,a as Y,d as z,s as i,t as y,b as p,c as P,e as C,h as k,i as e,$ as K,u as d,f as t,g as H,m as R,r,n as A}from"../chunks/Da3fz6L-.js";import{s as Q,a as V}from"../chunks/BZ3Ts6hC.js";import{s as m}from"../chunks/CHlhpGna.js";import{i as W}from"../chunks/Cflu-v0E.js";import{h as X}from"../chunks/D_dz_e_K.js";import{i as Z}from"../chunks/b7dpDhxC.js";import{p as ee}from"../chunks/Dl3gtmRH.js";import{A as te}from"../chunks/C8FzHBqQ.js";import{B as D}from"../chunks/COdfvEKk.js";import{H as re}from"../chunks/KosKennP.js";import{R as oe}from"../chunks/ynbSuJqB.js";var se=H('<details class="mt-8 max-w-2xl"><summary class="cursor-pointer text-sm text-muted-foreground hover:text-foreground">Debug Information</summary> <pre class="mt-4 overflow-auto rounded-lg bg-muted p-4 text-xs"> </pre></details>'),ae=H('<div class="flex h-screen w-full flex-col bg-background"><!> <div class="flex flex-1 flex-col items-center justify-center gap-6 p-6"><div class="text-center"><h1 class="text-9xl font-bold text-muted-foreground/20"> </h1></div> <div class="max-w-md space-y-2 text-center"><h2 class="text-2xl font-semibold tracking-tight"> </h2> <p class="text-muted-foreground"> </p></div> <div class="flex items-center gap-3"><!> <!></div> <!></div></div>');function _e(B,F){U(F,!1);const s=()=>V(ee,"$page",I),[I,L]=Q(),n=R(),a=R(),M={404:{title:"Project Not Found",description:"The project you're looking for doesn't exist or has been deleted."},500:{title:"Failed to Load Project",description:"Something went wrong while loading the project. Please try again later."},403:{title:"Access Denied",description:"You don't have permission to view this project."},401:{title:"Login Required",description:"Please log in to access this project."}};j(()=>s(),()=>{k(n,s().status)}),j(()=>(e(n),s()),()=>{k(a,M[e(n)]||{title:"Project Error",description:s().error?.message||"Unable to load the project."})}),Y(),Z();var f=ae();X("f69r50",o=>{z(()=>{K.title=`${e(n)??""} - ${e(a),d(()=>e(a).title)??""} | DevMotion`})});var h=t(f);te(h,{});var _=i(h,2),u=t(_),$=t(u),N=t($,!0);r($),r(u);var v=i(u,2),g=t(v),S=t(g,!0);r(g);var b=i(g,2),q=t(b,!0);r(b),r(v);var x=i(v,2),w=t(x);D(w,{href:"/",get icon(){return re},children:(o,c)=>{A();var l=y("Go Home");p(o,l)},$$slots:{default:!0}});var E=i(w,2);D(E,{variant:"outline",onclick:()=>window.location.reload(),get icon(){return oe},children:(o,c)=>{A();var l=y("Reload Page");p(o,l)},$$slots:{default:!0}}),r(x);var G=i(x,2);{var J=o=>{var c=se(),l=i(t(c),2),O=t(l,!0);r(l),r(c),P(T=>m(O,T),[()=>(s(),d(()=>JSON.stringify(s().error,null,2)))]),p(o,c)};W(G,o=>{s(),d(()=>!1)&&o(J)})}r(_),r(f),P(()=>{m(N,e(n)),m(S,(e(a),d(()=>e(a).title))),m(q,(e(a),d(()=>e(a).description)))}),p(B,f),C(),L()}export{_e as component};

package/studio/client/_app/immutable/nodes/30.BvTn5fYt.js

@@ -1,26 +0,0 @@
-import"../chunks/CM9l4cpH.js";import"../chunks/Bst4bpcL.js";import{s as e,k as h,b as l,g as m,n as d}from"../chunks/Da3fz6L-.js";import{C as t}from"../chunks/DFc-Lsi7.js";var u=m('<h1 id="autogen-microsoft">AutoGen (Microsoft)</h1> <p>AutoGen supports MCP via the <code>autogen-ext</code> extension package. Both SSE and Streamable HTTP transports are available.</p> <p><strong>MCP Endpoint:</strong> <code>https://devmotion.app/mcp</code></p> <hr/> <h2 id="setup">Setup</h2> <!> <!> <!> <hr/> <h2 id="authentication">Authentication</h2> <p>Obtain a long-lived token from your <a href="/profile">DevMotion profile</a> and pass it in the <code>Authorization</code> header as shown above.</p> <hr/> <h2 id="docs">Docs</h2> <p><a href="https://microsoft.github.io/autogen/stable//reference/python/autogen_ext.tools.mcp.html" rel="nofollow">autogen-ext MCP reference →</a></p>',1);function f(s){const n="pip install autogen-ext",p=`from autogen_ext.tools.mcp import McpWorkbench, SseServerParams
-
-server_params = SseServerParams(
-    url="https://devmotion.app/mcp",
-    headers={"Authorization": "Bearer YOUR_TOKEN"},
-    timeout=10,
-    sse_read_timeout=300,
-)
-
-async with McpWorkbench(server_params=server_params) as workbench:
-    tools = await workbench.list_tools()
-    result = await workbench.call_tool("create_project", {
-        "name": "My TikTok Intro",
-        "width": 1080,
-        "height": 1920
-    })`,i=`from autogen_ext.tools.mcp import McpWorkbench, StreamableHttpServerParams
-
-server_params = StreamableHttpServerParams(
-    url="https://devmotion.app/mcp",
-    headers={"Authorization": "Bearer YOUR_TOKEN"},
-    timeout=30.0,
-    sse_read_timeout=300.0,
-)
-
-async with McpWorkbench(server_params=server_params) as workbench:
-    result = await workbench.call_tool("create_layer", {...})`;var o=u(),a=e(h(o),10);t(a,{title:"Install",lang:"bash",code:n});var r=e(a,2);t(r,{title:"SSE transport",lang:"python",code:p});var c=e(r,2);t(c,{title:"Streamable HTTP transport (recommended)",lang:"python",code:i}),d(12),l(s,o)}export{f as component};

package/studio/client/_app/immutable/nodes/38.CX0Z5dJm.js

@@ -1 +0,0 @@
-import"../chunks/CM9l4cpH.js";import"../chunks/Bst4bpcL.js";import{p as U,s as r,k as V,f as t,c as H,b as N,e as z,g as B,r as e,n as g}from"../chunks/Da3fz6L-.js";import{s as o}from"../chunks/CHlhpGna.js";import{i as G}from"../chunks/b7dpDhxC.js";import{P as a}from"../chunks/DTcslyJn.js";var J=B('<h1 id="plans--limits">Plans & Limits</h1> <blockquote><p><strong>The local CLI MCP server is free.</strong> When the server runs from <code>npx @devmotion/cli mcp</code> on your machine (the default — see <a href="/docs/mcp/setup">AI Coding Assistants</a>), there’s no account, plan, or quota. Everything below applies to the <strong>cloud</strong> MCP server at <code>https://devmotion.app/mcp</code>.</p></blockquote> <p>Cloud MCP access requires a <strong>Creator or Pro plan</strong>. All cloud MCP operations run under your DevMotion account — the same limits apply as in the web editor.</p> <hr/> <h2 id="plan-comparison">Plan Comparison</h2> <table><thead><tr><th>Feature</th><th align="center">Free</th><th align="center"> </th><th align="center"> </th></tr></thead><tbody><tr><td>MCP Access</td><td align="center">—</td><td align="center">✓</td><td align="center">✓</td></tr><tr><td>Rate limit</td><td align="center">—</td><td align="center"> </td><td align="center"> </td></tr><tr><td>AI credits/month</td><td align="center">—</td><td align="center"> </td><td align="center"> </td></tr><tr><td>Cloud projects</td><td align="center">—</td><td align="center"> </td><td align="center">Unlimited</td></tr><tr><td>Video exports/month</td><td align="center">—</td><td align="center"> </td><td align="center"> </td></tr><tr><td>Max export res.</td><td align="center">—</td><td align="center"> </td><td align="center"> </td></tr><tr><td>Webhooks</td><td align="center">—</td><td align="center">✓</td><td align="center">✓</td></tr></tbody></table> <blockquote><p><strong>Video exports/month</strong> counts hosted exports across the web editor and REST API. The quota is shared.</p></blockquote> <hr/> <h2 id="how-credits-work">How credits work</h2> <p>AI credits are shared across the web editor and MCP. They are consumed <strong>only by server-side AI features</strong> — things like caption generation and dubbing that require DevMotion’s servers to run an AI model on your behalf.</p> <p>Regular MCP tool calls (<code>create_project</code>, <code>create_layer</code>, <code>edit_layer</code>, etc.) do <strong>not</strong> consume credits. When you use Claude, Cursor, or any other MCP client to build animations, the AI reasoning happens entirely on the client side — DevMotion only executes the resulting tool calls. Credits are only spent if the client invokes a server-side AI tool explicitly.</p> <hr/> <h2 id="account--quota">Account & quota</h2> <blockquote><p>Sign in with the <strong>same DevMotion account</strong> you use in the browser. Projects created via MCP appear in your editor and count toward your plan’s project quota. If you hit the project limit, <code>create_project</code> will return an error until you delete an existing project or upgrade your plan.</p></blockquote> <p><a href="/#pricing">Upgrade your plan →</a></p>',1);function tt(k,w){U(w,!1),G();var v=J(),_=r(V(v),10),n=t(_),x=t(n),i=r(t(x),2),I=t(i);e(i);var y=r(i),j=t(y);e(y),e(x),e(n);var b=r(n),d=r(t(b)),s=r(t(d),2),R=t(s);e(s);var P=r(s),$=t(P);e(P),e(d);var c=r(d),l=r(t(c),2),L=t(l,!0);e(l);var f=r(l),D=t(f,!0);e(f),e(c);var p=r(c),C=r(t(p),2),E=t(C,!0);e(C),g(),e(p);var h=r(p),u=r(t(h),2),T=t(u,!0);e(u);var M=r(u),S=t(M,!0);e(M),e(h);var q=r(h),m=r(t(q),2),W=t(m,!0);e(m);var A=r(m),F=t(A,!0);e(A),e(q),g(),e(b),e(_),g(18),H(()=>{o(I,`Creator ($${a.creator.price??""}/mo)`),o(j,`Pro ($${a.pro.price??""}/mo)`),o(R,`${a.creator.limits.apiRateLimit??""} req/min`),o($,`${a.pro.limits.apiRateLimit??""} req/min`),o(L,a.creator.limits.maxCostPerMonth*100),o(D,a.pro.limits.maxCostPerMonth*100),o(E,a.creator.limits.cloudProjects),o(T,a.creator.limits.exportsPerMonth),o(S,a.pro.limits.exportsPerMonth),o(W,a.creator.limits.maxExportResolution),o(F,a.pro.limits.maxExportResolution)}),N(k,v),z()}export{tt as component};

package/studio/client/_app/immutable/nodes/39.CRxr2YQ6.js

@@ -1,87 +0,0 @@
-import"../chunks/CM9l4cpH.js";import"../chunks/Bst4bpcL.js";import{s as e,k as _,b as g,g as f,r as b,n as j}from"../chunks/Da3fz6L-.js";import{h as k}from"../chunks/C6j6Bty9.js";import{C as t}from"../chunks/DFc-Lsi7.js";var v=f('<h1 id="tools--keyframes-reference">Tools & Keyframes Reference</h1> <p>Complete reference for all MCP tools exposed by DevMotion and the keyframe animation system.</p> <hr/> <h2 id="available-tools">Available Tools</h2> <table><thead><tr><th>Tool</th><th>Description</th></tr></thead><tbody><tr><td><code>create_project</code></td><td>Create a new animation project</td></tr><tr><td><code>get_project</code></td><td>Inspect project state, layers, and keyframes</td></tr><tr><td><code>create_layer</code></td><td>Add a layer with optional animations and keyframes</td></tr><tr><td><code>edit_layer</code></td><td>Patch an existing layer’s properties or keyframes</td></tr><tr><td><code>remove_layer</code></td><td>Delete a layer from the project</td></tr><tr><td><code>configure_project</code></td><td>Update project dimensions, duration, FPS, background</td></tr><tr><td><code>group_layers</code></td><td>Group multiple layers together</td></tr><tr><td><code>ungroup_layers</code></td><td>Ungroup a layer group</td></tr><tr><td><code>upload_media</code></td><td>Request a presigned upload URL (cloud only)</td></tr><tr><td><code>confirm_media_upload</code></td><td>Confirm a completed upload (cloud only)</td></tr><tr><td><code>import_media</code></td><td>Import media from a public URL (cloud only)</td></tr></tbody></table> <hr/> <h2 id="create_project">create_project</h2> <!> <p>Returns the project <code>id</code> and a preview URL. Use the <code>id</code> in every subsequent call.</p> <hr/> <h2 id="create_layer">create_layer</h2> <p>Creates a complete layer in a single call. The <code>layer</code> field is required and carries the type + props.</p> <!> <!> <h3 id="create_layer-fields">create_layer fields</h3> <table><thead><tr><th>Field</th><th>Type</th><th align="center">Required</th><th>Description</th></tr></thead><tbody><tr><td><code>projectId</code></td><td>string</td><td align="center">✓</td><td>Project to add the layer to</td></tr><tr><td><code>layer</code></td><td>object</td><td align="center">✓</td><td><code>&#123; type, props &#125;</code> — see Layer Types below</td></tr><tr><td><code>name</code></td><td>string</td><td align="center">—</td><td>Display name</td></tr><tr><td><code>transform</code></td><td>object</td><td align="center">—</td><td>Position, scale, rotation, anchor</td></tr><tr><td><code>style</code></td><td>object</td><td align="center">—</td><td>Opacity, blur, filters, drop shadow</td></tr><tr><td><code>enterTime</code></td><td>number</td><td align="center">—</td><td>When the layer appears (seconds, default 0)</td></tr><tr><td><code>exitTime</code></td><td>number</td><td align="center">—</td><td>When the layer disappears (seconds)</td></tr><tr><td><code>animation</code></td><td>object</td><td align="center">—</td><td><code>&#123; preset?, keyframes? &#125;</code> — can use both at once</td></tr></tbody></table> <hr/> <h2 id="edit_layer">edit_layer</h2> <p>Patch-style update — only the fields you provide are changed.</p> <!> <p><code>props</code> are merged with existing props. <code>transform</code> and <code>style</code> replace the entire section if provided.</p> <hr/> <h2 id="remove_layer">remove_layer</h2> <!> <p><code>layerId</code> accepts either the layer’s ID or its display name.</p> <hr/> <h2 id="configure_project">configure_project</h2> <!> <p>All fields are optional. <code>backgroundColor</code> is a hex string.</p> <hr/> <h2 id="group_layers--ungroup_layers">group_layers / ungroup_layers</h2> <!> <!> <hr/> <h2 id="cloud-media-tools">Cloud Media Tools</h2> <p>Local projects use files directly from <code>assets/</code>. The tools below are only available on the cloud MCP server at <code>https://devmotion.app/mcp</code>.</p> <h3 id="upload_media">upload_media</h3> <p>Request a presigned URL for direct upload.</p> <!> <p>Returns <code>upload_url</code>, <code>key</code>, <code>file_url</code>, and <code>asset_id</code>. Upload the file binary to <code>upload_url</code>, then call <code>confirm_media_upload</code>.</p> <h3 id="confirm_media_upload">confirm_media_upload</h3> <!> <p>Use the returned asset URL as <code>src</code> when creating an image, video, or audio layer.</p> <h3 id="import_media">import_media</h3> <!> <p>Imports a public media URL into your DevMotion assets and returns the asset URL to use in layer props.</p> <hr/> <h2 id="layer-types">Layer Types</h2> <table><thead><tr><th>Type</th><th>Key props</th></tr></thead><tbody><tr><td><code>text</code></td><td><code>content</code> (string), <code>fontSize</code>, <code>color</code>, <code>fontFamily</code>, <code>fontWeight</code></td></tr><tr><td><code>shape</code></td><td><code>shapeType</code> (<code>rectangle</code>/<code>ellipse</code>/<code>circle</code>/…), <code>background</code></td></tr><tr><td><code>image</code></td><td><code>src</code> (URL)</td></tr><tr><td><code>video</code></td><td><code>src</code> (URL)</td></tr><tr><td><code>group</code></td><td><em>(no props — use <code>group_layers</code> instead)</em></td></tr></tbody></table> <hr/> <h2 id="keyframe-animation">Keyframe Animation</h2> <p>Layers are animated by adding keyframes at specific times. DevMotion interpolates between them automatically using the easing curve you specify.</p> <p>Pass keyframes inside <code>animation.keyframes</code> when calling <code>create_layer</code>, or add them later with <code>edit_layer</code>.</p> <h3 id="animatable-properties">Animatable Properties</h3> <table><thead><tr><th>Property</th><th>Description</th></tr></thead><tbody><tr><td><code>position.x</code> / <code>position.y</code></td><td>Position in pixels</td></tr><tr><td><code>position.z</code></td><td>Z depth</td></tr><tr><td><code>scale.x</code> / <code>scale.y</code></td><td>Scale (1 = 100%)</td></tr><tr><td><code>rotation.x</code> / <code>rotation.y</code> / <code>rotation.z</code></td><td>Rotation in degrees</td></tr><tr><td><code>opacity</code></td><td>Transparency (0–1)</td></tr><tr><td><code>props.fontSize</code></td><td>Font size (text layers)</td></tr><tr><td><code>props.color</code></td><td>Text color (hex)</td></tr><tr><td><code>props.content</code></td><td>Text content (typewriter)</td></tr></tbody></table> <h3 id="keyframe-schema">Keyframe schema</h3> <p>Each keyframe requires an <code>id</code> (any unique string — DevMotion replaces it internally):</p> <pre class="language-json"></pre> <h3 id="easing-values">Easing Values</h3> <table><thead><tr><th>Value</th><th>Description</th></tr></thead><tbody><tr><td><code>linear</code></td><td>Constant speed</td></tr><tr><td><code>ease-in</code></td><td>Starts slow, ends fast</td></tr><tr><td><code>ease-out</code></td><td>Starts fast, ends slow</td></tr><tr><td><code>ease-in-out</code></td><td>Slow at both ends</td></tr><tr><td><code>bounce</code></td><td>Elastic bounce at end</td></tr></tbody></table> <hr/> <h2 id="example-prompts">Example Prompts</h2> <ul><li><em>“Create a 9:16 product showcase with a phone mockup image, a title, and a price tag that bounces in.”</em></li> <li><em>“Make a lower-third bar with white text on a semi-transparent dark background that slides in from the left.”</em></li> <li><em>“Build a 5-second countdown animation with a large number that scales up and fades out each second.”</em></li> <li><em>“Edit the ‘Headline’ layer to use yellow and add a shake animation.”</em></li></ul>',1);function U(u){var o=v(),d=e(_(o),14);t(d,{title:"create_project",lang:"json",code:`{
-  "name": "TikTok Intro",
-  "width": 1080,
-  "height": 1920
-}`});var a=e(d,10);t(a,{title:"create_layer — text layer with slide-in animation",lang:"json",code:`{
-  "projectId": "your_project_id",
-  "name": "Title",
-  "layer": {
-    "type": "text",
-    "props": {
-      "content": "Hello World",
-      "fontSize": 64,
-      "color": "#ffffff"
-    }
-  },
-  "transform": {
-    "position": { "x": 0, "y": -200 }
-  },
-  "animation": {
-    "keyframes": [
-      { "id": "kf1", "time": 0,   "property": "position.x", "value": -400, "easing": "ease-out" },
-      { "id": "kf2", "time": 0.5, "property": "position.x", "value": 0 }
-    ]
-  }
-}`});var r=e(a,2);t(r,{title:"create_layer — shape with preset animation",lang:"json",code:`{
-  "projectId": "your_project_id",
-  "name": "Accent Shape",
-  "layer": {
-    "type": "shape",
-    "props": {
-      "shapeType": "rectangle",
-      "background": { "type": "solid", "color": "#ff4455" }
-    }
-  },
-  "transform": {
-    "position": { "x": 0, "y": 300 },
-    "scale": { "x": 0.8, "y": 0.1 }
-  },
-  "animation": {
-    "preset": { "id": "fade-in", "startTime": 0.2, "duration": 0.4 }
-  }
-}`});var c=e(r,12);t(c,{title:"edit_layer — update position and color",lang:"json",code:`{
-  "projectId": "your_project_id",
-  "layerId": "layer_abc",
-  "transform": {
-    "position": { "x": 100, "y": -200 }
-  },
-  "props": {
-    "color": "#ffcc00"
-  }
-}`});var n=e(c,8);t(n,{title:"remove_layer",lang:"json",code:`{
-  "projectId": "your_project_id",
-  "layerId": "layer_abc"
-}`});var s=e(n,8);t(s,{title:"configure_project — resize to landscape",lang:"json",code:`{
-  "projectId": "your_project_id",
-  "width": 1920,
-  "height": 1080,
-  "duration": 10,
-  "backgroundColor": "#1a1a2e"
-}`});var i=e(s,8);t(i,{title:"group_layers",lang:"json",code:`{
-  "projectId": "your_project_id",
-  "layerIds": ["layer_abc", "layer_def"],
-  "name": "Background Group"
-}`});var p=e(i,2);t(p,{title:"ungroup_layers",lang:"json",code:`{
-  "projectId": "your_project_id",
-  "groupId": "group_xyz"
-}`});var l=e(p,12);t(l,{title:"upload_media",lang:"json",code:`{
-  "projectId": "your_project_id",
-  "file_name": "demo.mp4",
-  "mime_type": "video/mp4",
-  "file_size": 1234567,
-  "media_type": "video"
-}`});var m=e(l,6);t(m,{title:"confirm_media_upload",lang:"json",code:`{
-  "projectId": "your_project_id",
-  "asset_id": "asset_abc",
-  "key": "uploads/user/demo.mp4",
-  "file_url": "https://assets.devmotion.app/uploads/user/demo.mp4",
-  "original_name": "demo.mp4",
-  "mime_type": "video/mp4",
-  "media_type": "video",
-  "duration": 4.2
-}`});var h=e(m,6);t(h,{title:"import_media",lang:"json",code:`{
-  "projectId": "your_project_id",
-  "url": "https://example.com/demo.mp4",
-  "media_type": "video",
-  "file_name": "demo.mp4"
-}`});var y=e(h,26);k(y,()=>'<code class="language-json"><span class="token punctuation">&#123;</span> <span class="token property">"id"</span><span class="token operator">:</span> <span class="token string">"kf1"</span><span class="token punctuation">,</span> <span class="token property">"time"</span><span class="token operator">:</span> <span class="token number">0.5</span><span class="token punctuation">,</span> <span class="token property">"property"</span><span class="token operator">:</span> <span class="token string">"position.y"</span><span class="token punctuation">,</span> <span class="token property">"value"</span><span class="token operator">:</span> <span class="token number">-200</span><span class="token punctuation">,</span> <span class="token property">"easing"</span><span class="token operator">:</span> <span class="token string">"ease-out"</span> <span class="token punctuation">&#125;</span></code>',!0),b(y),j(10),g(u,o)}export{U as component};

package/studio/client/_app/immutable/nodes/4.YfreNTfv.js

@@ -1 +0,0 @@
-import"../chunks/CM9l4cpH.js";import{p as t,o as n,b as p,e as m,f,g as d,r as v}from"../chunks/Da3fz6L-.js";import{s as u}from"../chunks/D4RaOAJg.js";import{b as c}from"../chunks/CC8c0epL.js";import{i as h}from"../chunks/BSBe_oem.js";var l=d('<div class="h-screen w-full"><!></div>');function C(e,a){t(a,!0);const r=h();c(({cancel:i})=>{r.hasUnsavedChanges&&(confirm("You have unsaved changes. Are you sure you want to leave?")||i())});var o=l(),s=f(o);u(s,()=>a.children??n),v(o),p(e,o),m()}export{C as component};

package/studio/client/_app/immutable/nodes/4.YfreNTfv.js.br

@@ -1 +0,0 @@
- dî�k*(��A�Z#��|J<�7�5hm�:�Q`�Y����x�	��i�j�q��?��3��_>�%����?L�+q7�`"�d�Vy��H�X����;�\Ik��y�/�`�͇�z�`��Uh./���>��5I��h�؝{�„ӜFz>}3uu�k�L�뗠��u�x�>'��؄���d�Ɂ���I�L��}Wq�Ky<9U���2NKQB���<�n���ײ�N��4 �N�����:x���4�����G� "���
�ZA\�����

package/studio/client/_app/immutable/nodes/40.BVTwXIYj.js

@@ -1,15 +0,0 @@
-import"../chunks/CM9l4cpH.js";import"../chunks/Bst4bpcL.js";import{s as e,k as s,b as a,g as l,n as u}from"../chunks/Da3fz6L-.js";import{C as o}from"../chunks/DFc-Lsi7.js";var p=l('<h1 id="ai-coding-assistants">AI Coding Assistants</h1> <p>Connect Claude Code, Cursor, or Windsurf to DevMotion. The <strong>local</strong> server is the default — it runs from the CLI inside your project, needs no account, and edits your HTML files directly. Prefer the hosted Studio? Jump to <a href="#use-the-cloud-server-instead">Use the cloud server instead</a>.</p> <hr/> <h2 id="local-setup-recommended">Local setup (recommended)</h2> <h3 id="one-command">One command</h3> <p>Inside a DevMotion project (run <code>devmotion init my-video</code> first if you don’t have one), run:</p> <!> <p>This installs the Claude Code skills (<code>/devmotion-init</code>, <code>/devmotion-add-layer</code>, <code>/devmotion-render</code>) and registers a local <strong>stdio</strong> MCP server in <code>.claude/settings.local.json</code>. That’s it — open Claude Code in the project and ask it to build a video.</p> <h3 id="manual-config-claude-code-cursor-windsurf">Manual config (Claude Code, Cursor, Windsurf)</h3> <p>Every client uses the same local server: it spawns <code>npx @devmotion/cli mcp</code> over stdio. Add this to your client’s MCP config:</p> <!> <table><thead><tr><th>Client</th><th>Config file</th></tr></thead><tbody><tr><td>Claude Code</td><td><code>.claude/settings.json</code> (project)</td></tr><tr><td>Cursor</td><td><code>.cursor/mcp.json</code> (project) or <code>~/.cursor/mcp.json</code></td></tr><tr><td>Windsurf</td><td><code>~/.codeium/windsurf/mcp_config.json</code></td></tr></tbody></table> <blockquote><p>The local server works on the project in your current directory — no account, no API key, no quota. Run commands with <code>npx @devmotion/cli …</code>, or install once with <code>npm i -g @devmotion/cli</code> and drop the <code>npx</code>.</p></blockquote> <hr/> <h2 id="use-the-cloud-server-instead">Use the cloud server instead</h2> <p>Want your agent to drive <strong>cloud</strong> projects in the hosted Studio? Connect to the remote endpoint over HTTP. Authentication is handled via OAuth — no tokens to copy for interactive clients.</p> <h3 id="claude-code-cli">Claude Code (CLI)</h3> <!> <p>On first use, Claude Code prompts you to authenticate in the terminal. After that, DevMotion tools are available in every session.</p> <h3 id="claude-desktop--cursor--windsurf">Claude Desktop · Cursor · Windsurf</h3> <p>These clients reach the remote server through <code>mcp-remote</code>, which handles the OAuth handshake:</p> <!> <p>On first connection, a browser tab opens for the DevMotion login. The session is saved locally and renewed automatically.</p> <blockquote><p>The cloud server runs under your DevMotion account and counts toward your plan. See <a href="/docs/mcp/plans">Plans & Limits</a>.</p></blockquote> <hr/> <h2 id="troubleshooting">Troubleshooting</h2> <p><strong><code>devmotion</code> not found</strong> — use the <code>npx</code> config above, run it directly with <code>npx @devmotion/cli mcp</code>, or install once with <code>npm i -g @devmotion/cli</code>.</p> <p><strong>Local server not connecting</strong> — make sure you ran the client from inside a directory that contains a <code>devmotion.json</code>. The MCP server operates on the project in the current working directory.</p> <p><strong>(Cloud) Browser tab doesn’t open</strong> — run <code>npx mcp-remote https://devmotion.app/mcp</code> directly in your terminal to trigger the OAuth flow manually, then restart your client. Not needed for the Claude Code CLI.</p> <p><strong>(Cloud) “Unauthorized” after login</strong> — your token may have expired. Delete the <code>mcp-remote</code> cache at <code>~/.mcp-remote/</code> and reconnect.</p> <p><strong>(Cloud) Projects not visible in the editor</strong> — confirm you authenticated with the same DevMotion account you use in the browser.</p>',1);function f(c){var t=p(),n=e(s(t),12);o(n,{title:"Terminal",lang:"bash",code:"npx @devmotion/cli setup"});var d=e(n,8);o(d,{title:".claude/settings.json · .cursor/mcp.json · windsurf mcp_config.json",lang:"json",code:`{
-  "mcpServers": {
-    "devmotion": {
-      "command": "npx",
-      "args": ["@devmotion/cli", "mcp"]
-    }
-  }
-}`});var r=e(d,14);o(r,{title:"Terminal",lang:"bash",code:"claude mcp add --transport http devmotion https://devmotion.app/mcp"});var i=e(r,8);o(i,{title:"claude_desktop_config.json · .cursor/mcp.json · windsurf mcp_config.json",lang:"json",code:`{
-  "mcpServers": {
-    "devmotion": {
-      "command": "npx",
-      "args": ["-y", "mcp-remote", "https://devmotion.app/mcp"]
-    }
-  }
-}`}),u(18),a(c,t)}export{f as component};

package/studio/client/_app/immutable/nodes/41.JtyATqrM.js

@@ -1 +0,0 @@
-import"../chunks/CM9l4cpH.js";import{p as _e,j as he,k as te,b as m,i as e,s as n,f as s,c as u,e as be,q as g,g as x,r,n as re}from"../chunks/Da3fz6L-.js";import{s as d}from"../chunks/CHlhpGna.js";import{i as b}from"../chunks/Cflu-v0E.js";import{e as f}from"../chunks/BLc2TzNH.js";import{h as ye}from"../chunks/D_dz_e_K.js";import{s as _}from"../chunks/Ce3llaYD.js";import{e as we}from"../chunks/C3zSaQMD.js";import{J as B}from"../chunks/D0agKaRj.js";import{S as ke}from"../chunks/Duawn2EX.js";import{r as ae}from"../chunks/Du09UsT_.js";var Ce=x('<meta property="og:locale:alternate"/>'),Me=x('<span class="mb-4 inline-block rounded-full bg-primary/10 px-3 py-1 text-xs font-semibold tracking-wider text-primary uppercase"> </span>'),qe=x('<a class="inline-flex items-center gap-2 rounded-lg border px-6 py-3 text-sm font-semibold transition-colors hover:bg-muted"> </a>'),De=x('<div class="rounded-xl border bg-card p-5"><p class="mb-1 text-sm font-semibold"> </p> <p class="text-sm text-muted-foreground"> </p></div>'),Le=x('<li class="flex gap-4"><div class="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-primary text-sm font-bold text-primary-foreground"> </div> <div><p class="font-semibold"> </p> <p class="text-sm text-muted-foreground"> </p></div></li>'),$e=x('<div class="rounded-xl border bg-card p-5"><p class="mb-1 text-sm font-semibold"> </p> <p class="text-sm text-muted-foreground"> </p></div>'),Ae=x('<section class="mb-16"><h2 class="mb-8 text-center text-2xl font-bold">Who Uses This</h2> <div class="grid gap-5 sm:grid-cols-3"></div></section>'),Se=x('<details class="group rounded-xl border bg-card p-5"><summary class="cursor-pointer list-none text-sm font-semibold group-open:text-primary"> </summary> <p class="mt-3 text-sm leading-relaxed text-muted-foreground"> </p></details>'),je=x('<a class="rounded-xl border bg-card p-4 transition-all hover:border-primary/40 hover:shadow-sm"><p class="mb-1 text-sm font-semibold"> </p> <p class="text-xs text-muted-foreground"> </p></a>'),Ne=x('<span class="rounded-full bg-muted px-3 py-1 text-xs text-muted-foreground"> </span>'),Ue=x('<div class="mt-12 flex flex-wrap gap-2"></div>'),Be=x('<!>  <!> <!> <!> <div class="container mx-auto max-w-4xl px-4 py-16 sm:px-6 lg:px-8"><nav class="mb-10 flex items-center gap-1.5 text-xs text-muted-foreground"><a class="hover:text-foreground">Home</a> <span>/</span> <a class="hover:text-foreground">Video Translator</a> <span>/</span> <span class="text-foreground"> </span></nav> <div class="mb-16 text-center"><!> <h1 class="mb-5 text-4xl font-extrabold tracking-tight sm:text-5xl"> </h1> <p class="mx-auto mb-8 max-w-2xl text-lg text-muted-foreground"> </p> <div class="flex flex-wrap justify-center gap-3"><a class="inline-flex items-center gap-2 rounded-lg bg-primary px-6 py-3 text-sm font-semibold text-primary-foreground transition-opacity hover:opacity-90"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"></path></svg></a> <!></div></div> <section class="mb-16"><h2 class="mb-8 text-center text-2xl font-bold"> </h2> <div class="grid gap-5 sm:grid-cols-2"></div></section> <section class="mb-16"><h2 class="mb-8 text-center text-2xl font-bold"> </h2> <ol class="space-y-6"></ol></section> <!> <section class="mb-16"><h2 class="mb-8 text-2xl font-bold">Frequently Asked Questions</h2> <div class="space-y-4"></div></section> <section class="mb-16"><h2 class="mb-6 text-xl font-bold">More Languages & Tools</h2> <div class="grid gap-4 sm:grid-cols-3"></div></section> <div class="rounded-2xl bg-primary/5 px-8 py-10 text-center"><h2 class="mb-2 text-xl font-bold"> </h2> <p class="mb-6 text-muted-foreground">Free to try. No install. No credit card required.</p> <a href="/tools/translate-video" class="inline-flex items-center gap-2 rounded-lg bg-primary px-5 py-2.5 text-sm font-semibold text-primary-foreground transition-opacity hover:opacity-90">Dub my video <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"></path></svg></a></div> <!></div>',1);function ze(oe,I){_e(I,!0);const o=g(()=>I.data.page),T=we.PUBLIC_BASE_URL;var W=Be();ye("hle26n",t=>{var a=he(),i=te(a);{var l=v=>{var p=Ce();u(()=>_(p,"content",e(o).languageCode)),m(v,p)};b(i,v=>{e(o).languageCode&&v(l)})}m(t,a)});var E=te(W);{let t=g(()=>e(o).seo.keywords.join(", ")),a=g(()=>e(o).seo.og.image??void 0);ke(E,{get title(){return`${e(o).seo.title??""} — DevMotion`},get description(){return e(o).seo.description},get keywords(){return e(t)},get canonical(){return e(o).seo.canonical},get image(){return e(a)},get twitterTitle(){return e(o).seo.twitter.title},get twitterDescription(){return e(o).seo.twitter.description},get twitterCard(){return e(o).seo.twitter.card}})}var F=n(E,2);{let t=g(()=>({"@context":"https://schema.org","@type":"SoftwareApplication",name:e(o).seo.title,description:e(o).seo.description,url:e(o).seo.canonical,applicationCategory:"MultimediaApplication",operatingSystem:"Web",offers:{"@type":"Offer",price:"0",priceCurrency:"USD"},inLanguage:e(o).languageCode,author:{"@type":"Organization",name:"DevMotion",url:T}}));B(F,{get item(){return e(t)}})}var H=n(F,2);{let t=g(()=>({"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:[{"@type":"ListItem",position:1,name:"Home",item:T},{"@type":"ListItem",position:2,name:e(o).seo.title,item:e(o).seo.canonical}]}));B(H,{get item(){return e(t)}})}var P=n(H,2);{let t=g(()=>({"@context":"https://schema.org","@type":"FAQPage",mainEntity:e(o).faq.map(a=>({"@type":"Question",name:a.question,acceptedAnswer:{"@type":"Answer",text:a.answer}}))}));B(P,{get item(){return e(t)}})}var Q=n(P,2),w=s(Q),V=s(w),J=n(V,4),O=n(J,4),se=s(O,!0);r(O),r(w);var k=n(w,2),z=s(k);{var ie=t=>{var a=Me(),i=s(a,!0);r(a),u(()=>d(i,e(o).hero.badge)),m(t,a)};b(z,t=>{e(o).hero.badge&&t(ie)})}var C=n(z,2),ne=s(C,!0);r(C);var M=n(C,2),le=s(M,!0);r(M);var R=n(M,2),y=s(R),de=s(y);re(),r(y);var pe=n(y,2);{var ve=t=>{var a=qe(),i=s(a,!0);r(a),u(()=>{_(a,"href",e(o).hero.secondaryCta.href),d(i,e(o).hero.secondaryCta.text)}),m(t,a)};b(pe,t=>{e(o).hero.secondaryCta&&t(ve)})}r(R),r(k);var q=n(k,2),D=s(q),ce=s(D);r(D);var Y=n(D,2);f(Y,21,()=>e(o).features,t=>t.title,(t,a)=>{var i=De(),l=s(i),v=s(l,!0);r(l);var p=n(l,2),c=s(p,!0);r(p),r(i),u(()=>{d(v,e(a).title),d(c,e(a).description)}),m(t,i)}),r(Y),r(q);var L=n(q,2),$=s(L),me=s($);r($);var G=n($,2);f(G,21,()=>e(o).howItWorks,t=>t.step,(t,a)=>{var i=Le(),l=s(i),v=s(l,!0);r(l);var p=n(l,2),c=s(p),N=s(c,!0);r(c);var h=n(c,2),U=s(h,!0);r(h),r(p),r(i),u(()=>{d(v,e(a).step),d(N,e(a).name),d(U,e(a).text)}),m(t,i)}),r(G),r(L);var K=n(L,2);{var xe=t=>{var a=Ae(),i=n(s(a),2);f(i,21,()=>e(o).useCases,l=>l.title,(l,v)=>{var p=$e(),c=s(p),N=s(c,!0);r(c);var h=n(c,2),U=s(h,!0);r(h),r(p),u(()=>{d(N,e(v).title),d(U,e(v).description)}),m(l,p)}),r(i),r(a),m(t,a)};b(K,t=>{e(o).useCases&&e(o).useCases.length>0&&t(xe)})}var A=n(K,2),X=n(s(A),2);f(X,21,()=>e(o).faq,t=>t.question,(t,a)=>{var i=Se(),l=s(i),v=s(l,!0);r(l);var p=n(l,2),c=s(p,!0);r(p),r(i),u(()=>{d(v,e(a).question),d(c,e(a).answer)}),m(t,i)}),r(X),r(A);var S=n(A,2),Z=n(s(S),2);f(Z,21,()=>e(o).relatedPages,t=>t.href,(t,a)=>{var i=je(),l=s(i),v=s(l,!0);r(l);var p=n(l,2),c=s(p,!0);r(p),r(i),u(()=>{_(i,"href",e(a).href),d(v,e(a).title),d(c,e(a).description)}),m(t,i)}),r(Z),r(S);var j=n(S,2),ee=s(j),ue=s(ee);r(ee),re(4),r(j);var ge=n(j,2);{var fe=t=>{var a=Ue();f(a,20,()=>e(o).seo.keywords,i=>i,(i,l)=>{var v=Ne(),p=s(v,!0);r(v),u(()=>d(p,l)),m(i,v)}),r(a),m(t,a)};b(ge,t=>{e(o).seo.keywords.length&&t(fe)})}r(Q),u((t,a)=>{_(V,"href",t),_(J,"href",a),d(se,e(o).languageName),d(ne,e(o).hero.headline),d(le,e(o).hero.subheadline),_(y,"href",e(o).hero.cta.href),d(de,`${e(o).hero.cta.text??""} `),d(ce,`Why Use DevMotion to Dub Videos to ${e(o).languageName??""}`),d(me,`How to Dub Your Video to ${e(o).languageName??""}`),d(ue,`Start dubbing to ${e(o).languageName??""} now`)},[()=>ae("/"),()=>ae("/tools/translate-video")]),m(oe,W),be()}export{ze as component};

package/studio/client/_app/immutable/nodes/42.XO5VZAmI.js

@@ -1 +0,0 @@
-import"../chunks/CM9l4cpH.js";import{p as j,k as _,s as n,b as s,i as e,f as l,e as $,q as b,g as v,j as tt,c as y,r as i}from"../chunks/Da3fz6L-.js";import{s as et,a as at}from"../chunks/BZ3Ts6hC.js";import{s as P}from"../chunks/CHlhpGna.js";import{i as w}from"../chunks/Cflu-v0E.js";import{e as rt}from"../chunks/BLc2TzNH.js";import{h as ot}from"../chunks/D_dz_e_K.js";import{s as S}from"../chunks/Ce3llaYD.js";import{p as it}from"../chunks/Dl3gtmRH.js";import{S as nt}from"../chunks/Duawn2EX.js";import{J as st}from"../chunks/D0agKaRj.js";import{g as lt}from"../chunks/CC8c0epL.js";import{P as mt,a as dt,b as ct}from"../chunks/C_JEyoc9.js";import{r as ut}from"../chunks/Du09UsT_.js";import{e as gt}from"../chunks/C3zSaQMD.js";import{a as vt,p as pt}from"../chunks/DK-xvsKr.js";var ft=v('<link rel="prev"/>'),xt=v('<link rel="prev"/>'),ht=v('<link rel="next"/>'),_t=v("<!> <!>",1),bt=v('<div class="rounded-3xl border border-dashed border-muted-foreground/20 bg-muted/10 py-20 text-center"><p class="text-2xl font-light text-muted-foreground">No projects found.</p> <p class="mt-2 text-sm text-muted-foreground">Check back later for new creations!</p></div>'),yt=v('<!> <div class="flex flex-1 flex-col gap-3 p-5"><h3 class="line-clamp-1 text-lg font-semibold tracking-tight text-foreground transition-colors group-hover:text-primary"> </h3> <div class="mt-auto flex items-center justify-between border-t border-border/40 pt-3 text-sm text-muted-foreground"><div class="flex items-center gap-2"><div class="flex h-6 w-6 items-center justify-center rounded-full bg-linear-to-tr from-indigo-500 to-purple-500 text-[10px] font-bold text-white"> </div> <span class="max-w-[100px] truncate"> </span></div> <span class="text-xs opacity-70"> </span></div></div>',1),Pt=v('<div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"></div>'),wt=v('<!> <!> <div class="flex-1 bg-background text-foreground"><div class="container mx-auto px-4 py-16 sm:px-6 lg:px-8"><div class="mb-16 space-y-4 text-center"><h1 class="bg-linear-to-r from-primary to-purple-400 bg-clip-text text-4xl font-extrabold tracking-tight text-transparent md:text-5xl lg:text-6xl">Community Gallery</h1> <p class="mx-auto max-w-2xl text-xl text-muted-foreground">Discover motion graphics and animations built with DevMotion. All created in the browser.</p></div> <!> <!></div></div>',1);function qt(R,a){j(a,!0);const W=()=>at(it,"$page",q),[q,H]=et(),D=gt.PUBLIC_BASE_URL,p=b(()=>`${D}/gallery`),N=b(()=>a.data.currentPage===1?e(p):`${e(p)}?page=${a.data.currentPage}`);function T(r){if(r<1||r>a.data.pages)return;const t=new URL(W().url);t.searchParams.set("page",String(r)),lt(t.toString())}var I=wt();ot("9wb0xp",r=>{var t=_t(),m=_(t);{var o=d=>{var c=tt(),x=_(c);{var h=u=>{var g=ft();y(()=>S(g,"href",e(p))),s(u,g)},f=u=>{var g=xt();y(()=>S(g,"href",`${e(p)??""}?page=${a.data.currentPage-1}`)),s(u,g)};w(x,u=>{a.data.currentPage===2?u(h):u(f,-1)})}s(d,c)};w(m,d=>{a.data.currentPage>1&&d(o)})}var k=n(m,2);{var U=d=>{var c=ht();y(()=>S(c,"href",`${e(p)??""}?page=${a.data.currentPage+1}`)),s(d,c)};w(k,d=>{a.data.currentPage<a.data.pages&&d(U)})}s(r,t)});var M=_(I);nt(M,{title:"Community Gallery - Motion Graphics Showcase | DevMotion",get description(){return`Explore ${a.data.total??""} motion graphics and animations created with DevMotion. Browse professional projects from our community, get inspired, and see what's possible in your browser.`},get canonical(){return e(N)}});var A=n(M,2);{let r=b(()=>({"@context":"https://schema.org","@type":"CollectionPage",name:"DevMotion Community Gallery",description:"Showcase of motion graphics and animations created with DevMotion. Discover professional projects, creative animations, and inspiring visual content from our community.",url:e(p),mainEntity:{"@type":"ItemList",numberOfItems:a.data.total,itemListElement:a.data.projects.map((t,m)=>({"@type":"ListItem",position:(a.data.currentPage-1)*12+m+1,item:{"@type":"CreativeWork",name:t.name,url:pt(t.id),thumbnailUrl:t.thumbnailUrl||vt(t.id),author:{"@type":"Person",name:t.user?.name||"Anonymous Creator"},dateModified:new Date(t.updatedAt).toISOString(),interactionStatistic:{"@type":"InteractionCounter",interactionType:{"@type":"WatchAction"},userInteractionCount:t.views}}}))},breadcrumb:{"@type":"BreadcrumbList",itemListElement:[{"@type":"ListItem",position:1,name:"Home",item:D},{"@type":"ListItem",position:2,name:"Gallery",item:e(p)}]}}));st(A,{get item(){return e(r)}})}var E=n(A,2),G=l(E),B=n(l(G),2);{var z=r=>{var t=bt();s(r,t)},F=r=>{var t=Pt();rt(t,21,()=>a.data.projects,m=>m.id,(m,o)=>{{let k=b(()=>ut("/(app)/editor/p/[id]",{id:e(o).id}));dt(m,{get href(){return e(k)},children:(U,d)=>{var c=yt(),x=_(c);ct(x,{get thumbnailUrl(){return e(o).thumbnailUrl},get name(){return e(o).name},get views(){return e(o).views},get isMcp(){return e(o).isMcp},class:"rounded-none"});var h=n(x,2),f=l(h),u=l(f,!0);i(f);var g=n(f,2),C=l(g),L=l(C),Q=l(L,!0);i(L);var O=n(L,2),V=l(O,!0);i(O),i(C);var J=n(C,2),X=l(J,!0);i(J),i(g),i(h),y((Y,Z)=>{P(u,e(o).name),P(Q,Y),P(V,e(o).user?.name||"Anonymous"),P(X,Z)},[()=>(e(o).user?.name||"?")[0].toUpperCase(),()=>new Date(e(o).updatedAt).toLocaleDateString()]),s(U,c)},$$slots:{default:!0}})}}),i(t),s(r,t)};w(B,r=>{a.data.projects.length===0?r(z):r(F,-1)})}var K=n(B,2);mt(K,{get currentPage(){return a.data.currentPage},get totalPages(){return a.data.pages},onPageChange:T,variant:"full"}),i(G),i(E),s(R,I),$(),H()}export{qt as component};

package/studio/client/_app/immutable/nodes/43.CWpVKGhz.js

@@ -1 +0,0 @@
-import"../chunks/CM9l4cpH.js";import"../chunks/Bst4bpcL.js";import{b as s,g as l,n as d,k as u,s as p,f as n,r}from"../chunks/Da3fz6L-.js";import{S as h}from"../chunks/Duawn2EX.js";var y=l('<h1 id="privacy-policy">Privacy Policy</h1> <p><em>Last updated: March 6, 2026</em></p> <h2 id="1-introduction">1. Introduction</h2> <p>DevMotion (“we”, “us”, or “our”) is committed to protecting your privacy. This Privacy Policy explains how we collect, use, and safeguard your information when you use our motion graphics editor service.</p> <h2 id="2-information-we-collect">2. Information We Collect</h2> <h3 id="21-authentication-data">2.1 Authentication Data</h3> <p>When you sign in with Google OAuth, we collect:</p> <ul><li>Email address</li> <li>Name</li> <li>Profile picture</li> <li>Google account ID</li></ul> <h3 id="22-project-data">2.2 Project Data</h3> <p>We store the following data to provide our service:</p> <ul><li>Animation projects (layers, keyframes, timelines)</li> <li>Project settings and metadata</li> <li>Media files you upload (images, videos, audio)</li></ul> <h3 id="23-payment-and-subscription-data">2.3 Payment and Subscription Data</h3> <p>If you purchase a paid subscription, we collect and process:</p> <ul><li>Payment method information (tokenized by Polar; we do not store full card numbers)</li> <li>Billing and shipping addresses</li> <li>Transaction history and receipts</li> <li>Subscription status and tier</li> <li>Customer ID from our payment processor</li></ul> <p>This data is collected to process payments, maintain subscription access, comply with financial regulations, and provide customer support. Payment processing is handled by Polar, which has its own privacy policy governing how payment information is handled.</p> <h3 id="24-email-communications">2.4 Email Communications</h3> <p>We use your email address to:</p> <ul><li>Send onboarding emails when you create an account</li> <li>Provide transactional notifications (payment confirmations, subscription changes)</li> <li>Send important service updates and security alerts</li> <li>Respond to support inquiries</li></ul> <p>Email delivery is handled by our email service provider (Resend). You can manage your email preferences or opt out of non-essential communications through your account settings or the unsubscribe link in emails.</p> <h3 id="25-anonymous-usage">2.5 Anonymous Usage</h3> <p>You can use DevMotion without creating an account. Anonymous projects are stored locally in your browser and are not accessible to us.</p> <h2 id="3-how-we-use-your-information">3. How We Use Your Information</h2> <p>We use collected information to:</p> <ul><li>Provide and maintain the animation editor service</li> <li>Store and sync your projects across devices</li> <li>Authenticate your account and prevent unauthorized access</li> <li>Improve and optimize the Service</li> <li>Communicate important service updates</li></ul> <h2 id="4-data-storage-and-security">4. Data Storage and Security</h2> <p>Your data is stored using industry-standard security measures:</p> <ul><li>Projects and user data are stored in a secure PostgreSQL database with encrypted connections</li> <li>Media files are stored in S3-compatible object storage</li> <li>Authentication uses secure OAuth 2.0 protocol</li> <li>All connections to DevMotion use HTTPS encryption</li></ul> <p>While we implement reasonable security measures, no method of transmission over the Internet is 100% secure. We cannot guarantee absolute security.</p> <h2 id="5-data-sharing">5. Data Sharing</h2> <p>We do not sell, trade, or rent your personal information to third parties. We may share data only in these circumstances:</p> <ul><li><strong>Service Providers:</strong> Third-party services that help us operate (hosting, storage, analytics) under strict confidentiality agreements</li> <li><strong>Payment Processors:</strong> Polar receives payment information to process transactions securely</li> <li><strong>Email Service:</strong> Resend receives email addresses and message content to deliver onboarding, transactional, and service emails</li> <li><strong>Legal Requirements:</strong> When required by law or to protect our rights and safety</li> <li><strong>Public Gallery:</strong> Projects you explicitly choose to publish to the community gallery</li></ul> <h2 id="6-cookies-and-local-storage">6. Cookies and Local Storage</h2> <p>DevMotion uses browser local storage and cookies to:</p> <ul><li>Maintain your login session</li> <li>Store projects locally when using without an account</li> <li>Remember your preferences and settings</li></ul> <p>You can clear local storage and cookies through your browser settings, but this may affect functionality.</p> <h2 id="7-your-rights">7. Your Rights</h2> <p>You have the right to:</p> <ul><li>Access the personal data we hold about you</li> <li>Request correction of inaccurate data</li> <li>Request deletion of your account and associated data</li> <li>Export your projects and data</li> <li>Opt out of non-essential communications</li></ul> <p>To exercise these rights, contact us at <a href="mailto:contact@devmotion.app">contact@devmotion.app</a></p> <h2 id="8-data-retention">8. Data Retention</h2> <p>We retain your data as long as your account is active or as needed to provide services. Specific retention periods:</p> <ul><li><strong>Account and project data:</strong> Retained while your account is active; permanently deleted within 30 days of account deletion</li> <li><strong>Authentication data:</strong> Removed when you delete your account</li> <li><strong>Payment and transaction records:</strong> Retained for 7 years to comply with financial and tax regulations, even after account deletion</li> <li><strong>Subscription history:</strong> Retained for 7 years for billing dispute resolution and regulatory compliance</li> <li><strong>Email communication logs:</strong> Retained for 2 years for support and compliance purposes</li> <li><strong>Anonymized analytics data:</strong> May be retained indefinitely</li></ul> <p>When you delete your account:</p> <ul><li>Your projects and uploaded media are permanently deleted within 30 days</li> <li>Your personal profile data is removed</li> <li>Payment records are anonymized but retained for regulatory compliance</li> <li>You can request a full data export before deletion</li></ul> <h2 id="9-childrens-privacy">9. Children’s Privacy</h2> <p>DevMotion is not intended for users under 13 years of age. We do not knowingly collect personal information from children under 13. If you believe we have collected such data, please contact us immediately.</p> <h2 id="10-international-users">10. International Users</h2> <p>DevMotion is operated globally. Your data may be transferred to and processed in countries other than your own. By using the Service, you consent to such transfers.</p> <h2 id="11-third-party-services">11. Third-Party Services</h2> <p>DevMotion integrates with:</p> <ul><li><strong>Google OAuth:</strong> For authentication (governed by <a href="https://policies.google.com/privacy" rel="nofollow">Google’s Privacy Policy</a>)</li> <li><strong>Polar:</strong> For payment processing (governed by <a href="https://polar.sh/legal/privacy" rel="nofollow">Polar’s Privacy Policy</a>)</li> <li><strong>Resend:</strong> For email delivery (governed by <a href="https://resend.com/legal/privacy-policy" rel="nofollow">Resend’s Privacy Policy</a>)</li> <li><strong>OpenRouter:</strong> For AI features (optional)</li></ul> <p>We are not responsible for the privacy practices of third-party services. We recommend reviewing their privacy policies to understand how they handle your data.</p> <h2 id="12-changes-to-privacy-policy">12. Changes to Privacy Policy</h2> <p>We may update this Privacy Policy from time to time. We will notify users of significant changes via email or a prominent notice on the Service. Continued use after changes constitutes acceptance.</p> <h2 id="13-contact-us">13. Contact Us</h2> <p>If you have questions about this Privacy Policy or our data practices, please contact us:</p> <ul><li>Email: <a href="mailto:contact@devmotion.app">contact@devmotion.app</a></li></ul>',1);function m(o){var e=y();d(112),s(o,e)}var g=l('<!> <div class="container mx-auto max-w-4xl px-4 py-16 sm:px-6 lg:px-8"><div class="prose max-w-none prose-neutral dark:prose-invert"><!></div></div>',1);function b(o){var e=g(),i=u(e);h(i,{title:"Privacy Policy - DevMotion",description:"Privacy Policy explaining how DevMotion collects and uses your data."});var t=p(i,2),a=n(t),c=n(a);m(c),r(a),r(t),s(o,e)}export{b as component};

package/studio/client/_app/immutable/nodes/44.DX64rKI7.js

@@ -1 +0,0 @@
-import"../chunks/CM9l4cpH.js";import"../chunks/Bst4bpcL.js";import{b as s,g as c,n as p,k as u,s as d,f as r,r as n}from"../chunks/Da3fz6L-.js";import{S as h}from"../chunks/Duawn2EX.js";var m=c('<h1 id="terms-of-service">Terms of Service</h1> <p><em>Last updated: March 6, 2026</em></p> <h2 id="1-acceptance-of-terms">1. Acceptance of Terms</h2> <p>By accessing or using DevMotion (“the Service”), you agree to be bound by these Terms of Service. If you do not agree to these terms, please do not use the Service.</p> <h2 id="2-description-of-service">2. Description of Service</h2> <p>DevMotion is a browser-based motion graphics editor that allows users to create animations, manage projects, and export video content. The hosted Service may offer both free and paid subscription tiers with additional features or capabilities.</p> <h2 id="3-user-accounts">3. User Accounts</h2> <p>To access certain features, you may need to create an account using Google OAuth. You are responsible for:</p> <ul><li>Maintaining the security of your account credentials</li> <li>All activities that occur under your account</li> <li>Notifying us immediately of any unauthorized access</li></ul> <h2 id="4-user-content">4. User Content</h2> <p>You retain all rights to the content you create using DevMotion. By using the Service, you grant DevMotion a license to store, process, and display your content solely to provide the Service.</p> <p>You agree not to create or upload content that:</p> <ul><li>Violates any laws or regulations</li> <li>Infringes on intellectual property rights of others</li> <li>Contains malware, viruses, or harmful code</li> <li>Promotes violence, harassment, or discrimination</li> <li>Contains pornographic or sexually explicit material</li></ul> <h2 id="5-service-availability">5. Service Availability</h2> <p>We strive to maintain high availability but do not guarantee uninterrupted access to the Service. We reserve the right to modify, suspend, or discontinue any part of the Service at any time without prior notice.</p> <h2 id="6-intellectual-property">6. Intellectual Property</h2> <p>The DevMotion name, logo, and branding are proprietary.</p> <h2 id="7-limitation-of-liability">7. Limitation of Liability</h2> <p>DevMotion is provided “as is” without warranties of any kind. To the maximum extent permitted by law, DevMotion shall not be liable for any indirect, incidental, special, or consequential damages arising from your use of the Service.</p> <h2 id="8-data-backup">8. Data Backup</h2> <p>While we implement reasonable data protection measures, you are responsible for maintaining backups of your projects. We recommend regularly exporting your work.</p> <h2 id="9-termination">9. Termination</h2> <p>We reserve the right to suspend or terminate your account if you violate these Terms of Service or engage in harmful behavior. You may delete your account at any time.</p> <h2 id="10-changes-to-terms">10. Changes to Terms</h2> <p>We may update these Terms of Service periodically. Continued use of the Service after changes constitutes acceptance of the updated terms.</p> <h2 id="11-contact">11. Contact</h2> <p>For questions about these Terms of Service, please contact us at: <a href="mailto:contact@devmotion.app">contact@devmotion.app</a></p> <h2 id="12-governing-law">12. Governing Law</h2> <p>These Terms of Service shall be governed by and construed in accordance with applicable laws, without regard to conflict of law principles.</p>',1);function v(t){var e=m();p(56),s(t,e)}var f=c('<!> <div class="container mx-auto max-w-4xl px-4 py-16 sm:px-6 lg:px-8"><div class="prose max-w-none prose-neutral dark:prose-invert"><!></div></div>',1);function w(t){var e=f(),i=u(e);h(i,{title:"Terms of Service - DevMotion",description:"Terms of Service for using DevMotion animation editor."});var o=d(i,2),a=r(o),l=r(a);v(l),n(a),n(o),s(t,e)}export{w as component};

package/studio/client/_app/immutable/nodes/45.mLQWUOa5.js

@@ -1,2 +0,0 @@
-import"../chunks/CM9l4cpH.js";import{p as ee,k as te,s as o,f as t,i as r,c as x,b as p,e as oe,q as D,g as v,r as e}from"../chunks/Da3fz6L-.js";import{s as g}from"../chunks/CHlhpGna.js";import{i as E}from"../chunks/Cflu-v0E.js";import{e as M}from"../chunks/BLc2TzNH.js";import{s as f}from"../chunks/Ce3llaYD.js";import{r as O}from"../chunks/Du09UsT_.js";import{P as re}from"../chunks/CbADTDuG.js";import{J as ae}from"../chunks/D0agKaRj.js";import{S as se}from"../chunks/Duawn2EX.js";import{A as j}from"../chunks/BSP4E2wT.js";var ie=v('<span class="rounded bg-amber-500/15 px-1.5 py-0.5 text-[10px] font-bold tracking-wide text-amber-600 uppercase dark:text-amber-400">Pro</span>'),de=v('<p class="mt-3 text-[10px] text-muted-foreground/60"> </p>'),ne=v('<a class="group relative flex flex-col overflow-hidden rounded-2xl border bg-card transition-all hover:border-primary/40 hover:shadow-md"><div class="aspect-video w-full overflow-hidden bg-muted"><img class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-105" loading="lazy"/></div> <div class="flex flex-1 flex-col p-4"><div class="mb-1 flex items-center gap-2"><h3 class="text-sm leading-snug font-semibold"> </h3> <!></div> <p class="flex-1 text-xs leading-relaxed text-muted-foreground"> </p> <!></div> <div class="absolute top-3 right-3 flex h-7 w-7 items-center justify-center rounded-full bg-background/80 opacity-0 shadow transition-opacity group-hover:opacity-100"><!></div></a>'),le=v('<section class="mb-12"><h2 class="mb-5 text-sm font-semibold tracking-wide text-muted-foreground uppercase"> </h2> <div class="grid gap-5 sm:grid-cols-2 lg:grid-cols-3"></div></section>'),ce=v(`<!> <!> <div class="container mx-auto max-w-5xl px-4 py-16 sm:px-6 lg:px-8"><div class="mb-14 text-center"><span class="mb-4 inline-block rounded-full bg-primary/10 px-3 py-1 text-xs font-semibold tracking-wider text-primary uppercase">Free tools</span> <h1 class="mb-4 text-4xl font-extrabold tracking-tight sm:text-5xl">Video tools that work in your browser</h1> <p class="mx-auto max-w-2xl text-lg text-muted-foreground">No install, no signup required. Pick a tool, follow the steps, and export your video in
-      seconds. Powered by AI.</p></div> <!> <div class="mt-16 rounded-2xl bg-primary/5 px-8 py-10 text-center"><h2 class="mb-2 text-xl font-bold">Want more control?</h2> <p class="mb-6 text-muted-foreground">Open the full editor to keyframe, layer, and export at any resolution.</p> <a class="inline-flex items-center gap-2 rounded-lg bg-primary px-5 py-2.5 text-sm font-semibold text-primary-foreground transition-opacity hover:opacity-90">Open Editor <!></a></div></div>`,1);function we(B,n){ee(n,!0);const I=re,J={recording:"Recording",media:"Video & Audio",composite:"Mockups & Design",text:"Text"},R=D(()=>new Set([...n.data.templates.map(a=>a.category)]));var L=ce(),P=te(L);se(P,{title:"Free Video Tools — DevMotion",description:"Free AI-powered video tools. Add captions, record your screen, create browser mockups, translate videos, and more — no install required.",keywords:"free video tools, auto captions, screen recorder, browser mockup, video translator, silence remover",image:"/tools/og.png"});var S=o(P,2);{let a=D(()=>({"@context":"https://schema.org","@type":"ItemList",name:"Free Video Tools by DevMotion",description:"A collection of free AI-powered video editing and creation tools.",url:`${I}/tools`,numberOfItems:n.data.templates.length,itemListElement:n.data.templates.map((d,l)=>({"@type":"ListItem",position:l+1,url:`${I}/tools/${d.id}`,name:d.seoTitle}))}));ae(S,{get item(){return r(a)}})}var F=o(S,2),T=o(t(F),2);M(T,16,()=>r(R),a=>a,(a,d)=>{var l=le(),h=t(l),N=t(h,!0);e(h);var V=o(h,2);M(V,21,()=>n.data.templates.filter(c=>c.category===d),c=>c.id,(c,i)=>{var u=ne(),_=t(u),q=t(_);e(_);var y=o(_,2),w=t(y),k=t(w),W=t(k,!0);e(k);var G=o(k,2);{var H=s=>{var m=ie();p(s,m)};E(G,s=>{r(i).isPro&&s(H)})}e(w);var A=o(w,2),K=t(A,!0);e(A);var Q=o(A,2);{var X=s=>{var m=de(),Z=t(m);e(m),x($=>g(Z,`Used ${$??""} times`),[()=>r(i).usageCount.toLocaleString()]),p(s,m)};E(Q,s=>{r(i).usageCount>0&&s(X)})}e(y);var C=o(y,2),Y=t(C);j(Y,{class:"h-3.5 w-3.5"}),e(C),e(u),x(s=>{f(u,"href",s),f(q,"src",r(i).thumbnail),f(q,"alt",`${r(i).name??""} preview`),g(W,r(i).name),g(K,r(i).description)},[()=>O("/(marketing)/tools/[slug]",{slug:r(i).id})]),p(c,u)}),e(V),e(l),x(()=>g(N,J[d]??d)),p(a,l)});var U=o(T,2),b=o(t(U),4),z=o(t(b));j(z,{class:"h-4 w-4"}),e(b),e(U),e(F),x(a=>f(b,"href",a),[()=>O("/editor")]),p(B,L),oe()}export{we as component};

package/studio/client/_app/immutable/nodes/46.KA353oiQ.js

@@ -1 +0,0 @@
-import"../chunks/CM9l4cpH.js";import{p as ge,x as xe,i as e,k as _e,s as i,b as c,e as he,q as _,a4 as R,g as v,f as s,r as o,n as K,t as N,c as S,h as C}from"../chunks/Da3fz6L-.js";import{s as P}from"../chunks/CHlhpGna.js";import{i as L}from"../chunks/Cflu-v0E.js";import{e as be}from"../chunks/BLc2TzNH.js";import{s as T,c as we}from"../chunks/Ce3llaYD.js";import{P as ye}from"../chunks/CbADTDuG.js";import{J as Q}from"../chunks/D0agKaRj.js";import{S as je}from"../chunks/Duawn2EX.js";import{B as V}from"../chunks/COdfvEKk.js";import{g as Pe,T as ke,E as Ie}from"../chunks/Bxcr6TQy.js";import{P as Se}from"../chunks/C0K_KauH.js";import{i as Ce,g as Le,S as Te,a as X,U as Ee}from"../chunks/BSBe_oem.js";import{c as ze}from"../chunks/Dhskw98X.js";import"../chunks/CQdOmqus.js";import"../chunks/K82XSOze.js";import{r as B}from"../chunks/Du09UsT_.js";import{g as Ue}from"../chunks/CC8c0epL.js";import{u as E}from"../chunks/t2OI8QCJ.js";import{deleteProject as De}from"../chunks/0LXoSuAq.js";import{A as Ae}from"../chunks/BSP4E2wT.js";const Be=ze("1afl6ud/trackTemplateUsage");var We=v('<span class="rounded bg-amber-500/15 px-2 py-0.5 text-xs font-bold tracking-wide text-amber-600 uppercase dark:text-amber-400">Pro</span>'),qe=v('<span class="rounded bg-green-500/15 px-2 py-0.5 text-xs font-bold tracking-wide text-green-600 uppercase dark:text-green-400">Free</span>'),Oe=v('<span class="flex items-center gap-1 text-xs text-muted-foreground"><!> </span>'),He=v('<span class="rounded-full bg-muted px-3 py-1 text-xs text-muted-foreground"> </span>'),Je=v('<div class="mt-16 flex flex-wrap gap-2"></div>'),Me=v('<div class="container mx-auto max-w-4xl px-4 py-16 sm:px-6 lg:px-8"><nav class="mb-8 flex items-center gap-1.5 text-xs text-muted-foreground"><a class="hover:text-foreground">Home</a> <span>/</span> <a class="hover:text-foreground">Tools</a> <span>/</span> <span class="text-foreground"> </span></nav> <div class="grid gap-12 lg:grid-cols-2 lg:items-center"><div><div class="mb-4 flex items-center gap-2"><!> <!></div> <h1 class="mb-4 text-4xl font-extrabold tracking-tight sm:text-5xl"> </h1> <p class="mb-8 text-lg text-muted-foreground"> </p> <!></div> <div class="overflow-hidden rounded-2xl border shadow-xl"><img class="aspect-video w-full object-cover"/></div></div> <!></div>'),Fe=v('<div class="flex flex-1 items-center justify-center bg-background px-4 py-10"><div class="flex w-full max-w-lg flex-col rounded-2xl border bg-card shadow-2xl" style="min-height: 420px;"><!></div></div>'),Ge=v('<div class="flex flex-1 flex-col items-center justify-center gap-6 bg-background px-4 py-10"><div class="w-full max-w-3xl"><!></div> <div class="flex flex-wrap justify-center gap-3"><!> <!></div></div>'),Re=v("<!> <!> <!> <!>",1);function pt(Y,t){ge(t,!0);const u=ye;let f=R("idle");const k=_(()=>Pe(t.data.templateId));Ce();const m=_(Le),g=_(()=>e(m).project);let W=R(!1);xe(()=>{E.setCreateSilently(!0);const a=()=>{!e(W)&&e(m).dbProjectId&&De({id:e(m).dbProjectId})};return window.addEventListener("beforeunload",a),()=>{E.setCreateSilently(!1),window.removeEventListener("beforeunload",a),a()}});async function Z(){e(k)&&await E.requireLogin("use this template",()=>{e(m).project.loadProject({...X(),name:e(k).name}),C(f,"wizard")})}async function $(){Be({templateId:t.data.templateId}),await E.doSaveToCloud(e(m)),C(W,!0),C(f,"preview")}function ee(){C(f,"idle"),e(m).project.loadProject({...X()}),e(m).markAsSaved()}async function te(){e(m).dbProjectId&&await Ue(B("/(app)/editor/p/[id]",{id:e(m).dbProjectId}))}var q=Re(),O=_e(q);{let a=_(()=>t.data.keywords.join(", "));je(O,{get title(){return`${t.data.seoTitle??""} — DevMotion`},get description(){return t.data.seoDescription},get keywords(){return e(a)},get image(){return`/tools/${t.data.templateId??""}/og.png`}})}var H=i(O,2);{let a=_(()=>({"@context":"https://schema.org","@type":"WebApplication",name:t.data.seoTitle,description:t.data.seoDescription,url:`${u}/tools/${t.data.templateId}`,operatingSystem:"Web",offers:{"@type":"Offer",price:t.data.isPro?"9":"0",priceCurrency:"USD"},screenshot:`${u}${t.data.thumbnail}`,author:{"@type":"Organization",name:"DevMotion",url:u}}));Q(H,{get item(){return e(a)}})}var J=i(H,2);{let a=_(()=>({"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:[{"@type":"ListItem",position:1,name:"Home",item:u},{"@type":"ListItem",position:2,name:"Tools",item:`${u}/tools`},{"@type":"ListItem",position:3,name:t.data.name,item:`${u}/tools/${t.data.templateId}`}]}));Q(J,{get item(){return e(a)}})}var ae=i(J,2);{var re=a=>{var d=Me(),l=s(d),x=s(l),h=i(x,4),b=i(h,4),z=s(b,!0);o(b),o(l);var w=i(l,2),I=s(w),y=s(I),M=s(y);{var ie=r=>{var n=We();c(r,n)},ne=r=>{var n=qe();c(r,n)};L(M,r=>{t.data.isPro?r(ie):r(ne,-1)})}var de=i(M,2);{var le=r=>{var n=Oe(),p=s(n);Ee(p,{class:"h-3 w-3"});var A=i(p);o(n),S(j=>P(A,` ${j??""} uses`),[()=>t.data.usageCount.toLocaleString()]),c(r,n)};L(de,r=>{t.data.usageCount>0&&r(le)})}o(y);var U=i(y,2),ce=s(U,!0);o(U);var D=i(U,2),me=s(D,!0);o(D);var ve=i(D,2);V(ve,{size:"lg",class:"gap-2",onclick:Z,iconAtEnd:!0,get icon(){return Ae},children:(r,n)=>{K();var p=N("Get started");c(r,p)},$$slots:{default:!0}}),o(I);var F=i(I,2),G=s(F);o(F),o(w);var pe=i(w,2);{var ue=r=>{var n=Je();be(n,20,()=>t.data.keywords,p=>p,(p,A)=>{var j=He(),fe=s(j,!0);o(j),S(()=>P(fe,A)),c(p,j)}),o(n),c(r,n)};L(pe,r=>{t.data.keywords.length&&r(ue)})}o(d),S((r,n)=>{T(x,"href",r),T(h,"href",n),P(z,t.data.name),P(ce,t.data.seoTitle),P(me,t.data.seoDescription),T(G,"src",t.data.thumbnail),T(G,"alt",`${t.data.name??""} preview`)},[()=>B("/"),()=>B("/tools")]),c(a,d)},oe=a=>{var d=Fe(),l=s(d),x=s(l);ke(x,{get template(){return e(k)},get projectStore(){return e(g)},onComplete:$,onCancel:ee,inProject:!1}),o(l),o(d),c(a,d)},se=a=>{var d=Ge(),l=s(d),x=s(l);Se(x,{get project(){return e(g).state},showControls:!0,showWatermark:!0,autoplay:!0}),o(l);var h=i(l,2),b=s(h);V(b,{variant:"outline",class:"gap-2",onclick:te,get icon(){return Te},children:(w,I)=>{K();var y=N("Open in editor");c(w,y)},$$slots:{default:!0}});var z=i(b,2);Ie(z,{get projectId(){return e(m).dbProjectId}}),o(h),o(d),S(()=>we(l,`aspect-ratio: ${e(g).state.width??""}/${e(g).state.height??""}; max-height: 70vh;`)),c(a,d)};L(ae,a=>{e(f)==="idle"?a(re):e(f)==="wizard"&&e(k)&&e(g)?a(oe,1):e(f)==="preview"&&e(g)&&a(se,2)})}c(Y,q),he()}export{pt as component};

package/studio/client/_app/immutable/nodes/47.D3mABDjY.js

@@ -1 +0,0 @@
-import"../chunks/CM9l4cpH.js";import{p as ue,k as ge,i as e,s as i,f as o,c as u,b as m,e as fe,q as f,g as x,r,n as he}from"../chunks/Da3fz6L-.js";import{s as d}from"../chunks/CHlhpGna.js";import{i as w}from"../chunks/Cflu-v0E.js";import{e as h}from"../chunks/BLc2TzNH.js";import{s as g}from"../chunks/Ce3llaYD.js";import{e as _e}from"../chunks/C3zSaQMD.js";import{r as U}from"../chunks/Du09UsT_.js";import{J as D}from"../chunks/D0agKaRj.js";import{S as be}from"../chunks/Duawn2EX.js";var ye=x('<span class="mb-4 inline-block rounded-full bg-primary/10 px-3 py-1 text-xs font-semibold tracking-wider text-primary uppercase"> </span>'),we=x('<a class="inline-flex items-center gap-2 rounded-lg border px-6 py-3 text-sm font-semibold transition-colors hover:bg-muted"> </a>'),ke=x('<div class="rounded-xl border bg-card p-5"><p class="mb-1 text-sm font-semibold"> </p> <p class="text-sm text-muted-foreground"> </p></div>'),Ce=x('<li class="flex gap-4"><div class="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-primary text-sm font-bold text-primary-foreground"> </div> <div><p class="font-semibold"> </p> <p class="text-sm text-muted-foreground"> </p></div></li>'),Se=x('<div class="rounded-xl border bg-card p-5"><p class="mb-1 text-sm font-semibold"> </p> <p class="text-sm text-muted-foreground"> </p></div>'),qe=x('<section class="mb-16"><h2 class="mb-8 text-center text-2xl font-bold">Use Cases</h2> <div class="grid gap-5 sm:grid-cols-3"></div></section>'),Ae=x('<details class="group rounded-xl border bg-card p-5"><summary class="cursor-pointer list-none text-sm font-semibold group-open:text-primary"> </summary> <p class="mt-3 text-sm leading-relaxed text-muted-foreground"> </p></details>'),Ie=x('<a class="rounded-xl border bg-card p-4 transition-all hover:border-primary/40 hover:shadow-sm"><p class="mb-1 text-sm font-semibold"> </p> <p class="text-xs text-muted-foreground"> </p></a>'),Le=x('<span class="rounded-full bg-muted px-3 py-1 text-xs text-muted-foreground"> </span>'),Me=x('<div class="mt-12 flex flex-wrap gap-2"></div>'),Te=x('<!> <!> <!> <!> <div class="container mx-auto max-w-4xl px-4 py-16 sm:px-6 lg:px-8"><nav class="mb-10 flex items-center gap-1.5 text-xs text-muted-foreground"><a class="hover:text-foreground">Home</a> <span>/</span> <a class="hover:text-foreground">Tools</a> <span>/</span> <a class="capitalize hover:text-foreground"> </a> <span>/</span> <span class="text-foreground capitalize"> </span></nav> <div class="mb-16 text-center"><!> <h1 class="mb-5 text-4xl font-extrabold tracking-tight sm:text-5xl"> </h1> <p class="mx-auto mb-8 max-w-2xl text-lg text-muted-foreground"> </p> <div class="flex flex-wrap justify-center gap-3"><a class="inline-flex items-center gap-2 rounded-lg bg-primary px-6 py-3 text-sm font-semibold text-primary-foreground transition-opacity hover:opacity-90"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"></path></svg></a> <!></div></div> <section class="mb-16"><h2 class="mb-8 text-center text-2xl font-bold">Key Features</h2> <div class="grid gap-5 sm:grid-cols-2"></div></section> <section class="mb-16"><h2 class="mb-8 text-center text-2xl font-bold">How It Works</h2> <ol class="space-y-6"></ol></section> <!> <section class="mb-16"><h2 class="mb-8 text-center text-2xl font-bold">Frequently Asked Questions</h2> <div class="space-y-4"></div></section> <section class="mb-16"><h2 class="mb-6 text-xl font-bold">Related Tools</h2> <div class="grid gap-4 sm:grid-cols-3"></div></section> <div class="rounded-2xl bg-primary/5 px-8 py-10 text-center"><h2 class="mb-2 text-xl font-bold"> </h2> <p class="mb-6 text-muted-foreground">Free to start. No credit card required.</p> <a class="inline-flex items-center gap-2 rounded-lg bg-primary px-5 py-2.5 text-sm font-semibold text-primary-foreground transition-opacity hover:opacity-90">Get started free <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"></path></svg></a></div> <!></div>',1);function Pe(te,F){ue(F,!0);const s=f(()=>F.data.page),k=_e.PUBLIC_BASE_URL;var W=Te(),z=ge(W);{let a=f(()=>e(s).seo.keywords.join(", ")),t=f(()=>e(s).seo.og.image??void 0);be(z,{get title(){return`${e(s).seo.title??""} — DevMotion`},get description(){return e(s).seo.description},get keywords(){return e(a)},get canonical(){return e(s).seo.canonical},get image(){return e(t)},get twitterTitle(){return e(s).seo.twitter.title},get twitterDescription(){return e(s).seo.twitter.description},get twitterCard(){return e(s).seo.twitter.card}})}var E=i(z,2);{let a=f(()=>({"@context":"https://schema.org","@type":"SoftwareApplication",name:e(s).seo.title,description:e(s).seo.description,url:e(s).seo.canonical,applicationCategory:"MultimediaApplication",operatingSystem:"Web",offers:{"@type":"Offer",price:"0",priceCurrency:"USD"},author:{"@type":"Organization",name:"DevMotion",url:k},breadcrumb:{"@type":"BreadcrumbList",itemListElement:[{"@type":"ListItem",position:1,name:"Home",item:k},{"@type":"ListItem",position:2,name:"Tools",item:`${k}/tools`},{"@type":"ListItem",position:3,name:e(s).seo.title,item:e(s).seo.canonical}]}}));D(E,{get item(){return e(a)}})}var P=i(E,2);{let a=f(()=>({"@context":"https://schema.org","@type":"HowTo",name:e(s).hero.headline,description:e(s).hero.subheadline,step:e(s).howItWorks.map(t=>({"@type":"HowToStep",position:t.step,name:t.name,text:t.text,...t.image?{image:t.image}:{}}))}));D(P,{get item(){return e(a)}})}var Q=i(P,2);{let a=f(()=>({"@context":"https://schema.org","@type":"FAQPage",mainEntity:e(s).faq.map(t=>({"@type":"Question",name:t.question,acceptedAnswer:{"@type":"Answer",text:t.answer}}))}));D(Q,{get item(){return e(a)}})}var J=i(Q,2),C=o(J),O=o(C),R=i(O,4),b=i(R,4),re=o(b,!0);r(b);var G=i(b,4),ae=o(G,!0);r(G),r(C);var S=i(C,2),K=o(S);{var se=a=>{var t=ye(),n=o(t,!0);r(t),u(()=>d(n,e(s).hero.badge)),m(a,t)};w(K,a=>{e(s).hero.badge&&a(se)})}var q=i(K,2),oe=o(q,!0);r(q);var A=i(q,2),ie=o(A,!0);r(A);var N=i(A,2),y=o(N),ne=o(y);he(),r(y);var le=i(y,2);{var de=a=>{var t=we(),n=o(t,!0);r(t),u(()=>{g(t,"href",e(s).hero.secondaryCta.href),d(n,e(s).hero.secondaryCta.text)}),m(a,t)};w(le,a=>{e(s).hero.secondaryCta&&a(de)})}r(N),r(S);var I=i(S,2),V=i(o(I),2);h(V,21,()=>e(s).features,a=>a.title,(a,t)=>{var n=ke(),l=o(n),c=o(l,!0);r(l);var p=i(l,2),v=o(p,!0);r(p),r(n),u(()=>{d(c,e(t).title),d(v,e(t).description)}),m(a,n)}),r(V),r(I);var L=i(I,2),X=i(o(L),2);h(X,21,()=>e(s).howItWorks,a=>a.step,(a,t)=>{var n=Ce(),l=o(n),c=o(l,!0);r(l);var p=i(l,2),v=o(p),B=o(v,!0);r(v);var _=i(v,2),H=o(_,!0);r(_),r(p),r(n),u(()=>{d(c,e(t).step),d(B,e(t).name),d(H,e(t).text)}),m(a,n)}),r(X),r(L);var Y=i(L,2);{var pe=a=>{var t=qe(),n=i(o(t),2);h(n,21,()=>e(s).useCases,l=>l.title,(l,c)=>{var p=Se(),v=o(p),B=o(v,!0);r(v);var _=i(v,2),H=o(_,!0);r(_),r(p),u(()=>{d(B,e(c).title),d(H,e(c).description)}),m(l,p)}),r(n),r(t),m(a,t)};w(Y,a=>{e(s).useCases&&e(s).useCases.length>0&&a(pe)})}var M=i(Y,2),Z=i(o(M),2);h(Z,21,()=>e(s).faq,a=>a.question,(a,t)=>{var n=Ae(),l=o(n),c=o(l,!0);r(l);var p=i(l,2),v=o(p,!0);r(p),r(n),u(()=>{d(c,e(t).question),d(v,e(t).answer)}),m(a,n)}),r(Z),r(M);var T=i(M,2),ee=i(o(T),2);h(ee,21,()=>e(s).relatedPages,a=>a.href,(a,t)=>{var n=Ie(),l=o(n),c=o(l,!0);r(l);var p=i(l,2),v=o(p,!0);r(p),r(n),u(()=>{g(n,"href",e(t).href),d(c,e(t).title),d(v,e(t).description)}),m(a,n)}),r(ee),r(T);var $=i(T,2),j=o($),ce=o(j,!0);r(j);var ve=i(j,4);r($);var me=i($,2);{var xe=a=>{var t=Me();h(t,20,()=>e(s).seo.keywords,n=>n,(n,l)=>{var c=Le(),p=o(c,!0);r(c),u(()=>d(p,l)),m(n,c)}),r(t),m(a,t)};w(me,a=>{e(s).seo.keywords.length&&a(xe)})}r(J),u((a,t,n,l,c)=>{g(O,"href",a),g(R,"href",t),g(b,"href",n),d(re,l),d(ae,c),d(oe,e(s).hero.headline),d(ie,e(s).hero.subheadline),g(y,"href",e(s).hero.cta.href),d(ne,`${e(s).hero.cta.text??""} `),d(ce,e(s).hero.cta.text),g(ve,"href",e(s).hero.cta.href)},[()=>U("/"),()=>U("/tools"),()=>U("/(marketing)/tools/[slug]",{slug:e(s).toolSlug}),()=>e(s).toolSlug?.replace(/-/g," "),()=>e(s).platformSlug?.replace(/-/g," ")]),m(te,W),fe()}export{Pe as component};

package/studio/client/_app/immutable/nodes/48.BwjQpQnt.js

@@ -1 +0,0 @@
-import"../chunks/CM9l4cpH.js";import{p as Nt,k as Et,i as t,s as i,f as r,c as f,b as c,e as Ft,q as M,g as x,r as e,n as Pt,t as St}from"../chunks/Da3fz6L-.js";import{s as d}from"../chunks/CHlhpGna.js";import{i as b}from"../chunks/Cflu-v0E.js";import{e as y}from"../chunks/BLc2TzNH.js";import{s as q,b as Wt,d as Ht}from"../chunks/Ce3llaYD.js";import{e as Qt}from"../chunks/C3zSaQMD.js";import{J as Q}from"../chunks/D0agKaRj.js";import{S as Ut}from"../chunks/Duawn2EX.js";import{r as Jt}from"../chunks/Du09UsT_.js";var Rt=x('<span class="mb-4 inline-block rounded-full bg-green-500/10 px-3 py-1 text-xs font-semibold tracking-wider text-green-600 uppercase dark:text-green-400"> </span>'),Tt=x('<a class="inline-flex items-center gap-2 rounded-lg border px-6 py-3 text-sm font-semibold transition-colors hover:bg-muted"> </a>'),zt=x('<span class="text-green-600">✓</span>'),Ot=x('<span class="text-red-500">✗</span>'),$t=x('<span class="text-green-600/90"> </span>'),Gt=x('<span class="text-green-600">✓</span>'),Kt=x('<span class="text-red-500">✗</span>'),Vt=x('<tr><td class="px-4 py-3 font-medium"> </td><td class="px-4 py-3 text-center"><!></td><td class="px-4 py-3 text-center text-muted-foreground"><!></td></tr>'),Xt=x('<section class="mb-16"><h2 class="mb-3 text-2xl font-bold"> </h2> <p class="mb-6 text-muted-foreground"> </p> <div class="overflow-hidden rounded-xl border"><table class="w-full text-sm"><thead><tr class="border-b bg-muted/50"><th class="px-4 py-3 text-left font-semibold">Feature</th><th class="px-4 py-3 text-center font-semibold text-primary">DevMotion</th><th class="px-4 py-3 text-center font-semibold text-muted-foreground"> </th></tr></thead><tbody></tbody></table></div></section>'),Yt=x('<div class="rounded-xl border bg-card p-5"><p class="mb-1 text-sm font-semibold"> </p> <p class="text-sm text-muted-foreground"> </p></div>'),Zt=x('<li class="flex gap-4"><div class="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-primary text-sm font-bold text-primary-foreground"> </div> <div><p class="font-semibold"> </p> <p class="text-sm text-muted-foreground"> </p></div></li>'),te=x('<div class="rounded-xl border bg-card p-5"><p class="mb-1 text-sm font-semibold"> </p> <p class="text-sm text-muted-foreground"> </p></div>'),ee=x('<section class="mb-16"><h2 class="mb-8 text-2xl font-bold">When DevMotion Is the Better Choice</h2> <div class="grid gap-5 sm:grid-cols-3"></div></section>'),re=x('<details class="group rounded-xl border bg-card p-5"><summary class="cursor-pointer list-none text-sm font-semibold group-open:text-primary"> </summary> <p class="mt-3 text-sm leading-relaxed text-muted-foreground"> </p></details>'),ae=x('<a class="rounded-xl border bg-card p-4 transition-all hover:border-primary/40 hover:shadow-sm"><p class="mb-1 text-sm font-semibold"> </p> <p class="text-xs text-muted-foreground"> </p></a>'),se=x('<span class="rounded-full bg-muted px-3 py-1 text-xs text-muted-foreground"> </span>'),oe=x('<div class="mt-12 flex flex-wrap gap-2"></div>'),ie=x('<!> <!> <!> <!> <div class="container mx-auto max-w-4xl px-4 py-16 sm:px-6 lg:px-8"><nav class="mb-10 flex items-center gap-1.5 text-xs text-muted-foreground"><a class="hover:text-foreground">Home</a> <span>/</span> <span class="text-foreground"> </span></nav> <div class="mb-16 text-center"><!> <h1 class="mb-5 text-4xl font-extrabold tracking-tight sm:text-5xl"> </h1> <p class="mx-auto mb-8 max-w-2xl text-lg text-muted-foreground"> </p> <div class="flex flex-wrap justify-center gap-3"><a class="inline-flex items-center gap-2 rounded-lg bg-primary px-6 py-3 text-sm font-semibold text-primary-foreground transition-opacity hover:opacity-90"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"></path></svg></a> <!></div></div> <!> <section class="mb-16"><h2 class="mb-8 text-2xl font-bold">Why Choose DevMotion</h2> <div class="grid gap-5 sm:grid-cols-2"></div></section> <section class="mb-16"><h2 class="mb-8 text-2xl font-bold"> </h2> <ol class="space-y-6"></ol></section> <!> <section class="mb-16"><h2 class="mb-8 text-2xl font-bold">Frequently Asked Questions</h2> <div class="space-y-4"></div></section> <section class="mb-16"><h2 class="mb-6 text-xl font-bold">Explore DevMotion</h2> <div class="grid gap-4 sm:grid-cols-3"></div></section> <div class="rounded-2xl bg-primary/5 px-8 py-10 text-center"><h2 class="mb-2 text-xl font-bold">Ready to switch?</h2> <p class="mb-6 text-muted-foreground">DevMotion is free to start. No credit card, no install required.</p> <a href="/editor" class="inline-flex items-center gap-2 rounded-lg bg-primary px-5 py-2.5 text-sm font-semibold text-primary-foreground transition-opacity hover:opacity-90">Try DevMotion Free <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"></path></svg></a></div> <!></div>',1);function fe(dt,U){Nt(U,!0);const s=M(()=>U.data.page),J=Qt.PUBLIC_BASE_URL;var R=ie(),T=Et(R);{let a=M(()=>t(s).seo.keywords.join(", ")),o=M(()=>t(s).seo.og.image??void 0);Ut(T,{get title(){return`${t(s).seo.title??""} — DevMotion`},get description(){return t(s).seo.description},get keywords(){return t(a)},get canonical(){return t(s).seo.canonical},get image(){return t(o)},get twitterTitle(){return t(s).seo.twitter.title},get twitterDescription(){return t(s).seo.twitter.description},get twitterCard(){return t(s).seo.twitter.card}})}var z=i(T,2);{let a=M(()=>({"@context":"https://schema.org","@type":"WebPage",name:t(s).seo.title,description:t(s).seo.description,url:t(s).seo.canonical,author:{"@type":"Organization",name:"DevMotion",url:J}}));Q(z,{get item(){return t(a)}})}var O=i(z,2);{let a=M(()=>({"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:[{"@type":"ListItem",position:1,name:"Home",item:J},{"@type":"ListItem",position:2,name:t(s).seo.title,item:t(s).seo.canonical}]}));Q(O,{get item(){return t(a)}})}var $=i(O,2);{let a=M(()=>({"@context":"https://schema.org","@type":"FAQPage",mainEntity:t(s).faq.map(o=>({"@type":"Question",name:o.question,acceptedAnswer:{"@type":"Answer",text:o.answer}}))}));Q($,{get item(){return t(a)}})}var G=i($,2),B=r(G),K=r(B),V=i(K,4),lt=r(V);e(V),e(B);var L=i(B,2),X=r(L);{var vt=a=>{var o=Rt(),n=r(o,!0);e(o),f(()=>d(n,t(s).hero.badge)),c(a,o)};b(X,a=>{t(s).hero.badge&&a(vt)})}var j=i(X,2),pt=r(j,!0);e(j);var A=i(j,2),ct=r(A,!0);e(A);var Y=i(A,2),C=r(Y),mt=r(C);Pt(),e(C);var xt=i(C,2);{var ut=a=>{var o=Tt(),n=r(o,!0);e(o),f(()=>{q(o,"href",t(s).hero.secondaryCta.href),d(n,t(s).hero.secondaryCta.text)}),c(a,o)};b(xt,a=>{t(s).hero.secondaryCta&&a(ut)})}e(Y),e(L);var Z=i(L,2);{var _t=a=>{var o=Xt(),n=r(o),l=r(n);e(n);var m=i(n,2),v=r(m,!0);e(m);var u=i(m,2),w=r(u),g=r(w),k=r(g),ot=i(r(k),2),yt=r(ot,!0);e(ot),e(k),e(g);var it=i(g);y(it,23,()=>t(s).comparison.rows,S=>S.feature,(S,h,wt)=>{var D=Vt(),W=r(D),kt=r(W,!0);e(W);var H=i(W),Mt=r(H);{var Ct=p=>{var _=zt();c(p,_)},Dt=p=>{var _=Ot();c(p,_)},qt=p=>{var _=$t(),It=r(_,!0);e(_),f(()=>d(It,t(h).devmotion)),c(p,_)};b(Mt,p=>{t(h).devmotion===!0?p(Ct):t(h).devmotion===!1?p(Dt,1):p(qt,-1)})}e(H);var nt=i(H),Bt=r(nt);{var Lt=p=>{var _=Gt();c(p,_)},jt=p=>{var _=Kt();c(p,_)},At=p=>{var _=St();f(()=>d(_,t(h).competitor)),c(p,_)};b(Bt,p=>{t(h).competitor===!0?p(Lt):t(h).competitor===!1?p(jt,1):p(At,-1)})}e(nt),e(D),f(()=>{Wt(D,1,Ht(t(wt)%2===0?"":"bg-muted/20")),d(kt,t(h).feature)}),c(S,D)}),e(it),e(w),e(u),e(o),f(()=>{d(l,`DevMotion vs ${t(s).competitorName??""}`),d(v,t(s).comparison.intro),d(yt,t(s).competitorName)}),c(a,o)};b(Z,a=>{t(s).comparison&&a(_t)})}var I=i(Z,2),tt=i(r(I),2);y(tt,21,()=>t(s).features,a=>a.title,(a,o)=>{var n=Yt(),l=r(n),m=r(l,!0);e(l);var v=i(l,2),u=r(v,!0);e(v),e(n),f(()=>{d(m,t(o).title),d(u,t(o).description)}),c(a,n)}),e(tt),e(I);var N=i(I,2),E=r(N),ft=r(E);e(E);var et=i(E,2);y(et,21,()=>t(s).howItWorks,a=>a.step,(a,o)=>{var n=Zt(),l=r(n),m=r(l,!0);e(l);var v=i(l,2),u=r(v),w=r(u,!0);e(u);var g=i(u,2),k=r(g,!0);e(g),e(v),e(n),f(()=>{d(m,t(o).step),d(w,t(o).name),d(k,t(o).text)}),c(a,n)}),e(et),e(N);var rt=i(N,2);{var gt=a=>{var o=ee(),n=i(r(o),2);y(n,21,()=>t(s).useCases,l=>l.title,(l,m)=>{var v=te(),u=r(v),w=r(u,!0);e(u);var g=i(u,2),k=r(g,!0);e(g),e(v),f(()=>{d(w,t(m).title),d(k,t(m).description)}),c(l,v)}),e(n),e(o),c(a,o)};b(rt,a=>{t(s).useCases&&t(s).useCases.length>0&&a(gt)})}var F=i(rt,2),at=i(r(F),2);y(at,21,()=>t(s).faq,a=>a.question,(a,o)=>{var n=re(),l=r(n),m=r(l,!0);e(l);var v=i(l,2),u=r(v,!0);e(v),e(n),f(()=>{d(m,t(o).question),d(u,t(o).answer)}),c(a,n)}),e(at),e(F);var P=i(F,2),st=i(r(P),2);y(st,21,()=>t(s).relatedPages,a=>a.href,(a,o)=>{var n=ae(),l=r(n),m=r(l,!0);e(l);var v=i(l,2),u=r(v,!0);e(v),e(n),f(()=>{q(n,"href",t(o).href),d(m,t(o).title),d(u,t(o).description)}),c(a,n)}),e(st),e(P);var ht=i(P,4);{var bt=a=>{var o=oe();y(o,20,()=>t(s).seo.keywords,n=>n,(n,l)=>{var m=se(),v=r(m,!0);e(m),f(()=>d(v,l)),c(n,m)}),e(o),c(a,o)};b(ht,a=>{t(s).seo.keywords.length&&a(bt)})}e(G),f(a=>{q(K,"href",a),d(lt,`DevMotion vs ${t(s).competitorName??""}`),d(pt,t(s).hero.headline),d(ct,t(s).hero.subheadline),q(C,"href",t(s).hero.cta.href),d(mt,`${t(s).hero.cta.text??""} `),d(ft,`How to Switch from ${t(s).competitorName??""}`)},[()=>Jt("/")]),c(dt,R),Ft()}export{fe as component};

package/studio/client/_app/immutable/nodes/49.EaoBcCzE.js

@@ -1,7 +0,0 @@
-import"../chunks/CM9l4cpH.js";import{o as T}from"../chunks/B-oba5Tq.js";import{p as M,j as P,d as S,b as u,k as j,e as E,$,i as e,g as v,a4 as _,h as c,f,s as A,r as g,c as D,q as L}from"../chunks/Da3fz6L-.js";import{i as q}from"../chunks/Cflu-v0E.js";import{h as x}from"../chunks/D_dz_e_K.js";import{c as F}from"../chunks/Ce3llaYD.js";import{L as N}from"../chunks/lmiZGmp5.js";import{P as R,B as I}from"../chunks/BSBe_oem.js";const V=!1,X=Object.freeze(Object.defineProperty({__proto__:null,ssr:V},Symbol.toStringTag,{value:"Module"}));var C=v(`<style>html,
-    body {
-      margin: 0;
-      padding: 0;
-      overflow: hidden;
-      background: black;
-    }</style>`),z=v('<div class="render-container svelte-1yuvhc7"><!> <div class="layers-container svelte-1yuvhc7"><!></div></div>');function Y(y,w){M(w,!0);let t=_(null),s=_(0),h;const b=new Promise(a=>{h=a});T(()=>{const a=window.__DEVMOTION_PROJECT__;if(!a){console.error("No __DEVMOTION_PROJECT__ found. This page must be loaded via headless render.");return}return c(t,R.omit({id:!0}).parse(a),!0),window.__DEVMOTION__={ready:b,seek:n=>{e(t)&&c(s,Math.max(0,Math.min(n,e(t).duration)),!0)},seekAndWait:async n=>{if(!e(t))return;c(s,Math.max(0,Math.min(n,e(t).duration)),!0),await new Promise(r=>requestAnimationFrame(r));const o=document.querySelectorAll("video");o.length>0&&await Promise.all(Array.from(o).map(r=>new Promise(i=>{if(!r.seeking&&r.readyState>=2){i();return}let d=!1;const l=()=>{d||(d=!0,r.removeEventListener("seeked",m),r.removeEventListener("canplay",m),i())},m=()=>{r.readyState>=2&&l()};r.addEventListener("seeked",m),r.addEventListener("canplay",m),setTimeout(l,500)}))),await new Promise(r=>requestAnimationFrame(r))},getConfig:()=>({width:e(t).width,height:e(t).height,duration:e(t).duration,fps:e(t).fps})},requestAnimationFrame(()=>{h()}),()=>{delete window.__DEVMOTION__}});var p=P();x("1yuvhc7",a=>{var n=C();S(()=>{$.title=`Render - ${e(t)?.name??"DevMotion"??""}`}),u(a,n)});var k=j(p);{var O=a=>{var n=z();let o;var r=f(n);I(r,{get background(){return e(t).background},get currentTime(){return e(s)},get project(){return e(t)}});var i=A(r,2),d=f(i);{let l=L(()=>({width:e(t).width,height:e(t).height}));N(d,{get layers(){return e(t).layers},get currentTime(){return e(s)},get projectDuration(){return e(t).duration},disableSelection:!0,isServerSideRendering:!0,get projectFont(){return e(t).fontFamily},globalVolume:100,get viewportSize(){return e(l)},get project(){return e(t)}})}g(i),g(n),D(()=>o=F(n,"",o,{width:`${e(t).width??""}px`,height:`${e(t).height??""}px`,position:"relative",overflow:"hidden"})),u(a,n)};q(k,a=>{e(t)&&a(O)})}u(y,p),E()}export{Y as component,X as universal};

package/studio/client/_app/immutable/nodes/5.YfreNTfv.js

@@ -1 +0,0 @@
-import"../chunks/CM9l4cpH.js";import{p as t,o as n,b as p,e as m,f,g as d,r as v}from"../chunks/Da3fz6L-.js";import{s as u}from"../chunks/D4RaOAJg.js";import{b as c}from"../chunks/CC8c0epL.js";import{i as h}from"../chunks/BSBe_oem.js";var l=d('<div class="h-screen w-full"><!></div>');function C(e,a){t(a,!0);const r=h();c(({cancel:i})=>{r.hasUnsavedChanges&&(confirm("You have unsaved changes. Are you sure you want to leave?")||i())});var o=l(),s=f(o);u(s,()=>a.children??n),v(o),p(e,o),m()}export{C as component};

package/studio/client/_app/immutable/nodes/5.YfreNTfv.js.br

@@ -1 +0,0 @@
- dî�k*(��A�Z#��|J<�7�5hm�:�Q`�Y����x�	��i�j�q��?��3��_>�%����?L�+q7�`"�d�Vy��H�X����;�\Ik��y�/�`�͇�z�`��Uh./���>��5I��h�؝{�„ӜFz>}3uu�k�L�뗠��u�x�>'��؄���d�Ɂ���I�L��}Wq�Ky<9U���2NKQB���<�n���ײ�N��4 �N�����:x���4�����G� "���
�ZA\�����