README.md

Introduction

eslint-plugin-json-schema-validator is ESLint plugin that validates data using JSON Schema Validator.

📛 Features

This ESLint plugin validates JSON, JSONC, JSON5, YAML, TOML, JavaScript and Vue Custom Blocks with JSON Schema.

You can check on the Online DEMO that uses JavaScript, JSON, YAML and TOML.

📖 Documentation

See documents.

💿 Installation

npm install --save-dev eslint eslint-plugin-jsonc eslint-plugin-json-schema-validator

Requirements

• ESLint v6.0.0 and above
• Node.js v14.18.x, v16.x and above

📖 Usage

Configuration

New Config (eslint.config.js)

Use eslint.config.js file to configure rules. See also: https://eslint.org/docs/latest/use/configure/configuration-files-new.

Example eslint.config.js:

import eslintPluginJsonSchemaValidator from "eslint-plugin-json-schema-validator";
export default [
  // add more generic rule sets here, such as:
  // js.configs.recommended,
  ...eslintPluginJsonSchemaValidator.configs["flat/recommended"],
  {
    rules: {
      // override/add rules settings here, such as:
      // 'json-schema-validator/no-invalid': 'warn'
    },
  },
];

This plugin provides configs:

• *.configs['flat/base'] ... Configuration to enable correct JSON, YAML and TOML parsing.
• *.configs['flat/recommended'] ... Above, plus rule to validate with JSON Schema.

Legacy Config (.eslintrc)

Use .eslintrc.* file to configure rules. See also: https://eslint.org/docs/latest/use/configure/.

Example .eslintrc.js:

module.exports = {
  extends: [
    // add more generic rulesets here, such as:
    // 'eslint:recommended',
    "plugin:json-schema-validator/recommended",
  ],
  rules: {
    // override/add rules settings here, such as:
    // 'json-schema-validator/no-invalid': 'error'
  },
};

This plugin provides configs:

• plugin:json-schema-validator/base ... Configuration to enable correct JSON, YAML and TOML parsing.
• plugin:json-schema-validator/recommended ... Above, plus rule to validate with JSON Schema.

Running ESLint from the command line

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:

eslint --ext .js,.json,.jsonc,.json5,.yaml,.yml,.toml src
eslint "src/**/*.{js,json,jsonc,json5,yaml,yml,toml}"

💻 Editor Integrations

Visual Studio Code

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:

{
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "json",
    "jsonc",
    "json5",
    "yaml",
    "toml"
  ]
}

✅ Rules

The rules with the following star ⭐ are included in the configs.

Rules

Rule ID	Description	Fixable	RECOMMENDED
json-schema-validator/no-invalid	validate object with JSON Schema.		⭐

⚡ Advanced Usage

Settings

Use .eslintrc.* file to configure settings. See also: https://eslint.org/docs/user-guide/configuring/configuration-files#adding-shared-settings.

Example .eslintrc.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:

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:

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/",
        },
      },
    },
  },
};

🍻 Contributing

Welcome contributing!

Please use GitHub's Issues/PRs.

Development Tools

• yarn test runs tests and measures coverage.
• yarn update runs in order to update readme and recommended configuration.

Working With Rules

This plugin uses jsonc-eslint-parser, yaml-eslint-parser and toml-eslint-parser for the parser.

👫 Related Packages

• 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.

🔒 License

See the LICENSE file for license rights and limitations (MIT).