@accordproject/cicero-ui

Cicero UI Library

The Accord Project Cicero UI Library can be used for implementing React components in your contract editing studio.

Development Instructions - Build

• Fork project to your repository.
• Clone to your local machine with git clone
• cd into the directory.
• Run npm install.
• Transpile code for build with npm run transpile.
• Build a production state with npm run build.
• Ensure the <link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:300,400,500,500i,700" rel="stylesheet"> line is in the *.html file of Template Studio.
• Create a global link with npm link.
• Copy the value from package.json for the link to Template Studio.

Available Scripts

In the project directory, you can run:

npm run start

Runs the app in the development mode.
Open http://localhost:8080 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console. NOTE: These require templates to be passed down through props from an app in which these components should be rendered.

npm run test

Launches JEST over the repository.

npm run lint

Runs ESLint.

npm run build

Builds the app for production to the demo folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

How this project is structured

Packages:

• TemplateLibrary: Provides a ReactJS component to fetch and display a library of contract and clause templates in the Accord Project Cicero format.

Describe cicero-ui here.