Setup pino logger

Author: mxvsh

apps/server/env.ts

@@ -1,4 +1,7 @@
 import { z } from "zod";
+import { createLogger } from "@livedot/logger";
+
+const log = createLogger("env");
 
 const envSchema = z.object({
   NODE_ENV: z.enum(["development", "production", "test"]).default("development"),
@@ -30,8 +33,7 @@ const envSchema = z.object({
 const parsed = envSchema.safeParse(process.env);
 
 if (!parsed.success) {
-  console.error("Invalid environment variables:");
-  console.error(parsed.error.flatten().fieldErrors);
+  log.error(parsed.error.flatten().fieldErrors, "Invalid environment variables");
   process.exit(1);
 }
 

apps/server/geo.ts

@@ -1,7 +1,9 @@
 import { resolve, dirname } from "path";
 import { fileURLToPath } from "url";
 import { existsSync, readFileSync } from "fs";
+import { createLogger } from "@livedot/logger";
 
+const log = createLogger("geo");
 const __dirname = dirname(fileURLToPath(import.meta.url));
 
 const DB_PATH =
@@ -14,10 +16,10 @@ let mmdbReader: import("mmdb-lib").Reader<Record<string, any>> | null = null;
 if (existsSync(DB_PATH)) {
   const { Reader } = await import("mmdb-lib");
   mmdbReader = new Reader(readFileSync(DB_PATH));
-  console.log("[geo] Using GeoLite2-City (high accuracy)");
+  log.info("Using GeoLite2-City (high accuracy)");
 } else {
-  console.log("[geo] GeoLite2-City.mmdb not found — using fast-geoip (lower accuracy)");
-  console.log("[geo] For better accuracy run: MAXMIND_LICENSE_KEY=<key> bun geo:download");
+  log.warn("GeoLite2-City.mmdb not found — using fast-geoip (lower accuracy)");
+  log.info("For better accuracy run: MAXMIND_LICENSE_KEY=<key> bun geo:download");
 }
 
 let publicIp: string | null = null;

apps/server/index.ts

@@ -1,6 +1,9 @@
 import { Hono } from "hono";
 import type { Server } from "bun";
+import { createLogger } from "@livedot/logger";
 import { env } from "./env";
+
+const log = createLogger("server");
 import { db } from "@livedot/db";
 import { websites } from "@livedot/db/schema";
 import { auth } from "./auth";
@@ -50,7 +53,7 @@ export async function reloadWebsiteCache() {
   await loadWebsiteCache();
 }
 
-loadWebsiteCache().catch(console.error);
+loadWebsiteCache().catch((err) => log.error(err, "Failed to load website cache"));
 
 // Hono app
 const app = new Hono();
@@ -115,4 +118,4 @@ const server = Bun.serve({
 _server = server;
 startTick(getServer);
 
-console.log(`Server running at ${server.url}`);
+log.info(`Server running at ${server.url}`);

apps/server/package.json

@@ -8,6 +8,7 @@
   },
   "dependencies": {
     "@livedot/db": "workspace:*",
+    "@livedot/logger": "workspace:*",
     "@livedot/shared": "workspace:*",
     "@livedot/store": "workspace:*",
     "drizzle-orm": "^0.45.1",

apps/server/routes/auth.ts

@@ -2,11 +2,14 @@ import { Hono } from "hono";
 import { count, eq } from "drizzle-orm";
 import { db } from "@livedot/db";
 import { user, account } from "@livedot/db/schema";
+import { createLogger } from "@livedot/logger";
 import { auth } from "../auth";
 import { env } from "../env";
 import { getSessionFromRequest } from "../middleware/auth";
 import { defaultPlan } from "../limits";
 
+const log = createLogger("auth");
+
 const otpStore = new Map<string, { otp: string; expires: number }>();
 
 async function getUserCount() {
@@ -146,7 +149,7 @@ export const authRoutes = new Hono()
 
     const otp = Math.floor(100000 + Math.random() * 900000).toString();
     otpStore.set(username, { otp, expires: Date.now() + 10 * 60 * 1000 });
-    console.log(`\n[Livedot] Password reset OTP for "${username}": ${otp}\n`);
+    log.info({ username, otp }, "Password reset OTP generated");
     return c.json({ ok: true });
   })
 

apps/server/sessions.ts

@@ -2,9 +2,12 @@ import type { Server } from "bun";
 import type { VisitorSession, WSMessage, HistoryPoint, ActivityEvent } from "@livedot/shared";
 import type { StoreAdapter } from "@livedot/store";
 import { MemoryStore } from "@livedot/store";
+import { createLogger } from "@livedot/logger";
 import { websiteCache } from "./website-cache";
 import { env } from "./env";
 
+const log = createLogger("store");
+
 export { type VisitorSession, type WSMessage, type HistoryPoint, type ActivityEvent };
 
 const SESSION_TIMEOUT = 10_000;
@@ -17,10 +20,10 @@ let store: StoreAdapter;
 if (env.REDIS_URL) {
   const { RedisStore } = await import("@livedot/store/redis");
   store = new RedisStore(env.REDIS_URL);
-  console.log("[store] Using Redis");
+  log.info("Using Redis");
 } else {
   store = new MemoryStore();
-  console.log("[store] Using in-memory");
+  log.info("Using in-memory");
 }
 
 export { store };

apps/www/package.json

@@ -18,4 +18,4 @@
     "@tailwindcss/vite": "^4.2.2",
     "tailwindcss": "^4.2.2"
   }
-}
+}

apps/www/src/components/Header.astro

@@ -1,15 +1,24 @@
 ---
+interface Props {
+  pathname?: string;
+}
+
+const { pathname = "/" } = Astro.props;
+const isHomePage = pathname === "/";
+const sectionPrefix = isHomePage ? "" : "/";
+
 const navLinks = [
-  { label: "Features", href: "#features" },
-  { label: "Installation", href: "#installation" },
-  { label: "FAQ", href: "#faq" },
+  { label: "Features", href: `${sectionPrefix}#features`, sectionId: "features" },
+  { label: "Installation", href: `${sectionPrefix}#installation`, sectionId: "installation" },
+  { label: "Pricing", href: "/pricing" },
+  { label: "FAQ", href: `${sectionPrefix}#faq`, sectionId: "faq" },
   { label: "GitHub", href: "https://github.com/mxvsh/livedot", external: true },
 ];
 ---
 
 <header class="fixed inset-x-0 top-0 z-50 border-b border-white/5 bg-surface/80 backdrop-blur-md">
   <nav class="mx-auto flex h-20 max-w-7xl items-center justify-between px-6">
-    <a href="#" class="flex items-center gap-3 text-lg font-bold text-primary md:text-xl">
+    <a href="/" class="flex items-center gap-3 text-lg font-bold text-primary md:text-xl">
       <img src="/logo.svg" alt="Livedot logo" class="h-8 w-8 rounded-md" />
       <span class="brand-wordmark">livedot</span>
     </a>
@@ -18,12 +27,14 @@ const navLinks = [
       {navLinks.map((link) => (
         <a
           href={link.href}
-          data-section-link={link.external ? undefined : link.href.slice(1)}
+          data-section-link={isHomePage && link.sectionId ? link.sectionId : undefined}
+          aria-current={pathname === link.href ? "page" : undefined}
           class:list={[
             "border-b-2 pb-1 transition-colors",
             link.external
               ? "border-transparent text-on-surface-variant hover:text-white"
               : "border-transparent text-on-surface-variant hover:text-white",
+            pathname === link.href ? "border-primary text-primary" : "",
           ]}
         >
           {link.label}

apps/www/src/pages/index.astro

@@ -9,7 +9,7 @@ import MainLayout from "../layouts/MainLayout.astro";
 ---
 
 <MainLayout title="Livedot - Real-time User Visualization" pathname={Astro.url.pathname}>
-  <Header />
+  <Header pathname={Astro.url.pathname} />
   <main>
     <HeroSection />
     <FeaturesSection />