create-airbnb-x-config 2.0.0 → 2.1.1

package/README.md

@@ -90,6 +90,18 @@ Options:
 
     Include the Remix/React Router specific ESLint configuration.
 
+  --strict-import-config
+
+    Include the strict Import ESLint configuration.
+
+  --strict-react-config
+
+    Include the strict React ESLint configuration.
+
+  --strict-typescript-config
+
+    Include the strict TypeScript ESLint configuration.
+
   --legacy-base-config
 
     Include the legacy Base ESLint configuration.

package/dist/constants/index.d.ts

@@ -4,6 +4,11 @@ export declare const languages: {
     readonly NODE: "node";
     readonly OTHER: "other";
 };
+export declare const strictConfigs: {
+    readonly IMPORT: "import";
+    readonly REACT: "react";
+    readonly TYPESCRIPT: "typescript";
+};
 export declare const configs: {
     readonly BASE: "base";
     readonly NODE: "node";
@@ -19,6 +24,7 @@ export declare const defaults: {
     readonly configType: "extended";
     readonly typescript: true;
     readonly prettier: true;
+    readonly strictConfig: false;
     readonly legacyReactHooks: true;
     readonly createESLintFile: true;
     readonly skipInstall: false;

package/dist/constants/index.js

@@ -1,12 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.legacyLanguages = exports.legacyConfigs = exports.packageManagers = exports.defaults = exports.configTypes = exports.configs = exports.languages = void 0;
+exports.legacyLanguages = exports.legacyConfigs = exports.packageManagers = exports.defaults = exports.configTypes = exports.configs = exports.strictConfigs = exports.languages = void 0;
 exports.languages = {
     REACT: 'react',
     NEXT: 'next',
     NODE: 'node',
     OTHER: 'other',
 };
+exports.strictConfigs = {
+    IMPORT: 'import',
+    REACT: 'react',
+    TYPESCRIPT: 'typescript',
+};
 exports.configs = {
     BASE: 'base',
     NODE: 'node',
@@ -22,6 +27,7 @@ exports.defaults = {
     configType: exports.configTypes.EXTENDED,
     typescript: true,
     prettier: true,
+    strictConfig: false,
     legacyReactHooks: true,
     createESLintFile: true,
     skipInstall: false,

package/dist/helpers/getArgs.d.ts

@@ -1,4 +1,4 @@
-import { configs, configTypes, languages, packageManagers } from '../constants';
+import { configs, configTypes, languages, packageManagers, strictConfigs } from '../constants';
 import type { ValueOf } from '../utils/types';
 export declare const configHelp = "\n/**\n * Configuration Rules:\n * 1. Either Base or Node config should be included (choose one).\n * 2. React config can be used with either Next or Remix/React Router (choose one).\n * 3. Including all configs together is not recommended and may lead to conflicts.\n *\n * Summary:\n * - One from: Base | Node\n * - One from: React + (Next | Remix/React Router)\n * - Avoid selecting all configs at once.\n */";
 type GetConfig = (opts: Partial<ProgramOpts>) => GetArgsOutput['config'];
@@ -18,6 +18,9 @@ export interface ProgramOpts {
     reactConfig: true;
     nextConfig: true;
     reactRouterConfig: true;
+    strictImportConfig: true;
+    strictReactConfig: true;
+    strictTypescriptConfig: true;
     legacyBaseConfig: true;
     legacyReactConfig: true;
     legacyReactHooksConfig: true;
@@ -37,6 +40,7 @@ export interface GetArgsOutput {
     configType: ValueOf<typeof configTypes> | null;
     typescript: boolean | null;
     prettier: boolean | null;
+    strictConfig: ValueOf<typeof strictConfigs>[] | null;
     language: ValueOf<typeof languages> | null;
     config: ValueOf<typeof configs>[] | null;
     legacyConfig: GetArgsLegacyConfig | null;

package/dist/helpers/getArgs.js

@@ -32,6 +32,17 @@ const getTypescript = (opts) => {
         return false;
     return null;
 };
+const getStrictConfig = (opts) => {
+    const { strictImportConfig, strictReactConfig, strictTypescriptConfig } = opts;
+    const strictConfig = [];
+    if (strictImportConfig)
+        strictConfig.push(constants_1.strictConfigs.IMPORT);
+    if (strictReactConfig)
+        strictConfig.push(constants_1.strictConfigs.REACT);
+    if (strictTypescriptConfig)
+        strictConfig.push(constants_1.strictConfigs.TYPESCRIPT);
+    return strictConfig.length > 0 ? strictConfig : null;
+};
 // Config Help
 exports.configHelp = `
 /**
@@ -122,6 +133,7 @@ const getArgs = () => __awaiter(void 0, void 0, void 0, function* () {
         configType: getConfigType(opts),
         typescript: getTypescript(opts),
         prettier: opts.prettier ? true : null,
+        strictConfig: getStrictConfig(opts),
         language: getLanguage(opts),
         config: (0, exports.getConfig)(opts),
         legacyConfig: getLegacyConfig(opts),

package/dist/helpers/getConfigUrl.d.ts

@@ -5,6 +5,6 @@ interface GetConfigUrlOutput {
     path: string;
     url: string;
 }
-export type GetConfigUrl = (args: Pick<NonNullableArgsOutput, 'configType' | 'typescript' | 'prettier' | 'language' | 'legacyConfig'>) => GetConfigUrlOutput | null;
+export type GetConfigUrl = (args: Pick<NonNullableArgsOutput, 'configType' | 'typescript' | 'prettier' | 'strictConfig' | 'language' | 'legacyConfig'>) => GetConfigUrlOutput | null;
 declare const getConfigUrl: GetConfigUrl;
 export default getConfigUrl;

package/dist/helpers/getConfigUrl.js

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.baseGithubUrl = exports.eslintConfigName = void 0;
 const picocolors_1 = __importDefault(require("picocolors"));
 const constants_1 = require("../constants");
+const constants_2 = require("../lib/templates/constants");
 exports.eslintConfigName = 'eslint.config.mjs';
 exports.baseGithubUrl = 'https://github.com/NishargShah/eslint-config-airbnb-extended/tree/master/packages/create-airbnb-x-config/templates';
 const getConfigUrl = (args) => {
-    const { configType, typescript, prettier, language, legacyConfig } = args;
+    const { configType, typescript, prettier, strictConfig, language, legacyConfig } = args;
     const isLegacy = configType === constants_1.configTypes.LEGACY;
     if (!isLegacy && language === constants_1.languages.OTHER)
         return null;
@@ -26,10 +27,17 @@ const getConfigUrl = (args) => {
             return constants_1.legacyLanguages.REACT_HOOKS;
         return null;
     })();
+    const strictOrDefaultText = (() => {
+        if (!strictConfig || strictConfig.length === 0)
+            return [constants_2.subFolders.DEFAULT];
+        const strictFolder = strictConfig.sort((a, b) => a.localeCompare(b)).join('-');
+        return [constants_2.subFolders.STRICT, strictFolder];
+    })();
     const path = [
         ...(isLegacy ? [constants_1.configTypes.LEGACY, legacyLanguage] : [language]),
         prettierText,
         tsOrJsText,
+        ...strictOrDefaultText,
         exports.eslintConfigName,
     ]
         .filter(Boolean)

package/dist/helpers/program.d.ts

@@ -1,7 +1,7 @@
 import { Command } from 'commander';
 /**
  * Program Command
- * @example: pnpm cli:start --extended --legacy --ts --js --prettier --react --remix --next --node --base-config --node-config --react-config --remix-config --next-config --legacy-base-config --legacy-react-config --legacy-react-hooks-config --use-npm --use-yarn --use-pnpm --use-bun --create-eslint-file --skip-install
+ * @example: pnpm cli:start --extended --legacy --ts --js --prettier --react --remix --next --node --base-config --node-config --react-config --next-config --remix-config --strict-import-config --strict-react-config --strict-typescript-config --legacy-base-config --legacy-react-config --legacy-react-hooks-config --use-npm --use-yarn --use-pnpm --use-bun --create-eslint-file --skip-install
  */
 declare const program: Command;
 export default program;

package/dist/helpers/program.js

@@ -5,7 +5,7 @@ const getConfigUrl_1 = require("../helpers/getConfigUrl");
 const package_json_1 = require("../package.json");
 /**
  * Program Command
- * @example: pnpm cli:start --extended --legacy --ts --js --prettier --react --remix --next --node --base-config --node-config --react-config --remix-config --next-config --legacy-base-config --legacy-react-config --legacy-react-hooks-config --use-npm --use-yarn --use-pnpm --use-bun --create-eslint-file --skip-install
+ * @example: pnpm cli:start --extended --legacy --ts --js --prettier --react --remix --next --node --base-config --node-config --react-config --next-config --remix-config --strict-import-config --strict-react-config --strict-typescript-config --legacy-base-config --legacy-react-config --legacy-react-hooks-config --use-npm --use-yarn --use-pnpm --use-bun --create-eslint-file --skip-install
  */
 const program = new commander_1.Command()
     .name(package_json_1.name)
@@ -25,6 +25,9 @@ const program = new commander_1.Command()
     .option('--react-config', 'Include the React specific ESLint configuration.')
     .option('--next-config', 'Include the Next.js specific ESLint configuration.')
     .option('--remix-config, --react-router-config', 'Include the Remix/React Router specific ESLint configuration.')
+    .option('--strict-import-config', 'Include the strict Import ESLint configuration.')
+    .option('--strict-react-config', 'Include the strict React ESLint configuration.')
+    .option('--strict-typescript-config', 'Include the strict TypeScript ESLint configuration.')
     .option('--legacy-base-config', 'Include the legacy Base ESLint configuration.')
     .option('--legacy-react-config', 'Include the legacy React ESLint configuration.')
     .option('--legacy-react-hooks-config', 'Include the legacy React Hooks ESLint configuration.')

package/dist/index.js

@@ -194,6 +194,60 @@ const run = () => __awaiter(void 0, void 0, void 0, function* () {
                 args = Object.assign(Object.assign({}, args), { config: [] });
             }
         }
+        if (!args.strictConfig) {
+            const { hasStrictConfig } = yield (0, prompts_1.default)({
+                type: 'toggle',
+                name: 'hasStrictConfig',
+                message: `Do you want to add ${picocolors_1.default.cyan('strict')} configs?`,
+                initial: constants_1.defaults.strictConfig,
+                active: 'Yes',
+                inactive: 'No',
+                onState: utils_1.onPromptState,
+            }, {
+                onCancel: utils_1.onCancel,
+            });
+            if (hasStrictConfig) {
+                const { strictConfig } = yield (0, prompts_1.default)({
+                    type: 'multiselect',
+                    name: 'strictConfig',
+                    message: 'Select Strict Configs:',
+                    min: 1,
+                    choices: [
+                        {
+                            title: 'Import',
+                            description: picocolors_1.default.yellowBright('Strict Import config'),
+                            value: constants_1.strictConfigs.IMPORT,
+                        },
+                        ...(args.language &&
+                            [constants_1.languages.REACT, constants_1.languages.NEXT].includes(args.language)
+                            ? [
+                                {
+                                    title: 'React',
+                                    description: picocolors_1.default.cyanBright('Strict React config'),
+                                    value: constants_1.strictConfigs.REACT,
+                                },
+                            ]
+                            : []),
+                        ...(args.typescript
+                            ? [
+                                {
+                                    title: 'TypeScript',
+                                    description: picocolors_1.default.blueBright('Strict TypeScript config'),
+                                    value: constants_1.strictConfigs.TYPESCRIPT,
+                                },
+                            ]
+                            : []),
+                    ],
+                    onState: utils_1.onPromptState,
+                }, {
+                    onCancel: utils_1.onCancel,
+                });
+                args = Object.assign(Object.assign({}, args), { strictConfig });
+            }
+            else {
+                args = Object.assign(Object.assign({}, args), { strictConfig: [] });
+            }
+        }
     }
     if (args.configType === constants_1.configTypes.LEGACY) {
         if (!args.legacyConfig || args.legacyConfig.base === null || args.legacyConfig.react === null) {

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "create-airbnb-x-config",
-    "version": "2.0.0",
+    "version": "2.1.1",
     "description": "Airbnb Extended Config CLI",
     "keywords": [
         "eslint",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-airbnb-x-config",
-  "version": "2.0.0",
+  "version": "2.1.1",
   "description": "Airbnb Extended Config CLI",
   "keywords": [
     "eslint",

package/templates/next/js/strict/import/eslint.config.mjs

@@ -0,0 +1,52 @@
+/**
+ * THIS FILE WAS AUTO-GENERATED.
+ * PLEASE DO NOT EDIT IT MANUALLY.
+ * ===============================
+ * IF YOU'RE COPYING THIS INTO AN ESLINT CONFIG, REMOVE THIS COMMENT BLOCK.
+ */
+
+import path from 'node:path';
+
+import { includeIgnoreFile } from '@eslint/compat';
+import js from '@eslint/js';
+import { configs, plugins, rules } from 'eslint-config-airbnb-extended';
+
+const gitignorePath = path.resolve('.', '.gitignore');
+
+const jsConfig = [
+  // ESLint Recommended Rules
+  {
+    name: 'js/config',
+    ...js.configs.recommended,
+  },
+  // Stylistic Plugin
+  plugins.stylistic,
+  // Import X Plugin
+  plugins.importX,
+  // Airbnb Base Recommended Config
+  ...configs.base.recommended,
+  // Strict Import Config
+  rules.base.importsStrict,
+];
+
+const nextConfig = [
+  // React Plugin
+  plugins.react,
+  // React Hooks Plugin
+  plugins.reactHooks,
+  // React JSX A11y Plugin
+  plugins.reactA11y,
+  // Next Plugin
+  plugins.next,
+  // Airbnb Next Recommended Config
+  ...configs.next.recommended,
+];
+
+export default [
+  // Ignore .gitignore files/folder in eslint
+  includeIgnoreFile(gitignorePath),
+  // Javascript Config
+  ...jsConfig,
+  // Next Config
+  ...nextConfig,
+];

package/templates/next/js/strict/import-react/eslint.config.mjs

@@ -0,0 +1,54 @@
+/**
+ * THIS FILE WAS AUTO-GENERATED.
+ * PLEASE DO NOT EDIT IT MANUALLY.
+ * ===============================
+ * IF YOU'RE COPYING THIS INTO AN ESLINT CONFIG, REMOVE THIS COMMENT BLOCK.
+ */
+
+import path from 'node:path';
+
+import { includeIgnoreFile } from '@eslint/compat';
+import js from '@eslint/js';
+import { configs, plugins, rules } from 'eslint-config-airbnb-extended';
+
+const gitignorePath = path.resolve('.', '.gitignore');
+
+const jsConfig = [
+  // ESLint Recommended Rules
+  {
+    name: 'js/config',
+    ...js.configs.recommended,
+  },
+  // Stylistic Plugin
+  plugins.stylistic,
+  // Import X Plugin
+  plugins.importX,
+  // Airbnb Base Recommended Config
+  ...configs.base.recommended,
+  // Strict Import Config
+  rules.base.importsStrict,
+];
+
+const nextConfig = [
+  // React Plugin
+  plugins.react,
+  // React Hooks Plugin
+  plugins.reactHooks,
+  // React JSX A11y Plugin
+  plugins.reactA11y,
+  // Next Plugin
+  plugins.next,
+  // Airbnb Next Recommended Config
+  ...configs.next.recommended,
+  // Strict React Config
+  rules.react.strict,
+];
+
+export default [
+  // Ignore .gitignore files/folder in eslint
+  includeIgnoreFile(gitignorePath),
+  // Javascript Config
+  ...jsConfig,
+  // Next Config
+  ...nextConfig,
+];

package/templates/next/js/strict/react/eslint.config.mjs

@@ -0,0 +1,52 @@
+/**
+ * THIS FILE WAS AUTO-GENERATED.
+ * PLEASE DO NOT EDIT IT MANUALLY.
+ * ===============================
+ * IF YOU'RE COPYING THIS INTO AN ESLINT CONFIG, REMOVE THIS COMMENT BLOCK.
+ */
+
+import path from 'node:path';
+
+import { includeIgnoreFile } from '@eslint/compat';
+import js from '@eslint/js';
+import { configs, plugins, rules } from 'eslint-config-airbnb-extended';
+
+const gitignorePath = path.resolve('.', '.gitignore');
+
+const jsConfig = [
+  // ESLint Recommended Rules
+  {
+    name: 'js/config',
+    ...js.configs.recommended,
+  },
+  // Stylistic Plugin
+  plugins.stylistic,
+  // Import X Plugin
+  plugins.importX,
+  // Airbnb Base Recommended Config
+  ...configs.base.recommended,
+];
+
+const nextConfig = [
+  // React Plugin
+  plugins.react,
+  // React Hooks Plugin
+  plugins.reactHooks,
+  // React JSX A11y Plugin
+  plugins.reactA11y,
+  // Next Plugin
+  plugins.next,
+  // Airbnb Next Recommended Config
+  ...configs.next.recommended,
+  // Strict React Config
+  rules.react.strict,
+];
+
+export default [
+  // Ignore .gitignore files/folder in eslint
+  includeIgnoreFile(gitignorePath),
+  // Javascript Config
+  ...jsConfig,
+  // Next Config
+  ...nextConfig,
+];

package/templates/next/prettier/js/strict/import/eslint.config.mjs

@@ -0,0 +1,74 @@
+/**
+ * THIS FILE WAS AUTO-GENERATED.
+ * PLEASE DO NOT EDIT IT MANUALLY.
+ * ===============================
+ * IF YOU'RE COPYING THIS INTO AN ESLINT CONFIG, REMOVE THIS COMMENT BLOCK.
+ */
+
+import path from 'node:path';
+
+import { includeIgnoreFile } from '@eslint/compat';
+import js from '@eslint/js';
+import { configs, plugins, rules } from 'eslint-config-airbnb-extended';
+import { rules as prettierConfigRules } from 'eslint-config-prettier';
+import prettierPlugin from 'eslint-plugin-prettier';
+
+const gitignorePath = path.resolve('.', '.gitignore');
+
+const jsConfig = [
+  // ESLint Recommended Rules
+  {
+    name: 'js/config',
+    ...js.configs.recommended,
+  },
+  // Stylistic Plugin
+  plugins.stylistic,
+  // Import X Plugin
+  plugins.importX,
+  // Airbnb Base Recommended Config
+  ...configs.base.recommended,
+  // Strict Import Config
+  rules.base.importsStrict,
+];
+
+const nextConfig = [
+  // React Plugin
+  plugins.react,
+  // React Hooks Plugin
+  plugins.reactHooks,
+  // React JSX A11y Plugin
+  plugins.reactA11y,
+  // Next Plugin
+  plugins.next,
+  // Airbnb Next Recommended Config
+  ...configs.next.recommended,
+];
+
+const prettierConfig = [
+  // Prettier Plugin
+  {
+    name: 'prettier/plugin/config',
+    plugins: {
+      prettier: prettierPlugin,
+    },
+  },
+  // Prettier Config
+  {
+    name: 'prettier/config',
+    rules: {
+      ...prettierConfigRules,
+      'prettier/prettier': 'error',
+    },
+  },
+];
+
+export default [
+  // Ignore .gitignore files/folder in eslint
+  includeIgnoreFile(gitignorePath),
+  // Javascript Config
+  ...jsConfig,
+  // Next Config
+  ...nextConfig,
+  // Prettier Config
+  ...prettierConfig,
+];

package/templates/next/prettier/js/strict/import-react/eslint.config.mjs

@@ -0,0 +1,76 @@
+/**
+ * THIS FILE WAS AUTO-GENERATED.
+ * PLEASE DO NOT EDIT IT MANUALLY.
+ * ===============================
+ * IF YOU'RE COPYING THIS INTO AN ESLINT CONFIG, REMOVE THIS COMMENT BLOCK.
+ */
+
+import path from 'node:path';
+
+import { includeIgnoreFile } from '@eslint/compat';
+import js from '@eslint/js';
+import { configs, plugins, rules } from 'eslint-config-airbnb-extended';
+import { rules as prettierConfigRules } from 'eslint-config-prettier';
+import prettierPlugin from 'eslint-plugin-prettier';
+
+const gitignorePath = path.resolve('.', '.gitignore');
+
+const jsConfig = [
+  // ESLint Recommended Rules
+  {
+    name: 'js/config',
+    ...js.configs.recommended,
+  },
+  // Stylistic Plugin
+  plugins.stylistic,
+  // Import X Plugin
+  plugins.importX,
+  // Airbnb Base Recommended Config
+  ...configs.base.recommended,
+  // Strict Import Config
+  rules.base.importsStrict,
+];
+
+const nextConfig = [
+  // React Plugin
+  plugins.react,
+  // React Hooks Plugin
+  plugins.reactHooks,
+  // React JSX A11y Plugin
+  plugins.reactA11y,
+  // Next Plugin
+  plugins.next,
+  // Airbnb Next Recommended Config
+  ...configs.next.recommended,
+  // Strict React Config
+  rules.react.strict,
+];
+
+const prettierConfig = [
+  // Prettier Plugin
+  {
+    name: 'prettier/plugin/config',
+    plugins: {
+      prettier: prettierPlugin,
+    },
+  },
+  // Prettier Config
+  {
+    name: 'prettier/config',
+    rules: {
+      ...prettierConfigRules,
+      'prettier/prettier': 'error',
+    },
+  },
+];
+
+export default [
+  // Ignore .gitignore files/folder in eslint
+  includeIgnoreFile(gitignorePath),
+  // Javascript Config
+  ...jsConfig,
+  // Next Config
+  ...nextConfig,
+  // Prettier Config
+  ...prettierConfig,
+];

package/templates/next/prettier/js/strict/react/eslint.config.mjs

@@ -0,0 +1,74 @@
+/**
+ * THIS FILE WAS AUTO-GENERATED.
+ * PLEASE DO NOT EDIT IT MANUALLY.
+ * ===============================
+ * IF YOU'RE COPYING THIS INTO AN ESLINT CONFIG, REMOVE THIS COMMENT BLOCK.
+ */
+
+import path from 'node:path';
+
+import { includeIgnoreFile } from '@eslint/compat';
+import js from '@eslint/js';
+import { configs, plugins, rules } from 'eslint-config-airbnb-extended';
+import { rules as prettierConfigRules } from 'eslint-config-prettier';
+import prettierPlugin from 'eslint-plugin-prettier';
+
+const gitignorePath = path.resolve('.', '.gitignore');
+
+const jsConfig = [
+  // ESLint Recommended Rules
+  {
+    name: 'js/config',
+    ...js.configs.recommended,
+  },
+  // Stylistic Plugin
+  plugins.stylistic,
+  // Import X Plugin
+  plugins.importX,
+  // Airbnb Base Recommended Config
+  ...configs.base.recommended,
+];
+
+const nextConfig = [
+  // React Plugin
+  plugins.react,
+  // React Hooks Plugin
+  plugins.reactHooks,
+  // React JSX A11y Plugin
+  plugins.reactA11y,
+  // Next Plugin
+  plugins.next,
+  // Airbnb Next Recommended Config
+  ...configs.next.recommended,
+  // Strict React Config
+  rules.react.strict,
+];
+
+const prettierConfig = [
+  // Prettier Plugin
+  {
+    name: 'prettier/plugin/config',
+    plugins: {
+      prettier: prettierPlugin,
+    },
+  },
+  // Prettier Config
+  {
+    name: 'prettier/config',
+    rules: {
+      ...prettierConfigRules,
+      'prettier/prettier': 'error',
+    },
+  },
+];
+
+export default [
+  // Ignore .gitignore files/folder in eslint
+  includeIgnoreFile(gitignorePath),
+  // Javascript Config
+  ...jsConfig,
+  // Next Config
+  ...nextConfig,
+  // Prettier Config
+  ...prettierConfig,
+];