{"_id":"@aecz/react-paper-bindings","_rev":"2-50161a9104db9ea6f851a0411e28d206","name":"@aecz/react-paper-bindings","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.1":{"name":"@aecz/react-paper-bindings","description":"Paper.js bindings for React","author":{"name":"Bojan Hribernik","email":"bojan.hribernik@gmail.com","url":"http://climbuddy.com/"},"license":"ISC","homepage":"https://github.com/react-paper/react-paper-bindings","repository":{"type":"git","url":"git+https://github.com/react-paper/react-paper-bindings.git"},"bugs":{"url":"https://github.com/react-paper/react-paper-bindings/issues"},"main":"lib/index.js","scripts":{"start":"NODE_ENV=development babel src -w -d lib","build":"NODE_ENV=production babel src -d lib","lint":"NODE_ENV=development eslint src/**","format":"prettier --write \"src/**/*.js\"","test":"cd test && npm install && bash test.sh","prepublish":"npm run build","semantic-release":"semantic-release","travis-deploy-once":"travis-deploy-once"},"dependencies":{"paper":"^0.11.5","prettier":"^1.13.3","prop-types":"^15.6.1","react":"^16.4.0","react-dom":"^16.4.0","react-reconciler":"0.10.0"},"devDependencies":{"babel-cli":"^6.26.0","babel-eslint":"^8.2.3","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-react-app":"^3.1.1","babel-preset-stage-0":"^6.24.1","babel-runtime":"^6.26.0","eslint":"^4.19.1","eslint-config-react-app":"^3.0.0-next.66cc7a90","eslint-plugin-flowtype":"^2.48.0","eslint-plugin-import":"^2.12.0","eslint-plugin-jsx-a11y":"6.0.3","eslint-plugin-react":"^7.8.2","flow-bin":"^0.73.0","semantic-release":"^15.5.0","travis-deploy-once":"^5.0.0"},"version":"0.0.1","gitHead":"8a20f5f7658c3db68c5180df001e648a68231cfd","_id":"@aecz/react-paper-bindings@0.0.1","_npmVersion":"6.4.1","_nodeVersion":"8.12.0","_npmUser":{"name":"aecz","email":"aecz@gft.com"},"dist":{"integrity":"sha512-qqW6mFYOXlDB+lxsbaN7StjNhzwhDkEjhf0B+QUFBrXhh8Jon2bhrhhoUFrjZIMWHhyQCg+1EjKXX6HpjgTMKQ==","shasum":"85df5eaf53d2772af8ef9082f8baf9d02b2dc9e6","tarball":"https://registry.npmjs.org/@aecz/react-paper-bindings/-/react-paper-bindings-0.0.1.tgz","fileCount":7,"unpackedSize":28871,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb1zZ+CRA9TVsSAnZWagAABZ4P/jFKB8c46yuVjaxlNvuP\nZspo3WQwoOHFaphPmiqTKVUy6cB6IgwITAhWvjE4QfIWPsRSWqNe5vbekjjw\nPNJs9iUHhb+/75hWBnwgvXYiEs13qJ+VZXiaWVMqZVjqDgEDN9JGzLf2tRen\nCKV7o88ZtHaAWK55xFaNB8HSxeBcDsCBSFjocMzs2O9WMsr7+k0clvwKh/JW\n8iHf6UsHHtS7Cp8InY7tM+wnCmqh0PldmZ8NHnrkYbnVyjT03HFRcPkvFmQl\njX3hNMTn0Qc5A4KopP3P0dZLK8oraUqkDUSviEY6D/LtCQ08cCYVys8pR/L/\nFnbXNO4smHx2SeghWY1sEffjrYSq1CkntYteS5Pb2ThXGKNADLwHGI14nscO\n9Ac3prmtEMP1haQmTki3b5O+TaIwx7bq0Oki1earIl5s/ZnRiABgqINoHqpp\n7dmC3+LUYoyynppP2b6lp0tlDPBJD54FsOeFtvyQz/S5Gav17MlH2IGs1S5d\nHZ6E6i9/JwgctnDCu+i4zD5hsdQ9Iv9h2TGX9OJn8kcTsd4UefWdjuztFwgX\nUjCKzUgPibonfMFUfx3CurkASzE2SnR9C78zoPuf0p+dUAgmoAroQXWfr8l2\nlUhJHjL4DRENUivB/wukX1Ym3pl3ce0mr5WetsTDq6+ZrWZ6JZh8/ZhqeDPY\nkx0F\r\n=2EC9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFa5y+eS4VeTe1byZgFZIT7ZMbG5sWpVzX3oYA71/kKXAiEAhvcSU2gdBW2sMOT/DmEUIaslARCcTP2xgeRPTfAZNx0="}]},"maintainers":[{"name":"aecz","email":"aecz@gft.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-paper-bindings_0.0.1_1540830846029_0.5532063484727887"},"_hasShrinkwrap":false},"0.0.2":{"name":"@aecz/react-paper-bindings","description":"Paper.js bindings for React","author":{"name":"Bojan Hribernik","email":"bojan.hribernik@gmail.com","url":"http://climbuddy.com/"},"license":"ISC","homepage":"https://github.com/react-paper/react-paper-bindings","repository":{"type":"git","url":"git+https://github.com/react-paper/react-paper-bindings.git"},"bugs":{"url":"https://github.com/react-paper/react-paper-bindings/issues"},"main":"lib/index.js","scripts":{"start":"NODE_ENV=development babel src -w -d lib","build":"NODE_ENV=production babel src -d lib","lint":"NODE_ENV=development eslint src/**","format":"prettier --write \"src/**/*.js\"","test":"cd test && npm install && bash test.sh","prepublish":"npm run build","semantic-release":"semantic-release","travis-deploy-once":"travis-deploy-once"},"dependencies":{"paper":"^0.11.5","prettier":"^1.13.3","prop-types":"^15.6.1","react":"^16.4.0","react-dom":"^16.4.0","react-reconciler":"0.10.0"},"devDependencies":{"babel-cli":"^6.26.0","babel-eslint":"^8.2.3","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-react-app":"^3.1.1","babel-preset-stage-0":"^6.24.1","babel-runtime":"^6.26.0","eslint":"^4.19.1","eslint-config-react-app":"^3.0.0-next.66cc7a90","eslint-plugin-flowtype":"^2.48.0","eslint-plugin-import":"^2.12.0","eslint-plugin-jsx-a11y":"6.0.3","eslint-plugin-react":"^7.8.2","flow-bin":"^0.73.0","semantic-release":"^15.5.0","travis-deploy-once":"^5.0.0"},"version":"0.0.2","gitHead":"19e70b7a03cf3c965937434cfc14e81c8e1e5a08","_id":"@aecz/react-paper-bindings@0.0.2","_npmVersion":"6.4.1","_nodeVersion":"8.12.0","_npmUser":{"name":"aecz","email":"aecz@gft.com"},"dist":{"integrity":"sha512-aBwB8eVtSvw16kQhO3S//00cyrVgrQLLnWI6cpvEkwgxQqNRciiDD6HkC7koYMwBNlJTfIs+ZXpqE0rmg4zC5g==","shasum":"ba19a9972e01cd560a45b2dd854cb3ce03a7b2b9","tarball":"https://registry.npmjs.org/@aecz/react-paper-bindings/-/react-paper-bindings-0.0.2.tgz","fileCount":7,"unpackedSize":28853,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb5FZmCRA9TVsSAnZWagAA2KYP/jjwMse9b1ttqy0+Naf8\nzjhA8D98HzivfaNqTLcqy8J5BMGr648GBmq6Otsg83SXCpnfRncUrM9jlnzZ\n7XPLUS8SRoYzsCLaXuCZrvCi85qYYuYv5LOveyQLMCnUVcO3o3q9MVSSXJ4W\nU2Xu0ppHuu2S8WRmdgEjW86raaEvVohRiZUgKqGRptcy7YfvzX8699zupi/s\n9NAn+Tfq6vgbkG3iMLC8pq5Zif54dixs2wv5BzqpC6OHP8w0zqEdZO7JGhAU\nU1PAl9MaPcmsK7ebKWsAHz2JfM84kAhQM4/EqI7iC9iMBLID3ar17NeRzpPJ\nFtW5Afc/frAnm66P34yRuvbjzrvrhFJuA1IdXULcL8ECyF3MGCBlpdOfh3fr\nUL9gyS5QgYd1JhQWg4SlFafA+eQ7D1iijnFr8ERtwKjVusinhmFr4bpT+YEj\nkEjIw6ugCA4GfnVUK1OCcSwRntt24ZjYQ2DGq+Nq8nI6fy4Q9pgew/ifrMoE\n0aXF0mnrGdcn96DGSSK7cjn8JTd62ocOBnCYXV09NziOQzHlRHxSFxYrzehU\nk8iBhQXQS4ZpVL1RXAhMhs9zJTd58AqI2KCTA4AP4ram7DvbAwSeqy5i8wbV\nlQfrx6mt8ZIAhTY2BJrya7Xx0euyRC6wx616O3JHLmm01jmQZV5NjjMpkKde\nai7O\r\n=o5eX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICZZr/plCkEJF++BLA1shUO42vr6WJWVtKo7DPH2B9TtAiAzFyxALDL0LUsl9QjyxOBq6HaIohNbzfpSuc0Mks4n/w=="}]},"maintainers":[{"name":"aecz","email":"aecz@gft.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-paper-bindings_0.0.2_1541690981907_0.15705892601830973"},"_hasShrinkwrap":false}},"time":{"created":"2018-10-29T16:34:05.876Z","0.0.1":"2018-10-29T16:34:06.153Z","modified":"2022-04-04T11:46:55.919Z","0.0.2":"2018-11-08T15:29:42.008Z"},"maintainers":[{"name":"aecz","email":"aecz@gft.com"}],"description":"Paper.js bindings for React","homepage":"https://github.com/react-paper/react-paper-bindings","repository":{"type":"git","url":"git+https://github.com/react-paper/react-paper-bindings.git"},"author":{"name":"Bojan Hribernik","email":"bojan.hribernik@gmail.com","url":"http://climbuddy.com/"},"bugs":{"url":"https://github.com/react-paper/react-paper-bindings/issues"},"license":"ISC","readme":"# Paper.js bindings for React Fiber\n\n## Demo\n\nhttp://react-paper.github.io/react-paper-bindings/\n\n## Development\n\nStart watching `src` with babel\n```\ncd react-paper-bindings\nnpm start\n```\n\nLink the library to the demo\n```\n# npm link the library\ncd react-paper-bindings\nnpm link\n\ncd demo\nnpm link react-paper-bindings\n```\n\nStart demo with `create-react-app`\n```\ncd demo\nnpm start\n```\n\nIf someone knows a better way, please let me know ;)\n\n## Example\n\n```jsx\nimport React, { Component } from 'react'\n\nimport {\n  View,\n  Layer,\n  Group,\n  Path,\n  Circle,\n  Ellipse,\n  Rectangle,\n  PointText,\n  Tool,\n} from 'react-paper-bindings'\n\nconst ReactLogo = ({ rotation, x, y }) => {\n  return (\n    <Group name={'reactLogo'} rotation={rotation}>\n      <Ellipse\n        center={[x, y]}\n        size={[70, 25]}\n        strokeWidth={2.5}\n        strokeColor={'#61DAFB'}\n      />\n      <Ellipse\n        center={[x, y]}\n        rotation={120}\n        size={[70, 25]}\n        strokeWidth={2.5}\n        strokeColor={'#61DAFB'}\n      />\n      <Ellipse\n        center={[x, y]}\n        rotation={240}\n        size={[70, 25]}\n        strokeWidth={2.5}\n        strokeColor={'#61DAFB'}\n      />\n      <Circle\n        center={[x, y]}\n        fillColor={'#61DAFB'}\n        radius={7}\n      />\n    </Group>\n  )\n}\n\nconst Paper = ({ activeTool, circles, rectangles, width, height }) => {\n  return (\n    <View activeTool={activeTool} width={width} height={height}>\n      <Layer>\n        {circles.map(circle => <Circle {...circle} />)}\n      </Layer>\n      <Layer>\n        {rectangles.map(rectangle => <Rectangle {...rectangle} />)}\n      </Layer>\n      <Layer>\n        <Rectangle\n          center={[width/2, height/2]}\n          fillColor={'#222222'}\n          opacity={0.8}\n          size={[320, 120]}\n        />\n        <PointText\n          content={'Paper.js'}\n          fillColor={'white'}\n          fontFamily={'Courier New'}\n          fontSize={30}\n          fontWeight={'bold'}\n          justification={'center'}\n          point={[(width/2)+40, (height/2)+10]}\n        />\n        <ReactLogo\n          rotation={rotation}\n          x={(width/2)-100}\n          y={(height/2)}\n        />\n      </Layer>\n      <Tool\n        active={activeTool === 'move'}\n        name={'move'}\n        onMouseDown={props.moveToolMouseDown}\n        onMouseDrag={props.moveToolMouseDrag}\n        onMouseUp={props.moveToolMouseUp}\n      />\n      <Tool\n        active={activeTool === 'pen'}\n        name={'pen'}\n        onMouseDown={props.penToolMouseDown}\n        onMouseDrag={props.penToolMouseDrag}\n        onMouseUp={props.penToolMouseUp}\n      />\n      <Tool\n        active={activeTool === 'circle'}\n        name={'circle'}\n        onMouseDown={props.addCircle}\n      />\n      <Tool\n        active={activeTool === 'rectangle'}\n        name={'rectangle'}\n        onMouseDown={props.addRectangle}\n      />\n    </View>\n  )\n}\n```\n","readmeFilename":"README.md"}