Merging develop into production

.eslintrc.js

@@ -19,6 +19,7 @@ module.exports = {
     'plugin:import/typescript',
     'prettier',
     'next/core-web-vitals',
+    'plugin:storybook/recommended',
   ],
   rules: {
     // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs

.github/workflows/build.yml

@@ -32,10 +32,10 @@ jobs:
 
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Setup Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: 18
 

.github/workflows/delete-neon-branch.yml

@@ -21,7 +21,7 @@ jobs:
         id: get_branch_id
         # list all branches and filter by name
         run: |
-          branch_id=$(curl --silent \
+          branch_id=$(curl --silent --fail-with-body \
             "https://console.neon.tech/api/v2/projects/${{ secrets.NEON_PROJECT_ID }}/branches" \
             --header "Accept: application/json" \
             --header "Content-Type: application/json" \
@@ -32,7 +32,7 @@ jobs:
           echo "branch_id=${branch_id}" >> $GITHUB_OUTPUT
 
       - name: Delete Neon Branch
-        uses: neondatabase/delete-branch-action@v2
+        uses: neondatabase/delete-branch-action@v3
         with:
           project_id: ${{ secrets.NEON_PROJECT_ID }}
           branch_id: ${{ steps.get_branch_id.outputs.branch_id }}

.github/workflows/deploy-preview.yml

@@ -18,10 +18,10 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Neon Database Create Branch Action
-        uses: neondatabase/create-branch-action@v3
+        uses: neondatabase/create-branch-action@v4
         id: create_branch
         with:
           project_id: ${{ secrets.NEON_PROJECT_ID }}
@@ -39,7 +39,7 @@ jobs:
           preview_url=$(vercel deploy \
             --env DATABASE_URL="${{ steps.create_branch.outputs.db_url_with_pooler}}/neondb?pgbouncer=true&connect_timeout=15&pool_timeout=15" \
             --build-env DIRECT_DATABASE_URL="${{ steps.create_branch.outputs.db_url}}/neondb?connect_timeout=10" \
-            --public --yes --token=${{ secrets.VERCEL_TOKEN }})
+            --public --yes --token="${{ secrets.VERCEL_TOKEN }}")
           echo preview_url=$preview_url >> $GITHUB_OUTPUT
 
       - name: Comment on Pull Request

.github/workflows/format.yml

@@ -13,10 +13,10 @@ jobs:
 
     steps:
       - name: Check out Git repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Set up Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: 18
 

.github/workflows/tests.yml

@@ -70,7 +70,7 @@ jobs:
 
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Setup Python3.11
         uses: actions/setup-python@v4
@@ -91,7 +91,7 @@ jobs:
           mongodb-port: 27017
 
       - name: Setup Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: 18
 
@@ -111,10 +111,10 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Setup Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: 18
 

.github/workflows/validator_test.yml

@@ -15,7 +15,7 @@ jobs:
         working-directory: validator
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - uses: actions/setup-python@v4
         with:

.github/workflows/versioning.yml

@@ -12,7 +12,7 @@ jobs:
 
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - uses: actions/setup-python@v4
         with:

.storybook/main.ts

@@ -0,0 +1,19 @@
+import type { StorybookConfig } from '@storybook/nextjs';
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-onboarding',
+    '@storybook/addon-interactions',
+  ],
+  framework: {
+    name: '@storybook/nextjs',
+    options: {},
+  },
+  docs: {
+    autodocs: 'tag',
+  },
+};
+export default config;

.storybook/preview.ts

@@ -0,0 +1,15 @@
+import type { Preview } from '@storybook/react';
+
+const preview: Preview = {
+  parameters: {
+    actions: { argTypesRegex: '^on[A-Z].*' },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;

README.md

@@ -157,7 +157,13 @@ npm install
     NEXT_PUBLIC_VALIDATOR=http://127.0.0.1:5000
     ```
 
-9.  Generate `Prisma` client and run web server:
+9.  Setup pre-commit hooks:
+
+    ```bash
+    npm run prepare
+    ```
+
+10. Generate `Prisma` client and run web server:
 
     ```bash
     npm run prisma:generate

next.config.js

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 const { withSentryConfig } = require('@sentry/nextjs');
-const fetch = require('node-fetch');
+const fetch = (...args) => import('node-fetch').then(({ default: fetch }) => fetch(...args));
 
 /* eslint-disable @typescript-eslint/no-var-requires */
 
@@ -40,9 +40,6 @@ module.exports = async (phase) => {
         transform: '@mui/icons-material/{{member}}',
       },
     },
-    compiler: {
-      removeConsole: process.env.NODE_ENV === 'production',
-    },
     rewrites: async () => {
       return [
         {