Add github link and analytics

Author: joelseq

package.json

@@ -47,6 +47,7 @@
     "vitest": "^3.0.0"
   },
   "dependencies": {
+    "@accuser/svelte-plausible-analytics": "^1.0.0",
     "svelte-radix": "^2.0.1"
   }
 }

pnpm-lock.yaml

@@ -83,3 +83,10 @@
     </Card.Root>
   </form>
 </div>
+<p class="mt-4 mx-auto px-8 max-w-sm">
+  For information on how to use this tool checkout the <a
+    class="underline"
+    href="https://github.com/joelseq/sqliteadmin-go"
+    target="_blank">README</a
+  >.
+</p>

src/lib/components/login.svelte

@@ -5,7 +5,9 @@
   import { app } from '$lib/stores/app.svelte'
   import * as Tooltip from '$lib/components/ui/tooltip'
   import Unplug from 'lucide-svelte/icons/unplug'
+  import Github from 'lucide-svelte/icons/github'
   import '../app.css'
+  import { PlausibleAnalytics } from '@accuser/svelte-plausible-analytics'
   let { children } = $props()
 </script>
 
@@ -14,7 +16,14 @@
   <div class="h-full w-full bg-background flex flex-col">
     <div class="flex items-center justify-between border-b px-4">
       <h1 class="p-4 text-3xl font-bold text-primary">SQLiteAdmin</h1>
-      <div class="items-center space-x-2">
+      <div class="flex items-center space-x-4">
+        <a
+          class="block"
+          href="https://github.com/joelseq/sqliteadmin-go"
+          target="_blank"
+        >
+          <Github class="h-6 w-6" />
+        </a>
         {#if app.credentials}
           <Tooltip.Root>
             <Tooltip.Trigger>
@@ -40,3 +49,7 @@
     </div>
   </div>
 </Tooltip.Provider>
+<PlausibleAnalytics
+  domain="sqliteadmin.dev"
+  apiHost="https://plausible.joelseq.app"
+/>