feat: config.js

app/(app)/dashboard/page.tsx

@@ -4,7 +4,7 @@ import DashboardUnsortedWidget from "@/components/dashboard/unsorted-widget"
 import { WelcomeWidget } from "@/components/dashboard/welcome-widget"
 import { Separator } from "@/components/ui/separator"
 import { getCurrentUser } from "@/lib/auth"
-import { APP_DESCRIPTION } from "@/lib/constants"
+import config from "@/lib/config"
 import { getUnsortedFiles } from "@/models/files"
 import { getSettings } from "@/models/settings"
 import { TransactionFilters } from "@/models/transactions"
@@ -12,7 +12,7 @@ import { Metadata } from "next"
 
 export const metadata: Metadata = {
   title: "Dashboard",
-  description: APP_DESCRIPTION,
+  description: config.app.description,
 }
 
 export default async function Dashboard({ searchParams }: { searchParams: Promise<TransactionFilters> }) {

app/(app)/layout.tsx

@@ -4,7 +4,7 @@ import { AppSidebar } from "@/components/sidebar/sidebar"
 import { SidebarInset, SidebarProvider } from "@/components/ui/sidebar"
 import { Toaster } from "@/components/ui/sonner"
 import { getCurrentUser } from "@/lib/auth"
-import { APP_DESCRIPTION, APP_TITLE } from "@/lib/constants"
+import config from "@/lib/config"
 import { getUnsortedFilesCount } from "@/models/files"
 import type { Metadata, Viewport } from "next"
 import "../globals.css"
@@ -13,9 +13,9 @@ import { NotificationProvider } from "./context"
 export const metadata: Metadata = {
   title: {
     template: "%s | TaxHacker",
-    default: APP_TITLE,
+    default: config.app.title,
   },
-  description: APP_DESCRIPTION,
+  description: config.app.description,
   icons: {
     icon: "/favicon.ico",
     shortcut: "/favicon.ico",
@@ -38,13 +38,14 @@ export default async function RootLayout({ children }: { children: React.ReactNo
         <SidebarProvider>
           <MobileMenu unsortedFilesCount={unsortedFilesCount} />
           <AppSidebar
-            unsortedFilesCount={unsortedFilesCount}
             profile={{
               id: user.id,
               name: user.name || "",
               email: user.email,
               avatar: user.avatar || undefined,
             }}
+            unsortedFilesCount={unsortedFilesCount}
+            isSelfHosted={config.selfHosted.isEnabled}
           />
           <SidebarInset className="w-full h-full mt-[60px] md:mt-0 overflow-auto">{children}</SidebarInset>
         </SidebarProvider>

app/(app)/settings/llm/page.tsx

@@ -1,5 +1,6 @@
 import LLMSettingsForm from "@/components/settings/llm-settings-form"
 import { getCurrentUser } from "@/lib/auth"
+import config from "@/lib/config"
 import { getFields } from "@/models/fields"
 import { getSettings } from "@/models/settings"
 
@@ -11,7 +12,7 @@ export default async function LlmSettingsPage() {
   return (
     <>
       <div className="w-full max-w-2xl">
-        <LLMSettingsForm settings={settings} fields={fields} />
+        <LLMSettingsForm settings={settings} fields={fields} showApiKey={config.selfHosted.isEnabled} />
       </div>
     </>
   )

app/(app)/unsorted/actions.ts

@@ -6,7 +6,7 @@ import { buildLLMPrompt } from "@/ai/prompt"
 import { fieldsToJsonSchema } from "@/ai/schema"
 import { transactionFormSchema } from "@/forms/transactions"
 import { getCurrentUser } from "@/lib/auth"
-import { IS_SELF_HOSTED_MODE } from "@/lib/constants"
+import config from "@/lib/config"
 import { getTransactionFileUploadPath, getUserUploadsDirectory } from "@/lib/files"
 import { DEFAULT_PROMPT_ANALYSE_NEW_FILE } from "@/models/defaults"
 import { deleteFile, getFileById, updateFile } from "@/models/files"
@@ -50,7 +50,7 @@ export async function analyzeFileAction(
     prompt,
     schema,
     attachments,
-    IS_SELF_HOSTED_MODE ? settings.openai_api_key : process.env.OPENAI_API_KEY || ""
+    config.selfHosted.isEnabled ? settings.openai_api_key : process.env.OPENAI_API_KEY || ""
   )
 
   console.log("Analysis results:", results)

app/(app)/unsorted/page.tsx

@@ -5,7 +5,7 @@ import { Button } from "@/components/ui/button"
 import { Card } from "@/components/ui/card"
 import AnalyzeForm from "@/components/unsorted/analyze-form"
 import { getCurrentUser } from "@/lib/auth"
-import { IS_SELF_HOSTED_MODE } from "@/lib/constants"
+import config from "@/lib/config"
 import { getCategories } from "@/models/categories"
 import { getCurrencies } from "@/models/currencies"
 import { getFields } from "@/models/fields"
@@ -36,7 +36,7 @@ export default async function UnsortedPage() {
         <h2 className="text-3xl font-bold tracking-tight">You have {files.length} unsorted files</h2>
       </header>
 
-      {IS_SELF_HOSTED_MODE && !settings.openai_api_key && (
+      {config.selfHosted.isEnabled && !settings.openai_api_key && (
         <Alert>
           <Settings className="h-4 w-4 mt-2" />
           <div className="flex flex-row justify-between pt-2">