🚀 V2 Going Full Stack

.env.example

@@ -1,11 +1,24 @@
 NEXT_PUBLIC_BASE_URL="http://localhost:3000"
-NEXT_PUBLIC_API_BASE_URL="http://localhost:3000/api/jhipster-mocks"
 
 # Use the following environment variables to show the environment name.
 NEXT_PUBLIC_DEV_ENV_NAME="staging"
 NEXT_PUBLIC_DEV_ENV_COLOR_SCHEME="teal"
 
-DATABASE_URL="file:./dev.db"
-AUTH_SECRET="Replace me with `openssl rand -base64 32` generated secret"
+# DATABASE
+DATABASE_URL="postgres://startui:startui@localhost:5432/startui"
+DATABASE_DOCKER_IMAGE_NAME="start-ui-db"
+DATABASE_DOCKER_IMAGE_PORT="5432"
 
+# DEMO
 NEXT_PUBLIC_IS_DEMO="false"
+
+# AUTH
+AUTH_SECRET="Replace me with `openssl rand -base64 32` generated secret"
+
+# EMAILS
+EMAIL_SERVER="smtp://username:[email protected]:1025"
+EMAIL_FROM="Start UI <[email protected]>"
+
+# LOGGER
+LOGGER_LEVEL="info"
+LOGGER_PRETTY="true"

.eslintrc.json

