{"_id":"@aokiapp/colorize-clerk","_rev":"2-f2f3103bf558841fab5ae384dacdcdf8","name":"@aokiapp/colorize-clerk","dist-tags":{"latest":"0.0.3"},"versions":{"0.0.1":{"name":"@aokiapp/colorize-clerk","version":"0.0.1","keywords":["json","viewer","react"],"author":"","license":"ISC","_id":"@aokiapp/colorize-clerk@0.0.1","maintainers":[{"name":"yuki-js","email":"ayukiyhs@gmail.com"}],"dist":{"shasum":"5a3fe25cd144b26bed2c4e95ce9702d66280fe90","tarball":"https://registry.npmjs.org/@aokiapp/colorize-clerk/-/colorize-clerk-0.0.1.tgz","fileCount":9,"integrity":"sha512-s2aLhCK2XyoI/aAve61hAcMiA1T11nAu3EHXCa1nS/jPSYAoauj2sT0tLwaV2Cc1fkzVh8PJymvTKqkgD4JScQ==","signatures":[{"sig":"MEQCIG6fGAKEkUvRtkD/by76guI0JnYBsg98wzS/9io6WdjKAiAHT9KI3JT96xGI6XbPsZu55DEe7z7n8P4/tDUhe0Lchw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30698},"main":"dist/index.js","module":"dist/index.esm.js","gitHead":"4c550cf49436e43def7926f9071db0bf1fdf1f4c","scripts":{"build":"rollup --config","start":"rollup --config --watch","format":"prettier --write ."},"typings":"dist/index.d.ts","_npmUser":{"name":"yuki-js","email":"ayukiyhs@gmail.com"},"_npmVersion":"10.7.0","description":"Colorize Clerk - React component for viewing JSON data","directories":{},"_nodeVersion":"22.2.0","_hasShrinkwrap":false,"devDependencies":{"rollup":"^4.21.3","prettier":"^3.3.3","typescript":"^5.6.2","@types/react":"^18.3.6","@types/lodash":"^4.17.7","@types/react-dom":"^18.3.0","rollup-plugin-postcss":"^4.0.2","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-typescript2":"^0.36.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"ajv":"^8.17.1","react":"^18","lodash":"^4","react-dom":"^18"},"_npmOperationalInternal":{"tmp":"tmp/colorize-clerk_0.0.1_1726545686481_0.844358628516813","host":"s3://npm-registry-packages"}},"0.0.2":{"name":"@aokiapp/colorize-clerk","version":"0.0.2","keywords":["json","viewer","react"],"author":"","license":"ISC","_id":"@aokiapp/colorize-clerk@0.0.2","maintainers":[{"name":"yuki-js","email":"ayukiyhs@gmail.com"}],"dist":{"shasum":"0b2c8600f6d1a379ac6880dd47771ff01b5bf484","tarball":"https://registry.npmjs.org/@aokiapp/colorize-clerk/-/colorize-clerk-0.0.2.tgz","fileCount":9,"integrity":"sha512-2NFfiix3tXXk4P1Ks7z/QdwG/hYd+OleC9PBrRIHMWr4Z5qcDuRkHYXbAd0qot/xhEpcPl8KXvhlxmm23GkpeA==","signatures":[{"sig":"MEQCIEFI29qrr7rb2wQZCf0D60tzQtN6h3+lEYLjfe2TAr7vAiBQLOMFRxOUi05OzHXnBa33qT06xOwfSBo+R8ueiz5q6g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":31565},"main":"dist/index.js","module":"dist/index.esm.js","gitHead":"3a4659f2dc5d037dcb7ad787a7a762316ef8b801","scripts":{"build":"rollup --config","start":"rollup --config --watch","format":"prettier --write .","prepare":"npm run build"},"typings":"dist/index.d.ts","_npmUser":{"name":"yuki-js","email":"ayukiyhs@gmail.com"},"_npmVersion":"10.7.0","description":"Colorize Clerk - React component for viewing JSON data","directories":{},"_nodeVersion":"22.2.0","_hasShrinkwrap":false,"devDependencies":{"rollup":"^4.21.3","prettier":"^3.3.3","typescript":"^5.6.2","@types/react":"^18.3.6","@types/lodash":"^4.17.7","@types/react-dom":"^18.3.0","rollup-plugin-postcss":"^4.0.2","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-typescript2":"^0.36.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"ajv":"^8.17.1","react":"^18","lodash":"^4","react-dom":"^18"},"_npmOperationalInternal":{"tmp":"tmp/colorize-clerk_0.0.2_1726546431691_0.19265598115835392","host":"s3://npm-registry-packages"}},"0.0.3":{"name":"@aokiapp/colorize-clerk","version":"0.0.3","description":"Colorize Clerk - React component for viewing JSON data","main":"dist/index.js","module":"dist/index.esm.js","typings":"dist/index.d.ts","scripts":{"start":"rollup --config --watch","build":"rollup --config","format":"prettier --write .","prepare":"npm run build"},"keywords":["json","viewer","react"],"author":{"name":"AokiApp Inc.","email":"hello+github@aoki.app","url":"https://aoki.app"},"homepage":"https://github.com/AokiApp/colorize-clerk","repository":{"type":"git","url":"git+https://github.com/AokiApp/colorize-clerk.git"},"license":"ISC","devDependencies":{"@types/lodash":"^4.17.7","@types/react":"^18.3.6","@types/react-dom":"^18.3.0","prettier":"^3.3.3","typescript":"^5.6.2","rollup":"^4.21.3","rollup-plugin-typescript2":"^0.36.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-commonjs":"^10.1.0"},"peerDependencies":{"ajv":"^8.17.1","lodash":"^4","react":"^18","react-dom":"^18"},"_id":"@aokiapp/colorize-clerk@0.0.3","gitHead":"54aaa114d9d22bad7f36cdf5b57dbb6d3ab8604f","bugs":{"url":"https://github.com/AokiApp/colorize-clerk/issues"},"_nodeVersion":"22.2.0","_npmVersion":"10.7.0","dist":{"integrity":"sha512-IacLmsfwM+jycMHBMk9MQPCP3c0LCEEM3Qzuh2KMNj6tepWYAOreQgL0OI64VVK+26YqyZgcL7PJ9AiSnomOJA==","shasum":"5a0fae02d438f29bac619aa9521340dab452a1ca","tarball":"https://registry.npmjs.org/@aokiapp/colorize-clerk/-/colorize-clerk-0.0.3.tgz","fileCount":10,"unpackedSize":35744,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC4afHMPkkAvzIsIchDMW3gO8Cjw+PLi2rgz6qutsiK/gIgfInABPx9Wp9953p2nga8DhBT6U/jUC8+8koRrsxvN7k="}]},"_npmUser":{"name":"yuki-js","email":"ayukiyhs@gmail.com"},"directories":{},"maintainers":[{"name":"yuki-js","email":"ayukiyhs@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/colorize-clerk_0.0.3_1728906449537_0.8332947820918499"},"_hasShrinkwrap":false}},"time":{"created":"2024-09-17T04:01:26.379Z","modified":"2024-10-14T11:47:29.907Z","0.0.1":"2024-09-17T04:01:26.657Z","0.0.2":"2024-09-17T04:13:51.874Z","0.0.3":"2024-10-14T11:47:29.702Z"},"license":"ISC","keywords":["json","viewer","react"],"description":"Colorize Clerk - React component for viewing JSON data","maintainers":[{"name":"yuki-js","email":"ayukiyhs@gmail.com"}],"readme":"# JSON Colorize Clerk\n\nJSON Colorize Clerk (JSON 色付け係) is a simple tool to visualize JSON data so that those who are not familiar with JSON can understand it easily.\n\n[![npm version](https://badge.fury.io/js/@aokiapp%2Fcolorize-clerk.svg)](https://badge.fury.io/js/@aokiapp%2Fcolorize-clerk)\n\n## Features\n\n- Pretty print JSON data\n- Labeling JSON keys with JSON Schema\n- Compatible API with [React JSON Schema Form](https://github.com/rjsf-team/react-jsonschema-form)\n\n## JSON 色付け係\n\nWhat is JSON 色付け係? JSON 色付け係 is a joke among Japanese front-end engineers. It is a self-deprecatory joke that frontend engineers are often only in charge of presenting data sent from the backend as JSON format, and rarely have the opportunity to work with the core domain logic, while the backend engineers are responsible for that and it seems to be more important.\n\n## Usage\n\n### Install\n\n```bash\nnpm install @aokiapp/colorize-clerk\n```\n\n### Use\n\n```jsx\nimport { ColorizeClerk } from 'colorize-clerk';\nimport \"colorize-clerk/dist/index.css\";\n\nrender(\n  <ColorizeClerk\n    schema={{\n      type: \"object\",\n      properties: {\n        name: { type: \"string\", title: \"名前\" },\n        age: { type: \"number\", title: \"年齢\" },\n        isAdult: { type: \"boolean\", title: \"成人ですか?\" },\n        hobbies: {\n          type: \"array\",\n          items: {\n            type: \"string\"\n            oneOf: [\n              { const: \"reading\", title: \"読書\" },\n              { const: \"swimming\", title: \"水泳\" },\n              { const: \"running\", title: \"ランニング\" },\n            ]\n          },\n        },\n      },\n    }}\n    formData={{\n      name: \"John Doe\",\n      age: 30,\n      isAdult: true,\n      hobbies: [\"reading\", \"swimming\"],\n    }}\n  />\n)\n```\n\n## License\n\nMIT\n","readmeFilename":"README.md","homepage":"https://github.com/AokiApp/colorize-clerk","repository":{"type":"git","url":"git+https://github.com/AokiApp/colorize-clerk.git"},"author":{"name":"AokiApp Inc.","email":"hello+github@aoki.app","url":"https://aoki.app"},"bugs":{"url":"https://github.com/AokiApp/colorize-clerk/issues"}}