Deploy example to github pages

Author: thetarnav

.github/workflows/page.yml

@@ -0,0 +1,63 @@
+name: Deploy example page
+
+on:
+  push:
+    branches: [main]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout Repo
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - uses: pnpm/action-setup@v4
+
+      - name: Setup Node.js 22
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22.x
+          cache: pnpm
+
+      - name: Install Dependencies
+        run: pnpm install --ignore-scripts
+
+      - name: Cache turbo build setup
+        uses: actions/cache@v4
+        with:
+          path: node_modules/.cache/turbo
+          key: turbo-${{ github.sha }}
+          restore-keys: |
+            turbo-
+
+      - name: Build
+        run: pnpm build
+
+      - name: Build site
+        run: cd examples/sandbox && pnpm build
+
+      - name: Upload Pages artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: dist
+
+  deploy:
+    needs: build
+    runs-on: ubuntu-latest
+
+    # Grant GITHUB_TOKEN the permissions required to make a Pages deployment
+    permissions:
+      pages: write # to deploy to Pages
+      id-token: write # to verify the deployment originates from an appropriate source
+
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

.github/workflows/release-ext.yml

@@ -34,8 +34,6 @@ jobs:
 
       - name: Build
         run: pnpm build
-        env:
-          CI: true
 
       - name: Upload Extension Artifacts
         uses: actions/upload-artifact@v4

.github/workflows/tests.yml

@@ -40,8 +40,6 @@ jobs:
 
       - name: Run Build and Tests
         run: pnpm run build-test:packages
-        env:
-          CI: true
 
       - name: Lint
         run: pnpm test:lint

examples/sandbox/env.d.ts

@@ -16,7 +16,6 @@
     "dependencies": {
         "@solid-devtools/debugger": "workspace:^",
         "@solid-devtools/logger": "workspace:^",
-        "@solid-devtools/overlay": "workspace:^",
-        "@solid-primitives/timer": "^1.3.10"
+        "@solid-devtools/overlay": "workspace:^"
     }
 }

examples/sandbox/package.json

@@ -3,7 +3,7 @@ const DevtoolsOverlay = lazy(() => import('./DevtoolsOverlay.tsx'))
 
 export function Overlay() {
     return (
-        <Show when={!process.env.EXT || process.env.BUILD}>
+        <Show when={!import.meta.env.EXT || !import.meta.env.DEV}>
             <DevtoolsOverlay defaultOpen noPadding />
         </Show>
     )

examples/sandbox/src/Overlay.tsx

@@ -0,0 +1,14 @@
+
+/// <reference types="vite/client" />
+
+declare global {
+    interface ImportMetaEnv {
+        readonly EXT: boolean
+    }
+
+    interface ImportMeta {
+        readonly env: ImportMetaEnv
+    }
+}
+
+export {}

examples/sandbox/src/env.d.ts

@@ -1,7 +1,7 @@
 import 'solid-devtools'
 
 async function main() {
-    if (!process.env.EXT || process.env.BUILD) {
+    if (!import.meta.env.EXT || !import.meta.env.DEV) {
         await import('@solid-devtools/debugger/bundled')
     }
 

examples/sandbox/src/index.tsx

@@ -1,6 +1,4 @@
 {
     "extends": "../../tsconfig.json",
-    "compilerOptions": {
-        "types": ["vite/client"]
-    }
+    "include": ["src/**/*"]
 }

examples/sandbox/tsconfig.json

@@ -20,14 +20,18 @@ export default defineConfig(mode => {
             solid({hot: true, dev: true}),
         ],
         define: {
-            'process.env.EXT': JSON.stringify(is_ext),
-            'process.env.BUILD': JSON.stringify(is_build),
+            'import.meta.env.EXT': JSON.stringify(is_ext),
         },
         mode: 'development',
+        resolve: {
+            conditions: ['browser', 'development']
+        },
         build: {
             target: 'esnext',
             minify: false,
         },
-        optimizeDeps: {},
+        optimizeDeps: {
+            exclude: ['solid-devtools', '@solid-devtools/*']
+        },
     }
 })