@opul/cli 0.1.3 → 0.1.5

package/dist/index.js

@@ -274,6 +274,9 @@ function overlayInitSource() {
     }
     function build() {
       ensureFont();
+      const stale = document.getElementById("__opul_root");
+      if (stale)
+        stale.remove();
       root = document.createElement("div");
       root.id = "__opul_root";
       root.style.cssText = "position:fixed;inset:0;z-index:2147483647;pointer-events:none;font-family:'Plus Jakarta Sans',system-ui,sans-serif;";
@@ -293,11 +296,11 @@ function overlayInitSource() {
     function ready() {
       return new Promise((res) => {
         if (document.body) {
-          build();
+          ensure();
           res();
         } else {
           document.addEventListener("DOMContentLoaded", () => {
-            build();
+            ensure();
             res();
           });
         }
@@ -1249,6 +1252,9 @@ async function demoCommand(opts) {
     console.log(`  ${rel(result.posterPath)}`);
     console.log(`
   next:  ${ink.bold(`opul publish ${rel(result.videoPath)}`)}`);
+    console.log(
+      `  ${ink.dim("\u21B3 turns it into a shareable link. needs a free account \u2014 run")} ${ink.bold("opul login")} ${ink.dim("first.")}`
+    );
   } catch (e) {
     progress.stop();
     if (e instanceof ChromeNotFoundError) fail(e.message);
@@ -1374,9 +1380,11 @@ async function publishCommand(file2, opts) {
     body: JSON.stringify({ title, hasPoster: !!poster, byteSize: size })
   }).catch(() => null);
   if (!presign || !presign.ok) {
-    return fail3(
-      presign ? `publish failed (${presign.status}): ${await presign.text()}` : "could not reach opul.dev \u2014 check your connection."
-    );
+    if (!presign) return fail3("could not reach opul.dev \u2014 check your connection.");
+    const body = await parseError(presign);
+    const hint = presign.status === 403 ? `
+  ${ink.dim("\u21B3 upgrade or manage your plan:")} ${ink.bold(`${base}/account/billing`)}` : "";
+    return fail3(`publish failed (${presign.status}): ${body}${hint}`);
   }
   const { id, slug, uploadUrl, posterUploadUrl } = await presign.json();
   process.stderr.write(ink.dim(`uploading ${fmtSize(size)}\u2026`));
@@ -1407,6 +1415,15 @@ async function publishCommand(file2, opts) {
   console.log(`${ink.green("\u2713")} published`);
   console.log(`  ${ink.bold(`${base}/d/${slug}`)}`);
 }
+async function parseError(res) {
+  const text = await res.text().catch(() => "");
+  try {
+    const j = JSON.parse(text);
+    if (j && typeof j.error === "string") return j.error;
+  } catch {
+  }
+  return text || res.statusText;
+}
 function fail3(msg) {
   console.error(`${ink.red("\u2717")} ${msg}`);
   process.exit(1);
@@ -1467,7 +1484,7 @@ function fail4(msg) {
 
 // src/index.ts
 var program = new Command();
-program.name("opul").description("Record a product demo from your running web app.").version("0.1.3");
+program.name("opul").description("Record a product demo from your running web app.").version("0.1.5");
 program.command("init").description("Create an opul.steps.json stub").option("--out <file>", "output path", "opul.steps.json").action(initCommand);
 program.command("doctor").description("Check that Chrome and ffmpeg are installed").action(doctorCommand);
 program.command("record").description("Click through your app to generate a steps file").option("--url <url>", "app URL to open").option("--out <file>", "steps file to write", "opul.steps.json").option("--name <name>", "product/demo name").option("--chrome <path>", "path to Chrome executable").action(recordCommand);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opul/cli",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "Record a polished product-demo video from your running web app — from the terminal.",
   "type": "module",
   "bin": {