feat: shortener domain env, react-compiler, biome ci (#5)

* feat: env for shortener domain

* feat: enable react compiler

* chore: biome

* ci: better biome usage

Author: lorenzocorallo

.github/workflows/test.yml

@@ -37,8 +37,8 @@ jobs:
       - name: Install dependencies
         run: pnpm install --frozen-lockfile
 
-      - name: Run linter
-        run: pnpm run lint
+      - name: Run Biome
+        run: pnpm exec biome ci .
 
       - name: Check TypeScript types
         run: pnpm run build

next.config.ts

@@ -7,7 +7,7 @@ const withBundleAnalyzer = bundleAnalyzer({ enabled: ANALYZE_AND_PROFILE })
 const nextConfig: NextConfig = {
   output: "standalone",
   transpilePackages: ["@t3-oss/env-nextjs", "@t3-oss/env-core"],
-  experimental: { swcTraceProfiling: ANALYZE_AND_PROFILE },
+  experimental: { reactCompiler: true, swcTraceProfiling: ANALYZE_AND_PROFILE },
 }
 
 export default withBundleAnalyzer(nextConfig)

package.json

@@ -7,8 +7,8 @@
     "build": "next build --turbopack",
     "build:analyze": "ANALYZE=true SKIP_ENV_VALIDATION=true next build",
     "start": "next start",
-    "lint": "biome check",
-    "format": "biome format --write",
+    "check": "biome check",
+    "check:fix": "biome check --write",
     "docker:build": "docker build -t tmsu-cc .",
     "docker:run": "docker run -p 6111:6111 tmsu-cc",
     "docker:dev": "docker-compose up --build",
@@ -61,6 +61,7 @@
     "@types/node": "^24.3.1",
     "@types/react": "^19",
     "@types/react-dom": "^19",
+    "babel-plugin-react-compiler": "^1.0.0",
     "tailwindcss": "^4",
     "tw-animate-css": "^1.3.8",
     "typescript": "^5"

pnpm-lock.yaml

@@ -1,5 +1,6 @@
 // import convert from "@openapi-contrib/json-schema-to-openapi-schema"
 import { generateOpenApi } from "@ts-rest/open-api"
+import { env } from "@/env"
 // import z from "zod"
 import { contract } from "@/lib/contract"
 
@@ -16,11 +17,11 @@ import { contract } from "@/lib/contract"
 
 const openapiDocument = generateOpenApi(contract, {
   info: {
-    title: "polinet.cc API",
+    title: `${env.DOMAIN} API`,
     version: "1.0.0",
     description: "PoliNetwork's Short URLs - Service API",
   },
-  servers: [{ url: "https://polinet.cc/api" }],
+  servers: [{ url: `https://${env.DOMAIN}/api` }],
   components: {
     securitySchemes: {
       CloudflareID: {

src/app/openapi.json/route.ts

@@ -16,6 +16,7 @@ import {
 } from "@/components/ui/dialog"
 import { Input } from "@/components/ui/input"
 import { Label } from "@/components/ui/label"
+import { env } from "@/env"
 import { createUrl } from "@/lib/actions"
 import { createUrlSchema } from "@/lib/validations"
 import { RandomText } from "./random-text"
@@ -111,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://polinet.cc/
+              https://${env.DOMAIN}/
               {isRandom ? (
                 <RandomText generate={randomCode} />
               ) : (

src/components/create-url-dialog.tsx

@@ -31,9 +31,10 @@ import {
   TableHeader,
   TableRow,
 } from "@/components/ui/table"
+import { env } from "@/env"
 import { useUrls } from "@/hooks/urls"
 import type { UrlRecord, UrlsQueryParams } from "@/lib/schemas"
-import { copyToClipboard } from "@/lib/utils"
+import { copyToClipboard, makeShortUrl } from "@/lib/utils"
 import { CreateUrlDialog } from "./create-url-dialog"
 import { type EditDialogState, EditUrlDialog } from "./edit-url-dialog"
 import { PaginationControls } from "./pagination"
@@ -120,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">polinet.cc</h1>
+            <h1 className="text-3xl font-bold">${env.DOMAIN}</h1>
             <p className="text-muted-foreground max-md:text-sm">
               PoliNetwork's URL shortener dashboard
             </p>
@@ -221,9 +222,7 @@ export function Dashboard() {
                   <MobileRow
                     key={url.id}
                     url={url}
-                    onCopy={(url) =>
-                      copyToClipboard(`https://polinet.cc/${url.short_code}`)
-                    }
+                    onCopy={(url) => copyToClipboard(makeShortUrl(url))}
                     onDelete={(url) => handleDelete(url.short_code)}
                     onEdit={(url) => setEditDialog({ open: true, url })}
                     onQrCode={(url) => setQrDialog({ open: true, url })}
@@ -248,9 +247,7 @@ export function Dashboard() {
                     <UrlRecordRow
                       key={url.id}
                       url={url}
-                      onCopy={(url) =>
-                        copyToClipboard(`https://polinet.cc/${url.short_code}`)
-                      }
+                      onCopy={(url) => copyToClipboard(makeShortUrl(url))}
                       onDelete={(url) => handleDelete(url.short_code)}
                       onEdit={(url) => setEditDialog({ open: true, url })}
                       onQrCode={(url) => setQrDialog({ open: true, url })}

src/components/dashboard.tsx

@@ -17,6 +17,7 @@ import { Input } from "@/components/ui/input"
 import { Label } from "@/components/ui/label"
 import { editUrl } from "@/lib/actions"
 import type { UrlRecord } from "@/lib/schemas"
+import { makeShortUrl } from "@/lib/utils"
 import { editUrlSchema } from "@/lib/validations"
 
 export type EditDialogState =
@@ -67,7 +68,7 @@ export function EditUrlDialog({
           <DialogHeader>
             <DialogTitle>Edit Short URL</DialogTitle>
             <DialogDescription>
-              Update the destination URL for polinet.cc/{state.url.short_code}.
+              Update the destination URL for {makeShortUrl(state.url)}.
             </DialogDescription>
           </DialogHeader>
           <form {...getFormProps(form, {})} action={action}>

src/components/edit-url-dialog.tsx

@@ -9,6 +9,7 @@ import {
   type QrOptions,
 } from "@/lib/qr-config"
 import type { UrlRecord } from "@/lib/schemas"
+import { makeShortUrl } from "@/lib/utils"
 import { QrCode } from "./qr-code"
 import { Button } from "./ui/button"
 import {
@@ -48,7 +49,7 @@ export function QrCodeDialog({ open, url, onOpenChange }: QrCodeDialogProps) {
   }
 
   if (!url) return null
-  const shortUrl = `https://polinet.cc/${url.short_code}`
+  const shortUrl = makeShortUrl(url)
 
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>

src/components/qr-code-dialog.tsx

@@ -9,7 +9,7 @@ import {
   Trash2,
 } from "lucide-react"
 import type { UrlRecord } from "@/lib/schemas"
-import { copyToClipboard } from "@/lib/utils"
+import { copyToClipboard, makeShortUrl } from "@/lib/utils"
 import { Button } from "./ui/button"
 import { TableCell, TableRow } from "./ui/table"
 
@@ -28,6 +28,7 @@ export function MobileRow({
   onEdit,
   onQrCode,
 }: UrlRecordRowProps) {
+  const shortUrl = makeShortUrl(url)
   return (
     <div className="flex flex-col gap-1 border rounded-md py-2 px-4">
       <div className="flex justify-start gap-2 items-center">
@@ -38,12 +39,12 @@ export function MobileRow({
         )}
 
         <a
-          href={`https://polinet.cc/${url.short_code}`}
+          href={shortUrl}
           target="_blank"
           rel="noopener noreferrer"
           className="text-blue-400 hover:underline font-mono"
         >
-          polinet.cc/{url.short_code}
+          {shortUrl}
         </a>
         <Button variant="ghost" size="icon" onClick={() => onCopy(url)}>
           <Copy />
@@ -92,6 +93,7 @@ export function MobileRow({
 }
 
 export function UrlRecordRow({ url, ...props }: UrlRecordRowProps) {
+  const shortUrl = makeShortUrl(url)
   return (
     <TableRow key={url.id} className="max-sm:hidden">
       <TableCell>
@@ -104,12 +106,12 @@ export function UrlRecordRow({ url, ...props }: UrlRecordRowProps) {
       <TableCell>
         <div className="flex items-center gap-2">
           <a
-            href={`https://polinet.cc/${url.short_code}`}
+            href={shortUrl}
             target="_blank"
             rel="noopener noreferrer"
             className="text-blue-400 hover:underline font-mono"
           >
-            polinet.cc/{url.short_code}
+            {shortUrl}
           </a>
           <Button variant="ghost" size="icon" onClick={() => props.onCopy(url)}>
             <Copy />