{"id":20441142,"url":"https://github.com/t4y3/dom-json-tree","last_synced_at":"2025-04-12T23:10:26.095Z","repository":{"id":34723635,"uuid":"141872840","full_name":"t4y3/dom-json-tree","owner":"t4y3","description":"Visualize the JSON object to the DOM.","archived":false,"fork":false,"pushed_at":"2022-12-07T22:38:57.000Z","size":1852,"stargazers_count":4,"open_issues_count":17,"forks_count":3,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-26T17:11:24.337Z","etag":null,"topics":["dom","dom-json-tree","json","superfine","visualize"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/t4y3.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-07-22T06:50:05.000Z","updated_at":"2021-01-01T06:42:00.000Z","dependencies_parsed_at":"2023-01-15T08:46:30.206Z","dependency_job_id":null,"html_url":"https://github.com/t4y3/dom-json-tree","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/t4y3%2Fdom-json-tree","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/t4y3%2Fdom-json-tree/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/t4y3%2Fdom-json-tree/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/t4y3%2Fdom-json-tree/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/t4y3","download_url":"https://codeload.github.com/t4y3/dom-json-tree/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248643004,"owners_count":21138355,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["dom","dom-json-tree","json","superfine","visualize"],"created_at":"2024-11-15T09:30:12.134Z","updated_at":"2025-04-12T23:10:26.053Z","avatar_url":"https://github.com/t4y3.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# DOM JSON Tree\n[![Version](https://img.shields.io/badge/dynamic/json.svg?label=version\u0026colorB=5f9ea0\u0026query=$.version\u0026uri=https:%2F%2Fraw.githubusercontent.com%2Ft4y3%2Fdom-json-tree%2Fmaster%2Fpackage.json\u0026prefix=v)](Version)\n\nVisualize the JSON object to the DOM.\n\n\n## Usage\n```js\n// import module\nimport DomJsonTree from 'dom-json-tree';\n\nlet djt = new DomJsonTree(json, document.body);\ndjt.render();\n```\n\n### Options\n```js\nlet djt = new DomJsonTree(json, document.body, {\n  colors: {\n    key: \"#008080\",\n    type: \"#546778\",\n    typeNumber: \"#000080\",\n    typeString: \"#dd1144\",\n    typeBoolean: \"#000080\"\n  }\n});\n```\n\n## Demo\n- https://codesandbox.io/s/82z7w16lw0\n\n## Screenshot\n![_users_y41132_scm_github_etc_dom-json-tree_test_index html](https://user-images.githubusercontent.com/9010553/56467655-b18baa80-645c-11e9-8329-295006a1f7ff.png)\n\n## Development\n\n#### Installing\n```sh\n# Install npm packages\nnpm i\n```\n\n### Running\n```sh\n# Watch JS \u0026 CSS\nnpm run watch\n```\nOpen \"test/index.html\" in a browser\n\n#### Library\n- [Superfine](https://github.com/jorgebucaran/superfine) - View \n\n## Deployment\n```sh\n# Build\nnpm run build\n\n# Test\nnpm run test\n\n# Version Up\nnpm version major|minor|patch\n\n# Publishes a package to the registry\nnpm publish\n\n# Update master branch\ngit push origin master\n\n# Push git tags\ngit push origin --tags\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ft4y3%2Fdom-json-tree","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ft4y3%2Fdom-json-tree","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ft4y3%2Fdom-json-tree/lists"}