Improve devcontainers, formatting and tailwind experience

.devcontainer/devcontainer.json

@@ -4,5 +4,22 @@
   "features": {
     "ghcr.io/shyim/devcontainers-features/bun:0": {}
   },
-  "postCreateCommand": "bun install"
+  "postCreateCommand": "bun install",
+  "customizations": {
+    "vscode": {
+      "extensions": [
+        "aaron-bond.better-comments",
+        "bradlc.vscode-tailwindcss",
+        "eamodio.gitlens",
+        "esbenp.prettier-vscode",
+        "formulahendry.auto-rename-tag",
+        "ms-vscode-remote.remote-containers",
+        "PKief.material-icon-theme",
+        "streetsidesoftware.code-spell-checker"
+      ],
+      "settings": {
+        "workbench.iconTheme": "material-icon-theme"
+      }
+    }
+  }
 }

.github/workflows/main.yaml

@@ -2,8 +2,9 @@ name: CI
 
 on:
   push:
-    branches: [ master ]
+    branches: [master]
   pull_request:
+    types: [opened, synchronize, reopened, ready_for_review]
   workflow_dispatch:
 
 concurrency:
@@ -12,22 +13,23 @@ concurrency:
 
 jobs:
   test:
+    if: github.event.pull_request.draft == false
+    name: Test
     runs-on: ubuntu-latest
     timeout-minutes: 1
     steps:
       - uses: actions/checkout@v4
-      - uses: oven-sh/setup-bun@v1
-
+      - uses: oven-sh/setup-bun@v2
       - run: bun install
       - run: bun run test
-
   manifest:
+    if: github.event.pull_request.draft == false
+    name: Test Manifest
     runs-on: ubuntu-latest
     timeout-minutes: 15
     steps:
       - uses: actions/checkout@v4
-      - uses: oven-sh/setup-bun@v1
-
+      - uses: oven-sh/setup-bun@v2
       - run: bun install
       - name: test manifest in master
         run: bun run test "manifest"

.gitignore

@@ -4,7 +4,6 @@
 # IDEs
 .idea
 *.iml
-.vscode
 
 # dependencies
 /node_modules

.prettierrc

@@ -0,0 +1,3 @@
+{
+  "plugins": ["prettier-plugin-tailwindcss"]
+}

.vscode/extensions.json

@@ -0,0 +1,12 @@
+{
+  "recommendations": [
+    "aaron-bond.better-comments",
+    "bradlc.vscode-tailwindcss",
+    "eamodio.gitlens",
+    "esbenp.prettier-vscode",
+    "formulahendry.auto-rename-tag",
+    "ms-vscode-remote.remote-containers",
+    "PKief.material-icon-theme",
+    "streetsidesoftware.code-spell-checker"
+  ]
+}

.vscode/settings.json

@@ -0,0 +1,10 @@
+{
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true,
+  "editor.quickSuggestions": {
+    "strings": "on"
+  },
+  "files.associations": {
+    "*.css": "tailwindcss"
+  }
+}

package.json

@@ -30,6 +30,8 @@
     "autoprefixer": "10.4.21",
     "jsdom": "^26.0.0",
     "postcss": "^8.5.3",
+    "prettier": "^3.5.3",
+    "prettier-plugin-tailwindcss": "^0.6.11",
     "tailwindcss": "^3.4.17",
     "vite": "^6.2.6",
     "vite-svg-loader": "^5.1.0",