feat: wallet deep link logic

Author: sosweetham

index.html

@@ -1 +1 @@
-<a href="w3ds://auth">CLICK ME</a>
+<a href="w3ds://auth?redirect=https://blabsy.w3ds.metastate.foundation/api/auth&session=8854f847-6b80-4df0-bb94-68fb9a756aa4&platform=blabsy">CLICK ME</a>

infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte

@@ -6,9 +6,12 @@
     import * as Button from "$lib/ui/Button";
     import { QrCodeIcon, Settings02Icon } from "@hugeicons/core-free-icons";
     import { HugeiconsIcon } from "@hugeicons/svelte";
-    import { getContext, onMount, type Snippet } from "svelte";
-    import { Shadow } from "svelte-loading-spinners";
+        import {
+        getCurrent
+    } from '@tauri-apps/plugin-deep-link'
+    import { type Snippet, getContext, onMount } from "svelte";
     import { onDestroy } from "svelte";
+    import { Shadow } from "svelte-loading-spinners";
     import QrCode from "svelte-qrcode";
 
     let userData: Record<string, unknown> | undefined = $state(undefined);
@@ -35,7 +38,7 @@
 
     const globalState = getContext<() => GlobalState>("globalState")();
 
-    onMount(() => {
+    onMount(async () => {
         // Load initial data
         (async () => {
             const userInfo = await globalState.userController.user;
@@ -58,6 +61,21 @@
         // Check status periodically
         statusInterval = setInterval(checkStatus, 1000);
 
+        const urls = await getCurrent()
+        if (urls && urls.length > 0) {
+            const url = urls[0]
+            const [scheme, ...rest] = url.split("://")
+            const deeplink = rest.join("://")
+            console.log("URL", scheme, deeplink)
+            if (scheme !== "w3ds") {
+                console.error("unsupported url scheme")
+            }
+            // const url = new URL(urls[0])
+            // console.log(url)
+            // if (url.protocol)
+            goto(`/scan-qr?${deeplink}`)
+        }
+
         const currentHour = new Date().getHours();
         greeting =
             currentHour > 17

infrastructure/eid-wallet/src/routes/(app)/scan-qr/+page.svelte

@@ -1,6 +1,8 @@
 <script lang="ts">
+    import { page } from "$app/state";
     import { PUBLIC_PROVISIONER_URL } from "$env/static/public";
     import AppNav from "$lib/fragments/AppNav/AppNav.svelte";
+    import type { GlobalState } from "$lib/global";
     import { Drawer } from "$lib/ui";
     import * as Button from "$lib/ui/Button";
     import { QrCodeIcon } from "@hugeicons/core-free-icons";
@@ -14,10 +16,9 @@
         requestPermissions,
         scan,
     } from "@tauri-apps/plugin-barcode-scanner";
+    import axios from "axios";
     import { getContext, onDestroy, onMount } from "svelte";
     import type { SVGAttributes } from "svelte/elements";
-    import type { GlobalState } from "$lib/global";
-    import axios from "axios";
 
     const globalState = getContext<() => GlobalState>("globalState")();
     const pathProps: SVGAttributes<SVGPathElement> = {
@@ -96,6 +97,31 @@
     }
 
     onMount(async () => {
+        // const params = page.url.searchParams
+        const [_empty, ...rest] = page.url.search.split("?")
+        const methodAndParam = rest.join("?")
+        const [method, ...param] = methodAndParam.split("?")
+        const data = param.join("?")
+        const deeplinkMethodSpecifiers = ["auth"]
+        if (method && !deeplinkMethodSpecifiers.includes(method)) {
+            console.error("Unknown method specifier")
+        }
+        switch (method) {
+            case "auth": {
+                    const params = new URLSearchParams(data)
+                    platform = params.get("platform")
+                    session = params.get("session")
+                    redirect = params.get("redirect")
+                    if (!redirect || !platform || !session) {
+                        console.error("Bad deeplink!")
+                        break
+                    }
+                    hostname = (new URL(redirect as string)).hostname
+                    codeScannedDrawerOpen = true
+                    scanning = false
+                    break
+                }
+        }
         startScan();
     });
 

infrastructure/eid-wallet/src/routes/(auth)/onboarding/+page.svelte

@@ -13,10 +13,6 @@
         // signPayload, verifySignature
     } from "@auvo/tauri-plugin-crypto-hw-api"
     import * as falso from "@ngneat/falso";
-    import {
-        getCurrent,
-        onOpenUrl
-    } from '@tauri-apps/plugin-deep-link'
     import axios from "axios";
     import { getContext, onMount } from "svelte";
     import { Shadow } from "svelte-loading-spinners";
@@ -90,7 +86,6 @@
     let error: string | null = $state(null);
 
     onMount(async () => {
-        console.log("YOOOOOO", await getCurrent())
         globalState = getContext<() => GlobalState>("globalState")();
         // handle verification logic + sec user data in the store
 
@@ -146,7 +141,7 @@
                         `${falso.randFirstName()} ${falso.randLastName()}`,
                     ),
                 "Date of Birth": new Date().toDateString(),
-                "ID submitted": "Passport - " + falso.randCountryCode(),
+                "ID submitted": `Passport - ${falso.randCountryCode()}`,
                 "Passport Number": generatePassportNumber(),
             };
             globalState.userController.isFake = true;