feat: add stylelint lint-staged integration

Author: allohamora

src/categories/js/lint-staged/config/default.config.ts

@@ -1,7 +1,7 @@
-import { eslintMutation, jestMutation, prettierMutation } from '../lint-staged.utils';
+import { eslintMutation, jestMutation, prettierMutation, stylelintMutation } from '../lint-staged.utils';
 import { Config } from './config.interface';
 
 export const defaultConfig: Config = {
   config: {},
-  mutations: [prettierMutation, eslintMutation('*.js'), jestMutation('*.js')],
+  mutations: [prettierMutation, stylelintMutation, eslintMutation('*.js'), jestMutation('*.js')],
 };

src/categories/js/lint-staged/config/node:ts.config.ts

@@ -1,7 +1,7 @@
-import { eslintMutation, jestMutation, prettierMutation } from '../lint-staged.utils';
+import { eslintMutation, jestMutation, prettierMutation, stylelintMutation } from '../lint-staged.utils';
 import { Config } from './config.interface';
 
 export const nodeTsConfig: Config = {
   config: {},
-  mutations: [prettierMutation, eslintMutation('*.ts'), jestMutation('*.ts')],
+  mutations: [prettierMutation, stylelintMutation, eslintMutation('*.ts'), jestMutation('*.ts')],
 };

src/categories/js/lint-staged/lint-staged.utils.ts

@@ -7,6 +7,9 @@ import { CLI_NAME as JEST_CLI_NAME } from '../jest/jest.const';
 import { CLI_NAME as ESLINT_CLI_NAME } from '../eslint/eslint.const';
 import { isJestInstalled } from '../jest/jest.utils';
 import { isEslintInstalled } from '../eslint/eslint.utils';
+import { isStylelintInstalled } from '../stylelint/stylelint.utils';
+import { getPackageJson } from 'src/utils/npm';
+import { STYLELINT_CLI_NAME } from '../stylelint/stylelint.const';
 
 type ScriptFileExtension = '*.js' | '*.ts';
 
@@ -72,3 +75,13 @@ export const prettierMutation = async (config: LintStagedConfig) => {
     addOptionToLintStagedConfig(config, '*.{js,json,yml,md}', `${PRETTIER_CLI_NAME} --write`);
   }
 };
+
+export const stylelintMutation = async (config: LintStagedConfig) => {
+  if (await isStylelintInstalled()) {
+    const packageJson = await getPackageJson();
+    const react = packageJson?.dependencies?.['react'];
+    const extensions = react ? '*.{css,js,jsx,ts,tsx}' : '*.css';
+
+    addOptionToLintStagedConfig(config, extensions, `${STYLELINT_CLI_NAME} --fix`);
+  }
+};

src/categories/js/stylelint/stylelint.const.ts

@@ -1,2 +1,4 @@
 export const STYLELINT_CONFIG_NAME = '.stylelintrc';
 export const STYLELINT_IGNORE_NAME = '.stylelintignore';
+export const PACKAGE_NAME = 'stylelint';
+export const STYLELINT_CLI_NAME = 'stylelint';

src/categories/js/stylelint/stylelint.utils.ts

@@ -1,5 +1,9 @@
+import { isInstalledAndInRootCheck } from 'src/utils/installed';
 import { isPrettierInstalled } from '../prettier/prettier.utils';
 import { Config } from './config/config.interface';
+import { PACKAGE_NAME, STYLELINT_CONFIG_NAME } from './stylelint.const';
+
+export const isStylelintInstalled = isInstalledAndInRootCheck(PACKAGE_NAME, STYLELINT_CONFIG_NAME);
 
 export const prettierMutation = async (config: Config) => {
   if (await isPrettierInstalled()) {