Add bugsnag

package.json

@@ -20,6 +20,7 @@
     "vite": "^3.2.3"
   },
   "dependencies": {
+    "@bugsnag/js": "^7.18.0",
     "@fortawesome/fontawesome-free": "^6.2.1",
     "@noble/secp256k1": "^1.7.0",
     "classnames": "^2.3.2",

src/app/ui.js

@@ -1,4 +1,5 @@
 import {prop} from "ramda"
+import Bugsnag from "@bugsnag/js"
 import {uuid} from "hurdak/lib/hurdak"
 import {navigate} from "svelte-routing"
 import {nip19} from 'nostr-tools'

src/main.js

@@ -1,9 +1,13 @@
-import './app.css'
-import App from './App.svelte'
+import 'src/app.css'
+
+import Bugsnag from "@bugsnag/js"
+import App from 'src/App.svelte'
 
 // Annoying global always fails silently. Figure out an eslint rule instead
 window.find = null
 
+Bugsnag.start({apiKey: "2ea412feabfe14dc9849c6f0b4fa7003"})
+
 const app = new App({
   target: document.getElementById('app')
 })

src/partials/Toggle.svelte

@@ -18,12 +18,12 @@
   onColor="#ccc"
   offColor="#ccc"
   onHandleColor="#EB5E28"
-  handleDiameter={26}
+  handleDiameter={20}
   unCheckedIcon={false}
   boxShadow="0px 1px 5px rgba(0, 0, 0, 0.6)"
   activeBoxShadow="0px 0px 1px 10px rgba(0, 0, 0, 0.2)"
   height={20}
-  width={48}>
+  width={36}>
   <span slot="checkedIcon" />
   <span slot="unCheckedIcon" />
 </Switch>

src/routes/Settings.svelte

@@ -37,8 +37,10 @@
     </div>
     <div class="flex flex-col gap-8 w-full">
       <div class="flex flex-col gap-1">
-        <strong>Show Link Previews</strong>
-        <Toggle bind:value={values.showLinkPreviews} />
+        <div class="flex gap-2 items-center">
+          <strong>Show Link Previews</strong>
+          <Toggle bind:value={values.showLinkPreviews} />
+        </div>
         <p class="text-sm text-light">
           If enabled, coracle will automatically retrieve a link preview for the first link
           in any note.