Enable static export

Author: walmik

.github/workflows/deploy-pages.yml

@@ -0,0 +1,60 @@
+name: Deploy GitHub Pages
+
+on:
+  push:
+    branches:
+      - main
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: pages
+  cancel-in-progress: true
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: npm
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Generate symbol assets
+        run: npm run generate:symbols
+
+      - name: Build static export
+        run: npm run build
+        env:
+          GITHUB_ACTIONS: "true"
+          GITHUB_REPOSITORY: ${{ github.repository }}
+
+      - name: Setup Pages
+        uses: actions/configure-pages@v5
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: ./out
+
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

README.md

@@ -1,13 +1,13 @@
 # Patch Notation Tool
 
-Next.js app for building Eurorack and VCV Rack patch diagrams with Patch & Tweak inspired notation symbols.
+Next.js app for building Eurorack and VCV Rack patch diagrams with PATCH & TWEAK patch symbols.
 
 ## What is included
 
 - `91` individual SVG symbol exports in [`public/symbols`](/Users/walmik/Github/pnt/public/symbols)
-- A drag-and-drop patch canvas with movable nodes
-- Cable drawing mode with audio, CV, modulation, and neutral cable colors
-- JSON import/export for patch persistence
+- A drag-and-drop patch canvas with pan, zoom, fit-to-content, and grid snapping
+- Cable drawing with sound, modulation, gate/trigger, clock, and pitch cable colors
+- IndexedDB-backed local patch library plus JSON import/export
 - A sample patch seeded from the visual example you shared
 
 ## Commands
@@ -28,3 +28,10 @@ npm run dev
 ## Reference
 
 Symbol categories and naming were based on the Patch & Tweak symbol reference page and the source sheets from your Desktop images.
+
+## Credits
+
+Symbols used from the free-to-use PATCH & TWEAK patch symbols.
+
+- Symbol overview: https://www.patchandtweak.com/patch-symbols-explained/
+- Symbols and licensing/download info: https://www.patchandtweak.com/symbols/

next.config.mjs

@@ -1,6 +1,20 @@
 /** @type {import('next').NextConfig} */
+const repositoryName = process.env.GITHUB_REPOSITORY?.split("/")[1] ?? "";
+const isUserPagesRepo = repositoryName.endsWith(".github.io");
+const basePath =
+  process.env.GITHUB_ACTIONS === "true" && repositoryName && !isUserPagesRepo
+    ? `/${repositoryName}`
+    : "";
+
 const nextConfig = {
-  reactStrictMode: true
+  reactStrictMode: true,
+  output: "export",
+  trailingSlash: true,
+  images: {
+    unoptimized: true
+  },
+  basePath,
+  assetPrefix: basePath || undefined
 };
 
 export default nextConfig;