👻 Bump @biomejs/biome from 1.9.4 to 2.0.0 in the linting group

biome.json

@@ -1,7 +1,11 @@
 {
-  "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
-  "organizeImports": {
-    "enabled": true
+  "$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
+  "assist": {
+    "actions": {
+      "source": {
+        "organizeImports": "off"
+      }
+    }
   },
   "vcs": {
     "enabled": true,
@@ -31,8 +35,12 @@
     }
   },
   "files": {
-    "ignore": [
-      "**/src/app/client/*.ts"
+    "includes": [
+      "**",
+      "!**/dist",
+      "!**/node_modules",
+      "!client/coverage",
+      "!client/src/app/client"
     ]
   }
 }

client/package.json

@@ -60,7 +60,11 @@
     "typescript": "^5.7.3"
   },
   "browserslist": {
-    "production": [">0.2%", "not dead", "not op_mini all"],
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
     "development": [
       "last 1 chrome version",
       "last 1 firefox version",

client/rsbuild.config.ts

@@ -93,7 +93,7 @@ export default defineConfig({
           exclude: [
             ({ file = "" }) => /[\\/]node_modules[\\/]/.test(file),
             ({ file = "" }) => {
-              return /\/src\/app\/client(?:\/[^\/]+)*\/[^\/]+\.ts$/.test(file);
+              return /\/src\/app\/client(?:\/[^/]+)*\/[^/]+\.ts$/.test(file);
             },
           ],
         },

client/src/app/api/model-utils.ts

@@ -26,7 +26,7 @@ type ListType = {
     color: { name: string; value: string; var: string };
     progressProps: Pick<ProgressProps, "variant">;
 
-    // biome-ignore lint/suspicious/noExplicitAny:
+    // biome-ignore lint/suspicious/noExplicitAny: allowed
     icon: React.ComponentType<any>;
   };
 };

client/src/app/axios-config/apiInit.ts

@@ -66,7 +66,7 @@ export const initInterceptors = () => {
               retryCounter: retryCounter + 1,
             });
           }
-        } catch (refreshError) {
+        } catch (_refreshError) {
           await userManager.signoutRedirect();
         }
       }

client/src/app/components/ConfirmDialog.tsx

@@ -18,7 +18,7 @@ export interface ConfirmDialogProps {
     | "danger"
     | "warning"
     | "info"
-    // biome-ignore lint/suspicious/noExplicitAny:
+    // biome-ignore lint/suspicious/noExplicitAny: allowed
     | React.ComponentType<any>;
   message: string | React.ReactNode;
 
@@ -89,7 +89,7 @@ export const ConfirmDialog: React.FC<ConfirmDialogProps> = ({
             {cancelBtn}
           </>
         ) : (
-          <>{confirmBtn}</>
+          confirmBtn
         )}
       </ModalFooter>
     </Modal>

client/src/app/components/EditLabelsForm.tsx

@@ -62,9 +62,13 @@ export const EditLabelsForm: React.FC<EditLabelsFormProps> = ({
   const onSaveForm = () => {
     const labels = selections
       .map((e) => splitStringAsKeyValue(getString(e.name)))
-      .reduce((prev, { key, value }) => {
-        return Object.assign(prev, { [key]: value });
-      }, {});
+      .reduce(
+        (prev, { key, value }) => {
+          prev[key] = value ?? "";
+          return prev;
+        },
+        {} as Record<string, string>,
+      );
     onSave(labels);
   };
 

client/src/app/components/FilterPanel/FilterPanel.tsx

@@ -40,51 +40,53 @@ export const FilterPanel = <TItem, TFilterCategoryKey extends string>({
           ) === undefined
         );
       })
-      .reduce((prev, current) => {
-        return Object.assign(prev, { [current.categoryKey]: undefined });
-      }, {});
+      .reduce(
+        (prev, current) => {
+          prev[current.categoryKey] = undefined;
+          return prev;
+        },
+        {} as Record<TFilterCategoryKey, FilterValue>,
+      );
     setFilterValues({ ...filterValues, ...filtersToBeCleared });
   };
 
   return (
-    <>
-      <Stack hasGutter>
-        <StackItem>
-          <Button variant="link" isInline onClick={clearAllFilters}>
-            Clear all filters
-          </Button>
-        </StackItem>
-        {filterCategories
-          .filter((filterCategory) => {
-            return (
-              omitFilterCategoryKeys.find(
-                (categoryKey) => categoryKey === filterCategory.categoryKey,
-              ) === undefined
-            );
-          })
-          .map((category) => {
-            return (
-              <StackItem key={category.categoryKey}>
-                <Stack hasGutter>
-                  <StackItem>
-                    <Content component="h4">{category.title}</Content>
-                  </StackItem>
-                  <StackItem>
-                    <FilterControl<TItem, TFilterCategoryKey>
-                      category={category}
-                      filterValue={filterValues[category.categoryKey]}
-                      setFilterValue={(newValue) =>
-                        setFilterValue(category, newValue)
-                      }
-                      isDisabled={isDisabled}
-                      isSidebar
-                    />
-                  </StackItem>
-                </Stack>
-              </StackItem>
-            );
-          })}
-      </Stack>
-    </>
+    <Stack hasGutter>
+      <StackItem>
+        <Button variant="link" isInline onClick={clearAllFilters}>
+          Clear all filters
+        </Button>
+      </StackItem>
+      {filterCategories
+        .filter((filterCategory) => {
+          return (
+            omitFilterCategoryKeys.find(
+              (categoryKey) => categoryKey === filterCategory.categoryKey,
+            ) === undefined
+          );
+        })
+        .map((category) => {
+          return (
+            <StackItem key={category.categoryKey}>
+              <Stack hasGutter>
+                <StackItem>
+                  <Content component="h4">{category.title}</Content>
+                </StackItem>
+                <StackItem>
+                  <FilterControl<TItem, TFilterCategoryKey>
+                    category={category}
+                    filterValue={filterValues[category.categoryKey]}
+                    setFilterValue={(newValue) =>
+                      setFilterValue(category, newValue)
+                    }
+                    isDisabled={isDisabled}
+                    isSidebar
+                  />
+                </StackItem>
+              </Stack>
+            </StackItem>
+          );
+        })}
+    </Stack>
   );
 };

