From 22dbe2b3b5d64dfe48273daf31ee15d18fbd906e Mon Sep 17 00:00:00 2001
From: Max Koon <22125083+k2on@users.noreply.github.com>
Date: Wed, 15 Oct 2025 15:52:15 -0400
Subject: [PATCH] feat: show transaction info

---
 api/src/zero.ts                | 49 ++++++++++++++++++-----------
 app/index.tsx                  | 32 ++++++++++++-------
 shared/src/db/schema/public.ts |  6 ++++
 shared/src/mutators.ts         | 18 -----------
 shared/src/queries.ts          |  3 +-
 shared/src/zero-schema.gen.ts  | 56 ++++++++++++++++++++++++++++++++++
 6 files changed, 116 insertions(+), 48 deletions(-)

diff --git a/api/src/zero.ts b/api/src/zero.ts
index 77e7078..7790f48 100644
--- a/api/src/zero.ts
+++ b/api/src/zero.ts
@@ -24,7 +24,7 @@ import { Configuration, CountryCode, PlaidApi, PlaidEnvironments, Products } fro
 import { randomUUID } from "crypto";
 import { db } from "./db";
 import { balance, plaidAccessTokens, plaidLink, transaction } from "@money/shared/db";
-import { asc, desc, eq, sql } from "drizzle-orm";
+import { asc, desc, eq, sql, type InferInsertModel } from "drizzle-orm";
 
 
 const configuration = new Configuration({
@@ -79,6 +79,7 @@ const createMutators = (authData: AuthData | null) => {
           token: link_token,
         });
       },
+
       async get(_, { link_token }) {
         isLoggedIn(authData);
 
@@ -100,29 +101,41 @@ const createMutators = (authData: AuthData | null) => {
           token: data.access_token,
         });
       },
