[Feature] Copy to Clipboard for Answers

app/javascript/retrospring/controllers/clipboard_controller.ts

@@ -0,0 +1,14 @@
+import { Controller } from "@hotwired/stimulus";
+
+export default class extends Controller {
+
+  static values = {
+    copy: String
+  };
+
+  declare readonly copyValue: string;
+
+  async copy(){
+    await navigator.clipboard.writeText(this.copyValue);
+  }
+}

app/javascript/retrospring/initializers/stimulus.ts

@@ -14,6 +14,7 @@ import ToastController from "retrospring/controllers/toast_controller";
 import PwaBadgeController from "retrospring/controllers/pwa_badge_controller";
 import NavigationController from "retrospring/controllers/navigation_controller";
 import ShareController from "retrospring/controllers/share_controller";
+import ClipboardController from "retrospring/controllers/clipboard_controller";
 
 /**
  * This module sets up Stimulus and our controllers
@@ -39,4 +40,5 @@ export default function (): void {
   window['Stimulus'].register('theme', ThemeController);
   window['Stimulus'].register('toast', ToastController);
   window['Stimulus'].register('share', ShareController);
+  window['Stimulus'].register('clipboard', ClipboardController);
 }

app/views/actions/_share.html.haml

@@ -8,5 +8,8 @@
   %a.dropdown-item{ href: telegram_share_url(answer), target: "_blank" }
     %i.fa.fa-fw.fa-telegram
     = t(".telegram")
+  %a.dropdown-item{ href: "#", data: { controller: :clipboard, action: "clipboard#copy", clipboard_copy_value: prepare_tweet(answer) } }
+    %i.fa.fa-fw.fa-solid.fa-copy
+    = t(".copy")
   %a.dropdown-item{ href: "#", data: { controller: :share, action: "share#share", share_url_value: answer_share_url(answer) } }
     = t(".other")

config/locales/views.en.yml

@@ -79,6 +79,7 @@ en:
       pin: "Pin to Profile"
       unpin: "Unpin from Profile"
     share:
+      copy: "Copy to Clipboard"
       twitter: "Share on Twitter"
       tumblr: "Share on Tumblr"
       telegram: "Share on Telegram"

spec/views/actions/_share.html.haml_spec.rb

@@ -24,6 +24,10 @@
   end
 
   it "has a dropdown item to share to anywhere else" do
-    expect(rendered).to have_css(%(a.dropdown-item[data-controller="share"]))
+    expect(rendered).to have_css(%(a.dropdown-item[data-action="share#share"]))
+  end
+
+  it "has a dropdown item to copy to clipboard" do
+    expect(rendered).to have_css(%(a.dropdown-item[data-action="clipboard#copy"]))
   end
 end