@amirulabu/create-recurring-rabbit-app 0.0.0-alpha

package/templates/default/drizzle/migrations/meta/0001_snapshot.json

@@ -0,0 +1,225 @@
+{
+  "version": "7.28.0",
+  "dialect": "sqlite",
+  "id": "0001_initial_schema",
+  "prevId": "0000",
+  "tables": {
+    "accounts": {
+      "name": "accounts",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "isNotNull": true
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "isNotNull": true
+        },
+        "account_id": {
+          "name": "account_id",
+          "type": "text",
+          "primaryKey": false,
+          "isNotNull": true
+        },
+        "provider_id": {
+          "name": "provider_id",
+          "type": "text",
+          "primaryKey": false,
+          "isNotNull": true
+        },
+        "access_token": {
+          "name": "access_token",
+          "type": "text",
+          "primaryKey": false,
+          "isNotNull": false
+        },
+        "refresh_token": {
+          "name": "refresh_token",
+          "type": "text",
+          "primaryKey": false,
+          "isNotNull": false
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "integer",
+          "primaryKey": false,
+          "isNotNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "isNotNull": true,
+          "default": "strftime('%s', 'now')"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "accounts_user_id_users_id_fk": {
+          "name": "accounts_user_id_users_id_fk",
+          "tableFrom": "accounts",
+          "tableTo": "users",
+          "columnsFrom": ["user_id"],
+          "columnsTo": ["id"],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "sessions": {
+      "name": "sessions",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "isNotNull": true
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "isNotNull": true
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "integer",
+          "primaryKey": false,
+          "isNotNull": true
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "isNotNull": true,
+          "default": "strftime('%s', 'now')"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "sessions_user_id_users_id_fk": {
+          "name": "sessions_user_id_users_id_fk",
+          "tableFrom": "sessions",
+          "tableTo": "users",
+          "columnsFrom": ["user_id"],
+          "columnsTo": ["id"],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "users": {
+      "name": "users",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "isNotNull": true
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "isNotNull": true
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "isNotNull": true
+        },
+        "email_verified": {
+          "name": "email_verified",
+          "type": "integer",
+          "primaryKey": false,
+          "isNotNull": false,
+          "default": false
+        },
+        "image": {
+          "name": "image",
+          "type": "text",
+          "primaryKey": false,
+          "isNotNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "isNotNull": true,
+          "default": "strftime('%s', 'now')"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "isNotNull": false
+        }
+      },
+      "indexes": {
+        "users_email_unique": {
+          "name": "users_email_unique",
+          "columns": ["email"],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "verifications": {
+      "name": "verifications",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "isNotNull": true
+        },
+        "identifier": {
+          "name": "identifier",
+          "type": "text",
+          "primaryKey": false,
+          "isNotNull": true
+        },
+        "value": {
+          "name": "value",
+          "type": "text",
+          "primaryKey": false,
+          "isNotNull": true
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "integer",
+          "primaryKey": false,
+          "isNotNull": true
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "isNotNull": true,
+          "default": "strftime('%s', 'now')"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    }
+  },
+  "enums": {},
+  "_meta": {
+    "columns": {},
+    "schemas": {},
+    "tables": {}
+  }
+}

package/templates/default/drizzle/migrations/meta/_journal.json

@@ -0,0 +1,12 @@
+{
+  "dialect": "sqlite",
+  "entries": [
+    {
+      "idx": 0,
+      "version": "7.28.0",
+      "when": 1737620842625,
+      "tag": "0001_initial_schema",
+      "breakpoints": true
+    }
+  ]
+}

package/templates/default/drizzle.config.ts

@@ -0,0 +1,10 @@
+import type { Config } from 'drizzle-kit'
+
+export default {
+  schema: './src/server/db/schema.ts',
+  out: './drizzle/migrations',
+  dialect: 'sqlite',
+  dbCredentials: {
+    url: process.env.DATABASE_URL || 'data/app.db',
+  },
+} satisfies Config

package/templates/default/lighthouserc.json

@@ -0,0 +1,78 @@
+{
+  "ci": {
+    "assert": {
+      "assertions": {
+        "categories:performance": ["error", { "minScore": 0.9 }],
+        "categories:accessibility": ["warn", { "minScore": 0.8 }],
+        "categories:best-practices": ["warn", { "minScore": 0.9 }],
+        "categories:seo": ["warn", { "minScore": 0.9 }]
+      }
+    },
+    "upload": {
+      "target": "temporary-public-storage"
+    }
+  },
+  "budgets": [
+    {
+      "path": "/*",
+      "timings": [
+        {
+          "metric": "first-contentful-paint",
+          "budget": 2000
+        },
+        {
+          "metric": "largest-contentful-paint",
+          "budget": 2500
+        },
+        {
+          "metric": "first-meaningful-paint",
+          "budget": 2000
+        },
+        {
+          "metric": "interactive",
+          "budget": 3500
+        },
+        {
+          "metric": "speed-index",
+          "budget": 3000
+        },
+        {
+          "metric": "total-blocking-time",
+          "budget": 600
+        }
+      ],
+      "resourceSizes": [
+        {
+          "resourceType": "script",
+          "budget": 150
+        },
+        {
+          "resourceType": "total",
+          "budget": 500
+        },
+        {
+          "resourceType": "stylesheet",
+          "budget": 50
+        },
+        {
+          "resourceType": "image",
+          "budget": 200
+        },
+        {
+          "resourceType": "font",
+          "budget": 100
+        }
+      ],
+      "resourceCounts": [
+        {
+          "resourceType": "script",
+          "budget": 10
+        },
+        {
+          "resourceType": "total",
+          "budget": 50
+        }
+      ]
+    }
+  ]
+}

package/templates/default/src/app/__root.tsx

@@ -0,0 +1,32 @@
+import { createRootRoute, Outlet } from '@tanstack/react-router'
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import { ReactQueryDevtools } from '@tanstack/react-query-devtools'
+import { useState } from 'react'
+import { TRPCProvider } from '@/lib/api'
+import { createTRPCClient, httpBatchLink } from '@trpc/client'
+import type { AppRouter } from '@/server/api/root'
+import '@tanstack/start/router'
+
+export const Route = createRootRoute({
+  component: RootComponent,
+})
+
+function RootComponent() {
+  const [queryClient] = useState(() => new QueryClient())
+  const trpc = createTRPCClient<AppRouter>({
+    links: [
+      httpBatchLink({
+        url: 'http://localhost:3000/api/trpc',
+      }),
+    ],
+  })
+
+  return (
+    <QueryClientProvider client={queryClient}>
+      <TRPCProvider client={queryClient} trpcClient={trpc}>
+        <Outlet />
+      </TRPCProvider>
+      <ReactQueryDevtools initialIsOpen={false} />
+    </QueryClientProvider>
+  )
+}

package/templates/default/src/app/api/auth/$.ts

@@ -0,0 +1,15 @@
+import { createFileRoute } from '@tanstack/react-router'
+import { auth } from '@/server/auth/config'
+
+export const Route = createFileRoute('/api/auth/_')({
+  server: {
+    handlers: {
+      GET: async ({ request }: { request: Request }) => {
+        return await auth.handler(request)
+      },
+      POST: async ({ request }: { request: Request }) => {
+        return await auth.handler(request)
+      },
+    },
+  },
+})

package/templates/default/src/app/api/trpc.server.ts

@@ -0,0 +1,12 @@
+import { fetchRequestHandler } from '@trpc/server/adapters/fetch'
+import { appRouter } from '@/server/api/root'
+import { createTRPCContext } from '@/server/api/trpc'
+
+export default async function handler(req: Request) {
+  return fetchRequestHandler({
+    endpoint: '/api/trpc',
+    req,
+    router: appRouter,
+    createContext: (opts) => createTRPCContext(opts),
+  })
+}

package/templates/default/src/app/auth/forgot-password.tsx

@@ -0,0 +1,107 @@
+import { createFileRoute, useRouter } from '@tanstack/react-router'
+import { useState } from 'react'
+import { authClient } from '@/lib/auth'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '@/components/ui/card'
+
+export const Route = createFileRoute('/auth/forgot-password')({
+  component: ForgotPassword,
+})
+
+function ForgotPassword() {
+  const router = useRouter()
+  const [email, setEmail] = useState('')
+  const [loading, setLoading] = useState(false)
+  const [message, setMessage] = useState('')
+  const [error, setError] = useState('')
+
+  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault()
+    setLoading(true)
+    setMessage('')
+    setError('')
+
+    try {
+      await authClient.forgetPassword({
+        email,
+      })
+
+      setMessage(
+        'If an account with this email exists, you will receive a password reset link.'
+      )
+      setEmail('')
+    } catch (err) {
+      setError('Failed to send password reset email. Please try again.')
+      console.error(err)
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-gray-50 p-4">
+      <Card className="w-full max-w-md">
+        <CardHeader>
+          <CardTitle>Forgot Password</CardTitle>
+          <CardDescription>
+            Enter your email to receive a password reset link
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <form onSubmit={handleSubmit} className="space-y-4">
+            <div className="space-y-2">
+              <label
+                htmlFor="email"
+                className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+              >
+                Email
+              </label>
+              <Input
+                id="email"
+                type="email"
+                value={email}
+                onChange={(e) => setEmail(e.target.value)}
+                placeholder="your@email.com"
+                required
+                disabled={loading}
+              />
+            </div>
+
+            {message && (
+              <div className="p-3 text-sm text-green-700 bg-green-50 border border-green-200 rounded-md">
+                {message}
+              </div>
+            )}
+
+            {error && (
+              <div className="p-3 text-sm text-red-600 bg-red-50 border border-red-200 rounded-md">
+                {error}
+              </div>
+            )}
+
+            <Button type="submit" disabled={loading} className="w-full">
+              {loading ? 'Sending...' : 'Send Reset Link'}
+            </Button>
+
+            <div className="text-center space-y-2">
+              <button
+                type="button"
+                onClick={() => router.navigate({ to: '/auth/login' })}
+                className="text-sm text-gray-600 hover:text-gray-900"
+              >
+                Back to Sign In
+              </button>
+            </div>
+          </form>
+        </CardContent>
+      </Card>
+    </div>
+  )
+}

package/templates/default/src/app/auth/login.tsx

@@ -0,0 +1,34 @@
+import { createFileRoute, Link } from '@tanstack/react-router'
+import { LoginForm } from '@/components/features/auth/login-form'
+
+export const Route = createFileRoute()({
+  component: Login,
+})
+
+function Login() {
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-gradient-to-b from-blue-50 to-white py-12 px-4">
+      <div className="w-full max-w-md">
+        <div className="text-center mb-8">
+          <Link
+            to="/"
+            className="text-2xl font-bold text-blue-600 hover:text-blue-700"
+          >
+            Recurring Rabbit
+          </Link>
+          <p className="mt-2 text-gray-600">Sign in to your account</p>
+        </div>
+        <LoginForm />
+        <p className="mt-6 text-center text-sm text-gray-600">
+          Don't have an account?{' '}
+          <Link
+            to="/auth/register"
+            className="text-blue-600 hover:text-blue-700 font-medium"
+          >
+            Sign up
+          </Link>
+        </p>
+      </div>
+    </div>
+  )
+}

package/templates/default/src/app/auth/register.tsx

@@ -0,0 +1,34 @@
+import { createFileRoute, Link } from '@tanstack/react-router'
+import { RegisterForm } from '@/components/features/auth/register-form'
+
+export const Route = createFileRoute()({
+  component: Register,
+})
+
+function Register() {
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-gradient-to-b from-blue-50 to-white py-12 px-4">
+      <div className="w-full max-w-md">
+        <div className="text-center mb-8">
+          <Link
+            to="/"
+            className="text-2xl font-bold text-blue-600 hover:text-blue-700"
+          >
+            Recurring Rabbit
+          </Link>
+          <p className="mt-2 text-gray-600">Create your account</p>
+        </div>
+        <RegisterForm />
+        <p className="mt-6 text-center text-sm text-gray-600">
+          Already have an account?{' '}
+          <Link
+            to="/auth/login"
+            className="text-blue-600 hover:text-blue-700 font-medium"
+          >
+            Sign in
+          </Link>
+        </p>
+      </div>
+    </div>
+  )
+}