Fix lint errors

Author: akcyp

biome.json

@@ -39,6 +39,12 @@
           }
         }
       }
+    },
+    {
+      "includes": ["packages/example/**"],
+      "linter": {
+        "enabled": false
+      }
     }
   ]
 }

packages/reporter/client/App.vue

@@ -8,7 +8,6 @@ import devCov from "./demoReport.json";
 import DirectoryPage from "./pages/directory.vue";
 import FilePage from "./pages/file.vue";
 
-// biome-ignore lint/style/noNonNullAssertion: used to load reports injected in dev and prod
 const reports = import.meta.env.MODE === "development" ? (devCov as Report[]) : (window.reports as Report[]);
 
 const fileReports = computed(() => reports.filter((r) => r.type === "file") as FileReport[]);

packages/reporter/client/components/CoverageCode.vue

@@ -13,17 +13,17 @@
 </template>
 
 <script setup lang="ts">
+import type * as Monaco from "monaco-editor";
 import { onBeforeUnmount, onMounted, ref, shallowRef, watch } from "vue";
-
 import type { BlockRange, CoverageDetail } from "../../shared/report-types";
 
 const props = defineProps<{
   code: string;
   coverage: CoverageDetail;
 }>();
 
-const editorInstance = shallowRef<any | null>(null);
-const monacoInstance = shallowRef<any | null>(null);
+const editorInstance = shallowRef<Monaco.editor.IStandaloneCodeEditor | null>(null);
+const monacoInstance = shallowRef<typeof Monaco | null>(null);
 const coverageDecorationIds = shallowRef<string[]>([]);
 const monacoTheme = ref("vs-dark");
 let themeListener: ((event: Event) => void) | null = null;
