Reorganize repository to Vite + src/configs layout (#103)

* Initial plan

* chore: reorganize project for vite structure

Agent-Logs-Url: https://github.com/dandi/access-page/sessions/2fc1ef50-153b-46d1-8d5f-b82b453b0373

Co-authored-by: CodyCBakerPhD <51133164+CodyCBakerPhD@users.noreply.github.com>

* fix: keep CNAME at repository root

Agent-Logs-Url: https://github.com/dandi/access-page/sessions/471740d7-9f9a-423b-9bbd-f33c23a07c65

Co-authored-by: CodyCBakerPhD <51133164+CodyCBakerPhD@users.noreply.github.com>

* fix: make CNAME copy step cross-platform

Agent-Logs-Url: https://github.com/dandi/access-page/sessions/471740d7-9f9a-423b-9bbd-f33c23a07c65

Co-authored-by: CodyCBakerPhD <51133164+CodyCBakerPhD@users.noreply.github.com>

* fix: use ESM-safe CNAME copy command

Agent-Logs-Url: https://github.com/dandi/access-page/sessions/471740d7-9f9a-423b-9bbd-f33c23a07c65

Co-authored-by: CodyCBakerPhD <51133164+CodyCBakerPhD@users.noreply.github.com>

* refactor: move image files to src assets

Agent-Logs-Url: https://github.com/dandi/access-page/sessions/d6795640-f636-4911-82bb-d8d2d87c33e0

Co-authored-by: CodyCBakerPhD <51133164+CodyCBakerPhD@users.noreply.github.com>

* fix: bundle plotting libs to avoid CDN load failures

Agent-Logs-Url: https://github.com/dandi/access-page/sessions/14a35d7a-f3db-47ef-b5bd-59ce39b6dbc9

Co-authored-by: CodyCBakerPhD <51133164+CodyCBakerPhD@users.noreply.github.com>

* fix: use relative Vite base for preview asset paths

Agent-Logs-Url: https://github.com/dandi/access-page/sessions/793a9c56-8d99-4a43-8ea4-ae172b324017

Co-authored-by: CodyCBakerPhD <51133164+CodyCBakerPhD@users.noreply.github.com>

* fix: include root public assets in Vite build

Agent-Logs-Url: https://github.com/dandi/access-page/sessions/90c2ebf4-0623-4f60-ba36-9e8d75934370

Co-authored-by: CodyCBakerPhD <51133164+CodyCBakerPhD@users.noreply.github.com>

* fix: declare totals header in strict module scope

Agent-Logs-Url: https://github.com/dandi/access-page/sessions/b76b904e-77ef-4a3c-9e87-44885bfd595a

Co-authored-by: CodyCBakerPhD <51133164+CodyCBakerPhD@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: CodyCBakerPhD <51133164+CodyCBakerPhD@users.noreply.github.com>

Author: Copilot

.github/workflows/preview.yml

@@ -15,8 +15,20 @@ jobs:
       - name: Checkout
         uses: actions/checkout@v4
 
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 24
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build site
+        run: npm run build
+
       - name: Deploy preview
         uses: rossjrw/pr-preview-action@v1
         with:
-          source-dir: .
+          source-dir: dist
           preview-branch: gh-pages

.github/workflows/refresh_pages.yml

@@ -9,14 +9,27 @@ on:
 jobs:
   refresh:
     runs-on: ubuntu-latest
+    permissions:
+      contents: write
 
     steps:
       - name: Checkout code
         uses: actions/checkout@v4
 
-      - name: Reset gh-pages to latest main
-        run: |
-          git fetch origin
-          git checkout gh-pages
-          git reset --hard origin/main
-          git push origin gh-pages --force
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 24
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build site
+        run: npm run build
+
+      - name: Deploy to gh-pages
+        uses: peaceiris/actions-gh-pages@v4
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./dist

.gitignore

@@ -1,3 +1,5 @@
 # PyCharm
 .idea/*
 nohup.out
+node_modules/
+dist/

README.md

@@ -1,6 +1,6 @@
 <div align="center">
   <picture>
-    <img alt="nwb2bids logo" src="dandi-usage-logo.svg" width="200">
+    <img alt="nwb2bids logo" src="src/assets/dandi-usage-logo.svg" width="200">
   </picture>
 
   <h1 align="center">DANDI usage webpage (source)</h1>
@@ -13,8 +13,15 @@ Main webpage: https://usage.dandiarchive.org
 ## Configuration
 
 When deploying a fork that points at a different data repository, update the
-`BASE_URL` constant near the top of `plots.js`:
+`BASE_URL` constant near the top of `src/plots.js`:
 
 ```js
 const BASE_URL = "https://raw.githubusercontent.com/myorg/myrepo/main";
 ```
+
+## Development
+
+```bash
+npm install
+npm run dev
+```

configs/vite.config.js

@@ -0,0 +1,11 @@
+import { defineConfig } from "vite";
+
+export default defineConfig({
+    root: "src",
+    publicDir: "../public",
+    base: "./",
+    build: {
+        outDir: "../dist",
+        emptyOutDir: true,
+    },
+});