Factiverse Design System

Factiverse Design System is a reusable component library that helps Factiverse contributors build UIs faster. The goal is to make building durable UIs more productive and satisfying.

It was built following the design system tutorial by Storybook.

To look at the components and/or get started developing check out the GitHub Pages deployment.

Testing automatic publishing

Structure

All components should be stored in the src/components folder.

• @rollup/plugin-node-resolve - Resolve third party dependencies in node_modules
• @rollup/plugin-commonjs - To convert commonjs modules into ES6
• @rollup/plugin-typescript - To transpile our Typescript code in JS
• rollup-plugin-peer-deps-external - To prevent bundling peerDependencies
• rollup-plugin-postcss - To handle our css
• rollup-plugin-terser - To minify our bundle

Run this component library

Use the following config on your local machine: Node version <= v16.13.1 NPM version <= v8.1.2

To run these components locally, use

View the component library in Storybook:

npm install
npm run storybook

View the bundled folder:

npm run build

To publish to NPM:

npm publish --access public