feat(website): added QueriedRulesMetricsGroup to website

apps/docs-website/src/components/QueriedRulesMetricsGroup.tsx

@@ -0,0 +1,29 @@
+import styles from "./RulesTable.module.css";
+
+interface QueriedRulesMetricsGroupProps {
+  totalAvailableRulesAmount: number;
+  fetchedConfigRulesAmount: number;
+  filteredRulesAmount: number;
+}
+
+export const QueriedRulesMetricsGroup = ({
+  totalAvailableRulesAmount,
+  fetchedConfigRulesAmount,
+  filteredRulesAmount,
+}: QueriedRulesMetricsGroupProps): JSX.Element => {
+  return (
+    <div className={styles.queriedRulesMetricsGroup}>
+      <div>
+        <span>Total available rules: </span>
+        <span>{totalAvailableRulesAmount}</span>
+      </div>
+      <div>
+        <span>Current config rules: </span>
+        <span>{fetchedConfigRulesAmount}</span>
+      </div>
+      <div>
+        <span>Filtered rules</span>: <span>{filteredRulesAmount}</span>
+      </div>
+    </div>
+  );
+};

apps/docs-website/src/components/RulesTable.module.css

@@ -36,7 +36,9 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
+  flex-wrap: wrap;
   margin-bottom: 16px;
+  gap: 1rem;
 }
 
 .checkboxGroupContainer {
@@ -97,3 +99,10 @@
   border-width: 0 2px 2px 0;
   transform: rotate(45deg);
 }
+
+.queriedRulesMetricsGroup {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 2rem;
+}

apps/docs-website/src/components/RulesTable.tsx

@@ -16,6 +16,7 @@ import styles from "./RulesTable.module.css";
 import { ConfigCombinationForm } from "./ConfigCombinationForm";
 import { TableSkeleton } from "./TableSkeleton";
 import { configCombinationDefaultValues } from "./constants";
+import { QueriedRulesMetricsGroup } from "./QueriedRulesMetricsGroup";
 
 const columnHelper = createColumnHelper<Entry>();
 
@@ -55,6 +56,8 @@ export const RulesTable = (): JSX.Element => {
   const [data, setData] = useState<Entry[]>(() => []);
   const [isLoading, setIsLoading] = useState(false);
   const [pluginsNames, setPluginsNames] = useState<string[]>([]);
+  const [totalAvailableRulesAmount, setTotalAvailableRulesAmount] = useState(0);
+  const [fetchedConfigRulesAmount, setFetchedConfigRulesAmount] = useState(0);
   const [configCombination, setConfigCombination] = useState<SheriffSettings>(
     configCombinationDefaultValues,
   );
@@ -95,8 +98,9 @@ export const RulesTable = (): JSX.Element => {
 
         const fetchedData: ServerResponse = await response.json();
 
+        setTotalAvailableRulesAmount(fetchedData.totalAvailableRulesAmount);
+        setFetchedConfigRulesAmount(fetchedData.compiledConfig.length);
         setPluginsNames(fetchedData.pluginsNames);
-
         setData(filterDuplicateRules(fetchedData.compiledConfig));
       } catch (error) {
         console.error(error);
@@ -213,6 +217,11 @@ export const RulesTable = (): JSX.Element => {
             }}
           />
         </div>
+        <QueriedRulesMetricsGroup
+          totalAvailableRulesAmount={totalAvailableRulesAmount}
+          fetchedConfigRulesAmount={fetchedConfigRulesAmount}
+          filteredRulesAmount={table.getRowModel().rows.length}
+        />
       </div>
       {isLoading ? (
         <TableSkeleton />

apps/sheriff-webservices/src/generateRulesDataset.ts

@@ -1,6 +1,3 @@
-/* eslint-disable @typescript-eslint/no-unsafe-member-access */
-/* eslint-disable @typescript-eslint/no-unsafe-call */
-
 import lodash from 'lodash';
 import { Linter } from 'eslint';
 import type {

apps/sheriff-webservices/src/index.ts

@@ -12,12 +12,29 @@ app.use(cors());
 
 app.post('/api/get-new-sheriff-config', (req: Request, res: Response) => {
   const newConfig: BarebonesConfigAtom[] = getSheriffConfig(req.body);
+  const allRulesConfig: BarebonesConfigAtom[] = getSheriffConfig(
+    {
+      react: true,
+      lodash: true,
+      next: true,
+      playwright: true,
+      jest: true,
+      vitest: true,
+    },
+    true,
+  );
 
   console.log('Sending new config...');
+  const allRulesCompiledConfig =
+    generateRulesDataset(allRulesConfig).compiledConfig;
   const { compiledConfig, pluginsNames } = generateRulesDataset(newConfig);
   console.log('New config sent.');
 
-  res.send({ compiledConfig, pluginsNames });
+  res.send({
+    compiledConfig,
+    pluginsNames,
+    totalAvailableRulesAmount: allRulesCompiledConfig.length,
+  });
 });
 
 app.listen(port, () => {

packages/eslint-config-sheriff/src/getExportableConfig.ts

@@ -262,7 +262,10 @@ const getBaseConfig = (userConfigChoices: SheriffSettings) => {
   ];
 };
 
-export const getExportableConfig = (userConfigChoices: SheriffSettings) => {
+export const getExportableConfig = (
+  userConfigChoices: SheriffSettings,
+  areAllRulesForced?: boolean,
+) => {
   if (!userConfigChoices) {
     throw new Error('No settings provided.');
   }
@@ -279,7 +282,11 @@ export const getExportableConfig = (userConfigChoices: SheriffSettings) => {
     ];
   }
 
-  if (userConfigChoices.jest && userConfigChoices.vitest) {
+  if (
+    !areAllRulesForced &&
+    userConfigChoices.jest &&
+    userConfigChoices.vitest
+  ) {
     throw new Error(
       'Jest and Vitest support cannot be activated at once. Please choose one or the other.',
     );

packages/sheriff-types/src/index.ts

@@ -113,4 +113,5 @@ export interface SheriffSettings {
 export interface ServerResponse {
   compiledConfig: Entry[];
   pluginsNames: string[];
+  totalAvailableRulesAmount: number;
 }