Merge pull request #414 from wayofdev/feat/v2.0

Author: lotyp

.changeset/loud-dolphins-check.md

@@ -0,0 +1,11 @@
+---
+'@wayofdev/google-tag-manager': major
+'@wayofdev/facebook-pixel': major
+'@wayofdev/common-i18n': major
+'@wayofdev/storybook': major
+'@wayofdev/ui': major
+'@wayofdev/docs': major
+'@wayofdev/web': major
+---
+
+feat: update packages to use esm instead of commonjs, improved github actions, e2e tests are now working locally trough docker and also in ci, update third-party deps

.github/actions/playwright-install/action.yml

@@ -8,7 +8,4 @@
   - ./*.md
 
 'type: maintenance':
-  - .dependabot/*
   - .github/**/*
-  - app/tests/**/*
-  - tests/**/*

.github/actions/pnpm-install/action.yml

@@ -3,20 +3,18 @@
 # paths that are modified in the pull request.
 #
 # To use this workflow, you will need to set up a .github/labeler.yml
-# file with configuration.  For more information, see:
+# file with configuration. For more information, see:
 # https://github.com/actions/labeler/blob/master/README.md
 
 on: # yamllint disable-line rule:truthy
   pull_request:
-  merge_group:
 
 name: 🏷️ Add labels
 
 jobs:
   label:
-    runs-on: ubuntu-latest
-    steps:
-      - name: 🏷️ Apply labels
-        uses: actions/labeler@v4
-        with:
-          repo-token: '${{ secrets.GITHUB_TOKEN }}'
+    uses: wayofdev/gh-actions/.github/workflows/apply-labels.yml@master
+    with:
+      os: ubuntu-latest
+    secrets:
+      token: ${{ secrets.GITHUB_TOKEN }}

.github/labeler.yml

@@ -1,18 +1,5 @@
 ---
 on: # yamllint disable-line rule:truthy
-  push:
-    branches:
-      - master
-      - develop
-    # Only consider those paths to trigger the action
-    paths:
-      - 'apps/docs/**'
-      - 'packages/**'
-      - 'package.json'
-      - 'pnpm*'
-      - '.github/**'
-      - 'tsconfig.base.json'
-
   pull_request:
     types:
       - opened
@@ -35,23 +22,34 @@ jobs:
     strategy:
       fail-fast: true
       matrix:
-        os: ['ubuntu-22.04']
+        os: ['ubuntu-latest']
         node: ['18']
+    env:
+      TURBO_API: 'http://127.0.0.1:9080'
+      TURBO_TEAM: 'next-starter-tpl'
+      TURBO_TOKEN: 'local_server_turbo_relaxed_token'
 
     steps:
       - name: 📦 Check out the codebase
         uses: actions/checkout@v3
-        with:
-          fetch-depth: 0
 
       - name: ⚙️ Setup node ${{ matrix.node }}
         uses: actions/setup-node@v3
         with:
           node-version: ${{ matrix.node }}
           registry-url: 'https://registry.npmjs.org/'
 
+      - name: 🚀 Setup TurboRepo local server
+        uses: felixmosh/turborepo-gh-artifacts@v2
+        with:
+          repo-token: ${{ secrets.GITHUB_TOKEN }}
+          server-token: ${{ env.TURBO_TOKEN }}
+
       - name: 📥 Monorepo install
-        uses: ./.github/actions/pnpm-install
+        uses: wayofdev/gh-actions/actions/pnpm-install@master
+        with:
+          enable-corepack: true
+          cache-node-modules: true
 
       # see https://github.com/vercel/next.js/pull/27362
       - name: ♻️ Restore "docs" app build from cache
@@ -61,21 +59,19 @@ jobs:
             ${{ github.workspace }}/apps/docs/.next/cache
             ${{ github.workspace }}/.cache
             ${{ github.workspace }}/**/tsconfig.tsbuildinfo
-          key: ${{ runner.os }}-web-${{ hashFiles('pnpm*.yaml') }}-${{ hashFiles('apps/docs/src/**.[jt]sx?', 'apps/docs/src/**.json') }}
-          restore-keys: |
-            ${{ runner.os }}-web-${{ hashFiles('pnpm*.yaml') }}-
+          key: docs-cache-${{ runner.os }}-${{ hashFiles('pnpm-lock.yaml') }}
 
       - name: 📝 Typecheck
-        working-directory: apps/web
+        working-directory: apps/docs
         run: |
           pnpm lint:types
 
       - name: 🚨 Linter
-        working-directory: apps/web
+        working-directory: apps/docs
         run: |
           pnpm lint
 
       - name: 🏗 Build docs-app
-        working-directory: apps/web
+        working-directory: apps/docs
         run: |
           pnpm --filter=docs build

.github/workflows/label.yml .github/workflows/apply-labels.yml.github/workflows/label.yml renamed to .github/workflows/apply-labels.yml

@@ -1,19 +1,5 @@
 ---
 on: # yamllint disable-line rule:truthy
-  merge_group:
-  push:
-    branches:
-      - master
-      - develop
-    # Only consider those paths to trigger the action
-    paths:
-      - 'apps/web/**'
-      - 'packages/**'
-      - 'package.json'
-      - 'pnpm*'
-      - '.github/**'
-      - 'tsconfig.base.json'
-
   pull_request:
     types:
       - opened
