feat: initial implementation of solana auth

.react-router/types/+register.ts

@@ -44,6 +44,7 @@ type Params = {
   "/onboarding/done": {};
   "/dashboard": {};
   "/profile": {};
+  "/solana": {};
   "/login": {};
   "/logout": {};
   "/about": {};

.react-router/types/app/features/solana/+types/user-solana-layout.ts

@@ -0,0 +1,43 @@
+// React Router generated types for route:
+// ./features/solana/user-solana-layout.tsx
+
+import type * as T from "react-router/route-module"
+
+import type { Info as Parent0 } from "../../../+types/root.js"
+import type { Info as Parent1 } from "../../app/+types/layout-app.js"
+
+type Module = typeof import("../user-solana-layout.js")
+
+export type Info = {
+  parents: [Parent0, Parent1],
+  id: "features/solana/user-solana-layout"
+  file: "./features/solana/user-solana-layout.tsx"
+  path: "undefined"
+  params: {} & { [key: string]: string | undefined }
+  module: Module
+  loaderData: T.CreateLoaderData<Module>
+  actionData: T.CreateActionData<Module>
+}
+
+export namespace Route {
+  export type LinkDescriptors = T.LinkDescriptors
+  export type LinksFunction = () => LinkDescriptors
+
+  export type MetaArgs = T.CreateMetaArgs<Info>
+  export type MetaDescriptors = T.MetaDescriptors
+  export type MetaFunction = (args: MetaArgs) => MetaDescriptors
+
+  export type HeadersArgs = T.HeadersArgs
+  export type HeadersFunction = (args: HeadersArgs) => Headers | HeadersInit
+
+  export type unstable_MiddlewareFunction = T.CreateServerMiddlewareFunction<Info>
+  export type unstable_ClientMiddlewareFunction = T.CreateClientMiddlewareFunction<Info>
+  export type LoaderArgs = T.CreateServerLoaderArgs<Info>
+  export type ClientLoaderArgs = T.CreateClientLoaderArgs<Info>
+  export type ActionArgs = T.CreateServerActionArgs<Info>
+  export type ClientActionArgs = T.CreateClientActionArgs<Info>
+
+  export type HydrateFallbackProps = T.CreateHydrateFallbackProps<Info>
+  export type ComponentProps = T.CreateComponentProps<Info>
+  export type ErrorBoundaryProps = T.CreateErrorBoundaryProps<Info>
+}

.react-router/types/app/features/solana/+types/user-solana-wallet.ts

@@ -0,0 +1,44 @@
+// React Router generated types for route:
+// ./features/solana/user-solana-wallet.tsx
+
+import type * as T from "react-router/route-module"
+
+import type { Info as Parent0 } from "../../../+types/root.js"
+import type { Info as Parent1 } from "../../app/+types/layout-app.js"
+import type { Info as Parent2 } from "./user-solana-layout.js"
+
+type Module = typeof import("../user-solana-wallet.js")
+
+export type Info = {
+  parents: [Parent0, Parent1, Parent2],
+  id: "features/solana/user-solana-wallet"
+  file: "./features/solana/user-solana-wallet.tsx"
+  path: "solana"
+  params: {} & { [key: string]: string | undefined }
+  module: Module
+  loaderData: T.CreateLoaderData<Module>
+  actionData: T.CreateActionData<Module>
+}
+
+export namespace Route {
+  export type LinkDescriptors = T.LinkDescriptors
+  export type LinksFunction = () => LinkDescriptors
+
+  export type MetaArgs = T.CreateMetaArgs<Info>
+  export type MetaDescriptors = T.MetaDescriptors
+  export type MetaFunction = (args: MetaArgs) => MetaDescriptors
+
+  export type HeadersArgs = T.HeadersArgs
+  export type HeadersFunction = (args: HeadersArgs) => Headers | HeadersInit
+
+  export type unstable_MiddlewareFunction = T.CreateServerMiddlewareFunction<Info>
+  export type unstable_ClientMiddlewareFunction = T.CreateClientMiddlewareFunction<Info>
+  export type LoaderArgs = T.CreateServerLoaderArgs<Info>
+  export type ClientLoaderArgs = T.CreateClientLoaderArgs<Info>
+  export type ActionArgs = T.CreateServerActionArgs<Info>
+  export type ClientActionArgs = T.CreateClientActionArgs<Info>
+
+  export type HydrateFallbackProps = T.CreateHydrateFallbackProps<Info>
+  export type ComponentProps = T.CreateComponentProps<Info>
+  export type ErrorBoundaryProps = T.CreateErrorBoundaryProps<Info>
+}

app/features/app/layout-app.tsx

@@ -22,6 +22,7 @@ export default function LayoutApp({ loaderData: { user } }: Route.ComponentProps
   const links: UiHeaderLink[] = [
     { label: 'Dashboard', to: '/dashboard' },
     { label: 'Profile', to: '/profile' },
+    { label: 'Solana', to: '/solana' },
   ]
   if (user.admin) {
     links.push({ label: 'Admin', to: '/admin' })

app/features/auth/data-access/get-user-by-identity.ts

@@ -0,0 +1,9 @@
+import { prisma } from '~/lib/db.server'
+import { IdentityProvider } from '@prisma/client'
+
+export async function getUserByIdentity({ provider, providerId }: { provider: IdentityProvider; providerId: string }) {
+  return await prisma.user.findFirst({
+    include: { identities: true },
+    where: { identities: { some: { provider, providerId } } },
+  })
+}

app/features/auth/data-access/get-user-by-solana-identity.ts

@@ -0,0 +1,10 @@
+import { isValidSolanaPubKey } from '~/lib/solana/is-valid-solana-pubkey'
+import { IdentityProvider } from '@prisma/client'
+import { getUserByIdentity } from '~/features/auth/data-access/get-user-by-identity'
+
+export async function getUserBySolanaIdentity({ providerId }: { providerId: string }) {
+  if (!isValidSolanaPubKey(providerId)) {
+    throw new Error('Invalid Solana providerId')
+  }
+  return getUserByIdentity({ provider: IdentityProvider.Solana, providerId })
+}

app/features/pubkey/pubkey-feature-profile-create.tsx

@@ -12,8 +12,9 @@ import { UiCard } from '~/ui/ui-card'
 import { PubkeyUiProfileCreateForm } from './ui/pubkey-ui-profile-create-form'
 import { getPubkeySdkCommunity } from '~/lib/pubkey/get-pubkey-sdk-community'
 import { useConnection, useWallet } from '@solana/wallet-adapter-react'
-import { PublicKey, VersionedTransaction } from '@solana/web3.js'
+import { VersionedTransaction } from '@solana/web3.js'
 import { base58 } from '@metaplex-foundation/umi'
+import { isValidSolanaPubKey } from '~/lib/solana/is-valid-solana-pubkey'
 
 export function meta() {
   return appMeta('Profiles')
@@ -114,14 +115,6 @@ export default function PubkeyFeatureCommunityCreate({ loaderData: { config } }:
   )
 }
 
-function isValidSolanaPubKey(address: string) {
-  try {
-    return !!new PublicKey(address)
-  } catch {
-    return false
-  }
-}
-
 function txToBase58(tx: VersionedTransaction): string {
   const [res] = base58.deserialize(tx.serialize())
   return res

app/features/solana/get-solana-verification-type.ts

@@ -0,0 +1,54 @@
+export enum SolanaVerificationType {
+  Error = 'Error',
+  Login = 'Login',
+  Register = 'Register',
+  Link = 'Link',
+  Verify = 'Verify',
+}
+
+export function getSolanaVerificationType({
+  actorId,
+  ownerId,
+  enabledTypes = [
+    SolanaVerificationType.Login,
+    SolanaVerificationType.Link,
+    SolanaVerificationType.Register,
+    SolanaVerificationType.Verify,
+  ],
+}: {
+  actorId?: string
+  ownerId?: string
+  enabledTypes?: SolanaVerificationType[]
+}): {
+  message?: string
+  type: SolanaVerificationType
+} {
+  function ensureEnabledType(type: SolanaVerificationType) {
+    if (!enabledTypes.includes(type)) {
+      throw new Error(`Solana verification type ${type} is not enabled`)
+    }
+    return type
+  }
+
+  // If the wallet isn't owned by any user
+  if (!ownerId) {
+    return actorId
+      ? // If actor is set, we want to link the wallet
+        { type: ensureEnabledType(SolanaVerificationType.Link) }
+      : // Otherwise, we want to register a new user
+        { type: ensureEnabledType(SolanaVerificationType.Register) }
+  }
+
+  // We are not logged in, so this is a login
+  if (!actorId) {
+    return { type: ensureEnabledType(SolanaVerificationType.Login) }
+  }
+
+  // We are logged in, make sure that the user owns the wallet
+  if (ownerId !== actorId) {
+    return { type: SolanaVerificationType.Error, message: 'User does not own public key' }
+  }
+
+  // Actor owns the wallet, we can now verify it
+  return { type: ensureEnabledType(SolanaVerificationType.Verify) }
+}

app/features/solana/index.ts

@@ -0,0 +1,8 @@
+import { index, layout, prefix } from '@react-router/dev/routes'
+
+export const userSolanaRoutes = layout('./features/solana/user-solana-layout.tsx',
+  prefix('solana', [
+    index('./features/solana/user-solana-wallet.tsx'),
+  ])
+)
+

app/features/solana/user-solana-layout.tsx

@@ -0,0 +1,11 @@
+import React, { Suspense } from 'react'
+import { Loader } from '@mantine/core'
+import { Outlet } from 'react-router'
+
+export default function LayoutApp() {
+  return (
+    <Suspense fallback={<Loader />}>
+      <Outlet />
+    </Suspense>
+  )
+}