0xsend · 0xBigBoss · Jan 25, 2025 · Jan 28, 2025 · Jan 29, 2025 · Jan 29, 2025
@@ -20,7 +20,8 @@ SNAPLET_HASH_KEY=sendapp
 SUPABASE_DB_URL=postgresql://postgres:postgres@localhost:54322/postgres
 SUPABASE_JWT_SECRET=super-secret-jwt-token-with-at-least-32-characters-long
 SUPABASE_SERVICE_ROLE=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZS1kZW1vIiwicm9sZSI6InNlcnZpY2Vfcm9sZSIsImV4cCI6MTk4MzgxMjk5Nn0.EGIM96RAZx35lJzdJsyH-qQwv8Hdp7fsn3W0YpN81IU
-# NEXT_PUBLIC_ENABLE_QUERY_DEV_TOOLS=1
+# NEXT_PUBLIC_REACT_QUERY_DEV_TOOLS=1
+# NEXT_PUBLIC_REACT_SCAN_ENABLED=1
 # Enables more logging for sendapp
 # DEBUG="api:*,app:*,test:*,-test:fixtures:snaplet:*"
 # Record your playwright tests

@@ -23,7 +23,7 @@
     "expo-build-properties": "~0.11.1",
     "expo-clipboard": "^5.0.1",
     "expo-constants": "~15.4.5",
-    "expo-crypto": "~12.8.0",
+    "expo-crypto": "~14.0.2",
     "expo-dev-client": "~3.3.8",
     "expo-device": "~5.9.3",
     "expo-font": "~11.10.2",

