feat: add loggers during dev (#353)

t3-oss · Aug 27, 2022 · 7a20de9 · 7a20de9 · vercel · Aug 27, 2022
1 parent c039ddb
commit 7a20de9
Show file tree

Hide file tree

Showing 7 changed files with 49 additions and 8 deletions.
diff --git a/.changeset/wise-dolphins-grin.md b/.changeset/wise-dolphins-grin.md
@@ -0,0 +1,5 @@
+---
+"create-t3-app": patch
+---
+
+Added loggers during development
diff --git a/cli/src/installers/trpc.ts b/cli/src/installers/trpc.ts
@@ -1,7 +1,7 @@
-import type { Installer } from "~/installers/index.js";
-import path from "path";
 import fs from "fs-extra";
+import path from "path";
 import { PKG_ROOT } from "~/consts.js";
+import type { Installer } from "~/installers/index.js";
 
 export const trpcInstaller: Installer = async ({
   projectDir,
@@ -23,7 +23,10 @@ export const trpcInstaller: Installer = async ({
 
   const trpcAssetDir = path.join(PKG_ROOT, "template/addons/trpc");
 
-  const apiHandlerSrc = path.join(trpcAssetDir, "api-handler.ts");
+  const apiHandlerSrc = path.join(
+    trpcAssetDir,
+    usingPrisma ? "api-handler-prisma.ts" : "api-handler.ts",
+  );
   const apiHandlerDest = path.join(projectDir, "src/pages/api/trpc/[trpc].ts");
 
   const utilsSrc = path.join(trpcAssetDir, "utils.ts");

diff --git a/cli/template/addons/prisma/client.ts b/cli/template/addons/prisma/client.ts
@@ -10,7 +10,8 @@ declare global {
 export const prisma =
   global.prisma ||
   new PrismaClient({
-    log: ["query"],
+    log:
+      env.NODE_ENV === "development" ? ["query", "error", "warn"] : ["error"],
   });
 
 if (env.NODE_ENV !== "production") {

diff --git a/cli/template/addons/trpc/api-handler-prisma.ts b/cli/template/addons/trpc/api-handler-prisma.ts
@@ -0,0 +1,12 @@
+// src/pages/api/trpc/[trpc].ts
+import { createNextApiHandler } from "@trpc/server/adapters/next";
+import { prisma } from "../../../server/db/client";
+import { appRouter } from "../../../server/router";
+import { createContext } from "../../../server/router/context";
+
+// export API handler
+export default createNextApiHandler({
+  router: appRouter,
+  createContext,
+  teardown: () => prisma.$disconnect(),
+});
diff --git a/cli/template/addons/trpc/api-handler.ts b/cli/template/addons/trpc/api-handler.ts
@@ -6,5 +6,5 @@ import { createContext } from "../../../server/router/context";
 // export API handler
 export default createNextApiHandler({
   router: appRouter,
-  createContext: createContext,
+  createContext,
 });
diff --git a/cli/template/page-studs/_app/with-auth-trpc.tsx b/cli/template/page-studs/_app/with-auth-trpc.tsx
@@ -1,9 +1,11 @@
 // src/pages/_app.tsx
+import { httpBatchLink } from "@trpc/client/links/httpBatchLink";
+import { loggerLink } from "@trpc/client/links/loggerLink";
 import { withTRPC } from "@trpc/next";
-import type { AppRouter } from "../server/router";
+import { SessionProvider } from "next-auth/react";
 import type { AppType } from "next/dist/shared/lib/utils";
 import superjson from "superjson";
-import { SessionProvider } from "next-auth/react";
+import type { AppRouter } from "../server/router";
 import "../styles/globals.css";
 
 const MyApp: AppType = ({
@@ -32,6 +34,14 @@ export default withTRPC<AppRouter>({
     const url = `${getBaseUrl()}/api/trpc`;
 
     return {
+      links: [
+        loggerLink({
+          enabled: (opts) =>
+            process.env.NODE_ENV === "development" ||
+            (opts.direction === "down" && opts.result instanceof Error),
+        }),
+        httpBatchLink({ url }),
+      ],
       url,
       transformer: superjson,
       /**

diff --git a/cli/template/page-studs/_app/with-trpc.tsx b/cli/template/page-studs/_app/with-trpc.tsx
@@ -1,8 +1,10 @@
 // src/pages/_app.tsx
+import { httpBatchLink } from "@trpc/client/links/httpBatchLink";
+import { loggerLink } from "@trpc/client/links/loggerLink";
 import { withTRPC } from "@trpc/next";
-import type { AppRouter } from "../server/router";
 import type { AppType } from "next/dist/shared/lib/utils";
 import superjson from "superjson";
+import type { AppRouter } from "../server/router";
 import "../styles/globals.css";
 
 const MyApp: AppType = ({ Component, pageProps }) => {
@@ -24,6 +26,14 @@ export default withTRPC<AppRouter>({
     const url = `${getBaseUrl()}/api/trpc`;
 
     return {
+      links: [
+        loggerLink({
+          enabled: (opts) =>
+            process.env.NODE_ENV === "development" ||
+            (opts.direction === "down" && opts.result instanceof Error),
+        }),
+        httpBatchLink({ url }),
+      ],
       url,
       transformer: superjson,
       /**