{"_id":"dash-dangerously-set-inner-html","_rev":"84-fb357c4ad26ccfe446a2fa126a89e864","name":"dash-dangerously-set-inner-html","dist-tags":{"rc":"0.0.2-rc3","latest":"0.0.2"},"versions":{"0.0.1":{"name":"dash-dangerously-set-inner-html","version":"0.0.1","license":"MIT","_id":"dash-dangerously-set-inner-html@0.0.1","maintainers":[{"name":"chriddyp","email":"chris@plot.ly"}],"homepage":"https://github.com/plotly/dash-dangerously-set-inner-html","bugs":{"url":"https://github.com/plotly/dash-dangerously-set-inner-html/issues"},"dist":{"shasum":"22790d75ffb31d84c9002ffdbfde4005de6f74f6","tarball":"https://registry.npmjs.org/dash-dangerously-set-inner-html/-/dash-dangerously-set-inner-html-0.0.1.tgz","integrity":"sha512-4bZ15XcBTxAlvPpwufkCBIYSwjvj/QHf5VefQw/iacMkOBek4/87A70WaiqJX1mius6yXEkOeGKgO11QD4H8hA==","signatures":[{"sig":"MEUCIGQMsf8ffYIDOTeelofjnfGqYLIysPa6Qt8bUAC/+7RjAiEAoLKl/ksEcXJcp0lkaXXI+Hml5KS1pnQnhoS+oaza+IE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","_from":".","_shasum":"22790d75ffb31d84c9002ffdbfde4005de6f74f6","gitHead":"7872c38373077731972842507c198088793227ea","scripts":{"demo":"builder run demo","test":"","start":"builder run build-dev","copy-lib":"copyfiles -u 1 lib/* dash_dangerously_set_inner_html","prepublish":"npm test && builder run build-dist && npm run copy-lib","test-debug":"builder run test-frontend-debug","test-watch":"builder run test-frontend-watch","publish-all":"npm publish && python setup.py sdist upload","publish-pypi":"npm run prepublish && python setup.py sdist upload","install-local":"npm run copy-lib && python setup.py install","uninstall-local":"pip uninstall dash-dangerously-set-inner-html -y"},"_npmUser":{"name":"chriddyp","email":"chris@plot.ly"},"repository":{"url":"git+https://github.com/plotly/dash-dangerously-set-inner-html.git","type":"git"},"_npmVersion":"3.10.10","description":"A dash component for specifying raw HTML","directories":{},"_nodeVersion":"6.11.1","dependencies":{"react":"^15.5.4","builder":"3.2.2","copyfiles":"^1.2.0","react-dom":"^15.5.4","prop-types":"^15.5.9","dash-components-archetype":"^0.2.11"},"devDependencies":{"enzyme":"^2.8.2","react-test-renderer":"^15.5.4","dash-components-archetype-dev":"^0.2.11"},"_npmOperationalInternal":{"tmp":"tmp/dash-dangerously-set-inner-html-0.0.1.tgz_1512669333681_0.21330240089446306","host":"s3://npm-registry-packages"}},"0.0.2-rc1":{"name":"dash-dangerously-set-inner-html","version":"0.0.2-rc1","license":"MIT","_id":"dash-dangerously-set-inner-html@0.0.2-rc1","maintainers":[{"name":"alexcjohnson","email":"alex@plot.ly"},{"name":"andrefarzat","email":"andrefarzat@gmail.com"},{"name":"antrg","email":"antoine@plot.ly"},{"name":"archmoj","email":"arch.mojtaba.samimi@gmail.com"},{"name":"bpostlethwaite","email":"post.ben.here@gmail.com"},{"name":"chriddyp","email":"chris@plot.ly"},{"name":"dmt0","email":"dmt.shvedov@gmail.com"},{"name":"etpinard","email":"etienne.t.pinard@gmail.com"},{"name":"jackluo","email":"net.webjoy@gmail.com"},{"name":"jackparmer","email":"jack@plot.ly"},{"name":"jmmease","email":"jon.mease@gmail.com"},{"name":"marivet","email":"marcandre.rivet@gmail.com"},{"name":"matthew_plotly","email":"mattewchan@plot.ly"},{"name":"maxkfranz","email":"maxkfranz@gmail.com"},{"name":"nicolaskruchten","email":"nicolas@kruchten.com"},{"name":"rmarren1","email":"rymarr@tuta.io"},{"name":"shammamah","email":"shammamah@plot.ly"},{"name":"shannon-lal","email":"shannonlal@hotmail.com"},{"name":"t4rk","email":"t4rk@outlook.com"},{"name":"verazabeida","email":"vera.zabeida@gmail.com"},{"name":"vnieman","email":"valentijn@plot.ly"},{"name":"wilzbach","email":"sebi.wilzbach@gmail.com"},{"name":"xhlu","email":"xing.han.lu@mail.mcgill.ca"}],"homepage":"https://github.com/plotly/dash-dangerously-set-inner-html","bugs":{"url":"https://github.com/plotly/dash-dangerously-set-inner-html/issues"},"dist":{"shasum":"f0669d0de57999042c8e4972ff39684c7cade094","tarball":"https://registry.npmjs.org/dash-dangerously-set-inner-html/-/dash-dangerously-set-inner-html-0.0.2-rc1.tgz","fileCount":28,"integrity":"sha512-b7rI2Q4NFIi3XYuxZzhsoqM/3bCbhRGGaRd5RzhK6Sf4w9ZlGcSdqk7I+iKkrwH8UdgCoItFXjhVmtNXrOq85w==","signatures":[{"sig":"MEQCIE889WUAXGBhiQV9hlpWFYstVF0aXDkCCCv44uJiNjk7AiBMjCFRlGydil6cHvZ3YNA+pLpRLxff0cNrQM1Sh/l0Jg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":29322,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcGXMMCRA9TVsSAnZWagAALjwP/0VF7fIdu5IXKDl9LR57\nArdIib7g5wEBJ3i+XmpZYYiACHK+p0r7zZU+RvMI5d5K3CUqI4ErCGNKa3tC\nvyduCqhY2IV6MVRQlQbQi0agyGt588NRhoPBV8nUCUNi3j8w7zCdb9OYpN/a\nFZkNwoHMh+0pvumtXmV1m0ys8TZWo9up7KqnRI31hDtRmuOQj8SvZH8wYquw\nJi6W/IVUwE6rZ/UckSNPRk4D03IUXkNitaucxPfJRGADUFbG7w80MNwGd7zF\nx32DpCDVycvFUak3RD+vd95hgoajBOhGOSzH+6dRmKh/00NIV9t0RO7NfuJt\nlYIUNIU6GhuFgCsZTqX7RSdrE1hIocjxv7nlno+1tGd/gTEoVfJGiKCOVqrA\n6EH74LMwdoU5l/3VyiQE7zL88Mm3InIqeLNyYWXK5qDCHjP8RDAHbvIY60xS\nGUC3XKe4XeweLvC7n1/U6X23+dBx0BjgMJrBfM8Xsf1mjwA1XGREK25aLAxl\ndRRUnkllaHmRQJrsSpiREFNUcQCeaTl31/7Ph0LVAvWN4lX2liO7g/77ufQp\ntNXwi+MzFPf8NJ/XFtT3o+ItfZQB0kcfZ85JB7mh1yfwH7pHX1JutLPgdmUN\n9OzgQskh2NSngwjpVq8zKR5v1rPhxNFPu2xNopdC5gpeRgXW8wGnxSHZdlFE\nZZd9\r\n=Z8vy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# dash-dangerously-set-inner-html\n\nRender a string of raw, unescaped HTML.\nThis uses React.js's `dangerouslySetInnerHTML` method.\nFrom React.js's documentation, note that:\n\n> Setting HTML from code is risky because it's easy to\n> inadvertently expose your users to a cross-site scripting (XSS)\n> (https://en.wikipedia.org/wiki/Cross-site_scripting)\n> attack.\n\nSo, you can set HTML directly in Dash through React.js, but you have\nto type out dangerouslySetInnerHTML to remind yourself that it's dangerous.\n\nIn most cases, you are safer using the Dash HTML component classes,\ndash-html-components (https://github.com/plotly/dash-html-components).\nYou can also provide HTML in a sandboxed iframe using the\n`dash_html_components.IFrame(srcDoc='raw html here')` component, see [https://community.plot.ly/t/rendering-html-similar-to-markdown/6232/2?u=chriddyp](https://community.plot.ly/t/rendering-html-similar-to-markdown/6232/2?u=chriddyp)\n\nNote that the elements in the HTML block that is generated can not\nbe targeted with Dash callbacks.\n\nInstall with\n```\npip install dash-dangerously-set-inner-html\n```\n\n## Usage\n\n```\nimport dash_dangerously_set_inner_html\nimport dash\nimport dash_html_components as html\n\napp = dash.Dash('')\n\napp.scripts.config.serve_locally = True\n\napp.layout = html.Div([\n    dash_dangerously_set_inner_html.DangerouslySetInnerHTML('''\n        <h1>Header</h1>\n    '''),\n])\n\nif __name__ == '__main__':\n    app.run_server(debug=True)\n```\n\n## Dash\n\nGo to this link to learn about [Dash][].\n\n## Getting started\n\n```sh\n# Install dependencies\n$ npm install\n\n# Watch source for changes and build to `lib/`\n$ npm start\n```\n\n## Development\n\n### Demo server\n\nYou can start up a demo development server to see a demo of the rendered\ncomponents:\n\n```sh\n$ builder run demo\n$ open http://localhost:9000\n```\n\nYou have to maintain the list of components in `demo/Demo.react.js`.\n\n### Code quality and tests\n\n#### To run lint and unit tests:\n\n```sh\n$ npm test\n```\n\n#### To run unit tests and watch for changes:\n\n```sh\n$ npm run test-watch\n```\n\n#### To debug unit tests in a browser (Chrome):\n\n```sh\n$ npm run test-debug\n```\n\n1. Wait until Chrome launches.\n2. Click the \"DEBUG\" button in the top right corner.\n3. Open up Chrome Devtools (`Cmd+opt+i`).\n4. Click the \"Sources\" tab.\n5. Find source files\n  - Navigate to `webpack:// -> . -> spec/components` to find your test source files.\n  - Navigate to `webpack:// -> [your/repo/path]] -> dash-dangerously-set-inner-html -> src` to find your component source files.\n6. Now you can set breakpoints and reload the page to hit them.\n7. The test output is available in the \"Console\" tab, or in any tab by pressing \"Esc\".\n\n#### To run a specific test\n\nIn your test, append `.only` to a `describe` or `it` statement:\n\n```javascript\ndescribe.only('Foo component', () => {\n    // ...\n});\n```\n\n### Testing your components in Dash\n\n1. Build development bundle to `lib/` and watch for changes\n\n        # Once this is started, you can just leave it running.\n        $ npm start\n\n2. Install module locally (after every change)\n\n        # Generate metadata, and build the JavaScript bundle\n        $ npm run install-local\n\n        # Now you're done. For subsequent changes, if you've got `npm start`\n        # running in a separate process, it's enough to just do:\n        $ python setup.py install\n\n3. Run the dash layout you want to test\n\n        # Import dash-dangerously-set-inner-html to your layout, then run it:\n        $ python my_dash_layout.py\n\n\n**TODO:** There is a workflow that links your module into `site-packages` which would\nmake it unnecessary to re-run `2.` on every change: `python setup.py develop`.\nUnfortunately, this doesn't seem to work with resources defined in\n`package_data`.\n\nSee https://github.com/plotly/dash-components-archetype/issues/20\n\n\n## Installing python package locally\n\nBefore publishing to PyPi, you can test installing the module locally:\n\n```sh\n# Install in `site-packages` on your machine\n$ npm run install-local\n```\n\n## Uninstalling python package locally\n\n```sh\n$ npm run uninstall-local\n```\n\n## Publishing\n\nFor now, multiple steps are necessary for publishing to NPM and PyPi,\nrespectively. **TODO:**\n[#5](https://github.com/plotly/dash-components-archetype/issues/5) will roll up\npublishing steps into one workflow.\n\nAsk @chriddyp to get NPM / PyPi package publishing accesss.\n\n1. Preparing to publish to NPM\n\n        # Bump the package version\n        $ npm version major|minor|patch\n\n        # Push branch and tags to repo\n        $ git push --follow-tags\n\n2. Preparing to publish to PyPi\n\n        # Bump the PyPi package to the same version\n        $ vi setup.py\n\n        # Commit to github\n        $ git add setup.py\n        $ git commit -m \"Bump pypi package version to vx.x.x\"\n\n3. Publish to npm and PyPi\n\n        $ npm run publish-all\n\n## Builder / Archetype\n\nWe use [Builder][] to centrally manage build configuration, dependencies, and\nscripts.\n\nTo see all `builder` scripts available:\n\n```sh\n$ builder help\n```\n\nSee the [dash-components-archetype][] repo for more information.\n\n\n[Builder]: https://github.com/FormidableLabs/builder\n[Dash]: https://github.com/plotly/dash2\n[dash-components-archetype]: https://github.com/plotly/dash-components-archetype\n","gitHead":"8f6086170d0a6e536ce8767df7787c89f04c6e16","scripts":{"demo":"builder run demo","test":"","build":"builder run build-dist","start":"builder run build-dev","copy-lib":"copyfiles -u 1 lib/* dash_dangerously_set_inner_html","prepublish":"npm test && builder run build-dist && npm run copy-lib","test-debug":"builder run test-frontend-debug","test-watch":"builder run test-frontend-watch","publish-all":"npm publish && python setup.py sdist upload","publish-pypi":"npm run prepublish && python setup.py sdist upload","install-local":"npm run copy-lib && python setup.py install","uninstall-local":"pip uninstall dash-dangerously-set-inner-html -y"},"_npmUser":{"name":"marivet","email":"marcandre.rivet@gmail.com"},"repository":{"url":"git+https://github.com/plotly/dash-dangerously-set-inner-html.git","type":"git"},"_npmVersion":"5.6.0","description":"A dash component for specifying raw HTML","directories":{},"_nodeVersion":"8.11.3","dependencies":{"react":"^15.5.4","builder":"3.2.2","copyfiles":"^1.2.0","react-dom":"^15.5.4","prop-types":"^15.6.2","dash-components-archetype":"^0.2.11"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"enzyme":"^2.8.2","react-test-renderer":"^15.5.4","dash-components-archetype-dev":"^0.2.11"},"peerDependencies":{"react":"^15.6.0 || ^16.0.0","react-dom":"^15.6.0 || ^16.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dash-dangerously-set-inner-html_0.0.2-rc1_1545171723593_0.9761094693745442","host":"s3://npm-registry-packages"}},"0.0.2-rc2":{"name":"dash-dangerously-set-inner-html","version":"0.0.2-rc2","license":"MIT","_id":"dash-dangerously-set-inner-html@0.0.2-rc2","maintainers":[{"name":"alexcjohnson","email":"alex@plot.ly"},{"name":"andrefarzat","email":"andrefarzat@gmail.com"},{"name":"antrg","email":"antoine@plot.ly"},{"name":"archmoj","email":"arch.mojtaba.samimi@gmail.com"},{"name":"bpostlethwaite","email":"post.ben.here@gmail.com"},{"name":"chriddyp","email":"chris@plot.ly"},{"name":"dmt0","email":"dmt.shvedov@gmail.com"},{"name":"etpinard","email":"etienne.t.pinard@gmail.com"},{"name":"jackluo","email":"net.webjoy@gmail.com"},{"name":"jackparmer","email":"jack@plot.ly"},{"name":"jmmease","email":"jon.mease@gmail.com"},{"name":"marivet","email":"marcandre.rivet@gmail.com"},{"name":"matthew_plotly","email":"mattewchan@plot.ly"},{"name":"maxkfranz","email":"maxkfranz@gmail.com"},{"name":"nicolaskruchten","email":"nicolas@kruchten.com"},{"name":"rmarren1","email":"rymarr@tuta.io"},{"name":"shammamah","email":"shammamah@plot.ly"},{"name":"shannon-lal","email":"shannonlal@hotmail.com"},{"name":"t4rk","email":"t4rk@outlook.com"},{"name":"verazabeida","email":"vera.zabeida@gmail.com"},{"name":"vnieman","email":"valentijn@plot.ly"},{"name":"wilzbach","email":"sebi.wilzbach@gmail.com"},{"name":"xhlu","email":"xing.han.lu@mail.mcgill.ca"}],"homepage":"https://github.com/plotly/dash-dangerously-set-inner-html","bugs":{"url":"https://github.com/plotly/dash-dangerously-set-inner-html/issues"},"dist":{"shasum":"ebc44a577fa766888079bf233c9a2c9d7a0a3592","tarball":"https://registry.npmjs.org/dash-dangerously-set-inner-html/-/dash-dangerously-set-inner-html-0.0.2-rc2.tgz","fileCount":31,"integrity":"sha512-A7F58k4BTySV0ocWQQvgq1LAIAbhdZtgHeBtVFJac3uyfVUETIrTNvS3CO0Hvm6QjC0bQf4M7SmaKYfnjcRQlA==","signatures":[{"sig":"MEYCIQDNRY+2vfBKfdOa8nemPxBExtwWx1HKkCs9QL0QZxUSCwIhAMbj8LaKGq10wXjrWQDEOSXxJ6Sw96Keo8cmQ2XbF6s7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":40856,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcGXR7CRA9TVsSAnZWagAAI5kQAIeLH6eSMueoRtOB1nGB\nGGiBLT/u6GJWIIh42j0CEInQkpsn4/mfRsry7NtotSrQRUob8hzGdctL+sNi\n2fJEJqvXkXKzFUBJfPoy5K0vGazXVHVOHuSOtgulbdWEzD4P+zUG+ohJe58Y\n+nCoqwRpGHuhAJAJ17IMI8eAmorBm/wzSXvLEpEn2MnzWYoYBQ1GIMIqopez\n9XWb/QYMfQBVJ5CHiez5CobL0N3AEwY4CiYqRXrHbY6KCtbmTHVb8X9v1OiQ\nymdlZ8IzE/ucCqHDL9AeEUJyLXDbAi5HKM5ewioWn4Nyb9XC/32yZsKcikka\nlBfCx8TJONI2WE9ttVTmoKt6qiUGVkU1uqJKylG+q/H66bD6iPXAvSIDsmx9\n0y+McEqkfT5KDs28j9XxKnNAL0CQ+oxG4rjAGU6RHxDrIB0yft610UD9tMMm\n9xqvTyEZOqZwc5zb/R5Fq6GiW/L4nsNCP6Zc5oWkhJ1xLT5zad4bbgQCSuDN\nOL0HJTxn+CE6N2zDeuxN0XyH9Vt1E8cgizLktSzbrn/xwwRy2b3EoIb6bFo7\nqCdeietz0Q3roPfJ72OJwHxhVzmEyh/Xa2c85+F3JhK3XDNHNr6wZbeZ8xoC\nSpj8xZ3z6MOMQYEnqpGGLv40hItof6aDTQuX8cHHz+fJI85ZsnCFC+WaXatM\n9AFa\r\n=4w/J\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# dash-dangerously-set-inner-html\n\nRender a string of raw, unescaped HTML.\nThis uses React.js's `dangerouslySetInnerHTML` method.\nFrom React.js's documentation, note that:\n\n> Setting HTML from code is risky because it's easy to\n> inadvertently expose your users to a cross-site scripting (XSS)\n> (https://en.wikipedia.org/wiki/Cross-site_scripting)\n> attack.\n\nSo, you can set HTML directly in Dash through React.js, but you have\nto type out dangerouslySetInnerHTML to remind yourself that it's dangerous.\n\nIn most cases, you are safer using the Dash HTML component classes,\ndash-html-components (https://github.com/plotly/dash-html-components).\nYou can also provide HTML in a sandboxed iframe using the\n`dash_html_components.IFrame(srcDoc='raw html here')` component, see [https://community.plot.ly/t/rendering-html-similar-to-markdown/6232/2?u=chriddyp](https://community.plot.ly/t/rendering-html-similar-to-markdown/6232/2?u=chriddyp)\n\nNote that the elements in the HTML block that is generated can not\nbe targeted with Dash callbacks.\n\nInstall with\n```\npip install dash-dangerously-set-inner-html\n```\n\n## Usage\n\n```\nimport dash_dangerously_set_inner_html\nimport dash\nimport dash_html_components as html\n\napp = dash.Dash('')\n\napp.scripts.config.serve_locally = True\n\napp.layout = html.Div([\n    dash_dangerously_set_inner_html.DangerouslySetInnerHTML('''\n        <h1>Header</h1>\n    '''),\n])\n\nif __name__ == '__main__':\n    app.run_server(debug=True)\n```\n\n## Dash\n\nGo to this link to learn about [Dash][].\n\n## Getting started\n\n```sh\n# Install dependencies\n$ npm install\n\n# Watch source for changes and build to `lib/`\n$ npm start\n```\n\n## Development\n\n### Demo server\n\nYou can start up a demo development server to see a demo of the rendered\ncomponents:\n\n```sh\n$ builder run demo\n$ open http://localhost:9000\n```\n\nYou have to maintain the list of components in `demo/Demo.react.js`.\n\n### Code quality and tests\n\n#### To run lint and unit tests:\n\n```sh\n$ npm test\n```\n\n#### To run unit tests and watch for changes:\n\n```sh\n$ npm run test-watch\n```\n\n#### To debug unit tests in a browser (Chrome):\n\n```sh\n$ npm run test-debug\n```\n\n1. Wait until Chrome launches.\n2. Click the \"DEBUG\" button in the top right corner.\n3. Open up Chrome Devtools (`Cmd+opt+i`).\n4. Click the \"Sources\" tab.\n5. Find source files\n  - Navigate to `webpack:// -> . -> spec/components` to find your test source files.\n  - Navigate to `webpack:// -> [your/repo/path]] -> dash-dangerously-set-inner-html -> src` to find your component source files.\n6. Now you can set breakpoints and reload the page to hit them.\n7. The test output is available in the \"Console\" tab, or in any tab by pressing \"Esc\".\n\n#### To run a specific test\n\nIn your test, append `.only` to a `describe` or `it` statement:\n\n```javascript\ndescribe.only('Foo component', () => {\n    // ...\n});\n```\n\n### Testing your components in Dash\n\n1. Build development bundle to `lib/` and watch for changes\n\n        # Once this is started, you can just leave it running.\n        $ npm start\n\n2. Install module locally (after every change)\n\n        # Generate metadata, and build the JavaScript bundle\n        $ npm run install-local\n\n        # Now you're done. For subsequent changes, if you've got `npm start`\n        # running in a separate process, it's enough to just do:\n        $ python setup.py install\n\n3. Run the dash layout you want to test\n\n        # Import dash-dangerously-set-inner-html to your layout, then run it:\n        $ python my_dash_layout.py\n\n\n**TODO:** There is a workflow that links your module into `site-packages` which would\nmake it unnecessary to re-run `2.` on every change: `python setup.py develop`.\nUnfortunately, this doesn't seem to work with resources defined in\n`package_data`.\n\nSee https://github.com/plotly/dash-components-archetype/issues/20\n\n\n## Installing python package locally\n\nBefore publishing to PyPi, you can test installing the module locally:\n\n```sh\n# Install in `site-packages` on your machine\n$ npm run install-local\n```\n\n## Uninstalling python package locally\n\n```sh\n$ npm run uninstall-local\n```\n\n## Publishing\n\nFor now, multiple steps are necessary for publishing to NPM and PyPi,\nrespectively. **TODO:**\n[#5](https://github.com/plotly/dash-components-archetype/issues/5) will roll up\npublishing steps into one workflow.\n\nAsk @chriddyp to get NPM / PyPi package publishing accesss.\n\n1. Preparing to publish to NPM\n\n        # Bump the package version\n        $ npm version major|minor|patch\n\n        # Push branch and tags to repo\n        $ git push --follow-tags\n\n2. Preparing to publish to PyPi\n\n        # Bump the PyPi package to the same version\n        $ vi setup.py\n\n        # Commit to github\n        $ git add setup.py\n        $ git commit -m \"Bump pypi package version to vx.x.x\"\n\n3. Publish to npm and PyPi\n\n        $ npm run publish-all\n\n## Builder / Archetype\n\nWe use [Builder][] to centrally manage build configuration, dependencies, and\nscripts.\n\nTo see all `builder` scripts available:\n\n```sh\n$ builder help\n```\n\nSee the [dash-components-archetype][] repo for more information.\n\n\n[Builder]: https://github.com/FormidableLabs/builder\n[Dash]: https://github.com/plotly/dash2\n[dash-components-archetype]: https://github.com/plotly/dash-components-archetype\n","gitHead":"8f6086170d0a6e536ce8767df7787c89f04c6e16","scripts":{"demo":"builder run demo","test":"","build":"builder run build-dist","start":"builder run build-dev","copy-lib":"copyfiles -u 1 lib/* dash_dangerously_set_inner_html","prepublish":"npm test && builder run build-dist && npm run copy-lib","test-debug":"builder run test-frontend-debug","test-watch":"builder run test-frontend-watch","publish-all":"npm publish && python setup.py sdist upload","publish-pypi":"npm run prepublish && cp package.json dash_dangerously_set_inner_html/package.json && python setup.py sdist","install-local":"npm run copy-lib && python setup.py install","uninstall-local":"pip uninstall dash-dangerously-set-inner-html -y"},"_npmUser":{"name":"marivet","email":"marcandre.rivet@gmail.com"},"repository":{"url":"git+https://github.com/plotly/dash-dangerously-set-inner-html.git","type":"git"},"_npmVersion":"5.6.0","description":"A dash component for specifying raw HTML","directories":{},"_nodeVersion":"8.11.3","dependencies":{"react":"^15.5.4","builder":"3.2.2","copyfiles":"^1.2.0","react-dom":"^15.5.4","prop-types":"^15.6.2","dash-components-archetype":"^0.2.11"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"enzyme":"^2.8.2","react-test-renderer":"^15.5.4","dash-components-archetype-dev":"^0.2.11"},"peerDependencies":{"react":"^15.6.0 || ^16.0.0","react-dom":"^15.6.0 || ^16.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dash-dangerously-set-inner-html_0.0.2-rc2_1545172090496_0.27758585514481027","host":"s3://npm-registry-packages"}},"0.0.2-rc3":{"name":"dash-dangerously-set-inner-html","version":"0.0.2-rc3","license":"MIT","_id":"dash-dangerously-set-inner-html@0.0.2-rc3","maintainers":[{"name":"alexcjohnson","email":"alex@plot.ly"},{"name":"andrefarzat","email":"andrefarzat@gmail.com"},{"name":"antrg","email":"antoine@plot.ly"},{"name":"archmoj","email":"arch.mojtaba.samimi@gmail.com"},{"name":"bpostlethwaite","email":"post.ben.here@gmail.com"},{"name":"chriddyp","email":"chris@plot.ly"},{"name":"dmt0","email":"dmt.shvedov@gmail.com"},{"name":"etpinard","email":"etienne.t.pinard@gmail.com"},{"name":"jackluo","email":"net.webjoy@gmail.com"},{"name":"jackparmer","email":"jack@plot.ly"},{"name":"jmmease","email":"jon.mease@gmail.com"},{"name":"marivet","email":"marcandre.rivet@gmail.com"},{"name":"matthew_plotly","email":"mattewchan@plot.ly"},{"name":"maxkfranz","email":"maxkfranz@gmail.com"},{"name":"nicolaskruchten","email":"nicolas@kruchten.com"},{"name":"rmarren1","email":"rymarr@tuta.io"},{"name":"shammamah","email":"shammamah@plot.ly"},{"name":"shannon-lal","email":"shannonlal@hotmail.com"},{"name":"t4rk","email":"t4rk@outlook.com"},{"name":"verazabeida","email":"vera.zabeida@gmail.com"},{"name":"vnieman","email":"valentijn@plot.ly"},{"name":"wilzbach","email":"sebi.wilzbach@gmail.com"},{"name":"xhlu","email":"xing.han.lu@mail.mcgill.ca"}],"homepage":"https://github.com/plotly/dash-dangerously-set-inner-html","bugs":{"url":"https://github.com/plotly/dash-dangerously-set-inner-html/issues"},"dist":{"shasum":"e9810943fea3ca14e95b37aefa6b258ad9debef5","tarball":"https://registry.npmjs.org/dash-dangerously-set-inner-html/-/dash-dangerously-set-inner-html-0.0.2-rc3.tgz","fileCount":32,"integrity":"sha512-1s78iCO67xFVtHxaZqUorYlhhhf7byN1mDpKxFd+Ck/BSNGqWq2W45YSDeyHzELS7EzxOXeyOQTYb9FabMuJ4w==","signatures":[{"sig":"MEUCIQC/vNW3g4W+H8QpehZoiUTKeuXTslRkcOa7ZJf1euXKLgIgf6YagtM4Sag02fAfJnKQTZPgvVxAx5lcdh4c0AFV5Lo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45898,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcGXYhCRA9TVsSAnZWagAAOYoP/3yOcmOAQnF5r8a3wLiu\n1VQ8is6OWFZ8JOngZvQGzThwCTVFT8hMsLxvpiKXDscP+gtB0wRQbgMzlc3I\nsuM2IF+JNO+VGkrG/zexCes4hT5+zru5JycmQQJm+9U+Hc+nYz56im7G46b4\n056GW6chhnwYLJq6ueddmuPREVmnTqG6QO1seP21wJdQx0D5Bfzi/F1oxyOi\nTw1zVD9zMuxM8rZT10BoSU58KCveGGblppd0XN/hTQbkSnfxGOp3EbzfSJnz\ntpj9SzKgFAdcQIEVFBiZMFh/EFmZyXsJyKBFy18aNpE+FxZsPU4mAcqwtv8d\ncUOint3OczvcBvVqLO3JtCJvLB+0FXDT1X/c8iMfvhbMNcw5qsdzQbjVjFeI\nAC5bHwU+h0VEwSSIUa9dJ1vFoT383RbN4+vig3L2S7XJQooGw2F97WO2RFzh\nnptXgaD+jNLuYgWNfTGvBFBWjO+mQ5ZW5vckj1eNuNQVPXu/m2ou8iPlOUev\n8vqTu5SsJWxEdK3SK6zYZSKiKcOAHVVjULj4WcwXPwJjH8kLwO+8YF/mD6nN\nfc6JVSt4LGaUXxSQKyeF3fXzIjd9m5xzx3LD1R4hW7w600fgxcNhJcOXXtMa\nLjC/mExBJe/WzPL/rcRECiK2/GKjqnYkybB/FGsMc5gSMBi7ve9Qwk0UKH0j\n9V4h\r\n=bkrQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# dash-dangerously-set-inner-html\n\nRender a string of raw, unescaped HTML.\nThis uses React.js's `dangerouslySetInnerHTML` method.\nFrom React.js's documentation, note that:\n\n> Setting HTML from code is risky because it's easy to\n> inadvertently expose your users to a cross-site scripting (XSS)\n> (https://en.wikipedia.org/wiki/Cross-site_scripting)\n> attack.\n\nSo, you can set HTML directly in Dash through React.js, but you have\nto type out dangerouslySetInnerHTML to remind yourself that it's dangerous.\n\nIn most cases, you are safer using the Dash HTML component classes,\ndash-html-components (https://github.com/plotly/dash-html-components).\nYou can also provide HTML in a sandboxed iframe using the\n`dash_html_components.IFrame(srcDoc='raw html here')` component, see [https://community.plot.ly/t/rendering-html-similar-to-markdown/6232/2?u=chriddyp](https://community.plot.ly/t/rendering-html-similar-to-markdown/6232/2?u=chriddyp)\n\nNote that the elements in the HTML block that is generated can not\nbe targeted with Dash callbacks.\n\nInstall with\n```\npip install dash-dangerously-set-inner-html\n```\n\n## Usage\n\n```\nimport dash_dangerously_set_inner_html\nimport dash\nimport dash_html_components as html\n\napp = dash.Dash('')\n\napp.scripts.config.serve_locally = True\n\napp.layout = html.Div([\n    dash_dangerously_set_inner_html.DangerouslySetInnerHTML('''\n        <h1>Header</h1>\n    '''),\n])\n\nif __name__ == '__main__':\n    app.run_server(debug=True)\n```\n\n## Dash\n\nGo to this link to learn about [Dash][].\n\n## Getting started\n\n```sh\n# Install dependencies\n$ npm install\n\n# Watch source for changes and build to `lib/`\n$ npm start\n```\n\n## Development\n\n### Demo server\n\nYou can start up a demo development server to see a demo of the rendered\ncomponents:\n\n```sh\n$ builder run demo\n$ open http://localhost:9000\n```\n\nYou have to maintain the list of components in `demo/Demo.react.js`.\n\n### Code quality and tests\n\n#### To run lint and unit tests:\n\n```sh\n$ npm test\n```\n\n#### To run unit tests and watch for changes:\n\n```sh\n$ npm run test-watch\n```\n\n#### To debug unit tests in a browser (Chrome):\n\n```sh\n$ npm run test-debug\n```\n\n1. Wait until Chrome launches.\n2. Click the \"DEBUG\" button in the top right corner.\n3. Open up Chrome Devtools (`Cmd+opt+i`).\n4. Click the \"Sources\" tab.\n5. Find source files\n  - Navigate to `webpack:// -> . -> spec/components` to find your test source files.\n  - Navigate to `webpack:// -> [your/repo/path]] -> dash-dangerously-set-inner-html -> src` to find your component source files.\n6. Now you can set breakpoints and reload the page to hit them.\n7. The test output is available in the \"Console\" tab, or in any tab by pressing \"Esc\".\n\n#### To run a specific test\n\nIn your test, append `.only` to a `describe` or `it` statement:\n\n```javascript\ndescribe.only('Foo component', () => {\n    // ...\n});\n```\n\n### Testing your components in Dash\n\n1. Build development bundle to `lib/` and watch for changes\n\n        # Once this is started, you can just leave it running.\n        $ npm start\n\n2. Install module locally (after every change)\n\n        # Generate metadata, and build the JavaScript bundle\n        $ npm run install-local\n\n        # Now you're done. For subsequent changes, if you've got `npm start`\n        # running in a separate process, it's enough to just do:\n        $ python setup.py install\n\n3. Run the dash layout you want to test\n\n        # Import dash-dangerously-set-inner-html to your layout, then run it:\n        $ python my_dash_layout.py\n\n\n**TODO:** There is a workflow that links your module into `site-packages` which would\nmake it unnecessary to re-run `2.` on every change: `python setup.py develop`.\nUnfortunately, this doesn't seem to work with resources defined in\n`package_data`.\n\nSee https://github.com/plotly/dash-components-archetype/issues/20\n\n\n## Installing python package locally\n\nBefore publishing to PyPi, you can test installing the module locally:\n\n```sh\n# Install in `site-packages` on your machine\n$ npm run install-local\n```\n\n## Uninstalling python package locally\n\n```sh\n$ npm run uninstall-local\n```\n\n## Publishing\n\nFor now, multiple steps are necessary for publishing to NPM and PyPi,\nrespectively. **TODO:**\n[#5](https://github.com/plotly/dash-components-archetype/issues/5) will roll up\npublishing steps into one workflow.\n\nAsk @chriddyp to get NPM / PyPi package publishing accesss.\n\n1. Preparing to publish to NPM\n\n        # Bump the package version\n        $ npm version major|minor|patch\n\n        # Push branch and tags to repo\n        $ git push --follow-tags\n\n2. Preparing to publish to PyPi\n\n        # Bump the PyPi package to the same version\n        $ vi setup.py\n\n        # Commit to github\n        $ git add setup.py\n        $ git commit -m \"Bump pypi package version to vx.x.x\"\n\n3. Publish to npm and PyPi\n\n        $ npm run publish-all\n\n## Builder / Archetype\n\nWe use [Builder][] to centrally manage build configuration, dependencies, and\nscripts.\n\nTo see all `builder` scripts available:\n\n```sh\n$ builder help\n```\n\nSee the [dash-components-archetype][] repo for more information.\n\n\n[Builder]: https://github.com/FormidableLabs/builder\n[Dash]: https://github.com/plotly/dash2\n[dash-components-archetype]: https://github.com/plotly/dash-components-archetype\n","gitHead":"8f6086170d0a6e536ce8767df7787c89f04c6e16","scripts":{"demo":"builder run demo","test":"","build":"builder run build-dist","start":"builder run build-dev","copy-lib":"copyfiles -u 1 lib/* dash_dangerously_set_inner_html","prepublish":"npm test && builder run build-dist && npm run copy-lib","test-debug":"builder run test-frontend-debug","test-watch":"builder run test-frontend-watch","publish-all":"npm publish && python setup.py sdist upload","publish-pypi":"npm run prepublish && cp package.json dash_dangerously_set_inner_html/package.json && python setup.py sdist","install-local":"npm run copy-lib && python setup.py install","uninstall-local":"pip uninstall dash-dangerously-set-inner-html -y"},"_npmUser":{"name":"marivet","email":"marcandre.rivet@gmail.com"},"repository":{"url":"git+https://github.com/plotly/dash-dangerously-set-inner-html.git","type":"git"},"_npmVersion":"5.6.0","description":"A dash component for specifying raw HTML","directories":{},"_nodeVersion":"8.11.3","dependencies":{"react":"^15.5.4","builder":"3.2.2","copyfiles":"^1.2.0","react-dom":"^15.5.4","prop-types":"^15.6.2","dash-components-archetype":"^0.2.11"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"enzyme":"^2.8.2","react-test-renderer":"^15.5.4","dash-components-archetype-dev":"^0.2.11"},"peerDependencies":{"react":"^15.6.0 || ^16.0.0","react-dom":"^15.6.0 || ^16.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dash-dangerously-set-inner-html_0.0.2-rc3_1545172513225_0.9467721962549083","host":"s3://npm-registry-packages"}},"0.0.2":{"name":"dash-dangerously-set-inner-html","version":"0.0.2","license":"MIT","_id":"dash-dangerously-set-inner-html@0.0.2","maintainers":[{"name":"alexcjohnson","email":"alex@plot.ly"},{"name":"andrefarzat","email":"andrefarzat@gmail.com"},{"name":"antrg","email":"antoine@plot.ly"},{"name":"archmoj","email":"arch.mojtaba.samimi@gmail.com"},{"name":"bpostlethwaite","email":"post.ben.here@gmail.com"},{"name":"chriddyp","email":"chris@plot.ly"},{"name":"dmt0","email":"dmt.shvedov@gmail.com"},{"name":"etpinard","email":"etienne.t.pinard@gmail.com"},{"name":"jackluo","email":"net.webjoy@gmail.com"},{"name":"jackparmer","email":"jack@plot.ly"},{"name":"jmmease","email":"jon.mease@gmail.com"},{"name":"marivet","email":"marcandre.rivet@gmail.com"},{"name":"matthew_plotly","email":"mattewchan@plot.ly"},{"name":"maxkfranz","email":"maxkfranz@gmail.com"},{"name":"nicolaskruchten","email":"nicolas@kruchten.com"},{"name":"rmarren1","email":"rymarr@tuta.io"},{"name":"shammamah","email":"shammamah@plot.ly"},{"name":"shannon-lal","email":"shannonlal@hotmail.com"},{"name":"t4rk","email":"t4rk@outlook.com"},{"name":"verazabeida","email":"vera.zabeida@gmail.com"},{"name":"vnieman","email":"valentijn@plot.ly"},{"name":"wilzbach","email":"sebi.wilzbach@gmail.com"},{"name":"xhlu","email":"xing.han.lu@mail.mcgill.ca"}],"homepage":"https://github.com/plotly/dash-dangerously-set-inner-html","bugs":{"url":"https://github.com/plotly/dash-dangerously-set-inner-html/issues"},"dist":{"shasum":"6d350b1faa59f3fe3560c3d08818c8badb61de18","tarball":"https://registry.npmjs.org/dash-dangerously-set-inner-html/-/dash-dangerously-set-inner-html-0.0.2.tgz","fileCount":32,"integrity":"sha512-6IatcMrkOeVHDD6kym6GPtqY5qwsY74ovRFvUfm755VJhdlyKxbCTEluUiRYAQPvNCl3l4uadQdeBa6plFWeqg==","signatures":[{"sig":"MEUCID6xVZQkGL+cWAbeDTB4SZVnNUAu4OlwCRFepIBz5C5YAiEA6qmgKM2IAc5ttlmgOSlsLEl6hgK3+tgTM1nVsv+jZWY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45738,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcGrQcCRA9TVsSAnZWagAAgkAQAJkIZDBwiur7bsRmKoQk\nEvnbgtutARuwkDc2nKxfaEzrgmhSbXn1P8gn7uaYNBSFARlw2kn20qMVH/Of\nbyD76k1QwbWTvMzLedm619rlP9d9cf9HhgWfC3LKRT8VZepycXFl3iumtcyg\ncrMZRX1HYG5OlfjFvnlaqT8Q9+V7Ivwo2RNvVBcAUK9TCmUCNIqsrhu3uc+G\nIYERiy3fjXtN7SruO8TZ+FDXACmS71wKF6CSEXLOfdxWAvjrGHxX1+DXg3gj\nwrKwgJ97Z06rNnJ7IukEh4Rewv+bdwX4rxOvse8ZRCEDrzh67Djx92kKkCca\nDrnrRIEcT2+akBSXvKtiRdyJK/1clxpLLSps8CbLYnw7wl7drh3oH6PoOjG4\n0lSMu/dwNiWZ+1NEqtmQMPg5Uau0sCuFsBGUShk4rQFJK5n5cczEmQz79gTW\nWggaeVxi/BEx+iu+19oOT0djQGrswvjWp2LHC/UMZcKnjtJn/JZ4rrV7wNpr\ncZbJ9hS6mJwtsI2qUGCutWijzGYBzemK0rVw7gdw6oV01tQ3FsOsaUe+bdVX\nokJzpI2SDV/Rr7X+wimAbwPBDDnXnoUSueoYIEBCDOyr4blLaxRb8mM3ks2B\nC8r/vAuTDgUulKh0X8LCe2ZOhYKMFHlxt2viGE1Aa+PmyjtUv00slzmgYZvN\n/b6m\r\n=PRmx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","gitHead":"a7dcf7adfd75568e0981a03c569ed2137f0c322d","scripts":{"demo":"builder run demo","test":"","start":"builder run build-dev","copy-lib":"copyfiles -u 1 lib/* dash_dangerously_set_inner_html","prepublish":"npm test && builder run build-dist && npm run copy-lib","test-debug":"builder run test-frontend-debug","test-watch":"builder run test-frontend-watch","publish-all":"npm publish && python setup.py sdist upload","publish-pypi":"npm run prepublish && python setup.py sdist upload","install-local":"npm run copy-lib && python setup.py install","uninstall-local":"pip uninstall dash-dangerously-set-inner-html -y"},"_npmUser":{"name":"marivet","email":"marcandre.rivet@gmail.com"},"repository":{"url":"git+https://github.com/plotly/dash-dangerously-set-inner-html.git","type":"git"},"_npmVersion":"5.6.0","description":"A dash component for specifying raw HTML","directories":{},"_nodeVersion":"8.11.3","dependencies":{"react":"^15.5.4","builder":"3.2.2","copyfiles":"^1.2.0","react-dom":"^15.5.4","prop-types":"^15.6.2","dash-components-archetype":"^0.2.11"},"_hasShrinkwrap":false,"devDependencies":{"enzyme":"^2.8.2","react-test-renderer":"^15.5.4","dash-components-archetype-dev":"^0.2.11"},"peerDependencies":{"react":"^15.6.0 || ^16.0.0","react-dom":"^15.6.0 || ^16.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dash-dangerously-set-inner-html_0.0.2_1545253915644_0.19893849474253145","host":"s3://npm-registry-packages"}}},"time":{"created":"2017-12-07T17:55:33.835Z","modified":"2026-09-14T15:41:57.284Z","0.0.1":"2017-12-07T17:55:33.835Z","0.0.2-rc1":"2018-12-18T22:22:03.744Z","0.0.2-rc2":"2018-12-18T22:28:10.669Z","0.0.2-rc3":"2018-12-18T22:35:13.410Z","0.0.2":"2018-12-19T21:11:55.762Z"},"bugs":{"url":"https://github.com/plotly/dash-dangerously-set-inner-html/issues"},"license":"MIT","homepage":"https://github.com/plotly/dash-dangerously-set-inner-html","repository":{"url":"git+https://github.com/plotly/dash-dangerously-set-inner-html.git","type":"git"},"description":"A dash component for specifying raw HTML","maintainers":[{"email":"chris@plot.ly","name":"chriddyp"},{"email":"post.ben.here@gmail.com","name":"bpostlethwaite"},{"email":"antoine@plot.ly","name":"antrg"},{"email":"chuck@plot.ly","name":"bronsolo"},{"email":"t4rk@outlook.com","name":"t4rk"},{"email":"roman@plot.ly","name":"roman-nb"},{"email":"cameron.decoster@gmail.com","name":"camdecoster"},{"email":"alex@plot.ly","name":"alexcjohnson"},{"email":"adrian.borrmann@plot.ly","name":"aborrmann"},{"email":"emily@plot.ly","name":"emilykl-plotly"},{"email":"packages@plot.ly","name":"packages-team-plotly"}],"readme":"# dash-dangerously-set-inner-html\n\nRender a string of raw, unescaped HTML.\nThis uses React.js's `dangerouslySetInnerHTML` method.\nFrom React.js's documentation, note that:\n\n> Setting HTML from code is risky because it's easy to\n> inadvertently expose your users to a cross-site scripting (XSS)\n> (https://en.wikipedia.org/wiki/Cross-site_scripting)\n> attack.\n\nSo, you can set HTML directly in Dash through React.js, but you have\nto type out dangerouslySetInnerHTML to remind yourself that it's dangerous.\n\nIn most cases, you are safer using the Dash HTML component classes,\ndash-html-components (https://github.com/plotly/dash-html-components).\nYou can also provide HTML in a sandboxed iframe using the\n`dash_html_components.IFrame(srcDoc='raw html here')` component, see [https://community.plot.ly/t/rendering-html-similar-to-markdown/6232/2?u=chriddyp](https://community.plot.ly/t/rendering-html-similar-to-markdown/6232/2?u=chriddyp)\n\nNote that the elements in the HTML block that is generated can not\nbe targeted with Dash callbacks.\n\nInstall with\n```\npip install dash-dangerously-set-inner-html\n```\n\n## Usage\n\n```\nimport dash_dangerously_set_inner_html\nimport dash\nimport dash_html_components as html\n\napp = dash.Dash('')\n\napp.scripts.config.serve_locally = True\n\napp.layout = html.Div([\n    dash_dangerously_set_inner_html.DangerouslySetInnerHTML('''\n        <h1>Header</h1>\n    '''),\n])\n\nif __name__ == '__main__':\n    app.run_server(debug=True)\n```\n\n## Dash\n\nGo to this link to learn about [Dash][].\n\n## Getting started\n\n```sh\n# Install dependencies\n$ npm install\n\n# Watch source for changes and build to `lib/`\n$ npm start\n```\n\n## Development\n\n### Demo server\n\nYou can start up a demo development server to see a demo of the rendered\ncomponents:\n\n```sh\n$ builder run demo\n$ open http://localhost:9000\n```\n\nYou have to maintain the list of components in `demo/Demo.react.js`.\n\n### Code quality and tests\n\n#### To run lint and unit tests:\n\n```sh\n$ npm test\n```\n\n#### To run unit tests and watch for changes:\n\n```sh\n$ npm run test-watch\n```\n\n#### To debug unit tests in a browser (Chrome):\n\n```sh\n$ npm run test-debug\n```\n\n1. Wait until Chrome launches.\n2. Click the \"DEBUG\" button in the top right corner.\n3. Open up Chrome Devtools (`Cmd+opt+i`).\n4. Click the \"Sources\" tab.\n5. Find source files\n  - Navigate to `webpack:// -> . -> spec/components` to find your test source files.\n  - Navigate to `webpack:// -> [your/repo/path]] -> dash-dangerously-set-inner-html -> src` to find your component source files.\n6. Now you can set breakpoints and reload the page to hit them.\n7. The test output is available in the \"Console\" tab, or in any tab by pressing \"Esc\".\n\n#### To run a specific test\n\nIn your test, append `.only` to a `describe` or `it` statement:\n\n```javascript\ndescribe.only('Foo component', () => {\n    // ...\n});\n```\n\n### Testing your components in Dash\n\n1. Build development bundle to `lib/` and watch for changes\n\n        # Once this is started, you can just leave it running.\n        $ npm start\n\n2. Install module locally (after every change)\n\n        # Generate metadata, and build the JavaScript bundle\n        $ npm run install-local\n\n        # Now you're done. For subsequent changes, if you've got `npm start`\n        # running in a separate process, it's enough to just do:\n        $ python setup.py install\n\n3. Run the dash layout you want to test\n\n        # Import dash-dangerously-set-inner-html to your layout, then run it:\n        $ python my_dash_layout.py\n\n\n**TODO:** There is a workflow that links your module into `site-packages` which would\nmake it unnecessary to re-run `2.` on every change: `python setup.py develop`.\nUnfortunately, this doesn't seem to work with resources defined in\n`package_data`.\n\nSee https://github.com/plotly/dash-components-archetype/issues/20\n\n\n## Installing python package locally\n\nBefore publishing to PyPi, you can test installing the module locally:\n\n```sh\n# Install in `site-packages` on your machine\n$ npm run install-local\n```\n\n## Uninstalling python package locally\n\n```sh\n$ npm run uninstall-local\n```\n\n## Publishing\n\nFor now, multiple steps are necessary for publishing to NPM and PyPi,\nrespectively. **TODO:**\n[#5](https://github.com/plotly/dash-components-archetype/issues/5) will roll up\npublishing steps into one workflow.\n\nAsk @chriddyp to get NPM / PyPi package publishing accesss.\n\n1. Preparing to publish to NPM\n\n        # Bump the package version\n        $ npm version major|minor|patch\n\n        # Push branch and tags to repo\n        $ git push --follow-tags\n\n2. Preparing to publish to PyPi\n\n        # Bump the PyPi package to the same version\n        $ vi setup.py\n\n        # Commit to github\n        $ git add setup.py\n        $ git commit -m \"Bump pypi package version to vx.x.x\"\n\n3. Publish to npm and PyPi\n\n        $ npm run publish-all\n\n## Builder / Archetype\n\nWe use [Builder][] to centrally manage build configuration, dependencies, and\nscripts.\n\nTo see all `builder` scripts available:\n\n```sh\n$ builder help\n```\n\nSee the [dash-components-archetype][] repo for more information.\n\n\n[Builder]: https://github.com/FormidableLabs/builder\n[Dash]: https://github.com/plotly/dash2\n[dash-components-archetype]: https://github.com/plotly/dash-components-archetype\n","readmeFilename":"README.md"}