Generated by Spark: same issue on last run:

vite v5.4.19 building for production...
transforming...
✓ 3 modules transformed.
x Build failed in 92ms
error during build:
[vite]: Rollup failed to resolve import "@github/spark/spark" from "/home/runner/work/github-copilot-usage/github-copilot-usage/src/main.tsx".
This is most likely unintended because it can break your application at runtime.
If you do want to externalize this module explicitly add it to
`build.rollupOptions.external`
    at viteWarn (file:///home/runner/work/github-copilot-usage/github-copilot-usage/node_modules/vite/dist/node/chunks/dep-C6uTJdX2.js:65839:17)
    at onwarn (file:///home/runner/work/github-copilot-usage/github-copilot-usage/node_modules/@vitejs/plugin-react/dist/index.mjs:282:9)
    at onRollupWarning (file:///home/runner/work/github-copilot-usage/github-copilot-usage/node_modules/vite/dist/node/chunks/dep-C6uTJdX2.js:65869:5)
    at onwarn (file:///home/runner/work/github-copilot-usage/github-copilot-usage/node_modules/vite/dist/node/chunks/dep-C6uTJdX2.js:65534:7)
    at file:///home/runner/work/github-copilot-usage/github-copilot-usage/node_modules/rollup/dist/es/shared/node-entry.js:20557:13
    at Object.logger [as onLog] (file:///home/runner/work/github-copilot-usage/github-copilot-usage/node_modules/rollup/dist/es/shared/node-entry.js:22286:9)
    at ModuleLoader.handleInvalidResolvedId (file:///home/runner/work/github-copilot-usage/github-copilot-usage/node_modules/rollup/dist/es/shared/node-entry.js:21169:26)
    at file:///home/runner/work/github-copilot-usage/github-copilot-usage/node_modules/rollup/dist/es/shared/node-entry.js:21127:26
Error: Process completed with exit code 1.

Author: rajbos

DEPLOYMENT.md

@@ -48,7 +48,8 @@ This will:
 ## Configuration
 
 - The application uses a special Vite configuration for GitHub Pages deployment (`vite.github-pages.config.ts`)
-- It uses a special version of the main.tsx file without Spark-specific dependencies
+- The `main-github-pages.tsx` file excludes Spark-specific imports that cause build issues
+- Build configuration excludes `@github/spark/spark` from bundling
 - Base URL is set to `'./'` to allow relative paths on GitHub Pages
 
 ## Troubleshooting
@@ -58,4 +59,5 @@ If you encounter deployment issues:
 1. Check the GitHub Actions workflow run for error messages
 2. Verify that GitHub Pages is properly configured in your repository settings
 3. Make sure all dependencies are properly installed
-4. Confirm that the GitHub Pages branch (gh-pages) is correctly set as the publishing source
+4. Confirm that the GitHub Pages branch (gh-pages) is correctly set as the publishing source
+5. Examine the build logs for errors related to missing dependencies

build-for-gh-pages.sh

@@ -4,8 +4,8 @@
 # Copy the GitHub Pages specific main file
 cp src/main-github-pages.tsx src/main.tsx
 
-# Build using Vite with the modified config
-npm run build
+# Build using Vite with the GitHub Pages config
+vite build --config vite.github-pages.config.ts
 
 # Restore the original main file if you need to continue local development
 git checkout src/main.tsx

package.json

@@ -5,16 +5,16 @@
     "homepage": "./",
     "type": "module",
     "scripts": {
-        "dev": "vite",
-        "kill": "fuser -k 5000/tcp",
-        "build": "tsc -b --noCheck && vite build",
-        "lint": "eslint .",
-        "optimize": "vite optimize",
-        "preview": "vite preview",
-        "build:pages": "cp src/main-github-pages.tsx src/main.tsx && vite build --config vite.github-pages.config.ts && git checkout src/main.tsx",
-        "predeploy": "npm run build:pages",
-        "deploy": "gh-pages -d dist"
-    },
+    "dev": "vite",
+    "kill": "fuser -k 5000/tcp",
+    "build": "tsc -b --noCheck && vite build",
+    "lint": "eslint .",
+    "optimize": "vite optimize",
+    "preview": "vite preview",
+    "build:pages": "bash ./build-for-gh-pages.sh",
+    "predeploy": "npm run build:pages",
+    "deploy": "gh-pages -d dist"
+  },
     "dependencies": {
         "@github/spark": "^0.0.1",
         "@heroicons/react": "^2.2.0",

src/main-github-pages.tsx

@@ -3,6 +3,7 @@ import { createRoot } from 'react-dom/client'
 import App from './App.tsx'
 import "./main.css"
 import "./index.css"
+// @github/spark/spark import is excluded and handled externally
 
 createRoot(document.getElementById('root')!).render(
     <App />

vite.config.js

@@ -34,6 +34,7 @@ export default defineConfig({
       input: {
         main: resolve(__dirname, 'index.html'),
       },
+      external: ['@github/spark/spark']
     }
   },
   resolve: {