Fixed formatting, bumped all dependencies to newer versions

Xithrius · Sep 14, 2023 · c18a1f2 · c18a1f2
1 parent ad586ac
commit c18a1f2
Show file tree

Hide file tree

Showing 14 changed files with 152 additions and 530 deletions.
diff --git a/site/README.md b/site/README.md
@@ -48,7 +48,6 @@ npx prisma migrate dev --name init
 
 When `npx prisma migrate dev` is executed against a newly created database, seeding is also triggered. The seed file in [`prisma/seed.ts`](./prisma/seed.ts) will be executed and your database will be populated with the sample data.
 
-
 ### 3. Configuring your authentication provider
 
 In order to get this example to work, you need to configure the [GitHub](https://next-auth.js.org/providers/github) and/or [Email](https://next-auth.js.org/providers/email) authentication providers from NextAuth.js.
@@ -120,8 +119,8 @@ model Post {
 }
 
 model User {
-  id      Int      @default(autoincrement()) @id 
-  name    String? 
+  id      Int      @default(autoincrement()) @id
+  name    String?
   email   String   @unique
   posts   Post[]
 + profile Profile?
@@ -189,17 +188,15 @@ const userWithUpdatedProfile = await prisma.user.update({
 });
 ```
 
-
 ### 3. Build new UI features in React
 
 Once you have added a new endpoint to the API (e.g. `/api/profile` with `/POST`, `/PUT` and `GET` operations), you can start building a new UI component in React. It could e.g. be called `profile.tsx` and would be located in the `pages` directory.
 
 In the application code, you can access the new endpoint via `fetch` operations and populate the UI with the data you receive from the API calls.
 
-
 ## Switch to another database (e.g. PostgreSQL, MySQL, SQL Server, MongoDB)
 
-If you want to try this example with another database than SQLite, you can adjust the the database connection in [`prisma/schema.prisma`](./prisma/schema.prisma) by reconfiguring the `datasource` block. 
+If you want to try this example with another database than SQLite, you can adjust the the database connection in [`prisma/schema.prisma`](./prisma/schema.prisma) by reconfiguring the `datasource` block.
 
 Learn more about the different connection configurations in the [docs](https://www.prisma.io/docs/reference/database-reference/connection-urls).
 

diff --git a/site/components/Header.tsx b/site/components/Header.tsx
@@ -5,10 +5,9 @@ import { signOut, useSession } from "next-auth/react";
 
 const Header: React.FC = () => {
   const router = useRouter();
-  const isActive: (pathname: string) => boolean = (pathname) =>
-    router.pathname === pathname;
+  const isActive: (pathname: string) => boolean = (pathname) => router.pathname === pathname;
 
-  const {data: session, status} = useSession();
+  const { data: session, status } = useSession();
 
   let left = (
     <div className="left">
@@ -41,7 +40,7 @@ const Header: React.FC = () => {
 
   let right = null;
 
-  if (status === 'loading') {
+  if (status === "loading") {
     left = (
       <div className="left">
         <Link href="/" legacyBehavior>

diff --git a/site/components/Layout.tsx b/site/components/Layout.tsx
@@ -24,9 +24,8 @@ const Layout: React.FC<Props> = (props) => (
         margin: 0;
         padding: 0;
         font-size: 16px;
-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-          Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
-          "Segoe UI Symbol";
+        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial,
+          sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
         background: rgba(0, 0, 0, 0.05);
       }
 

diff --git a/site/next.config.js b/site/next.config.js
@@ -1,3 +1,3 @@
-const { withSuperjson } = require('next-superjson')
+const { withSuperjson } = require("next-superjson");
 
-module.exports = withSuperjson()({})
+module.exports = withSuperjson()({});
diff --git a/site/package.json b/site/package.json
@@ -21,24 +21,23 @@
     "superjson": "1.13.1"
   },
   "devDependencies": {
-    "@types/next-auth": "3.13.0",
-    "@types/node": "18.17.15",
-    "@types/react": "18.2.21",
-    "prisma": "5.3.0",
-    "ts-node": "10.9.1",
-    "@types/react-dom": "17.0.15",
-    "@typescript-eslint/eslint-plugin": "^5.59.2",
-    "@typescript-eslint/eslint-plugin-tslint": "^5.59.2",
-    "@typescript-eslint/parser": "^5.59.2",
-    "autoprefixer": "^10.4.14",
+    "@types/node": "^20.6.0",
+    "@types/react": "^18.2.21",
+    "prisma": "^5.3.0",
+    "ts-node": "^10.9.1",
+    "@types/react-dom": "^18.2.7",
+    "@typescript-eslint/eslint-plugin": "^6.7.0",
+    "@typescript-eslint/eslint-plugin-tslint": "^6.7.0",
+    "@typescript-eslint/parser": "^6.7.0",
+    "autoprefixer": "^10.4.15",
     "cssnano": "^6.0.1",
-    "eslint": "^8.40.0",
-    "eslint-config-next": "^13.4.1",
-    "postcss": "^8.4.23",
-    "prettier": "^2.8.8",
-    "prettier-plugin-tailwindcss": "^0.2.8",
-    "tailwindcss": "^3.3.2",
-    "typescript": "^5.0.4"
+    "eslint": "^8.49.0",
+    "eslint-config-next": "^13.4.19",
+    "postcss": "^8.4.29",
+    "prettier": "^3.0.3",
+    "prettier-plugin-tailwindcss": "^0.5.4",
+    "tailwindcss": "^3.3.3",
+    "typescript": "^5.2.2"
   },
   "prisma": {
     "seed": "ts-node prisma/seed.ts"

diff --git a/site/pages/api/post/[id].ts b/site/pages/api/post/[id].ts
@@ -1,13 +1,12 @@
-import type { NextApiRequest, NextApiResponse } from 'next'
-import { getSession } from 'next-auth/react';
-import prisma from '../../../lib/prisma'
-
+import type { NextApiRequest, NextApiResponse } from "next";
+import { getSession } from "next-auth/react";
+import prisma from "../../../lib/prisma";
 
 // DELETE /api/post/:id
 export default async function handle(req: NextApiRequest, res: NextApiResponse) {
   const postId = req.query.id;
 
-  const session = await getSession({ req })
+  const session = await getSession({ req });
 
   if (req.method === "DELETE") {
     if (session) {
@@ -16,11 +15,9 @@ export default async function handle(req: NextApiRequest, res: NextApiResponse)
       });
       res.json(post);
     } else {
-      res.status(401).send({ message: 'Unauthorized' })
+      res.status(401).send({ message: "Unauthorized" });
     }
   } else {
-    throw new Error(
-      `The HTTP ${req.method} method is not supported at this route.`
-    );
+    throw new Error(`The HTTP ${req.method} method is not supported at this route.`);
   }
 }
diff --git a/site/pages/api/post/index.ts b/site/pages/api/post/index.ts
@@ -1,7 +1,6 @@
-import type { NextApiRequest, NextApiResponse } from 'next'
-import prisma from '../../../lib/prisma'
-import { getSession } from 'next-auth/react'
-
+import type { NextApiRequest, NextApiResponse } from "next";
+import prisma from "../../../lib/prisma";
+import { getSession } from "next-auth/react";
 
 // POST /api/post
 // Required fields in body: title
@@ -20,6 +19,6 @@ export default async function handle(req: NextApiRequest, res: NextApiResponse)
     });
     res.json(result);
   } else {
-    res.status(401).send({ message: 'Unauthorized' })
+    res.status(401).send({ message: "Unauthorized" });
   }
 }
diff --git a/site/pages/api/publish/[id].ts b/site/pages/api/publish/[id].ts
@@ -1,11 +1,11 @@
-import type { NextApiRequest, NextApiResponse } from 'next'
-import { getSession } from 'next-auth/react';
-import prisma from '../../../lib/prisma'
+import type { NextApiRequest, NextApiResponse } from "next";
+import { getSession } from "next-auth/react";
+import prisma from "../../../lib/prisma";
 
 // PUT /api/publish/:id
 export default async function handle(req: NextApiRequest, res: NextApiResponse) {
   const postId = req.query.id;
-  const session = await getSession({ req })
+  const session = await getSession({ req });
 
   if (session) {
     const post = await prisma.post.update({
@@ -14,6 +14,6 @@ export default async function handle(req: NextApiRequest, res: NextApiResponse)
     });
     res.json(post);
   } else {
-    res.status(401).send({ message: 'Unauthorized' })
+    res.status(401).send({ message: "Unauthorized" });
   }
 }
diff --git a/site/pages/drafts.tsx b/site/pages/drafts.tsx
@@ -3,8 +3,7 @@ import { GetServerSideProps } from "next";
 import Layout from "../components/Layout";
 import Post, { PostProps } from "../components/Post";
 import { useSession, getSession } from "next-auth/react";
-import prisma from '../lib/prisma'
-
+import prisma from "../lib/prisma";
 
 export const getServerSideProps: GetServerSideProps = async ({ req, res }) => {
   const session = await getSession({ req });
@@ -34,7 +33,7 @@ type Props = {
 };
 
 const Drafts: React.FC<Props> = (props) => {
-  const {data: session}= useSession();
+  const { data: session } = useSession();
 
   if (!session) {
     return (

diff --git a/site/pages/index.tsx b/site/pages/index.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import type { GetServerSideProps } from "next";
 import Layout from "../components/Layout";
 import Post, { PostProps } from "../components/Post";
-import prisma from '../lib/prisma'
+import prisma from "../lib/prisma";
 
 export const getServerSideProps: GetServerSideProps = async () => {
   const feed = await prisma.post.findMany({

diff --git a/site/pages/p/[id].tsx b/site/pages/p/[id].tsx
@@ -4,10 +4,9 @@ import ReactMarkdown from "react-markdown";
 import Layout from "../../components/Layout";
 import Router from "next/router";
 import { PostProps } from "../../components/Post";
-import prisma from '../../lib/prisma'
+import prisma from "../../lib/prisma";
 import { useSession } from "next-auth/react";
 
-
 export const getServerSideProps: GetServerSideProps = async ({ params }) => {
   const post = await prisma.post.findUnique({
     where: {
@@ -28,19 +27,19 @@ async function publishPost(id: number): Promise<void> {
   await fetch(`/api/publish/${id}`, {
     method: "PUT",
   });
-  await Router.push("/")
+  await Router.push("/");
 }
 
 async function deletePost(id: number): Promise<void> {
   await fetch(`/api/post/${id}`, {
     method: "DELETE",
   });
-  await Router.push("/")
+  await Router.push("/");
 }
 
 const Post: React.FC<PostProps> = (props) => {
   const { data: session, status } = useSession();
-  if (status === 'loading') {
+  if (status === "loading") {
     return <div>Authenticating ...</div>;
   }
   const userHasValidSession = Boolean(session);

diff --git a/site/prisma/seed.ts b/site/prisma/seed.ts
@@ -1,70 +1,70 @@
-import { PrismaClient, Prisma } from '@prisma/client'
+import { PrismaClient, Prisma } from "@prisma/client";
 
-const prisma = new PrismaClient()
+const prisma = new PrismaClient();
 
 const userData: Prisma.UserCreateInput[] = [
   {
-    name: 'Alice',
-    email: 'alice@prisma.io',
+    name: "Alice",
+    email: "alice@prisma.io",
     posts: {
       create: [
         {
-          title: 'Join the Prisma Slack',
-          content: 'https://slack.prisma.io',
+          title: "Join the Prisma Slack",
+          content: "https://slack.prisma.io",
           published: true,
         },
       ],
     },
   },
   {
-    name: 'Nilu',
-    email: 'nilu@prisma.io',
+    name: "Nilu",
+    email: "nilu@prisma.io",
     posts: {
       create: [
         {
-          title: 'Follow Prisma on Twitter',
-          content: 'https://www.twitter.com/prisma',
+          title: "Follow Prisma on Twitter",
+          content: "https://www.twitter.com/prisma",
           published: true,
         },
       ],
     },
   },
   {
-    name: 'Mahmoud',
-    email: 'mahmoud@prisma.io',
+    name: "Mahmoud",
+    email: "mahmoud@prisma.io",
     posts: {
       create: [
         {
-          title: 'Ask a question about Prisma on GitHub',
-          content: 'https://www.github.com/prisma/prisma/discussions',
+          title: "Ask a question about Prisma on GitHub",
+          content: "https://www.github.com/prisma/prisma/discussions",
           published: true,
         },
         {
-          title: 'Prisma on YouTube',
-          content: 'https://pris.ly/youtube',
+          title: "Prisma on YouTube",
+          content: "https://pris.ly/youtube",
         },
       ],
     },
   },
-]
+];
 
 async function main() {
-  console.log(`Start seeding ...`)
+  console.log(`Start seeding ...`);
   for (const u of userData) {
     const user = await prisma.user.create({
       data: u,
-    })
-    console.log(`Created user with id: ${user.id}`)
+    });
+    console.log(`Created user with id: ${user.id}`);
   }
-  console.log(`Seeding finished.`)
+  console.log(`Seeding finished.`);
 }
 
 main()
   .then(async () => {
-    await prisma.$disconnect()
+    await prisma.$disconnect();
   })
   .catch(async (e) => {
-    console.error(e)
-    await prisma.$disconnect()
-    process.exit(1)
-  })
+    console.error(e);
+    await prisma.$disconnect();
+    process.exit(1);
+  });
diff --git a/site/tsconfig.json b/site/tsconfig.json
@@ -1,11 +1,7 @@
 {
   "compilerOptions": {
     "target": "es5",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": false,
@@ -19,14 +15,8 @@
     "jsx": "preserve",
     "incremental": true
   },
-  "exclude": [
-    "node_modules"
-  ],
-  "include": [
-    "next-env.d.ts",
-    "**/*.ts",
-    "**/*.tsx"
-  ],
+  "exclude": ["node_modules"],
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
   "ts-node": {
     "compilerOptions": {
       "module": "commonjs"