[WIP] Watch mode in EUI

[weronikaolejniczak]

Summary

Resolves #8636

This PR simplifies the workflow for testing local EUI changes in Kibana. It adds a serve script which launches a new JS script scripts/serve_eui. It watches for changes in packages/eui/src and runs compile_eui script. If --kibana flag is passed, it additionally runs yarn pack and extracts it in ../kibana/node_modules/@elastic/eui. If --no-declarations flag is passed, it skips the d.ts files generation which saves ~30s.

Why are we making this change?

We are making this change to improve local development in EUI.

The goal is, along with the changes in Kibana, to have a seamless way to test local EUI changes in Kibana without having to repack EUI on each change and bootstrap Kibana which can last from 10 to 20 minutes. Now, it lasts up to 1 minute and eliminates the manual chore.

Please read the linked task to learn more.

Screenshots #

Kapture.2025-12-03.at.13.50.16.mp4

Impact to users

🟢 This is not a breaking change. It doesn't affect existing compile_eui script. It adds a new serve script.

QA

• verify that running yarn workspace @elastic/eui serve works and generates type declarations
• verify that running yarn workspace @elastic/eui serve --no-declarations works and doesn't generates type declarations
• verify that running yarn workspace @elastic/eui serve --no-declarations --kibana works and doesn't generates type declarations, tars and unpacks the archive in Kibana node_modules

[elasticmachine]

💚 Build Succeeded

• Buildkite Build
• Commit: 9ec99c1
• Documentation website
• Storybook

History

• 💚 Build #2151 succeeded 3783882

cc @weronikaolejniczak

[elasticmachine]

💚 Build Succeeded

• Buildkite Build
• Commit: 9ec99c1

History

• 💚 Build #5378 succeeded 3783882

cc @weronikaolejniczak