{"_id":"@coffeekraken/interactive-demo-webcomponent","_rev":"4-ef3109040286bc1ba37fec438346abe6","name":"@coffeekraken/interactive-demo-webcomponent","dist-tags":{"latest":"0.0.3"},"versions":{"0.0.1":{"name":"@coffeekraken/interactive-demo-webcomponent","version":"0.0.1","description":"Provide a simple, powerful and nice way to display interactive html demo","main":"dist/index.js","homepage":"http://coffeekraken.io","repository":{"type":"git","url":"https://github.com/coffeekraken/coffeekraken/tree/master/webcomponent/interactive-demo-webcomponent"},"scripts":{"postinstall":"node ./scripts/postinstall.js"},"keywords":["html","demo","interactive","editor","codemirror","coffee","kraken","coffeekraken"],"author":{"name":"Coffeekraken","email":"hello@coffeekraken.io"},"contributors":[{"name":"Olivier Bossel","email":"olivier.bossel@gmail.com","url":"http://olivierbossel.com"}],"license":"MIT","dependencies":{"@coffeekraken/sugar":"^1.0.5","clipboard":"^1.5.16","lodash":"^4.17.3"},"devDependencies":{"@coffeekraken/codemirror-webcomponent":"^1.0.1","@coffeekraken/compile-server":"0.0.2","fs-extra":"^8.1.0"},"_id":"@coffeekraken/interactive-demo-webcomponent@0.0.1","_nodeVersion":"12.13.1","_npmVersion":"6.13.1","dist":{"integrity":"sha512-6PFarVaw9MKH2DAKTKtGur+8MRq8tUseHJFkfVgiLXzaL5844FGA+z7hjI7IdZehw5ts8mU9XionjxFAPW3pcA==","shasum":"067c00fa4b93a762a8c733dab4d1684a501ae2f9","tarball":"https://registry.npmjs.org/@coffeekraken/interactive-demo-webcomponent/-/interactive-demo-webcomponent-0.0.1.tgz","fileCount":21,"unpackedSize":470873,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd9nB+CRA9TVsSAnZWagAAYjkP/0Jxknu3VRWoXqBwUXXG\nRP6Qz3QFIW8MK0sGdTRrNq+jYYg1HyK0NMKgUEgzzWhKkl7ne5EsKAtiUJqi\n4SZVZ45aV7zsd489hnypX7RYQrMd9xiNLkFyNJ7XSSbRhYC8h1xbgy0YHeuB\nW0j5QTxCErXURUcujAFI4WaDHuXEOdbCVe8u9Etk6AXCXD9UWWdR310UJykG\nJnA+Ce8wqa/7LSl7O/l/+Z+/ojUpF0VNWGBBVgm8BPk5VoSHiWA8V8dcLCZd\nIRUmgpXK2dAMOkKRMieD6BHNrIqgr4LQEk2PLN1WFsZTAEocD+AWVcc3o07O\nVOuxLuC/IhBd1Sjzbuov3d8J8XcZm2FUyh0TQRSxXa5RyP1buq/gGaewGCio\ngeK8V0I8POWlOLC8qJtQI92d6MdwQcqnUwGj2TbfbYZEcMKwdShGGoXspRj7\nNFvcIz/NIbdrEH5CipLq0Ek513qrha/gCf95dGG6IM1ugmH8PTRWr0N8oLww\nkv6YGgQBYYF+DaS5YcN3br/Z8GcxwTqyIEYLOGpaFdvlUbwC0FSO0dmH1bol\n3wtIvYp7nr1k30o+UAGAiUIG4Ne7VoVuI07ZzVL6FC1PAbAkkCBh64r/w+FO\n7GD12IVr203pkcPoMJ/85JJXE1bETpa/817RbNkCQ6W8qmnR4x+a//17pN+X\npOMw\r\n=QW1L\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD8I1F4CzM8nSu3PcRcCeaHa9xyXD6X3Ne9zKcRpEz7DQIgKYGSDNFUVjyC9kM2Xmh/7D2SC0q/g8O5qe6vXj0jFMQ="}]},"maintainers":[{"name":"olivierbossel","email":"olivier.bossel@gmail.com"}],"_npmUser":{"name":"olivierbossel","email":"olivier.bossel@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/interactive-demo-webcomponent_0.0.1_1576431742187_0.9663561226998894"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"0.0.2":{"name":"@coffeekraken/interactive-demo-webcomponent","version":"0.0.2","description":"Provide a simple, powerful and nice way to display interactive html demo","main":"js/index.js","homepage":"http://coffeekraken.io","repository":{"type":"git","url":"https://github.com/coffeekraken/coffeekraken/tree/master/webcomponent/interactive-demo-webcomponent"},"scripts":{"postinstall":"node ./scripts/postinstall.js"},"keywords":["html","demo","interactive","editor","codemirror","coffee","kraken","coffeekraken"],"author":{"name":"Coffeekraken","email":"hello@coffeekraken.io"},"contributors":[{"name":"Olivier Bossel","email":"olivier.bossel@gmail.com","url":"http://olivierbossel.com"}],"license":"MIT","dependencies":{"@coffeekraken/sugar":"^1.0.5","clipboard":"^1.5.16","lodash":"^4.17.3"},"devDependencies":{"@coffeekraken/codemirror-webcomponent":"^1.0.1","@coffeekraken/compile-server":"0.0.2","fs-extra":"^8.1.0"},"_id":"@coffeekraken/interactive-demo-webcomponent@0.0.2","_nodeVersion":"12.13.1","_npmVersion":"6.13.1","dist":{"integrity":"sha512-KXbx/55EOufaZo36QG3r9wBzGpbHQ1pjbrjrX0J84Lesv1zxqSF5PT8ZqMGBOy6n+85+7F7kOZ8J2C81iMJteA==","shasum":"ce1539631cdce447a404ae924bb0495b81b60a60","tarball":"https://registry.npmjs.org/@coffeekraken/interactive-demo-webcomponent/-/interactive-demo-webcomponent-0.0.2.tgz","fileCount":20,"unpackedSize":468354,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+0eiCRA9TVsSAnZWagAA6HoP/047VZpDBJEnSquMOah8\ndfKdJnA1aFePXQsKOC4I6faUD/mRyic10gPglF4nzGb9aPc/Ajz0x8ZHxtTh\naAzDn3RTZD6bSIpuxFsP0J6HQmr3cYFDeVWrIN+0vSimKyrm5SXU7PwgIguL\nbBVXqY8Ne+kMcMd/c9PiQljqYR1gdcGlSQMXbvCkw2nryEHg+fzzqCGfaSeW\n2W0ckdbqz5T05WDjtrC7v5UwRDEVkNugYObpPEV3JjTd/hzR/Js/qfpGHmek\n1rDkZjcCKXzIeJ3dhT8ZLcR4GGf/gd/i/W5xDFUp8dd1DXt3LC2xSM+UUAWl\nAy2dW64gR1BD+1PU012WUNCy3FO/rbIpQLLCNEdwsoHMXdBR4Rqwckb9+V+t\n1+/qZGusi2Ge+KORTjh6uvOL1CKyyUrG6Ym1E3kXv6rG2RcZdH3qz2ubnbIu\nj0je7JYu0qe69PrnORgS+bQvb/SgM/P2GBVuKwq4FLNS28snXLpYLSwBe2cH\nN7lx7HQG+4TezpX9kwaf5s3C0qkjieNyAWz6OvM3PUKDA+69pdxvp/3ms5sE\n2yuox1V01vAIUoXCyCwh9Ma68cSJ72no6rdVxHkjkU85/TCPSf04k8LAqOte\nJjoR9IcQPycGhzs31Of9XcPZTvFkZpjS6ZX/Ws2nsXmWAAH5ENocME9caPxv\n5Q+A\r\n=GHfN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEeSEabxpRA7onfegjrjGQnGjRMZTAmj5iV/U9ALuX/9AiBBXAuDYeDlJq6+VxdnBrXWDKDSiO0xD2iMBH1EUfdiMA=="}]},"maintainers":[{"name":"olivierbossel","email":"olivier.bossel@gmail.com"}],"_npmUser":{"name":"olivierbossel","email":"olivier.bossel@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/interactive-demo-webcomponent_0.0.2_1576748961822_0.10246933014868564"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"0.0.3":{"name":"@coffeekraken/interactive-demo-webcomponent","version":"0.0.3","description":"Provide a simple, powerful and nice way to display interactive html demo","main":"js/index.js","homepage":"http://coffeekraken.io","repository":{"type":"git","url":"https://github.com/coffeekraken/coffeekraken/tree/master/webcomponent/interactive-demo-webcomponent"},"scripts":{"postinstall":"node ./scripts/postinstall.js"},"keywords":["html","demo","interactive","editor","codemirror","coffee","kraken","coffeekraken"],"author":{"name":"Coffeekraken","email":"hello@coffeekraken.io"},"contributors":[{"name":"Olivier Bossel","email":"olivier.bossel@gmail.com","url":"http://olivierbossel.com"}],"license":"MIT","dependencies":{"@coffeekraken/sugar":"^1.0.5","clipboard":"^1.5.16","lodash":"^4.17.3"},"devDependencies":{"@coffeekraken/codemirror-webcomponent":"^1.0.1","@coffeekraken/compile-server":"0.0.2","fs-extra":"^8.1.0"},"_id":"@coffeekraken/interactive-demo-webcomponent@0.0.3","_nodeVersion":"12.13.1","_npmVersion":"6.13.1","dist":{"integrity":"sha512-qnwSoqfR52bv04VmKgPW7GJIx2S/QYr4VLxp+IKpXBxDU33/7VKmeLVbvi1NTuRehaGS8vHPt3WzVJeVHqQUFA==","shasum":"3d095449bc31a0f5c76c07819f0ae46d71a36d45","tarball":"https://registry.npmjs.org/@coffeekraken/interactive-demo-webcomponent/-/interactive-demo-webcomponent-0.0.3.tgz","fileCount":20,"unpackedSize":259120,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeAcqJCRA9TVsSAnZWagAA81YP/1s76Z/A8rT0A8zM3yEN\nl9D0p9eKva2VWHFqJZHoQvva6pGZfD4CUMyExXRFnegF3WKOU+BdnOOoNHfv\nvEBHE9USyJ9gtrEJrfq/9vT53x2wrpDiPIuAS5BgibwO4FJQfQVhyPDGS2RG\nW07UPyD6ppItZpT6LQ6ohsDw2OZKUuGE6ajhzhJg/bIBtnTK/mSpa1JqvcBb\njYwG3XszWMxbOcq7io/Szh09FtS/cNYuFUJXq8nnYcLuuWWBIlKcmhYVQ7Iq\n+/ZjrkM27GnjI4UjB9hkUULfRMVEQpr7HQ7DynLWcYAGUc9kxj9lxDCVfq+0\ncAS2AygBJiHjoArlzFCFW47KEiJR5DJXspXGvYUWIbqVl0bEqCl2QFu8df0o\nDXDE7uC5T45xyHV44NM23iYSA8bwmqIHsboaM6QwEKEDd/qbqA+f1QhOWZIC\nYIOPkCvXnfO5asusI2u43Lj+raUUErgKYUehECAvG7a+nHkv2+8vZtipASSl\nrWzpSG73ct/Wb/0OnDKRHWJnRBiINNB5Cv5znSFuNIbsuRshBBFWkR78g2fB\n+qLDmJcppIynxMjcncSGO6MrWdWnwPN8nBNYg5GWQgv3XbFsblBZitr7Oj+2\n5zZIxlRH5MvwNcm9K3R0W+/umKIDCEAygf7fhoFD1SPBlmOAQZKr79W+NWZU\nWlSK\r\n=fIYU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDzXYqIajvJ+1mzstFXaqV26jY5V/xPEdRVdHnQcQOzyAiEAkoZqU9qEXCQ3w75lm6ftPAsbbBK1gjeYlkEaAC6abFY="}]},"maintainers":[{"name":"olivierbossel","email":"olivier.bossel@gmail.com"}],"_npmUser":{"name":"olivierbossel","email":"olivier.bossel@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/interactive-demo-webcomponent_0.0.3_1577175688480_0.9986526030378855"},"_hasShrinkwrap":false,"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."}},"time":{"created":"2019-12-15T17:42:21.959Z","0.0.1":"2019-12-15T17:42:22.331Z","modified":"2022-07-27T14:28:08.384Z","0.0.2":"2019-12-19T09:49:21.975Z","0.0.3":"2019-12-24T08:21:28.678Z"},"maintainers":[{"name":"olivierbossel","email":"olivier.bossel@gmail.com"}],"description":"Provide a simple, powerful and nice way to display interactive html demo","homepage":"http://coffeekraken.io","keywords":["html","demo","interactive","editor","codemirror","coffee","kraken","coffeekraken"],"repository":{"type":"git","url":"https://github.com/coffeekraken/coffeekraken/tree/master/webcomponent/interactive-demo-webcomponent"},"contributors":[{"name":"Olivier Bossel","email":"olivier.bossel@gmail.com","url":"http://olivierbossel.com"}],"author":{"name":"Coffeekraken","email":"hello@coffeekraken.io"},"license":"MIT","readme":"# Coffeekraken interactive demo webcomponent <img src=\".resources/coffeekraken-logo.jpg\" height=\"25px\" />\n\n![npm](https://img.shields.io/npm/l/@coffeekraken/interactive-demo-webcomponent?style=flat-square)\n![npm](https://img.shields.io/npm/v/@coffeekraken/interactive-demo-webcomponent?style=flat-square)\n![npm](https://img.shields.io/npm/dw/@coffeekraken/interactive-demo-webcomponent?style=flat-square)\n\nProvide a simple, powerful and nice way to display interactive html/css/js demo\n\n## Features\n\n- Use the [@coffeekraken/codemirror-webcomponent](https://github.com/coffeekraken/coffeekraken/tree/master/webcomponent/codemirror-webcomponent) as editor\n- Display a nice preview of the editors results\n- Support advanced compilation (sass/less/coffeescript/etc...) through [@coffeekraken/compile-server](https://github.com/coffeekraken/coffeekraken/tree/master/terminal/compile-server)\n- Support multiple display layout (top, right, bottom, left, horizontal or vertical)\n- And more...\n\n## Table of content\n\n1. [Install](#readme-install)\n2. [Get Started](#readme-get-started)\n3. [Javascript API](doc/src/js)\n4. [Coffeekraken](#readme-coffeekraken)\n\n<a name=\"readme-install\"></a>\n## Install\n\n```\nnpm install @coffeekraken/interactive-demo-webcomponent --save\n```\n\n<a name=\"readme-get-started\"></a>\n## Get Started\n\nFirst, import the component into your javascript file like so:\n\n```js\nimport InteractiveDemoWebcomponent from '@coffeekraken/interactive-demo-webcomponent'\nimport CodemirrorWebcomponent from '@coffeekraken/codemirror-webcomponent'\n```\n\nThen simply use it inside your html like so:\n\n```html\n<ck-interactive-demo layout=\"right\">\n\t<ck-codemirror language=\"html\">\n\t\t<h1 class=\"h1\">\n\t\t\tHello world\n\t\t</h1>\n\t</ck-codemirror>\n\t<ck-codemirror language=\"css\">\n\t\t.h1 {\n\t\t\tcolor : red;\n\t\t}\n\t</ck-codemirror>\n</ck-interactive-demo>\n```\n\n<a name=\"readme-coffeekraken\"></a>\n\n# Coffeekraken\n\nWe are a young collective of front-end creative developers with one goal in mind. Build tools to make every team working day life better. This is our first and only concern. All our tools are build around that purpose.\nAll what we provide are some cool tools that you can use the way you want. These tools features cover a large scope of the front-end workflow (styleguide generation, colors/fonts management, etc...). You can use only the parts that you need and let the rest aside...\n\n[![Coffeekraken](.resources/coffeekraken-logo.jpg)](https://coffeekraken.io)\n","readmeFilename":"README.md"}