ESLint plugin that validates data using JSON Schema Validator.
npm install eslint-plugin-json-schema-validatoreslint-plugin-json-schema-validator is ESLint plugin that validates data using JSON Schema Validator.
This ESLint plugin validates [JSON], [JSONC], [JSON5], [YAML], [TOML], JavaScript and [Vue Custom Blocks] with JSON Schema.
You can check on the Online DEMO.
See documents.
``bash`
npm install --save-dev eslint eslint-plugin-jsonc eslint-plugin-json-schema-validator
> Requirements
>
> - ESLint v9.38.0 and above
> - Node.js v20.19.0 or higher (in the 20.x line), v22.13.0 or higher (in the 22.x line), or v24.0.0 and above
Use eslint.config.js file to configure rules. See also:
Example eslint.config.js:
`js`
import eslintPluginJsonSchemaValidator from "eslint-plugin-json-schema-validator";
export default [
// add more generic rule sets here, such as:
// js.configs.recommended,
...eslintPluginJsonSchemaValidator.configs.recommended,
{
rules: {
// override/add rules settings here, such as:
// 'json-schema-validator/no-invalid': 'warn'
},
},
];
This plugin provides configs:
- *.configs.base ... Configuration to enable correct JSON, YAML and TOML parsing.*.configs.recommended
- ... Above, plus rule to validate with JSON Schema.
See the rule list to get the rules that this plugin provides.
For backward compatibility, the flat/ prefix can still be used:
- .configs["flat/base"] is an alias for .configs.base
- is an alias for .configs.recommended
If you want to run eslint from the command line, make sure you include the .json, .jsonc, .json5, .yaml, .yml and .toml extension using the --ext option or a glob pattern, because ESLint targets only .js files by default.
Examples:
`bash`
eslint --ext .js,.json,.jsonc,.json5,.yaml,.yml,.toml src
eslint "src/*/.{js,json,jsonc,json5,yaml,yml,toml}"
Use the dbaeumer.vscode-eslint extension that Microsoft provides officially.
You have to configure the eslint.validate option of the extension to check .json, .jsonc, .json5, .yaml, .yml and .toml files, because the extension targets only .js or .jsx files by default.
Example .vscode/settings.json:
`json`
{
"eslint.validate": [
"javascript",
"javascriptreact",
"json",
"jsonc",
"json5",
"yaml",
"toml"
]
}
The rules with the following star :star: are included in the configs.
| Rule ID | Description | Fixable | RECOMMENDED |
|:--------|:------------|:-------:|:-----------:|
| json-schema-validator/no-invalid | validate object with JSON Schema. | | :star: |
Use .eslintrc.* file to configure settings. See also: https://eslint.org/docs/user-guide/configuring/configuration-files#adding-shared-settings.
Example .eslintrc.js:
`js`
module.exports = {
settings: {
"json-schema-validator": {
http: {
getModulePath: "",
requestOptions: {},
},
},
},
};
- http ... Settings to resolve schema URLs.getModulePath
- ... Module path to GET the URL. The default implementation is ./src/utils/http-client/get-modules/http.ts.requestOptions
- ... Options used in the module.
#### Example of http
Example of using the request module for HTTP requests.
./path/to/request-get.js:
`js
const request = require("request");
/**
* GET Method using request module.
*/
module.exports = function get(url, options) {
return new Promise((resolve, reject) => {
request.get(url, options, (error, _res, body) => {
if (error) {
reject(error);
return;
}
resolve(body);
});
});
};
`
.eslintrc.js:
`js`
module.exports = {
settings: {
"json-schema-validator": {
http: {
getModulePath: require.resolve("./path/to/request-get.js"),
requestOptions: {
// Example of proxy settings.
proxy: "http://my.proxy.com:8080/",
},
},
},
},
};
Welcome contributing!
Please use GitHub's Issues/PRs.
- npm test runs tests and measures coverage.npm run update
- runs in order to update readme and recommended configuration.
This plugin uses jsonc-eslint-parser, yaml-eslint-parser and toml-eslint-parser for the parser.
- eslint-plugin-jsonc ... ESLint plugin for JSON, JSON with comments (JSONC) and JSON5.
- eslint-plugin-yml ... ESLint plugin for YAML.
- eslint-plugin-toml ... ESLint plugin for TOML.
- eslint-plugin-vue ... Official ESLint plugin for Vue.js.
- jsonc-eslint-parser ... JSON, JSONC and JSON5 parser for use with ESLint plugins.
- yaml-eslint-parser ... YAML parser for use with ESLint plugins.
- toml-eslint-parser ... TOML parser for use with ESLint plugins.
- vue-eslint-parser ... The ESLint custom parser for .vue` files.
See the LICENSE file for license rights and limitations (MIT).
[SchemaStore]: https://github.com/SchemaStore/schemastore
[JSON]: https://json.org/
[JSONC]: https://github.com/microsoft/node-jsonc-parser
[JSON5]: https://json5.org/
[YAML]: https://yaml.org/
[TOML]: https://toml.io/
[Vue Custom Blocks]: https://vue-loader.vuejs.org/guide/custom-blocks.html