* merge squashed - A couple of CJS modules into ESM (config mostly) - Vite complains about node.js modules: fixed `useIsMatchingLocation.ts` > or use rollupOptions in vite.config.ts > ref: https://github.com/saleor/saleor-dashboard/blob/f0e4f59d97e2a8c3e22bd2af7b7ce68a361fc9a4/vite.config.js#L6 - Adjust Storybook to work with Vite: use @storybook/test - Use SWC for jest tranformations - Remove unused deps: - ts-jest: replaced with @swc/jest, typecheck by `tsc` - babel plugins - @svgr/plugin-jsx: not used - @testing-library/user-event: handled by @storybook/test - @typescript-eslint/utils: was not plugged in - tsup, esbuild-plugin-svgr: will look into that later - Install Vite required deps, and remove craco/webpack deps - Adjust SVG to work with Vite as components - Fixed `Step.tsx`: I dont know if one should be swaped for the other, but there should be no slash - Initial formating and linting: - removed empty object params - sorting imports, etc.. * prettier: fix pattern * coverage: sb coverage report isnt working * Add missing pieces * `yarn lint --fix` * fix: scripts permissions * tsc: cut errors in half * fix: remove `react-app-env.d.ts` * tsc: all fixed, except `react-data-grid` types issue * eslint: ignore env-config.js * eslint: Align ci with config * msw: bypass testing warnings ref: https://stackoverflow.com/questions/68024935/msw-logging-warnings-for-unhandled-supertest-requests * rebase: and fix things * Adjust to current `graphql-codegen` no ESM support * Remove vite plugin and use built-in methods * rebase: and some fixes * quick fix + `corepack use [email protected]` * Fix build errors --------- Co-authored-by: Charles Bochet <[email protected]>
177 lines
6.2 KiB
YAML
177 lines
6.2 KiB
YAML
name: CI Front
|
|
on:
|
|
push:
|
|
branches:
|
|
- main
|
|
pull_request:
|
|
jobs:
|
|
front-yarn-install:
|
|
runs-on: ci-8-cores
|
|
env:
|
|
REACT_APP_SERVER_BASE_URL: http://localhost:3000
|
|
steps:
|
|
- name: Cancel Previous Runs
|
|
uses: styfle/[email protected]
|
|
with:
|
|
access_token: ${{ github.token }}
|
|
- uses: actions/checkout@v4
|
|
- name: Setup Node.js
|
|
uses: actions/setup-node@v3
|
|
with:
|
|
node-version: "18"
|
|
- name: Cache front node modules
|
|
uses: actions/cache@v3
|
|
with:
|
|
path: front/node_modules
|
|
key: front-node_modules-${{hashFiles('front/yarn.lock')}}
|
|
restore-keys: front-node_modules-
|
|
- name: Cache eslint-plugin-twenty node modules
|
|
uses: actions/cache@v3
|
|
with:
|
|
path: packages/eslint-plugin-twenty/node_modules
|
|
key: eslint-plugin-twenty-node_modules-${{hashFiles('packages/eslint-plugin-twenty/yarn.lock')}}
|
|
restore-keys: eslint-plugin-twenty-node_modules-
|
|
- name: Front / Install Dependencies
|
|
run: cd front && yarn
|
|
front-pages-sb-test:
|
|
needs: front-yarn-install
|
|
runs-on: ci-8-cores
|
|
env:
|
|
REACT_APP_SERVER_BASE_URL: http://localhost:3000
|
|
steps:
|
|
- name: Cancel Previous Runs
|
|
uses: styfle/[email protected]
|
|
with:
|
|
access_token: ${{ github.token }}
|
|
- uses: actions/checkout@v4
|
|
- name: Setup Node.js
|
|
uses: actions/setup-node@v3
|
|
with:
|
|
node-version: "18"
|
|
- name: Front / Write .env
|
|
run: |
|
|
cd front
|
|
cp .env.example .env
|
|
- name: Cache front node modules
|
|
uses: actions/cache@v3
|
|
with:
|
|
path: front/node_modules
|
|
key: front-node_modules-${{hashFiles('front/yarn.lock')}}
|
|
restore-keys: front-node_modules-
|
|
- name: Cache eslint-plugin-twenty node modules
|
|
uses: actions/cache@v3
|
|
with:
|
|
path: packages/eslint-plugin-twenty/node_modules
|
|
key: eslint-plugin-twenty-node_modules-${{hashFiles('packages/eslint-plugin-twenty/yarn.lock')}}
|
|
restore-keys: eslint-plugin-twenty-node_modules-
|
|
- name: Install dependencies
|
|
run: yarn
|
|
- name: Install Playwright
|
|
run: cd front && npx playwright install
|
|
- name: Build Storybook
|
|
run: cd front && yarn storybook:pages:build --quiet
|
|
- name: Run storybook tests
|
|
run: |
|
|
cd front && npx concurrently -k -s first -n "SB,TEST" -c "magenta,blue" \
|
|
"npx http-server storybook-static --silent --port 6006" \
|
|
"yarn storybook:pages:coverage"
|
|
front-modules-sb-test:
|
|
needs: front-yarn-install
|
|
runs-on: ci-4-cores
|
|
env:
|
|
REACT_APP_SERVER_BASE_URL: http://localhost:3000
|
|
steps:
|
|
- name: Cancel Previous Runs
|
|
uses: styfle/[email protected]
|
|
with:
|
|
access_token: ${{ github.token }}
|
|
- uses: actions/checkout@v4
|
|
- name: Setup Node.js
|
|
uses: actions/setup-node@v3
|
|
with:
|
|
node-version: "18"
|
|
- name: Front / Write .env
|
|
run: |
|
|
cd front
|
|
cp .env.example .env
|
|
- name: Cache front node modules
|
|
uses: actions/cache@v3
|
|
with:
|
|
path: front/node_modules
|
|
key: front-node_modules-${{hashFiles('front/yarn.lock')}}
|
|
restore-keys: front-node_modules-
|
|
- name: Cache eslint-plugin-twenty node modules
|
|
uses: actions/cache@v3
|
|
with:
|
|
path: packages/eslint-plugin-twenty/node_modules
|
|
key: eslint-plugin-twenty-node_modules-${{hashFiles('packages/eslint-plugin-twenty/yarn.lock')}}
|
|
restore-keys: eslint-plugin-twenty-node_modules-
|
|
- name: Install Playwright
|
|
run: cd front && npx playwright install
|
|
- name: Build Storybook
|
|
run: cd front && yarn storybook:modules:build --quiet
|
|
- name: Run storybook tests
|
|
run: |
|
|
cd front && npx concurrently -k -s first -n "SB,TEST" -c "magenta,blue" \
|
|
"npx http-server storybook-static --silent --port 6006" \
|
|
"yarn storybook:modules:coverage"
|
|
front-lint:
|
|
needs: front-yarn-install
|
|
runs-on: ubuntu-latest
|
|
env:
|
|
REACT_APP_SERVER_BASE_URL: http://localhost:3000
|
|
steps:
|
|
- name: Cancel Previous Runs
|
|
uses: styfle/[email protected]
|
|
with:
|
|
access_token: ${{ github.token }}
|
|
- uses: actions/checkout@v4
|
|
- name: Setup Node.js
|
|
uses: actions/setup-node@v3
|
|
with:
|
|
node-version: "18"
|
|
- name: Cache front node modules
|
|
uses: actions/cache@v3
|
|
with:
|
|
path: front/node_modules
|
|
key: front-node_modules-${{hashFiles('front/yarn.lock')}}
|
|
restore-keys: front-node_modules-
|
|
- name: Cache eslint-plugin-twenty node modules
|
|
uses: actions/cache@v3
|
|
with:
|
|
path: packages/eslint-plugin-twenty/node_modules
|
|
key: eslint-plugin-twenty-node_modules-${{hashFiles('packages/eslint-plugin-twenty/yarn.lock')}}
|
|
restore-keys: eslint-plugin-twenty-node_modules-
|
|
- name: Front / Install Dependencies
|
|
run: cd front && yarn
|
|
- name: Front / Run linter
|
|
run: cd front && yarn lint --config .eslintrc-ci.cjs
|
|
front-jest:
|
|
needs: front-yarn-install
|
|
runs-on: ubuntu-latest
|
|
env:
|
|
REACT_APP_SERVER_BASE_URL: http://localhost:3000
|
|
steps:
|
|
- name: Cancel Previous Runs
|
|
uses: styfle/[email protected]
|
|
with:
|
|
access_token: ${{ github.token }}
|
|
- uses: actions/checkout@v4
|
|
- name: Setup Node.js
|
|
uses: actions/setup-node@v3
|
|
with:
|
|
node-version: "18"
|
|
- name: Cache front node modules
|
|
uses: actions/cache@v3
|
|
with:
|
|
path: front/node_modules
|
|
key: front-node_modules-${{hashFiles('front/yarn.lock')}}
|
|
restore-keys: front-node_modules-
|
|
- name: Cache eslint-plugin-twenty node modules
|
|
uses: actions/cache@v3
|
|
with:
|
|
path: packages/eslint-plugin-twenty/node_modules
|
|
key: eslint-plugin-twenty-node_modules-${{hashFiles('packages/eslint-plugin-twenty/yarn.lock')}}
|
|
restore-keys: eslint-plugin-twenty-node_modules-
|
|
- name: Front / Run jest
|
|
run: cd front && yarn test |