refactor(frontend): add eslint-plugin-mobx

18 files changed, 112 insertions, 106 deletions

diff --git a/package.json b/package.json
index c4094e60..ca82d409 100644
--- a/package.json
+++ b/package.json
@@ -10,7 +10,7 @@
   },
   "packageManager": "yarn@3.2.3",
   "devDependencies": {
-    "eslint": "^8.22.0",
+    "eslint": "^8.23.0",
     "typescript": "~4.8.2"
   }
 }
diff --git a/subprojects/frontend/.eslintrc.cjs b/subprojects/frontend/.eslintrc.cjs
index 442ed4cd..1db67c11 100644
--- a/subprojects/frontend/.eslintrc.cjs
+++ b/subprojects/frontend/.eslintrc.cjs
@@ -8,13 +8,14 @@ const project = [
 
 /** @type {import('eslint').Linter.Config} */
 module.exports = {
-  plugins: ['@typescript-eslint'],
+  plugins: ['@typescript-eslint', 'mobx'],
   extends: [
     'airbnb',
     'airbnb-typescript',
     'airbnb/hooks',
     'plugin:@typescript-eslint/recommended',
     'plugin:@typescript-eslint/recommended-requiring-type-checking',
+    'plugin:mobx/recommended',
     'plugin:prettier/recommended',
   ],
   parserOptions: {
@@ -53,6 +54,8 @@ module.exports = {
         'newlines-between': 'always',
       },
     ],
+    // Not all components depend on observable state.
+    'mobx/missing-observer': 'off',
     // A dangling underscore, while not neccessary for all private fields,
     // is useful for backing fields of properties that should be read-only from outside the class.
     'no-underscore-dangle': [
diff --git a/subprojects/frontend/package.json b/subprojects/frontend/package.json
index f47ced13..b80e0561 100644
--- a/subprojects/frontend/package.json
+++ b/subprojects/frontend/package.json
@@ -65,15 +65,16 @@
     "@typescript-eslint/parser": "^5.35.1",
     "@vitejs/plugin-react": "^2.0.1",
     "cross-env": "^7.0.3",
-    "eslint": "^8.22.0",
+    "eslint": "^8.23.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-typescript": "^17.0.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-import-resolver-typescript": "^3.5.0",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-jsx-a11y": "^6.6.1",
+    "eslint-plugin-mobx": "^0.0.9",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.31.0",
+    "eslint-plugin-react": "^7.31.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "html-minifier-terser": "^7.0.0",
     "prettier": "^2.7.1",
diff --git a/subprojects/frontend/src/RootStore.tsx b/subprojects/frontend/src/RootStore.tsx
index e08dd750..5aa580d1 100644
--- a/subprojects/frontend/src/RootStore.tsx
+++ b/subprojects/frontend/src/RootStore.tsx
@@ -1,5 +1,5 @@
 import { getLogger } from 'loglevel';
-import { makeObservable, observable, runInAction } from 'mobx';
+import { makeAutoObservable, runInAction } from 'mobx';
 import React, { createContext, useContext } from 'react';
 
 import type EditorStore from './editor/EditorStore';
@@ -14,8 +14,8 @@ export default class RootStore {
 
   constructor(initialValue: string) {
     this.themeStore = new ThemeStore();
-    makeObservable(this, {
-      editorStore: observable,
+    makeAutoObservable(this, {
+      themeStore: false,
     });
     import('./editor/EditorStore')
       .then(({ default: EditorStore }) => {
diff --git a/subprojects/frontend/src/ToggleDarkModeButton.tsx b/subprojects/frontend/src/ToggleDarkModeButton.tsx
index 1685ec80..5602f3bc 100644
--- a/subprojects/frontend/src/ToggleDarkModeButton.tsx
+++ b/subprojects/frontend/src/ToggleDarkModeButton.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 
 import { useRootStore } from './RootStore';
 
-function ToggleDarkModeButton(): JSX.Element {
+export default observer(function ToggleDarkModeButton(): JSX.Element {
   const { themeStore } = useRootStore();
   const { darkMode } = themeStore;
 
@@ -19,6 +19,4 @@ function ToggleDarkModeButton(): JSX.Element {
       {darkMode ? <LightModeIcon /> : <DarkModeIcon />}
     </IconButton>
   );
-}
-
-export default observer(ToggleDarkModeButton);
+});
diff --git a/subprojects/frontend/src/editor/EditorArea.tsx b/subprojects/frontend/src/editor/EditorArea.tsx
index 1c9b031b..7c5ac5fb 100644
--- a/subprojects/frontend/src/editor/EditorArea.tsx
+++ b/subprojects/frontend/src/editor/EditorArea.tsx
@@ -5,7 +5,7 @@ import React, { useCallback, useEffect } from 'react';
 import type EditorStore from './EditorStore';
 import EditorTheme from './EditorTheme';
 
-function EditorArea({
+export default observer(function EditorArea({
   editorStore,
 }: {
   editorStore: EditorStore;
@@ -32,6 +32,4 @@ function EditorArea({
       ref={editorParentRef}
     />
   );
-}
-
-export default observer(EditorArea);
+});
diff --git a/subprojects/frontend/src/editor/EditorButtons.tsx b/subprojects/frontend/src/editor/EditorButtons.tsx
index cbe7c424..d2273c6c 100644
--- a/subprojects/frontend/src/editor/EditorButtons.tsx
+++ b/subprojects/frontend/src/editor/EditorButtons.tsx
@@ -32,7 +32,7 @@ function getLintIcon(severity: Diagnostic['severity'] | undefined) {
   }
 }
 
-function EditorButtons({
+export default observer(function EditorButtons({
   editorStore,
 }: {
   editorStore: EditorStore | undefined;
@@ -102,6 +102,4 @@ function EditorButtons({
       </IconButton>
     </Stack>
   );
-}
-
-export default observer(EditorButtons);
+});
diff --git a/subprojects/frontend/src/editor/EditorPane.tsx b/subprojects/frontend/src/editor/EditorPane.tsx
index df43d2c9..2651726c 100644
--- a/subprojects/frontend/src/editor/EditorPane.tsx
+++ b/subprojects/frontend/src/editor/EditorPane.tsx
@@ -29,7 +29,7 @@ function EditorLoading(): JSX.Element {
   );
 }
 
-function EditorPane(): JSX.Element {
+export default observer(function EditorPane(): JSX.Element {
   const { editorStore } = useRootStore();
 
   return (
@@ -50,6 +50,4 @@ function EditorPane(): JSX.Element {
       </Box>
     </Stack>
   );
-}
-
-export default observer(EditorPane);
+});
diff --git a/subprojects/frontend/src/editor/EditorStore.ts b/subprojects/frontend/src/editor/EditorStore.ts
index b634a427..4407376b 100644
--- a/subprojects/frontend/src/editor/EditorStore.ts
+++ b/subprojects/frontend/src/editor/EditorStore.ts
@@ -13,7 +13,7 @@ import {
   type EditorState,
 } from '@codemirror/state';
 import { type Command, EditorView } from '@codemirror/view';
-import { action, computed, makeObservable, observable } from 'mobx';
+import { makeAutoObservable, observable } from 'mobx';
 import { nanoid } from 'nanoid';
 
 import getLogger from '../utils/getLogger';
@@ -57,29 +57,15 @@ export default class EditorStore {
     this.client = new XtextClient(this);
     this.searchPanel = new SearchPanelStore(this);
     this.lintPanel = new LintPanelStore(this);
-    makeObservable(this, {
+    makeAutoObservable<EditorStore, 'client'>(this, {
+      id: false,
       state: observable.ref,
+      client: false,
       view: observable.ref,
-      showLineNumbers: observable,
-      errorCount: observable,
-      warningCount: observable,
-      infoCount: observable,
-      highestDiagnosticLevel: computed,
-      canUndo: computed,
-      canRedo: computed,
-      setDarkMode: action,
-      setEditorParent: action,
-      dispatch: action,
-      dispatchTransaction: action,
-      doCommand: action,
-      doStateCommand: action,
-      updateDiagnostics: action,
-      nextDiagnostic: action,
-      updateOccurrences: action,
-      updateSemanticHighlighting: action,
-      undo: action,
-      redo: action,
-      toggleLineNumbers: action,
+      searchPanel: false,
+      lintPanel: false,
+      contentAssist: false,
+      formatText: false,
     });
   }
 
@@ -141,13 +127,11 @@ export default class EditorStore {
     }
   }
 
-  private readonly dispatchTransactionWithoutView = action(
-    (tr: Transaction) => {
-      log.trace('Editor transaction', tr);
-      this.state = tr.state;
-      this.client.onTransaction(tr);
-    },
-  );
+  private dispatchTransactionWithoutView(tr: Transaction): void {
+    log.trace('Editor transaction', tr);
+    this.state = tr.state;
+    this.client.onTransaction(tr);
+  }
 
   doCommand(command: Command): boolean {
     if (this.view === undefined) {
diff --git a/subprojects/frontend/src/editor/GenerateButton.tsx b/subprojects/frontend/src/editor/GenerateButton.tsx
index a28f6b4b..5254f6cb 100644
--- a/subprojects/frontend/src/editor/GenerateButton.tsx
+++ b/subprojects/frontend/src/editor/GenerateButton.tsx
@@ -7,7 +7,7 @@ import type EditorStore from './EditorStore';
 
 const GENERATE_LABEL = 'Generate';
 
-function GenerateButton({
+export default observer(function GenerateButton({
   editorStore,
 }: {
   editorStore: EditorStore | undefined;
@@ -53,6 +53,4 @@ function GenerateButton({
       {summary === '' ? GENERATE_LABEL : `${GENERATE_LABEL} (${summary})`}
     </Button>
   );
-}
-
-export default observer(GenerateButton);
+});
diff --git a/subprojects/frontend/src/editor/PanelStore.ts b/subprojects/frontend/src/editor/PanelStore.ts
index e0e2b2f4..4f827280 100644
--- a/subprojects/frontend/src/editor/PanelStore.ts
+++ b/subprojects/frontend/src/editor/PanelStore.ts
@@ -18,13 +18,29 @@ export default class PanelStore {
     private readonly closeCommand: Command,
     protected readonly store: EditorStore,
   ) {
-    makeObservable(this, {
+    makeObservable<
+      PanelStore,
+      | 'openCommand'
+      | 'closeCommand'
+      | 'store'
+      | 'setState'
+      | 'doOpen'
+      | 'doClose'
+    >(this, {
+      panelClass: false,
+      openCommand: false,
+      closeCommand: false,
+      store: false,
       state: observable,
       element: observable,
+      id: false,
       open: action,
       close: action,
       toggle: action,
+      setState: false,
       synchronizeStateToView: action,
+      doOpen: false,
+      doClose: false,
     });
   }
 
diff --git a/subprojects/frontend/src/editor/SearchPanelPortal.tsx b/subprojects/frontend/src/editor/SearchPanelPortal.tsx
index e8301489..b6b375e3 100644
--- a/subprojects/frontend/src/editor/SearchPanelPortal.tsx
+++ b/subprojects/frontend/src/editor/SearchPanelPortal.tsx
@@ -5,7 +5,7 @@ import React from 'react';
 import type EditorStore from './EditorStore';
 import SearchToolbar from './SearchToolbar';
 
-function SearchPanelPortal({
+export default observer(function SearchPanelPortal({
   editorStore: { searchPanel: searchPanelStore },
 }: {
   editorStore: EditorStore;
@@ -20,6 +20,4 @@ function SearchPanelPortal({
       <SearchToolbar searchPanelStore={searchPanelStore} />
     </Portal>
   );
-}
-
-export default observer(SearchPanelPortal);
+});
diff --git a/subprojects/frontend/src/editor/SearchPanelStore.ts b/subprojects/frontend/src/editor/SearchPanelStore.ts
index 8dd02ae6..65d595a8 100644
--- a/subprojects/frontend/src/editor/SearchPanelStore.ts
+++ b/subprojects/frontend/src/editor/SearchPanelStore.ts
@@ -21,7 +21,7 @@ export default class SearchPanelStore extends PanelStore {
     // Use a custom class name to avoid specificity issues with
     // CodeMirror `.cm-search.cm-panel` CSS styles.
     super('refinery-cm-search', openSearchPanel, closeSearchPanel, store);
-    makeObservable(this, {
+    makeObservable<SearchPanelStore, 'selectSearchField'>(this, {
       searchField: observable.ref,
       query: computed,
       invalidRegexp: computed,
@@ -32,6 +32,7 @@ export default class SearchPanelStore extends PanelStore {
       findPrevious: action,
       replaceNext: action,
       replaceAll: action,
+      selectSearchField: false,
     });
   }
 
diff --git a/subprojects/frontend/src/editor/SearchToolbar.tsx b/subprojects/frontend/src/editor/SearchToolbar.tsx
index 895f1ca1..a9b9811d 100644
--- a/subprojects/frontend/src/editor/SearchToolbar.tsx
+++ b/subprojects/frontend/src/editor/SearchToolbar.tsx
@@ -27,7 +27,7 @@ const DimLabel = styled(FormControlLabel)(({ theme }) => ({
   },
 }));
 
-function SearchToolbar({
+export default observer(function SearchToolbar({
   searchPanelStore,
 }: {
   searchPanelStore: SearchPanelStore;
@@ -271,6 +271,4 @@ function SearchToolbar({
       </Stack>
     </Toolbar>
   );
-}
-
-export default observer(SearchToolbar);
+});
diff --git a/subprojects/frontend/src/index.tsx b/subprojects/frontend/src/index.tsx
index 3f06b332..8436c7ae 100644
--- a/subprojects/frontend/src/index.tsx
+++ b/subprojects/frontend/src/index.tsx
@@ -1,5 +1,6 @@
 import Box from '@mui/material/Box';
 import CssBaseline from '@mui/material/CssBaseline';
+import { configure } from 'mobx';
 import { SnackbarProvider } from 'notistack';
 import React, { Suspense, lazy } from 'react';
 import { createRoot } from 'react-dom/client';
@@ -60,6 +61,11 @@ age(bob, bobAge).
 scope Family = 1, Person += 5..10.
 `;
 
+configure({
+  enforceActions: 'always',
+  reactionRequiresObservable: true,
+});
+
 const rootStore = new RootStore(initialValue);
 
 const App = lazy(() => import('./App.js'));
diff --git a/subprojects/frontend/src/theme/ThemeProvider.tsx b/subprojects/frontend/src/theme/ThemeProvider.tsx
index 5aaf3ad1..6f9a712e 100644
--- a/subprojects/frontend/src/theme/ThemeProvider.tsx
+++ b/subprojects/frontend/src/theme/ThemeProvider.tsx
@@ -313,7 +313,11 @@ ContrastThemeProvider.defaultProps = {
   children: undefined,
 };
 
-function ThemeProvider({ children }: { children?: ReactNode }): JSX.Element {
+const ThemeProvider = observer(function ThemeProvider({
+  children,
+}: {
+  children?: ReactNode;
+}): JSX.Element {
   const {
     themeStore: { darkMode },
   } = useRootStore();
@@ -326,10 +330,10 @@ function ThemeProvider({ children }: { children?: ReactNode }): JSX.Element {
       {children}
     </ThemeAndContrastThemeProvider>
   );
-}
+});
 
 ThemeProvider.defaultProps = {
   children: undefined,
 };
 
-export default observer(ThemeProvider);
+export default ThemeProvider;
diff --git a/subprojects/frontend/src/theme/ThemeStore.ts b/subprojects/frontend/src/theme/ThemeStore.ts
index 6fbd9f90..e09d8d99 100644
--- a/subprojects/frontend/src/theme/ThemeStore.ts
+++ b/subprojects/frontend/src/theme/ThemeStore.ts
@@ -1,4 +1,4 @@
-import { action, computed, makeObservable, observable } from 'mobx';
+import { makeAutoObservable } from 'mobx';
 
 export enum ThemePreference {
   System,
@@ -17,12 +17,7 @@ export default class ThemeStore {
     mediaQuery.addEventListener('change', (event) => {
       this.systemDarkMode = event.matches;
     });
-    makeObservable(this, {
-      preference: observable,
-      systemDarkMode: observable,
-      darkMode: computed,
-      toggleDarkMode: action,
-    });
+    makeAutoObservable(this);
   }
 
   get darkMode(): boolean {
diff --git a/yarn.lock b/yarn.lock
index af4c57b7..31c31f35 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1569,20 +1569,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@eslint/eslintrc@npm:^1.3.0":
-  version: 1.3.0
-  resolution: "@eslint/eslintrc@npm:1.3.0"
+"@eslint/eslintrc@npm:^1.3.1":
+  version: 1.3.1
+  resolution: "@eslint/eslintrc@npm:1.3.1"
   dependencies:
     ajv: ^6.12.4
     debug: ^4.3.2
-    espree: ^9.3.2
+    espree: ^9.4.0
     globals: ^13.15.0
     ignore: ^5.2.0
     import-fresh: ^3.2.1
     js-yaml: ^4.1.0
     minimatch: ^3.1.2
     strip-json-comments: ^3.1.1
-  checksum: a1e734ad31a8b5328dce9f479f185fd4fc83dd7f06c538e1fa457fd8226b89602a55cc6458cd52b29573b01cdfaf42331be8cfc1fec732570086b591f4ed6515
+  checksum: 9844dcc58a44399649926d5a17a2d53d529b80d3e8c3e9d0964ae198bac77ee6bb1cf44940f30cd9c2e300f7568ec82500be42ace6cacefb08aebf9905fe208e
   languageName: node
   linkType: hard
 
@@ -1625,6 +1625,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@humanwhocodes/module-importer@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "@humanwhocodes/module-importer@npm:1.0.1"
+  checksum: 0fd22007db8034a2cdf2c764b140d37d9020bbfce8a49d3ec5c05290e77d4b0263b1b972b752df8c89e5eaa94073408f2b7d977aed131faf6cf396ebb5d7fb61
+  languageName: node
+  linkType: hard
+
 "@humanwhocodes/object-schema@npm:^1.2.1":
   version: 1.2.1
   resolution: "@humanwhocodes/object-schema@npm:1.2.1"
@@ -2013,15 +2020,16 @@ __metadata:
     ansi-styles: ^6.1.0
     cross-env: ^7.0.3
     escape-string-regexp: ^5.0.0
-    eslint: ^8.22.0
+    eslint: ^8.23.0
     eslint-config-airbnb: ^19.0.4
     eslint-config-airbnb-typescript: ^17.0.0
     eslint-config-prettier: ^8.5.0
     eslint-import-resolver-typescript: ^3.5.0
     eslint-plugin-import: ^2.26.0
     eslint-plugin-jsx-a11y: ^6.6.1
+    eslint-plugin-mobx: ^0.0.9
     eslint-plugin-prettier: ^4.2.1
-    eslint-plugin-react: ^7.31.0
+    eslint-plugin-react: ^7.31.1
     eslint-plugin-react-hooks: ^4.6.0
     html-minifier-terser: ^7.0.0
     lodash-es: ^4.17.21
@@ -2047,7 +2055,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@refinery/root@workspace:."
   dependencies:
-    eslint: ^8.22.0
+    eslint: ^8.23.0
     typescript: ~4.8.2
   languageName: unknown
   linkType: soft
@@ -3676,6 +3684,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"eslint-plugin-mobx@npm:^0.0.9":
+  version: 0.0.9
+  resolution: "eslint-plugin-mobx@npm:0.0.9"
+  peerDependencies:
+    eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
+  checksum: 6ccbce066f3ca34799ce32fcf885b9f163712c684ed3b4dfbfe7c690ede03a76b25fd598d6a4e9885cc9b08d4ca722a469bd4f1da2ef00def1c00be6378425a5
+  languageName: node
+  linkType: hard
+
 "eslint-plugin-prettier@npm:^4.2.1":
   version: 4.2.1
   resolution: "eslint-plugin-prettier@npm:4.2.1"
@@ -3700,9 +3717,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-plugin-react@npm:^7.31.0":
-  version: 7.31.0
-  resolution: "eslint-plugin-react@npm:7.31.0"
+"eslint-plugin-react@npm:^7.31.1":
+  version: 7.31.1
+  resolution: "eslint-plugin-react@npm:7.31.1"
   dependencies:
     array-includes: ^3.1.5
     array.prototype.flatmap: ^1.3.0
@@ -3720,7 +3737,7 @@ __metadata:
     string.prototype.matchall: ^4.0.7
   peerDependencies:
     eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
-  checksum: 465829bb477f3adf0ce96294c2b9c97147414a449d14f4dde21711f38213924a4facd567f7263be67958f284edf5ea25cf9f996bc95240d74cfa2ee95b1c81a6
+  checksum: 6217d4c4e36c8fea24facd0cdcf22b2fd38a3603db94ec7c0a6f430046c8564b6c6884e0a9d4a4b8766201f66e8b18af594002210421bf9b6623b1fc32e15a3a
   languageName: node
   linkType: hard
 
@@ -3769,13 +3786,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint@npm:^8.22.0":
-  version: 8.22.0
-  resolution: "eslint@npm:8.22.0"
+"eslint@npm:^8.23.0":
+  version: 8.23.0
+  resolution: "eslint@npm:8.23.0"
   dependencies:
-    "@eslint/eslintrc": ^1.3.0
+    "@eslint/eslintrc": ^1.3.1
     "@humanwhocodes/config-array": ^0.10.4
     "@humanwhocodes/gitignore-to-minimatch": ^1.0.2
+    "@humanwhocodes/module-importer": ^1.0.1
     ajv: ^6.10.0
     chalk: ^4.0.0
     cross-spawn: ^7.0.2
@@ -3785,7 +3803,7 @@ __metadata:
     eslint-scope: ^7.1.1
     eslint-utils: ^3.0.0
     eslint-visitor-keys: ^3.3.0
-    espree: ^9.3.3
+    espree: ^9.4.0
     esquery: ^1.4.0
     esutils: ^2.0.2
     fast-deep-equal: ^3.1.3
@@ -3811,21 +3829,20 @@ __metadata:
     strip-ansi: ^6.0.1
     strip-json-comments: ^3.1.0
     text-table: ^0.2.0
-    v8-compile-cache: ^2.0.3
   bin:
     eslint: bin/eslint.js
-  checksum: 2d84a7a2207138cdb250759b047fdb05a57fede7f87b7a039d9370edba7f26e23a873a208becfd4b2c9e4b5499029f3fc3b9318da3290e693d25c39084119c80
+  checksum: ff6075daa28d817a7ac4508f31bc108a04d9ab5056608c8651b5bf9cfea5d708ca16dea6cdab2c3c0ae99b0bf0e726af8504eaa8e17c8e12e242cb68237ead64
   languageName: node
   linkType: hard
 
-"espree@npm:^9.3.2, espree@npm:^9.3.3":
-  version: 9.3.3
-  resolution: "espree@npm:9.3.3"
+"espree@npm:^9.4.0":
+  version: 9.4.0
+  resolution: "espree@npm:9.4.0"
   dependencies:
     acorn: ^8.8.0
     acorn-jsx: ^5.3.2
     eslint-visitor-keys: ^3.3.0
-  checksum: 33e8a36fc15d082e68672e322e22a53856b564d60aad8f291a667bfc21b2c900c42412d37dd3c7a0f18b9d0d8f8858dabe8776dbd4b4c2f72c5cf4d6afeabf65
+  checksum: 2e3020dde67892d2ba3632413b44d0dc31d92c29ce72267d7ec24216a562f0a6494d3696e2fa39a3ec8c0e0088d773947ab2925fbb716801a11eb8dd313ac89c
   languageName: node
   linkType: hard
 
@@ -6577,13 +6594,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"v8-compile-cache@npm:^2.0.3":
-  version: 2.3.0
-  resolution: "v8-compile-cache@npm:2.3.0"
-  checksum: adb0a271eaa2297f2f4c536acbfee872d0dd26ec2d76f66921aa7fc437319132773483344207bdbeee169225f4739016d8d2dbf0553913a52bb34da6d0334f8e
-  languageName: node
-  linkType: hard
-
 "vite-plugin-inject-preload@npm:^1.1.0":
   version: 1.1.0
   resolution: "vite-plugin-inject-preload@npm:1.1.0"