{"id":25088,"library":"codemirror-addon-lint-fix","title":"CodeMirror Lint Fix Addon","description":"A CodeMirror addon that provides a UI for applying quick fixes to lint issues, such as those reported by ESLint. Version 1.1.0 is the latest stable release; the package is actively maintained but with low release cadence. It ships TypeScript definitions and integrates with CodeMirror's built-in lint addon. Key differentiator: it adds a fix button inline next to lint markers, allowing users to apply automatic fixes without context menu. Built specifically for CodeMirror 5.x and requires the core codemirror package.","status":"active","version":"1.1.0","language":"javascript","source_language":"en","source_url":"https://github.com/ashmind/codemirror-addon-lint-fix","tags":["javascript","codemirror","lint","typescript"],"install":[{"cmd":"npm install codemirror-addon-lint-fix","lang":"bash","label":"npm"},{"cmd":"yarn add codemirror-addon-lint-fix","lang":"bash","label":"yarn"},{"cmd":"pnpm add codemirror-addon-lint-fix","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Peer dependency: required runtime dependency for CodeMirror editor functionality.","package":"codemirror","optional":false}],"imports":[{"note":"ESM named export; CommonJS require works if using bundler, but ESM is recommended.","wrong":"const lintFix = require('codemirror-addon-lint-fix')","symbol":"lintFix","correct":"import { lintFix } from 'codemirror-addon-lint-fix'"},{"note":"Named export, not default. CommonJS `require('codemirror-addon-lint-fix').installLintFix`.","wrong":"import installLintFix from 'codemirror-addon-lint-fix'","symbol":"installLintFix","correct":"import { installLintFix } from 'codemirror-addon-lint-fix'"},{"note":"TypeScript type, only used for type annotations.","wrong":"import { FixStatus } from 'codemirror-addon-lint-fix'","symbol":"type FixStatus","correct":"import type { FixStatus } from 'codemirror-addon-lint-fix'"}],"quickstart":{"code":"import CodeMirror from 'codemirror';\nimport 'codemirror/addon/lint/lint.css';\nimport 'codemirror/addon/lint/lint.js';\nimport { lintFix } from 'codemirror-addon-lint-fix';\n\nconst editor = CodeMirror.fromTextArea(document.getElementById('editor'), {\n  mode: 'javascript',\n  gutters: ['CodeMirror-lint-markers'],\n  lint: true\n});\nlintFix(editor);","lang":"typescript","description":"Imports CodeMirror core, lint addon, and lintFix function; attaches fix UI to the editor instance."},"warnings":[{"fix":"Import 'codemirror/addon/lint/lint.js' and set lint: true in options.","message":"Requires CodeMirror's lint addon to be loaded and lint option enabled.","severity":"gotcha","affected_versions":">=1.0.0"},{"fix":"Call lintFix(editor) after editor instance is created and lint is configured.","message":"The lintFix function must be called after editor initialization and lint is active.","severity":"gotcha","affected_versions":">=1.0.0"},{"fix":"Use import { lintFix } from 'codemirror-addon-lint-fix'.","message":"In TypeScript, the import should use ESM syntax; CommonJS require may not work depending on bundler configuration.","severity":"gotcha","affected_versions":">=1.0.0"}],"env_vars":null,"last_verified":"2026-05-01T00:00:00.000Z","next_check":"2026-07-30T00:00:00.000Z","problems":[{"fix":"Ensure lint: true is passed to CodeMirror options and call lintFix after editor creation.","cause":"lintFix called before editor is fully initialized or lint option not set.","error":"TypeError: Cannot read properties of undefined (reading 'getOption')"},{"fix":"Add import 'codemirror/addon/lint/lint.js' before using lintFix.","cause":"Missing import of codemirror/addon/lint/lint.js.","error":"Error: CodeMirror lint addon is not loaded"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}