@@ -138,6 +138,7 @@ export default () => {
       'expo-modules-core',
       'expo-device',
       'expo-image-picker',
+      'expo-crypto',
     ],
     experimental: {
       scrollRestoration: true,

@@ -11,6 +11,8 @@ import { AppRegistry } from 'react-native'
 
 import { config } from '@my/ui'
 
+const DEV = process.env.NODE_ENV === 'development'
+
 export default class Document extends NextDocument {
   static async getInitialProps(ctx: DocumentContext): Promise<DocumentInitialProps> {
     AppRegistry.registerComponent('Main', () => Main)
@@ -30,7 +32,7 @@ export default class Document extends NextDocument {
         // biome-ignore lint/security/noDangerouslySetInnerHtml: tamagui is a trusted source
         dangerouslySetInnerHTML={{
           __html: config.getCSS({
-            exclude: process.env.NODE_ENV === 'development' ? null : 'design-system',
+            exclude: DEV ? null : 'design-system',
           }),
         }}
       />,
@@ -43,6 +45,9 @@ export default class Document extends NextDocument {
     return (
       <Html>
         <Head>
+          {DEV && !!process.env.NEXT_PUBLIC_REACT_SCAN_ENABLED ? (
+            <script src="https://unpkg.com/react-scan/dist/auto.global.js" />
+          ) : null}
           <meta httpEquiv="X-UA-Compatible" content="IE=edge" />
         </Head>
         <body>

@@ -20,7 +20,7 @@ export const Page: NextPageWithLayout = () => {
 export const getServerSideProps = userProtectedGetSSP()
 
 Page.getLayout = (children) => (
-  <HomeLayout TopNav={<TopNav header="Settings" backFunction={'router'} />} fullHeight>
+  <HomeLayout TopNav={<TopNav header="Settings" backFunction={'pop'} />} fullHeight>
     <SettingsLayout>{children}</SettingsLayout>
   </HomeLayout>
 )

@@ -20,7 +20,7 @@ export const Page: NextPageWithLayout = () => {
 export const getServerSideProps = userProtectedGetSSP()
 
 Page.getLayout = (children) => (
-  <HomeLayout TopNav={<TopNav header="Settings" backFunction={'router'} />} fullHeight>
+  <HomeLayout TopNav={<TopNav header="Settings" backFunction={'pop'} />} fullHeight>
     <SettingsLayout>{children}</SettingsLayout>
   </HomeLayout>
 )

@@ -21,7 +21,7 @@ export const Page: NextPageWithLayout = () => {
 export const getServerSideProps = userProtectedGetSSP()
 
 Page.getLayout = (children) => (
-  <HomeLayout TopNav={<TopNav header="Settings" backFunction={'router'} />} fullHeight>
+  <HomeLayout TopNav={<TopNav header="Settings" backFunction={'pop'} />} fullHeight>
     <SettingsLayout>{children}</SettingsLayout>
   </HomeLayout>
 )

@@ -0,0 +1,31 @@
+import { TopNav } from 'app/components/TopNav'
+import { EarningsBalance } from 'app/features/earn/earnings/screen'
+import { assetParam } from '../../../utils/assetParam'
+import { HomeLayout } from 'app/features/home/layout.web'
+import type { GetServerSideProps } from 'next'
+import Head from 'next/head'
+import { userProtectedGetSSP } from 'utils/userProtected'
+import type { NextPageWithLayout } from '../../_app'
+
+export const Page: NextPageWithLayout = () => {
+  return (
+    <>
+      <Head>
+        <title>Send | Earnings Balance</title>
+      </Head>
+      <EarningsBalance />
+    </>
+  )
+}
+
+export const getServerSideProps: GetServerSideProps = (context) => {
+  return assetParam(context, userProtectedGetSSP)
+}
+
+Page.getLayout = (children) => (
+  <HomeLayout TopNav={<TopNav header="Earnings Balance" backFunction="router" />} fullHeight>
+    {children}
+  </HomeLayout>
+)
+
+export default Page
@@ -0,0 +1,31 @@
+import { TopNav } from 'app/components/TopNav'
+import { DepositScreen } from 'app/features/earn/deposit/screen'
+import { assetParam } from '../../../utils/assetParam'
+import { HomeLayout } from 'app/features/home/layout.web'
+import type { GetServerSideProps } from 'next'
+import Head from 'next/head'
+import { userProtectedGetSSP } from 'utils/userProtected'
+import type { NextPageWithLayout } from '../../_app'
+
+export const Page: NextPageWithLayout = () => {
+  return (
+    <>
+      <Head>
+        <title>Send | Start Earning</title>
+      </Head>
+      <DepositScreen />
+    </>
+  )
+}
+
+export const getServerSideProps: GetServerSideProps = (context) => {
+  return assetParam(context, userProtectedGetSSP)
+}
+
+Page.getLayout = (children) => (
+  <HomeLayout TopNav={<TopNav header="Start Earning" backFunction="router" />}>
+    {children}
+  </HomeLayout>
+)
+
+export default Page
@@ -0,0 +1,31 @@
+import { TopNav } from 'app/components/TopNav'
+import { ActiveEarningsScreen } from 'app/features/earn/active/screen'
+import { assetParam } from '../../../utils/assetParam'
+import { HomeLayout } from 'app/features/home/layout.web'
+import type { GetServerSideProps } from 'next'
+import Head from 'next/head'
+import { userProtectedGetSSP } from 'utils/userProtected'
+import type { NextPageWithLayout } from '../../_app'
+
+export const Page: NextPageWithLayout = () => {
+  return (
+    <>
+      <Head>
+        <title>Send | Active Earnings</title>
+      </Head>
+      <ActiveEarningsScreen />
+    </>
+  )
+}
+
+export const getServerSideProps: GetServerSideProps = (context) => {
+  return assetParam(context, userProtectedGetSSP)
+}
+
+Page.getLayout = (children) => (
+  <HomeLayout TopNav={<TopNav header="Active Earnings" backFunction="root" />}>
+    {children}
+  </HomeLayout>
+)
+
+export default Page
@@ -0,0 +1,31 @@
+import { TopNav } from 'app/components/TopNav'
+import { RewardsBalanceScreen } from 'app/features/earn/rewards/screen'
+import { HomeLayout } from 'app/features/home/layout.web'
+import Head from 'next/head'
+import { userProtectedGetSSP } from 'utils/userProtected'
+import type { NextPageWithLayout } from '../../_app'
+import type { GetServerSideProps } from 'next'
+import { assetParam } from '../../../utils/assetParam'
+
+export const Page: NextPageWithLayout = () => {
+  return (
+    <>
+      <Head>
+        <title>Send | Rewards Balance</title>
+      </Head>
+      <RewardsBalanceScreen />
+    </>
+  )
+}
+
+export const getServerSideProps: GetServerSideProps = (context) => {
+  return assetParam(context, userProtectedGetSSP)
+}
+
+Page.getLayout = (children) => (
+  <HomeLayout TopNav={<TopNav header="Rewards Balance" backFunction="router" />} fullHeight>
+    {children}
+  </HomeLayout>
+)
+
+export default Page
@@ -0,0 +1,31 @@
+import { TopNav } from 'app/components/TopNav'
+import { assetParam } from '../../../utils/assetParam'
+import { WithdrawForm } from 'app/features/earn/withdraw/screen'
+import { HomeLayout } from 'app/features/home/layout.web'
+import type { GetServerSideProps } from 'next'
+import Head from 'next/head'
+import { userProtectedGetSSP } from 'utils/userProtected'
+import type { NextPageWithLayout } from '../../_app'
+
+export const Page: NextPageWithLayout = () => {
+  return (
+    <>
+      <Head>
+        <title>Send | Withdraw Deposit</title>
+      </Head>
+      <WithdrawForm />
+    </>
+  )
+}
+
+export const getServerSideProps: GetServerSideProps = (context) => {
+  return assetParam(context, userProtectedGetSSP)
+}
+
+Page.getLayout = (children) => (
+  <HomeLayout TopNav={<TopNav header="Withdraw Deposit" backFunction="router" />}>
+    {children}
+  </HomeLayout>
+)
+
+export default Page
@@ -0,0 +1,22 @@
+import { TopNav } from 'app/components/TopNav'
+import { EarnScreen } from 'app/features/earn/screen'
+import { HomeLayout } from 'app/features/home/layout.web'
+import Head from 'next/head'
+import type { NextPageWithLayout } from '../_app'
+
+export const Page: NextPageWithLayout = () => {
+  return (
+    <>
+      <Head>
+        <title>Send | Earn</title>
+      </Head>
+      <EarnScreen />
+    </>
+  )
+}
+
+Page.getLayout = (children) => (
+  <HomeLayout TopNav={<TopNav header="Earn" backFunction="root" />}>{children}</HomeLayout>
+)
+
+export default Page
@@ -0,0 +1,47 @@
+import { paramToCoin } from 'app/features/earn/params'
+import { debug } from 'debug'
+import type { GetServerSidePropsContext, GetServerSidePropsResult } from 'next'
+import type { ParsedUrlQuery } from 'node:querystring'
+
+const log = debug('app:utils:assetParam')
+
+interface AssetParams extends ParsedUrlQuery {
+  asset?: string
+}
+
+/**
+ * Helper function to validate the asset parameter for all routes under the [asset] parameterized route.
+ *
+ * @param context - The GetServerSidePropsContext from Next.js
+ * @param getSSP - The function to call if the asset is valid (e.g., userProtectedGetSSP())
+ * @returns GetServerSidePropsResult based on asset validation
+ */
+export function assetParam(
+  context: GetServerSidePropsContext,
+  getSSP: () => (
+    context: GetServerSidePropsContext
+  ) => Promise<GetServerSidePropsResult<Record<string, unknown>>>
+): Promise<GetServerSidePropsResult<Record<string, unknown>>> {
+  const { asset } = context.params as AssetParams
+
+  if (!asset) {
+    log('no asset')
+    return Promise.resolve({
+      redirect: {
+        destination: '/earn',
+        permanent: false,
+      },
+    })
+  }
+
+  if (!paramToCoin(asset)) {
+    log('coin not supported', asset)
+    // 404 if coin is not supported
+    return Promise.resolve({
+      notFound: true,
+    })
+  }
+
+  // Asset is valid, proceed with the provided getSSP function
+  return getSSP()(context)
+}
@@ -25,7 +25,8 @@
       "./supabase/.temp/**",
       "./packages/contracts/var/*.json",
       "**/tsconfig.json",
-      "**/*.tsconfig.json"
+      "**/*.tsconfig.json",
+      "postgrestools.jsonc"
     ]
   },
   "organizeImports": {

@@ -0,0 +1,5 @@
+# React Query
+
+Send app relies heavily on React Query for data fetching. If you have never used React Query, you can read the [docs](https://tanstack.com/query/v5/docs/framework/react/overview) to get started.
+
+Or, read the reference or guides for the specific hooks you want to use.
@@ -60,7 +60,7 @@ create or replace function activity_feed()
 as
 $$
 begin
-    return query 
+    return query
     select a.id,
         a.created_at,
         a.event_name,
@@ -114,7 +114,7 @@ begin
     -- select send app info for from address
     select user_id into _f_user_id from send_accounts where address = concat('0x', encode(NEW.f, 'hex'))::citext;
     select user_id into _t_user_id from send_accounts where address = concat('0x', encode(NEW.t, 'hex'))::citext;
-    
+
     insert into activity (event_name, event_id, from_user_id, to_user_id, data)
     values ('send_account_transfers',
             NEW.id,
@@ -164,7 +164,7 @@ SELECT tests.create_supabase_user('test_user_to');
 
 INSERT INTO send_accounts (user_id, address, chain_id, init_code)
 VALUES (tests.get_supabase_uid('test_user_from'), '0x1234567890ABCDEF1234567890ABCDEF12345678', 1, '\\x00112233445566778899AABBCCDDEEFF'),
-       (tests.get_supabase_uid('test_user_to'), '0xB0B7D5E8A4B6D534B3F608E9D27871F85A4E98DA', 1, '\\x00112233445566778899AABBCCDDEEFF'); 
+       (tests.get_supabase_uid('test_user_to'), '0xB0B7D5E8A4B6D534B3F608E9D27871F85A4E98DA', 1, '\\x00112233445566778899AABBCCDDEEFF');
 
 -- Insert a test row into send_account_transfers table
 INSERT INTO send_account_transfers (f, t, v)
@@ -173,10 +173,10 @@ VALUES ('\x1234567890ABCDEF1234567890ABCDEF12345678'::bytea, '\xB0B7D5E8A4B6D534
 -- Test if the trigger function populated the additional columns correctly
 SELECT results_eq(
     $$
-        SELECT 
-          f, 
-          t, 
-          v, 
+        SELECT
+          f,
+          t,
+          v,
           tests.get_supabase_uid('test_user_from'),
           tests.get_supabase_uid('test_user_to')
         FROM send_account_transfers
@@ -189,19 +189,19 @@ SELECT results_eq(
     'Test if the trigger function populated the additional columns correctly'
 );
 
-DELETE FROM send_account_transfers 
+DELETE FROM send_account_transfers
 WHERE id = (
-    SELECT id 
-    FROM send_account_transfers 
+    SELECT id
+    FROM send_account_transfers
     WHERE f = '\x1234567890ABCDEF1234567890ABCDEF12345678'::bytea AND t = '\xB0B7D5E8A4B6D534B3F608E9D27871F85A4E98DA'::bytea);
 
 -- Test if the trigger function removes the activity row
 SELECT is_empty(
     $$
-        SELECT 
-          f, 
-          t, 
-          v, 
+        SELECT
+          f,
+          t,
+          v,
           tests.get_supabase_uid('test_user_from'),
           tests.get_supabase_uid('test_user_to')
         FROM send_account_transfers