{"_id":"@ambroseus/react-flow-renderer","_rev":"5-c4fe2c28caa1900ad907cb7b49941985","time":{"0.0.1":"2021-01-20T13:25:48.479Z","0.0.2":"2021-01-20T13:25:48.479Z","created":"2021-02-14T10:10:17.184Z","0.0.3":"2021-02-14T10:10:17.402Z","modified":"2022-04-04T13:46:46.997Z"},"name":"@ambroseus/react-flow-renderer","dist-tags":{"latest":"0.0.3"},"versions":{"0.0.3":{"name":"@ambroseus/react-flow-renderer","version":"0.0.3","main":"dist/ReactFlow.js","module":"dist/ReactFlow.esm.js","types":"dist/index.d.ts","license":"MIT","repository":{"type":"git","url":"git+https://github.com/wbkd/react-flow.git"},"scripts":{"build":"rollup -c --environment NODE_ENV:production && postcss src/*.css --dir dist","start":"rollup -w -c","start:examples":"rollup -c rollup.examples.js -w","build:examples":"rollup -c rollup.examples.js --environment NODE_ENV:production","dev":"npm run start:examples","start:testserver":"rollup -c --environment NODE_ENV:testing && rollup -c rollup.examples.js -w --environment NODE_ENV:testing","build:dev":"npm install && npm run build:examples","dev:wait":"start-server-and-test start:testserver http-get://localhost:3000","test":"npm run dev:wait test:chrome","test:chrome":"cypress run --browser chrome --headless","test:firefox":"cypress run --browser firefox","test:all":"npm run test:chrome && npm run test:firefox","cypress":"npm run dev:wait cy:open","cy:open":"cypress open","release":"npm run test && release-it","release:notest":"release-it","release:next":"release-it --preRelease=next"},"dependencies":{"@babel/runtime":"^7.12.13","classcat":"^4.1.0","d3-selection":"^2.0.0","d3-zoom":"^2.0.0","easy-peasy":"^4.0.1","fast-deep-equal":"^3.1.3","react-draggable":"^4.4.3"},"devDependencies":{"@babel/core":"^7.12.13","@babel/plugin-transform-runtime":"^7.12.15","@babel/preset-env":"^7.12.13","@babel/preset-react":"^7.12.13","@rollup/plugin-alias":"^3.1.2","@rollup/plugin-babel":"^5.2.3","@rollup/plugin-commonjs":"^17.1.0","@rollup/plugin-node-resolve":"^11.1.1","@rollup/plugin-replace":"^2.3.4","@svgr/rollup":"^5.5.0","@types/classnames":"^2.2.11","@types/d3":"^6.3.0","@types/react":"^17.0.1","@types/react-dom":"^17.0.0","@types/resize-observer-browser":"^0.1.5","autoprefixer":"^10.2.4","babel-preset-react-app":"^10.0.0","cypress":"^6.4.0","dagre":"^0.8.5","localforage":"^1.9.0","postcss":"^8.2.5","postcss-cli":"^8.3.1","postcss-nested":"^5.0.3","prettier":"2.2.1","prop-types":"^15.7.2","react":"^17.0.1","react-dom":"^17.0.1","react-router-dom":"^5.2.0","release-it":"^14.3.0","rollup":"^2.38.5","rollup-plugin-bundle-size":"^1.0.3","rollup-plugin-livereload":"^2.0.0","rollup-plugin-postcss":"^4.0.0","rollup-plugin-serve":"^1.1.0","rollup-plugin-typescript2":"^0.29.0","start-server-and-test":"^1.12.0","typescript":"^4.1.3"},"peerDependencies":{"react":"16 || 17"},"gitHead":"33caf5f1848647b49df791e4938e5fd025ecfe26","description":"[![react-flow](https://user-images.githubusercontent.com/2857535/95224198-b2540000-07fa-11eb-832d-361d72d60345.jpg)](https://reactflow.dev)","bugs":{"url":"https://github.com/wbkd/react-flow/issues"},"homepage":"https://github.com/wbkd/react-flow#readme","_id":"@ambroseus/react-flow-renderer@0.0.3","_nodeVersion":"14.15.3","_npmVersion":"6.14.11","dist":{"integrity":"sha512-THMus50SXQfrc9TEL2XFYwILDtor3445rPG39IqnM9nYTY5qVqQEuhgU598MRboPvn1/pU/jnVkjT+J4vCG/mg==","shasum":"f4272590280afaa9f64f521a70bc0bf61e40b23c","tarball":"https://registry.npmjs.org/@ambroseus/react-flow-renderer/-/react-flow-renderer-0.0.3.tgz","fileCount":111,"unpackedSize":4330760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgKPcJCRA9TVsSAnZWagAAF54QAJ8Ke1DXmj2aYuzdYgZt\n57/fezcLBsmG+E0lXxQDf8EEZ5iwhRJ9TtvWNS/GxK8k2uSyb0VyLzbGgveD\nLqrqACgdJTo5CtvhYcVsSBBWE0SgVORzhpQimxhVa/duF4sAvoZzCzVl4DPW\ntkWw4/TUiOMIEw9HVDYj43YPeVqjpLP/2VXqg64EdIIWXhs2sf9sf//YXO8Q\nvtEwvzp3Ms/02QUYAiNNbCkEPey+De/w3D5GjCIha/qXYPEcnfcGjlsrouhG\nzkgAyz8syGa8Lff2DH5EakYZW1ALnyu+YlPytYRdhtHX+MkMnyP+nGa4SaA/\nK+RTbweEEQykzClZVWfmOAa2tR1sYUH3Ov1vnlV8VOZOhs3537wGpxgNR00d\nUbdNKePAraeldcyn7ucEVRudDmo25NG5EH4URF6prBuRsZuc3nsakUH1vN9j\nUGw+QmJjWJ15xVSmihOJvSHLr/kEqYzCE0De7vQelpwynRXgRbac7aTx3emQ\n8jKdDazuY2uAq4DXDXzbt7FWzMTMSbBQFzr1pNhTDEczy85zZtkihol16R3p\nvrz96NNjpprCFWnecmcqn/Z0ze3IiKPyOGxVeWzplCSOihihMnixK1F1Z0cb\nVYmxJGBRLut1u9AQgw01Q2GoNGhaGzbsf8w76goYGxbRUYiaEmvovxA3jM34\nUMT0\r\n=n+M8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDpfu3TdlyN8gr/KnApY1OWq6jcbX0BFOEFBVdiEfb8UQIhAMbiHs9bbjwlC08+UE+AhKXYg2qwQSy1eGpXvI80M/dO"}]},"_npmUser":{"name":"ambroseus","email":"ambroseus@gmail.com"},"directories":{},"maintainers":[{"name":"ambroseus","email":"ambroseus@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-flow-renderer_0.0.3_1613297417222_0.05714928848313683"},"_hasShrinkwrap":false}},"maintainers":[{"name":"ambroseus","email":"ambroseus@gmail.com"}],"description":"[![react-flow](https://user-images.githubusercontent.com/2857535/95224198-b2540000-07fa-11eb-832d-361d72d60345.jpg)](https://reactflow.dev)","homepage":"https://github.com/wbkd/react-flow#readme","repository":{"type":"git","url":"git+https://github.com/wbkd/react-flow.git"},"bugs":{"url":"https://github.com/wbkd/react-flow/issues"},"license":"MIT","readme":"[![react-flow](https://user-images.githubusercontent.com/2857535/95224198-b2540000-07fa-11eb-832d-361d72d60345.jpg)](https://reactflow.dev)\n\nReact Flow is a library for building node-based graphs. You can easily implement custom node types and it comes with components like a mini-map and graph controls. Feel free to check out the [examples](https://reactflow.dev/) or read the [blog post](https://webkid.io/blog/react-flow-node-based-graph-library/) to get started.\n\n- **Website:** https://reactflow.dev\n- **Documentation:** https://reactflow.dev/docs\n- **Examples:** https://reactflow.dev/examples\n- **Website/Docs Repository:** https://github.com/wbkd/react-flow-docs\n- **Community:** https://discord.gg/Bqt6xrs\n\n\n## Installation\n\n```\nnpm install react-flow-renderer\n```\n\n## Quick Start\n\nThis is a very basic example of how to use React Flow. You can find more advanced examples on the [website](https://reactflow.dev/examples).\n\n```javascript\nimport React from 'react';\nimport ReactFlow from 'react-flow-renderer';\n\nconst elements = [\n { id: '1', data: { label: 'Node 1' }, position: { x: 250, y: 5 } },\n // you can also pass a React component as a label\n { id: '2', data: { label:
Node 2
}, position: { x: 100, y: 100 } },\n { id: 'e1-2', source: '1', target: '2', animated: true },\n];\n\nconst BasicFlow = () => ;\n```\n\n## Development\n\nBefore you start you need to install the React Flow dependencies via `npm install`.\n\nIf you want to contribute or develop custom features the easiest way is to start the dev server:\n\n```\nnpm run dev\n```\n\nThis serves the content of the `example` folder and watches changes inside the `src` folder. The examples are using the source of the `src` folder.\n\n## Testing\n\nTesting is done with cypress. You can find the tests in the [`integration/flow`](/cypress/integration/flow) folder. In order to run the tests do:\n\n```\nnpm run test\n```\n\n## Support\n\nIf you need custom support or features for your application we are [happy to hear from you](https://webkid.io/contact).\n\n### Thanks!\n\nSpecial thanks to [Andy Lindemann](https://github.com/AndyLnd) for a lot of helpful contributions!\n\n---\n\nReact Flow is maintained by [webkid](https://webkid.io), a data visualization agency from Berlin. If you need help or want to develop react-based tools or data visualizations, [get in touch](https://webkid.io/contact)!\n","readmeFilename":"README.md"}