BREAKING: postgres + saas

app/(auth)/actions.ts

@@ -0,0 +1,28 @@
+"use server"
+
+import { createUserDefaults, isDatabaseEmpty } from "@/models/defaults"
+import { updateSettings } from "@/models/settings"
+import { createSelfHostedUser } from "@/models/users"
+import { revalidatePath } from "next/cache"
+import { redirect } from "next/navigation"
+
+export async function selfHostedGetStartedAction(formData: FormData) {
+  const user = await createSelfHostedUser()
+
+  if (await isDatabaseEmpty(user.id)) {
+    await createUserDefaults(user.id)
+  }
+
+  const openaiApiKey = formData.get("openai_api_key")
+  if (openaiApiKey) {
+    await updateSettings(user.id, "openai_api_key", openaiApiKey)
+  }
+
+  const defaultCurrency = formData.get("default_currency")
+  if (defaultCurrency) {
+    await updateSettings(user.id, "default_currency", defaultCurrency)
+  }
+
+  revalidatePath("/dashboard")
+  redirect("/dashboard")
+}

app/(auth)/enter/page.tsx

@@ -0,0 +1,23 @@
+import { LoginForm } from "@/components/auth/login-form"
+import { Card, CardContent, CardTitle } from "@/components/ui/card"
+import { ColoredText } from "@/components/ui/colored-text"
+import { IS_SELF_HOSTED_MODE, SELF_HOSTED_REDIRECT_URL } from "@/lib/constants"
+import { redirect } from "next/navigation"
+
+export default async function LoginPage() {
+  if (IS_SELF_HOSTED_MODE) {
+    redirect(SELF_HOSTED_REDIRECT_URL)
+  }
+
+  return (
+    <Card className="w-full max-w-xl mx-auto p-8 flex flex-col items-center justify-center gap-4">
+      <img src="/logo/512.png" alt="Logo" className="w-36 h-36" />
+      <CardTitle className="text-3xl font-bold ">
+        <ColoredText>TaxHacker: Cloud Edition</ColoredText>
+      </CardTitle>
+      <CardContent className="w-full">
+        <LoginForm />
+      </CardContent>
+    </Card>
+  )
+}

app/(auth)/layout.tsx

@@ -0,0 +1,17 @@
+import { X } from "lucide-react"
+
+export default function AuthLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <div className="min-h-screen bg-gray-900 flex flex-col relative">
+      <a
+        href="/"
+        className="absolute top-4 right-4 flex items-center justify-center w-10 h-10 rounded-full bg-gray-800 hover:bg-gray-700 transition-colors"
+      >
+        <span className="text-gray-300 font-bold text-xl">
+          <X />
+        </span>
+      </a>
+      <div className="flex-grow flex flex-col justify-center items-center py-12 px-4 sm:px-6 lg:px-8">{children}</div>
+    </div>
+  )
+}

app/(auth)/self-hosted/page.tsx

