feat: Turnkey Passkey POC

.github/workflows/build-app-release.yml

@@ -48,6 +48,7 @@ jobs:
           echo "EXPO_PUBLIC_PRIVY_APP_ID=${{ secrets.EXPO_PUBLIC_PRIVY_APP_ID }}" >> .env.production
           echo "EXPO_PUBLIC_EVM_RPC_ENDPOINT=${{ secrets.EXPO_PUBLIC_EVM_RPC_ENDPOINT }}" >> .env.production
           echo "SENTRY_AUTH_TOKEN=${{ secrets.SENTRY_AUTH_TOKEN }}" >> .env.production
+          echo "EXPO_PUBLIC_TURNKEY_ORG=${{ secrets.EXPO_PUBLIC_TURNKEY_ORG }}" >> .env.production
 
       - name: Update EAS config with env variables
         run: node scripts/Øbuild/eas.js --env production
@@ -91,7 +92,7 @@ jobs:
           echo "EXPO_PUBLIC_PRIVY_APP_ID=${{ secrets.EXPO_PUBLIC_PRIVY_APP_ID }}" >> .env.production
           echo "EXPO_PUBLIC_EVM_RPC_ENDPOINT=${{ secrets.EXPO_PUBLIC_EVM_RPC_ENDPOINT }}" >> .env.production
           echo "SENTRY_AUTH_TOKEN=${{ secrets.SENTRY_AUTH_TOKEN }}" >> .env.production
-
+          echo "EXPO_PUBLIC_TURNKEY_ORG=${{ secrets.EXPO_PUBLIC_TURNKEY_ORG }}" >> .env.production
       - name: Update EAS config with env variables
         run: node scripts/build/eas.js --env production
 

.github/workflows/build-internal.yml

@@ -66,6 +66,7 @@ jobs:
           echo "EXPO_PUBLIC_PRIVY_APP_ID=${{ secrets.EXPO_PUBLIC_PRIVY_APP_ID }}" >> $env_file
           echo "EXPO_PUBLIC_EVM_RPC_ENDPOINT=${{ secrets.EXPO_PUBLIC_EVM_RPC_ENDPOINT }}" >> $env_file
           echo "SENTRY_AUTH_TOKEN=${{ secrets.SENTRY_AUTH_TOKEN }}" >> $env_file
+          echo "EXPO_PUBLIC_TURNKEY_ORG=${{ secrets.EXPO_PUBLIC_TURNKEY_ORG }}" >> $env_file
 
       - name: Update EAS config with env variables
         run: |

app.json

@@ -3,10 +3,10 @@
     "newArchEnabled": false,
     "version": "2.1.0",
     "ios": {
-      "buildNumber": "58"
+      "buildNumber": "65"
     },
     "android": {
-      "versionCode": 257
+      "versionCode": 265
     }
   }
 }

components/Onboarding/ConnectViaWallet/ConnectViaWalletTableViewItems.tsx

@@ -24,6 +24,18 @@ import TableView, { TableViewItemType } from "../../TableView/TableView";
 import { TableViewEmoji, TableViewImage } from "../../TableView/TableViewImage";
 import { RightViewChevron } from "../../TableView/TableViewRightChevron";
 
