Fix

Author: AndreasArvidsson

packages/cheatsheet/src/lib/Cheatsheet.tsx

@@ -1,5 +1,6 @@
 import { faCircleQuestion } from "@fortawesome/free-solid-svg-icons/faCircleQuestion";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { useEffect } from "preact/hooks";
 import "./cheatsheet.css";
 import type { CheatsheetInfo } from "./cheatsheet.types";
 import { cheatsheetLegendData } from "./utils/cheatsheetLegendData";
@@ -9,13 +10,15 @@ import CheatsheetNotesSection from "./CheatsheetNotesSection";
 import { applyBootstrapTheme } from "./utils/applyBootstrapTheme";
 import SmartLink from "./utils/SmartLink";
 
-applyBootstrapTheme();
-
 type Props = {
   cheatsheetInfo: CheatsheetInfo;
 };
 
 export function Cheatsheet({ cheatsheetInfo }: Props) {
+  useEffect(() => {
+    return applyBootstrapTheme();
+  }, []);
+
   return (
     <main className="cheatsheet">
       <div className="container-xxl pb-2">

packages/cheatsheet/src/lib/utils/applyBootstrapTheme.ts

@@ -1,5 +1,4 @@
 export function applyBootstrapTheme() {
-  console.log("hello");
   const media = window.matchMedia("(prefers-color-scheme: dark)");
 
   function applyTheme() {
@@ -12,4 +11,8 @@ export function applyBootstrapTheme() {
   applyTheme();
 
   media.addEventListener("change", applyTheme);
+
+  return () => {
+    media.removeEventListener("change", applyTheme);
+  };
 }

packages/cursorless-org/src/Cheatsheet.tsx

@@ -1,10 +1,13 @@
-import { Cheatsheet, defaultCheatsheetInfo } from "@cursorless/cheatsheet";
+import {
+  Cheatsheet as OriginalCheatsheet,
+  defaultCheatsheetInfo,
+} from "@cursorless/cheatsheet";
 
 export function Cheatsheet() {
   return (
     <>
       <title>Cursorless cheatsheet</title>
-      <Cheatsheet cheatsheetInfo={defaultCheatsheetInfo} />
+      <OriginalCheatsheet cheatsheetInfo={defaultCheatsheetInfo} />
     </>
   );
 }

packages/cursorless-vscode/package.json

@@ -1281,8 +1281,8 @@
     ]
   },
   "scripts": {
-    "build": "pnpm run esbuild:prod && pnpm -F cheatsheet-local build:prod && pnpm -F cursorless-vscode-tutorial-webview build:prod && pnpm run populate-dist",
-    "build:dev": "pnpm generate-grammar && pnpm run esbuild && pnpm -F cheatsheet-local build && pnpm -F cursorless-vscode-tutorial-webview build && pnpm run populate-dist",
+    "build": "pnpm run esbuild:prod && pnpm run populate-dist",
+    "build:dev": "pnpm generate-grammar && pnpm run esbuild && pnpm run populate-dist",
     "esbuild:base": "bash ./scripts/compile-esbuild.sh",
     "install-local": "bash ./scripts/install-local.sh",
     "install-from-pr": "bash ./scripts/install-from-pr.sh",
@@ -1326,6 +1326,8 @@
     "vscode-uri": "^3.1.0"
   },
   "devDependencies": {
+    "@cursorless/cheatsheet-local": "workspace:*",
+    "@cursorless/cursorless-vscode-tutorial-webview": "workspace:*",
     "@types/fs-extra": "^11.0.4",
     "@types/js-yaml": "^4.0.9",
     "@types/lodash-es": "^4.17.12",