Granite Editor

Create vibrant, full custom pages in the browser by dragging, dropping, and resizing a variety of plugins on the page.

Powered by React and Redux.

Developing

It is recommended that you use npm link on this directory and then create another project with react-scripts which requires this project by running npm link granite-editor in your new react-scripts project root. Add the editor via an import Editor from 'granite-editor' and use it as normal. Then running npm run build --watch or yarn run build --watch will continually recompile your changes and react-scripts will pick up and rebuild. Update: You can run yarn run dev to start up a development instance of the editor. The above instructions may work for developing this project inside another project, but are no longer recommended.

Editor Constraints/Rules:

• A Row contains only columns. Rows are for horizontally grouping columns.
• Columns contain only rows or blocks. Columns are for resizing horizontally.

Pushing

This project exists on npm at granite-editor.

The workflow for pushing new releases is as follows:

1. Make changes
2. Update package.json to your next semver version, and add this change to your changes in a new commit.
3. Use git tag to tag your new version, using the format v0.0.0
4. Edit the tag in package.json.
5. yarn run build to output a fresh build artifact.
6. git push --tags
7. npm publish