Runesmith is a tool for generating custom Roll20 character sheets from React components.
It is a work in progress. Use at your own risk 😎
Add Runesmith to your project along with React and React-Dom.
yarn add https://github.com/adrianthewriter/runesmith
yarn add react react-dom
Add the following scripts to your package.json
file.
"scripts": {
"start": "runesmith start",
"build": "runesmith build"
},
To resolve aliases in your templates, include a jsconfig.json
file and configure the baseUrl and paths properties. Runesmith is configured to look here when configuring your aliases inside webpack.
- Render layout components from the
src/layout
directory to a mock roll20.net app in when usingyarn start
- Generate project-name.html and project-name.css in
build
directory that are ready to upload to roll20.net as a custom character sheet when usingyarn build
- Append roll template components from
src/templates
directory to project-name.html when usingyarn build
- Process and bundle SheetWorker javascript in the
src/scripts
directory and append it to project-name.html when usingyarn build
- Generate a translation.json file if i18n tags are used on the sheet when using
yarn build
- Generate a customizable project README when using
yarn build