@dnyantra/dtly 0.1.1 → 0.2.0

package/dist/studio-app/index.html

@@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>DT.ly Studio</title>
+    <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 32 32%22%3E%3Crect width=%2232%22 height=%2232%22 rx=%227%22 fill=%22%23e8692a%22/%3E%3Cpath d=%22M11 9l13 7-13 7z%22 fill=%22white%22/%3E%3C/svg%3E" />
+    <link rel="stylesheet" href="/app/app.css" />
+    <script>window.DTLY = __DTLY_CONFIG__;</script>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/app/app.js"></script>
+  </body>
+</html>

package/dist/version.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "0.1.1";
+export declare const VERSION = "0.2.0";
 export declare const BRAND = "DT.ly \u2014 from the creator of CustomerPro.in";

package/dist/version.js

@@ -1,3 +1,3 @@
-export const VERSION = '0.1.1';
+export const VERSION = '0.2.0';
 export const BRAND = 'DT.ly — from the creator of CustomerPro.in';
 //# sourceMappingURL=version.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dnyantra/dtly",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "DT.ly — After Effects-style motion graphics as JSON, rendered to MP4, with an MCP server for AI agents. From the creator of CustomerPro.in.",
   "keywords": [
     "motion-graphics",
@@ -58,13 +58,14 @@
     "node": ">=20"
   },
   "scripts": {
-    "build": "rm -rf dist && tsc -p tsconfig.build.json && chmod +x dist/cli.js",
+    "build": "rm -rf dist && tsc -p tsconfig.build.json && chmod +x dist/cli.js && node scripts/build-studio.mjs",
     "prepare": "npm run build",
-    "typecheck": "tsc -p .",
+    "typecheck": "tsc -p . && tsc -p tsconfig.app.json",
     "dev": "tsx src/cli.ts",
     "mcp": "tsx src/cli.ts mcp",
     "test": "npm run typecheck && tsx test/smoke.ts",
-    "prepublishOnly": "npm test && npm run build"
+    "prepublishOnly": "npm test && npm run build",
+    "test:studio": "tsx test/studio.e2e.ts"
   },
   "dependencies": {
     "@modelcontextprotocol/sdk": "^1.32.1",
@@ -73,6 +74,9 @@
   },
   "devDependencies": {
     "@types/node": "^26.6.5",
+    "esbuild": "^0.28.2",
+    "preact": "^11.0.2",
+    "puppeteer-core": "^24.43.1",
     "tsx": "^4.23.15",
     "typescript": "^7.0.2"
   },

package/plugin/skills/dtly/SKILL.md

@@ -22,6 +22,11 @@ file; you edit it only through the `dtly` MCP tools, then look at rendered frame
    fix, look again. `render_frame` at scale 0.4 for detail. `project_validate` before export.
 6. `render_video` only when the sheet looks right.
 
+**Working with a human:** call `studio_open` early so they can watch the project in DT.ly Studio
+(browser preview + timeline). Your edits appear there live, and they can drag keyframes, trim layers
+or retype text themselves — those edits save to the same file, so call `project_describe` again
+before your next change whenever they say they adjusted something.
+
 ## The model (AE vocabulary)
 
 | After Effects | DT.ly |