Grapher Live
Easily visualize data from your Meteor project. Run test queries. Test your exposure security with a easy toggle.
Setting up
meteor add cultofcoders:grapher-live meteor npm install --save react react-ace react-json-pretty
Server Side Setup
// in your /imports/startup/server // don't initialize it in your production environment, or it will lead to unwanted data exposure. import { initialize } from 'meteor/cultofcoders:grapher-live'; initialize(); // exposes a method "grapher_live", used by the React Component
Client Side Setup
// client side expose a route using your router // example with FlowRouter // don't initialize this in production environment import { render } from 'react-dom'; import { GrapherLive } from 'meteor/cultofcoders:grapher-live'; FlowRouter.route('/grapher', () => { render(<GrapherLive />, document.getElementById('app')); // where app is your main id to render stuff (you can also use "render-target") })
Usage
Grapher Live uses createQuery:
// query { tasks: { $filter({filters, params}) { filters.isChecked = params.isChecked; } } } // params example { isChecked: true }