feat: Wallet part of the https deeplinking (#82)

Signed-off-by: Tom Lanser <[email protected]> Signed-off-by: Tom Lanser <[email protected]> Co-authored-by: Jan <[email protected]>
animo · Nov 30, 2023 · 7ddd88f · 7ddd88f
1 parent a868ca2
commit 7ddd88f
Show file tree

Hide file tree

Showing 6 changed files with 42 additions and 3 deletions.
diff --git a/apps/expo/app.config.js b/apps/expo/app.config.js
@@ -37,6 +37,8 @@ const invitationSchemes = [
   'didcomm',
 ]
 
+const associatedDomains = ['paradym.id', 'dev.paradym.id']
+
 /**
  * @type {import('@expo/config-types').ExpoConfig}
  */
@@ -77,6 +79,7 @@ const config = {
         },
       ],
     },
+    associatedDomains: associatedDomains.map((host) => 'applinks:' + host),
   },
   android: {
     adaptiveIcon: {
@@ -92,6 +95,16 @@ const config = {
           scheme,
         },
       })),
+      ...associatedDomains.map((host) => ({
+        action: 'VIEW',
+        category: ['DEFAULT', 'BROWSABLE'],
+        autoVerify: true,
+        data: {
+          scheme: 'https',
+          host,
+          pathPrefix: '/invitation',
+        },
+      })),
     ],
   },
   extra: {

diff --git a/apps/expo/app/_layout.tsx b/apps/expo/app/_layout.tsx
@@ -1,10 +1,10 @@
 import type { AppAgent } from '@internal/agent'
 
 import {
-  setupMediationWithDid,
   AgentProvider,
   hasMediationConfigured,
   initializeAgent,
+  setupMediationWithDid,
   useMessagePickup,
 } from '@internal/agent'
 import { config, Heading, Page, Paragraph, useToastController, XStack, YStack } from '@internal/ui'
@@ -15,7 +15,7 @@ import { Provider } from 'app/provider'
 import { NoInternetToastProvider } from 'app/provider/NoInternetToastProvider'
 import { isAndroid } from 'app/utils/platform'
 import { useFonts } from 'expo-font'
-import { Stack, SplashScreen } from 'expo-router'
+import { SplashScreen, Stack } from 'expo-router'
 import { useEffect, useState } from 'react'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
 
@@ -64,8 +64,8 @@ export default function HomeLayout() {
       if (!walletKey) return
 
       const agent = await initializeAgent(walletKey).catch(() => {
-        toast.show('Could not initialize agent.')
         setAgentInitializationFailed(true)
+        toast.show('Could not initialize agent.')
       })
       if (!agent) return
 
@@ -143,6 +143,16 @@ export default function HomeLayout() {
           <NoInternetToastProvider>
             <DeeplinkHandler>
               <Stack screenOptions={{ headerShown: false }}>
+                {/**
+                 * Workaround:
+                 * The following screens are not rendered by the router.
+                 * They are used to prevent the internal route to be executed.
+                 * So now they are being redirected to the home screen. So the user will not see a 404.
+                 **/}
+                <Stack.Screen name="invitation/[id]" redirect />
+                <Stack.Screen name="https/[...dummy]" redirect />
+                <Stack.Screen name="http/[...dummy]" redirect />
+
                 <Stack.Screen
                   options={{
                     presentation: 'modal',

diff --git a/apps/expo/app/http/[...dummy].tsx b/apps/expo/app/http/[...dummy].tsx
@@ -0,0 +1,5 @@
+// Workaround: To prevent the routing of the deeplinks
+
+export default function Screen() {
+  return <span></span>
+}
diff --git a/apps/expo/app/https/[...dummy].tsx b/apps/expo/app/https/[...dummy].tsx
@@ -0,0 +1,5 @@
+// Workaround: To prevent the routing of the deeplinks
+
+export default function Screen() {
+  return <span></span>
+}
diff --git a/apps/expo/app/invitation/[id].tsx b/apps/expo/app/invitation/[id].tsx
@@ -0,0 +1,5 @@
+// Workaround: To prevent the routing of the deeplinks
+
+export default function Screen() {
+  return <span></span>
+}
diff --git a/packages/agent/src/parsers.ts b/packages/agent/src/parsers.ts
@@ -42,6 +42,7 @@ export enum QrTypes {
   OPENID = 'openid://',
   OPENID_VC = 'openid-vc://',
   DIDCOMM = 'didcomm://',
+  HTTPS = 'https://',
 }
 
 export const isOpenIdCredentialOffer = (url: string) => {