.github/dependabot.yml

@@ -0,0 +1,12 @@
+version: 2
+updates:
+- package-ecosystem: npm
+  directory: "/"
+  schedule:
+    interval: weekly
+  open-pull-requests-limit: 10
+  versioning-strategy: increase-if-necessary
+- package-ecosystem: github-actions
+  directory: "/"
+  schedule:
+    interval: weekly

.github/workflows/test.yml

@@ -8,26 +8,24 @@ on:
     branches:
       - main
 
-env:
-  CI: true
-
 jobs:
-  run:
+  test:
+    name: Test
     runs-on: ubuntu-latest
 
-    strategy:
-      matrix:
-        node:
-          - 14
-
     steps:
-      - name: Clone repository
-        uses: actions/checkout@v2
+      - name: Clone Repository
+        uses: actions/checkout@v4
 
-      - name: Set Node.js version
-        uses: actions/setup-node@v1
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
         with:
-          node-version: ${{ matrix.node }}
+          node-version: '20'
+
+      - name: Install Dependencies
+        run: npm ci
 
-      - run: npm ci
-      - run: npm test
+      - name: Run Tests
+        run: npm test
+        env:
+          CI: true

eslint.config.js

@@ -0,0 +1,3 @@
+import planetConfig from './react.js';
+
+export default [...planetConfig];

examples/es6/main.js

@@ -1,6 +1,6 @@
-import foo from './local-module';
 import fs from 'fs';
 import path from 'path';
+import foo from './local-module.js';
 
 const main = paths =>
   Promise.all(
@@ -14,7 +14,7 @@ const main = paths =>
           }
         });
       });
