Merge pull request #7 from rajbos/copilot/fix-6

Fix GitHub Actions build error by using main-github-pages.tsx and updating dependencies

Author: rajbos

.github/workflows/deploy-to-pages.yml

@@ -40,13 +40,14 @@ jobs:
           cat > vite.config.js << 'EOF'
           import { defineConfig } from "vite";
           import react from "@vitejs/plugin-react";
+          import tailwindcss from "@tailwindcss/vite";
           import { resolve } from 'path';
           
           // https://vitejs.dev/config/
           export default defineConfig({
-            plugins: [react()],
+            plugins: [react(), tailwindcss()],
             build: {
-              base: "/spark-template/",
+              base: "/github-copilot-usage/",
               outDir: 'dist'
             },
             resolve: {
@@ -70,23 +71,67 @@ jobs:
               "preview": "vite preview"
             },
             "dependencies": {
-              "@phosphor-icons/react": "^2.0.15",
-              "clsx": "^2.1.0",
-              "react": "^18.2.0",
-              "react-dom": "^18.2.0",
-              "recharts": "^2.10.3",
-              "sonner": "^1.2.4",
-              "tailwind-merge": "^2.2.0"
+              "@heroicons/react": "^2.2.0",
+              "@phosphor-icons/react": "^2.1.7",
+              "@radix-ui/colors": "^3.0.0",
+              "@radix-ui/react-accordion": "^1.2.3",
+              "@radix-ui/react-alert-dialog": "^1.1.6",
+              "@radix-ui/react-aspect-ratio": "^1.1.2",
+              "@radix-ui/react-avatar": "^1.1.3",
+              "@radix-ui/react-checkbox": "^1.1.4",
+              "@radix-ui/react-collapsible": "^1.1.3",
+              "@radix-ui/react-context-menu": "^2.2.6",
+              "@radix-ui/react-dialog": "^1.1.6",
+              "@radix-ui/react-dropdown-menu": "^2.1.6",
+              "@radix-ui/react-hover-card": "^1.1.6",
+              "@radix-ui/react-label": "^2.1.2",
+              "@radix-ui/react-menubar": "^1.1.6",
+              "@radix-ui/react-navigation-menu": "^1.2.5",
+              "@radix-ui/react-popover": "^1.1.6",
+              "@radix-ui/react-progress": "^1.1.2",
+              "@radix-ui/react-radio-group": "^1.2.3",
+              "@radix-ui/react-scroll-area": "^1.2.9",
+              "@radix-ui/react-select": "^2.1.6",
+              "@radix-ui/react-separator": "^1.1.2",
+              "@radix-ui/react-slider": "^1.2.3",
+              "@radix-ui/react-slot": "^1.1.2",
+              "@radix-ui/react-switch": "^1.1.3",
+              "@radix-ui/react-tabs": "^1.1.3",
+              "@radix-ui/react-toggle": "^1.1.2",
+              "@radix-ui/react-toggle-group": "^1.1.2",
+              "@radix-ui/react-tooltip": "^1.1.8",
+              "class-variance-authority": "^0.7.1",
+              "clsx": "^2.1.1",
+              "cmdk": "^1.1.1",
+              "d3": "^7.9.0",
+              "date-fns": "^3.6.0",
+              "embla-carousel-react": "^8.5.2",
+              "framer-motion": "^12.6.2",
+              "input-otp": "^1.4.2",
+              "lucide-react": "^0.484.0",
+              "marked": "^15.0.7",
+              "react": "^19.0.0",
+              "react-day-picker": "^9.6.7",
+              "react-dom": "^19.0.0",
+              "react-hook-form": "^7.54.2",
+              "react-resizable-panels": "^2.1.7",
+              "recharts": "^2.15.1",
+              "sonner": "^2.0.1",
+              "tailwind-merge": "^3.0.2",
+              "three": "^0.175.0",
+              "tw-animate-css": "^1.2.4",
+              "uuid": "^11.1.0",
+              "vaul": "^1.1.2",
+              "zod": "^3.24.2"
             },
             "devDependencies": {
-              "@types/react": "^18.2.46",
-              "@types/react-dom": "^18.2.18",
-              "@vitejs/plugin-react": "^4.2.1",
-              "autoprefixer": "^10.4.16",
-              "postcss": "^8.4.32",
-              "tailwindcss": "^3.4.0",
-              "typescript": "^5.3.3",
-              "vite": "^5.0.10"
+              "@tailwindcss/vite": "^4.0.17",
+              "@types/react": "^19.0.10",
+              "@types/react-dom": "^19.0.4",
+              "@vitejs/plugin-react": "^4.3.4",
+              "tailwindcss": "^4.0.17",
+              "typescript": "~5.7.2",
+              "vite": "^6.3.5"
             }
           }
           EOF
@@ -132,6 +177,11 @@ jobs:
           # Replace imports from @github/spark/hooks with our shim
           find src -type f -name "*.ts" -o -name "*.tsx" | xargs sed -i 's/import {.*} from "@github\/spark\/hooks"/import { useKV } from "..\/spark-shims\/hooks"/g'
       
+      - name: Use GitHub Pages main file
+        run: |
+          # Use the main-github-pages.tsx instead of main.tsx to avoid Spark imports
+          cp src/main-github-pages.tsx src/main.tsx
+      
       - name: Setup Pages
         uses: actions/configure-pages@v4