Fix autocomplete and copy button

web/index.html

@@ -212,6 +212,9 @@
           &[icon='download']::before {
             background-image: url(https://fonts.gstatic.com/s/i/short-term/release/materialsymbolsoutlined/download/default/48px.svg);
           }
+          &[icon='copy']::before {
+            background-image: url(https://fonts.gstatic.com/s/i/short-term/release/materialsymbolsoutlined/content_copy/default/48px.svg);
+          }
         }
       }
     </style>
@@ -239,6 +242,12 @@
         icon="download"
         id="download"
         type="button"></button>
+      <button
+        title="Copy the content of the editor to the clipboard"
+        class="icon"
+        icon="copy"
+        id="copy"
+        type="button"></button>
       <input
         required
         autocomplete="new-password"

web/main.js

@@ -569,6 +569,13 @@ require(['vs/editor/editor.main'], async () => {
       document.querySelector('#menu_url').classList.add('invalid');
     }
   });
+  document.querySelector('#copy').addEventListener('click', async (e) => {
+    navigator.clipboard.writeText(model.getValue());
+    toast({
+      text: 'Copied!',
+      color: 'var(--ctp-mocha-green)',
+    });
+  });
 
   document.querySelector('#api_url').addEventListener('change', (e) => {
     api_url = e.target.value;
@@ -661,7 +668,8 @@ require(['vs/editor/editor.main'], async () => {
         i--;
       } while (
         i >= 0 &&
-        word.word[i].toUpperCase() != word.word[i].toLowerCase()
+        (word.word[i] == '_' ||
+          word.word[i].toUpperCase() != word.word[i].toLowerCase())
       );
       i++;
       var range = {