@@ -0,0 +1,78 @@
+import { FormSelectCurrency } from "@/components/forms/select-currency"
+import { FormInput } from "@/components/forms/simple"
+import { Button } from "@/components/ui/button"
+import { Card, CardDescription, CardTitle } from "@/components/ui/card"
+import { ColoredText } from "@/components/ui/colored-text"
+import { IS_SELF_HOSTED_MODE, SELF_HOSTED_REDIRECT_URL } from "@/lib/constants"
+import { DEFAULT_CURRENCIES, DEFAULT_SETTINGS } from "@/models/defaults"
+import { getSelfHostedUser } from "@/models/users"
+import { ShieldAlert } from "lucide-react"
+import { redirect } from "next/navigation"
+import { selfHostedGetStartedAction } from "../actions"
+
+export default async function SelfHostedWelcomePage() {
+  if (!IS_SELF_HOSTED_MODE) {
+    return (
+      <Card className="w-full max-w-xl mx-auto p-8 flex flex-col items-center justify-center gap-6">
+        <CardTitle className="text-2xl font-bold flex items-center gap-2">
+          <ShieldAlert className="w-6 h-6" />
+          <span>Self-Hosted Mode is not enabled</span>
+        </CardTitle>
+        <CardDescription className="text-center text-lg flex flex-col gap-2">
+          <p>
+            To use TaxHacker in self-hosted mode, please set <code className="font-bold">SELF_HOSTED_MODE=true</code> in
+            your environment.
+          </p>
+          <p>In self-hosted mode you can use your own ChatGPT API key and store your data on your own server.</p>
+        </CardDescription>
+      </Card>
+    )
+  }
+
+  const user = await getSelfHostedUser()
+  if (user) {
+    redirect(SELF_HOSTED_REDIRECT_URL)
+  }
+
+  return (
+    <Card className="w-full max-w-xl mx-auto p-8 flex flex-col items-center justify-center gap-4">
+      <img src="/logo/512.png" alt="Logo" className="w-36 h-36" />
+      <CardTitle className="text-3xl font-bold ">
+        <ColoredText>TaxHacker: Self-Hosted Edition</ColoredText>
+      </CardTitle>
+      <CardDescription className="flex flex-col gap-4 text-center text-lg">
+        <p>Welcome to your own instance of TaxHacker. Let's set up a couple of settings to get started.</p>
+
+        <form action={selfHostedGetStartedAction} className="flex flex-col gap-8 pt-8">
+          <div>
+            <FormInput title="OpenAI API Key" name="openai_api_key" />
+
+            <small className="text-xs text-muted-foreground">
+              Get your API key from{" "}
+              <a
+                href="https://platform.openai.com/settings/organization/api-keys"
+                target="_blank"
+                className="underline"
+              >
+                OpenAI Platform Console
+              </a>
+            </small>
+          </div>
+
+          <div className="flex flex-row items-center justify-center gap-2">
+            <FormSelectCurrency
+              title="Default Currency"
+              name="default_currency"
+              defaultValue={DEFAULT_SETTINGS.find((s) => s.code === "default_currency")?.value ?? "EUR"}
+              currencies={DEFAULT_CURRENCIES}
+            />
+          </div>
+
+          <Button type="submit" className="w-auto p-6">
+            Get Started
+          </Button>
+        </form>
+      </CardDescription>
+    </Card>
+  )
+}

app/(auth)/self-hosted/redirect/route.ts

@@ -0,0 +1,23 @@
+import { AUTH_LOGIN_URL, IS_SELF_HOSTED_MODE, SELF_HOSTED_WELCOME_URL } from "@/lib/constants"
+import { createUserDefaults, isDatabaseEmpty } from "@/models/defaults"
+import { getSelfHostedUser } from "@/models/users"
+import { revalidatePath } from "next/cache"
+import { redirect } from "next/navigation"
+
+export async function GET(request: Request) {
+  if (!IS_SELF_HOSTED_MODE) {
+    redirect(AUTH_LOGIN_URL)
+  }
+
+  const user = await getSelfHostedUser()
+  if (!user) {
+    redirect(SELF_HOSTED_WELCOME_URL)
+  }
+
+  if (await isDatabaseEmpty(user.id)) {
+    await createUserDefaults(user.id)
+  }
+
+  revalidatePath("/dashboard")
+  redirect("/dashboard")
+}

app/(auth)/signup/page.tsx

@@ -0,0 +1,25 @@
+import { Card, CardContent, CardTitle } from "@/components/ui/card"
+import { ColoredText } from "@/components/ui/colored-text"
+import { IS_SELF_HOSTED_MODE, SELF_HOSTED_REDIRECT_URL } from "@/lib/constants"
+import { redirect } from "next/navigation"
+
+export default async function LoginPage() {
+  if (IS_SELF_HOSTED_MODE) {
+    redirect(SELF_HOSTED_REDIRECT_URL)
+  }
+
+  return (
+    <Card className="w-full max-w-xl mx-auto p-8 flex flex-col items-center justify-center gap-4">
+      <img src="/logo/512.png" alt="Logo" className="w-36 h-36" />
+      <CardTitle className="text-3xl font-bold ">
+        <ColoredText>TaxHacker: Cloud Edition</ColoredText>
+      </CardTitle>
+      <CardContent className="w-full">
+        <div className="text-center text-md text-muted-foreground">
+          Creating new account is disabled for now. Please use the self-hosted version.
+        </div>
+        {/* <SignupForm /> */}
+      </CardContent>
+    </Card>
+  )
+}