client/src/app/components/FilterToolbar/SelectFilterControl.tsx

@@ -51,12 +51,15 @@ export const SelectFilterControl = <TItem, TFilterCategoryKey extends string>({
         node: chipLabel ?? label ?? value,
       };
     })
-    .reduce((prev, current) => {
-      if (current) {
-        prev.push(current);
-      }
-      return prev;
-    }, new Array<string | ToolbarLabel>());
+    .reduce(
+      (prev, current) => {
+        if (current) {
+          prev.push(current);
+        }
+        return prev;
+      },
+      [] as (string | ToolbarLabel)[],
+    );
 
   const onFilterSelect = (value: string) => {
     const option = getOptionFromOptionValue(value);

client/src/app/components/HookFormPFFields/HookFormPFSelect.tsx

@@ -30,7 +30,7 @@ export const HookFormPFSelect = <
     HookFormPFSelectProps<TFieldValues, TName>
   >(props);
   const { fieldId, helperText, isRequired, errorsSuppressed } = extractedProps;
-  const { children, ref, ...rest } = remainingProps;
+  const { children: _children, ref: _ref, ...rest } = remainingProps;
 
   return (
     <HookFormPFGroupController<TFieldValues, TName>

client/src/app/components/IconedStatus.tsx

@@ -98,7 +98,7 @@ export const IconedStatus: React.FC<IIconedStatusProps> = ({
     presetProps?.tooltipMessage ? (
       <Tooltip content={presetProps?.tooltipMessage}>{children}</Tooltip>
     ) : (
-      <>{children}</>
+      children
     );
 
   return (

client/src/app/components/OidcProvider.tsx

@@ -21,7 +21,7 @@ interface IOidcProviderProps {
 
 export const OidcProvider: React.FC<IOidcProviderProps> = ({ children }) => {
   return ENV.AUTH_REQUIRED !== "true" ? (
-    <>{children}</>
+    children
   ) : (
     <AuthProvider
       {...oidcClientSettings}

client/src/app/hooks/domain-controls/useSbomsOfVulnerability.ts

@@ -105,6 +105,7 @@ const advisoryToModels = (advisories: VulnerabilityAdvisorySummary[]) => {
   const summary = sboms.reduce(
     (prev, current) => {
       const sbomStatus = current.sbomStatus;
+      // biome-ignore lint/performance/noAccumulatingSpread: allowed
       return Object.assign(prev, {
         total: prev.total + 1,
         sbomStatus: {

client/src/app/hooks/domain-controls/useVulnerabilitiesOfPackage.ts

@@ -130,6 +130,7 @@ const advisoryToModels = (advisories: PurlAdvisory[]) => {
 
       const prevVulnStatusValue = prev.vulnerabilityStatus[vulnStatus];
 
+      // biome-ignore lint/performance/noAccumulatingSpread: allowed
       const result: VulnerabilityOfPackageSummary = Object.assign(prev, {
         vulnerabilityStatus: {
           ...prev.vulnerabilityStatus,

client/src/app/hooks/domain-controls/useVulnerabilitiesOfSbom.ts

@@ -126,6 +126,7 @@ const advisoryToModels = (advisories: SbomAdvisory[]) => {
 
       const prevVulnStatusValue = prev.vulnerabilityStatus[vulnStatus];
 
+      // biome-ignore lint/performance/noAccumulatingSpread: allowed
       const result: VulnerabilityOfSbomSummary = Object.assign(prev, {
         vulnerabilityStatus: {
           ...prev.vulnerabilityStatus,

client/src/app/hooks/table-controls/expansion/useExpansionState.ts

@@ -103,7 +103,7 @@ export const useExpansionState = <
           deserialize: ({ expandedCells: expandedCellsStr }) => {
             try {
               return JSON.parse(expandedCellsStr || "{}");
-            } catch (e) {
+            } catch (_e) {
               return {};
             }
           },

client/src/app/hooks/table-controls/filtering/getLocalFilterDerivedState.ts

@@ -52,7 +52,7 @@ export const getLocalFilterDerivedState = <
       const defaultMatcher = (filterValue: string, item: TItem) =>
         legacyMatcher(
           filterValue,
-          // biome-ignore lint/suspicious/noExplicitAny:
+          // biome-ignore lint/suspicious/noExplicitAny: allowed
           filterCategory?.getItemValue?.(item) ?? (item as any)[filterKey],
         );
       const matcher = filterCategory?.matcher ?? defaultMatcher;
@@ -69,7 +69,7 @@ export const getLocalFilterDerivedState = <
  *
  * @returns false for any falsy value (regardless of the filter value), true if (coerced to string) lowercased value contains lowercased filter value.
  */
-// biome-ignore lint/suspicious/noExplicitAny:
+// biome-ignore lint/suspicious/noExplicitAny: allowed
 const legacyMatcher = (filterValue: string, value: any) => {
   if (!value) return false;
   const lowerCaseItemValue = String(value).toLowerCase();

client/src/app/hooks/table-controls/filtering/helpers.ts

@@ -37,7 +37,7 @@ export const deserializeFilterUrlParams = <
 }): Partial<Record<TFilterCategoryKey, FilterValue>> => {
   try {
     return JSON.parse(serializedParams.filters || "{}");
-  } catch (e) {
+  } catch (_e) {
     return {};
   }
 };

client/src/app/hooks/useUrlParams.ts

@@ -71,9 +71,8 @@ export const useUrlParams = <
     persistenceKeyPrefix
       ? objectKeys(serializedParams).reduce(
           (obj, key) => {
-            return Object.assign(obj, {
-              [withPrefix(key)]: serializedParams[key],
-            });
+            obj[withPrefix(key)] = serializedParams[key];
+            return obj;
           },
           {} as TSerializedParams<TPrefixedURLParamKey>,
         )
@@ -108,17 +107,16 @@ export const useUrlParams = <
   if (isEnabled) {
     const serializedParams = keys.reduce(
       (obj, key) => {
-        return Object.assign(obj, {
-          [key]: urlParams.get(withPrefix(key)),
-        });
+        obj[key] = urlParams.get(withPrefix(key));
+        return obj;
       },
       {} as TSerializedParams<TURLParamKey>,
     );
     allParamsEmpty = keys.every((key) => !serializedParams[key]);
     params = allParamsEmpty ? defaultValue : deserialize(serializedParams);
   }
 
-  // biome-ignore lint/correctness/useExhaustiveDependencies:
+  // biome-ignore lint/correctness/useExhaustiveDependencies: allowed
   React.useEffect(() => {
     if (allParamsEmpty) setParams(defaultValue);
     // Leaving this rule enabled results in a cascade of unnecessary useCallbacks:

client/src/app/layout/header.tsx

@@ -45,6 +45,7 @@ export const HeaderApp: React.FC = () => {
     masthead: { leftBrand, leftTitle, rightBrand, supportUrl },
   } = useBranding();
 
+  // biome-ignore lint/correctness/useHookAtTopLevel: allowed
   const auth = (isAuthRequired && useAuth()) || undefined;
 
   const navigate = useNavigate();

client/src/app/pages/advisory-list/advisory-table.tsx

@@ -98,9 +98,8 @@ export const AdvisoryTable: React.FC = () => {
               const extendedSeverity = extendedSeverityFromSeverity(
                 current.severity,
               );
-              return Object.assign(prev, {
-                [extendedSeverity]: prev[extendedSeverity] + 1,
-              });
+              prev[extendedSeverity] = prev[extendedSeverity] + 1;
+              return prev;
             }, defaultSeverityGroup);
 
             return (

client/src/app/pages/advisory-list/advisory-toolbar.tsx

@@ -26,19 +26,17 @@ export const AdvisoryToolbar: React.FC<AdvisoryToolbarProps> = ({
   } = tableControls;
 
   return (
-    <>
-      <Toolbar {...toolbarProps} aria-label="advisory-toolbar">
-        <ToolbarContent>
-          {showFilters && <FilterToolbar {...filterToolbarProps} />}
-          <ToolbarItem {...paginationToolbarItemProps}>
-            <SimplePagination
-              idPrefix="advisory-table"
-              isTop
-              paginationProps={paginationProps}
-            />
-          </ToolbarItem>
-        </ToolbarContent>
-      </Toolbar>
-    </>
+    <Toolbar {...toolbarProps} aria-label="advisory-toolbar">
+      <ToolbarContent>
+        {showFilters && <FilterToolbar {...filterToolbarProps} />}
+        <ToolbarItem {...paginationToolbarItemProps}>
+          <SimplePagination
+            idPrefix="advisory-table"
+            isTop
+            paginationProps={paginationProps}
+          />
+        </ToolbarItem>
+      </ToolbarContent>
+    </Toolbar>
   );
 };