@data-story-org/gui
v0.0.22
Published
![tests](https://github.com/ajthinking/data-story/workflows/tests/badge.svg) ![version](https://img.shields.io/packagist/v/ajthinking/data-story?color=blue) ![proofofconcept](https://img.shields.io/badge/proof%20of%20concept-gold)
Downloads
15
Readme
Visual programming | Process design | Workflows | ETL | Data manipulation
:pointright: This repo provides the _gui for DataStory. See also:
Installation and usage in react app
yarn add @data-story-org/gui
import { DataStory } from '@data-story-org/gui';
import '@data-story-org/gui/lib/styles/app.css';
const someComponent = () => {
return <DataStory />;
};
:warning: Using React.StrictMode with data-story-org/gui in development mode will provoke a lot of useless errors see projectstorm/react-diagrams#598
as temporally fix you can either disable React.StrictMode or enable it only for production builds
Development
See contributing for setuping seamless development environment for core and gui.
Hotkeys
| Hotkey | Action | | -------- | :----------------: | | ALT+D | Go to diagram | | ALT+J | Go to diagram JSON | | ALT+PLUS | Add node | | ALT+R | Run diagram |