[pull] master from monkeytypegame:master

.github/workflows/check-formatting.yml

@@ -1,7 +1,7 @@
 name: Check formatting
 
 env:
-  PNPM_VERSION: "9.6.0"
+  PNPM_VERSION: "10.28.1"
   NODE_VERSION: "24.11.0"
 
 on:

.github/workflows/fix-formatting.yml

@@ -1,7 +1,7 @@
 name: Fix formatting
 
 env:
-  PNPM_VERSION: "9.6.0"
+  PNPM_VERSION: "10.28.1"
   NODE_VERSION: "24.11.0"
 
 permissions:

.github/workflows/monkey-ci.yml

@@ -1,7 +1,7 @@
 name: Monkey CI
 
 env:
-  PNPM_VERSION: "9.6.0"
+  PNPM_VERSION: "10.28.1"
   NODE_VERSION: "24.11.0"
   RECAPTCHA_SITE_KEY: "6Lc-V8McAAAAAJ7s6LGNe7MBZnRiwbsbiWts87aj"
 

backend/docker/compose.yml

@@ -24,7 +24,7 @@ services:
     build:
       dockerfile_inline: |
         FROM node:24.11.0
-        RUN npm i -g pnpm@9.6.0
+        RUN npm i -g pnpm@10.28.1
         RUN mkdir /pnpm-store && chown -R 1000:1000 /pnpm-store
     user: "node" ##this works as long as your local user has uid=1000
     restart: on-failure

backend/package.json

@@ -60,7 +60,7 @@
   "devDependencies": {
     "@monkeytype/oxlint-config": "workspace:*",
     "@monkeytype/typescript-config": "workspace:*",
-    "@redocly/cli": "2.0.5",
+    "@redocly/cli": "2.15.1",
     "@types/bcrypt": "5.0.2",
     "@types/cors": "2.8.12",
     "@types/cron": "1.7.3",
@@ -90,6 +90,6 @@
     "vitest": "4.0.15"
   },
   "engines": {
-    "node": "24.11.0 || 22.21.0"
+    "node": ">=24.0.0 <25"
   }
 }

docker/backend/Dockerfile

@@ -8,12 +8,12 @@ COPY packages packages
 COPY backend backend
 
 #gimme pnpm + build
-RUN npm i -g pnpm && \
+RUN npm i -g pnpm@10.28.1 && \
     pnpm i --frozen-lockfile && \
     npm run build
 
 #deploy (install all non-dev dependencies in a single node_module folder)
-RUN pnpm deploy --filter backend --prod /prod/backend
+RUN pnpm deploy --legacy --filter backend --prod /prod/backend
 
 #---------------------------------
 

docs/CONTRIBUTING_ADVANCED.md

@@ -38,7 +38,7 @@ If you use `nvm` (if you use Windows, use [nvm-windows](https://github.com/corey
 
 Alternatively, you can navigate to the NodeJS [website](https://nodejs.org/en/) to download it from there.
 
-For package management, we use `pnpm` instead of `npm` or `yarn`. You can install it by running `npm i -g pnpm@9.6.0`. This will install `pnpm` globally on your machine.
+For package management, we use `pnpm` instead of `npm` or `yarn`. You can install it by running `npm i -g pnpm@10.28.1`. This will install `pnpm` globally on your machine.
 
 ### Docker (Recommended but Optional)
 

frontend/docker/compose.dev.yml

@@ -5,7 +5,7 @@ services:
     build:
       dockerfile_inline: |
         FROM node:24.11.0
-        RUN npm i -g pnpm@9.6.0
+        RUN npm i -g pnpm@10.28.1
         RUN mkdir /pnpm-store && chown -R 1000:1000 /pnpm-store
     user: "node" ##this works as long as your local user has uid=1000
     # restart: on-failure

frontend/package.json

@@ -23,6 +23,7 @@
   },
   "dependencies": {
     "@date-fns/utc": "1.2.0",
+    "@leonabcd123/modern-caps-lock": "2.0.3",
     "@monkeytype/contracts": "workspace:*",
     "@monkeytype/funbox": "workspace:*",
     "@monkeytype/schemas": "workspace:*",
@@ -127,6 +128,6 @@
     "not dead"
   ],
   "engines": {
-    "node": "24.11.0 || 22.21.0"
+    "node": ">=24.0.0 <25"
   }
 }

frontend/src/html/pages/settings.html

@@ -106,6 +106,26 @@
         <button class="addPresetButton fullWidth">add preset</button>
       </div>
     </div>
+    <div
+      class="section resultSaving needsAccount"
+      data-config-name="resultSaving"
+    >
+      <div class="groupTitle">
+        <i class="fas fa-save"></i>
+        <span>result saving</span>
+        <button class="text" tabindex="-1">
+          <i class="fas fa-fw fa-link"></i>
+        </button>
+      </div>
+      <div class="text">
+        Disable result saving, in case you want to practice without affecting
+        your account stats.
+      </div>
+      <div class="buttons">
+        <button data-config-value="false">off</button>
+        <button data-config-value="true">on</button>
+      </div>
+    </div>
     <div class="section" data-config-name="difficulty">
       <div class="groupTitle">
         <i class="fas fa-star"></i>

frontend/src/html/popups.html

@@ -926,6 +926,7 @@
       <input
         id="searchBox"
         class="searchBox"
+        dir="auto"
         type="text"
         maxlength="200"
         autocomplete="off"
@@ -937,7 +938,7 @@
         <!-- favorites -->
       </button>
     </div>
-    <div id="quoteSearchResults" class="quoteSearchResults"></div>
+    <div dir="auto" id="quoteSearchResults" class="quoteSearchResults"></div>
     <div id="quoteSearchPageNavigator">
       <button class="prevPage" disabled>
         <i class="fas fa-fw fa-chevron-left"></i>

frontend/src/ts/commandline/commandline-metadata.ts

@@ -205,6 +205,13 @@ export const commandlineConfigMetadata: CommandlineConfigMetadataObject = {
       options: "fromSchema",
     },
   },
