Meow One

Create src/meow.js as an ES module with these exact exports: (1) `export const PHRASES` — an array of at least 8 distinct non-empty meow strings (e.g. 'Meow!', 'Mrrrow~', 'Meeeeow!!', 'mew', 'MEOW!', 'purrr... meow', 'Mrow?', 'Nyaa~'); (2) `export function createMeowGenerator(rng = Math.random)` returning an object with a `next()` method that returns a phrase from PHRASES chosen via the injected rng, guaranteeing `next()` never returns the same phrase twice in a row (re-draw or offset when a repeat is picked; must be safe even with an adversarial rng that always returns 0); (3) `export function getMeow()` — module-level convenience using a shared default generator, so consecutive top-level calls also never repeat; (4) `export function createCounter(storage = null, key = 'meow-count')` returning { value getter or `get()`, `increment()` which adds exactly 1, persists to storage if provided, and returns the new value, and `reset()` which sets 0 and persists }. `storage` is any object with getItem(key)/setItem(key,value) string methods (localStorage-compatible); on construction the counter loads the stored value, treating missing, non-numeric, negative, or non-integer stored values as 0; all storage calls must be wrapped in try/catch so a throwing storage never breaks the counter (fall back to in-memory). Pure module: no DOM or window references anywhere, must import cleanly under Node 18. Include concise JSDoc on each export.

Create index.html and styles.css in the workspace root. index.html: valid HTML5 document titled 'Meow', linking styles.css and loading src/app.js via <script type="module" src="src/app.js"></script> at the end of body. Body must contain, inside a <main> centered container: an element with id="cat-face" showing a cat (emoji \ud83d\udc31 or CSS-drawn face) with aria-hidden="true"; a <button id="meow-button" type="button">Meow</button>; a phrase display <p id="meow-phrase" aria-live="polite"></p>; and a counter line reading 'Meows: <span id="meow-count">0</span>'. styles.css: responsive flexbox layout centering content vertically and horizontally on the viewport, large friendly typography, a visually distinct button with hover/active/focus-visible states, and a `.meow-pulse` class defining a short (~300ms) scale-pulse keyframe animation intended for the cat face. Use only these exact ids: cat-face, meow-button, meow-phrase, meow-count. No JavaScript logic in this task beyond the module script tag.

Create src/app.js as an ES module importing { createMeowGenerator, createCounter } from './meow.js'. On DOMContentLoaded (or immediately if document.readyState is not 'loading'): build a storage adapter that uses window.localStorage but is wrapped so any thrown error (private mode, disabled storage) degrades to null storage; create the counter with that adapter and render its current value into #meow-count so a persisted count is restored on load; create one generator instance. Clicking #meow-button must: set #meow-phrase textContent to generator.next(), call counter.increment(), render the new count into #meow-count, and re-trigger the .meow-pulse animation on #cat-face (remove the class, force reflow via void element.offsetWidth, re-add it). Also ensure keyboard operability: the native button handles Enter/Space, so attach only a 'click' listener — do not add duplicate keydown handlers that would double-count. Guard all element lookups (if an element is missing, log a console.warn and return without throwing). The file must reference the exact ids meow-button, meow-phrase, meow-count, and cat-face, and must contain no phrase list of its own — all meow content comes from meow.js.

Create test/meow.test.js using `import { test, describe } from 'node:test'` and `import assert from 'node:assert/strict'`, importing PHRASES, createMeowGenerator, getMeow, createCounter from '../src/meow.js'. Tests to include: (1) PHRASES has >= 8 entries, all distinct non-empty strings; (2) AC-1: loop 200 iterations calling getMeow(), asserting each result is a non-empty string included in PHRASES and strictly !== the previous iteration's result; (3) createMeowGenerator with an adversarial rng `() => 0` still never repeats consecutively over 50 calls; (4) AC-2: a counter with no storage starts at 0, three increment() calls yield 3, increment() returns the new value each time; (5) AC-2 persistence: build an in-memory adapter { getItem, setItem } over a Map; increment a counter to 3, then construct a NEW counter with the same adapter and key and assert it reads 3; reset() brings it to 0 and the adapter reflects '0'; (6) robustness: adapter pre-seeded with 'garbage', '-5', and '2.7' each yield a fresh counter of 0; an adapter whose getItem/setItem always throw still allows a counter to start at 0 and increment to 1 without throwing. Delete test/.gitkeep if present. The file must pass syntax-check via `node --check test/meow.test.js` but do NOT run the suite in this task.

Create test/dom.test.js using node:test and node:assert/strict, reading index.html and src/app.js as text with `readFileSync` from 'node:fs' (resolve paths relative to the test file via new URL('../index.html', import.meta.url)). Assert on index.html: contains id="meow-button" on a <button>, contains id="meow-phrase" with an aria-live attribute on the same tag, contains id="meow-count" whose element's initial inner text is exactly '0', contains id="cat-face", and contains a script tag with type="module" and src="src/app.js". Assert on src/app.js: the source text references 'meow-button', 'meow-phrase', 'meow-count', and 'cat-face'; imports from './meow.js'; calls .increment(); and contains no hardcoded meow phrase array (assert it does not contain the substring 'PHRASES ='). Use tolerant regexes (attribute order and quoting may vary), not exact-string HTML matches. The file must pass `node --check` but do NOT run the suite in this task.