make submission header buttons native

app/javascript/elements/clipboard_copy.js

@@ -6,7 +6,9 @@ export default class extends HTMLElement {
       const text = this.dataset.text || this.innerText.trim()
 
       if (navigator.clipboard) {
-        navigator.clipboard.writeText(text)
+        navigator.clipboard.writeText(text).then(() => {
+          window.webkit?.messageHandlers?.flash?.postMessage({ style: 'notice', message: this.dataset.copied })
+        })
       } else {
         if (e.target.tagName !== 'INPUT') {
           alert(`Clipboard not available. Make sure you're using https://\nCopy text: ${text}`)

app/javascript/elements/download_button.js

@@ -21,6 +21,10 @@ export default targetable(class extends HTMLElement {
   downloadFiles () {
     if (!this.dataset.src) return
 
+    const download = window.webkit?.messageHandlers?.download
+
+    if (download) return download.postMessage({ src: this.dataset.src })
+
     this.toggleState()
 
     fetch(this.dataset.src).then(async (response) => {

app/javascript/elements/native_action.js

@@ -6,7 +6,7 @@ export default class extends HTMLElement {
 
     if (!bridge) return
 
-    const target = this.querySelector('a, button, [role="button"]')
+    const target = this.querySelector('a, button, [role="button"]') || this.firstElementChild
 
     if (!target) return