NigelBreslaw · NigelBreslaw · Dec 26, 2023 · Dec 26, 2023 · Dec 26, 2023 · Dec 26, 2023
diff --git a/.github/workflows/deploy-dashboard.yml b/.github/workflows/deploy-dashboard.yml
@@ -0,0 +1,28 @@
+on: 
+    push:
+        paths: 
+            - 'apps/dashboard/**'
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    permissions:
+        contents: read
+        deployments: write
+    name: Deploy
+    steps:
+        - uses: actions/[email protected]
+        - uses: pnpm/[email protected]
+          with:
+            version: 8.12.1
+        - name: install dependencies
+          run: pnpm install --frozen-lockfile
+        - name: build
+          run: cd apps/dashboard && pnpm build
+        - name: deploy dashboard
+          uses: cloudflare/[email protected]
+          with:
+            apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+            accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
+            projectName: gg-dashboard
+            directory: apps/dashboard/dist # e.g. 'dist'
+            gitHubToken: ${{ secrets.GITHUB_TOKEN }}
diff --git a/.github/workflows/deploy.yml → .github/workflows/deploy-docs.yml b/.github/workflows/deploy.yml → .github/workflows/deploy-docs.yml
@@ -19,7 +19,7 @@ jobs:
         - name: build
           run: pnpm build
         - name: publish docs
-          uses: cloudflare/pages-action@1
+          uses: cloudflare/pages-action@v1.5.0
           with:
             apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
             accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}

