demobite 1.10.1 → 1.12.0

package/launcher/index.mjs

@@ -247,11 +247,73 @@ if (arg === "listen") {
   const sleep = (ms) => new Promise((r) => setTimeout(r, ms));
 
   console.log(`\n  Listening as "${name}" for ${cfg.workspace?.name ?? "your workspace"} on ${base.replace(/^https?:\/\//, "")}.`);
-  console.log(`  Ask for a demo in the app (Create → Agentic Capture). ${agentBin ? `Claude Code${agentInfo.agent_version ? " " + agentInfo.agent_version : ""} found; demos film on ${JOB_MODEL}.` : "! Claude Code was not found on this machine — install it and sign in, it does the thinking."}`);
-  console.log("  Leave this terminal open; closing it stops the listening.\n");
+  console.log(`  Ask for a demo in the app (Create → Agentic Capture). ${agentBin ? `Claude Code${agentInfo.agent_version ? " " + agentInfo.agent_version : ""} found; demos film on ${JOB_MODEL} unless you pick another model in the app.` : "! Claude Code was not found on this machine — install it and sign in, it does the thinking."}`);
+  // The one thing the person must know, boxed (founder 2026-10-15): this
+  // window is the machine's side of every recording.
+  console.log(`
+  ┌──────────────────────────────────────────────────────────┐
+  │                                                          │
+  │   LEAVE THIS WINDOW OPEN                                 │
+  │                                                          │
+  │   It is your machine's side of every recording:          │
+  │   the camera, the sign-ins, the coding agent run here.   │
+  │   Closing it, or Ctrl-C, stops the listening.            │
+  │                                                          │
+  └──────────────────────────────────────────────────────────┘
+`);
+  // A line that visibly lives (founder: "look at the terminal, it's stuck"):
+  // a heartbeat with a clock while we wait, cleared while a job prints.
+  const startedAt = Date.now();
+  const tty = !!process.stdout.isTTY;
+  let ticker = null;
+  const tick = () => {
+    const s = Math.floor((Date.now() - startedAt) / 1000);
+    const clock = `${Math.floor(s / 60)}:${String(s % 60).padStart(2, "0")}`;
+    const dot = s % 2 ? "●" : "○";
+    process.stdout.write(`\r\x1b[2K  ${dot} Listening · ${clock} · waiting for a demo from the app`);
+  };
+  const waitOn = () => { if (tty && !ticker) { tick(); ticker = setInterval(tick, 1000); } };
+  const waitOff = () => { if (ticker) { clearInterval(ticker); ticker = null; process.stdout.write("\r\x1b[2K"); } };
+  waitOn();
+
+  // A look or a sign-in ahead of any brief: one script, its lines shown live
+  // in the app (look phrases), its verdict posted as the job's result.
+  const runLookOrSignin = async (job) => {
+    const isLook = job.kind === "look";
+    const script = path.join(dest, "scripts", isLook ? "look.mjs" : "signin.mjs");
+    console.log(`\n  ${isLook ? "◉ Looking at" : "⚿ Sign-in at"} ${job.url}`);
+    await event(job.id, "started", { machine: name });
+    const { spawn } = await import("node:child_process");
+    const child = spawn("node", [script, job.url], { cwd: process.cwd(), env: { ...process.env, RECORDER_JOB: job.id, RECORDER_BASE: base, RECORDER_LISTEN: "1" }, stdio: ["ignore", "pipe", "pipe"] });
+    let verdict = null;
+    let buf = "";
+    child.stdout.on("data", (d) => {
+      buf += d.toString();
+      let i;
+      while ((i = buf.indexOf("\n")) >= 0) {
+        const line = buf.slice(0, i).trim(); buf = buf.slice(i + 1);
+        if (!line) continue;
+        if (line.startsWith("RESULT ")) { try { verdict = JSON.parse(line.slice(7)); } catch { verdict = null; } continue; }
+        console.log(`  · ${line}`);
+        if (isLook) void event(job.id, "look", { text: line.slice(0, 200) });
+      }
+    });
+    child.stderr.on("data", (d) => { const t = d.toString().trim(); if (t) console.log(`  ! ${t.split("\n")[0].slice(0, 160)}`); });
+    const code = await new Promise((r) => child.on("close", r));
+    if (isLook) {
+      if (verdict) await event(job.id, "looked", verdict);
+      else await event(job.id, "failed", { message: "The look did not finish" });
+    } else if (code === 0) await event(job.id, "ready", { signedIn: true, url: job.url });
+    else await event(job.id, "failed", { message: "The sign-in did not complete" });
+    console.log(`  ■ ${isLook ? `Look: ${verdict?.access ?? "failed"}` : code === 0 ? "Signed in." : "Sign-in did not complete."}\n`);
+    waitOn();
+  };
 
   const runJob = async (job) => {
-    console.log(`\n  ▶ Job ${job.id}: ${job.brief.slice(0, 100)}${job.brief.length > 100 ? "…" : ""}`);
+    waitOff();
+    if (job.kind === "look" || job.kind === "signin") return runLookOrSignin(job);
+    const model = typeof job.model === "string" && job.model ? job.model : JOB_MODEL;
+    console.log(`\n  ▶ Job ${job.id}: ${job.brief.slice(0, 100)}${job.brief.length > 100 ? "…" : ""}  (filming on ${model})`);
     if (!agentBin) { await event(job.id, "failed", { message: "Claude Code is not installed on this machine" }); return; }
     await event(job.id, "started", { machine: name });
     const prompt = [
@@ -260,7 +322,7 @@ if (arg === "listen") {
       job.url ? `Address to start from: ${job.url}` : "Address: work it out from this project (the saved config, the codebase).",
       `Show the storyboard before filming: ${job.review_storyboard ? "yes — run storyboard.mjs await and obey its answer" : "no — storyboard.mjs await returns film at once"}.`,
     ].join("\n");
-    const child = (await import("node:child_process")).spawn(agentBin, ["-p", prompt, "--model", JOB_MODEL, "--output-format", "stream-json", "--verbose", "--dangerously-skip-permissions"], {
+    const child = (await import("node:child_process")).spawn(agentBin, ["-p", prompt, "--model", model, "--output-format", "stream-json", "--verbose", "--dangerously-skip-permissions"], {
       cwd: process.cwd(),
       env: { ...process.env, RECORDER_JOB: job.id, RECORDER_BASE: base, RECORDER_LISTEN: "1" },
       stdio: ["ignore", "pipe", "pipe"],
@@ -289,7 +351,8 @@ if (arg === "listen") {
       if (code === 0) await event(job.id, "note", { text: "The agent finished without a ready signal." });
       await event(job.id, "failed", { message: code === 0 ? "The demo did not come through — try again" : `The agent stopped (exit ${code})` });
     }
-    console.log(`  ■ Job ${job.id} ${st?.status ?? "ended"}.`);
+    console.log(`  ■ Job ${job.id} ${st?.status ?? "ended"}.\n`);
+    waitOn();
   };
 
   for (;;) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "demobite",
-  "version": "1.10.1",
+  "version": "1.12.0",
   "description": "The DemoBites agentic recorder — you prompt, it films a real browser, and DemoBites turns the take into an editable demo bite.",
   "bin": {
     "demobite": "launcher/index.mjs"

package/skill/scripts/look.mjs

@@ -0,0 +1,64 @@
+#!/usr/bin/env node
+// LOOK (founder 2026-10-15): the moment the person gives an address, the
+// listener goes and looks — reaches it, reads the front page, looks for a
+// sign-in wall, checks the ledger — and says what it found. Headless, in the
+// recorder profile (so a saved sign-in counts), never a window. Each line it
+// prints is a phrase the app shows live; the last line is RESULT {json}.
+//
+//   node scripts/look.mjs <url>
+//   RESULT { access: open | signed | signin | blocked | unreachable, title, url, origin, known }
+import fs from "node:fs";
+import path from "node:path";
+
+const arg = process.argv[2];
+const say = (t) => console.log(t);
+const result = (r) => console.log("RESULT " + JSON.stringify(r));
+if (!arg) { console.error("Usage: node scripts/look.mjs <url>"); process.exit(2); }
+let target;
+try { target = new URL(/^https?:\/\//i.test(arg) ? arg : `https://${arg}`); } catch { result({ access: "unreachable", url: arg, reason: "not an address" }); process.exit(0); }
+const host = target.host;
+say(`Knocking on ${host}…`);
+
+let ledger = {};
+try { ledger = JSON.parse(fs.readFileSync(path.resolve(process.cwd(), ".recorder", "signins.json"), "utf8")).origins ?? {}; } catch { /* none yet */ }
+
+const { chromium } = await import("playwright");
+const profileDir = process.env.RECORDER_PROFILE || path.resolve(process.cwd(), ".recorder", "profile");
+const launchOpts = {
+  headless: true,
+  viewport: { width: 1440, height: 900 },
+  args: ["--force-color-profile=srgb", "--disable-blink-features=AutomationControlled"],
+  ignoreDefaultArgs: ["--enable-automation"],
+};
+let ctx;
+try { ctx = await chromium.launchPersistentContext(profileDir, { ...launchOpts, channel: "chrome" }); }
+catch { ctx = await chromium.launchPersistentContext(profileDir, launchOpts); }
+const page = ctx.pages()[0] ?? (await ctx.newPage());
+try {
+  await page.goto(target.toString(), { waitUntil: "domcontentloaded", timeout: 30000 });
+} catch (e) {
+  say("No answer at that address.");
+  result({ access: "unreachable", url: target.toString(), origin: target.origin, reason: String(e.message).split("\n")[0].slice(0, 120) });
+  await ctx.close();
+  process.exit(0);
+}
+await page.waitForTimeout(3000);
+const title = (await page.title().catch(() => "")).trim().slice(0, 120);
+say(`Reading the front page${title ? ` — "${title}"` : ""}…`);
+say("Looking for a sign-in wall…");
+const wall = await page.evaluate(() => {
+  const pw = !!document.querySelector('input[type="password"]');
+  const p = location.pathname.toLowerCase();
+  const loginPath = /sign-?in|log-?in|login|auth\b|sso|signup|register/.test(p);
+  const bot = !!document.querySelector('input[name="cf-turnstile-response"], iframe[src*="challenges.cloudflare"], iframe[src*="recaptcha"], iframe[src*="hcaptcha"]');
+  return { pw, loginPath, bot };
+}).catch(() => ({ pw: false, loginPath: false, bot: true }));
+const origin = new URL(page.url()).origin;
+const known = !!ledger[origin];
+let access;
+if (wall.bot && !wall.pw && !wall.loginPath) access = "blocked";
+else if (wall.pw || wall.loginPath) access = "signin";
+else access = known ? "signed" : "open";
+say(access === "open" ? "Open. No sign-in needed." : access === "signed" ? "In, with the sign-in saved on this machine." : access === "signin" ? "A sign-in wall. Your session will be needed." : "A bot check stands in the way.");
+result({ access, title, url: page.url(), origin, known });
+await ctx.close();