From 51d5a8538a2d4efa149029df1751db3825dc90c1 Mon Sep 17 00:00:00 2001 From: planctus Date: Thu, 3 Oct 2024 11:08:33 +0300 Subject: [PATCH 01/24] chore(chromatic): Testing basic conf, styles not working locally --- .github/workflows/chromatic.yml | 34 +++++++++++++++++++ package.json | 15 ++++++-- .../twig/components/gallery/gallery.story.js | 1 + src/playground/ec/.storybook/preview.js | 28 +++++++++++++++ src/playground/eu/.storybook/preview.js | 27 +++++++++++++++ yarn.lock | 5 +++ 6 files changed, 107 insertions(+), 3 deletions(-) create mode 100644 .github/workflows/chromatic.yml diff --git a/.github/workflows/chromatic.yml b/.github/workflows/chromatic.yml new file mode 100644 index 00000000000..c5148808b86 --- /dev/null +++ b/.github/workflows/chromatic.yml @@ -0,0 +1,34 @@ +name: Chromatic CI + +on: + push: + branches: + - v*-dev + pull_request: + branches: + - v*-dev + +jobs: + chromatic-ec: + runs-on: ubuntu-latest + steps: + - name: Checkout code + uses: actions/checkout@v3 + - name: Install dependencies + run: npm install + - name: Run Chromatic for EC + run: npm run chromatic-EC + env: + CHROMATIC_PROJECT_TOKEN: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} + + chromatic-eu: + runs-on: ubuntu-latest + steps: + - name: Checkout code + uses: actions/checkout@v3 + - name: Install dependencies + run: npm install + - name: Run Chromatic for EU + run: npm run chromatic-EU + env: + CHROMATIC_PROJECT_TOKEN: ${{ secrets.CHROMATIC_PROJECT_TOKEN_EU }} diff --git a/package.json b/package.json index b87bce80eb7..10791505264 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,8 @@ { "private": true, - "author": "European Commission", + "author": { + "name": "European Commission" + }, "license": "EUPL-1.2", "description": "Europa Component Library", "scripts": { @@ -30,7 +32,11 @@ "test": "run-p test:*", "test:components": "jest --verbose", "test:coding-conventions": "npm run lint && npm run pretty-check", - "update-version": "scripts/update-version.sh" + "update-version": "scripts/update-version.sh", + "chromatic-eu": "cd src/playground/eu && npm run build", + "chromatic-ec": "cd src/playground/ec && npm run build", + "chromatic-EU": "STORYBOOK_CHROMATIC=true npx chromatic --build-script-name chromatic-eu", + "chromatic-EC": "STORYBOOK_CHROMATIC=true npx chromatic --build-script-name chromatic-ec" }, "devDependencies": { "@babel/eslint-parser": "7.25.1", @@ -39,6 +45,7 @@ "@prettier/plugin-xml": "3.4.1", "@size-limit/preset-big-lib": "11.1.6", "babel-jest": "29.7.0", + "chromatic": "11.11.0", "classnames": "2.5.1", "eslint": "8.57.0", "eslint-config-airbnb": "19.0.4", @@ -159,5 +166,7 @@ "port": 6007, "host": "localhost" } - } + }, + "name": "", + "version": "" } diff --git a/src/implementations/twig/components/gallery/gallery.story.js b/src/implementations/twig/components/gallery/gallery.story.js index d36e40b0d5f..f21056d285d 100644 --- a/src/implementations/twig/components/gallery/gallery.story.js +++ b/src/implementations/twig/components/gallery/gallery.story.js @@ -149,6 +149,7 @@ export default { decorators: [withNotes, withCode], parameters: { layout: 'fullscreen', + chromatic: { disable: true }, }, }; diff --git a/src/playground/ec/.storybook/preview.js b/src/playground/ec/.storybook/preview.js index cea8006aab8..e48283ed5da 100644 --- a/src/playground/ec/.storybook/preview.js +++ b/src/playground/ec/.storybook/preview.js @@ -2,11 +2,39 @@ import { withCssResources } from '@storybook/addon-cssresources'; import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport'; import { Buffer } from 'buffer'; import { themes } from '@storybook/theming'; +import isChromatic from 'chromatic/isChromatic'; global.Buffer = Buffer; import './ECL'; +if (isChromatic() || process.env.STORYBOOK_CHROMATIC) { + function createLink(href, media) { + var link = document.createElement('link'); + link.rel = 'stylesheet'; + link.type = 'text/css'; + link.href = href; + link.media = media || 'all'; + return link; + } + + // Manually inject styles + var head = document.head || document.getElementsByTagName('head')[0]; + + head.appendChild(createLink('./styles/optional/ecl-reset.css', 'screen')); + head.appendChild( + createLink('./styles/optional/ecl-ec-default.css', 'screen'), + ); + head.appendChild(createLink('./styles/ecl-ec.css', 'screen')); + head.appendChild( + createLink('./styles/optional/ecl-ec-utilities.css', 'screen'), + ); + head.appendChild(createLink('./styles/ecl-ec-print.css', 'print')); + head.appendChild( + createLink('./styles/optional/ecl-ec-default-print.css', 'print'), + ); +} + export const parameters = { disableSaveFromUI: true, a11y: { diff --git a/src/playground/eu/.storybook/preview.js b/src/playground/eu/.storybook/preview.js index e3d24272454..fee628f5641 100644 --- a/src/playground/eu/.storybook/preview.js +++ b/src/playground/eu/.storybook/preview.js @@ -2,11 +2,38 @@ import { withCssResources } from '@storybook/addon-cssresources'; import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport'; import { Buffer } from 'buffer'; import { themes } from '@storybook/theming'; +import isChromatic from 'chromatic/isChromatic'; global.Buffer = Buffer; import './ECL'; +if (isChromatic() || process.env.STORYBOOK_CHROMATIC) { + function createLink(href, media) { + var link = document.createElement('link'); + link.rel = 'stylesheet'; + link.type = 'text/css'; + link.href = href; + link.media = media || 'all'; + return link; + } + + // Manually inject styles + var head = document.head || document.getElementsByTagName('head')[0]; + head.appendChild(createLink('./styles/optional/ecl-reset.css', 'screen')); + head.appendChild( + createLink('./styles/optional/ecl-eu-default.css', 'screen'), + ); + head.appendChild(createLink('./styles/ecl-eu.css', 'screen')); + head.appendChild( + createLink('./styles/optional/ecl-eu-utilities.css', 'screen'), + ); + head.appendChild(createLink('./styles/ecl-eu-print.css', 'print')); + head.appendChild( + createLink('./styles/optional/ecl-eu-default-print.css', 'print'), + ); +} + export const parameters = { disableSaveFromUI: true, a11y: { diff --git a/yarn.lock b/yarn.lock index 3d826d2ef1f..daea2b3935a 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5518,6 +5518,11 @@ chownr@^2.0.0: resolved "https://registry.yarnpkg.com/chownr/-/chownr-2.0.0.tgz#15bfbe53d2eab4cf70f18a8cd68ebe5b3cb1dece" integrity sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ== +chromatic@11.11.0: + version "11.11.0" + resolved "https://registry.yarnpkg.com/chromatic/-/chromatic-11.11.0.tgz#5e5b956464acad22371d88218ea570374b541666" + integrity sha512-mwmYsNMsZlRLtlfFUEtac5zhoVRhc+O/lsuMdOpwkiDQiKX6WdSNIhic+dkLenfuzao2r18s50nphcOgFoatBg== + chrome-trace-event@^1.0.2: version "1.0.4" resolved "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.4.tgz#05bffd7ff928465093314708c93bdfa9bd1f0f5b" From 41b3d3389f17929eb6ca94f7851557195eb8e277 Mon Sep 17 00:00:00 2001 From: planctus Date: Thu, 3 Oct 2024 11:12:32 +0300 Subject: [PATCH 02/24] chore(chromatic): Using yarn to install deps in the workflow --- .github/workflows/chromatic.yml | 16 ++++++++++------ 1 file changed, 10 insertions(+), 6 deletions(-) diff --git a/.github/workflows/chromatic.yml b/.github/workflows/chromatic.yml index c5148808b86..56831d311f2 100644 --- a/.github/workflows/chromatic.yml +++ b/.github/workflows/chromatic.yml @@ -12,10 +12,12 @@ jobs: chromatic-ec: runs-on: ubuntu-latest steps: - - name: Checkout code - uses: actions/checkout@v3 + - uses: actions/checkout@v4 + - uses: actions/setup-node@v4 + with: + node-version: 20.9.0 - name: Install dependencies - run: npm install + run: yarn install --frozen-lockfile - name: Run Chromatic for EC run: npm run chromatic-EC env: @@ -24,10 +26,12 @@ jobs: chromatic-eu: runs-on: ubuntu-latest steps: - - name: Checkout code - uses: actions/checkout@v3 + - uses: actions/checkout@v4 + - uses: actions/setup-node@v4 + with: + node-version: 20.9.0 - name: Install dependencies - run: npm install + run: yarn install --frozen-lockfile - name: Run Chromatic for EU run: npm run chromatic-EU env: From 61361f4073518985a4e46e6116b6aa5016558668 Mon Sep 17 00:00:00 2001 From: planctus Date: Thu, 3 Oct 2024 11:19:02 +0300 Subject: [PATCH 03/24] chore(chromatic): Setting fetch-depth --- .github/workflows/chromatic.yml | 2 ++ 1 file changed, 2 insertions(+) diff --git a/.github/workflows/chromatic.yml b/.github/workflows/chromatic.yml index 56831d311f2..2c970a2fddd 100644 --- a/.github/workflows/chromatic.yml +++ b/.github/workflows/chromatic.yml @@ -16,6 +16,7 @@ jobs: - uses: actions/setup-node@v4 with: node-version: 20.9.0 + fetch-depth: 0 - name: Install dependencies run: yarn install --frozen-lockfile - name: Run Chromatic for EC @@ -30,6 +31,7 @@ jobs: - uses: actions/setup-node@v4 with: node-version: 20.9.0 + fetch-depth: 0 - name: Install dependencies run: yarn install --frozen-lockfile - name: Run Chromatic for EU From 97924c9b6e82c13714a604c8f062b90cb71f80c4 Mon Sep 17 00:00:00 2001 From: planctus Date: Thu, 3 Oct 2024 11:26:14 +0300 Subject: [PATCH 04/24] chore(chromatic): Replacing fetch-depth --- .github/workflows/chromatic.yml | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/.github/workflows/chromatic.yml b/.github/workflows/chromatic.yml index 2c970a2fddd..dde75f5b82e 100644 --- a/.github/workflows/chromatic.yml +++ b/.github/workflows/chromatic.yml @@ -16,7 +16,8 @@ jobs: - uses: actions/setup-node@v4 with: node-version: 20.9.0 - fetch-depth: 0 + persist-credentials: false + ref: '' - name: Install dependencies run: yarn install --frozen-lockfile - name: Run Chromatic for EC @@ -31,7 +32,8 @@ jobs: - uses: actions/setup-node@v4 with: node-version: 20.9.0 - fetch-depth: 0 + persist-credentials: false + ref: '' - name: Install dependencies run: yarn install --frozen-lockfile - name: Run Chromatic for EU From d948add66f7c8400e8f3067335b43c269de1e6b4 Mon Sep 17 00:00:00 2001 From: planctus Date: Thu, 3 Oct 2024 11:33:42 +0300 Subject: [PATCH 05/24] chore(chromatic): fetch-depth, the right way --- .github/workflows/chromatic.yml | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/.github/workflows/chromatic.yml b/.github/workflows/chromatic.yml index dde75f5b82e..b5f4f6fd61b 100644 --- a/.github/workflows/chromatic.yml +++ b/.github/workflows/chromatic.yml @@ -13,11 +13,11 @@ jobs: runs-on: ubuntu-latest steps: - uses: actions/checkout@v4 + with: + fetch-depth: 0 - uses: actions/setup-node@v4 with: node-version: 20.9.0 - persist-credentials: false - ref: '' - name: Install dependencies run: yarn install --frozen-lockfile - name: Run Chromatic for EC @@ -29,11 +29,11 @@ jobs: runs-on: ubuntu-latest steps: - uses: actions/checkout@v4 + with: + fetch-depth: 0 - uses: actions/setup-node@v4 with: node-version: 20.9.0 - persist-credentials: false - ref: '' - name: Install dependencies run: yarn install --frozen-lockfile - name: Run Chromatic for EU From ad68febdba31a00e47853b47ac8d91d973f66df1 Mon Sep 17 00:00:00 2001 From: planctus Date: Fri, 4 Oct 2024 10:37:30 +0300 Subject: [PATCH 06/24] chore(chromatic): Trying the chromatic github action --- .github/workflows/chromatic.yml | 31 ++++++++++++++++++++++++------- 1 file changed, 24 insertions(+), 7 deletions(-) diff --git a/.github/workflows/chromatic.yml b/.github/workflows/chromatic.yml index b5f4f6fd61b..9ac92506329 100644 --- a/.github/workflows/chromatic.yml +++ b/.github/workflows/chromatic.yml @@ -20,11 +20,19 @@ jobs: node-version: 20.9.0 - name: Install dependencies run: yarn install --frozen-lockfile + - name: Copy static assets + run: | + mkdir -p public + cp -r src/presets/ec/dist public/ + cp -r src/presets/reset/dist public/ + cp -r src/presets/rtl/dist public/ + cp -r src/playground/ec/public/* public/ - name: Run Chromatic for EC - run: npm run chromatic-EC - env: - CHROMATIC_PROJECT_TOKEN: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} - + uses: chromaui/action@latest + with: + projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} + buildScriptName: build + workingDir: src/playground/ec chromatic-eu: runs-on: ubuntu-latest steps: @@ -36,7 +44,16 @@ jobs: node-version: 20.9.0 - name: Install dependencies run: yarn install --frozen-lockfile + - name: Copy static assets + run: | + mkdir -p public + cp -r srcpresets/eu/dist public/ + cp -r src/presets/reset/dist public/ + cp -r src/presets/rtl/dist public/ + cp -r src/playground/eu/public/* public/ - name: Run Chromatic for EU - run: npm run chromatic-EU - env: - CHROMATIC_PROJECT_TOKEN: ${{ secrets.CHROMATIC_PROJECT_TOKEN_EU }} + uses: chromaui/action@latest + with: + projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} + buildScriptName: build + workingDir: src/playground/eu From 6a0f56d39ae02161c01faeb9644097e44afdc649 Mon Sep 17 00:00:00 2001 From: planctus Date: Fri, 4 Oct 2024 11:02:32 +0300 Subject: [PATCH 07/24] chore(chromatic): Trying the chromatic github action --- .github/workflows/chromatic.yml | 22 ++++++++++++---------- 1 file changed, 12 insertions(+), 10 deletions(-) diff --git a/.github/workflows/chromatic.yml b/.github/workflows/chromatic.yml index 9ac92506329..996385a7fe2 100644 --- a/.github/workflows/chromatic.yml +++ b/.github/workflows/chromatic.yml @@ -22,17 +22,18 @@ jobs: run: yarn install --frozen-lockfile - name: Copy static assets run: | - mkdir -p public - cp -r src/presets/ec/dist public/ - cp -r src/presets/reset/dist public/ - cp -r src/presets/rtl/dist public/ - cp -r src/playground/ec/public/* public/ + mkdir -p chromatic-storybook-ec + cp -r src/presets/ec/dist chromatic-storybook-ec + cp -r src/presets/reset/dist chromatic-storybook-ec + cp -r src/presets/rtl/dist chromatic-storybook-ec + cp -r src/playground/ec/public/* chromatic-storybook-ec - name: Run Chromatic for EC uses: chromaui/action@latest with: projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} buildScriptName: build workingDir: src/playground/ec + outputDir: chromatic-storybook-ec chromatic-eu: runs-on: ubuntu-latest steps: @@ -46,14 +47,15 @@ jobs: run: yarn install --frozen-lockfile - name: Copy static assets run: | - mkdir -p public - cp -r srcpresets/eu/dist public/ - cp -r src/presets/reset/dist public/ - cp -r src/presets/rtl/dist public/ - cp -r src/playground/eu/public/* public/ + mkdir -p chromatic-storybook-eu + cp -r src/presets/eu/dist chromatic-storybook-eu + cp -r src/presets/reset/dist chromatic-storybook-eu + cp -r src/presets/rtl/dist chromatic-storybook-eu + cp -r src/playground/eu/public/* chromatic-storybook-eu - name: Run Chromatic for EU uses: chromaui/action@latest with: projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} buildScriptName: build workingDir: src/playground/eu + outputDir: chromatic-storybook-eu From db93a30ce8ceefef1b5546c831b414ba11f04368 Mon Sep 17 00:00:00 2001 From: planctus Date: Fri, 4 Oct 2024 11:19:26 +0300 Subject: [PATCH 08/24] chore(chromatic): Using already built storybook --- .github/workflows/chromatic.yml | 61 --------------------------------- .github/workflows/ci.yml | 12 +++++++ 2 files changed, 12 insertions(+), 61 deletions(-) delete mode 100644 .github/workflows/chromatic.yml diff --git a/.github/workflows/chromatic.yml b/.github/workflows/chromatic.yml deleted file mode 100644 index 996385a7fe2..00000000000 --- a/.github/workflows/chromatic.yml +++ /dev/null @@ -1,61 +0,0 @@ -name: Chromatic CI - -on: - push: - branches: - - v*-dev - pull_request: - branches: - - v*-dev - -jobs: - chromatic-ec: - runs-on: ubuntu-latest - steps: - - uses: actions/checkout@v4 - with: - fetch-depth: 0 - - uses: actions/setup-node@v4 - with: - node-version: 20.9.0 - - name: Install dependencies - run: yarn install --frozen-lockfile - - name: Copy static assets - run: | - mkdir -p chromatic-storybook-ec - cp -r src/presets/ec/dist chromatic-storybook-ec - cp -r src/presets/reset/dist chromatic-storybook-ec - cp -r src/presets/rtl/dist chromatic-storybook-ec - cp -r src/playground/ec/public/* chromatic-storybook-ec - - name: Run Chromatic for EC - uses: chromaui/action@latest - with: - projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} - buildScriptName: build - workingDir: src/playground/ec - outputDir: chromatic-storybook-ec - chromatic-eu: - runs-on: ubuntu-latest - steps: - - uses: actions/checkout@v4 - with: - fetch-depth: 0 - - uses: actions/setup-node@v4 - with: - node-version: 20.9.0 - - name: Install dependencies - run: yarn install --frozen-lockfile - - name: Copy static assets - run: | - mkdir -p chromatic-storybook-eu - cp -r src/presets/eu/dist chromatic-storybook-eu - cp -r src/presets/reset/dist chromatic-storybook-eu - cp -r src/presets/rtl/dist chromatic-storybook-eu - cp -r src/playground/eu/public/* chromatic-storybook-eu - - name: Run Chromatic for EU - uses: chromaui/action@latest - with: - projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} - buildScriptName: build - workingDir: src/playground/eu - outputDir: chromatic-storybook-eu diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index 4432b827b39..26f30baf1e5 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -81,6 +81,18 @@ jobs: NETLIFY: true NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID }} NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }} + - name: Run Chromatic for EC + uses: chromaui/action@latest + with: + projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} + storybookBuildDir: dist/playground/ec + exitZeroOnChanges: true + - name: Run Chromatic for EU + uses: chromaui/action@latest + with: + projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} + storybookBuildDir: dist/playground/eu + exitZeroOnChanges: true deploy-release-branch: name: deploy release branch runs-on: ubuntu-latest From 83e6002d414db0127e7523f49a9e34017441f672 Mon Sep 17 00:00:00 2001 From: planctus Date: Fri, 4 Oct 2024 11:30:21 +0300 Subject: [PATCH 09/24] chore(chromatic): Using already built storybook --- .github/workflows/ci.yml | 2 ++ 1 file changed, 2 insertions(+) diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index 26f30baf1e5..05b4c95734f 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -62,6 +62,8 @@ jobs: if: github.event_name == 'pull_request' steps: - uses: actions/checkout@v4 + with: + fetch-depth: 0 - uses: actions/setup-node@v4 with: node-version: 20.9.0 From 72fcd67e8736e6b45a633394f51fd469e5e73252 Mon Sep 17 00:00:00 2001 From: planctus Date: Fri, 4 Oct 2024 11:57:47 +0300 Subject: [PATCH 10/24] chore(chromatic): Running only accordion tests --- .github/workflows/ci.yml | 2 ++ src/implementations/twig/pages/page-home/page-home.story.js | 3 +++ src/implementations/twig/pages/page-inner/page-inner.story.js | 3 +++ .../twig/pages/page-search/page-search.story.js | 3 +++ 4 files changed, 11 insertions(+) diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index 05b4c95734f..992857ece59 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -89,12 +89,14 @@ jobs: projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} storybookBuildDir: dist/playground/ec exitZeroOnChanges: true + onlyStoryNames: 'Components/Accordion' - name: Run Chromatic for EU uses: chromaui/action@latest with: projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} storybookBuildDir: dist/playground/eu exitZeroOnChanges: true + onlyStoryNames: 'Components/Accordion' deploy-release-branch: name: deploy release branch runs-on: ubuntu-latest diff --git a/src/implementations/twig/pages/page-home/page-home.story.js b/src/implementations/twig/pages/page-home/page-home.story.js index 227e970e181..e9b4ba0eab8 100644 --- a/src/implementations/twig/pages/page-home/page-home.story.js +++ b/src/implementations/twig/pages/page-home/page-home.story.js @@ -71,6 +71,9 @@ export default { controls: { disable: true }, EclNotes: { disable: true }, layout: 'fullscreen', + chromatic: { + disable: true, + }, }, }; diff --git a/src/implementations/twig/pages/page-inner/page-inner.story.js b/src/implementations/twig/pages/page-inner/page-inner.story.js index b816eece630..5f4b04d0bb8 100644 --- a/src/implementations/twig/pages/page-inner/page-inner.story.js +++ b/src/implementations/twig/pages/page-inner/page-inner.story.js @@ -71,6 +71,9 @@ export default { controls: { disable: true }, EclNotes: { disable: true }, layout: 'fullscreen', + chromatic: { + disable: true, + }, }, }; diff --git a/src/implementations/twig/pages/page-search/page-search.story.js b/src/implementations/twig/pages/page-search/page-search.story.js index 5cac3376d95..32ec90dbe02 100644 --- a/src/implementations/twig/pages/page-search/page-search.story.js +++ b/src/implementations/twig/pages/page-search/page-search.story.js @@ -71,6 +71,9 @@ export default { controls: { disable: true }, EclNotes: { disable: true }, layout: 'fullscreen', + chromatic: { + disable: true, + }, }, }; From 4f1b1dc61e771ae325f45804a41420221238f080 Mon Sep 17 00:00:00 2001 From: planctus Date: Fri, 4 Oct 2024 12:57:00 +0300 Subject: [PATCH 11/24] chore(chromatic): Using the right build, hopefully --- .github/workflows/ci.yml | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index 992857ece59..1977caf38df 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -87,14 +87,14 @@ jobs: uses: chromaui/action@latest with: projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} - storybookBuildDir: dist/playground/ec + storybookBuildDir: dist/website/playground/ec exitZeroOnChanges: true onlyStoryNames: 'Components/Accordion' - name: Run Chromatic for EU uses: chromaui/action@latest with: projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} - storybookBuildDir: dist/playground/eu + storybookBuildDir: dist/website/playground/eu exitZeroOnChanges: true onlyStoryNames: 'Components/Accordion' deploy-release-branch: From 9c5af2061e91f71336c3ff33aeb7077df6b1cb96 Mon Sep 17 00:00:00 2001 From: planctus Date: Fri, 4 Oct 2024 14:41:33 +0300 Subject: [PATCH 12/24] chore(ci): trying to reuse workspace --- .github/workflows/ci.yml | 32 ++++++++++++++++++++++++++------ 1 file changed, 26 insertions(+), 6 deletions(-) diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index 1977caf38df..56335c5383a 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -16,6 +16,7 @@ jobs: - uses: amannn/action-semantic-pull-request@v5 env: GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} + audit: name: audit runs-on: ubuntu-latest @@ -26,6 +27,7 @@ jobs: node-version: 20.9.0 - name: Test run: ./scripts/audit.sh + tests: name: tests runs-on: ubuntu-latest @@ -42,6 +44,7 @@ jobs: run: yarn build:presets - name: Test run: yarn test + size: name: size runs-on: ubuntu-latest @@ -56,8 +59,9 @@ jobs: run: yarn dist:presets - name: Test run: yarn size-limit + deploy-pull-request-preview: - name: deploy preview + name: Deploy Preview runs-on: ubuntu-latest if: github.event_name == 'pull_request' steps: @@ -73,6 +77,7 @@ jobs: run: yarn build:icons - name: Package application run: yarn dist + - uses: jpoehnelt/reusable-workspace/save@v1 - name: Deploy to Netlify uses: nwtgck/actions-netlify@v2.0 with: @@ -83,22 +88,37 @@ jobs: NETLIFY: true NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID }} NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }} - - name: Run Chromatic for EC - uses: chromaui/action@latest + + chromatic-ec: + name: Run Chromatic for EC + needs: deploy-pull-request-preview + runs-on: ubuntu-latest + steps: + - uses: jpoehnelt/reusable-workspace/restore@v1 + - uses: actions/checkout@v4 + - uses: chromaui/action@latest with: projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} storybookBuildDir: dist/website/playground/ec exitZeroOnChanges: true onlyStoryNames: 'Components/Accordion' - - name: Run Chromatic for EU - uses: chromaui/action@latest + + chromatic-eu: + name: Run Chromatic for EU + needs: deploy-pull-request-preview + runs-on: ubuntu-latest + steps: + - uses: jpoehnelt/reusable-workspace/restore@v1 + - uses: actions/checkout@v4 + - uses: chromaui/action@latest with: projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} storybookBuildDir: dist/website/playground/eu exitZeroOnChanges: true onlyStoryNames: 'Components/Accordion' + deploy-release-branch: - name: deploy release branch + name: Deploy Release Branch runs-on: ubuntu-latest if: github.event_name == 'push' && endsWith(github.ref, '-dev') steps: From b549042e199c57cfbbe31c9e972ea0b3d1017772 Mon Sep 17 00:00:00 2001 From: planctus Date: Fri, 4 Oct 2024 14:54:26 +0300 Subject: [PATCH 13/24] chore(ci): uff, fetch depth.. --- .github/workflows/ci.yml | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index 56335c5383a..b0a2d1d2a6c 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -96,6 +96,8 @@ jobs: steps: - uses: jpoehnelt/reusable-workspace/restore@v1 - uses: actions/checkout@v4 + with: + fetch-depth: 0 - uses: chromaui/action@latest with: projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} @@ -110,6 +112,8 @@ jobs: steps: - uses: jpoehnelt/reusable-workspace/restore@v1 - uses: actions/checkout@v4 + with: + fetch-depth: 0 - uses: chromaui/action@latest with: projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} From e0695fdd6c07b8fec960bc02c2e482e0034abe90 Mon Sep 17 00:00:00 2001 From: planctus Date: Fri, 4 Oct 2024 15:10:44 +0300 Subject: [PATCH 14/24] chore(ci): Trying reusing also the deps --- .github/workflows/ci.yml | 6 ------ 1 file changed, 6 deletions(-) diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index b0a2d1d2a6c..204f3d1ab95 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -95,9 +95,6 @@ jobs: runs-on: ubuntu-latest steps: - uses: jpoehnelt/reusable-workspace/restore@v1 - - uses: actions/checkout@v4 - with: - fetch-depth: 0 - uses: chromaui/action@latest with: projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} @@ -111,9 +108,6 @@ jobs: runs-on: ubuntu-latest steps: - uses: jpoehnelt/reusable-workspace/restore@v1 - - uses: actions/checkout@v4 - with: - fetch-depth: 0 - uses: chromaui/action@latest with: projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} From 176d002ca8ebc04d1489a6b9a1d01abae6dc0199 Mon Sep 17 00:00:00 2001 From: planctus Date: Fri, 4 Oct 2024 16:09:16 +0300 Subject: [PATCH 15/24] chore(chromatic): Trying with all the stories --- .github/workflows/ci.yml | 4 ---- 1 file changed, 4 deletions(-) diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index 204f3d1ab95..35985a0fdf2 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -99,8 +99,6 @@ jobs: with: projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} storybookBuildDir: dist/website/playground/ec - exitZeroOnChanges: true - onlyStoryNames: 'Components/Accordion' chromatic-eu: name: Run Chromatic for EU @@ -112,8 +110,6 @@ jobs: with: projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} storybookBuildDir: dist/website/playground/eu - exitZeroOnChanges: true - onlyStoryNames: 'Components/Accordion' deploy-release-branch: name: Deploy Release Branch From df888d62c6549623b3d5f262e350bfcbc891d350 Mon Sep 17 00:00:00 2001 From: planctus Date: Fri, 4 Oct 2024 17:35:57 +0300 Subject: [PATCH 16/24] chore(chromatic): fixing EU deployment --- .github/workflows/ci.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index 35985a0fdf2..ce10a0b3237 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -108,7 +108,7 @@ jobs: - uses: jpoehnelt/reusable-workspace/restore@v1 - uses: chromaui/action@latest with: - projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} + projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN_EU }} storybookBuildDir: dist/website/playground/eu deploy-release-branch: From d9242ad98c3c37b86981e4f17ae08c397746b6dd Mon Sep 17 00:00:00 2001 From: planctus Date: Fri, 4 Oct 2024 18:35:17 +0300 Subject: [PATCH 17/24] chore(chromatic): Enabling page examples, gallery, excluding dummy content --- src/implementations/twig/components/gallery/gallery.story.js | 1 - .../components/inpage-navigation/inpage-navigation.story.js | 5 ++++- src/implementations/twig/components/popover/popover.story.js | 5 +++++ src/implementations/twig/components/spinner/spinner.story.js | 1 + .../twig/components/timeline/timeline.story.js | 1 + src/implementations/twig/pages/page-home/page-home.story.js | 4 +--- .../twig/pages/page-inner/page-inner.story.js | 3 --- .../twig/pages/page-search/page-search.story.js | 3 --- 8 files changed, 12 insertions(+), 11 deletions(-) diff --git a/src/implementations/twig/components/gallery/gallery.story.js b/src/implementations/twig/components/gallery/gallery.story.js index f21056d285d..d36e40b0d5f 100644 --- a/src/implementations/twig/components/gallery/gallery.story.js +++ b/src/implementations/twig/components/gallery/gallery.story.js @@ -149,7 +149,6 @@ export default { decorators: [withNotes, withCode], parameters: { layout: 'fullscreen', - chromatic: { disable: true }, }, }; diff --git a/src/implementations/twig/components/inpage-navigation/inpage-navigation.story.js b/src/implementations/twig/components/inpage-navigation/inpage-navigation.story.js index ee76e577826..c026f33d19f 100644 --- a/src/implementations/twig/components/inpage-navigation/inpage-navigation.story.js +++ b/src/implementations/twig/components/inpage-navigation/inpage-navigation.story.js @@ -106,7 +106,10 @@ const prepareHtmlContent = (data) => export default { title: 'Components/Navigation/Inpage navigation', - parameters: { layout: 'fullscreen' }, + parameters: { + layout: 'fullscreen', + chromatic: { ignoreSelectors: ['.ecl-col-l-9'] }, + }, }; export const Default = (_, { loaded: { component } }) => component; diff --git a/src/implementations/twig/components/popover/popover.story.js b/src/implementations/twig/components/popover/popover.story.js index 2490fd52898..16c19454e03 100644 --- a/src/implementations/twig/components/popover/popover.story.js +++ b/src/implementations/twig/components/popover/popover.story.js @@ -55,6 +55,11 @@ const prepareData = (data, args) => { export default { title: 'Components/Popover', decorators: [withNotes, withCode], + parameters: { + chromatic: { + ignoreSelectors: ['.ecl-u-type-paragraph-m'], + }, + }, }; export const Default = (_, { loaded: { component } }) => component; diff --git a/src/implementations/twig/components/spinner/spinner.story.js b/src/implementations/twig/components/spinner/spinner.story.js index 4cca2771824..86ef8f0c096 100644 --- a/src/implementations/twig/components/spinner/spinner.story.js +++ b/src/implementations/twig/components/spinner/spinner.story.js @@ -116,6 +116,7 @@ const renderStory = async (data, args) => { export default { title: 'Components/Loading indicator', decorators: [withNotes, withCode], + chromatic: { ignoreSelectors: ['.ecl-u-type-paragraph'] }, }; export const Default = (_, { loaded: { component } }) => component; diff --git a/src/implementations/twig/components/timeline/timeline.story.js b/src/implementations/twig/components/timeline/timeline.story.js index c8cc6ce7158..c2c5113bc0d 100644 --- a/src/implementations/twig/components/timeline/timeline.story.js +++ b/src/implementations/twig/components/timeline/timeline.story.js @@ -90,6 +90,7 @@ const prepareHtmlContent = async (args) => { export default { title: 'Components/Timeline', + chromatic: { ignoreSelectors: ['.ecl-u-type-paragraph-m'] }, }; export const Default = (_, { loaded: { component } }) => component; diff --git a/src/implementations/twig/pages/page-home/page-home.story.js b/src/implementations/twig/pages/page-home/page-home.story.js index e9b4ba0eab8..e6f9ba02416 100644 --- a/src/implementations/twig/pages/page-home/page-home.story.js +++ b/src/implementations/twig/pages/page-home/page-home.story.js @@ -71,9 +71,7 @@ export default { controls: { disable: true }, EclNotes: { disable: true }, layout: 'fullscreen', - chromatic: { - disable: true, - }, + chromatic: { ignoreSelectors: ['.ecl-u-type-paragraph'] }, }, }; diff --git a/src/implementations/twig/pages/page-inner/page-inner.story.js b/src/implementations/twig/pages/page-inner/page-inner.story.js index 5f4b04d0bb8..b816eece630 100644 --- a/src/implementations/twig/pages/page-inner/page-inner.story.js +++ b/src/implementations/twig/pages/page-inner/page-inner.story.js @@ -71,9 +71,6 @@ export default { controls: { disable: true }, EclNotes: { disable: true }, layout: 'fullscreen', - chromatic: { - disable: true, - }, }, }; diff --git a/src/implementations/twig/pages/page-search/page-search.story.js b/src/implementations/twig/pages/page-search/page-search.story.js index 32ec90dbe02..5cac3376d95 100644 --- a/src/implementations/twig/pages/page-search/page-search.story.js +++ b/src/implementations/twig/pages/page-search/page-search.story.js @@ -71,9 +71,6 @@ export default { controls: { disable: true }, EclNotes: { disable: true }, layout: 'fullscreen', - chromatic: { - disable: true, - }, }, }; From 001bc310a6cb61a4930596450c8788491bf697dc Mon Sep 17 00:00:00 2001 From: planctus Date: Mon, 7 Oct 2024 09:26:11 +0300 Subject: [PATCH 18/24] chore(chromatic): Search fails on EU, why..? --- .../twig/pages/page-search/page-search.story.js | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/implementations/twig/pages/page-search/page-search.story.js b/src/implementations/twig/pages/page-search/page-search.story.js index 5cac3376d95..32ec90dbe02 100644 --- a/src/implementations/twig/pages/page-search/page-search.story.js +++ b/src/implementations/twig/pages/page-search/page-search.story.js @@ -71,6 +71,9 @@ export default { controls: { disable: true }, EclNotes: { disable: true }, layout: 'fullscreen', + chromatic: { + disable: true, + }, }, }; From c750fd531a876f535dd826412479db71c570effc Mon Sep 17 00:00:00 2001 From: planctus Date: Tue, 8 Oct 2024 15:18:49 +0300 Subject: [PATCH 19/24] chore(chromatic): Limiting stories to test --- package.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/package.json b/package.json index 0f54a9bd846..0bd8da532fb 100644 --- a/package.json +++ b/package.json @@ -35,8 +35,8 @@ "update-version": "scripts/update-version.sh", "chromatic-eu": "cd src/playground/eu && npm run build", "chromatic-ec": "cd src/playground/ec && npm run build", - "chromatic-EU": "STORYBOOK_CHROMATIC=true npx chromatic --build-script-name chromatic-eu", - "chromatic-EC": "STORYBOOK_CHROMATIC=true npx chromatic --build-script-name chromatic-ec" + "chromatic-EU": "STORYBOOK_CHROMATIC=true npx chromatic --build-script-name chromatic-eu --only-story-names=\"Components/**,Compositions/**,Page examples/**\"", + "chromatic-EC": "STORYBOOK_CHROMATIC=true npx chromatic --build-script-name chromatic-ec --only-story-names=\"Components/**,Compositions/**,Page examples/**\"" }, "devDependencies": { "@babel/eslint-parser": "7.25.7", From 6dfbe5e3fb45238f4a1d9ec9a652f9a412828019 Mon Sep 17 00:00:00 2001 From: planctus Date: Tue, 8 Oct 2024 15:44:45 +0300 Subject: [PATCH 20/24] chore(chromatic): Excluding the failing stories for now, trying turboSnap --- package.json | 4 ++-- .../components/inpage-navigation/inpage-navigation.story.js | 4 +++- .../twig/components/media-container/media-container.story.js | 3 +++ src/implementations/twig/components/popover/popover.story.js | 2 +- 4 files changed, 9 insertions(+), 4 deletions(-) diff --git a/package.json b/package.json index 0bd8da532fb..0a5db688a11 100644 --- a/package.json +++ b/package.json @@ -35,8 +35,8 @@ "update-version": "scripts/update-version.sh", "chromatic-eu": "cd src/playground/eu && npm run build", "chromatic-ec": "cd src/playground/ec && npm run build", - "chromatic-EU": "STORYBOOK_CHROMATIC=true npx chromatic --build-script-name chromatic-eu --only-story-names=\"Components/**,Compositions/**,Page examples/**\"", - "chromatic-EC": "STORYBOOK_CHROMATIC=true npx chromatic --build-script-name chromatic-ec --only-story-names=\"Components/**,Compositions/**,Page examples/**\"" + "chromatic-EU": "STORYBOOK_CHROMATIC=true npx chromatic --only-changed --only-story-names=\"Components/**,Compositions/**,Page examples/**\" --build-script-name chromatic-eu", + "chromatic-EC": "STORYBOOK_CHROMATIC=true npx chromatic --only-changed --only-story-names=\"Components/**,Compositions/**,Page examples/**\" --build-script-name chromatic-ec" }, "devDependencies": { "@babel/eslint-parser": "7.25.7", diff --git a/src/implementations/twig/components/inpage-navigation/inpage-navigation.story.js b/src/implementations/twig/components/inpage-navigation/inpage-navigation.story.js index c026f33d19f..c5d2c7440c2 100644 --- a/src/implementations/twig/components/inpage-navigation/inpage-navigation.story.js +++ b/src/implementations/twig/components/inpage-navigation/inpage-navigation.story.js @@ -108,7 +108,9 @@ export default { title: 'Components/Navigation/Inpage navigation', parameters: { layout: 'fullscreen', - chromatic: { ignoreSelectors: ['.ecl-col-l-9'] }, + chromatic: { + disable: true, + }, }, }; diff --git a/src/implementations/twig/components/media-container/media-container.story.js b/src/implementations/twig/components/media-container/media-container.story.js index fe2f2c20400..7414f0dbacf 100644 --- a/src/implementations/twig/components/media-container/media-container.story.js +++ b/src/implementations/twig/components/media-container/media-container.story.js @@ -204,6 +204,9 @@ Video.args = getArgs(dataVideo); Video.argTypes = getArgTypes(dataVideo); Video.parameters = { notes: { markdown: notes, json: dataVideo }, + chromatic: { + disable: true, + }, }; export const EmbeddedVideo = (_, { loaded: { component } }) => component; diff --git a/src/implementations/twig/components/popover/popover.story.js b/src/implementations/twig/components/popover/popover.story.js index 16c19454e03..e888efea607 100644 --- a/src/implementations/twig/components/popover/popover.story.js +++ b/src/implementations/twig/components/popover/popover.story.js @@ -57,7 +57,7 @@ export default { decorators: [withNotes, withCode], parameters: { chromatic: { - ignoreSelectors: ['.ecl-u-type-paragraph-m'], + disable: true, }, }, }; From b5260e913c01c965e627cf88374950707292733b Mon Sep 17 00:00:00 2001 From: planctus Date: Mon, 21 Oct 2024 10:16:08 +0300 Subject: [PATCH 21/24] chore(chromatic): Adding config file, dry-run --- chromatic.config.json | 8 ++++++++ package.json | 4 ++-- 2 files changed, 10 insertions(+), 2 deletions(-) create mode 100644 chromatic.config.json diff --git a/chromatic.config.json b/chromatic.config.json new file mode 100644 index 00000000000..4902973705e --- /dev/null +++ b/chromatic.config.json @@ -0,0 +1,8 @@ +{ + "$schema": "https://www.chromatic.com/config-file.schema.json", + "projectId": "Project:...", + "autoAcceptChanges": "v4-dev", + "exitOnceUploaded": true, + "onlyChanged": true, + "onlyStoryNames": "Components/**, Compositions/**, Page examples/**" +} diff --git a/package.json b/package.json index d2487bf65db..abef8bd9947 100644 --- a/package.json +++ b/package.json @@ -35,8 +35,8 @@ "update-version": "scripts/update-version.sh", "chromatic-eu": "cd src/playground/eu && npm run build", "chromatic-ec": "cd src/playground/ec && npm run build", - "chromatic-EU": "STORYBOOK_CHROMATIC=true npx chromatic --only-changed --only-story-names=\"Components/**,Compositions/**,Page examples/**\" --build-script-name chromatic-eu", - "chromatic-EC": "STORYBOOK_CHROMATIC=true npx chromatic --only-changed --only-story-names=\"Components/**,Compositions/**,Page examples/**\" --build-script-name chromatic-ec" + "chromatic-EU": "STORYBOOK_CHROMATIC=true npx chromatic --build-script-name chromatic-eu", + "chromatic-EC": "STORYBOOK_CHROMATIC=true npx chromatic --dry-run --build-script-name chromatic-ec" }, "devDependencies": { "@babel/eslint-parser": "7.25.8", From 13e03d78581957c52ae598e4d52c9386ca2b5d37 Mon Sep 17 00:00:00 2001 From: planctus Date: Mon, 21 Oct 2024 10:28:41 +0300 Subject: [PATCH 22/24] chore(chromatic): Fixing config file --- chromatic.config.json | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/chromatic.config.json b/chromatic.config.json index 4902973705e..73f4d2a045d 100644 --- a/chromatic.config.json +++ b/chromatic.config.json @@ -1,8 +1,7 @@ { "$schema": "https://www.chromatic.com/config-file.schema.json", - "projectId": "Project:...", "autoAcceptChanges": "v4-dev", "exitOnceUploaded": true, "onlyChanged": true, - "onlyStoryNames": "Components/**, Compositions/**, Page examples/**" + "onlyStoryNames": ["Components/**", "Compositions/**", "Page examples/**"] } From 0e54b96f29a4aefb9f0fc2780b047bb94802f19e Mon Sep 17 00:00:00 2001 From: planctus Date: Mon, 21 Oct 2024 10:42:57 +0300 Subject: [PATCH 23/24] chore(chromatic): Using only-changed, removing only-story-names --- chromatic.config.json | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/chromatic.config.json b/chromatic.config.json index 73f4d2a045d..dd7429f834f 100644 --- a/chromatic.config.json +++ b/chromatic.config.json @@ -2,6 +2,5 @@ "$schema": "https://www.chromatic.com/config-file.schema.json", "autoAcceptChanges": "v4-dev", "exitOnceUploaded": true, - "onlyChanged": true, - "onlyStoryNames": ["Components/**", "Compositions/**", "Page examples/**"] + "onlyChanged": true } From a80d4daf5c05e5cfadaa425f26a18b2157804747 Mon Sep 17 00:00:00 2001 From: planctus Date: Mon, 21 Oct 2024 11:03:14 +0300 Subject: [PATCH 24/24] chore(chromatic): Removing dry-run --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index abef8bd9947..eb95adf3df4 100644 --- a/package.json +++ b/package.json @@ -36,7 +36,7 @@ "chromatic-eu": "cd src/playground/eu && npm run build", "chromatic-ec": "cd src/playground/ec && npm run build", "chromatic-EU": "STORYBOOK_CHROMATIC=true npx chromatic --build-script-name chromatic-eu", - "chromatic-EC": "STORYBOOK_CHROMATIC=true npx chromatic --dry-run --build-script-name chromatic-ec" + "chromatic-EC": "STORYBOOK_CHROMATIC=true npx chromatic --build-script-name chromatic-ec" }, "devDependencies": { "@babel/eslint-parser": "7.25.8",