@@ -36,23 +22,34 @@ jobs:
     strategy:
       fail-fast: true
       matrix:
-        os: ['ubuntu-22.04']
+        os: ['ubuntu-latest']
         node: ['18']
+    env:
+      TURBO_API: 'http://127.0.0.1:9080'
+      TURBO_TEAM: 'next-starter-tpl'
+      TURBO_TOKEN: 'local_server_turbo_relaxed_token'
 
     steps:
       - name: 📦 Check out the codebase
         uses: actions/checkout@v3
-        with:
-          fetch-depth: 0
 
       - name: ⚙️ Setup node ${{ matrix.node }}
         uses: actions/setup-node@v3
         with:
           node-version: ${{ matrix.node }}
           registry-url: 'https://registry.npmjs.org/'
 
+      - name: 🚀 Setup TurboRepo local server
+        uses: felixmosh/turborepo-gh-artifacts@v2
+        with:
+          repo-token: ${{ secrets.GITHUB_TOKEN }}
+          server-token: ${{ env.TURBO_TOKEN }}
+
       - name: 📥 Monorepo install
-        uses: ./.github/actions/pnpm-install
+        uses: wayofdev/gh-actions/actions/pnpm-install@master
+        with:
+          enable-corepack: true
+          cache-node-modules: true
 
       # see https://github.com/vercel/next.js/pull/27362
       - name: ♻️ Restore "web" app build from cache
@@ -62,9 +59,7 @@ jobs:
             ${{ github.workspace }}/apps/web/.next/cache
             ${{ github.workspace }}/.cache
             ${{ github.workspace }}/**/tsconfig.tsbuildinfo
-          key: ${{ runner.os }}-web-${{ hashFiles('pnpm*.yaml') }}-${{ hashFiles('apps/web/src/**.[jt]sx?', 'apps/web/src/**.json') }}
-          restore-keys: |
-            ${{ runner.os }}-web-${{ hashFiles('pnpm*.yaml') }}-
+          key: web-cache-${{ runner.os }}-${{ hashFiles('pnpm-lock.yaml') }}
 
       - name: 📝 Typecheck
         working-directory: apps/web
@@ -86,6 +81,9 @@ jobs:
         run: |
           pnpm --filter=web build
         env:
+          NEXTAUTH_URL: http://localhost:3000
+          NEXTAUTH_SECRET: secret-string-only-for-ci
+          APP_CACHE_DSN: ''
           # Speed up build: they are linted in a previous step
           NEXT_IGNORE_ESLINT: true
           # Speed up build: they are type-checked in a previous step

.github/workflows/ci-apps-docs.yml

@@ -1,18 +1,5 @@
 ---
 on: # yamllint disable-line rule:truthy
-  merge_group:
-  push:
-    branches:
-      - master
-      - develop
-    # Only consider those paths to trigger the action
-    paths:
-      - 'packages/**'
-      - 'package.json'
-      - 'pnpm*'
-      - '.github/**'
-      - 'tsconfig.base.json'
-
   pull_request:
     types:
       - opened
@@ -34,13 +21,18 @@ jobs:
     strategy:
       fail-fast: true
       matrix:
-        os: ['ubuntu-22.04']
+        os: ['ubuntu-latest']
         node: ['18']
+    env:
+      TURBO_API: 'http://127.0.0.1:9080'
+      TURBO_TEAM: 'next-starter-tpl'
+      TURBO_TOKEN: 'local_server_turbo_relaxed_token'
 
     steps:
       - name: 📦 Check out the codebase
         uses: actions/checkout@v3
         with:
+          # We need to fetch all the history for the "changed files" feature to work
           fetch-depth: 0
 
       - name: ⚙️ Setup node ${{ matrix.node }}
@@ -49,19 +41,26 @@ jobs:
           node-version: ${{ matrix.node }}
           registry-url: 'https://registry.npmjs.org/'
 
+      - name: 🚀 Setup TurboRepo local server
+        uses: felixmosh/turborepo-gh-artifacts@v2
+        with:
+          repo-token: ${{ secrets.GITHUB_TOKEN }}
+          server-token: ${{ env.TURBO_TOKEN }}
+
       - name: 📥 Monorepo install
-        uses: ./.github/actions/pnpm-install
+        uses: wayofdev/gh-actions/actions/pnpm-install@master
+        with:
+          enable-corepack: true
+          cache-node-modules: true
 
+      # see https://github.com/vercel/next.js/pull/27362
       - name: ♻️ Restore packages cache
         uses: actions/cache@v3
         with:
           path: |
             ${{ github.workspace }}/.cache
             ${{ github.workspace }}/**/tsconfig.tsbuildinfo
-
-          key: ${{ runner.os }}-packages-cache-${{ hashFiles('**/pnpm*.yaml') }}-${{ hashFiles('packages/**.[jt]sx?', 'packages/**.json') }}
-          restore-keys: |
-            ${{ runner.os }}-packages-cache-${{ hashFiles('**/pnpm*.yaml') }}-
+          key: packages-cache-${{ runner.os }}-${{ hashFiles('pnpm-lock.yaml') }}
 
       # Typecheck packages that have changed + packages and apps that depends on them (--from & --since)
       # That allows to see if we're introducing "surface" regressions (just the types)