purgecss

Author: AndreasArvidsson

packages/cheatsheet-local/package.json

@@ -31,12 +31,12 @@
     "tslib": "^2.8.1"
   },
   "devDependencies": {
-    "@preact/preset-vite": "^2.10.3",
     "@types/jest": "^30.0.0",
     "@types/node": "^24.12.0",
     "jest": "^30.3.0",
     "typescript": "^5.9.3",
     "vite": "^8.0.0",
+    "vite-plugin-purgecss": "^0.2.13",
     "vite-plugin-singlefile": "^2.3.0"
   }
 }

packages/cheatsheet-local/vite.config.ts

@@ -1,7 +1,7 @@
 import { defaultCheatsheetInfo } from "@cursorless/cheatsheet";
 import { viteHtmlParams } from "@cursorless/common";
-import preact from "@preact/preset-vite";
 import { defineConfig, type UserConfig } from "vite";
+import purgeCss from "vite-plugin-purgecss";
 import { viteSingleFile } from "vite-plugin-singlefile";
 
 export default defineConfig((): UserConfig => {
@@ -15,7 +15,7 @@ export default defineConfig((): UserConfig => {
     },
 
     plugins: [
-      preact(),
+      purgeCss({}),
       viteSingleFile(),
       viteHtmlParams({
         FAKE_CHEATSHEET_INFO: JSON.stringify(defaultCheatsheetInfo),

packages/cursorless-org/package.json

@@ -30,12 +30,12 @@
     "wouter-preact": "^3.9.0"
   },
   "devDependencies": {
-    "@preact/preset-vite": "^2.10.3",
     "@types/node": "^24.12.0",
     "eslint": "^10.0.3",
     "http-server": "^14.1.1",
     "typescript": "^5.9.3",
     "vite": "^8.0.0",
+    "vite-plugin-purgecss": "^0.2.13",
     "vite-plugin-svgr": "^4.5.0"
   }
 }

packages/cursorless-org/vite.config.ts

@@ -1,7 +1,7 @@
 import { CURSORLESS_ORG_URL, viteHtmlParams } from "@cursorless/common";
-import preact from "@preact/preset-vite";
 import type { UserConfig } from "vite";
 import { defineConfig } from "vite";
+import purgeCss from "vite-plugin-purgecss";
 import svgr from "vite-plugin-svgr";
 import {
   DESCRIPTION,
@@ -29,10 +29,17 @@ export default defineConfig((): UserConfig => {
 
     resolve: {
       conditions: ["cursorless:bundler"],
+
+      alias: {
+        "react-dom/test-utils": "preact/test-utils",
+        "react-dom": "preact/compat",
+        "react/jsx-runtime": "preact/jsx-runtime",
+        react: "preact/compat",
+      },
     },
 
     plugins: [
-      preact(),
+      purgeCss({}),
       svgr(),
       viteHtmlParams({
         CURSORLESS_ORG_URL,

packages/cursorless-vscode-tutorial-webview/package.json

@@ -19,8 +19,8 @@
     "preact": "^10.29.0"
   },
   "devDependencies": {
-    "@preact/preset-vite": "^2.10.3",
     "@types/vscode-webview": "^1.57.5",
-    "vite": "^8.0.0"
+    "vite": "^8.0.0",
+    "vite-plugin-purgecss": "^0.2.13"
   }
 }

packages/cursorless-vscode-tutorial-webview/vite.config.ts

@@ -1,5 +1,5 @@
-import preact from "@preact/preset-vite";
 import { defineConfig, type UserConfig } from "vite";
+import purgeCss from "vite-plugin-purgecss";
 
 export default defineConfig((): UserConfig => {
   return {
@@ -24,6 +24,6 @@ export default defineConfig((): UserConfig => {
       conditions: ["cursorless:bundler"],
     },
 
-    plugins: [preact()],
+    plugins: [purgeCss({})],
   };
 });