Release 1.3.0

.gitignore

@@ -1,4 +1,6 @@
 .DS_Store
+.yalc
+yalc.lock
 node_modules
 example-site/**/dist
 example-site/**/inc/asset-settings.php

__tests__/cli.test.js

@@ -175,7 +175,7 @@ describe('CLI Build Command', () => {
  expect(process.stdout.write).toHaveBeenCalledWith(` * my-theme `);
  });
 
- it('fails to run specific projects mode if a project is not found', () => {
+ it('runs specific projects mode if some requested projects are not found', () => {
  mockFs({
  ...requiredRealDirs,
  plugins: {
@@ -194,12 +194,38 @@ describe('CLI Build Command', () => {
 
  runCommand('build', '--once', 'my-plugin,my-theme');
 
+ expect(process.stdout.write).toHaveBeenCalledWith(`Error: Project my-theme does not exist.\n`);
  expect(mockWebpack).toHaveBeenCalled();
  expect(process.stdout.write).toHaveBeenCalledWith(
  `\x1b[1mCompiling \x1b[4mlist\x1b[0m\x1b[1m of projects in development mode.\x1b[0m\n`,
  );
  expect(process.stdout.write).toHaveBeenCalledWith('Processing the following projects:\n');
- expect(process.stdout.write).toHaveBeenCalledWith(`Error: Project my-theme does not exist.`);
+ expect(process.stdout.write).toHaveBeenCalledWith(` * my-plugin `);
+ });
+
+ it('fails to run specific projects mode if no requested projects can be found', () => {
+ mockFs({
+ ...requiredRealDirs,
+ plugins: {
+ 'my-plugin': {
+ 'package.json': JSON.stringify({
+ name: 'my-plugin',
+ }),
+ src: {
+ entrypoints: {
+ 'some-file.js': 'console.log("file content here");',
+ },
+ },
+ },
+ },
+ });
+
+ runCommand('build', '--once', 'my-client-plugin,my-theme');
+
+ expect(process.stdout.write).toHaveBeenCalledWith(
+ `\x1b[1mCompiling \x1b[4mlist\x1b[0m\x1b[1m of projects in development mode.\x1b[0m\n`,
+ );
+ expect(process.stdout.write).toHaveBeenCalledWith(`Error: No projects found\n`);
  expect(process.exit).toHaveBeenCalledWith(1);
  });
 });

configs/eslint.js

@@ -20,40 +20,56 @@ module.exports = {
  babelOptions: {
  ...babelConfig,
  },
- },
- plugins: ['@babel', 'react', 'prettier', 'jsdoc'],
- settings: {
- 'import/resolver': eslintResolver('src'),
- },
- rules: {
- complexity: ['error', 10],
- 'prettier/prettier': 'error',
- 'import/no-extraneous-dependencies': [
- 'error',
- {
- devDependencies: true,
+ env: {
+ browser: true,
+ es2021: true,
+ node: true,
+ },
+ extends: ['airbnb', 'prettier', 'plugin:@typescript-eslint/recommended'],
+ parser: '@babel/eslint-parser',
+ parserOptions: {
+ requireConfigFile: false,
+ babelOptions: {
+ ...babelConfig,
  },
- ],
- 'react/jsx-uses-react': 'error',
- 'react/jsx-uses-vars': 'error',
- 'react/jsx-filename-extension': [1, { extensions: ['.js', '.jsx'] }],
- 'react/react-in-jsx-scope': 0,
- 'react/prop-types': 0,
- 'react/forbid-prop-types': 0,
- 'react/require-default-props': 0,
- 'arrow-parens': 2,
- 'jsdoc/require-jsdoc': [
- 'error',
- {
- require: {
- ArrowFunctionExpression: true,
- ClassDeclaration: true,
- ClassExpression: true,
- FunctionDeclaration: true,
- FunctionExpression: true,
- MethodDefinition: true,
- },
+ },
+ plugins: ['@babel', 'react', 'prettier', 'jsdoc', 'import', '@typescript-eslint/eslint-plugin'],
+ settings: {
+ 'import/resolver': eslintResolver(),
+ 'import/parsers': {
+ '@typescript-eslint/parser': ['.ts', '.tsx'],
  },
- ],
- },
+ },
+ rules: {
+ complexity: ['error', 10],
+ 'prettier/prettier': 'error',
+ 'import/no-extraneous-dependencies': [
+ 'error',
+ {
+ devDependencies: true,
+ },
+ ],
+ 'react/jsx-uses-react': 'error',
+ 'react/jsx-uses-vars': 'error',
+ 'react/jsx-filename-extension': [1, { extensions: ['.js', '.jsx', '.ts', '.tsx'] }],
+ 'react/react-in-jsx-scope': 0,
+ 'react/prop-types': 0,
+ 'react/forbid-prop-types': 0,
+ 'react/require-default-props': 0,
+ 'arrow-parens': 2,
+ 'jsdoc/require-jsdoc': [
+ 'error',
+ {
+ require: {
+ ArrowFunctionExpression: true,
+ ClassDeclaration: true,
+ ClassExpression: true,
+ FunctionDeclaration: true,
+ FunctionExpression: true,
+ MethodDefinition: true,
+ },
+ },
+ ],
+ },
+ }
 };

configs/tsconfig.json

@@ -0,0 +1,32 @@
+{
+ "compilerOptions": {
+ "target": "esnext",
+ "lib": ["dom", "dom.iterable", "esnext"],
+ "allowJs": true,
+ "checkJs": true,
+ "skipLibCheck": true,
+ "strict": true,
+ "forceConsistentCasingInFileNames": true,
+ "noEmit": false,
+ "esModuleInterop": true,
+ "module": "esnext",
+ "moduleResolution": "node",
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "jsx": "preserve",
+ "incremental": true,
+ "noUncheckedIndexedAccess": true,
+ "jsxFactory": "h",
+ "jsxFragmentFactory": "Fragment",
+ "typeRoots": [
+ "./types"
+ ]
+ },
+ "include": [
+ "./src/**/*.ts",
+ "./src/**/*.tsx",
+ "./src/**/*.d.ts",
+ "typescript/images.d.ts"
+ ],
+ "exclude": ["node_modules"]
+}

configs/typescript/images.d.ts

@@ -0,0 +1,13 @@
+declare module '*.png';
+declare module '*.jpeg';
+declare module '*.jpg';
+
+declare module '*.svg' {
+ const content: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+ export default content;
+}
+
+declare module '*.svg?url' {
+ const content: string;
+ export default content;
+}

example-site/client-mu-plugins/test-client-plugin/package.json

@@ -1,3 +1,3 @@
 {
- "name": "test-client-plugin"
+ "name": "@namespace/test-client-plugin"
 }

example-site/package.json

@@ -1,5 +1,8 @@
 {
  "name": "test-project",
+ "eslintConfig": {
+ "extends": "./../configs/eslint"
+ },
  "dependencies": {
  "prop-types": "^15.8.1"
  }