mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
* devDeps: pin @babel/core and @babel/runtime in resulotions Without this: misses patch, lavamoat error * storybook 6 to 7 migration * devDeps: add @storybook/addon-mdx-gfm * fix lint deps * devDeps: remove unused require-from-string * devDeps/resolutions: @types/react@^16.9.53 * devDeps: add @storybook/cli * storybook: new-frameworks migration * iyarc: remove resolved dependency advisory * deps: set globalthis@1.0.1 in resolutions This is required since a file is copied over from a set path in the dist package subdirectory as of d13aabde2307af821b93ecb1b3221b07112e48b2 (#10014). A future update should either vendor the shim, or update to compatibility with a maintained upstream version. * mdx2 migration fixes * chore: bump ljharb packages * devDeps: @storybook/*@^7.0.10->^7.0.11 * storybook: update preview.js to use v7 addon api * ci/test/storybook: echo between storybook build&test * ci/circleci: resources tweak * info-tab: handle undefined global.platform * update lavamoat build policy * update lavamoat browserify policies
Storybook
We're currently using Storybook as part of our design system. To run Storybook and test some of our UI components, clone the repo and run the following:
yarn
yarn storybook
You should then see:
info Storybook started on => http://localhost:6006/
In your browser, navigate to http://localhost:6006/ to see the Storybook application. From here, you'll be able to easily view components and even modify some of their properties.