{"_id":"svelte-json-tree-auto","_rev":"1-63426027423ecddf6bd4342d067afcd2","name":"svelte-json-tree-auto","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"svelte-json-tree-auto","version":"0.1.0","description":"Svelte JSON Viewer Component","main":"dist/index.js","svelte":"src/Root.svelte","author":{"name":"Alexander Craggs","email":"github@femto.host"},"contributors":[{"name":"Tan Li Hau","email":"lhtan93@gmail.com"}],"license":"MIT","keywords":["svelte","json viewer","json","json tree","component"],"repository":{"type":"git","url":"git+https://github.com/popey456963/svelte-json-tree.git"},"scripts":{"build":"rollup -c","build-website":"rollup -c rollup-docs.config.js"},"devDependencies":{"rollup":"^1.27.14","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-svelte":"^5.1.1","rollup-plugin-terser":"^5.1.3","svelte":"3.16.7"},"gitHead":"df76cb10bd0513dc65a8bf7d09412e983155cc34","bugs":{"url":"https://github.com/popey456963/svelte-json-tree/issues"},"homepage":"https://github.com/popey456963/svelte-json-tree#readme","_id":"svelte-json-tree-auto@0.1.0","_nodeVersion":"14.3.0","_npmVersion":"6.14.5","dist":{"integrity":"sha512-XDUBTV/BNStd/9WJDndzxQ9KqhoNoZBxkOo1H1d29qKW+YxG6eRrt2Yp0Cv/6KLKDtFLhJ9huJpqpOSe4yMG0Q==","shasum":"667574291bd542992b28bbe4ff5b627c49f82cff","tarball":"https://registry.npmjs.org/svelte-json-tree-auto/-/svelte-json-tree-auto-0.1.0.tgz","fileCount":31,"unpackedSize":288387,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPQVxCRA9TVsSAnZWagAAxokP/iHxV8aHB49SJ5+YyAdI\nFgCMpaaJxRJ7vUcJtfpRcBM9bnkmbSc3dKgb5Hel0pwQ6M2sW7JZzLuJhWPQ\nennwSAAkDmpw3xouxMK/giI6XqoOuFY/P8mJsYI0MSYwckOmyO0PwC47MCPb\nZ3dqgAahfOJNDLrejnZwGilIHFUrKl5myFA39te9uR4OuWaT7InJ1BfAMp81\nJkXYgVsDs+sl5pLkqFqL9G0oQ1npsmZitcdru06U0PsHQfLYY9wrdbebUOjj\nad/3H3sWnb0vYy4keJAYv5QhhBdUMuvuY/W87wr1o1173WIU0W3vwUQGNAix\nqmf/qeExYduLOxcLUO6387RpPCzmMjkLSnMQvJ270GrvOmjN9D/ffbMfmNV7\nbKf5cZ0Z9gwO/7URi2YmqSCrA2w/A44y6kzZuKZ7kV3HsNHWj5ndtCQOJbgJ\nh7G2vTraQK8jeze5Z43mFevpEhBE8d6wmBX6reBZsqjxcQKNH25GOAYcNeKh\nLmmLSkRQP/rNI1ygChT1G+UOShEIZV8he3XoI/CvNu5ZgO+hHgrgAGND6K3T\nCAFdupnv58ZlBGzk9u4CHKrKbH1MQBHMDEojg5Y5TvJfRsB6p4sAN4lJfP0d\n1tWve881vQ6ZFEduw/fl31bYnSYFxUUirp+wCQqQ5O9dLdQik5Fb/equR8yy\n3wRJ\r\n=7nQ9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHdDTKTN5QhIqix+izVzN2zO+HekbzRcpSG1NmdruAhuAiAb1RghIHIpzSkhw//i5JT84VI5Aj9hkdD3VrEiXWJMkg=="}]},"maintainers":[{"name":"codefined","email":"npm@femto.host"}],"_npmUser":{"name":"codefined","email":"npm@femto.host"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-json-tree-auto_0.1.0_1597834608828_0.1827964683878318"},"_hasShrinkwrap":false}},"time":{"created":"2020-08-19T10:56:48.784Z","0.1.0":"2020-08-19T10:56:48.948Z","modified":"2022-05-19T02:51:06.985Z"},"maintainers":[{"name":"codefined","email":"npm@femto.host"}],"description":"Svelte JSON Viewer Component","homepage":"https://github.com/popey456963/svelte-json-tree#readme","keywords":["svelte","json viewer","json","json tree","component"],"repository":{"type":"git","url":"git+https://github.com/popey456963/svelte-json-tree.git"},"contributors":[{"name":"Tan Li Hau","email":"lhtan93@gmail.com"}],"author":{"name":"Alexander Craggs","email":"github@femto.host"},"bugs":{"url":"https://github.com/popey456963/svelte-json-tree/issues"},"license":"MIT","readme":"# svelte-json-tree\r\n\r\n> This fork adds 'auto-expanding' objects. By default:\r\n> - Objects are expanded\r\n> - Small arrays (<1024 characters) are expanded\r\n\r\n![version](https://img.shields.io/npm/v/svelte-json-tree-auto?style=flat-square) ![MIT License](https://img.shields.io/npm/l/svelte-json-tree-auto?style=flat-square)\r\n\r\n![svelte-json-tree](./images/screenshot.png)\r\n\r\nSvelte JSON Viewer Component used in [Svelte REPL](https://svelte.dev/repl). Supports [Map](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map), [Set](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set), [Iterable](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Iteration_protocols#iterable), [Symbol](https://developer.mozilla.org/en-US/docs/Glossary/Symbol).\r\n\r\n## Install\r\n\r\nUse [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/lang/en) to install:\r\n\r\n```sh\r\n# npm\r\nnpm install --save svelte-json-tree-auto\r\n\r\n# yarn\r\nyarn add svelte-json-tree-auto\r\n```\r\n\r\n## Usage\r\n\r\nWith Svelte:\r\n\r\n```html\r\n\r\n\r\n\r\n```\r\n\r\nWithout Svelte:\r\n\r\n```js\r\nconst JSONTree = require('svelte-json-tree-auto');\r\nconst jsonTree = new JSONTree({\r\n\ttarget: document.body,\r\n\tprops: {\r\n\t\tvalue: { \"foo\": \"bar\" }\r\n\t}\r\n});\r\n\r\n// update value\r\njsonTree.$set({ value: ['1'] });\r\n```\r\n\r\n## Overriding Styles\r\n\r\n**svelte-json-tree** uses the following CSS variables to theme:\r\n\r\n```css\r\n/* color */\r\n--json-tree-string-color: #cb3f41;\r\n--json-tree-symbol-color: #cb3f41;\r\n--json-tree-boolean-color: #112aa7;\r\n--json-tree-function-color: #112aa7;\r\n--json-tree-number-color: #3029cf;\r\n--json-tree-label-color: #871d8f;\r\n--json-tree-arrow-color: #727272;\r\n--json-tree-null-color: #8d8d8d;\r\n--json-tree-undefined-color: #8d8d8d;\r\n--json-tree-date-color: #8d8d8d;\r\n/* position */\r\n--json-tree-li-indentation: 1em;\r\n--json-tree-li-line-height: 1.3;\r\n/* font */\r\n--json-tree-font-size: 12px;\r\n--json-tree-font-family: 'Courier New', Courier, monospace;\r\n```\r\n\r\nTo overwrite the style, specify the css variables on the parent:\r\n\r\n```html\r\n
\r\n \r\n
\r\n```\r\n\r\n## License\r\n\r\n[MIT](https://github.com/popey456963/svelte-json-tree/blob/master/LICENSE)","readmeFilename":"README.md"}