fix(examples): my-react-crasher fails to load (#6)

* fix(my-react-crasher): add base url to vite config

* fix(examples): pages build with subdir

Author: zzmrl

.github/workflows/cd.yml

@@ -23,7 +23,7 @@ jobs:
         run: npm ci
 
       - name: Build Examples
-        run: npm run build:examples
+        run: npm run -w my-react-crasher build:pages
 
       - name: Semantic Release
         env:

examples/my-react-crasher/package.json

@@ -22,6 +22,7 @@
   "private": true,
   "scripts": {
     "build": "vite build",
+    "build:pages": "vite build --mode pages",
     "start": "vite build && npm run symbol-upload && vite preview",
     "symbol-upload": "env-cmd symbol-upload -d ./dist/assets",
     "test": "vitest"

examples/my-react-crasher/tsconfig.json

@@ -1,4 +1,4 @@
 {
   "extends": "../../tsconfig.json",
-  "include": ["src", "vite.config.ts"]
+  "include": ["src", "vite.config.ts", "vite-env.d.ts"]
 }

…mples/my-react-crasher/src/vite-env.d.ts examples/my-react-crasher/vite-env.d.tsexamples/my-react-crasher/src/vite-env.d.ts renamed to examples/my-react-crasher/vite-env.d.ts examples/my-react-crasher/src/vite-env.d.ts renamed to examples/my-react-crasher/vite-env.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="vite/client" />
+/// <reference types="vitest" />
 
 interface ImportMetaEnv {
   readonly BUGSPLAT_DATABASE?: string;

examples/my-react-crasher/vite.config.ts

@@ -1,16 +1,20 @@
-/// <reference types="vitest" />
+/// <reference types="./vite-env" />
 
 import react from '@vitejs/plugin-react';
 import { defineConfig } from 'vite';
 
-export default defineConfig({
-  plugins: [react()],
-  envPrefix: 'BUGSPLAT_',
-  build: {
-    sourcemap: true,
-  },
-  test: {
-    environment: 'jsdom',
-    include: ['./src/**/*.{test,spec}.{ts,tsx}'],
-  },
+export default defineConfig(({mode}) => {
+  return {
+    base: mode === "pages" ? "/my-react-crasher/" : "/",
+    plugins: [react()],
+    envPrefix: 'BUGSPLAT_',
+    build: {
+      sourcemap: true,
+    },
+    test: { 
+      environment: 'jsdom',
+      include: ['./src/**/*.{test,spec}.{ts,tsx}'],
+    },
+  }
 });
+