-    })
+    }),
   );
 
 exports.modifyProps = props => {
@@ -23,7 +23,7 @@ exports.modifyProps = props => {
 
 if (require.main === module) {
   const paths = ['main.js', '.eslintrc'].map(name =>
-    path.join(__dirname, name)
+    path.join(__dirname, name),
   );
   main(paths)
     .then(contents => {

examples/react/component.js

@@ -1,6 +1,6 @@
+import {string} from 'prop-types';
 import React, {useCallback, useState} from 'react';
 import ReactDOM from 'react-dom';
-import {string} from 'prop-types';
 
 const HelloMessage = ({name}) => {
   const [greeting, setGreeting] = useState('Hello');

examples/react/component.tsx

@@ -0,0 +1,23 @@
+import {string} from 'prop-types';
+import React, {useCallback, useState} from 'react';
+import ReactDOM from 'react-dom';
+
+const HelloMessage = ({name}) => {
+  const [greeting, setGreeting] = useState('Hello');
+
+  const onClick = useCallback(() => {
+    setGreeting(`Goodbye ${name}`);
+  }, [name]);
+
+  return (
+    <div onClick={onClick}>
+      {greeting} {name}
+    </div>
+  );
+};
+
+HelloMessage.propTypes = {
+  name: string.isRequired,
+};
+
+ReactDOM.render(<HelloMessage name="John" />, document.getElementById('root'));

index.js

@@ -1,84 +1,92 @@
-module.exports = {
-  extends: ['prettier'],
-  plugins: ['import', 'prettier', 'sort-imports-es6-autofix'],
-  env: {
-    node: true,
-    browser: true,
-    es6: true,
-  },
-  parserOptions: {
-    ecmaVersion: 2018,
-    sourceType: 'module',
-  },
-  rules: {
-    'array-callback-return': 'error',
-    'block-scoped-var': 'error',
-    curly: 'error',
-    'default-case': 'error',
-    'dot-notation': ['error', {allowPattern: '^[a-z]+(_[a-z]+)+$'}],
-    eqeqeq: 'error',
-    'import/default': 'error',
-    'import/first': 'error',
-    'import/named': 'error',
-    'import/no-duplicates': 'error',
-    'import/no-self-import': 'error',
-    'import/no-unresolved': ['error', {commonjs: true}],
-    'no-case-declarations': 'error',
-    'no-cond-assign': 'error',
-    'no-console': 'error',
-    'no-const-assign': 'error',
-    'no-control-regex': 'error',
-    'no-debugger': 'error',
-    'no-delete-var': 'error',
-    'no-dupe-args': 'error',
-    'no-dupe-keys': 'error',
-    'no-duplicate-case': 'error',
-    'no-empty': 'error',
-    'no-empty-character-class': 'error',
-    'no-eq-null': 'error',
-    'no-ex-assign': 'error',
-    'no-extra-boolean-cast': 'error',
-    'no-fallthrough': 'error',
-    'no-func-assign': 'error',
-    'no-inner-declarations': ['error', 'functions'],
-    'no-invalid-regexp': 'error',
-    'no-irregular-whitespace': 'error',
-    'no-negated-in-lhs': 'error',
-    'no-obj-calls': 'error',
-    'no-octal': 'error',
-    'no-param-reassign': 'error',
-    'no-process-exit': 'off',
-    'no-redeclare': 'error',
-    'no-regex-spaces': 'error',
-    'no-sparse-arrays': 'error',
-    'no-undef': 'error',
-    'no-underscore-dangle': 'off',
-    'no-unexpected-multiline': 'error',
-    'no-unreachable': 'error',
-    'no-unsafe-finally': 'error',
-    'no-unused-vars': ['error', {ignoreRestSiblings: true}],
-    'no-use-before-define': ['error', 'nofunc'],
-    'no-var': 'error',
-    'prefer-const': 'error',
-    'prettier/prettier': [
-      'error',
-      {
-        singleQuote: true,
-        bracketSpacing: false,
-        trailingComma: 'es5',
-        arrowParens: 'avoid',
-      },
-    ],
-    strict: 'off',
-    'sort-imports-es6-autofix/sort-imports-es6': [
-      'error',
-      {
-        ignoreCase: false,
-        ignoreMemberSort: false,
-        memberSyntaxSortOrder: ['none', 'all', 'single', 'multiple'],
+import js from '@eslint/js';
+import importPlugin from 'eslint-plugin-import';
+import prettier from 'eslint-plugin-prettier';
+import globals from 'globals';
+
+export default [
+  js.configs.recommended,
+  importPlugin.flatConfigs.recommended,
+  {
+    name: 'planet/recommended',
+    plugins: {
+      prettier,
+    },
+
+    languageOptions: {
+      globals: {
+        ...globals.node,
+        ...globals.browser,
       },
-    ],
-    'use-isnan': 'error',
-    'valid-typeof': 'error',
+
+      ecmaVersion: 'latest',
+      sourceType: 'module',
+    },
+
+    rules: {
+      // core rules
+      'array-callback-return': 'error',
+      'block-scoped-var': 'error',
+      curly: 'error',
+      'default-case': 'error',
+      'dot-notation': ['error', {allowPattern: '^[a-z]+(_[a-z]+)+$'}],
+      eqeqeq: 'error',
+      'no-case-declarations': 'error',
+      'no-cond-assign': 'error',
+      'no-console': 'error',
+      'no-const-assign': 'error',
+      'no-constant-binary-expression': 'error',
+      'no-control-regex': 'error',
+      'no-debugger': 'error',
+      'no-delete-var': 'error',
+      'no-dupe-args': 'error',
+      'no-dupe-keys': 'error',
+      'no-duplicate-case': 'error',
+      'no-empty': 'error',
+      'no-empty-character-class': 'error',
+      'no-eq-null': 'error',
+      'no-ex-assign': 'error',
+      'no-extra-boolean-cast': 'error',
+      'no-fallthrough': 'error',
+      'no-func-assign': 'error',
+      'no-inner-declarations': ['error', 'functions'],
+      'no-invalid-regexp': 'error',
+      'no-irregular-whitespace': 'error',
+      'no-negated-in-lhs': 'error',
+      'no-obj-calls': 'error',
+      'no-octal': 'error',
+      'no-param-reassign': 'error',
+      'no-process-exit': 'off',
+      'no-redeclare': 'error',
+      'no-regex-spaces': 'error',
+      'no-sparse-arrays': 'error',
+      'no-undef': 'error',
+      'no-underscore-dangle': 'off',
+      'no-unexpected-multiline': 'error',
+      'no-unreachable': 'error',
+      'no-unsafe-finally': 'error',
+      'no-unused-vars': ['error', {ignoreRestSiblings: true}],
+      'no-use-before-define': ['error', 'nofunc'],
+      'no-var': 'error',
+      'prefer-const': 'error',
+      strict: 'off',
+      'use-isnan': 'error',
+      'valid-typeof': 'error',
+
+      // import plugin
+      'import/default': 'error',
+      'import/extensions': ['error', 'always', {ignorePackages: true}],
+      'import/first': 'error',
+      'import/named': 'error',
+      'import/no-duplicates': 'error',
+      'import/no-self-import': 'error',
+      'import/no-unresolved': ['error', {commonjs: true}],
+      'import/order': ['error', {named: true, alphabetize: {order: 'asc'}}],
+
+      // prettier plugin
+      'prettier/prettier': [
+        'error',
+        {singleQuote: true, bracketSpacing: false, arrowParens: 'avoid'},
+      ],
+    },
   },
-};
+];