- {days.toString().padStart(2, "0")}
+ {formattedTime
+ ? formattedTime?.days.toString().padStart(2, "0")
+ : "00"}
DAYS
- {hours.toString().padStart(2, "0")}
+ {formattedTime
+ ? formattedTime?.hours.toString().padStart(2, "0")
+ : "00"}
HOURS
- {mins.toString().padStart(2, "0")}
+ {formattedTime
+ ? formattedTime?.mins.toString().padStart(2, "0")
+ : "00"}
MINUTES
- {secs.toString().padStart(2, "0")}
+ {formattedTime
+ ? formattedTime?.secs.toString().padStart(2, "0")
+ : "00"}
SECONDS
diff --git a/src/app/api/sentry-example-api/route.ts b/src/app/api/sentry-example-api/route.ts
new file mode 100644
index 0000000..f486f3d
--- /dev/null
+++ b/src/app/api/sentry-example-api/route.ts
@@ -0,0 +1,9 @@
+import { NextResponse } from "next/server";
+
+export const dynamic = "force-dynamic";
+
+// A faulty API route to test Sentry's error monitoring
+export function GET() {
+ throw new Error("Sentry Example API Route Error");
+ return NextResponse.json({ data: "Testing Sentry Error..." });
+}
diff --git a/src/app/global-error.tsx b/src/app/global-error.tsx
new file mode 100644
index 0000000..abbf40c
--- /dev/null
+++ b/src/app/global-error.tsx
@@ -0,0 +1,19 @@
+"use client";
+
+import * as Sentry from "@sentry/nextjs";
+import NextError from "next/error";
+import { useEffect } from "react";
+
+export default function GlobalError(props: { error: unknown }) {
+ useEffect(() => {
+ Sentry.captureException(props.error);
+ }, [props.error]);
+
+ return (
+
+
+
+
+
+ );
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 7d37aab..d0f7add 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -3,6 +3,7 @@ import "~/styles/globals.css";
import { Inter } from "next/font/google";
import { type Metadata } from "next";
import { TopNav } from "./_components/navigation";
+import { CSPostHogProvider } from "./_analytics/providers";
export const metadata: Metadata = {
title: "Days Since",
@@ -21,14 +22,16 @@ export default function RootLayout({
}: Readonly<{ children: React.ReactNode; modal: React.ReactNode }>) {
return (
-
-
-
-
{children}
- {modal}
-
-
-
+
+
+
+
+
{children}
+ {modal}
+
+
);
}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3f72d62..4f7da14 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,8 +1,7 @@
-import Timer from "~/app/_components/timer";
-
import { createHash } from "crypto";
-import { getAllTimers } from "~/server/queries";
import Link from "next/link";
+import Timer from "~/app/_components/timer";
+import { getAllTimers } from "~/server/queries";
const hashEmail = (email: string) => {
const hash = createHash("sha256")
@@ -15,11 +14,13 @@ const hashEmail = (email: string) => {
export default async function HomePage() {
const timers = await getAllTimers();
+ const modulo = timers.length > 4 ? Math.floor(Math.random() * 4) + 2 : 1;
+
return (
{timers.map((timer, idx) =>
- idx % 4 == 0 ? (
-
+ idx % modulo == 0 ? (
+
) : (
-
-
-
+
+
+
+
+
),
)}
diff --git a/src/env.js b/src/env.js
index 6ca7f3e..6a43034 100644
--- a/src/env.js
+++ b/src/env.js
@@ -11,6 +11,7 @@ export const env = createEnv({
NODE_ENV: z
.enum(["development", "test", "production"])
.default("development"),
+ SENTRY_AUTH_TOKEN: z.string(),
},
/**
@@ -19,7 +20,7 @@ export const env = createEnv({
* `NEXT_PUBLIC_`.
*/
client: {
- // NEXT_PUBLIC_CLIENTVAR: z.string(),
+ NEXT_PUBLIC_POSTHOG_KEY: z.string(),
},
/**
@@ -29,7 +30,8 @@ export const env = createEnv({
runtimeEnv: {
DATABASE_URL: process.env.DATABASE_URL,
NODE_ENV: process.env.NODE_ENV,
- // NEXT_PUBLIC_CLIENTVAR: process.env.NEXT_PUBLIC_CLIENTVAR,
+ NEXT_PUBLIC_POSTHOG_KEY: process.env.NEXT_PUBLIC_POSTHOG_KEY,
+ SENTRY_AUTH_TOKEN: process.env.SENTRY_AUTH_TOKEN,
},
/**
* Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially
diff --git a/src/instrumentation.ts b/src/instrumentation.ts
new file mode 100644
index 0000000..ecb6528
--- /dev/null
+++ b/src/instrumentation.ts
@@ -0,0 +1,13 @@
+import * as Sentry from "@sentry/nextjs";
+
+export async function register() {
+ if (process.env.NEXT_RUNTIME === "nodejs") {
+ await import("../sentry.server.config");
+ }
+
+ if (process.env.NEXT_RUNTIME === "edge") {
+ await import("../sentry.edge.config");
+ }
+}
+
+export const onRequestError = Sentry.captureRequestError;
diff --git a/src/server/db/schema.ts b/src/server/db/schema.ts
index 3c89210..6717293 100644
--- a/src/server/db/schema.ts
+++ b/src/server/db/schema.ts
@@ -7,7 +7,6 @@ import {
timestamp,
varchar,
boolean,
- uuid,
} from "drizzle-orm/pg-core";
/**
@@ -28,9 +27,8 @@ export const timers = createTable("timer", {
createdAt: timestamp("created_at", { withTimezone: true })
.default(sql`CURRENT_TIMESTAMP`)
.notNull(),
- updatedAt: timestamp("updated_at", { withTimezone: true })
- .$onUpdate(() => new Date())
- .default(sql`CURRENT_TIMESTAMP`)
- .notNull(),
+ updatedAt: timestamp("updated_at", { withTimezone: true }).$onUpdate(
+ () => new Date(),
+ ),
public: boolean("public").default(false).notNull(),
});