npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

newneostandard

v0.14.3

Published

A modern successor to standard

Readme

npm version npm downloads newneostandard javascript style

A spiritual successor to the standard javascript style guide.

Fork

This is a fork of neostandard, updated to work with eslint version 10.

[!IMPORTANT] ESLint 10 + JSX: This release supports ESLint 10 (while keeping ESLint 9 support). JSX/TSX files are still parsed and the JSX style rules still apply, but the React-specific logic rules (from eslint-plugin-react) are temporarily removed because eslint-plugin-react is not yet compatible with ESLint 10 (jsx-eslint/eslint-plugin-react#3977). They return once a v10-compatible React plugin is adopted. Tracking: #350.

[!NOTE] ESM, Node.js and TypeScript versions: newneostandard is now an ESM package requiring Node.js ^22.13.0 || >=24. CommonJS configs keep working unchanged — require('newneostandard') returns the newneostandard function with plugins and resolveIgnoresFromGitignore attached, same as before (they are also proper ESM named exports, the preferred form). For the ts option, the supported TypeScript range for the installed typescript package tops out at 6.0 (typescript-eslint's peer is <6.1.0, and TypeScript 7 ships no compiler API for tooling until 7.1) — TypeScript 7 users should install typescript@npm:@typescript/typescript6 for linting and alias TS7 separately for tsc, per Microsoft's side-by-side guidance.

Table of Contents

Quick Start

Migrate from standard

  1. npm install -D newneostandard eslint
  2. (Validate that it runs cleanly by running npx newneostandard --help, see #267)
  3. npx newneostandard --migrate > eslint.config.js (uses our config helper)
  4. Replace standard with eslint in all places where you run standard, eg. "scripts" and .github/workflows/ (newneostandard CLI tracked in #2)
  5. (Add ESLint editor integration, eg. VS Code ESLint extension)
  6. Cleanup:
    • npm uninstall standard
    • Remove unused "standard" top level key from your package.json
    • Deactivate standard specific integrations if you no longer use them (eg. vscode-standard))

Add to new project

  1. npm install -D newneostandard eslint

  2. Add an eslint.config.js:

    Using config helper:

    npx newneostandard --esm > eslint.config.js

    Or to get CommonJS:

    npx newneostandard > eslint.config.js

    Or manually create the file as ESM:

    import { newneostandard } from 'newneostandard'
    
    export default newneostandard({
      // options
    })

    Or as CommonJS:

    module.exports = require('newneostandard')({
      // options
    })
  3. Run newneostandard by running ESLint, eg. using npx eslint, npx eslint --fix or similar

Configuration options

All examples below use ESM (ECMAScript Modules) syntax. If you're using CommonJS (CJS), replace the import/export statements with the following:

// Replace
import { newneostandard } from 'newneostandard'
export default newneostandard({ /* options */ })

// With
const newneostandard = require('newneostandard')
module.exports = newneostandard({ /* options */ })

Here's a basic example of how to configure newneostandard:

import { newneostandard } from 'newneostandard'

export default newneostandard({
  ts: true,  // an option
  // Add other options here
})

The options below allow you to customize newneostandard for your project. Use them to add global variables, ignore files, enable TypeScript support, and more.

  • env - string[] - adds additional globals by importing them from the globals npm module

    import { newneostandard } from 'newneostandard'
    
    export default newneostandard({
      env: ['browser', 'mocha'],  // Add browser and mocha global variables
    })
  • files - string[] - additional file patterns to match. Uses the same shape as ESLint files

    import { newneostandard } from 'newneostandard'
    
    export default newneostandard({
      files: ['src/**/*.js', 'tests/**/*.js'],  // Also lint these patterns (newneostandard's built-in JS/TS patterns still apply)
    })
  • filesTs - string[] - additional file patterns for the TypeScript configs to match. Uses the same shape as ESLint files

    import { newneostandard } from 'newneostandard'
    
    export default newneostandard({
      ts: true,   // Enable TypeScript support
      filesTs: ['src/**/*.ts', 'tests/**/*.ts'],  // Also lint these as TypeScript (newneostandard's built-in TS patterns still apply)
    })
  • globals - string[] | object - an array of names of globals or an object of the same shape as ESLint languageOptions.globals

    Using an array:

    import { newneostandard } from 'newneostandard'
    
    export default newneostandard({
      globals: ['$', 'jQuery'],  // Treat $ and jQuery as global variables
    })

    Using an object:

    import { newneostandard } from 'newneostandard'
    
    export default newneostandard({
      globals: {
        $: 'readonly',  // $ is a read-only global
        jQuery: 'writable',  // jQuery can be modified
        localStorage: 'off',  // Disable the localStorage global
      },
    })
  • ignores - string[] - an array of glob patterns for files that the config should not apply to, see ESLint documentation for details

    import { newneostandard } from 'newneostandard'
    
    export default newneostandard({
      ignores: ['dist/**/*', 'tests/**'],  // Ignore files in dist/ and tests/ directories
    })
  • noJsx - boolean - if set, skips JSX parsing and the JSX style rules. (Note: the React-specific logic rules are currently not included regardless — pending ESLint 10 support; see the note at the top and #350)

  • noStyle - boolean - if set, no style rules will be added. Especially useful when combined with Prettier, dprint or similar

    import { newneostandard } from 'newneostandard'
    
    export default newneostandard({
      noStyle: true,  // Disable style-related rules (useful with Prettier or dprint)
    })
  • semi - boolean - if set, enforce rather than forbid semicolons (same as semistandard did)

    import { newneostandard } from 'newneostandard'
    
    export default newneostandard({
      semi: true,  // Enforce semicolons (like semistandard)
    })
  • ts - boolean - if set, TypeScript syntax will be supported and *.ts (including *.d.ts) will be checked. To add additional file patterns to the TypeScript checks, use filesTs

    import { newneostandard } from 'newneostandard'
    
    export default newneostandard({
      ts: true,  // Enable TypeScript support and lint .ts files
    })

Extending

The newneostandard() function returns an ESLint config array which is intended to be exported directly or, if you want to modify or extend the config, can be combined with other configs using ESLint's defineConfig helper (from eslint/config):

import { defineConfig } from 'eslint/config'
import { newneostandard } from 'newneostandard'
import jsdoc from 'eslint-plugin-jsdoc'

export default defineConfig([
  ...newneostandard(),
  jsdoc.configs['flat/recommended-typescript-flavor'],
])

Do note that newneostandard() is intended to be a complete linting config in itself, only extend it if you have needs that goes beyond what newneostandard provides, and open an issue if you believe newneostandard itself should be extended or changed in that direction.

It's recommended to stay compatible with the plain config when extending and only make your config stricter, not relax any of the rules, as your project would then still pass when using just the plain newneostandard-config, which helps people know what baseline to expect from your project.

[!WARNING] Scope your rule-tweak layers. newneostandard defines its plugins only for the JS/TS files it owns, so a config object that adjusts eg. @stylistic/* rules without a files scope applies to every lintable file — and as soon as any other language is linted (package.json via eslint-plugin-package-json, @eslint/json, @eslint/markdown, …) that file sees a rule for a plugin that isn't defined there, which is a fatal could not find plugin config error. Scope such layers with the exported globs:

import { defineConfig } from 'eslint/config'
import { globs, newneostandard } from 'newneostandard'

export default defineConfig([
  ...newneostandard(),
  {
    files: [...globs.all], // the same files newneostandard itself touches
    rules: {
      '@stylistic/comma-dangle': ['warn', { arrays: 'always-multiline' }],
    },
  },
])

Linting other languages (Markdown, JSON, …)

newneostandard scopes all of its rules to the JavaScript and TypeScript files it owns (.js, .cjs, .mjs, .jsx, .ts, .tsx, plus whatever you add through the files / filesTs options). It will not apply its rules to other languages, so it composes directly with the official ESLint language plugins:

import { defineConfig } from 'eslint/config'
import { newneostandard } from 'newneostandard'
import markdown from '@eslint/markdown'
import json from '@eslint/json'

export default defineConfig([
  ...newneostandard(),
  ...markdown.configs.recommended,
  { ...json.configs.recommended, files: ['**/*.json'], language: 'json/json' },
])

Fenced code blocks inside Markdown (the virtual *.md/*.js files produced by @eslint/markdown's processor) are intentionally not linted by newneostandard for now — see #296. To lint them yourself, add your own config block scoped to **/*.md/**.

If you need to apply newneostandard to a non-default set of files (or scope it to a subdirectory), wrap it with ESLint's defineConfig and its extends — the parent files/ignores propagate into every layer:

import { defineConfig } from 'eslint/config'
import { newneostandard } from 'newneostandard'

export default defineConfig([
  { files: ['packages/app/**/*.js'], extends: [newneostandard()] },
])

Adding back import checking

As of newneostandard v0.13.0, eslint-plugin-import-x has been removed to reduce dependency weight and installation complexity. For most projects, TypeScript's compiler (tsc) provides superior import/export checking with full project context.

If you still need ESLint-based import checking, you can add it back manually:

import { defineConfig } from 'eslint/config'
import { newneostandard } from 'newneostandard'
import importX from 'eslint-plugin-import-x'

export default defineConfig([
  ...newneostandard(),
  {
    plugins: {
      'import-x': importX
    },
    rules: {
      'import-x/export': 'error',
      'import-x/first': 'error',
      'import-x/no-absolute-path': ['error', { esmodule: true, commonjs: true, amd: false }],
      'import-x/no-duplicates': 'error',
      'import-x/no-named-default': 'error',
      'import-x/no-webpack-loader-syntax': 'error',
    }
  }
])

For TypeScript projects, you may also want to add the TypeScript resolver:

import { defineConfig } from 'eslint/config'
import { newneostandard } from 'newneostandard'
import importX from 'eslint-plugin-import-x'
import { createTypeScriptImportResolver } from 'eslint-import-resolver-typescript'

export default defineConfig([
  ...newneostandard(),
  {
    plugins: {
      'import-x': importX
    },
    settings: {
      'import-x/resolver-next': [
        createTypeScriptImportResolver({
          project: './tsconfig.json'
        })
      ]
    },
    rules: {
      'import-x/export': 'error',
      'import-x/first': 'error',
      'import-x/no-absolute-path': ['error', { esmodule: true, commonjs: true, amd: false }],
      'import-x/no-duplicates': 'error',
      'import-x/no-named-default': 'error',
      'import-x/no-webpack-loader-syntax': 'error',
    }
  }
])

Recommended alternative: Use TypeScript's compiler for import checking instead:

tsc --noEmit

This provides more comprehensive checking including type imports, module resolution, and cross-file validation.

Additional exports

resolveIgnoresFromGitignore()

Finds a .gitignore file that resides in the same directory as the ESLint config file and returns an array of ESLint ignores that matches the same files.

ESM:

import { newneostandard, resolveIgnoresFromGitignore } from 'newneostandard'

export default newneostandard({
  ignores: resolveIgnoresFromGitignore(),
})

CommonJS:

module.exports = require('newneostandard')({
  ignores: require('newneostandard').resolveIgnoresFromGitignore(),
})

Exported plugins

newneostandard exports all the ESLint plugins that it uses. This to ensure that users who need to reference the plugin themselves will use the exact same instance of the plugin, which is a necessity when a plugin prefix is defined in multiple places.

List of exported plugins

(The react plugin export is temporarily removed along with the React logic rules — see the note at the top.)

Usage of exported plugin

If one eg. wants to add the eslint-plugin-n recommended config, then one can do:

import { defineConfig } from 'eslint/config'
import { newneostandard, plugins } from 'newneostandard'

export default defineConfig([
  ...newneostandard(),
  plugins.n.configs['flat/recommended'],
])

Missing for 1.0.0 release

  • Investigate a dedicated newneostandard runner: #33 / #2

Full list in 1.0.0 milestone

Differences to standard / eslint-config-standard 17.x

Relaxed rules

Config helper

You can use the provided CLI tool to generate a config for you:

newneostandard --semi --ts > eslint.config.js

To see all available flags, run:

newneostandard --help

Config migration

The CLI tool can also migrate an existing "standard" configuration from package.json:

newneostandard --migrate > eslint.config.js

Migrations can also be extended, so to eg. migrate a semistandard setup, do:

newneostandard --semi --migrate > eslint.config.js

Readme badges

Yes! If you use newneostandard in your project, you can include one of these badges in your readme to let people know that your code is using the newneostandard style.

newneostandard javascript style

[![newneostandard javascript style](https://img.shields.io/badge/neo-standard-7fffff?style=flat&labelColor=ff80ff)](https://github.com/neostandard/neostandard)

newneostandard javascript style

[![newneostandard javascript style](https://img.shields.io/badge/code_style-neostandard-7fffff?style=flat&labelColor=ff80ff)](https://github.com/neostandard/neostandard)

newneostandard javascript style

[![newneostandard javascript style](https://img.shields.io/badge/code_style-neostandard-brightgreen?style=flat)](https://github.com/neostandard/neostandard)

Mission statement

Prior to the 1.0.0 release we are still rapidly evolving with fixes and improvements to reach rule parity with standard, hence more breaking changes will be experienced until then, as well as evolution of this statement

newneostandard intends to set an expectable baseline for project linting that's descriptive of best practices rather than prescriptive of any opinionated approach.

Rule guidelines

  1. newneostandard rules describes current best practices in the community and help align developers, contributors and maintainers along those
  2. newneostandard rules are not a tool to promote changed practices within the community by prescribing new such practices
  3. newneostandard rule changes and additions should be aligned with projects prior to being released, by eg. sending PR:s to them to align them ahead of time. When new best practices are incompatible with current best practices, rules should first be relaxed to allow for both approaches, then be made stricter when the community has moved to the new approach
  4. newneostandard rule changes and additions should improve the description of project best practices, not prescribe new practices
  5. newneostandard should, when faced with no clear best practice, avoid adding such a rule as it risks becoming prescriptive rather than descriptive. If leaving out such a rule would make newneostandard an incomplete baseline config, and the community is split between a few clear alternatives (such as semi), then making it configurable can enable it to still be added, but that should only be done in exceptional cases

Governance

newneostandard is a community project with open governance.

See GOVERNANCE.md for specifics.

Used by

A subset of some of the projects that rely on newneostandard: