From e9e587ff3f37487f2d810346fd546857eb0b25a9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?St=C3=A9phan=20Kochen?= <git@stephank.nl>
Date: Fri, 6 Jan 2023 19:55:50 +0100
Subject: [PATCH 1/2] Add `cargo add` instruction to crate-sidebar

---
 app/components/crate-sidebar.hbs | 18 +++++++++++++++++-
 app/components/crate-sidebar.js  |  4 ++++
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/app/components/crate-sidebar.hbs b/app/components/crate-sidebar.hbs
index 80ccfe2e84b..a05a1c14984 100644
--- a/app/components/crate-sidebar.hbs
+++ b/app/components/crate-sidebar.hbs
@@ -37,7 +37,23 @@
   <div>
     <h2 local-class="heading">Install</h2>
 
-    <p local-class="copy-help">Add the following line to your Cargo.toml file:</p>
+    <p local-class="copy-help">Run the following Cargo command in your project directory:</p>
+    {{#if (is-clipboard-supported)}}
+      <CopyButton
+        @copyText={{this.cargoAddCommand}}
+        title="Copy command to clipboard"
+        local-class="copy-button"
+      >
+        <span>{{this.cargoAddCommand}}</span>
+        {{svg-jar "copy" aria-hidden="true" local-class="copy-icon"}}
+      </CopyButton>
+    {{else}}
+      <code local-class="copy-fallback">
+        {{this.cargoAddCommand}}
+      </code>
+    {{/if}}
+
+    <p local-class="copy-help">Or add the following line to your Cargo.toml:</p>
     {{#if (is-clipboard-supported)}}
       <CopyButton
         @copyText={{this.tomlSnippet}}
diff --git a/app/components/crate-sidebar.js b/app/components/crate-sidebar.js
index 9a9cec7328a..7d763c47ff0 100644
--- a/app/components/crate-sidebar.js
+++ b/app/components/crate-sidebar.js
@@ -14,6 +14,10 @@ export default class CrateSidebar extends Component {
     return homepage && (!repository || simplifyUrl(repository) !== simplifyUrl(homepage));
   }
 
+  get cargoAddCommand() {
+    return `cargo add ${this.args.crate.name}`;
+  }
+
   get tomlSnippet() {
     return `${this.args.crate.name} = "${this.args.version.num}"`;
   }

From cae107b964eb3cd81a0c0b065a629e0be68e0b83 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?St=C3=A9phan=20Kochen?= <git@stephank.nl>
Date: Fri, 6 Jan 2023 20:44:50 +0100
Subject: [PATCH 2/2] Add version to `cargo add` on version detail page

---
 app/components/crate-sidebar.js | 4 +++-
 app/templates/crate/version.hbs | 1 +
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/app/components/crate-sidebar.js b/app/components/crate-sidebar.js
index 7d763c47ff0..8d16f6c6bbf 100644
--- a/app/components/crate-sidebar.js
+++ b/app/components/crate-sidebar.js
@@ -15,7 +15,9 @@ export default class CrateSidebar extends Component {
   }
 
   get cargoAddCommand() {
-    return `cargo add ${this.args.crate.name}`;
+    return this.args.requestedVersion
+      ? `cargo add ${this.args.crate.name}@${this.args.requestedVersion}`
+      : `cargo add ${this.args.crate.name}`;
   }
 
   get tomlSnippet() {
diff --git a/app/templates/crate/version.hbs b/app/templates/crate/version.hbs
index 12ff53de301..e549bc01158 100644
--- a/app/templates/crate/version.hbs
+++ b/app/templates/crate/version.hbs
@@ -47,6 +47,7 @@
     <CrateSidebar
       @crate={{this.crate}}
       @version={{this.currentVersion}}
+      @requestedVersion={{this.requestedVersion}}
       local-class="sidebar"
     />
   </div>