A custom ESLint parser for `.tsx?` files that strips out erasable TypeScript syntax with `ts-blank-space` then passes the rest to the `meriyah` parser.
A custom ESLint parser for .tsx? files that strips out erasable TypeScript syntax with ts-blank-space then passes the rest to the meriyah parser.
> [!IMPORTANT]
> The ts-blank-eslint-parser is a work in progress and comes with limitations:
>
> - No support for TypeScript syntax that need transformation like enums, namespaces, decorators
> - No support for rules that require type information
> - No fixable support for types (the types will also be stripped out in the fix output)
>
> Use it only if you are okay with the limitations.
``bashnpm
npm install --save-dev ts-blank-eslint-parser
Usage
js
// eslint.config.js// @ts-check
import eslintJs from "@eslint/js";
import eslintReact from "@eslint-react/eslint-plugin";
import tsBlankEslintParser from "ts-blank-eslint-parser";
import globals from "globals";
const GLOB_TS = ["/.ts", "/.tsx"];
export default [
{
files: GLOB_TS,
languageOptions: {
globals: {
...globals.browser,
},
parser: tsBlankEslintParser,
},
rules: {
...eslintJs.configs.recommended.rules,
},
},
{
files: GLOB_TS,
...eslintReact.configs.recommended,
},
];
`$3
js
// eslint.config.js// @ts-check
import eslintJs from "@eslint/js";
import eslintReact from "@eslint-react/eslint-plugin";
import { isInEditorEnv } from "@eslint-react/shared";
import tsBlankEslintParser from "ts-blank-eslint-parser";
import tseslint from "typescript-eslint";
import globals from "globals";
import TSCONFIG from "./tsconfig.json" with { type: "json" };
import TSCONFIG_NODE from "./tsconfig.node.json" with { type: "json" };
function getOptimalParserConfig(project = "tsconfig.json") {
switch (true) {
case isInEditorEnv():
case process.argv.includes("--fix"):
return {
parser: tseslint.parser,
parserOptions: {
project,
tsconfigRootDir: import.meta.dirname,
},
};
}
return { parser: tsBlankEslintParser };
}
export default [
// base configuration for browser environment source files
{
files: TSCONFIG.include,
languageOptions: {
globals: {
...globals.browser,
},
...getOptimalParserConfig(),
},
rules: {
...eslintJs.configs.recommended.rules,
},
},
// base configuration for node environment source files (*.config.js, etc.)
{
files: TSCONFIG_NODE.include,
ignores: TSCONFIG_NODE.exclude,
languageOptions: {
globals: {
...globals.node,
},
...getOptimalParserConfig("tsconfig.node.json"),
},
rules: {
...eslintJs.configs.recommended.rules,
"no-console": "off",
},
},
// react configuration for browser environment source files
{
files: TSCONFIG.include,
...eslintReact.configs.recommended,
},
];
``This project is licensed under the MIT License - see the LICENSE file for details.