agentreel 0.3.2 → 0.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentreel",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "description": "Turn your web apps and CLIs into viral clips",
   "bin": {
     "agentreel": "./bin/agentreel.mjs"

package/scripts/browser_demo.py

@@ -54,7 +54,7 @@ def generate_playwright_script(url, task):
         [claude, "-p", prompt, "--output-format", "text"],
         capture_output=True,
         text=True,
-        timeout=120,
+        timeout=300,
     )
 
     text = result.stdout.strip()
@@ -88,7 +88,7 @@ def extract_highlights(video_path, task):
         [claude, "-p", prompt, "--output-format", "text"],
         capture_output=True,
         text=True,
-        timeout=120,
+        timeout=300,
     )
 
     text = result.stdout.strip()

package/scripts/cli_demo.py

@@ -4,10 +4,13 @@ CLI demo recorder. Uses `claude` CLI to plan the demo, then records it.
 Usage:
     python cli_demo.py <command> <workdir> <output_cast> [context]
 """
+import getpass
 import json
 import os
 import pty
+import re
 import select
+import socket
 import subprocess
 import sys
 import time
@@ -97,7 +100,24 @@ def record_demo(steps: list[dict], workdir: str, output_path: str):
         }
         f.write(json.dumps(header) + "\n")
 
-        def write_event(event_type: str, data: str):
+        # Build patterns to strip user identity from output
+        _user = getpass.getuser()
+        _host = socket.gethostname().split(".")[0]
+        _home = os.path.expanduser("~")
+        _title_seq = re.compile(r'\x1b\][\d;]*[^\x07\x1b]*(?:\x07|\x1b\\)')
+        _identity = re.compile(
+            r'|'.join(re.escape(s) for s in {_user, _host, _home} if s),
+            re.IGNORECASE,
+        )
+
+        def _sanitize(text: str) -> str:
+            text = _title_seq.sub('', text)
+            text = _identity.sub('user', text)
+            return text
+
+        def write_event(event_type: str, data: str, sanitize: bool = False):
+            if sanitize:
+                data = _sanitize(data)
             elapsed = time.time() - start_time
             f.write(json.dumps([round(elapsed, 6), event_type, data]) + "\n")
             f.flush()
@@ -140,7 +160,7 @@ def record_demo(steps: list[dict], workdir: str, output_path: str):
                         try:
                             data = os.read(fd, 4096)
                             if data:
-                                write_event("o", data.decode("utf-8", errors="replace"))
+                                write_event("o", data.decode("utf-8", errors="replace"), sanitize=True)
                             else:
                                 break
                         except OSError:
@@ -154,7 +174,7 @@ def record_demo(steps: list[dict], workdir: str, output_path: str):
                                 if r:
                                     data = os.read(fd, 4096)
                                     if data:
-                                        write_event("o", data.decode("utf-8", errors="replace"))
+                                        write_event("o", data.decode("utf-8", errors="replace"), sanitize=True)
                                     else:
                                         break
                                 else:
@@ -192,7 +212,6 @@ def extract_highlights(cast_path: str, context: str) -> list[dict]:
 
     raw_output = "".join(lines_output)
     # Clean ANSI for Claude to read, but keep the raw for display
-    import re
     clean = re.sub(r'\x1b\[[0-9;]*[a-zA-Z]', '', raw_output)
 
     prompt = f"""You are creating a highlights reel for a CLI tool demo video. Here is the full terminal output:

package/src/CastVideo.tsx

@@ -121,22 +121,6 @@ export const CastVideo: React.FC<CastProps> = ({
       {/* Subtle animated glow blobs in background */}
       <AnimatedBackground frame={frame} duration={durationInFrames} />
 
-      {/* Global watermark — always visible */}
-      <div
-        style={{
-          position: "absolute",
-          top: 16,
-          right: 20,
-          zIndex: 5,
-          fontFamily: MONO,
-          fontSize: 11,
-          color: "rgba(255,255,255,0.2)",
-          letterSpacing: 2,
-        }}
-      >
-        made with agentreel
-      </div>
-
       <MusicTrack />
 
       <Sequence durationInFrames={titleFrames}>
@@ -694,7 +678,9 @@ const HighlightClip: React.FC<{
               const lineOpacity = interpolate(lineSpring, [0, 1], [0, 1]);
               const lineX = interpolate(lineSpring, [0, 1], [12, 0]);
 
-              let displayText = line.text;
+              // Strip leading "$ " from text — renderer adds its own $ prefix
+              const cleanText = line.isPrompt ? line.text.replace(/^\$\s*/, "") : line.text;
+              let displayText = cleanText;
               let isTyping = false;
               if (line.isPrompt) {
                 const typingEnd = lineFrame + fps * 0.6;
@@ -705,9 +691,9 @@ const HighlightClip: React.FC<{
                     [0, 1],
                     { extrapolateLeft: "clamp", extrapolateRight: "clamp" }
                   );
-                  const chars = Math.floor(progress * line.text.length);
-                  displayText = line.text.slice(0, chars);
-                  isTyping = chars < line.text.length;
+                  const chars = Math.floor(progress * cleanText.length);
+                  displayText = cleanText.slice(0, chars);
+                  isTyping = chars < cleanText.length;
                 }
               }
 
@@ -1166,11 +1152,12 @@ const EndCard: React.FC<{ text: string; url?: string }> = ({ text, url }) => {
       <div
         style={{
           position: "absolute",
-          bottom: 40,
+          top: 24,
+          right: 28,
           opacity: brandSpring * 0.4,
-          transform: `translateY(${interpolate(brandSpring, [0, 1], [10, 0])}px)`,
+          transform: `translateY(${interpolate(brandSpring, [0, 1], [-10, 0])}px)`,
           fontFamily: MONO,
-          fontSize: 13,
+          fontSize: 16,
           color: DIM,
           letterSpacing: 3,
         }}

package/src/types.ts

@@ -82,6 +82,5 @@ export const defaultProps: CastProps = {
     },
   ],
   endText: "npx agentreel",
-  endUrl: "github.com/islo-labs/agentreel",
   gradient: ["#0f0f1a", "#1a0f2e"],
 };