@@ -6,6 +6,7 @@
     "plugin:storybook/recommended"
   ],
   "rules": {
+    "react/no-unescaped-entities": "off",
     "@typescript-eslint/no-unused-vars": [
       "warn",
       {
@@ -16,6 +17,12 @@
     "sonarjs/cognitive-complexity": ["warn", 50]
   },
   "overrides": [
+    {
+      "files": ["./src/**/*.*"],
+      "rules": {
+        "no-process-env": "error"
+      }
+    },
     {
       "files": [
         "*.stories.tsx",

.github/pull_request_template.md

@@ -18,7 +18,7 @@ closes #<issue_id>
  - [ ] I performed a self review of my code
  - [ ] I ensured that everything is written in English
  - [ ] I tested the feature or fix on my local environment
- - [ ] I ran the `yarn storybook` command and everything is working
+ - [ ] I ran the `pnpm storybook` command and everything is working
  - [ ] If applicable, I updated the translations for english and french files  
       (If you cannot update the french language, just let us know in the PR description)
  - [ ] If applicable, I updated the README.md

.github/workflows/github-ci.yml

@@ -1,10 +1,8 @@
 name: 🚀 Start UI [web]
 
 on:
-  push:
-    branches:
-      - master
-  pull_request:
+  - push
+  - pull_request
 
 jobs:
   build-and-test:
@@ -13,32 +11,40 @@ jobs:
 
     strategy:
       matrix:
-        node: [16, 'lts/*']
+        node: [18, 20, 'lts/*']
 
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v3
 
       - uses: actions/setup-node@v2
         with:
           node-version: ${{ matrix.node }}
 
+      - uses: pnpm/action-setup@v2
+        name: Install pnpm
+        with:
+          version: 8
+          run_install: false
+
+      - name: Get pnpm store directory
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
+
       - name: Cache node modules
         uses: actions/cache@v2
         env:
           cache-name: cache-node-modules
         with:
-          path: ~/.npm
-          key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('**/yarn.lock') }}
+          path: ${{ env.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
           restore-keys: |
-            ${{ runner.os }}-build-${{ env.cache-name }}-
-            ${{ runner.os }}-build-
+            ${{ runner.os }}-pnpm-store-${{ env.cache-name }}-
+            ${{ runner.os }}-pnpm-store-
             ${{ runner.os }}-
 
       - name: Install dependencies
-        run: yarn install
+        run: pnpm install
 
       - name: Lint code and types
-        run: yarn lint
-
-      - name: Run components tests
-        run: yarn test:ci
+        run: pnpm lint

.github/workflows/playwright.yml

@@ -0,0 +1,87 @@
+name: Playwright Tests
+on:
+  push:
+    branches: [main, master]
+  pull_request:
+    branches: [main, master, v2-going-full-stack]
+
+jobs:
+  E2E:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    env:
+      NEXT_PUBLIC_BASE_URL: http://localhost:3000
+      NEXT_PUBLIC_DEV_ENV_NAME: tests
+      DATABASE_URL: postgres://startui:startui@localhost:5432/startui
+      NEXT_PUBLIC_IS_DEMO: false
+      AUTH_SECRET: Replace me with `openssl rand -base64 32` generated secret
+      EMAIL_SERVER: smtp://username:password@localhost:1025
+      EMAIL_FROM: Start UI <[email protected]>
+    services:
+      postgres:
+        image: postgres
+
+        env:
+          POSTGRES_PASSWORD: startui
+          POSTGRES_USER: startui
+          POSTGRES_DB: startui
+
+        options: >-
+          --health-cmd pg_isready
+          --health-interval 10s
+          --health-timeout 5s
+          --health-retries 5
+        ports:
+          - 5432:5432
+
+    steps:
+      - uses: actions/checkout@v3
+
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 18
+
+      - uses: pnpm/action-setup@v2
+        name: Install pnpm
+        with:
+          version: 8
+          run_install: false
+
+      - name: Get pnpm store directory
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
+
+      - name: Cache node modules
+        uses: actions/cache@v2
+        env:
+          cache-name: cache-node-modules
+        with:
+          path: ${{ env.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-${{ env.cache-name }}-
+            ${{ runner.os }}-pnpm-store-
+            ${{ runner.os }}-
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Install Playwright Browsers
+        run: pnpm playwright install --with-deps
+
+      - name: Migrate database
+        run: pnpm db:push
+
+      - name: Add default data into database
+        run: pnpm db:seed
+
+      - name: Run Playwright tests
+        run: pnpm e2e
+
+      - uses: actions/upload-artifact@v3
+        if: always()
+        with:
+          name: playwright-report
+          path: playwright-report/
+          retention-days: 30

.gitignore

@@ -43,11 +43,25 @@ yarn-error.log*
 # vercel
 .vercel
 
-# cypress
-/cypress/videos
-
 # Build info
 .build-info.json
+openapi.json
 
 # Prisma
 prisma/dev.db
+prisma/dev.db-journal
+
+# Emails
+.react-email
+
+# playwright
+/test-results/
+/playwright-report/
+/playwright/.cache/
+
+# next-pwa recommandation
+**/public/workbox-*.js*
+**/public/sw.js*
+**/public/worker-development.js*
+
+certificates

.gitlab-ci.yml

@@ -1,34 +1,24 @@
 image: node:lts
 
 cache:
+  key:
+    files:
+      - pnpm-lock.yaml
   paths:
-    - node_modules
-    - .yarn
+    - .pnpm-store
 
 stages:
   - build
   - test
 
 build:
   stage: build
+  before_script:
+    - corepack enable
+    - corepack prepare pnpm@latest-8 --activate
+    - pnpm config set store-dir .pnpm-store
   script:
     - echo "Installing dependencies"
-    - yarn install
+    - pnpm install
     - echo "Building application"
-    - yarn build
-
-test:
-  image:
-    # Make sure to update this version number on version update
-    name: cypress/included:11.2.0
-    entrypoint: ['']
-  stage: test
-  script:
-    - yarn install
-    - yarn cypress install
-    - echo "Checking format code eslint"
-    - yarn eslint .
-    - echo "Checking types"
-    - yarn tsc --noEmit
-    - echo "Running tests"
-    - yarn test:ci --browser chrome
+    - pnpm build

.husky/pre-commit

@@ -1,4 +1,4 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
-yarn lint-staged
+pnpm lint-staged

.husky/pre-push

@@ -1,4 +1,4 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
-yarn lint
+pnpm lint

.prettierignore

@@ -12,3 +12,4 @@ public
 *.mdx
 .env*
 !.env.validator.js
+pnpm-lock.yaml

.prettierrc.js

@@ -0,0 +1,18 @@
+// Prettier configuration. Please avoid changing the current configuration.
+// But if you do so, please run the `npm run pretty` command.
+/** @type {import("prettier").Options} */
+const config = {
+  endOfLine: 'lf',
+  semi: true,
+  singleQuote: true,
+  tabWidth: 2,
+  trailingComma: 'es5',
+  arrowParens: 'always',
+  importOrder: ['^react$', '^(?!^react$|^@/|^[./]).*', '^@/(.*)$', '^[./]'],
+  importOrderSeparation: true,
+  importOrderSortSpecifiers: true,
+  importOrderParserPlugins: ['jsx', 'typescript'],
+  plugins: ['@trivago/prettier-plugin-sort-imports'],
+};
+
+module.exports = config;