datasette/docs/shots.yml
Simon Willison cec5e6b2ef
Screenshots for reusable modal dialogs docs, plus just shots (#2958)
docs/shots.yml defines documentation screenshots for shot-scraper

"Just shots" runs them.
2026-09-24 15:06:57 -07:00

38 lines
1.1 KiB
YAML

# Screenshots used by the documentation, taken using shot-scraper:
# https://shot-scraper.datasette.io/en/stable/multi.html
#
# Run "just shots" from the repository root to create any that are
# missing. Existing images are skipped, so delete an image to recreate it.
#
# Paths are relative to this docs/ directory.
# Serves the JavaScript in docs/shots/ and loads it on every page.
# List form means the datasette process is stopped directly when done.
- server:
- datasette
- --memory
- --port
- 8755
- --static
- shots:shots
- -s
- extra_js_urls
- '["/shots/modal-example.js", "/shots/modal-classes.js"]'
# javascript_plugins.rst - Reusable modal dialogs
- output: images/modal-example.webp
url: http://localhost:8755/
javascript: |
document.querySelector('[aria-controls="my-plugin-dialog"]').click();
selector: "#my-plugin-dialog"
padding: 32
quality: 70
- output: images/modal-classes.webp
url: http://localhost:8755/
javascript: |
document.querySelector('[aria-controls="export-dialog"]').click();
document.activeElement.blur();
selector: "#export-dialog"
padding: 32
quality: 70