+  resultSaving: {
+    subgroup: {
+      options: "fromSchema",
+      alias: (val) => (val ? "enabled" : "disabled"),
+    },
+    alias: "results practice incognito",
+  },
   blindMode: {
     subgroup: {
       options: "fromSchema",

frontend/src/ts/commandline/lists.ts

@@ -1,7 +1,6 @@
 import MinBurstCommands from "./lists/min-burst";
 import BailOutCommands from "./lists/bail-out";
 import QuoteFavoriteCommands from "./lists/quote-favorites";
-import ResultSavingCommands from "./lists/result-saving";
 import NavigationCommands from "./lists/navigation";
 import ResultScreenCommands from "./lists/result-screen";
 import CustomBackgroundCommands from "./lists/custom-background";
@@ -98,10 +97,10 @@ export const commands: CommandsSubgroup = {
     //account
     ...TagsCommands,
     ...PresetsCommands,
-    ...ResultSavingCommands,
 
     //behavior
     ...buildCommands(
+      "resultSaving",
       "difficulty",
       "quickRestart",
       "repeatQuotes",
@@ -379,7 +378,6 @@ const lists = {
   minBurst: MinBurstCommands[0]?.subgroup,
   funbox: FunboxCommands[0]?.subgroup,
   tags: TagsCommands[0]?.subgroup,
-  resultSaving: ResultSavingCommands[0]?.subgroup,
   ads: adsCommands[0]?.subgroup,
 };
 

frontend/src/ts/components/common/AnimatedModal.tsx

@@ -70,7 +70,7 @@ export function AnimatedModal(props: AnimatedModalProps): JSXElement {
     }
   });
 
-  async function showModal(isChained: boolean): Promise<void> {
+  const showModal = async (isChained: boolean): Promise<void> => {
     if (dialogEl() === undefined || modalEl() === undefined) return;
 
     await props.beforeShow?.();
@@ -153,9 +153,9 @@ export function AnimatedModal(props: AnimatedModalProps): JSXElement {
           },
         });
     }
-  }
+  };
 
-  async function hideModal(isChained: boolean): Promise<void> {
+  const hideModal = async (isChained: boolean): Promise<void> => {
     // Guard: only hide if visible and not already animating
     if (dialogEl() === undefined || modalEl() === undefined) return;
 
@@ -209,18 +209,18 @@ export function AnimatedModal(props: AnimatedModalProps): JSXElement {
         },
       });
     }
-  }
+  };
 
-  async function handleAfterHide(): Promise<void> {
+  const handleAfterHide = async (): Promise<void> => {
     await props.afterHide?.();
     storeHideModal(props.id);
-  }
+  };
 
-  async function handleAfterShow(): Promise<void> {
+  const handleAfterShow = async (): Promise<void> => {
     await props.afterShow?.();
-  }
+  };
 
-  function focusFirstInput(): void {
+  const focusFirstInput = (): void => {
     if (modalEl() === undefined || dialogEl() === undefined) return;
     if (props.focusFirstInput === undefined) return;
 
@@ -233,7 +233,7 @@ export function AnimatedModal(props: AnimatedModalProps): JSXElement {
         input.select();
       }
     }
-  }
+  };
 
   const handleKeyDown = (e: KeyboardEvent): void => {
     if (e.key === "Escape" && visibility()) {

frontend/src/ts/components/common/AsyncContent.tsx

@@ -92,16 +92,16 @@ export default function AsyncContent<T extends QueryMapping>(
     return message;
   };
 
-  function allResolved(
+  const allResolved = (
     data: ReturnType<typeof value>,
-  ): data is { [K in keyof T]: T[K] } {
+  ): data is { [K in keyof T]: T[K] } => {
     //single query
     if (data === undefined || data === null) {
       return false;
     }
 
     return Object.values(data).every((v) => v !== undefined && v !== null);
-  }
+  };
 
   const isLoading = (): boolean =>
     Object.values(source() as AsyncEntry<unknown>[]).some((s) => s.isLoading());

frontend/src/ts/components/common/Headers.tsx

@@ -25,6 +25,7 @@ export function H2(props: {
   );
 }
 
+// oxlint-disable-next-line monkeytype-rules/one-component-per-file
 export function H3(props: {
   id?: string;
   class?: string;

frontend/src/ts/components/layout/overlays/FpsCounter.tsx

@@ -18,7 +18,7 @@ export function FpsCounter(): JSX.Element {
   let frameCount = 0;
   let startTime: number;
 
-  function loop(timestamp: number): void {
+  const loop = (timestamp: number): void => {
     if (stopLoop) return;
     const elapsedTime = timestamp - startTime;
     frameCount++;
@@ -31,7 +31,7 @@ export function FpsCounter(): JSX.Element {
     }
 
     window.requestAnimationFrame(loop);
-  }
+  };
 
   createEffect(() => {
     if (isVisible()) {