Replaced Tailwind with Bootstrap (#3224)

Author: AndreasArvidsson

.vscode/tasks.json

@@ -134,7 +134,7 @@
     {
       "label": "VSCode: Watch tutorial",
       "type": "npm",
-      "script": "watch:tailwind",
+      "script": "watch",
       "isBackground": true,
       "presentation": {
         "reveal": "never"

netlify.toml

@@ -1,5 +1,6 @@
 # Netlify configuration file for building and deploying the Cursorless website.
 # Read by Netlify GitHub app.
+# https://app.netlify.com/projects/cursorless/deploys
 
 [build]
   command = "./scripts/build-and-assemble-website.sh"

package.json

@@ -51,7 +51,6 @@
     "eslint-plugin-unicorn": "^63.0.0",
     "eslint-plugin-unused-imports": "^4.4.1",
     "prettier": "^3.8.1",
-    "prettier-plugin-tailwindcss": "^0.7.2",
     "syncpack": "^14.2.0",
     "tsx": "^4.21.0",
     "typescript": "^5.9.3",

packages/cheatsheet-local/.browserslistrc

@@ -5,7 +5,6 @@
     <title>Cursorless Cheatsheet</title>
 
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="icon" type="image/x-icon" href="./src/favicon.ico" />
     <script id="cheatsheet-data">
       // Dummy data for use in debugging
       document.cheatsheetInfo = __FAKE_CHEATSHEET_INFO__;

packages/cheatsheet-local/index.html

@@ -13,36 +13,29 @@
       "default": "./out/index.js"
     }
   },
-  "postcss": {
-    "plugins": {
-      "@tailwindcss/postcss": {}
-    }
-  },
   "scripts": {
     "test": "jest",
     "compile": "tsc --build",
     "watch": "tsc --build --watch",
-    "build": "pnpm build:prod",
+    "serve": "vite serve",
+    "preview": "vite preview",
+    "build": "vite build",
     "build:dev": "vite build --mode development",
-    "build:prod": "vite build --mode production",
     "clean": "rm -rf ./out tsconfig.tsbuildinfo ./dist ./build"
   },
   "dependencies": {
     "@cursorless/cheatsheet": "workspace:*",
     "@cursorless/common": "workspace:*",
-    "preact": "^10.29.0",
-    "tslib": "^2.8.1"
+    "bootstrap": "^5.3.8",
+    "preact": "^10.29.0"
   },
   "devDependencies": {
-    "@preact/preset-vite": "^2.10.3",
-    "@tailwindcss/postcss": "^4.2.1",
     "@types/jest": "^30.0.0",
     "@types/node": "^24.12.0",
     "jest": "^30.3.0",
-    "postcss": "^8.5.8",
-    "tailwindcss": "^4.2.1",
     "typescript": "^5.9.3",
     "vite": "^8.0.0",
+    "vite-plugin-purgecss": "^0.2.13",
     "vite-plugin-singlefile": "^2.3.0"
   }
 }

packages/cheatsheet-local/package.json

@@ -1,5 +1,5 @@
 import type { CheatsheetInfo } from "@cursorless/cheatsheet";
-import { CheatsheetPage } from "@cursorless/cheatsheet";
+import { Cheatsheet } from "@cursorless/cheatsheet";
 import "./styles.css";
 
 declare global {
@@ -16,5 +16,5 @@ declare global {
 }
 
 export function App() {
-  return <CheatsheetPage cheatsheetInfo={document.cheatsheetInfo} />;
+  return <Cheatsheet cheatsheetInfo={document.cheatsheetInfo} />;
 }