+
       async updateTransactions() {
         isLoggedIn(authData);
-        const accessToken = await db.query.plaidAccessTokens.findFirst({
-          where: eq(plaidAccessTokens.userId, authData.user.id)
+        const accounts = await db.query.plaidAccessTokens.findMany({
+          where: eq(plaidAccessTokens.userId, authData.user.id),
         });
-        if (!accessToken) throw Error("No plaid account");
-
-        const { data } = await plaidClient.transactionsGet({
-          access_token: accessToken.token,
-          start_date: "2025-10-01",
-          end_date: "2025-10-15",
-        });
-
-        for (const t of data.transactions) {
-          await db.insert(transaction).values({
-            id: randomUUID(),
-            user_id: authData.user.id,
-            name: t.name,
-            amount: t.amount.toString(),
-          });
+        if (accounts.length == 0) {
+          console.error("No accounts");
+          return;
         }
 
+        for (const account of accounts) {
+          const { data } = await plaidClient.transactionsGet({
+            access_token: account.token,
+            start_date: "2025-10-01",
+            end_date: "2025-10-15",
+          });
+
+          const transactions = data.transactions.map(tx => ({
+            id: randomUUID(),
+            user_id: authData.user.id,
+            plaid_id: tx.transaction_id,
+            name: tx.name,
+            amount: tx.amount as any,
+            datetime: tx.datetime ? new Date(tx.datetime) : new Date(tx.date),
+            authorized_datetime: tx.authorized_datetime ? new Date(tx.authorized_datetime) : undefined,
+            json: JSON.stringify(tx),
+          } satisfies InferInsertModel<typeof transaction>));
+
+          await db.insert(transaction).values(transactions).onConflictDoNothing({
+            target: transaction.plaid_id,
+          })
+        }
       },
+
       async updateBalences() {
         isLoggedIn(authData);
         const accounts = await db.query.plaidAccessTokens.findMany({
diff --git a/app/index.tsx b/app/index.tsx
index 819df8b..a4c3a5d 100644
--- a/app/index.tsx
+++ b/app/index.tsx
@@ -1,8 +1,9 @@
 import { authClient } from '@/lib/auth-client';
-import { Button, Linking, ScrollView, Text, View } from 'react-native';
+import { Button, Linking, Pressable, ScrollView, Text, View } from 'react-native';
 import { useQuery, useZero } from "@rocicorp/zero/react";
 import { queries, type Mutators, type Schema } from '@money/shared';
 import { useEffect, useState } from 'react';
+import { transaction } from '@/shared/src/db';
 
 export default function HomeScreen() {
   const { data: session } = authClient.useSession();
@@ -34,7 +35,7 @@ export default function HomeScreen() {
   }, [transactions]);
 
   return (
-    <ScrollView>
+    <View>
       {plaidLink && <Button onPress={() => {
         z.mutate.link.updateTransactions();
       }} title="Update transactions" />}
@@ -42,15 +43,24 @@ export default function HomeScreen() {
         z.mutate.link.updateBalences();
       }} title="Update bal" />}
 
-      <View style={{ backgroundColor: 'red' }}>
-        {balances.map(bal => <View>
-          <Text style={{ fontFamily: 'mono', color: 'white' }}>{bal.name}: {bal.current} ({bal.avaliable})</Text>
-        </View>)}
-      </View>
+      <View style={{ flexDirection: "row" }}>
+        <View style={{ backgroundColor: '' }}>
+          {balances.map(bal => <View key={bal.id}>
+            <Text style={{ fontFamily: 'mono',  }}>{bal.name}: {bal.current} ({bal.avaliable})</Text>
+          </View>)}
+        </View>
 
-      {transactions.map((t, i) => <View style={{ backgroundColor: i == idx ? 'black' : undefined }} key={t.id}>
-        <Text style={{ fontFamily: 'mono', color: i == idx ? 'white' : undefined }}>{t.name} {t.amount}</Text>
-      </View>)}
-    </ScrollView>
+        <View>
+          {transactions.map((t, i) => <Pressable onHoverIn={() => {
+            setIdx(i);
+          }} style={{ backgroundColor: i == idx ? 'black' : undefined, cursor: 'default' as 'auto' }} key={t.id}>
+            <Text style={{ fontFamily: 'mono', color: i == idx ? 'white' : undefined }}>{new Date(t.datetime!).toDateString()} {t.name.substring(0, 50)} {t.amount}</Text>
+          </Pressable>)}
+        </View>
+        <ScrollView>
+          <Text style={{ fontFamily: 'mono' }}>{JSON.stringify(JSON.parse(transactions.at(idx)?.json || "null"), null, 4)}</Text>
+        </ScrollView>
+      </View>
+    </View>
   );
 }
diff --git a/shared/src/db/schema/public.ts b/shared/src/db/schema/public.ts
index 4feb4a7..006aafb 100644
--- a/shared/src/db/schema/public.ts
+++ b/shared/src/db/schema/public.ts
@@ -18,8 +18,14 @@ export const users = pgTable(
 export const transaction = pgTable("transaction", {
   id: text("id").primaryKey(),
   user_id: text("user_id").notNull(),
+  plaid_id: text("plaid_id").notNull().unique(),
   name: text("name").notNull(),
   amount: decimal("amount").notNull(),
+  datetime: timestamp("datetime"),
+  authorized_datetime: timestamp("authorized_datetime"),
+  json: text("json"),
+  createdAt: timestamp("created_at").notNull().defaultNow(),
+  updatedAt: timestamp("updated_at").notNull().defaultNow(),
 });
 
 export const plaidLink = pgTable("plaidLink", {
diff --git a/shared/src/mutators.ts b/shared/src/mutators.ts
index f902909..ae72048 100644
--- a/shared/src/mutators.ts
+++ b/shared/src/mutators.ts
@@ -1,29 +1,11 @@
 import type { Transaction } from "@rocicorp/zero";
 import type { AuthData } from "./auth";
 import type { Schema } from ".";
-import { isLoggedIn } from "./zql";
 
 type Tx = Transaction<Schema>;
 
 export function createMutators(authData: AuthData | null) {
   return {
-    transaction: {
-      async create(tx: Tx, { id, name, amount }: { id: string, name: string, amount: number }) {
-        isLoggedIn(authData);
-        await tx.mutate.transaction.insert({
-          id,
-          user_id: authData.user.id,
-          name,
-          amount,
-        })
-      },
-      async deleteAll(tx: Tx) {
-        const t = await tx.query.transaction.limit(10);
-        for (const i of t) {
-          await tx.mutate.transaction.delete({ id: i.id });
-        }
-      },
-    },
     link: {
       async create() {},
       async get(tx: Tx, { link_token }: { link_token: string }) {},
diff --git a/shared/src/queries.ts b/shared/src/queries.ts
index 8623545..03ea5ac 100644
--- a/shared/src/queries.ts
+++ b/shared/src/queries.ts
@@ -9,7 +9,8 @@ export const queries = {
     isLoggedIn(authData);
     return builder.transaction
       .where('user_id', '=', authData.user.id)
-      .limit(10)
+      .orderBy('datetime', 'desc')
+      .limit(50)
   }
   ),
   me: syncedQueryWithContext('me', z.tuple([]), (authData: AuthData | null) => {
diff --git a/shared/src/zero-schema.gen.ts b/shared/src/zero-schema.gen.ts
index de5b5a3..b76723e 100644
--- a/shared/src/zero-schema.gen.ts
+++ b/shared/src/zero-schema.gen.ts
@@ -176,6 +176,15 @@ export const schema = {
             "user_id"
           >,
         },
+        plaid_id: {
+          type: "string",
+          optional: false,
+          customType: null as unknown as ZeroCustomType<
+            ZeroSchema,
+            "transaction",
+            "plaid_id"
+          >,
+        },
         name: {
           type: "string",
           optional: false,
@@ -194,6 +203,53 @@ export const schema = {
             "amount"
           >,
         },
+        datetime: {
+          type: "number",
+          optional: true,
+          customType: null as unknown as ZeroCustomType<
+            ZeroSchema,
+            "transaction",
+            "datetime"
+          >,
+        },
+        authorized_datetime: {
+          type: "number",
+          optional: true,
+          customType: null as unknown as ZeroCustomType<
+            ZeroSchema,
+            "transaction",
+            "authorized_datetime"
+          >,
+        },
+        json: {
+          type: "string",
+          optional: true,
+          customType: null as unknown as ZeroCustomType<
+            ZeroSchema,
+            "transaction",
+            "json"
+          >,
+        },
+        createdAt: {
+          type: "number",
+          optional: true,
+          customType: null as unknown as ZeroCustomType<
+            ZeroSchema,
+            "transaction",
+            "createdAt"
+          >,
+          serverName: "created_at",
+        },
+        updatedAt: {
+          type: "number",
+          optional: true,
+          customType: null as unknown as ZeroCustomType<
+            ZeroSchema,
+            "transaction",
+            "updatedAt"
+          >,
+          serverName: "updated_at",
+        },
       },
       primaryKey: ["id"],
     },