Middle click in url bar should paste and go #227 (#253)

* Past&Go feature partially solved. It pastes, but the `go` par still needs to be worked on.

At the moment it only pastes whenever the middle mouse is clicked.

I think the part to load the website must be in there, since the browser does just that when the `Enter key` is pressed.

* Code cleanups and style matching

I ran `npm run lint` for this.
It checks the code style.

* Middle mouse button paste&go resolved

* Cleanups

I reverted yarn and package.json to the default version from main

---------

Co-authored-by: Arsene Ulrich Mugneghe Kankeu <[email protected]>

Author: Arskan17

.gitignore

@@ -133,3 +133,6 @@ package-lock.json
 
 # This gets generated post install
 app/version.js
+
+# This gets generated when I open in a Container
+.devcontainer

app/ui/omni-box.js

@@ -107,6 +107,17 @@ class OmniBox extends HTMLElement {
     this.forwardButton.addEventListener('click', () => {
       this.dispatchEvent(new CustomEvent('forward'))
     })
+
+    // middle mouse click paste&go
+    this.input.addEventListener('paste', (e) => {
+      e.preventDefault()
+      const url = e.clipboardData.getData('text')
+
+      if (isURL(url)) {
+        e.preventDefault()
+        this.dispatchEvent(new CustomEvent('navigate', { detail: { url } }))
+      }
+    })
   }
 
   clearOptions () {

package.json

@@ -215,4 +215,4 @@
     "whatwg-mimetype": "https://github.com/jsdom/whatwg-mimetype#v2.3.0",
     "wrtc": "^0.4.7"
   }
-}
+}

yarn.lock

@@ -7525,4 +7525,4 @@ z32@^1.0.1:
   resolved "https://registry.yarnpkg.com/z32/-/z32-1.0.1.tgz#074b37ddd61d58b746bfb50b31cf0895700d3685"
   integrity sha512-Uytfqf6VEVchHKZDw0NRdCViOARHP84uzvOw0CXCMLOwhgHZUL9XibpEPLLQN10mCVLxOlGCQWbkV7km7yNYcw==
   dependencies:
-    b4a "^1.5.3"
+    b4a "^1.5.3"