From 23f3c9c0be333e7334d6c98b290720c077c67cc3 Mon Sep 17 00:00:00 2001 From: Jami Gibbs Date: Tue, 15 Oct 2024 15:32:14 -0500 Subject: [PATCH] Toggle the onlyChanged Chromatic setting for a new UI baseline (#1366) * temporary turn off onlyChanged * formatting * revert onlyChanged --- README.md | 43 ++++++++++++++++++++++--------------------- 1 file changed, 22 insertions(+), 21 deletions(-) diff --git a/README.md b/README.md index 37a2a3452..63b975126 100644 --- a/README.md +++ b/README.md @@ -5,8 +5,8 @@ This is a monorepo containing two main packages: -- `react-components` - `web-components` +- `react-components` The `core` package is for bundling the two main packages into one for publishing. The `storybook` package is for the combined story files from each `*-components` package. The `design-system-dashboard-cli` package is used to gather metrics on design system usage. @@ -78,36 +78,37 @@ Releases will occur no less often than at the beginning of each sprint (every ot # Running Build via Storybook 1. `cd packages/web-components/` - 1. `yarn install` - 2. `yarn build` - 3. `yarn build-bindings` (build React bindings) - 4. `yarn watch:stencil` (optional) + 1. `yarn install` + 2. `yarn build` + 3. `yarn build-bindings` (build React bindings) + 4. `yarn watch:stencil` (optional) 2. `cd ../react-components/` - 1. `yarn install` - 2. `yarn build` + 1. `yarn install` + 2. `yarn build` 3. `cd ../core/` - 1. `yarn install` - 2. `yarn build` + 1. `yarn install` + 2. `yarn build` 4. `cd ../storybook/` - 1. `yarn install` - 2. `yarn storybook` + 1. `yarn install` + 2. `yarn storybook` This will allow you to run Storybook locally to view all components # Stencil Dev Server for Testing IE11 1. Update `stencil.config.ts` line 16 to `buildEs5: true,` - 1. [More information on buildEs5 in Stencil](https://stenciljs.com/docs/config#buildes5) - 2. Stencil Dev Server is run in `dev` mode + 1. [More information on buildEs5 in Stencil](https://stenciljs.com/docs/config#buildes5) + 2. Stencil Dev Server is run in `dev` mode 2. Within `component-library/packages/web-components/src/index.html` Web Components can be added inside of the `` tag for testing - 1. Example: - - ``` - - - - - ``` + + 1. Example: + + ``` + + + + + ``` 3. Run `yarn serve` inside `packages/web-components/` to start the Stencil Dev Server