PPF ESLint Config

0.128.1 verified Sat Apr 25 auth: no javascript

The shared ESLint configuration for the PPF (Pluggable Payments Frontend) project. Version 0.128.1. This package provides a consistent set of ESLint rules tailored for the PPF codebase, likely including React, TypeScript, and Prettier integrations. It is designed to enforce code quality and style across the project. The package is tightly coupled with the PPF ecosystem and may not be suitable for general use outside of it.

Common errors

error Cannot find module 'eslint-config-ppf' ↓

cause Package not in your npm registry or not installed.

fix

Ensure package is installed: npm install eslint-config-ppf (if published) or add GitHub reference.

error Configuration for rule 'react/jsx-filename-extension' is invalid ↓

cause Conflicting rule definitions between PPF config and user config.

fix

Check rule definitions and override only if necessary; use 'off' or adjust severity.

error 'ppf' config is not defined in extends ↓

cause Missing module or improper configuration file.

fix

Verify package is installed and eslintrc is correctly set up (e.g., 'extends: ['ppf']').

Warnings

gotcha Config is not published to npm; must be installed from GitHub or private registry. ↓

fix Use the GitHub package reference or configure npm to access the private registry.

gotcha This config is specific to PPF project conventions and may conflict with other ESLint configs (e.g., standard, airbnb). ↓

fix Only use in PPF projects or after verifying rule compatibility.

gotcha Major version >=0 so breaking changes can occur with minor updates. ↓

fix Lock the version in package.json (e.g., '0.128.1') and review changelog before upgrading.

Install

npm install eslint-config-ppf

yarn add eslint-config-ppf

pnpm add eslint-config-ppf

Imports

default

wrong

const config = require('eslint-config-ppf')

correct

import config from 'eslint-config-ppf'

ESM only; requires ESLint with flat config support

config

wrong

import { config } from 'eslint-config-ppf'

correct

import config from 'eslint-config-ppf'

Default export, not named

eslintrc

wrong

const config = require('eslint-config-ppf')

correct

// .eslintrc.js
module.exports = {
  extends: ['ppf']
}

Traditional eslintrc format; use string reference

Quickstart

Shows how to extend the PPF config in an eslintrc file with additional rules.

// .eslintrc.js
module.exports = {
  extends: ['ppf'],
  rules: {
    'react/jsx-filename-extension': ['error', { extensions: ['.jsx', '.tsx'] }]
  }
}