npm - @deeeed/metamask-harness - Versions diffs - 0.47.0 → 0.47.2 - Mend

@deeeed/metamask-harness 0.47.0 → 0.47.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (33) hide show

package/CHANGELOG.md +21 -0
package/adapters/mobile/bridge-runtime/lib/bridge-errors.cjs +15 -0
package/dist/commands/tutorial.js +4 -4
package/dist/mm-harness-cli.js +3 -3
package/library/actions/mobile/perps/perps.mjs +41 -12
package/library/actions/mobile/perps/set_market_favorite.mjs +0 -11
package/library/actions/mobile/platform/bridge.mjs +6 -1
package/library/actions/mobile/ui/native-navigation.mjs +9 -2
package/library/actions/mobile/ui/navigate.mjs +13 -4
package/library/manifests/mobile.action-manifest.json +1 -2
package/package.json +2 -2
package/site/assets/help-recipes.json +6 -1
package/site/architecture.html +0 -497
package/site/assets/help-recipes.mjs +0 -25
package/site/assets/metamask-fox.svg +0 -24
package/site/assets/progress.mjs +0 -325
package/site/assets/style.css +0 -1066
package/site/cheatsheet.html +0 -307
package/site/ecosystem.html +0 -162
package/site/how-it-works.html +0 -697
package/site/index.html +0 -236
package/site/perps-advanced-orders-qa.html +0 -96
package/site/perps.html +0 -265
package/site/recipes.html +0 -430
package/site/reviewers.html +0 -375
package/site/tutorials/index.html +0 -181
package/site/tutorials/v1.html +0 -216
package/site/tutorials/v2.html +0 -207
package/site/tutorials/v3.html +0 -258
package/site/tutorials/v4.html +0 -196
package/site/tutorials/v5.html +0 -164
package/site/tutorials/v6.html +0 -166
package/site/tutorials/v7.html +0 -185

package/site/tutorials/v1.html DELETED Viewed

@@ -1,216 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<title>V1 — Getting started with recipes</title>
-<meta name="description" content="Video one of the series: one CLI drives the wallet and proves what happened. With the same checklist as the How it works walkthrough.">
-<link rel="icon" href="../assets/metamask-fox.svg" type="image/svg+xml">
-<link rel="stylesheet" href="../assets/style.css?v=4">
-</head>
-<body data-progress-page="start">
-<a class="skip" href="#steps">Skip to the checklist</a>
-<header class="topbar">
-  <div class="wrap topbar-inner">
-    <a class="brand" href="../index.html">
-      <img class="brand-mark" src="../assets/metamask-fox.svg" alt="" width="22" height="22">
-      <span class="brand-name">recipes</span>
-    </a>
-    <nav class="nav" aria-label="Main">
-      <a class="nav-cta" href="../index.html#prompt">Quick start</a>
-      <a href="../how-it-works.html">How it works</a>
-      <a href="../perps.html">Team / Perps</a>
-      <a href="../cheatsheet.html">Cheatsheet</a>
-      <a href="../architecture.html">Architecture</a>
-      <a href="index.html" aria-current="page">Tutorials</a>
-    </nav>
-  </div>
-</header>
-<div class="progress-rail">
-  <div class="wrap progress-inner">
-    <div class="progress-track" role="progressbar" aria-label="Walkthrough progress" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0">
-      <div class="progress-fill"></div>
-    </div>
-    <span class="progress-label">0/8 steps</span>
-    <button type="button" class="progress-reset">Reset</button>
-  </div>
-</div>
-<main>
-<section class="wrap hero" style="padding-bottom:1rem">
-  <span class="eyebrow">Tutorial V1 · 5 minutes</span>
-  <h1>Getting started with recipes</h1>
-  <p class="lede">
-    The promise in one sentence: one command-line tool drives a real MetaMask build, and then proves
-    what it did. This is the first video in the series and the shortest path into everything else.
-  </p>
-  <div class="hero-meta">
-    <span>no prerequisites</span>
-    <span>checklist shared with How it works</span>
-  </div>
-</section>
-<section class="wrap">
-  <div class="vid-thumb" style="border-radius:var(--radius);border:1px solid var(--line);margin-bottom:1.5rem">
-    <div style="text-align:center;padding:1rem">
-      <div class="vid-id" style="font-size:2.6rem">V1</div>
-      <p style="color:var(--text-dim);margin:.5rem 0 0;font-size:.92rem">Video recording in progress</p>
-    </div>
-  </div>
-  <div class="note plain">
-    <span class="note-title">The checklist below is the video</span>
-    <p>
-      Same eight steps, same commands, same expected output — it is genuinely useful before the
-      recording exists, which is why it is here rather than a "coming soon" page. Your progress is
-      shared with <a href="../how-it-works.html">How it works</a>: tick a step in either place and it is ticked
-      in both. How it works carries the longer explanations and the full "if it fails" notes for each
-      step.
-    </p>
-  </div>
-  <h2>What the video covers</h2>
-  <div class="table-scroll">
-    <table>
-      <thead><tr><th>Beat</th><th>What is on screen</th></tr></thead>
-      <tbody>
-        <tr><td><code>0:00</code></td><td>The promise — one CLI drives the wallet and proves what happened.</td></tr>
-        <tr><td><code>0:30</code></td><td>Install into a clean checkout, then <code>doctor</code>. One failure gets fixed by following the error's own instruction — twenty seconds, no dwelling.</td></tr>
-        <tr><td><code>1:15</code></td><td><code>launch</code> — the real app comes up under harness control.</td></tr>
-        <tr><td><code>1:45</code></td><td><code>actions</code>, and the line that matters: you never guess capabilities, you discover them. Then two live <code>call</code>s — read the wallet state, then one UI action visibly moving the app.</td></tr>
-        <tr><td><code>3:00</code></td><td>The same steps as a <em>recipe</em>: <code>run</code> executes the graph and adds assertions. This is the jump from driving to proving.</td></tr>
-        <tr><td><code>4:00</code></td><td>Open the artifacts directory. <code>summary.json</code>, the trace, the screenshot.</td></tr>
-        <tr><td><code>4:30</code></td><td>Close on the cheatsheet — everything just done, on one page.</td></tr>
-      </tbody>
-    </table>
-  </div>
-  <p style="font-size:.94rem;color:var(--text-dim)">
-    Artifact you finish with: a green <code>summary.json</code> you produced yourself.
-  </p>
-</section>
-<section class="wrap">
-  <h2 id="steps">Follow along</h2>
-  <ol class="steps">
-    <li class="step" data-step="install">
-      <div class="step-head">
-        <input type="checkbox" class="step-check" id="v-install" aria-labelledby="tv-install">
-        <h3 class="step-title" id="tv-install">Get the CLI</h3>
-      </div>
-      <p class="step-why">Install globally, confirm it resolved, then work from inside a product checkout.</p>
-      <div class="cmd"><pre><code><span class="p">$ </span>npm i -g @deeeed/metamask-harness@latest
-<span class="p">$ </span>mm-harness --version</code></pre></div>
-      <div class="out">0.34.x  <span class="dim">— any 0.34 or newer</span></div>
-      <div class="note plain">
-        <span class="note-title">Why @deeeed?</span>
-        <p>Arthur publishes the pre-1.0 builds from his personal npm scope while MetaMask teams validate the workflows. Version 1.0 will move to a MetaMask-owned npm package.</p>
-      </div>
-    </li>
-    <li class="step" data-step="doctor">
-      <div class="step-head">
-        <input type="checkbox" class="step-check" id="v-doctor" aria-labelledby="tv-doctor">
-        <h3 class="step-title" id="tv-doctor">Run doctor, follow what it tells you</h3>
-      </div>
-      <p class="step-why">
-        Read-only readiness check. Each finding names the exact command that fixes it — including,
-        often, <code>doctor --fix</code> itself.
-      </p>
-      <div class="cmd"><pre><code><span class="p">$ </span>mm-harness doctor
-<span class="p">$ </span>mm-harness doctor --fix</code></pre></div>
-      <div class="out"><span class="ok">pass</span> extension bridge present ready=true <span class="ok">fixed=[runtime-context]</span> failed=[]</div>
-    </li>
-    <li class="step" data-step="launch">
-      <div class="step-head">
-        <input type="checkbox" class="step-check" id="v-launch" aria-labelledby="tv-launch">
-        <h3 class="step-title" id="tv-launch">Launch the app</h3>
-      </div>
-      <p class="step-why">Platform auto-detects. Mobile needs an explicit target; core is headless and says so.</p>
-      <div class="cmd"><pre><code><span class="p">$ </span>mm-harness launch          <span class="dim"># extension</span>
-<span class="p">$ </span>mm-harness launch ios      <span class="dim"># mobile</span></code></pre></div>
-    </li>
-    <li class="step" data-step="actions">
-      <div class="step-head">
-        <input type="checkbox" class="step-check" id="v-actions" aria-labelledby="tv-actions">
-        <h3 class="step-title" id="tv-actions">Discover the vocabulary</h3>
-      </div>
-      <p class="step-why">
-        The line to remember: you never guess capabilities, you discover them. This list is the
-        capability boundary, not a sample of one.
-      </p>
-      <div class="cmd"><pre><code><span class="p">$ </span>mm-harness actions --categories
-<span class="p">$ </span>mm-harness actions --category ui</code></pre></div>
-    </li>
-    <li class="step" data-step="call-read">
-      <div class="step-head">
-        <input type="checkbox" class="step-check" id="v-call-read" aria-labelledby="tv-call-read">
-        <h3 class="step-title" id="tv-call-read">Drive it: read wallet state</h3>
-      </div>
-      <p class="step-why">One action through the real engine path. Reads first — they cannot break anything.</p>
-      <div class="cmd"><pre><code><span class="p">$ </span>mm-harness call read_state</code></pre></div>
-    </li>
-    <li class="step" data-step="call-ui">
-      <div class="step-head">
-        <input type="checkbox" class="step-check" id="v-call-ui" aria-labelledby="tv-call-ui">
-        <h3 class="step-title" id="tv-call-ui">Drive it: move the UI</h3>
-      </div>
-      <p class="step-why">Keep the app on screen. This is the beat where a terminal command visibly moves a real build.</p>
-      <div class="cmd"><pre><code><span class="p">$ </span>mm-harness call navigate page=perps</code></pre></div>
-    </li>
-    <li class="step" data-step="run">
-      <div class="step-head">
-        <input type="checkbox" class="step-check" id="v-run" aria-labelledby="tv-run">
-        <h3 class="step-title" id="tv-run">Prove it: run a recipe</h3>
-      </div>
-      <p class="step-why">
-        The same operations composed into a graph with assertions. <code>--plan</code> validates first
-        without touching anything.
-      </p>
-      <div class="cmd"><pre><code><span class="p">$ </span>mm-harness run --list
-<span class="p">$ </span>mm-harness run wallet.smoke --plan
-<span class="p">$ </span>mm-harness run wallet.smoke --artifacts-dir ./first-recipe-artifacts</code></pre></div>
-    </li>
-    <li class="step" data-step="evidence">
-      <div class="step-head">
-        <input type="checkbox" class="step-check" id="v-evidence" aria-labelledby="tv-evidence">
-        <h3 class="step-title" id="tv-evidence">Open the evidence</h3>
-      </div>
-      <p class="step-why">
-        The closing shot of the video, and the reason for all of it. Start with <code>report.md</code>,
-        then the summary, then the trace when you want to know why.
-      </p>
-      <div class="cmd"><pre><code><span class="p">$ </span>cat first-recipe-artifacts/report.md
-<span class="p">$ </span>cat first-recipe-artifacts/summary.json</code></pre></div>
-    </li>
-  </ol>
-  <hr class="sep">
-  <div class="btn-row">
-    <a class="btn btn-primary" href="../how-it-works.html#steps">Full walkthrough, with failure notes →</a>
-    <a class="btn btn-ghost" href="../cheatsheet.html">The cheatsheet</a>
-    <a class="btn btn-ghost" href="index.html">Back to the series</a>
-  </div>
-</section>
-</main>
-<footer class="footer">
-  <div class="wrap">
-    <p>Internal getting-started guide for proving MetaMask changes with recipes. Not official MetaMask product documentation.</p>
-    <p>Sample output moves between releases; trust your terminal over this page.</p>
-  </div>
-</footer>
-<script type="module" src="../assets/progress.mjs?v=4"></script>
-</body>
-</html>

