Copy demo GIFs from demo/ dir into Astro on website build

Author: grega

.gitignore

@@ -26,8 +26,9 @@ playwright/.auth/
 # build output
 dist/
 
-# auto-generated website data (produced by website/generate-data.sh)
+# auto-generated website files (produced by website/prepare-website.sh)
 website/src/data/data.js
+website/src/assets/demo-*.gif
 
 # generated types
 .astro/

demo/demo-latte.tape

@@ -3,6 +3,5 @@
 # Requires: brew install vhs
 
 Output demo/demo-latte.gif
-Output website/src/assets/demo-latte.gif
 Set Theme "Catppuccin Latte"
 Source demo/demo-content.tape

demo/demo-mocha.tape

@@ -3,6 +3,5 @@
 # Requires: brew install vhs
 
 Output demo/demo-mocha.gif
-Output website/src/assets/demo-mocha.gif
 Set Theme "Catppuccin Mocha"
 Source demo/demo-content.tape

website/README.md

@@ -10,7 +10,7 @@ The website depends on demo data generated from the `hdi` CLI. Before running th
 ./build
 ```
 
-Data generation happens automatically via `predev` and `prebuild` npm scripts, so you don't need to run `generate-data.sh` manually.
+Data generation and asset copying happens automatically via `predev` and `prebuild` npm scripts, so you don't need to run `prepare-website.sh` manually.
 
 ## Local development
 
@@ -96,8 +96,8 @@ npm run astro -- --help
 
 ## Regenerating data
 
-`src/data/data.js` is auto-generated from the fixture READMEs using `hdi --json` and is not committed to git. It is regenerated automatically when running `npm run dev` or `npm run build`. To regenerate manually, run from the `website/` directory:
+`src/data/data.js` and the demo GIFs in `src/assets/` are auto-generated and not committed to git. They are regenerated automatically when running `npm run dev` or `npm run build`. To regenerate manually, run from the `website/` directory:
 
 ```bash
-./generate-data.sh
+./prepare-website.sh
 ```

website/package.json

@@ -6,9 +6,9 @@
     "node": ">=22.12.0"
   },
   "scripts": {
-    "predev": "bash ./generate-data.sh",
+    "predev": "bash ./prepare-website.sh",
     "dev": "astro dev",
-    "prebuild": "bash ./generate-data.sh",
+    "prebuild": "bash ./prepare-website.sh",
     "build": "astro build",
     "preview": "astro preview",
     "astro": "astro",

website/generate-data.sh website/prepare-website.shwebsite/generate-data.sh renamed to website/prepare-website.sh

@@ -1,5 +1,5 @@
 #!/usr/bin/env bash
-# generate-data.sh - Generate src/data/data.js from fixture READMEs using `hdi --json`
+# prepare-website.sh - Generate src/data/data.js and copy assets for the Astro build
 set -euo pipefail
 
 SCRIPT_DIR="$(cd "$(dirname "$0")" && pwd)"
@@ -21,7 +21,7 @@ VERSION=$("$HDI" --version | awk '{print $2}')
 
 # Start output
 {
-  printf '// Auto-generated by website/generate-data.sh - do not edit manually\n\n'
+  printf '// Auto-generated by website/prepare-website.sh - do not edit manually\n\n'
   printf 'export const PROJECTS = [\n'
 
   first_project=true
@@ -120,3 +120,8 @@ print('    },')
 
 npx --prefix "$SCRIPT_DIR" prettier --write "$OUT"
 echo "Generated: $OUT ($(wc -l < "$OUT" | tr -d ' ') lines)"
+
+# Copy demo GIFs from demo/ into website assets
+cp "$ROOT/demo/demo-latte.gif" "$SCRIPT_DIR/src/assets/demo-latte.gif"
+cp "$ROOT/demo/demo-mocha.gif" "$SCRIPT_DIR/src/assets/demo-mocha.gif"
+echo "Copied demo GIFs into website/src/assets/"