diff --git a/apps/dashboard/README.md b/apps/dashboard/README.md
@@ -0,0 +1,28 @@
+## Usage
+
+```bash
+$ npm install # or pnpm install or yarn install
+```
+
+### Learn more on the [Solid Website](https://solidjs.com) and come chat with us on our [Discord](https://discord.com/invite/solidjs)
+
+## Available Scripts
+
+In the project directory, you can run:
+
+### `npm run dev`
+
+Runs the app in the development mode.<br>
+Open [http://localhost:5173](http://localhost:5173) to view it in the browser.
+
+### `npm run build`
+
+Builds the app for production to the `dist` folder.<br>
+It correctly bundles Solid in production mode and optimizes the build for the best performance.
+
+The build is minified and the filenames include the hashes.<br>
+Your app is ready to be deployed!
+
+## Deployment
+
+Learn more about deploying your application with the [documentations](https://vitejs.dev/guide/static-deploy.html)
diff --git a/apps/dashboard/index.html b/apps/dashboard/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + Solid + TS</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/index.tsx"></script>
+  </body>
+</html>
diff --git a/apps/dashboard/package.json b/apps/dashboard/package.json
@@ -0,0 +1,19 @@
+{
+  "name": "dashboard",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "solid-js": "1.8.7"
+  },
+  "devDependencies": {
+    "typescript": "5.3.3",
+    "vite": "5.0.10",
+    "vite-plugin-solid": "2.8.0"
+  }
+}
diff --git a/apps/dashboard/public/vite.svg b/apps/dashboard/public/vite.svg
diff --git a/apps/dashboard/src/App.css b/apps/dashboard/src/App.css
@@ -0,0 +1,27 @@
+#root {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}
+
+.logo {
+  height: 6em;
+  padding: 1.5em;
+  will-change: filter;
+  transition: filter 300ms;
+}
+.logo:hover {
+  filter: drop-shadow(0 0 2em #646cffaa);
+}
+.logo.solid:hover {
+  filter: drop-shadow(0 0 2em #61dafbaa);
+}
+
+.card {
+  padding: 2em;
+}
+
+.read-the-docs {
+  color: #888;
+}
diff --git a/apps/dashboard/src/App.tsx b/apps/dashboard/src/App.tsx
@@ -0,0 +1,33 @@
+import { createSignal } from 'solid-js'
+import solidLogo from './assets/solid.svg'
+import viteLogo from '/vite.svg'
+import './App.css'
+
+function App() {
+  const [count, setCount] = createSignal(0)
+
+  return (
+    <>
+      <div>
+        <a href="https://vitejs.dev" target="_blank">
+          <img src={viteLogo} class="logo" alt="Vite logo" />
+        </a>
+        <a href="https://solidjs.com" target="_blank">
+          <img src={solidLogo} class="logo solid" alt="Solid logo" />
+        </a>
+      </div>
+      <h1>Placeholder for dashboard!</h1>
+      <div class="card">
+        <button onClick={() => setCount((count) => count + 1)}>
+          count is {count()}
+        </button>
+        <p>
+          Developer stats coming soon.
+        </p>
+      </div>
+
+    </>
+  )
+}
+
+export default App
diff --git a/apps/dashboard/src/assets/solid.svg b/apps/dashboard/src/assets/solid.svg
diff --git a/apps/dashboard/src/index.css b/apps/dashboard/src/index.css
@@ -0,0 +1,68 @@
+:root {
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+  font-weight: 500;
+  color: #646cff;
+  text-decoration: inherit;
+}
+a:hover {
+  color: #535bf2;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  place-items: center;
+  min-width: 320px;
+  min-height: 100vh;
+}
+
+h1 {
+  font-size: 3.2em;
+  line-height: 1.1;
+}
+
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: #1a1a1a;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+button:hover {
+  border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+}
diff --git a/apps/dashboard/src/index.tsx b/apps/dashboard/src/index.tsx
@@ -0,0 +1,9 @@
+/* @refresh reload */
+import { render } from 'solid-js/web'
+
+import './index.css'
+import App from './App'
+
+const root = document.getElementById('root')
+
+render(() => <App />, root!)
diff --git a/apps/dashboard/src/vite-env.d.ts b/apps/dashboard/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/apps/dashboard/tsconfig.json b/apps/dashboard/tsconfig.json
@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "preserve",
+    "jsxImportSource": "solid-js",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}
diff --git a/apps/dashboard/tsconfig.node.json b/apps/dashboard/tsconfig.node.json
@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}
diff --git a/apps/dashboard/vite.config.ts b/apps/dashboard/vite.config.ts
@@ -0,0 +1,6 @@
+import { defineConfig } from 'vite'
+import solid from 'vite-plugin-solid'
+
+export default defineConfig({
+  plugins: [solid()],
+})
diff --git a/docs/starlight/astro.config.mjs b/docs/starlight/astro.config.mjs
@@ -10,22 +10,21 @@ export default defineConfig({
 				github: 'https://github.com/NigelBreslaw/guardian-ghost',
 			},
 			sidebar: [
-				{
-					label: 'Technologies',
-					items: [
-						{ label: 'CI', link: '/tech/ci/' },
-						{ label: 'Misc', link: '/tech/misc/' },
-					]
-				},
 				{
 					label: 'Guides',
 					items: [
-						// Each item here is one entry in the navigation menu.
 						{ label: 'Getting started', link: '/guides/getting-started/' },
 						{ label: 'Cloudflare', link: '/guides/cloudflare/' },
 
 					],
 				},
+				{
+					label: 'Technologies',
+					items: [
+						{ label: 'CI', link: '/tech/ci/' },
+						{ label: 'Misc', link: '/tech/misc/' },
+					]
+				},
 				{
 					label: 'Reference',
 					items: [

diff --git a/docs/starlight/src/content/docs/reference/costs.md b/docs/starlight/src/content/docs/reference/costs.md
@@ -13,17 +13,11 @@ Web apps: Cloudflare Pages (free)
 Windows and Android are either free or were a one off fee paid years ago.
 Apple (iOS and MacOS): $99 a year.
 
+Github Copilot is $10 a month.
+
 
 ### Domain registration
 .com and .app yearly fees are ~$20 a year
 
 # Yearly total
-$120
-
-
-
-
-
-
-
-
+$240