hotfix: client domain env

and i should learn how to test properly damn

Author: toto04

src/components/create-url-dialog.tsx

@@ -112,7 +112,7 @@ export function CreateUrlDialog({
           <p className="text-xs">Preview: </p>
           <div className="text-sm p-4 border rounded-md border-border mb-4 mt-1 flex flex-col gap-1 bg-muted/50 text-muted-foreground">
             <p className="font-mono mx-auto">
-              https://${env.DOMAIN}/
+              https://${env.NEXT_PUBLIC_DOMAIN}/
               {isRandom ? (
                 <RandomText generate={randomCode} />
               ) : (

src/components/dashboard.tsx

@@ -121,7 +121,7 @@ export function Dashboard() {
         <div className="flex items-center gap-4">
           <Image src={logo} alt="PoliNetwork Logo" className="h-16 w-16" />
           <div className="gap-2">
-            <h1 className="text-3xl font-bold">${env.DOMAIN}</h1>
+            <h1 className="text-3xl font-bold">{env.NEXT_PUBLIC_DOMAIN}</h1>
             <p className="text-muted-foreground max-md:text-sm">
               PoliNetwork's URL shortener dashboard
             </p>

src/env.ts

@@ -5,6 +5,11 @@ const PORT = 6111
 
 // coerce is needed for non-string values, because k8s supports only string env
 export const env = createEnv({
+  client: {
+    NEXT_PUBLIC_DOMAIN: z
+      .string()
+      .describe("Exposed to client side, same as env.DOMAIN"),
+  },
   server: {
     PORT: z.coerce.number().min(1).max(65535).default(PORT),
     NODE_ENV: z.enum(["development", "production"]).default("development"),
@@ -28,6 +33,7 @@ export const env = createEnv({
   runtimeEnv: {
     PORT: process.env.PORT,
     DOMAIN: process.env.DOMAIN,
+    NEXT_PUBLIC_DOMAIN: process.env.DOMAIN,
     DB_HOST: process.env.DB_HOST,
     DB_PORT: process.env.DB_PORT,
     DB_USER: process.env.DB_USER,

src/lib/utils.ts

@@ -37,5 +37,5 @@ export const copyToClipboard = async (text: string) => {
 }
 
 export function makeShortUrl(url: UrlRecord): string {
-  return `https://${env.DOMAIN}/${url.short_code}`
+  return `https://${env.NEXT_PUBLIC_DOMAIN}/${url.short_code}`
 }