- Add yaml-loader; import data/spells.yml at build time
- Add SpellTemplate/SpellsFile types to globals.d.ts
- Add 'Add Template Spell' button that opens a modal picker pre-filling
all spell fields from the YAML data
- Move spell data files into data/ directory
- Split spell rows into inputs row + full-width notes row (colspan=6)
- Shrink delete column to fit-content; bold spell name input
- Add class column to spell table; change MP cost to free-text input
- Auto-resize spell notes textarea on load and on input
- Add 10px padding between spells for visual separation
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Convert the React app from JS/JSX to TS/TSX and add type-checking:
- Rename sheet-main, book, BookIndex, CharacterSheet to .ts(x) and
add types (Fields, Bond, ClassEntry, Spell, CheckMap; loose
SavedData for abbreviated save/share payloads)
- Add globals.d.ts for CSS imports and the __BOOK_DATA__ global
- tsconfig.json (strict, noEmit) and a 'typecheck' npm script
- webpack: handle ts/tsx via @babel/preset-typescript
- Enforce types with a tracked pre-commit hook (core.hooksPath),
wired up automatically via the 'prepare' script
- Update stale Justfile format target for the src/ layout
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Relocates book.js, fabula-ultima-sheet.css, and fabula-ultima-sheet.html
into src/ to consolidate all source files under one directory. Updates
webpack entry points, HTML template path, and CSS import accordingly.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Replace the SSR + injected vanilla-JS navigation script with a proper
client-side React app. BookIndex now uses useState/useEffect/useCallback
for all navigation state, scroll tracking, keyboard shortcuts, and history
management. webpack.config.js switches from renderToStaticMarkup to
embedding page data as window.__BOOK_DATA__ JSON; book.js becomes a
createRoot entry point. Also adds babel-loader for JSX bundling, fixes
#root display:contents so the flex height chain is preserved, and
restores missing CSS for header, .logo, .toolbar, and .tab buttons.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Port the Python HTML-generation script to a React component (src/BookIndex.jsx)
rendered at build time via renderToStaticMarkup, removing the need to run
build.py separately before webpack.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Add html/index.html: book viewer with auto-discovering sidebar,
prev/next navigation, keyboard shortcuts, and URL hash persistence
- Add html/book-page.css: shared stylesheet for all book pages derived
from fabula-ultima-sheet.css (dark theme, CSS variables, Cinzel/
Crimson Text fonts, common class styles)
- Add book.js entry point so webpack injects the shared CSS into the
book viewer; update webpack.config.js for two entry points, split
CSS chunk, CopyWebpackPlugin for book pages, and /book dev server
rewrite rule
- Add scripts/strip_watermark.py: removes "Guest Customer (Order
#52072168)" watermark artifacts from all 210 book pages
- Add scripts/restyle_book.py: strips per-page <style> blocks and
injects <link rel="stylesheet" href="book-page.css"> into all pages
- Update Justfile deploy to scp -r dist/* for the new /book subtree
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