+export function getConnectViaWalletTableViewPasskeyItem(
+  args: Partial<TableViewItemType>
+): TableViewItemType {
+  return {
+    id: "passkey",
+    leftView: <TableViewEmoji emoji="🔑" />,
+    title: translate("walletSelector.converseAccount.connectViaPasskey"),
+    rightView: <RightViewChevron />,
+    ...args,
+  };
+}
+
 export function getConnectViaWalletTableViewPrivateKeyItem(
   args: Partial<TableViewItemType>
 ): TableViewItemType {

components/Onboarding/init-xmtp-client.ts

@@ -1,4 +1,3 @@
-import { Signer } from "ethers";
 import { Alert } from "react-native";
 
 // import { invalidateProfileSocialsQuery } from "../../data/helpers/profiles/profilesUpdate";
@@ -13,8 +12,13 @@ import { awaitableAlert } from "../../utils/alert";
 import logger from "../../utils/logger";
 import { logoutAccount, waitForLogoutTasksDone } from "../../utils/logout";
 import { sentryTrackMessage } from "../../utils/sentry";
-import { createXmtpClientFromSigner } from "../../utils/xmtpRN/signIn";
+import {
+  createXmtpClientFromSigner,
+  createXmtpClientFromViemAccount,
+} from "../../utils/xmtpRN/signIn";
 import { getXmtpClient } from "../../utils/xmtpRN/sync";
+import { Signer } from "ethers";
+import { LocalAccount } from "viem/accounts";
 
 export async function initXmtpClient(args: {
   signer: Signer;
@@ -49,6 +53,39 @@ export async function initXmtpClient(args: {
   }
 }
 
+export async function initXmtpClientFromViemAccount(args: {
+  account: LocalAccount;
+  address: string;
+  privyAccountId?: string;
+  isEphemeral?: boolean;
+  pkPath?: string;
+}) {
+  const { account, address, ...restArgs } = args;
+
+  if (!account || !address) {
+    throw new Error("No signer or address");
+  }
+
+  try {
+    await createXmtpClientFromViemAccount(account, async () => {
+      await awaitableAlert(
+        translate("current_installation_revoked"),
+        translate("current_installation_revoked_description")
+      );
+      throw new Error("Current installation revoked");
+    });
+
+    await connectWithAddress({
+      address,
+      ...restArgs,
+    });
+  } catch (e) {
+    await logoutAccount(address, false, true, () => {});
+    logger.error(e);
+    throw e;
+  }
+}
+
 type IBaseArgs = {
   address: string;
 };

config.ts

@@ -50,6 +50,7 @@ const defaultConfig = {
   },
   splitScreenThreshold: 600,
   framesAllowedSchemes: ["http", "https", "ethereum"],
+  turnkeyOrg: process.env.EXPO_PUBLIC_TURNKEY_ORG,
 };
 
 const isAndroid = Platform.OS === "android";
@@ -76,6 +77,7 @@ const ENV = {
     appCheckDebugToken: isAndroid
       ? process.env.EXPO_PUBLIC_FIREBASE_APP_CHECK_DEBUG_TOKEN_ANDROID
       : process.env.EXPO_PUBLIC_FIREBASE_APP_CHECK_DEBUG_TOKEN_IOS,
+    appDomain: "dev.converse.xyz",
   },
   preview: {
     ...defaultConfig,
@@ -95,6 +97,7 @@ const ENV = {
     alphaGroupChatUrl:
       "https://converse.xyz/group-invite/eQAvo-WvwrdBTsHINuSMJ",
     appCheckDebugToken: undefined,
+    appDomain: "preview.converse.xyz",
   },
   prod: {
     ...defaultConfig,
@@ -129,6 +132,7 @@ const ENV = {
     alphaGroupChatUrl:
       "https://converse.xyz/group-invite/eQAvo-WvwrdBTsHINuSMJ",
     appCheckDebugToken: undefined,
+    appDomain: "converse.xyz",
   },
 } as const;
 

features/onboarding/passkey/passkeyAuthStore.tsx

@@ -0,0 +1,86 @@
+import { createContext, memo, useContext, useRef } from "react";
+import { createStore, useStore } from "zustand";
+import { LocalAccount } from "viem/accounts";
+import { TurnkeyStoreInfo } from "@/utils/passkeys/passkeys.interfaces";
+
+type IPasskeyAuthStoreProps = {
+  loading?: boolean;
+  error?: string;
+  statusString?: string;
+  account?: LocalAccount;
+  turnkeyInfo?: TurnkeyStoreInfo;
+  previousPasskeyName?: string;
+};
+
+type IPasskeyAuthStoreState = IPasskeyAuthStoreProps & {
+  setLoading: (loading: boolean) => void;
+  setError: (error: string | undefined) => void;
+  setStatusString: (statusString: string | undefined) => void;
+  setAccount: (account: LocalAccount | undefined) => void;
+  setTurnkeyInfo: (turnkeyInfo: TurnkeyStoreInfo | undefined) => void;
+  setPreviousPasskeyName: (previousPasskeyName: string | undefined) => void;
+  reset: () => void;
+};
+
+type IPasskeyAuthStoreProviderProps =
+  React.PropsWithChildren<IPasskeyAuthStoreProps>;
+
+type IPasskeyAuthStore = ReturnType<typeof createPasskeyAuthStore>;
+
+const PasskeyAuthStoreContext = createContext<IPasskeyAuthStore | null>(null);
+
+export const PasskeyAuthStoreProvider = memo(
+  ({ children, ...props }: IPasskeyAuthStoreProviderProps) => {
+    const storeRef = useRef<IPasskeyAuthStore>();
+    if (!storeRef.current) {
+      storeRef.current = createPasskeyAuthStore(props);
+    }
+    return (
+      <PasskeyAuthStoreContext.Provider value={storeRef.current}>
+        {children}
+      </PasskeyAuthStoreContext.Provider>
+    );
+  }
+);
+
+const createPasskeyAuthStore = (initProps: IPasskeyAuthStoreProps) => {
+  const DEFAULT_PROPS: IPasskeyAuthStoreProps = {
+    loading: false,
+    error: undefined,
+    statusString: undefined,
+    account: undefined,
+    turnkeyInfo: undefined,
+    previousPasskeyName: undefined,
+  };
+  return createStore<IPasskeyAuthStoreState>()((set) => ({
+    ...DEFAULT_PROPS,
+    ...initProps,
+    setLoading: (loading) =>
+      loading ? set({ loading, error: undefined }) : set({ loading: false }),
+    setError: (error) => set({ error, statusString: undefined }),
+    setStatusString: (statusString) => set({ statusString }),
+    setAccount: (account) => set({ account }),
+    setTurnkeyInfo: (turnkeyInfo) => set({ turnkeyInfo }),
+    setPreviousPasskeyName: (previousPasskeyName) =>
+      set({ previousPasskeyName }),
+    reset: () => set(DEFAULT_PROPS),
+  }));
+};
+
+export function usePasskeyAuthStoreContext<T>(
+  selector: (state: IPasskeyAuthStoreState) => T
+): T {
+  const store = useContext(PasskeyAuthStoreContext);
+  if (!store) throw new Error("Missing PasskeyAuthStore.Provider in the tree");
+  return useStore(store, selector);
+}
+
+export const usePasskeyAuthStore = () => {
+  const store = useContext(PasskeyAuthStoreContext);
+  if (!store) {
+    throw new Error(
+      "usePasskeyAuthStore must be used within a PasskeyAuthStoreProvider"
+    );
+  }
+  return store;
+};

i18n/translations/en.ts

@@ -8,6 +8,7 @@ export const en = {
       title: "CONVERSE ACCOUNTS",
       connectViaPhone: "Connect via Phone",
       createEphemeral: "Create Ephemeral Account",
+      connectViaPasskey: "Connect via Passkey",
     },
     installedApps: {
       title: "INSTALLED APPS",
@@ -51,6 +52,12 @@ export const en = {
     },
     resendCodeIn: "Resend code in {{seconds}} seconds...",
   },
+  passkey: {
+    title: "Create Passkey",
+    add_account_title: "Add account by passkey",
+    subtitle: "Create a passkey to connect to Converse",
+    createButton: "Create Passkey",
+  },
   createEphemeral: {
     title: "Create an ephemeral account",
     subtitle:

ios/Converse/Converse.entitlements

@@ -8,6 +8,7 @@
 	<array>
 		<string>applinks:dev.converse.xyz</string>
 		<string>applinks:dev.getconverse.app</string>
+		<string>webcredentials:dev.converse.xyz</string>
 	</array>
 	<key>com.apple.developer.devicecheck.appattest-environment</key>
 	<string>production</string>

ios/ConverseNotificationExtension/Spam.swift

@@ -152,7 +152,7 @@ func computeSpamScoreV3Welcome(client: XMTP.Client, conversation: XMTP.Conversat
   return 0
 }
 
-func computeSpamScoreV3Message(client: XMTP.Client, conversation: XMTP.Conversation, decodedMessage: DecodedMessage, apiURI: String?) async -> Double {
+func computeSpamScoreV3Message(client: XMTP.Client, conversation: XMTP.Conversation, decodedMessage: Message, apiURI: String?) async -> Double {
   do {
 
 //    try await client.preferences.syncConsent()
@@ -209,9 +209,19 @@ func computeSpamScoreV3Message(client: XMTP.Client, conversation: XMTP.Conversat
     //
     sentryTrackError(error: error, extras: ["message": "Failed to compute Spam Score for V3 Message"])
   }
-  let contentType = getContentTypeString(type: decodedMessage.encodedContent.type)
+
+  guard let messageContentType = try? decodedMessage.encodedContent.type else {
+    return 1
+  }
+  let contentType = getContentTypeString(type: messageContentType)
+
 
-  let messageContent = String(data: decodedMessage.encodedContent.content, encoding: .utf8)
+  guard let content = try? decodedMessage.encodedContent.content else {
+    return 1
+  }
+
+  let messageContent = String(data:content, encoding: .utf8)
+
   let messageSpamScore = getMessageSpamScore(message: messageContent, contentType: contentType)
 
   return messageSpamScore