refactor: move into monorepo

app/settings.tsx

@@ -1,41 +0,0 @@
-import { SafeAreaView } from 'react-native-safe-area-context';
-import { authClient } from '@/lib/auth-client';
-import { Button, Linking, Text } from 'react-native';
-import { useQuery, useZero } from "@rocicorp/zero/react";
-import { queries, type Mutators, type Schema } from '@money/shared';
-
-export default function HomeScreen() {
-  const { data: session } = authClient.useSession();
-
-  const onLogout = () => {
-    authClient.signOut();
-  }
-  const z = useZero<Schema, Mutators>();
-  const [user] = useQuery(queries.me(session));
-  const [plaidLink] = useQuery(queries.getPlaidLink(session)); 
-
-  return (
-    <SafeAreaView>
-      <Text>Hello {user?.name}</Text>
-      <Button onPress={onLogout} title="Logout" />
-
-      <Text>{JSON.stringify(plaidLink)}</Text>
-      {plaidLink ? <Button onPress={() => {
-        Linking.openURL(plaidLink.link);
-      }} title="Open Plaid" /> : <Text>No plaid link</Text>}
-
-      <Button onPress={() => {
-        z.mutate.link.create();
-      }} title="Generate Link" />
-
-      {plaidLink && <Button onPress={() => {
-        z.mutate.link.get({ link_token: plaidLink.token });
-      }} title="Check Link" />}
-
-      {plaidLink && <Button onPress={() => {
-        z.mutate.link.updateTransactions();
-      }} title="Update transactions" />}
-    </SafeAreaView>
-  );
-}
-

apps/api/package.json

