demo-reel 0.4.2 → 0.5.0

package/README.md

@@ -54,39 +54,42 @@ await generate(
     ],
 
     scenes: [
-      { narration: "Welcome to our app. Let's create a new project.", stepIndex: 0, isIntro: true },
-      { narration: "Fill in the details and click Create.", stepIndex: 2 },
-    ],
-
-    steps: [
-      // Scene 1
-      {
-        action: "hover",
-        selector: { strategy: "testId", value: "new-project" },
-        delayAfterMs: 800,
-      },
-      {
-        action: "click",
-        selector: { strategy: "testId", value: "new-project" },
-        delayAfterMs: 1500,
-      },
-
-      // Scene 2
-      {
-        action: "type",
-        selector: { strategy: "id", value: "name" },
-        text: "My Project",
-        delayAfterMs: 500,
-      },
       {
-        action: "hover",
-        selector: { strategy: "custom", value: "button[type='submit']" },
-        delayAfterMs: 600,
+        narration: "Welcome to our app. Let's create a new project.",
+        isIntro: true,
+        steps: [
+          {
+            action: "hover",
+            selector: { strategy: "testId", value: "new-project" },
+            delayAfterMs: 800,
+          },
+          {
+            action: "click",
+            selector: { strategy: "testId", value: "new-project" },
+            delayAfterMs: 1500,
+          },
+        ],
       },
       {
-        action: "click",
-        selector: { strategy: "custom", value: "button[type='submit']" },
-        delayAfterMs: 2000,
+        narration: "Fill in the details and click Create.",
+        steps: [
+          {
+            action: "type",
+            selector: { strategy: "id", value: "name" },
+            text: "My Project",
+            delayAfterMs: 500,
+          },
+          {
+            action: "hover",
+            selector: { strategy: "custom", value: "button[type='submit']" },
+            delayAfterMs: 600,
+          },
+          {
+            action: "click",
+            selector: { strategy: "custom", value: "button[type='submit']" },
+            delayAfterMs: 2000,
+          },
+        ],
       },
     ],
   },
@@ -225,17 +228,31 @@ Setup and cleanup run in tolerant mode — failed steps are skipped.
 
 ```typescript
 scenes: [
-  { narration: "Welcome to our app.", stepIndex: 0, isIntro: true },
-  { narration: "Let's create something.", stepIndex: 3 },
+  {
+    narration: "Welcome to our app.",
+    isIntro: true,
+    steps: [
+      { action: "goto", url: "https://myapp.com" },
+      { action: "wait", ms: 1500 },
+    ],
+  },
+  {
+    narration: "Let's create something.",
+    steps: [
+      { action: "click", selector: { strategy: "id", value: "create" } },
+    ],
+  },
 ],
 ```
 
 - `narration` — voiceover text (also used for subtitles)
-- `stepIndex` — which step starts this scene
+- `steps` — steps that belong to this scene
 - `isIntro` — marks the intro scene (used by presentation systems to skip context)
 
 Generates `.srt`, `.vtt` (subtitles) and `.meta.json` (scene timestamps for interactive players).
 
+> **Legacy compatibility:** You can also use the older format with a single top-level `steps` array and `scenes` referencing `stepIndex`. The two formats cannot be mixed.
+
 ### Steps
 
 | Action    | Description                                                          |

package/dist/commands/init.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../src/commands/init.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAuBzE,qBAAa,WAAY,YAAW,OAAO;IACzC,QAAQ,CAAC,IAAI,UAAU;IAEvB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,OAAO,CAGhC;IAEK,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,EAAE,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC,CAK5F;CACF"}
+{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../src/commands/init.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AA4BzE,qBAAa,WAAY,YAAW,OAAO;IACzC,QAAQ,CAAC,IAAI,UAAU;IAEvB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,OAAO,CAGhC;IAEK,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,EAAE,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC,CAK5F;CACF"}

package/dist/commands/init.js

@@ -13,9 +13,14 @@ export default defineConfig({
   typing: 'humanlike',
   timing: 'normal',
 
-  steps: [
-    { action: 'goto', url: 'https://example.com' },
-    { action: 'wait', ms: 1000 },
+  scenes: [
+    {
+      narration: "Welcome to our example demo.",
+      steps: [
+        { action: 'goto', url: 'https://example.com' },
+        { action: 'wait', ms: 1000 },
+      ],
+    },
   ],
 });
 `;

package/dist/commands/init.js.map

@@ -1 +1 @@
-{"version":3,"file":"init.js","sourceRoot":"","sources":["../../src/commands/init.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAG5B,MAAM,gBAAgB,GAAG;;;;;;;;;;;;;;;;;;;CAmBxB,CAAC;AAEF,MAAM,OAAO,WAAW;IACb,IAAI,GAAG,MAAM,CAAC;IAEvB,QAAQ,CAAC,IAAc;QACrB,qCAAqC;QACrC,OAAO,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;IAC3B,CAAC;IAED,KAAK,CAAC,OAAO,CAAC,KAAe,EAAE,QAAuB,EAAE,GAAmB;QACzE,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,iBAAiB,CAAC,CAAC;QACpD,MAAM,GAAG,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,EAAE,gBAAgB,EAAE,OAAO,CAAC,CAAC;QAC5D,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,WAAW,QAAQ,EAAE,CAAC,CAAC;QACvC,OAAO,CAAC,CAAC;IACX,CAAC;CACF"}
+{"version":3,"file":"init.js","sourceRoot":"","sources":["../../src/commands/init.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAG5B,MAAM,gBAAgB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;CAwBxB,CAAC;AAEF,MAAM,OAAO,WAAW;IACb,IAAI,GAAG,MAAM,CAAC;IAEvB,QAAQ,CAAC,IAAc;QACrB,qCAAqC;QACrC,OAAO,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;IAC3B,CAAC;IAED,KAAK,CAAC,OAAO,CAAC,KAAe,EAAE,QAAuB,EAAE,GAAmB;QACzE,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,iBAAiB,CAAC,CAAC;QACpD,MAAM,GAAG,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,EAAE,gBAAgB,EAAE,OAAO,CAAC,CAAC;QAC5D,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,WAAW,QAAQ,EAAE,CAAC,CAAC;QACvC,OAAO,CAAC,CAAC;IACX,CAAC;CACF"}