Materials Cloud React component library

React component library used in Materials Cloud, built with vite and bootstrap.

Install via

npm install mc-react-library

Note: make sure all peerDependencies (defined in package.json) are installed in the host application!

And use with

import {
  DoiBadge,
  HelpButton,
  McloudSpinner,
  ...
} from "mc-react-library";

Note: see usage examples of each component in the demo page.

Project structure:

• lib\ - contains the React components of the library.
• src\ - contains a demo page that renders the components for development.

Development

Using the demo page

For developing the library of components, start the demo page (in src\) by

pnpm install
pnpm run dev

and update the components in lib\.

Building and testing locally

To build the library and test it locally in an external application (before publishing to npm), use

pnpm run build
pnpm pack

which will create a .tgz file that can then be installed by the external application via

pnpm install /path/to/mc-react-library-x.y.z.tgz

Publishing a new version

To make a new version and publish to npm via GitHub Actions:

pnpm version <major/minor/patch>
git push --follow-tags