@@ -8,7 +8,7 @@
   },
   "dependencies": {
     "@hono/node-server": "^1.19.5",
-    "@money/shared": "link:../shared",
+    "@money/shared": "workspace:*",
     "better-auth": "^1.3.27",
     "hono": "^4.9.12",
     "plaid": "^39.0.0",

apps/expo/.gitignore

@@ -0,0 +1,6 @@
+
+# @generated expo-cli sync-2b81b286409207a5da26e14c78851eb30d8ccbdb
+# The following patterns were generated by expo-cli
+
+expo-env.d.ts
+# @end expo-cli

apps/expo/app/_layout.tsx

@@ -4,10 +4,10 @@ import 'react-native-reanimated';
 import { authClient } from '@/lib/auth-client';
 import { ZeroProvider } from '@rocicorp/zero/react';
 import { useMemo } from 'react';
-import { authDataSchema } from '@/shared/src/auth';
+import { authDataSchema } from '@money/shared/auth';
 import { Platform } from 'react-native';
 import type { ZeroOptions } from '@rocicorp/zero';
-import { schema, type Schema, createMutators, type Mutators, BASE_URL } from '@/shared/src';
+import { schema, type Schema, createMutators, type Mutators, BASE_URL } from '@money/shared';
 import { expoSQLiteStoreProvider } from "@rocicorp/zero/react-native";
 
 export const unstable_settings = {

apps/expo/app/index.web.tsx

@@ -4,6 +4,7 @@ import { useQuery, useZero } from "@rocicorp/zero/react";
 import { queries, type Mutators, type Schema } from '@money/shared';
 import { useEffect, useState } from 'react';
 import { Link } from 'expo-router';
+import Header from '@/components/Header';
 
 export default function HomeScreen() {
   const { data: session } = authClient.useSession();
@@ -68,9 +69,7 @@ export default function HomeScreen() {
 
   return (
     <View>
-      <Link prefetch href="/settings">
+      <Header />
-        <Button title="Settings" />
-      </Link>
       <View style={{ flexDirection: "row" }}>
         <View style={{ backgroundColor: '' }}>
           {balances.map((bal, i) => <View key={bal.id} style={{ backgroundColor: i == accountIdx ? 'black' : undefined}}>

apps/expo/app/settings.tsx

@@ -0,0 +1,130 @@
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { authClient } from '@/lib/auth-client';
+import { Button, Linking, Platform, Pressable, Text, View } from 'react-native';
+import { useQuery, useZero } from "@rocicorp/zero/react";
+import { queries, type Mutators, type Schema } from '@money/shared';
+import Header from '@/components/Header';
+import { useEffect, useState, type ReactNode } from 'react';
+
+export default function HomeScreen() {
+  const { data: session } = authClient.useSession();
+
+  const onLogout = () => {
+    authClient.signOut();
+  }
+  const z = useZero<Schema, Mutators>();
+  const [plaidLink] = useQuery(queries.getPlaidLink(session)); 
+  const [items] = useQuery(queries.getItems(session));
+
+  return (
+    <SafeAreaView>
+      <Header />
+
+      <UI 
+        columns={[
+          {
+            name: "Banks",
+            items: items,
+            renderItem: (item, props) => <Row {...props}>{item.name}</Row>
+          },
+          {
+            name: "Family",
+            items: [],
+            renderItem() {
+              return <View></View>;
+            },
+          }
+        ]}
+      />
+    </SafeAreaView>
+  );
+}
+
+type Col<T> = {
+  name: string;
+  items: T[];
+  renderItem: (item: T, props: { isSelected: boolean, isActive: boolean }) => ReactNode;
+}
+
+type State = {
+  idx: number;
+  columns: Map<number, State>;
+};
+
+function UI({ columns }: { columns: Col<any>[] }) {
+  const [col, setCol] = useState(0);
+  const [state, setState] = useState<State>({
+    idx: 0,
+    columns: new Map(
+      Array.from({ length: columns.length })
+        .map((_, i) => ([i, { idx: 0, columns: new Map() }]))
+    )
+  });
+
+  const getColState = (res: State): State => {
+    let i = col;
+    while (i > 0) {
+      res = res.columns.get(res.idx)!;
+      i--;
+    }
+    return res;
+
+  }
+
+  const colState = getColState(state);
+
+  const curr = columns.at(col)!;
+
+
+  useEffect(() => {
+    if (Platform.OS != 'web') return;
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (event.key === "j") {
+        setState((prev) => {
+          if (prev.idx + 1 == colState.columns.size) return prev;
+          return {...prev, ...{ idx: prev.idx + 1 }};
+        });
+      } else if (event.key === "k") {
+        setState((prev) => {
+          if (prev.idx == 0) return prev;
+          return {...prev, ...{ idx: prev.idx - 1 }};
+        });
+      }
+    };
+
+    window.addEventListener("keydown", handleKeyDown);
+
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, []);
+
+  return (
+    <View style={{ flexDirection: "row" }}>
+      <Column>
+        {columns.map((c, i) => <Pressable onPress={() => { setCol(i) }}><Row isSelected={col == i} isActive={col == 0}>{c.name}</Row></Pressable>)}
+      </Column>
+      <Column>
+        {curr.items.map((item, i) => curr.renderItem(item, { isSelected: colState.idx == i, isActive: col == 1 }))}
+      </Column>
+    </View>
+  );
+}
+
+function Column({ children }: { children: ReactNode }) {
+  return (
+    <View>
+      {children}
+    </View>
+  );
+}
+
+function Row({ children, isSelected, isActive }: { children: ReactNode, isSelected: boolean, isActive: boolean }) {
+  const color = isSelected ? 'white': undefined;
+  const backgroundColor = isSelected ? (isActive ? 'black' : 'gray'): undefined;
+  return (
+    <View>
+      <Text style={{ fontFamily: 'mono', color, backgroundColor }}>{children}</Text>
+    </View>
+  );
+}

apps/expo/components/Header.tsx

@@ -0,0 +1,70 @@
+import { authClient } from "@/lib/auth-client";
+import { queries } from "@money/shared";
+import { useQuery } from "@rocicorp/zero/react";
+import { Link, usePathname, useRouter, type LinkProps } from "expo-router";
+import { useEffect } from "react";
+import { View, Text, Platform } from "react-native";
+
+type Page = { name: string, href: LinkProps['href'] };
+const PAGES: Page[] = [
+  {
+    name: "Home",
+    href: "/",
+  },
+  {
+    name: "Settings",
+    href: "/settings",
+  },
+];
+
+
+export default function Header() {
+  const router = useRouter();
+  const { data: session } = authClient.useSession();
+  const [user] = useQuery(queries.me(session));
+
+  useEffect(() => {
+    if (Platform.OS != 'web') return;
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (event.key === "1" && event.ctrlKey) {
+        router.push(PAGES.at(0)!.href);
+      } else if (event.key === "2" && event.ctrlKey) {
+        router.push(PAGES.at(1)!.href);
+      }
+    };
+
+    window.addEventListener("keydown", handleKeyDown);
+
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, []);
+  
+
+  return (
+    <View style={{ flexDirection: "row", justifyContent: "space-between", backgroundColor: "#f7e2c8" }}>
+      <View style={{ flexDirection: "row" }}>
+        {PAGES.map(page => <Page
+          key={page.name}
+          name={page.name}
+          href={page.href}
+          />)}
+      </View>
+
+      <Link href={"#" as any}>
+        <Text style={{ fontFamily: 'mono' }}>{user?.name}  </Text>
+      </Link>
+    </View>
+  );
+}
+
+function Page({ name, href }: Page) {
+  const path = usePathname();
+
+  return (
+    <Link href={href }>
+      <Text style={{ fontFamily: 'mono' }}>{path == href ? `[ ${name} ]` : `  ${name}  `}</Text>
+    </Link>
+  )
+
+}

apps/expo/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@money/expo",
+  "main": "expo-router/entry",
+  "version": "1.0.0",
+  "scripts": {
+    "start": "expo start",
+    "reset-project": "node ./scripts/reset-project.js",
+    "android": "expo start --android",
+    "ios": "expo start --ios",
+    "web": "expo start --web",
+    "build": "expo export --platform web",
+    "lint": "expo lint",
+    "db:migrate": "dotenv -- pnpm run --dir=shared db:migrate",
+    "db:gen": "dotenv -- pnpm run --dir=shared generate:zero"
+  },
+  "dependencies": {
+    "@better-auth/expo": "^1.3.27",
+    "@expo/vector-icons": "^15.0.2",
+    "@money/shared": "workspace:*",
+    "@react-navigation/bottom-tabs": "^7.4.0",
+    "@react-navigation/elements": "^2.6.3",
+    "@react-navigation/native": "^7.1.8",
+    "@rocicorp/zero": "^0.23.2025090100",
+    "better-auth": "^1.3.27",
+    "drizzle-orm": "^0.44.6",
+    "expo": "~54.0.13",
+    "expo-constants": "~18.0.9",
+    "expo-crypto": "~15.0.7",
+    "expo-font": "~14.0.9",
+    "expo-haptics": "~15.0.7",
+    "expo-image": "~3.0.9",
+    "expo-linking": "~8.0.8",
+    "expo-router": "~6.0.11",
+    "expo-splash-screen": "~31.0.10",
+    "expo-sqlite": "~16.0.8",
+    "expo-status-bar": "~3.0.8",
+    "expo-symbols": "~1.0.7",
+    "expo-system-ui": "~6.0.7",
+    "expo-web-browser": "~15.0.8",
+    "pg": "^8.16.3",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
+    "react-native": "0.81.4",
+    "react-native-gesture-handler": "~2.28.0",
+    "react-native-reanimated": "~4.1.1",
+    "react-native-safe-area-context": "~5.6.0",
+    "react-native-screens": "~4.16.0",
+    "react-native-web": "~0.21.0",
+    "react-native-worklets": "0.5.1"
+  },
+  "devDependencies": {
+    "@types/pg": "^8.15.5",
+    "@types/react": "~19.1.0",
+    "dotenv-cli": "^10.0.0",
+    "drizzle-kit": "^0.31.5",
+    "eslint": "^9.25.0",
+    "eslint-config-expo": "~10.0.0",
+    "typescript": "~5.9.2"
+  },
+  "private": true
+}

package.json

@@ -1,71 +1,17 @@
 {
   "name": "money",
-  "main": "expo-router/entry",
+  "private": true,
-  "version": "1.0.0",
   "scripts": {
-    "start": "expo start",
-    "reset-project": "node ./scripts/reset-project.js",
-    "android": "expo start --android",
-    "ios": "expo start --ios",
-    "web": "expo start --web",
-    "build": "expo export --platform web",
-    "lint": "expo lint",
-    "db:migrate": "dotenv -- pnpm run --dir=shared db:migrate",
-    "db:gen": "dotenv -- pnpm run --dir=shared generate:zero",
     "dev": "process-compose up -p 0"
   },
-  "dependencies": {
-    "@better-auth/expo": "^1.3.27",
-    "@expo/vector-icons": "^15.0.2",
-    "@money/shared": "link:shared",
-    "@react-navigation/bottom-tabs": "^7.4.0",
-    "@react-navigation/elements": "^2.6.3",
-    "@react-navigation/native": "^7.1.8",
-    "@rocicorp/zero": "^0.23.2025090100",
-    "better-auth": "^1.3.27",
-    "drizzle-orm": "^0.44.6",
-    "expo": "~54.0.13",
-    "expo-constants": "~18.0.9",
-    "expo-crypto": "~15.0.7",
-    "expo-font": "~14.0.9",
-    "expo-haptics": "~15.0.7",
-    "expo-image": "~3.0.9",
-    "expo-linking": "~8.0.8",
-    "expo-router": "~6.0.11",
-    "expo-splash-screen": "~31.0.10",
-    "expo-sqlite": "~16.0.8",
-    "expo-status-bar": "~3.0.8",
-    "expo-symbols": "~1.0.7",
-    "expo-system-ui": "~6.0.7",
-    "expo-web-browser": "~15.0.8",
-    "pg": "^8.16.3",
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
-    "react-native": "0.81.4",
-    "react-native-gesture-handler": "~2.28.0",
-    "react-native-reanimated": "~4.1.1",
-    "react-native-safe-area-context": "~5.6.0",
-    "react-native-screens": "~4.16.0",
-    "react-native-web": "~0.21.0",
-    "react-native-worklets": "0.5.1"
-  },
-  "devDependencies": {
-    "@types/pg": "^8.15.5",
-    "@types/react": "~19.1.0",
-    "dotenv-cli": "^10.0.0",
-    "drizzle-kit": "^0.31.5",
-    "eslint": "^9.25.0",
-    "eslint-config-expo": "~10.0.0",
-    "typescript": "~5.9.2"
-  },
-  "private": true,
   "pnpm": {
     "onlyBuiltDependencies": [
       "@rocicorp/zero-sqlite3"
     ],
     "ignoredBuiltDependencies": [
       "esbuild",
-      "protobufjs"
+      "protobufjs",
+      "unrs-resolver"
     ]
   }
 }

packages/shared/src/db/schema/private.ts

@@ -93,9 +93,3 @@ export const auditLogs = pgTable("audit_log", {
   action: text("action").notNull(),
 });
 
-export const plaidAccessTokens = pgTable("plaidAccessToken", {
-  id: text("id").primaryKey(),
-  userId: text("user_id").notNull(),
-  token: text("token").notNull(),
-  createdAt: timestamp("created_at").notNull().defaultNow(),
-});

packages/shared/src/db/schema/public.ts

@@ -1,4 +1,3 @@
-import { definePermissions } from "@rocicorp/zero";
 import { pgTable, text, boolean, timestamp, uniqueIndex, decimal } from "drizzle-orm/pg-core";
 
 export const users = pgTable(
@@ -46,4 +45,13 @@ export const balance = pgTable("balance", {
   name: text("name").notNull(),
   createdAt: timestamp("created_at").notNull().defaultNow(),
   updatedAt: timestamp("updated_at").notNull().defaultNow(),
-})
+});
+
+export const plaidAccessTokens = pgTable("plaidAccessToken", {
+  id: text("id").primaryKey(),
+  name: text("name").notNull(),
+  logoUrl: text("logoUrl").notNull(),
+  userId: text("user_id").notNull(),
+  token: text("token").notNull(),
+  createdAt: timestamp("created_at").notNull().defaultNow(),
+});

packages/shared/src/queries.ts

@@ -30,5 +30,11 @@ export const queries = {
     return builder.balance
       .where('user_id', '=', authData.user.id)
       .orderBy('name', 'asc');
+  }),
+  getItems: syncedQueryWithContext('getItems', z.tuple([]), (authData: AuthData | null) => {
+    isLoggedIn(authData);
+    return builder.plaidAccessTokens
+      .where('userId', '=', authData.user.id)
+      .orderBy('createdAt', 'desc');
   })
 };

packages/shared/src/zero-schema.gen.ts

@@ -103,6 +103,69 @@ export const schema = {
       },
       primaryKey: ["id"],
     },
+    plaidAccessTokens: {
+      name: "plaidAccessTokens",
+      columns: {
+        id: {
+          type: "string",
+          optional: false,
+          customType: null as unknown as ZeroCustomType<
+            ZeroSchema,
+            "plaidAccessTokens",
+            "id"
+          >,
+        },
+        name: {
+          type: "string",
+          optional: false,
+          customType: null as unknown as ZeroCustomType<
+            ZeroSchema,
+            "plaidAccessTokens",
+            "name"
+          >,
+        },
+        logoUrl: {
+          type: "string",
+          optional: false,
+          customType: null as unknown as ZeroCustomType<
+            ZeroSchema,
+            "plaidAccessTokens",
+            "logoUrl"
+          >,
+        },
+        userId: {
+          type: "string",
+          optional: false,
+          customType: null as unknown as ZeroCustomType<
+            ZeroSchema,
+            "plaidAccessTokens",
+            "userId"
+          >,
+          serverName: "user_id",
+        },
+        token: {
+          type: "string",
+          optional: false,
+          customType: null as unknown as ZeroCustomType<
+            ZeroSchema,
+            "plaidAccessTokens",
+            "token"
+          >,
+        },
+        createdAt: {
+          type: "number",
+          optional: true,
+          customType: null as unknown as ZeroCustomType<
+            ZeroSchema,
+            "plaidAccessTokens",
+            "createdAt"
+          >,
+          serverName: "created_at",
+        },
+      },
+      primaryKey: ["id"],
+      serverName: "plaidAccessToken",
+    },
     plaidLink: {
       name: "plaidLink",
       columns: {
@@ -351,6 +414,11 @@ export type Schema = typeof schema;
  * This type is auto-generated from your Drizzle schema definition.
  */
 export type Balance = Row<Schema["tables"]["balance"]>;
+/**
+ * Represents a row from the "plaidAccessTokens" table.
+ * This type is auto-generated from your Drizzle schema definition.
+ */
+export type PlaidAccessToken = Row<Schema["tables"]["plaidAccessTokens"]>;
 /**
  * Represents a row from the "plaidLink" table.
  * This type is auto-generated from your Drizzle schema definition.

pnpm-workspace.yaml

@@ -1,4 +1,4 @@
 nodeLinker: hoisted
 packages:
-  - 'api'
+  - 'apps/*'
-  - 'shared'
+  - 'packages/*'

process-compose.yaml

@@ -29,14 +29,13 @@ processes:
     command: "pnpm tsx ./scripts/set-machine-name.ts"
 
   expo:
-    command: "pnpm start"
+    command: "pnpm --filter=@money/expo start"
     depends_on:
       tailscale_machine_name:
         condition: process_completed_successfully
 
   api:
-    command: "pnpm run dev"
+    command: "pnpm --filter=@money/api dev"
-    working_dir: ./api
 
   migrate:
     command: |
@@ -49,7 +48,7 @@ processes:
       db:
         condition: process_healthy
   zero:
-    command: npx zero-cache-dev -p shared/src/schema.ts
+    command: npx zero-cache-dev -p packages/shared/src/schema.ts
     depends_on:
       migrate:
         condition: process_completed_successfully