@@ -54,7 +54,7 @@ const applyCoverage = (coverage: CoverageDetail) => {
   if (!editorInstance.value || !monacoInstance.value) return;
   const monaco = monacoInstance.value;
 
-  const decorations: any[] = [];
+  const decorations: Monaco.editor.IModelDeltaDecoration[] = [];
 
   // Uncovered statements
   for (const [id, count] of Object.entries(coverage.s)) {
@@ -123,7 +123,7 @@ watch(
   { deep: true },
 );
 
-const handleMount = (editor: any, monaco: any) => {
+const handleMount = (editor: Monaco.editor.IStandaloneCodeEditor, monaco: typeof Monaco) => {
   editorInstance.value = editor;
   monacoInstance.value = monaco;
 

packages/reporter/client/components/FileTree.vue

@@ -25,13 +25,24 @@ interface TreeNode {
   leaf?: boolean;
 }
 
+interface TreeNodeMapEntry {
+  key: string;
+  label: string;
+  childrenMap: Map<string, TreeNodeMapEntry>;
+  data?: TreeNodeData;
+}
+
 const buildTree = (reports: Report[]): TreeNode[] => {
-  const rootMap = new Map<string, any>();
+  const rootMap = new Map<string, TreeNodeMapEntry>();
 
-  const ensureNode = (segments: string[]): any => {
+  const ensureNode = (segments: string[]): TreeNodeMapEntry => {
     let map = rootMap;
     let currentPath = "";
-    let node: any;
+    let node: TreeNodeMapEntry = {
+      key: "",
+      label: "",
+      childrenMap: new Map(),
+    };
 
     segments.forEach((segment) => {
       currentPath = currentPath ? `${currentPath}/${segment}` : segment;
@@ -40,7 +51,7 @@ const buildTree = (reports: Report[]): TreeNode[] => {
         entry = {
           key: currentPath,
           label: segment,
-          childrenMap: new Map<string, any>(),
+          childrenMap: new Map<string, TreeNodeMapEntry>(),
         };
         map.set(segment, entry);
       }
@@ -62,7 +73,7 @@ const buildTree = (reports: Report[]): TreeNode[] => {
     } as TreeNodeData;
   }
 
-  const mapToNodes = (map: Map<string, any>): TreeNode[] => {
+  const mapToNodes = (map: Map<string, TreeNodeMapEntry>): TreeNode[] => {
     const nodes: TreeNode[] = [];
     for (const [, value] of map) {
       const children = mapToNodes(value.childrenMap);
@@ -102,7 +113,7 @@ watch(
     const keys: Record<string, boolean> = {};
     const collect = (items: TreeNode[]) => {
       for (const item of items) {
-        if (item.children && item.children.length) {
+        if (item.children?.length) {
           keys[item.key] = true;
           collect(item.children);
         }

packages/reporter/client/components/ProgressBar.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { computed } from 'vue';
+import { computed } from "vue";
 
 const props = defineProps<{
   value: number;
   color: string;
-}>()
+}>();
 
-const width = computed(() => `${props.value}%`)
+const width = computed(() => `${props.value}%`);
 </script>
 
 <template>

packages/reporter/client/components/Stats.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import type { SummaryStats } from '../../shared/report-types';
-import { statToString } from '../utils/statToString'
+import type { SummaryStats } from "../../shared/report-types";
+import { statToString } from "../utils/statToString";
 
 const props = defineProps<{
-  stats: SummaryStats
-}>()
+  stats: SummaryStats;
+}>();
 </script>
 
 <style>

packages/reporter/client/pages/directory.vue

@@ -1,9 +1,8 @@
 <script setup lang="ts">
-import OpenFilesTabs from "../components/OpenFilesTabs.vue";
-import DirectoryStatsView from "../components/DirectoryStatsView.vue";
-
-import type { DirectoryReport } from "../../shared/report-types";
 import { computed } from "vue";
+import type { DirectoryReport } from "../../shared/report-types";
+import DirectoryStatsView from "../components/DirectoryStatsView.vue";
+import OpenFilesTabs from "../components/OpenFilesTabs.vue";
 
 const props = defineProps<{
   report: DirectoryReport;

packages/reporter/client/pages/file.vue

@@ -1,30 +1,28 @@
 <script setup lang="ts">
+import { decompress } from "lz-string";
+import { computed } from "vue";
+import type { FileReport } from "../../shared/report-types";
 import CoverageCode from "../components/CoverageCode.vue";
-import OpenFilesTabs from "../components/OpenFilesTabs.vue";
 import CoverageStatusBar from "../components/CoverageStatusBar.vue";
-
-import type { FileReport } from "../../shared/report-types";
-import { computed } from "vue";
-import { decompress } from "lz-string";
+import OpenFilesTabs from "../components/OpenFilesTabs.vue";
 
 const props = defineProps<{
   report: FileReport;
 }>();
 
-const emit = defineEmits<{
-  (e: "close"): void;
-}>();
+const emit = defineEmits<(e: "close") => void>();
 
-const code = computed(() => decompress(props.report.fileContent))
+const code = computed(() => decompress(props.report.fileContent));
 
 // For now we only ever have one open file (the current report),
 // but this component is ready for multiple tabs in the future.
-const openFiles = computed(() => [{
-  id: props.report.entity,
-  label: props.report.name,
-  path: props.report.entity,
-}]);
-
+const openFiles = computed(() => [
+  {
+    id: props.report.entity,
+    label: props.report.name,
+    path: props.report.entity,
+  },
+]);
 </script>
 
 <template>

packages/reporter/index.html

@@ -9,8 +9,8 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Readex+Pro:wght@300;400&display=swap" rel="stylesheet">
     <script>
-      (function () {
-        const prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches
+      (() => {
+        const prefersDark = window.matchMedia?.('(prefers-color-scheme: dark)')?.matches
         const setting = localStorage.getItem('vueuse-color-scheme') || 'auto'
         if (setting === 'dark' || (prefersDark && setting !== 'light')) {
           document.documentElement.classList.toggle('dark', true)

packages/reporter/node/index.ts

@@ -1,11 +1,11 @@
-import { readFileSync, readdirSync, statSync } from "node:fs";
+import { readdirSync, readFileSync, statSync } from "node:fs";
 import { join, relative } from "node:path";
-import { CoverageSummary } from "istanbul-lib-coverage";
+import type { CoverageSummary } from "istanbul-lib-coverage";
+import type { Context, FileContentWriter, ReportBaseOptions, ReportNode } from "istanbul-lib-report";
 import { ReportBase } from "istanbul-lib-report";
 import { compress } from "lz-string";
-
-import type { Context, FileContentWriter, ReportBaseOptions, ReportNode } from "istanbul-lib-report";
 import type { DirectoryReport, FileReport, Report, SummaryStats } from "../shared/report-types";
+
 export type * from "../shared/report-types";
 
 function* walkDir(dir: string) {
@@ -53,7 +53,7 @@ export class NextHTMLReport extends ReportBase {
     super(options);
   }
 
-  override onStart(root: ReportNode, context: Context) {
+  override onStart(_root: ReportNode, context: Context) {
     this.reset();
     const dist = join(__dirname, "../dist/client");
     const writer = this.getWriter(context);
@@ -106,7 +106,7 @@ export class NextHTMLReport extends ReportBase {
     this.reports.push(report);
   }
 
-  override onEnd(root: ReportNode, context: Context) {
+  override onEnd(_root: ReportNode, context: Context) {
     // write
     const writer = this.getWriter(context);
     const statsStream = writer.writeFile("loadcov.js") as FileContentWriter;