[WIP] [skip ci]

assets/js/alpine_helpers.js

@@ -22,6 +22,12 @@ window.copyTextToClipboard = async (text) => {
   }
 }
 
+window.copyWithCallbacks = async (text, onCopy, onAfterDelay, delay = 4000) => {
+  await window.copyTextToClipboard(text)
+  onCopy()
+  setTimeout(onAfterDelay, delay)
+}
+
 window.markVersionAsSeen = (versionString) => {
   localStorage.setItem('seenVersion', versionString)
 }

lib/pinchflat_web/controllers/sources/source_html/actions_dropdown.html.heex

@@ -3,15 +3,29 @@
     <span
       x-data="{ copied: false }"
       x-on:click={"
-                window.copyTextToClipboard('#{rss_feed_url(@conn, @source)}')
+        copyWithCallbacks(
-                copied = true
+          '#{rss_feed_url(@conn, @source)}', 
-                setTimeout(() => copied = false, 4000)
+          () => copied = true, 
-              "}
+          () => copied = false
+        )
+      "}
     >
       Copy RSS Feed
       <span x-show="copied" x-transition.duration.150ms><.icon name="hero-check" class="ml-2 h-4 w-4" /></span>
     </span>
   </:option>
+  <:option>
+    <span x-data="{ copied: false }" x-on:click={~s"
+        copyWithCallbacks(
+          `#{Jason.Formatter.pretty_print(Phoenix.json_library().encode!(@source))}`, 
+          () => copied = true, 
+          () => copied = false
+        )
+      "}>
+      Copy JSON
+      <span x-show="copied" x-transition.duration.150ms><.icon name="hero-check" class="ml-2 h-4 w-4" /></span>
+    </span>
+  </:option>
   <:option :if={@source.download_media}>
     <.link
       href={~p"/sources/#{@source}/force_download"}