Merge pull request #64 from belgattitude/auth-prisma

Feat: example with next-auth and prisma

.changeset/chilly-bikes-deliver.md

@@ -0,0 +1,5 @@
+---
+'web-app': minor
+---
+
+Add prisma and next-auth example

.changeset/config.json

@@ -3,7 +3,7 @@
   "changelog": ["@changesets/changelog-github", { "repo": "belgattitude/nextjs-monorepo-example" }],
   "commit": false,
   "linked": [],
-  "access": "public",
+  "access": "private",
   "baseBranch": "main",
   "updateInternalDependencies": "patch",
   "ignore": [],

.changeset/eleven-mugs-protect.md

@@ -0,0 +1,5 @@
+---
+'@your-org/core-lib': minor
+---
+
+Add example asserts and typeguards

.changeset/funny-suns-exist.md

@@ -0,0 +1,5 @@
+---
+'@your-org/core-lib': minor
+---
+
+Add jest example for packages

.eslintrc.base.json

@@ -26,7 +26,10 @@
     "assert": "readonly",
     "Cypress": "readonly"
   },
-  "rules": {},
+  "rules": {
+    "no-empty-function": "off",
+    "@typescript-eslint/no-empty-function": ["error",{"allow": ["private-constructors", "decoratedFunctions"]}]
+  },
   "overrides": [
     {
       "files": [

.github/workflows/ci-web-app.yml

@@ -77,6 +77,11 @@ jobs:
         run: |
           yarn dedupe --check
 
+      #- name: Generate Prisma client
+      #  working-directory: apps/web-app
+      #  run: |
+      #    yarn prisma generate
+
       - name: Typecheck
         working-directory: apps/web-app
         run: |

apps/blog-app/jest.config.js

@@ -8,9 +8,11 @@ const { compilerOptions: baseTsConfig } = require('./tsconfig.json');
 // Take the paths from tsconfig automatically from base tsconfig.json
 // @link https://kulshekhar.github.io/ts-jest/docs/paths-mapping
 const getTsConfigBasePaths = () => {
-  return pathsToModuleNameMapper(baseTsConfig.paths, {
-    prefix: '<rootDir>/',
-  });
+  return baseTsConfig.paths
+    ? pathsToModuleNameMapper(baseTsConfig.paths, {
+        prefix: '<rootDir>/',
+      })
+    : {};
 };
 
 /** @typedef {import('ts-jest')} */

apps/blog-app/package.json

@@ -31,8 +31,7 @@
     "typecheck": "tsc --project ./tsconfig.json --noEmit",
     "lint": "eslint . --ext .ts,.tsx,.js,.jsx",
     "fix:staged-files": "lint-staged --allow-empty",
-    "fix:all-files": "eslint . --ext .ts,.tsx,.js,.jsx --fix",
-    "postinstall": "yarn share:static:symlink"
+    "fix:all-files": "eslint . --ext .ts,.tsx,.js,.jsx --fix"
   },
   "devDependencies": {
     "@emotion/babel-plugin": "^11.3.0",

apps/web-app/.env

@@ -1,6 +1,11 @@
+# This is the main file for environment
 # https://nextjs.org/docs/basic-features/environment-variables
 
-PRISMA_DATABASE_URL="file:../data/prisma-dev-database.sqlite"
+
+# DATABASE_URL
+# When deploying on serveless/lambdas "?connection_limit=" should be 1
+# @see https://www.prisma.io/docs/concepts/components/prisma-client/deployment#recommended-connection-limit
+PRISMA_DATABASE_URL=postgresql://nextjs:!ChangeMe!@localhost:5432/maindb?schema=public
 
 # Enable display of lambdas size for vercel deployments
 # NEXT_DEBUG_FUNCTION_SIZE=1

apps/web-app/.env.development

@@ -0,0 +1 @@
+PRISMA_DATABASE_URL=postgresql://nextjs:!ChangeMe!@localhost:5432/maindb?schema=public

apps/web-app/README.md

@@ -8,10 +8,63 @@
 
 > Part of the [nextjs-monorepo-example](https://github.com/belgattitude/nextjs-monorepo-example)
 
-## Develop
+## Quick start
+
+### Step 1: Database
+
+This project uses [Prisma](https://prisma.io) as primary database layer an connect
+to a postgresql database. An example schema is defined in [./prisma/schema.prisma](./prisma/schema.prisma),
+seeds are available in [./prisma/seeds.ts](./prisma/seed.ts).
+
+#### Option 1: Postgresql local
+
+The default env for PRISMA_DATABASE_URL is defined in the main [.env](.env) file.
+By default, it connects to the postgresql service defined in [../../docker-compose.yml](../../docker-compose.yml).
+
+Ensure you have docker and docker-compose and run
+
+```bash
+# In the root folder
+$ docker-compose up database
+# Alternatively, from any folder
+$ yarn docker:up
+```
+
+#### Option 2: An hosted postgres instance
+
+To quick start, you can use a free tier at supabase.io, but all providers will work.
+
+As an example, simply create an `.env.local` and set the supabase pgbouncer url:
+
+```env
+PRISMA_DATABASE_URL=postgresql://postgres:[PASSWORD]@[HOST]:[PORT]/postgres?schema=public&pgbouncer=true&sslmode=require&sslaccept=strict&sslcert=../config/certs/supabase-prod-ca-2021.crt
+```
+
+> You can append `&connection_limit=1` if deploying on a serverless/lambda provider (ie: vercel, netlify...)
+
+### Step 2:
+
+Create and seed the database the first time or after a change.
 
 ```bash
-$ cd apps/web-app
-$ yarn dev -p 3001
-# Alternatively: yarn workspace webapp run dev -p 3000
+# Using push here rather than migrate it's easier for
+# the example.
+$ yarn prisma:db:push
+$ yarn prisma:db:seed
+```
+
+> **Warning**. Notice how we use ':' rather than spaces. Why ? Cause prisma
+> [does not support](https://github.com/prisma/prisma/issues/3865) the .env.[local|development...] supported by nextjs.
+> Curious ? Open the package.json script folder to see how we use dotenv-flow under the hood read [this](https://github.com/prisma/prisma/issues/3865).
+
+## Nextjs
+
+### Develop
+
 ```
+$ yarn dev
+```
+
+To test the api/db browse to
+
+- http://localhost:3000/api/rest/post/1

apps/web-app/config/certs/supabase-prod-ca-2021.crt

@@ -0,0 +1,23 @@
+-----BEGIN CERTIFICATE-----
+MIIDxDCCAqygAwIBAgIUbLxMod62P2ktCiAkxnKJwtE9VPYwDQYJKoZIhvcNAQEL
+BQAwazELMAkGA1UEBhMCVVMxEDAOBgNVBAgMB0RlbHdhcmUxEzARBgNVBAcMCk5l
+dyBDYXN0bGUxFTATBgNVBAoMDFN1cGFiYXNlIEluYzEeMBwGA1UEAwwVU3VwYWJh
+c2UgUm9vdCAyMDIxIENBMB4XDTIxMDQyODEwNTY1M1oXDTMxMDQyNjEwNTY1M1ow
+azELMAkGA1UEBhMCVVMxEDAOBgNVBAgMB0RlbHdhcmUxEzARBgNVBAcMCk5ldyBD
+YXN0bGUxFTATBgNVBAoMDFN1cGFiYXNlIEluYzEeMBwGA1UEAwwVU3VwYWJhc2Ug
+Um9vdCAyMDIxIENBMIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAqQXW
+QyHOB+qR2GJobCq/CBmQ40G0oDmCC3mzVnn8sv4XNeWtE5XcEL0uVih7Jo4Dkx1Q
+DmGHBH1zDfgs2qXiLb6xpw/CKQPypZW1JssOTMIfQppNQ87K75Ya0p25Y3ePS2t2
+GtvHxNjUV6kjOZjEn2yWEcBdpOVCUYBVFBNMB4YBHkNRDa/+S4uywAoaTWnCJLUi
+cvTlHmMw6xSQQn1UfRQHk50DMCEJ7Cy1RxrZJrkXXRP3LqQL2ijJ6F4yMfh+Gyb4
+O4XajoVj/+R4GwywKYrrS8PrSNtwxr5StlQO8zIQUSMiq26wM8mgELFlS/32Uclt
+NaQ1xBRizkzpZct9DwIDAQABo2AwXjALBgNVHQ8EBAMCAQYwHQYDVR0OBBYEFKjX
+uXY32CztkhImng4yJNUtaUYsMB8GA1UdIwQYMBaAFKjXuXY32CztkhImng4yJNUt
+aUYsMA8GA1UdEwEB/wQFMAMBAf8wDQYJKoZIhvcNAQELBQADggEBAB8spzNn+4VU
+tVxbdMaX+39Z50sc7uATmus16jmmHjhIHz+l/9GlJ5KqAMOx26mPZgfzG7oneL2b
+VW+WgYUkTT3XEPFWnTp2RJwQao8/tYPXWEJDc0WVQHrpmnWOFKU/d3MqBgBm5y+6
+jB81TU/RG2rVerPDWP+1MMcNNy0491CTL5XQZ7JfDJJ9CCmXSdtTl4uUQnSuv/Qx
+Cea13BX2ZgJc7Au30vihLhub52De4P/4gonKsNHYdbWjg7OWKwNv/zitGDVDB9Y2
+CMTyZKG3XEu5Ghl1LEnI3QmEKsqaCLv12BnVjbkSeZsMnevJPs1Ye6TjjJwdik5P
+o/bKiIz+Fq8=
+-----END CERTIFICATE-----

apps/web-app/jest.config.js

@@ -8,9 +8,11 @@ const { compilerOptions: baseTsConfig } = require('./tsconfig.json');
 // Take the paths from tsconfig automatically from base tsconfig.json
 // @link https://kulshekhar.github.io/ts-jest/docs/paths-mapping
 const getTsConfigBasePaths = () => {
-  return pathsToModuleNameMapper(baseTsConfig.paths, {
-    prefix: '<rootDir>/',
-  });
+  return baseTsConfig.paths
+    ? pathsToModuleNameMapper(baseTsConfig.paths, {
+        prefix: '<rootDir>/',
+      })
+    : {};
 };
 
 /** @typedef {import('ts-jest')} */

apps/web-app/package.json

@@ -19,6 +19,10 @@
     "vercel-build": "yarn share:static:hardlink && cross-env NEXTJS_BUILD_TARGET=serverless next build",
     "clean": "rimraf --no-glob ./.next ./out",
     "start": "next start",
+    "prisma:migrate:reset": "dotenv-flow -- yarn prisma migrate reset",
+    "prisma:db:seed": "dotenv-flow -- yarn prisma db seed --preview-feature",
+    "prisma:db:push": "dotenv-flow -- yarn prisma db push",
+    "prisma:studio": "dotenv-flow -- yarn prisma studio",
     "?share:static:symlink": "echo 'Use this command to link assets, locales... from shared static folder'",
     "share:static:symlink": "rimraf ./public/shared-assets && symlink-dir ../../static/assets ./public/shared-assets",
     "?share:static:hardlink": "echo 'Use this command to link assets, locales... from shared static folder'",
@@ -30,7 +34,11 @@
     "typecheck": "tsc --project ./tsconfig.json --noEmit",
     "lint": "eslint . --ext .ts,.tsx,.js,.jsx",
     "fix:staged-files": "lint-staged --allow-empty",
-    "fix:all-files": "eslint . --ext .ts,.tsx,.js,.jsx --fix"
+    "fix:all-files": "eslint . --ext .ts,.tsx,.js,.jsx --fix",
+    "?ts-node": "Tip: this is only needed for prisma seeds",
+    "ts-node": "ts-node --compiler-options {\\\"module\\\":\\\"commonjs\\\"}",
+    "?postinstall": "@todo: the prisma generate seems to be required, but is installed at the root",
+    "postinstall": "yarn prisma generate"
   },
   "devDependencies": {
     "@emotion/babel-plugin": "^11.3.0",
@@ -39,6 +47,7 @@
     "@testing-library/jest-dom": "^5.12.0",
     "@testing-library/react": "^11.2.7",
     "@testing-library/react-hooks": "^6.0.0",
+    "@types/cors": "^2.8.10",
     "@types/jest": "^26.0.23",
     "@types/node": "^15.6.1",
     "@types/react": "^17.0.7",
@@ -48,6 +57,8 @@
     "autoprefixer": "^10.2.5",
     "camelcase": "^6.2.0",
     "cross-env": "^7.0.3",
+    "dotenv-flow": "^3.2.0",
+    "dotenv-flow-cli": "^1.0.0",
     "eslint": "^7.27.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-import": "2.23.3",
@@ -72,6 +83,7 @@
     "sync-directory": "^2.2.22",
     "tailwindcss": "^2.1.2",
     "ts-jest": "^26.5.6",
+    "ts-node": "^10.0.0",
     "typescript": "^4.2.4"
   },
   "dependencies": {
@@ -80,10 +92,14 @@
     "@headlessui/react": "^1.2.0",
     "@heroicons/react": "^1.0.1",
     "@prisma/client": "^2.23.0",
+    "@tsed/exceptions": "^6.51.0",
     "@your-org/core-lib": "workspace:*",
     "@your-org/ui-lib": "workspace:*",
+    "cors": "^2.8.5",
     "cross-env": "^7.0.3",
     "next": "^10.2.3",
+    "next-auth": "^3.23.3",
+    "next-connect": "^0.10.1",
     "next-secure-headers": "^2.2.0",
     "next-seo": "^4.24.0",
     "react": "^17.0.2",

apps/web-app/prisma/schema.prisma

@@ -1,24 +1,69 @@
-datasource db {
-  provider = "sqlite"
-  url      = env("PRISMA_DATABASE_URL")
-}
-
 generator client {
   provider = "prisma-client-js"
 }
 
+datasource db {
+  provider = "postgresql"
+  url      = env("PRISMA_DATABASE_URL")
+}
+
 model Post {
   id        Int     @id @default(autoincrement())
   title     String
   content   String?
   published Boolean @default(false)
   author    User?   @relation(fields: [authorId], references: [id])
   authorId  Int?
+  @@map(name: "post")
 }
 
 model User {
-  id    Int     @id @default(autoincrement())
-  email String  @unique
-  name  String?
-  posts Post[]
+  id            Int       @id @default(autoincrement())
+  name          String?
+  email         String    @unique
+  emailVerified DateTime? @map(name: "email_verified")
+  image         String?
+  createdAt     DateTime  @default(now()) @map(name: "created_at")
+  updatedAt     DateTime  @updatedAt @map(name: "updated_at")
+  posts         Post[]
+  @@map(name: "user")
+}
+
+model AuthAccount {
+  id                 Int       @id @default(autoincrement())
+  compoundId         String    @unique @map(name: "compound_id")
+  userId             Int       @map(name: "user_id")
+  providerType       String    @map(name: "provider_type")
+  providerId         String    @map(name: "provider_id")
+  providerAccountId  String    @map(name: "provider_account_id")
+  refreshToken       String?   @map(name: "refresh_token")
+  accessToken        String?   @map(name: "access_token")
+  accessTokenExpires DateTime? @map(name: "access_token_expires")
+  createdAt          DateTime  @default(now()) @map(name: "created_at")
+  updatedAt          DateTime  @default(now()) @map(name: "updated_at")
+  @@index([providerAccountId], name: "providerAccountId")
+  @@index([providerId], name: "providerId")
+  @@index([userId], name: "userId")
+  @@map(name: "auth_account")
 }
+
+model AuthSession {
+  id           Int      @id @default(autoincrement())
+  userId       Int      @map(name: "user_id")
+  expires      DateTime
+  sessionToken String   @unique @map(name: "session_token")
+  accessToken  String   @unique @map(name: "access_token")
+  createdAt    DateTime @default(now()) @map(name: "created_at")
+  updatedAt    DateTime @default(now()) @map(name: "updated_at")
+  @@map(name: "auth_session")
+}
+
+model AuthVerificationRequest {
+  id         Int      @id @default(autoincrement())
+  identifier String
+  token      String   @unique
+  expires    DateTime
+  createdAt  DateTime @default(now()) @map(name: "created_at")
+  updatedAt  DateTime @default(now()) @map(name: "updated_at")
+  @@map(name: "auth_verification_request")
+}