test actions

.github/workflows/main.yml

@@ -0,0 +1,42 @@
+name: CI
+
+on:
+  pull_request:
+    branches: ["*"]
+  push:
+    branches: ["main"]
+  merge_group:
+
+jobs:
+  build-lint:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repo
+        uses: actions/checkout@v3
+
+      - name: Setup pnpm
+        uses: pnpm/[email protected]
+
+      - name: Setup Node 18
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+
+      - name: Get pnpm store directory
+        id: pnpm-cache
+        run: echo "pnpm_cache_dir=$(pnpm store path)" >> $GITHUB_OUTPUT
+
+      - name: Setup pnpm cache
+        uses: actions/cache@v3
+        with:
+          path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+
+      - name: Install deps (with cache)
+        run: pnpm install
+
+      - name: Lint
+        run: pnpm run lint

.vscode/settings.json

@@ -7,7 +7,6 @@
     { "pattern": "apps/*/" },
     { "pattern": "packages/*/" }
   ],
-  "tailwindCSS.experimental.configFile": "./packages/config/tailwind/index.ts",
   "typescript.enablePromptUseWorkspaceTsdk": true,
   "typescript.tsdk": "node_modules/typescript/lib",
   "[properties]": {

apps/mobile/package.json

@@ -30,7 +30,6 @@
     "expo": "^49.0.11",
     "expo-constants": "~14.4.2",
     "expo-crypto": "~12.4.1",
-    "expo-dev-client": "~2.4.10",
     "expo-image": "~1.3.2",
     "expo-linking": "~5.0.2",
     "expo-router": "^2.0.8",

apps/web/components.json

@@ -1,16 +1,16 @@
 {
   "$schema": "https://ui.shadcn.com/schema.json",
   "style": "default",
-  "rsc": true,
+  "rsc": false,
   "tsx": true,
   "tailwind": {
     "config": "tailwind.config.ts",
-    "css": "src/app/globals.css",
-    "baseColor": "neutral",
-    "cssVariables": false
+    "css": "src/styles/globals.css",
+    "baseColor": "slate",
+    "cssVariables": true
   },
   "aliases": {
     "components": "~/components",
     "utils": "~/lib/utils"
   }
-}
+}

apps/web/package.json

@@ -46,9 +46,10 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "recharts": "^2.8.0",
+    "shadcn-ui": "0.4.0",
     "superjson": "1.13.1",
     "tailwind-merge": "^1.14.0",
-    "tailwindcss-animate": "^1.0.6",
+    "tailwindcss-animate": "^1.0.7",
     "trpc-panel": "^1.3.4",
     "zod": "^3.21.4"
   },

apps/web/src/app/page.tsx

@@ -1,7 +1,25 @@
+import Image from "next/image";
+
 export default function HomePage() {
   return (
-    <main className="flex h-screen flex-1 flex-col items-center justify-center bg-gray-800">
-      <h1 className="text-7xl text-gray-300">👋 Hello!</h1>
+    <main className="flex h-screen flex-col justify-center gap-10 bg-gray-800 p-10 md:flex-row">
+      <div className="flex basis-1/2 flex-col items-center justify-center text-green-500">
+        <h1 className="bg-gray-800 bg-gradient-to-r from-sky-400 to-fuchsia-500 bg-clip-text text-7xl text-transparent">
+          The Bank
+        </h1>
+        <div className="bg-gradient-to-r from-fuchsia-500 to-sky-400 bg-clip-text font-bold text-transparent">
+          Today, tomorrow or never
+        </div>
+      </div>
+      <div className=" flex basis-1/2 flex-col items-center justify-center">
+        <Image
+          src="/homer.png"
+          alt="Homer"
+          className="rounded-full object-cover"
+          width={300}
+          height={200}
+        />
+      </div>
     </main>
   );
 }

packages/env/env.ts

@@ -15,29 +15,29 @@ export const env = createEnv({
         z.literal("production"),
       ])
       .default("development"),
-    DATABASE_URL: z
-      .string()
-      .min(1)
-      .transform((value) => {
-        // Transform connections string to according: https://orm.drizzle.team/kit-docs/conf#headlessui-tabs-panel-:R3a6qb6:
-        return value.replace(
-          "sslaccept=strict",
-          'ssl={"rejectUnauthorized":true}',
-        );
-      }),
-    CLERK_SECRET_KEY: z.string().min(1),
-    PUSHER_APP_ID: z.string().min(1),
-    PUSHER_KEY: z.string().min(1),
-    PUSHER_SECRET: z.string().min(1),
+    // DATABASE_URL: z
+    //   .string()
+    //   .min(1)
+    //   .transform((value) => {
+    //     // Transform connections string to according: https://orm.drizzle.team/kit-docs/conf#headlessui-tabs-panel-:R3a6qb6:
+    //     return value.replace(
+    //       "sslaccept=strict",
+    //       'ssl={"rejectUnauthorized":true}',
+    //     );
+    //   }),
+    // CLERK_SECRET_KEY: z.string().min(1),
+    // PUSHER_APP_ID: z.string().min(1),
+    // PUSHER_KEY: z.string().min(1),
+    // PUSHER_SECRET: z.string().min(1),
   },
   /*
    * Environment variables available on the client (and server).
    *
    * 💡 You'll get type errors if these are not prefixed with NEXT_PUBLIC_.
    */
   client: {
-    NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY: z.string().min(1),
-    NEXT_PUBLIC_PUSHER_KEY: z.string(),
+    // NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY: z.string().min(1),
+    // NEXT_PUBLIC_PUSHER_KEY: z.string(),
   },
   /*
    * Due to how Next.js bundles environment variables on Edge and Client,
@@ -47,13 +47,13 @@ export const env = createEnv({
    */
   runtimeEnv: {
     NODE_ENV: process.env.NODE_ENV,
-    DATABASE_URL: process.env.DATABASE_URL,
-    CLERK_SECRET_KEY: process.env.CLERK_SECRET_KEY,
-    NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY:
-      process.env.NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY,
-    NEXT_PUBLIC_PUSHER_KEY: process.env.NEXT_PUBLIC_PUSHER_KEY,
-    PUSHER_APP_ID: process.env.PUSHER_APP_ID,
-    PUSHER_KEY: process.env.PUSHER_KEY,
-    PUSHER_SECRET: process.env.PUSHER_SECRET,
+    // DATABASE_URL: process.env.DATABASE_URL,
+    // CLERK_SECRET_KEY: process.env.CLERK_SECRET_KEY,
+    // NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY:
+    //   process.env.NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY,
+    // NEXT_PUBLIC_PUSHER_KEY: process.env.NEXT_PUBLIC_PUSHER_KEY,
+    // PUSHER_APP_ID: process.env.PUSHER_APP_ID,
+    // PUSHER_KEY: process.env.PUSHER_KEY,
+    // PUSHER_SECRET: process.env.PUSHER_SECRET,
   },
 });