{"_id":"@bertonjs/craft-layers","name":"@bertonjs/craft-layers","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@bertonjs/craft-layers","description":"A Photoshop-like layers panel for your page editor","keywords":["wysiwyg","html","layers","photoshop","craftjs","page-editor","web-builder","react"],"version":"1.0.0","author":{"name":"Jerryberton","email":"jerryberton.wang@gmail.com"},"main":"./dist/cjs/index.js","module":"./dist/esm/index.js","license":"MIT","types":"./lib/index.d.ts","scripts":{"start":"cross-env NODE_ENV=development ../../scripts/build.sh","build":"cross-env NODE_ENV=production ../../scripts/build.sh","clean":"rimraf lib dist"},"repository":{"type":"git","url":"git+https://github.com/prevwong/craft.js.git"},"bugs":{"url":"https://github.com/prevwong/craft.js/issues"},"homepage":"https://github.com/prevwong/craft.js/","dependencies":{"@bertonjs/craft-utils":"^1.0.0","react-contenteditable":"^3.3.3"},"devDependencies":{"@babel/core":"7.7.4","@svgr/rollup":"4.3.3","styled-components":"4.2.1"},"peerDependencies":{"@bertonjs/craft-core":"^0.2.0-alpha.19","react":"^16.8.0 || ^17","styled-components":">= 4"},"_id":"@bertonjs/craft-layers@1.0.0","_nodeVersion":"14.17.6","_npmVersion":"6.14.15","_npmUser":{"name":"jerryberton","email":"jerryberton.wang@gmail.com"},"dist":{"integrity":"sha512-9nscKefOt05BZykt1OFZXE0IzcZO0FFTPLrMW7NNlajKCRJcFnBqv3xPyiWwMMmw4JAjXLZ8kxwDTW49QjV5Cw==","shasum":"6e9b4f677aa6d4c0dcfb1fb877840d4c25901327","tarball":"https://registry.npmjs.org/@bertonjs/craft-layers/-/craft-layers-1.0.0.tgz","fileCount":29,"unpackedSize":360477,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCGUgNRFDG5CjvN2fk08Z9qZwo4jKxrS92U/LIMNgmKDQIhALeqZ115AN1HT0WCCnVOyZb/ovpDaOdoUYvtkOY7NAtT"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi+fHZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmorOQ/+Ktc15yxmQ1Unc01U2A6vqF/6eHCIdeq7LvRCurooTP5hBc3D\r\ne3vXpYuT4C/r+I2gGqKqbyCBddZIMewVtWLsWkNtwCIkIf1tg7ZbLTBZ+cRe\r\nECUwJbERYym1DilzMhIHuun69SAOXeqXZ2AD/R0xtUBY35obntGS297NaXWL\r\n+MHd+vgSFXii+jxnS9Xfklk56hGPgrL/xzQvv5r/Lv2ebf2GruPSUvA3KfpT\r\nXalBfH9zNIAi+qQktnP3mDU4AkIpXjgmVOkPy+UewMV3OKU/6o0FwLG2gwM0\r\nU+kHzWJOVdZcujua/WApc997WrzmhvQq2/O0zlWvP0dyUorXO90b5iaV3Z1C\r\n4T/rSXEMLNLCq22ZJLxGJJsUb02JLSi95ROYSocaXAXxK8jPmoSHYmwzYPI4\r\nbdfUrB/EgcqnB3QYMcgfPdyb2IyDedT7v5qrRN649tAU7QZCC/jqXBoDnuoS\r\nUQAPQLMBwSOEnLxhpDhzCBIpHIWfyPHBcPOKyK8ybtVZeshmJRmgHqoi1vCp\r\nE1j7o+ObHEcl272cwwPrGaMmWdGCXgzsEjYD4SGD8Gee5YLr+Qq83cQgkgXp\r\nDjhCYnv1M/h2MfY8GrCRijJS0wQeCTjVHrZLM4NT1XDA2o3UMS6KG/RwPXeh\r\nQCiltWdRtIMS9KTK6oXZIkp48TJXN76LQiA=\r\n=jUBh\r\n-----END PGP SIGNATURE-----\r\n"},"directories":{},"maintainers":[{"name":"jerryberton","email":"jerryberton.wang@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craft-layers_1.0.0_1660547545524_0.5697526950295217"},"_hasShrinkwrap":false}},"time":{"created":"2022-08-15T07:12:25.452Z","1.0.0":"2022-08-15T07:12:25.775Z","modified":"2022-08-15T07:12:25.976Z"},"maintainers":[{"name":"jerryberton","email":"jerryberton.wang@gmail.com"}],"description":"A Photoshop-like layers panel for your page editor","homepage":"https://github.com/prevwong/craft.js/","keywords":["wysiwyg","html","layers","photoshop","craftjs","page-editor","web-builder","react"],"repository":{"type":"git","url":"git+https://github.com/prevwong/craft.js.git"},"author":{"name":"Jerryberton","email":"jerryberton.wang@gmail.com"},"bugs":{"url":"https://github.com/prevwong/craft.js/issues"},"license":"MIT","readme":"<div align=\"center\" style={{d}}>\n<h1>@bertonjs/craft-layers</h1>\n\n<a href=\"https://www.npmjs.com/package/@bertonjs/craft-layers\">\n  <img src=\"https://img.shields.io/npm/v/@bertonjs/craft-layers?color=%232680eb&label=NPM&logo=npm&logoColor=%232680eb&style=for-the-badge\">\n</a><img alt=\"NPM\" src=\"https://img.shields.io/npm/l/@bertonjs/craft-layers?color=%23000&style=for-the-badge\">\n</div>\n\n<div align=\"center\" style={{d}}>\n    <img src=\"https://user-images.githubusercontent.com/16416929/71734439-f2aada00-2e86-11ea-9d5f-c782ccbc8e54.gif\"/>\n</div>\n<p align=\"center\">\n  <strong>A Photoshop-like layers panel for your page editor.</strong>\n</p>\n<p align=\"center\">\n  <strong>\n    <a href=\"https://craft.js.org/docs/additional/layers\">Documentation</a>\n  </strong>\n</p>\n\n<p align=\"center\">\n  <strong>\n    <a href=\"https://craft.js.org\">Craft.js</a>\n  </strong>\n</p>\n\n## Usage\n\n```bash\nyarn add @bertonjs/craft-layers styled-components\n```\n\n```jsx\nimport React from \"react\";\nimport {Editor} from \"@bertonjs/craft-core\"\nimport {Layers} from \"@bertonjs/craft-layers\"\n\nexport default function App() {\n  return (\n    <div style={{margin: \"0 auto\", width: \"800px\"}}>\n      <Typography variant=\"h5\" align=\"center\">A super simple page editor</Typography>\n      <Editor resolver={...}>\n        <Layers />\n      </Editor>\n    </div>\n  );\n}\n```\n","readmeFilename":"README.md"}