package/site/tutorials/v2.html DELETED Viewed

@@ -1,207 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<title>V2 — Reading the evidence</title>
-<meta name="description" content="Walk one finished run file by file, and learn the two rules that make a green verdict worth believing.">
-<link rel="icon" href="../assets/metamask-fox.svg" type="image/svg+xml">
-<link rel="stylesheet" href="../assets/style.css?v=4">
-</head>
-<body data-progress-page="v2">
-<a class="skip" href="#steps">Skip to the checklist</a>
-<header class="topbar">
-  <div class="wrap topbar-inner">
-    <a class="brand" href="../index.html">
-      <img class="brand-mark" src="../assets/metamask-fox.svg" alt="" width="22" height="22">
-      <span class="brand-name">recipes</span>
-    </a>
-    <nav class="nav" aria-label="Main">
-      <a class="nav-cta" href="../index.html#prompt">Quick start</a>
-      <a href="../how-it-works.html">How it works</a>
-      <a href="../perps.html">Team / Perps</a>
-      <a href="../cheatsheet.html">Cheatsheet</a>
-      <a href="../architecture.html">Architecture</a>
-      <a href="index.html" aria-current="page">Tutorials</a>
-    </nav>
-  </div>
-</header>
-<div class="progress-rail">
-  <div class="wrap progress-inner">
-    <div class="progress-track" role="progressbar" aria-label="Tutorial progress" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0">
-      <div class="progress-fill"></div>
-    </div>
-    <span class="progress-label">0/5 steps</span>
-    <button type="button" class="progress-reset">Reset</button>
-  </div>
-</div>
-<main>
-<section class="wrap hero" style="padding-bottom:1rem">
-  <span class="eyebrow">Tutorial V2 · 6 minutes</span>
-  <h1>Reading the evidence</h1>
-  <p class="lede">
-    For reviewers and sceptics. A green run is a claim; this is how you check it.
-  </p>
-  <div class="hero-meta">
-    <span>no prerequisites</span>
-    <span>reference: <a href="../reviewers.html">For Reviewers</a></span>
-  </div>
-</section>
-<section class="wrap">
-  <div class="vid-thumb" style="border-radius:var(--radius);border:1px solid var(--line);margin-bottom:1.5rem">
-    <div style="text-align:center;padding:1rem">
-      <div class="vid-id" style="font-size:2.6rem">V2</div>
-      <p style="color:var(--text-dim);margin:.5rem 0 0;font-size:.92rem">Video recording in progress</p>
-    </div>
-  </div>
-  <div class="note plain">
-    <span class="note-title">This page and the reviewer's guide</span>
-    <p>
-      This is the tour: what each file is for, in the order you open them. is the reference — a real bundle annotated line by line,
-      including a screenshot that passed while recording that its capture had degraded. Read this first,
-      keep that one open during a review.
-    </p>
-  </div>
-  <h2>What the video covers</h2>
-  <div class="table-scroll">
-    <table>
-      <thead><tr><th>Beat</th><th>On screen</th></tr></thead>
-      <tbody>
-        <tr><td><code>0:00</code></td><td>One finished run directory, opened cold.</td></tr>
-        <tr><td><code>0:40</code></td><td><code>recipe.json</code> — the graph that executed. Each node's <code>intent</code> is the argument being made.</td></tr>
-        <tr><td><code>1:40</code></td><td><code>trace.json</code> — per-node verdicts, timings, outputs. Counts come from here.</td></tr>
-        <tr><td><code>2:50</code></td><td><code>summary.json</code> — the verdict, the totals, which libraries were in scope.</td></tr>
-        <tr><td><code>3:30</code></td><td>Screenshots, plus full-run video on Extension and iOS.</td></tr>
-        <tr><td><code>4:20</code></td><td><code>diagnostics.json</code> — application warnings, quarantined from the verdict.</td></tr>
-        <tr><td><code>5:10</code></td><td>The two rules that make the whole thing worth reading.</td></tr>
-      </tbody>
-    </table>
-  </div>
-</section>
-<section class="wrap">
-  <h2 id="rules">The two rules</h2>
-  <p>Both are enforced in code, not by convention.</p>
-  <div class="doctrine">
-    <p>
-      <span class="k">Placeholders are refused, and a missing adapter throws.</span> The harness will not
-      accept a static stand-in where a real observation belongs, and when the adapter that would perform
-      an action is absent it raises instead of returning a plausible-looking object. A system that
-      guessed would produce evidence indistinguishable from the real thing.
-    </p>
-  </div>
-  <p>
-    The practical consequence: a node that passed had a real adapter execute it. That is what makes
-    <code>"ok": true</code> worth anything.
-  </p>
-  <div class="note blue">
-    <span class="note-title">Capture is not symmetric</span>
-    <p>
-      Extension and iOS record full-run video through capture-helper; Android replay video is not
-      implemented yet. <code>mm-harness doctor</code> reports what the current checkout can capture on its
-      <code>capture:</code> line.
-    </p>
-  </div>
-</section>
-<section class="wrap">
-  <h2 id="steps">Follow along</h2>
-  <p>Use a bundle you produced in <a href="../how-it-works.html#steps">the walkthrough</a>, or any run directory.</p>
-  <ol class="steps">
-    <li class="step" data-step="open">
-      <div class="step-head">
-        <input type="checkbox" class="step-check" id="v2-open" aria-labelledby="t2-open">
-        <h3 class="step-title" id="t2-open">Open a bundle</h3>
-      </div>
-      <p class="step-why"><code>last</code> prints the path of the most recent run for this checkout.</p>
-      <div class="cmd"><pre><code><span class="p">$ </span>mm-harness last
-<span class="p">$ </span>ls first-recipe-artifacts</code></pre></div>
-    </li>
-    <li class="step" data-step="report">
-      <div class="step-head">
-        <input type="checkbox" class="step-check" id="v2-report" aria-labelledby="t2-report">
-        <h3 class="step-title" id="t2-report">Skim report.md</h3>
-      </div>
-      <p class="step-why">The whole run on one page. If it disagrees with the pull request description, stop and ask.</p>
-      <div class="cmd"><pre><code><span class="p">$ </span>cat first-recipe-artifacts/report.md</code></pre></div>
-    </li>
-    <li class="step" data-step="verdict">
-      <div class="step-head">
-        <input type="checkbox" class="step-check" id="v2-verdict" aria-labelledby="t2-verdict">
-        <h3 class="step-title" id="t2-verdict">Check the verdict and the counts</h3>
-      </div>
-      <p class="step-why">Compare <code>total</code> against what the author claims was proven.</p>
-      <div class="cmd"><pre><code><span class="p">$ </span>cat first-recipe-artifacts/summary.json</code></pre></div>
-      <div class="out">{
-  "status": <span class="ok">"pass"</span>,
-  "total": 6,
-  "passed": 6,
-  "failed": 0
-}</div>
-    </li>
-    <li class="step" data-step="trace">
-      <div class="step-head">
-        <input type="checkbox" class="step-check" id="v2-trace" aria-labelledby="t2-trace">
-        <h3 class="step-title" id="t2-trace">Read the intents in order</h3>
-      </div>
-      <p class="step-why">
-        The per-node intents are the argument. If they do not add up to the claim, the bundle does not
-        support it — however green it is.
-      </p>
-      <div class="cmd"><pre><code><span class="p">$ </span>cat first-recipe-artifacts/trace.json</code></pre></div>
-      <p class="step-why">
-        Triaging a failure: find the first node with <code>"ok": false</code>. Everything after it is
-        consequence.
-      </p>
-    </li>
-    <li class="step" data-step="artifacts">
-      <div class="step-head">
-        <input type="checkbox" class="step-check" id="v2-artifacts" aria-labelledby="t2-artifacts">
-        <h3 class="step-title" id="t2-artifacts">Open the images, then the diagnostics</h3>
-      </div>
-      <p class="step-why">
-        The trace says a PNG was registered and how it was captured. Only your eyes confirm it shows what
-        the author says.
-      </p>
-      <div class="cmd"><pre><code><span class="p">$ </span>open first-recipe-artifacts/screenshots
-<span class="p">$ </span>cat first-recipe-artifacts/diagnostics.json</code></pre></div>
-      <p class="step-why">
-        <code>diagnostics.json</code> is bracketed to the run window, so <code>"status": "clean"</code>
-        is a claim about this run rather than about the log file.
-      </p>
-    </li>
-  </ol>
-  <hr class="sep">
-  <div class="btn-row">
-    <a class="btn btn-primary" href="../reviewers.html">The annotated reference →</a>
-    <a class="btn btn-ghost" href="v3.html">Next: skills setup</a>
-    <a class="btn btn-ghost" href="index.html">Back to the series</a>
-  </div>
-</section>
-</main>
-<footer class="footer">
-  <div class="wrap">
-    <p>Internal getting-started guide for proving MetaMask changes with recipes. Not official MetaMask product documentation.</p>
-    <p>Sample output moves between releases; trust your terminal over this page.</p>
-  </div>
-</footer>
-<script type="module" src="../assets/progress.mjs?v=4"></script>
-</body>
-</html>