feat: extend configs from wp-scripts

__tests__/cli.test.js

@@ -2,10 +2,6 @@
 const path = require('path');
 const mockFs = require('mock-fs');
 
-jest.mock('ora', () => () => ({
-  start: jest.fn(),
-}));
-
 const requiredRealDirs = {
   node_modules: mockFs.load(path.resolve(__dirname, '../node_modules')),
   src: mockFs.load(path.resolve(__dirname, '../src')),

configs/eslint.js

@@ -1,41 +1,13 @@
-const babelConfig = require('./babel.js');
-const { eslintResolver } = require('./../src/utils/get-alias');
+const path = require('path');
 
-module.exports = {
-  globals: {
-    __DEV__: true,
-    __PROD__: true,
-    __TEST__: true,
-    wp: true,
-  },
+const eslintConfig = {
+  extends: ['plugin:@wordpress/eslint-plugin/recommended', 'airbnb', 'prettier'],
   env: {
     browser: true,
-    es2021: true,
-    node: true,
-  },
-  extends: ['airbnb', 'prettier', 'plugin:@typescript-eslint/recommended'],
-  parser: '@babel/eslint-parser',
-  parserOptions: {
-    requireConfigFile: false,
-    babelOptions: {
-      ...babelConfig,
-    },
-    env: {
-      browser: true,
-      es2021: true,
-      node: true,
-    },
-    settings: {
-      'import/resolver': eslintResolver(),
-      'import/parsers': {
-        '@typescript-eslint/parser': ['.ts', '.tsx'],
-      },
-    },
   },
-  plugins: ['@babel', 'react', 'prettier', 'jsdoc', 'import', '@typescript-eslint/eslint-plugin'],
   rules: {
     complexity: ['error', 10],
-    'prettier/prettier': 'error',
+    'prettier/prettier': ['error', require(path.resolve(__dirname, './prettier'))],
     'import/no-extraneous-dependencies': [
       'error',
       {
@@ -68,5 +40,23 @@ module.exports = {
         },
       },
     ],
+    '@wordpress/no-unsafe-wp-apis': 'warn',
   },
-};
+  settings: {
+    'import/resolver': {
+      alias: {
+        map: [
+          ['@Components', path.resolve(process.cwd(), 'src/components')],
+          ['Components', path.resolve(process.cwd(), 'src/components')],
+          ['@Static', path.resolve(process.cwd(), 'src/static')],
+          ['Static', path.resolve(process.cwd(), 'src/static')],
+          ['@Utils', path.resolve(process.cwd(), 'src/utils')],
+          ['Utils', path.resolve(process.cwd(), 'src/utils')],
+        ],
+        extensions: ['.ts', '.tsx', '.mjs', '.js', '.jsx'],
+      },
+    }
+  },
+};
+
+module.exports = eslintConfig;

configs/prettier.js

@@ -1,9 +1,14 @@
-const config = {
+const defaultConfig = require('@wordpress/prettier-config');
+
+const prettierConfig = {
+  ...defaultConfig,
+  tabWidth: 2,
+  useTabs: false,
   printWidth: 100,
   trailingComma: 'all',
   arrowParens: 'always',
   singleQuote: true,
   endOfLine: 'auto',
 };
 
-module.exports = config;
+module.exports = prettierConfig;

configs/stylelint.js

@@ -1,6 +1,15 @@
+
 module.exports = {
-  plugins: ['stylelint-scss'],
+  extends: ["@wordpress/stylelint-config/scss"],
   rules: {
+    // wp overrides
+    indentation: 2,
+    'selector-class-pattern': null,
+    'selector-id-pattern': null,
+    'max-line-length': 100,
+    'string-quotes': 'single',
+    'no-descending-specificity': null,
+    // our rules
     'color-hex-length': 'short',
     'color-no-invalid-hex': true,
     'function-calc-no-unspaced-operator': true,
@@ -35,4 +44,4 @@ module.exports = {
     'scss/at-if-closing-brace-newline-after': 'always-last-in-chain',
     'scss/at-if-closing-brace-space-after': 'always-intermediate',
   },
-};
+};

configs/webpack.config.js

@@ -0,0 +1,45 @@
+const path = require('path');
+const webpack = require('webpack');
+const defaultConfig = require('@wordpress/scripts/config/webpack.config');
+const ESLintWebpackPlugin = require('eslint-webpack-plugin');
+const StyleLintPlugin = require('stylelint-webpack-plugin');
+const CopyWebpackPlugin = require('copy-webpack-plugin');
+const eslintConfig = require('./eslint.js');
+const styleLintConfig = require('./stylelint.js');
+
+/** @type {webpack.Configuration} */
+const webpackConfig = {
+  ...defaultConfig,
+  plugins: [
+    ...defaultConfig.plugins,
+    new ESLintWebpackPlugin({
+      baseConfig: eslintConfig,
+    }),
+    new StyleLintPlugin({
+      config: styleLintConfig,
+    }),
+    new CopyWebpackPlugin({
+      patterns: [
+        {
+          from: `static/**/*`,
+          context: 'src',
+          noErrorOnMissing: true,
+        },
+      ],
+    }),
+  ],
+  resolve: {
+    ...defaultConfig.resolve,
+    alias: {
+      ...defaultConfig.resolve.alias,
+      '@Components': path.resolve(process.cwd(), 'src/components'),
+      Components: path.resolve(process.cwd(), 'src/components'),
+      '@Static': path.resolve(process.cwd(), 'src/static'),
+      Static: path.resolve(process.cwd(), 'src/static'),
+      '@Utils': path.resolve(process.cwd(), 'src/utils'),
+      Utils: path.resolve(process.cwd(), 'src/utils'),
+    },
+  },
+};
+
+module.exports = webpackConfig;

index.js

@@ -0,0 +1,3 @@
+const webpackConfig = require("./configs/webpack.config");
+
+module.exports = webpackConfig;