@spark-apps/quickpeek 1.2.5 → 1.2.6

package/README.md

@@ -1,19 +1,15 @@
-[license-link]: ./LICENSE
-[privacy-link]: ./PRIVACY.md
-[discord-link]: https://discord.gg/mAjHWE3mSp
 [coffee-link]: https://buymeacoffee.com/spark88
 
 <div align="center">
 
-<img src=imgs/logo.png>
+<img src="https://quickpeek.co/logo.png" alt="QuickPeek" width="220">
 
 **Demo videos for your web app with AI**
 
 *Because Tutorial Videos are Overrated!*
 
 [![npm](https://img.shields.io/npm/v/@spark-apps/quickpeek?style=flat-square&logo=npm&logoColor=white&color=crimson)](https://www.npmjs.com/package/@spark-apps/quickpeek)
-[![MIT](https://img.shields.io/badge/License-MIT-blueviolet?style=flat-square)][license-link]
-[![Discord](https://img.shields.io/badge/Discord-Join-5865F2?style=flat-square&logo=discord&logoColor=white)][discord-link]
+![MIT](https://img.shields.io/badge/License-MIT-blueviolet?style=flat-square)
 
 [![Listed on Sellular](https://sellular.online/badge/quickpeek.svg)](https://sellular.online/badge/quickpeek/go)
 
@@ -46,8 +42,7 @@ AI planner runs on our servers and is metered per account; over
 writing. A free video of 20 seconds or under comes out clean; a longer free video
 carries a QuickPeek watermark. The hosted web recorder at quickpeek.co is
 deliberately different: there, free videos are capped at 20 seconds and are
-always watermarked. [docs/plans-and-pricing.md](docs/plans-and-pricing.md) sets
-the two side by side.
+always watermarked. https://quickpeek.co/pricing sets the two side by side.
 
 ## Features
 
@@ -139,7 +134,7 @@ Config is auto-generated on first run. Edit `quickpeek.config.json` to customize
 | `pt` | Portuguese | `hi` | Hindi |
 | `it` | Italian | `ru` | Russian |
 
-See `src/voices.ts` for all 60+ supported languages.
+The full list comes back from the `list_voices` tool on the MCP server.
 
 </details>
 
@@ -148,8 +143,6 @@ See `src/voices.ts` for all 60+ supported languages.
 
 Edit `captions.css` (auto-generated) to customize:
 
-![Classic Yellow](imgs/caption-classic.png)
-
 ```css
 .caption {
   font-family: Arial, sans-serif;
@@ -200,7 +193,7 @@ QuickPeek ships an MCP server (`quickpeek-mcp`) so an AI agent can record a demo
 directly, with no shelling out to the CLI.
 
 ```bash
-claude mcp add quickpeek -- npx -y --package=@spark-apps/quickpeek quickpeek-mcp
+claude mcp add quickpeek -- npx -y --ignore-scripts --package=@spark-apps/quickpeek quickpeek-mcp
 ```
 
 Or add it by hand, for any MCP client:
@@ -210,7 +203,7 @@ Or add it by hand, for any MCP client:
   "mcpServers": {
     "quickpeek": {
       "command": "npx",
-      "args": ["-y", "--package=@spark-apps/quickpeek", "quickpeek-mcp"]
+      "args": ["-y", "--ignore-scripts", "--package=@spark-apps/quickpeek", "quickpeek-mcp"]
     }
   }
 }
@@ -244,7 +237,7 @@ needs no account at all for the first 5 videos, where the CLI asks for an email.
 ☕ **Devs run on coffee** - [Buy me one?][coffee-link]  
 💰 **Crypto tips welcome** - [Tip in crypto](https://tip.md/muammar-yacoob)  
 🎬 **See it work** - [Watch a demo](https://www.youtube.com/shorts/HaibrNvJknY)  
-🐛 **Found a bug or want a feature?** <img src="https://img.icons8.com/color/20/discord--v2.png" alt="Discord" width="20" height="20" style="vertical-align: middle;"> [Join Discord][discord-link] - the repo is private, so Discord is the way in.
+🐛 **Found a bug or want a feature?** Email [support@quickpeek.co](mailto:support@quickpeek.co) - the repo is private, so email is the way in.
 
 <div align="center">
 

package/dist/index.d.mts

@@ -1,5 +1,5 @@
-import { U as UserTier, C as CaptionStyle, a as CaptionPosition, b as Config, V as VoiceRate } from './voices-ufga0oOn.mjs';
-export { A as AIError, c as AIResponse, d as AIResult, e as CLI_BACKOFF_MS, f as CONFIG_FILE, g as CaptionPreset, h as CaptionWordStyle, i as ChatOptions, D as DEFAULT_CAPTIONS, j as DEFAULT_CONFIG, E as EXCLUDED_LINK_PATTERNS, k as ElementInfo, l as ElementType, H as HighlightMode, I as INTERACTIVE_SELECTORS, m as INTERNATIONAL_VOICE, N as NO_CLIP_OUTRO, P as PLAN_MAX_TOKENS, n as Plan, R as RATE_FACTOR, o as RELAY_BASE, p as RateLimitInfo, q as RetryNotice, S as SERVER_BACKOFF_MS, r as SIZE_PRESETS, s as SparkStatus, t as SparkSubscription, u as SparkTrial, v as Step, w as SuggestedAction, T as Tier, x as VERSION, y as VIDEO_PROFILES, z as VideoProfileName, B as VideoSize, F as VoiceGender, G as applyProfile, J as ariaLabelSelector, K as buildSystemPrompt, L as buildUserPrompt, M as callAI, O as callAIViaRelay, Q as crawlPage, W as deStock, X as defaultCaptionsFor, Y as getErrorMessage, Z as getLanguageName, _ as getOrRefreshRelayToken, $ as getStatus, a0 as getStatusCached, a1 as getTierByEmail, a2 as gotoSettled, a3 as hasTrialRemaining, a4 as hasVoice, a5 as idSelector, a6 as internationalVoiceFor, a7 as isCanceling, a8 as isExcludedLink, a9 as isPaid, aa as isVerified, ab as normalizeUrl, ac as parseAIPlanResponse, ad as parsePartial, ae as pricingUrl, af as rgbaToHex, ag as runPooled, ah as shouldSkipLink, ai as showPaywall, aj as stripLongDashes, ak as toTitleCase, al as voiceFor, am as waitForPlaceholdersGone } from './voices-ufga0oOn.mjs';
+import { U as UserTier, C as CaptionStyle, a as CaptionPosition, b as Config, V as VoiceRate } from './voices-5AFt1GDp.mjs';
+export { A as AIError, c as AIResponse, d as AIResult, e as CLI_BACKOFF_MS, f as CONFIG_FILE, g as CaptionPreset, h as CaptionWordStyle, i as ChatOptions, D as DEFAULT_CAPTIONS, j as DEFAULT_CONFIG, E as EXCLUDED_LINK_PATTERNS, k as ElementInfo, l as ElementType, H as HighlightMode, I as INTERACTIVE_SELECTORS, m as INTERNATIONAL_VOICE, N as NO_CLIP_OUTRO, P as PLAN_MAX_TOKENS, n as Plan, R as RATE_FACTOR, o as RELAY_BASE, p as RateLimitInfo, q as RetryNotice, S as SERVER_BACKOFF_MS, r as SIZE_PRESETS, s as SparkStatus, t as SparkSubscription, u as SparkTrial, v as Step, w as SuggestedAction, T as Tier, x as VERSION, y as VIDEO_PROFILES, z as VideoProfileName, B as VideoSize, F as VoiceGender, G as applyProfile, J as ariaLabelSelector, K as buildSystemPrompt, L as buildUserPrompt, M as callAI, O as callAIForPlan, Q as callAIViaRelay, W as crawlPage, X as deStock, Y as defaultCaptionsFor, Z as getErrorMessage, _ as getLanguageName, $ as getOrRefreshRelayToken, a0 as getStatus, a1 as getStatusCached, a2 as getTierByEmail, a3 as gotoSettled, a4 as hasTrialRemaining, a5 as hasVoice, a6 as idSelector, a7 as internationalVoiceFor, a8 as isCanceling, a9 as isExcludedLink, aa as isPaid, ab as isVerified, ac as normalizeUrl, ad as parseAIPlanResponse, ae as parsePartial, af as pricingUrl, ag as rgbaToHex, ah as runPooled, ai as shouldSkipLink, aj as showPaywall, ak as stripLongDashes, al as toTitleCase, am as voiceFor, an as waitForPlaceholdersGone } from './voices-5AFt1GDp.mjs';
 export { MALE_VOICES, MULTILINGUAL_VOICES, WIDE_VOICES, hexToAss as hexToASS, windowsDrivePathToWsl as windowsPathToWSL } from '@spark-apps/video-kit';
 import 'playwright';
 

package/dist/index.mjs

@@ -1863,6 +1863,108 @@ var init_timing = __esm({
   }
 });
 
+// src/lib/json-repair.ts
+function repairUnicodeEscapes(content) {
+  return content.replace(/\\u\{([0-9a-fA-F]{1,6})\}/g, (match, hex) => {
+    const code = Number.parseInt(hex, 16);
+    return code <= 1114111 ? String.fromCodePoint(code) : match;
+  }).replace(/\\u(?![0-9a-fA-F]{4})/g, "\\\\u");
+}
+var MAX_SALVAGE_ATTEMPTS = 500;
+var CLOSERS = { "{": "}", "[": "]" };
+function salvageTruncatedJson(content) {
+  const stack = [];
+  const cuts = [];
+  let inString = false;
+  let escaped = false;
+  const record = (index, closesContainer) => cuts.push({ index, open: stack.join(""), closesContainer });
+  for (let i = 0; i < content.length; i++) {
+    const ch = content[i];
+    if (inString) {
+      if (escaped) escaped = false;
+      else if (ch === "\\") escaped = true;
+      else if (ch === '"') {
+        inString = false;
+        record(i + 1, false);
+      }
+      continue;
+    }
+    if (ch === '"') {
+      inString = true;
+    } else if (ch === "{" || ch === "[") {
+      stack.push(ch);
+    } else if (ch === "}" || ch === "]") {
+      stack.pop();
+      record(i + 1, true);
+    } else if (ch === ",") {
+      record(i, content[i - 1] === "}" || content[i - 1] === "]");
+    }
+  }
+  const tryCut = (cut) => {
+    const head = content.slice(0, cut.index).replace(/[\s,]+$/, "");
+    if (head.endsWith(":")) return null;
+    let closed = head;
+    for (let d = cut.open.length - 1; d >= 0; d--) {
+      closed += CLOSERS[cut.open[d]];
+    }
+    try {
+      JSON.parse(closed);
+      return closed;
+    } catch {
+      return null;
+    }
+  };
+  const attempts = Math.min(cuts.length, MAX_SALVAGE_ATTEMPTS);
+  for (const containerOnly of [true, false]) {
+    for (let n = 0; n < attempts; n++) {
+      const cut = cuts[cuts.length - 1 - n];
+      if (containerOnly && !cut.closesContainer) continue;
+      const salvaged = tryCut(cut);
+      if (salvaged !== null) return salvaged;
+    }
+  }
+  return null;
+}
+function extractJsonCandidates(content) {
+  let text = content.trim();
+  const fence = text.match(/```(?:json)?\s*([\s\S]*?)(?:```|$)/);
+  if (fence?.[1]?.trim()) text = fence[1].trim();
+  const start = text.search(/[{[]/);
+  if (start === -1) return [];
+  const closer = text[start] === "{" ? "}" : "]";
+  const end = text.lastIndexOf(closer);
+  const candidates = [text.slice(start)];
+  if (end > start && end < text.length - 1) candidates.unshift(text.slice(start, end + 1));
+  return candidates;
+}
+function parseAIJson(content) {
+  const candidates = extractJsonCandidates(content);
+  if (candidates.length === 0) return null;
+  for (const text of candidates) {
+    try {
+      return { value: JSON.parse(text), repaired: false };
+    } catch {
+    }
+  }
+  for (const text of candidates) {
+    try {
+      return { value: JSON.parse(repairUnicodeEscapes(text)), repaired: true };
+    } catch {
+    }
+  }
+  for (const text of candidates) {
+    for (const variant of [repairUnicodeEscapes(text), text]) {
+      const salvaged = salvageTruncatedJson(variant);
+      if (salvaged === null) continue;
+      try {
+        return { value: JSON.parse(salvaged), repaired: true };
+      } catch {
+      }
+    }
+  }
+  return null;
+}
+
 // src/lib/api-client.ts
 init_utils();
 var PLAN_MAX_TOKENS = 1500;
@@ -2073,24 +2175,26 @@ async function callAIViaRelay(systemPrompt, userPrompt, email, tier = "free", op
   }
 }
 function parseAIPlanResponse(content) {
-  try {
-    let processedContent = content;
-    const codeBlockMatch = processedContent.match(/```(?:json)?\s*([\s\S]*?)```/);
-    if (codeBlockMatch?.[1]) {
-      processedContent = codeBlockMatch[1].trim();
-    }
-    const jsonMatch = processedContent.match(/\{[\s\S]*\}/);
-    if (!jsonMatch) {
-      return { success: false, error: "No valid JSON found in AI response" };
-    }
-    const parsed = JSON.parse(jsonMatch[0]);
-    return { success: true, plan: parsed };
-  } catch (err) {
-    return {
-      success: false,
-      error: `Failed to parse AI response: ${err instanceof Error ? err.message : String(err)}`
-    };
+  const parsed = parseAIJson(content);
+  if (!parsed) {
+    return { success: false, error: "No valid JSON found in AI response" };
+  }
+  if (!Array.isArray(parsed.value.steps) || parsed.value.steps.length === 0) {
+    return { success: false, error: "AI response has no steps" };
   }
+  return { success: true, plan: { ...parsed.value, steps: parsed.value.steps } };
+}
+async function callAIForPlan(systemPrompt, userPrompt, tier = "free", opts = {}) {
+  let lastParseError = "No valid JSON found in AI response";
+  for (let attempt = 1; attempt <= 2; attempt++) {
+    const aiResult = await callAI(systemPrompt, userPrompt, tier, opts);
+    if (!aiResult.success) return aiResult;
+    const parsed = parseAIPlanResponse(aiResult.content);
+    if (parsed.success) return { success: true, plan: parsed.plan, limits: aiResult.limits };
+    lastParseError = parsed.error;
+    console.error(`Plan parse failed (attempt ${attempt}/2):`, parsed.error);
+  }
+  return { success: false, error: lastParseError, isParseError: true };
 }
 function normalizeUrl(input) {
   let url = input.trim();
@@ -2174,7 +2278,7 @@ function getUpgradeUrl(userEmail) {
 }
 
 // src/lib/config.ts
-var VERSION = "1.2.5";
+var VERSION = "1.2.6";
 var CONFIG_FILE = "quickpeek.config.json";
 var SIZE_PRESETS = {
   wide: { width: 1920, height: 1080, zoom: 1 },
@@ -2311,8 +2415,24 @@ function defaultCaptionsFor(width, height) {
   };
 }
 
-// src/lib/crawl.ts
+// src/browser/headless.ts
 import { chromium } from "playwright";
+var NO_BROWSER_MESSAGE = "QuickPeek needs a browser to record and could not find one.\n  Run this once, then run QuickPeek again:\n    npx playwright install chromium";
+async function launchHeadlessChromium(options = {}) {
+  const opts = { ...options, headless: true };
+  try {
+    return await chromium.launch(opts);
+  } catch (bundledError) {
+    try {
+      return await chromium.launch({ ...opts, channel: "chrome" });
+    } catch {
+      const detail = bundledError instanceof Error ? bundledError.message : String(bundledError);
+      throw new Error(`${NO_BROWSER_MESSAGE}
+
+  Playwright reported: ${detail}`);
+    }
+  }
+}
 
 // src/lib/scraping.ts
 var EXCLUDED_LINK_PATTERNS = [
@@ -2550,7 +2670,13 @@ async function crawlPage(url, task = noopTask, storageStatePath, viewport) {
     return { title: cached.title, elements: [...cached.elements], scrollable: cached.scrollable };
   }
   const browserTask = task("Launching browser");
-  const browser = await chromium.launch({ headless: true });
+  let browser;
+  try {
+    browser = await launchHeadlessChromium();
+  } catch (err) {
+    browserTask.succeed("Could not launch a browser");
+    throw err;
+  }
   try {
     const context = await browser.newContext({
       ...storageStatePath ? { storageState: storageStatePath } : {},
@@ -2733,108 +2859,6 @@ var CURSOR_PNG = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAEsBAMAAAB0
 // src/lib/index.ts
 init_ffmpeg2();
 
-// src/lib/json-repair.ts
-function repairUnicodeEscapes(content) {
-  return content.replace(/\\u\{([0-9a-fA-F]{1,6})\}/g, (match, hex) => {
-    const code = Number.parseInt(hex, 16);
-    return code <= 1114111 ? String.fromCodePoint(code) : match;
-  }).replace(/\\u(?![0-9a-fA-F]{4})/g, "\\\\u");
-}
-var MAX_SALVAGE_ATTEMPTS = 500;
-var CLOSERS = { "{": "}", "[": "]" };
-function salvageTruncatedJson(content) {
-  const stack = [];
-  const cuts = [];
-  let inString = false;
-  let escaped = false;
-  const record = (index, closesContainer) => cuts.push({ index, open: stack.join(""), closesContainer });
-  for (let i = 0; i < content.length; i++) {
-    const ch = content[i];
-    if (inString) {
-      if (escaped) escaped = false;
-      else if (ch === "\\") escaped = true;
-      else if (ch === '"') {
-        inString = false;
-        record(i + 1, false);
-      }
-      continue;
-    }
-    if (ch === '"') {
-      inString = true;
-    } else if (ch === "{" || ch === "[") {
-      stack.push(ch);
-    } else if (ch === "}" || ch === "]") {
-      stack.pop();
-      record(i + 1, true);
-    } else if (ch === ",") {
-      record(i, content[i - 1] === "}" || content[i - 1] === "]");
-    }
-  }
-  const tryCut = (cut) => {
-    const head = content.slice(0, cut.index).replace(/[\s,]+$/, "");
-    if (head.endsWith(":")) return null;
-    let closed = head;
-    for (let d = cut.open.length - 1; d >= 0; d--) {
-      closed += CLOSERS[cut.open[d]];
-    }
-    try {
-      JSON.parse(closed);
-      return closed;
-    } catch {
-      return null;
-    }
-  };
-  const attempts = Math.min(cuts.length, MAX_SALVAGE_ATTEMPTS);
-  for (const containerOnly of [true, false]) {
-    for (let n = 0; n < attempts; n++) {
-      const cut = cuts[cuts.length - 1 - n];
-      if (containerOnly && !cut.closesContainer) continue;
-      const salvaged = tryCut(cut);
-      if (salvaged !== null) return salvaged;
-    }
-  }
-  return null;
-}
-function extractJsonCandidates(content) {
-  let text = content.trim();
-  const fence = text.match(/```(?:json)?\s*([\s\S]*?)(?:```|$)/);
-  if (fence?.[1]?.trim()) text = fence[1].trim();
-  const start = text.search(/[{[]/);
-  if (start === -1) return [];
-  const closer = text[start] === "{" ? "}" : "]";
-  const end = text.lastIndexOf(closer);
-  const candidates = [text.slice(start)];
-  if (end > start && end < text.length - 1) candidates.unshift(text.slice(start, end + 1));
-  return candidates;
-}
-function parseAIJson(content) {
-  const candidates = extractJsonCandidates(content);
-  if (candidates.length === 0) return null;
-  for (const text of candidates) {
-    try {
-      return { value: JSON.parse(text), repaired: false };
-    } catch {
-    }
-  }
-  for (const text of candidates) {
-    try {
-      return { value: JSON.parse(repairUnicodeEscapes(text)), repaired: true };
-    } catch {
-    }
-  }
-  for (const text of candidates) {
-    for (const variant of [repairUnicodeEscapes(text), text]) {
-      const salvaged = salvageTruncatedJson(variant);
-      if (salvaged === null) continue;
-      try {
-        return { value: JSON.parse(salvaged), repaired: true };
-      } catch {
-      }
-    }
-  }
-  return null;
-}
-
 // src/lib/prompts.ts
 init_utils();
 function buildSystemPrompt(maxSteps, profile) {
@@ -3925,6 +3949,7 @@ export {
   buildUserPrompt,
   buildWatermarkFilters,
   callAI,
+  callAIForPlan,
   callAIViaRelay,
   canReuseVoiceover,
   captionCanvas,