@reshotdev/screenshot 0.0.1-beta.18 → 0.0.1-beta.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reshotdev/screenshot",
-  "version": "0.0.1-beta.18",
+  "version": "0.0.1-beta.19",
   "description": "Screenshot and video capture CLI",
   "author": "Reshot <hello@reshot.dev>",
   "license": "MIT",

package/src/commands/pull.js

@@ -120,7 +120,13 @@ function deriveUsageSample(assets) {
       const contexts = Object.keys(assets[group][visualKey] || {});
       if (contexts.length === 0) continue;
       const context = contexts.includes("default") ? "default" : contexts[0];
-      return { group, visualKey, context };
+      // A capture entry is either flat ({src,width,height}) or step-based
+      // ({steps:[{src,...}]}). Tell the caller which, so the printed example
+      // references the right path (`.steps[0].src` vs `.src`) and doesn't
+      // produce an undefined src (audit run-12 MED-1).
+      const entry = assets[group][visualKey][context];
+      const stepped = !!(entry && Array.isArray(entry.steps));
+      return { group, visualKey, context, stepped };
     }
   }
   return null;
@@ -479,6 +485,9 @@ async function pullCommand(options = {}) {
     const sGroup = sample?.group ?? "dashboard";
     const sVisual = sample?.visualKey ?? "mainView";
     const sCtx = sample?.context ?? "default";
+    // Step-based capture entries nest the fields under `steps[0]`; reference it
+    // so the printed example's src/width/height aren't undefined (run-12 MED-1).
+    const sStep = sample?.stepped ? ".steps[0]" : "";
 
     // Show format-specific usage instructions
     if (format === "ts") {
@@ -499,10 +508,10 @@ async function pullCommand(options = {}) {
       console.log(chalk.cyan('  import assets from "./reshot-assets.json";\n'));
       console.log(chalk.white("Access assets with dot notation:\n"));
       console.log(chalk.cyan("  <img"));
-      console.log(chalk.cyan(`    src={assets.assets.${sGroup}.${sVisual}.${sCtx}.src}`));
-      console.log(chalk.cyan(`    width={assets.assets.${sGroup}.${sVisual}.${sCtx}.width}`));
-      console.log(chalk.cyan(`    height={assets.assets.${sGroup}.${sVisual}.${sCtx}.height}`));
-      console.log(chalk.cyan(`    alt={assets.assets.${sGroup}.${sVisual}.${sCtx}.alt}`));
+      console.log(chalk.cyan(`    src={assets.assets.${sGroup}.${sVisual}.${sCtx}${sStep}.src}`));
+      console.log(chalk.cyan(`    width={assets.assets.${sGroup}.${sVisual}.${sCtx}${sStep}.width}`));
+      console.log(chalk.cyan(`    height={assets.assets.${sGroup}.${sVisual}.${sCtx}${sStep}.height}`));
+      console.log(chalk.cyan(`    alt={assets.assets.${sGroup}.${sVisual}.${sCtx}${sStep}.alt}`));
       console.log(chalk.cyan("  />\n"));
     } else if (format === "csv") {
       console.log(chalk.blue("━━━ CSV Usage ━━━\n"));