Update with-prisma example. (#6571)

Updating the with-prisma example!

Closes TURBO-1708

Things to pay attention to:

- [x] Is tasking correct? Are all tasks successful out-of-the-box? Do I
hit cache when I'm expecting?
- [x] If I add an unused variable in a workspace, do I see a warning in
both my editor and when I run turbo lint?
- [ ] Does auto-importing work across packages? _This is suspiciously
not working and I can't get it to...Is `yarn` doing something weird?_
- [x] Anything else wonky in your editor?
- [x] Do I get proper hot-reloading in turbo dev?
- [x] Anything else that may come up!

Author: anthonyshew

examples/with-prisma/.eslintrc.js

@@ -1 +1 @@
-module.exports = require("./packages/config/eslint-preset.js");
+module.exports = require("@repo/eslint-config/library");

examples/with-prisma/README.md

@@ -17,9 +17,9 @@ This turborepo includes the following packages/apps:
 ### Apps and Packages
 
 - `web`: a [Next.js](https://nextjs.org/) app
-- `config`: `eslint` configurations (includes `eslint-config-next` and `eslint-config-prettier`)
-- `database`: [Prisma](https://prisma.io/) ORM wrapper to manage & access your database
-- `tsconfig`: `tsconfig.json`s used throughout the monorepo
+- `@repo/eslint-config`: `eslint` configurations (includes `eslint-config-next` and `eslint-config-prettier`)
+- `@repo/database`: [Prisma](https://prisma.io/) ORM wrapper to manage & access your database
+- `@repo/typescript-config`: `tsconfig.json`s used throughout the monorepo
 
 Each package/app is 100% [TypeScript](https://www.typescriptlang.org/).
 

examples/with-prisma/apps/web/.eslintrc.js

@@ -0,0 +1,8 @@
+/** @type {import("eslint").Linter.Config} */
+module.exports = {
+  extends: ["@repo/eslint-config/next.js"],
+  parser: "@typescript-eslint/parser",
+  parserOptions: {
+    project: true,
+  },
+};

examples/with-prisma/apps/web/app/page.tsx

@@ -1,4 +1,4 @@
-import { prisma } from "database";
+import { prisma } from "@repo/database";
 
 export default async function IndexPage() {
   const users = await prisma.user.findMany();

examples/with-prisma/apps/web/package.json

@@ -6,21 +6,21 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "eslint . --max-warnings 0"
   },
   "dependencies": {
     "next": "^14.0.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@types/node": "^17.0.12",
-    "@types/react": "^18.0.22",
-    "@types/react-dom": "^18.0.7",
-    "config": "*",
-    "database": "*",
-    "eslint": "^7.32.0",
-    "tsconfig": "*",
-    "typescript": "^4.5.3"
+    "@repo/eslint-config": "*",
+    "@repo/typescript-config": "*",
+    "@types/node": "^20.10.0",
+    "@types/react": "^18.2.38",
+    "@types/react-dom": "^18.2.17",
+    "@repo/database": "*",
+    "eslint": "^8.54.0",
+    "typescript": "^5.3.2"
   }
 }

examples/with-prisma/apps/web/tsconfig.json

@@ -1,8 +1,12 @@
 {
-  "extends": "tsconfig/nextjs.json",
-  "compilerOptions": {
-    "plugins": [{ "name": "next" }]
-  },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "extends": "@repo/typescript-config/nextjs.json",
+  "compilerOptions": { "plugins": [{ "name": "next" }] },
+  "include": [
+    "next-env.d.ts",
+    "next.config.js",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts"
+  ],
   "exclude": ["node_modules"]
 }

examples/with-prisma/package.json

@@ -19,9 +19,13 @@
     "lint": "turbo run lint"
   },
   "devDependencies": {
-    "prettier": "^2.5.1",
-    "tsx": "^3.7.1",
-    "turbo": "^1.9.3"
+    "@repo/eslint-config": "*",
+    "prettier": "^3.1.0",
+    "tsx": "^4.4.0",
+    "turbo": "^1.10.16"
+  },
+  "engines": {
+    "node": ">=18"
   },
   "packageManager": "yarn@1.22.19"
 }

examples/with-prisma/packages/config-eslint/README.md

@@ -0,0 +1,3 @@
+# `@turbo/eslint-config`
+
+Collection of internal eslint configurations.

examples/with-prisma/packages/config-eslint/library.js

@@ -0,0 +1,34 @@
+const { resolve } = require("node:path");
+
+const project = resolve(process.cwd(), "tsconfig.json");
+
+/** @type {import("eslint").Linter.Config} */
+module.exports = {
+  extends: ["eslint:recommended", "prettier", "eslint-config-turbo"],
+  plugins: ["only-warn"],
+  globals: {
+    React: true,
+    JSX: true,
+  },
+  env: {
+    node: true,
+  },
+  settings: {
+    "import/resolver": {
+      typescript: {
+        project,
+      },
+    },
+  },
+  ignorePatterns: [
+    // Ignore dotfiles
+    ".*.js",
+    "node_modules/",
+    "dist/",
+  ],
+  overrides: [
+    {
+      files: ["*.js?(x)", "*.ts?(x)"],
+    },
+  ],
+};

examples/with-prisma/packages/config-eslint/next.js

@@ -0,0 +1,34 @@
+const { resolve } = require("node:path");
+
+const project = resolve(process.cwd(), "tsconfig.json");
+
+/** @type {import("eslint").Linter.Config} */
+module.exports = {
+  extends: [
+    "eslint:recommended",
+    "prettier",
+    require.resolve("@vercel/style-guide/eslint/next"),
+    "eslint-config-turbo",
+  ],
+  globals: {
+    React: true,
+    JSX: true,
+  },
+  env: {
+    node: true,
+  },
+  plugins: ["only-warn"],
+  settings: {
+    "import/resolver": {
+      typescript: {
+        project,
+      },
+    },
+  },
+  ignorePatterns: [
+    // Ignore dotfiles
+    ".*.js",
+    "node_modules/",
+  ],
+  overrides: [{ files: ["*.js?(x)", "*.ts?(x)"] }],
+};