chore: add Docker-based Prettier integration

README.md

@@ -53,6 +53,13 @@ Once changes are implemented here, they need to be updated within the `/chooser`
 
 Final production changes are deployed within vocabulary-theme Releases, updated within [`index-dev-env`][index-dev-env], and finally deployed to `index__stage` and then `index__prod` environments; going LIVE at `https://creativecommons.org/chooser`.
 
+### Code Formatting with Prettier
+
+We use [Prettier](https://prettier.io/) to enforce consistent formatting across the codebase.
+
+#### To check formatting (via Docker):
+```bash
+./docker/run-prettier.sh
 
 ## Setup
 1. open the `src/index.html` file within a browser to view the Chooser.

docker/format-prettier.sh

@@ -0,0 +1,8 @@
+#!/bin/sh
+set -e
+
+docker run --rm \
+  -v "$PWD":/app \
+  -w /app \
+  node:20 \
+  npx prettier . --write

docker/run-prettier.sh

@@ -0,0 +1,8 @@
+#!/bin/sh
+set -e
+
+docker run --rm \
+  -v "$PWD":/app \
+  -w /app \
+  node:20 \
+  npx prettier . --check

prettierignore

@@ -0,0 +1,11 @@
+node_modules
+dist
+*.svg
+*.png
+*.jpg
+*.ico
+*.pdf
+*.woff
+*.woff2
+*.eot
+*.ttf

prettierrc

@@ -0,0 +1,7 @@
+{
+  "semi": true,
+  "singleQuote": true,
+  "printWidth": 100,
+  "tabWidth": 2,
+  "trailingComma": "es5"
+}