{"id":25089,"library":"codemirror-lint-eslint","title":"codemirror-lint-eslint","description":"A CodeMirror addon that integrates ESLint linting into CodeMirror editors. Version 1.0.1 is the latest stable release. It provides an 'eslint-lint.js' script that hooks into CodeMirror's lint addon, enabling real-time JavaScript linting with ESLint. Simple setup: include ESLint, CodeMirror core, JavaScript mode, lint addon, and the eslint-lint.js script. Useful for web-based code editors where you want to show lint errors inline. Note: requires a globally available 'eslint' object (from eslint.js). Currently unmaintained but functional for basic use.","status":"deprecated","version":"1.0.1","language":"javascript","source_language":"en","source_url":"https://github.com/brigand/codemirror-lint-eslint","tags":["javascript"],"install":[{"cmd":"npm install codemirror-lint-eslint","lang":"bash","label":"npm"},{"cmd":"yarn add codemirror-lint-eslint","lang":"bash","label":"yarn"},{"cmd":"pnpm add codemirror-lint-eslint","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"requires CodeMirror lint addon and JavaScript mode","package":"codemirror","optional":false},{"reason":"needs global eslint object for linting","package":"eslint","optional":false}],"imports":[{"note":"Include as a script tag after CodeMirror and ESLint scripts; no npm import.","wrong":"<script src=\"eslint.js\"></script>","symbol":"eslint-lint.js","correct":"<script src=\"eslint-lint.js\"></script>"},{"note":"Initialize CodeMirror with lint: true and appropriate mode.","wrong":"CodeMirror(document.getElementById('code-js'))","symbol":"CodeMirror.fromTextArea","correct":"var editor = CodeMirror.fromTextArea(document.getElementById('code-js'), {...})"},{"note":"ESLint is loaded globally via script tag, not as a Node module.","wrong":"require('eslint')","symbol":"eslint","correct":"global eslint object provided by eslint.js"}],"quickstart":{"code":"<!DOCTYPE html>\n<html>\n<head>\n  <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.0/codemirror.min.css\">\n  <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.0/addon/lint/lint.min.css\">\n  <script src=\"https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.0/codemirror.min.js\"></script>\n  <script src=\"https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.0/mode/javascript/javascript.min.js\"></script>\n  <script src=\"https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.0/addon/lint/lint.min.js\"></script>\n  <script src=\"https://eslint.org/js/app/eslint.js\"></script>\n  <script src=\"eslint-lint.js\"></script>\n</head>\n<body>\n  <textarea id=\"code-js\">var x = 1\nconsole.log(x)</textarea>\n  <script>\n    var editor = CodeMirror.fromTextArea(document.getElementById('code-js'), {\n      lineNumbers: true,\n      mode: \"javascript\",\n      gutters: [\"CodeMirror-lint-markers\"],\n      lint: true\n    });\n  </script>\n</body>\n</html>","lang":"javascript","description":"Minimal HTML page demonstrating CodeMirror editor with ESLint linting."},"warnings":[{"fix":"Load eslint.js before eslint-lint.js.","message":"ESLint must be loaded globally via script tag before eslint-lint.js.","severity":"gotcha","affected_versions":"all"},{"fix":"Use a script tag from eslint.org or bundle globally.","message":"The addon expects a global 'eslint' object; not compatible with bundlers that scope modules.","severity":"gotcha","affected_versions":"all"},{"fix":"Migrate to CodeMirror 6 and @codemirror/lang-javascript with eslint integration.","message":"This library is unmaintained; consider using CodeMirror 6 native linting with ESLint.","severity":"deprecated","affected_versions":"all"}],"env_vars":null,"last_verified":"2026-05-01T00:00:00.000Z","next_check":"2026-07-30T00:00:00.000Z","problems":[{"fix":"Add <script src=\"https://eslint.org/js/app/eslint.js\"></script> before eslint-lint.js","cause":"ESLint not loaded before eslint-lint.js","error":"Uncaught ReferenceError: eslint is not defined"},{"fix":"Include CodeMirror core script (codemirror.js) before using CodeMirror","cause":"CodeMirror library not loaded","error":"CodeMirror is not defined"},{"fix":"Use the correct URL for eslint.js (e.g., https://eslint.org/js/app/eslint.js)","cause":"ESLint version mismatch or not loaded","error":"Uncaught TypeError: Cannot read properties of undefined (reading 'define')"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}