@jjlmoya/utils-performing-arts 1.1.0

package/src/tests/spanish_leakage.test.ts

@@ -0,0 +1,175 @@
+import { describe, expect, it } from 'vitest';
+import { ALL_ENTRIES } from '../entries';
+
+const STRUCTURAL_KEYS = new Set([
+  'id',
+  'slug',
+  'url',
+  'icon',
+  'image',
+  'imageUrl',
+  'keywords',
+  'category',
+  'tags',
+  'toolId',
+  'type',
+  'locale',
+  'language',
+  'direction',
+]);
+
+const TRANSLATABLE_KEYS = [
+  'title',
+  'description',
+  'faqTitle',
+  'faq',
+  'howTo',
+  'seo',
+  'schemas',
+] as const;
+
+const COPY_THRESHOLD = 0.9;
+
+const SPANISH_MARKERS = [
+  ['sangre', /\bsangre\b/gi],
+  ['molino', /\bmolino\b/gi],
+  ['grano', /\bgrano\b/gi],
+  ['paladar', /\bpaladar\b/gi],
+  ['cuchillas', /\bcuchillas\b/gi],
+  ['trozos', /\btrozos\b/gi],
+  ['frescura', /\bfrescura\b/gi],
+  ['ingresa', /\bingresa\b/gi],
+  ['selecciona', /\bselecciona\b/gi],
+  ['herramienta', /\bherramienta\b/gi],
+  ['según', /\bsegún\b/gi],
+  ['después', /\bdespués\b/gi],
+  ['puedes', /\bpuedes\b/gi],
+  ['debes', /\bdebes\b/gi],
+  ['tus', /\btus\b/gi],
+  ['a la vez', /\ba la vez\b/gi],
+  ['los datos', /\blos datos\b/gi],
+  ['las opciones', /\blas opciones\b/gi],
+  ['el resultado', /\bel resultado\b/gi],
+  ['método de extracción', /\bmétodo de extracción\b/gi],
+  ['uniformidad del molino', /\buniformidad del molino\b/gi],
+  ['café recién tostado', /\bcafé recién tostado\b/gi],
+] as const;
+
+type UnknownRecord = Record<string, unknown>;
+
+function normalize(value: string): string {
+  return value
+    .replace(/<[^>]*>/g, ' ')
+    .replace(/&nbsp;/gi, ' ')
+    .replace(/\s+/g, ' ')
+    .trim()
+    .toLocaleLowerCase('es');
+}
+
+function isTechnicalInvariant(text: string): boolean {
+  const ledUnitMatches = text.match(/\b\d+(?:-\d+)?\s*(?:w|lm)\b/g) ?? [];
+  return [
+    'data:image/svg+xml;base64',
+    'background-image: url',
+    '.layout-playground {',
+    'const samplerate =',
+  ].some((pattern) => text.includes(pattern)) ||
+    (text.includes('presets') && text.includes('hz')) ||
+    (text.includes('t_rectal') && text.includes('exp(-k * t)')) ||
+    (text.includes('led') && ledUnitMatches.length >= 3);
+}
+
+function collectString(value: string, output: string[]): void {
+  const text = normalize(value);
+  if (!isTechnicalInvariant(text) && text.length >= 20) output.push(text);
+}
+
+function collectObject(value: UnknownRecord, output: string[]): void {
+  Object.entries(value).forEach(([childKey, childValue]) => {
+    collectText(childValue, output, childKey);
+  });
+}
+
+function collectText(value: unknown, output: string[], key?: string): void {
+  if (key && STRUCTURAL_KEYS.has(key)) return;
+  if (typeof value === 'string') return collectString(value, output);
+  if (Array.isArray(value)) return value.forEach((item) => collectText(item, output));
+  if (value && typeof value === 'object') collectObject(value as UnknownRecord, output);
+}
+
+async function loadText(loader: unknown): Promise<string[]> {
+  if (typeof loader !== 'function') return [];
+  const module = await (loader as () => Promise<unknown>)();
+  const output: string[] = [];
+  if (module && typeof module === 'object') {
+    const record = module as UnknownRecord;
+    for (const key of TRANSLATABLE_KEYS) {
+      collectText(record[key], output, key);
+    }
+  }
+  return output;
+}
+
+function findSpanishMarkers(text: string[]): string[] {
+  const corpus = text.join(' ');
+  return SPANISH_MARKERS.flatMap(([label, pattern]) =>
+    pattern.test(corpus) ? [label] : [],
+  );
+}
+
+function similarity(left: string, right: string): number {
+  const leftTokens = left.split(/\s+/);
+  const rightCounts = new Map<string, number>();
+  right.split(/\s+/).forEach((token) => rightCounts.set(token, (rightCounts.get(token) ?? 0) + 1));
+  const matches = leftTokens.reduce((total, token) => {
+    const count = rightCounts.get(token) ?? 0;
+    if (count > 0) rightCounts.set(token, count - 1);
+    return total + (count > 0 ? 1 : 0);
+  }, 0);
+  return (2 * matches) / (leftTokens.length + right.split(/\s+/).length);
+}
+
+function findCopiedFragments(spanish: string[], translated: string[]): string[] {
+  return spanish
+    .filter((fragment) => fragment.length >= 80)
+    .filter((fragment) => translated.some((candidate) =>
+      candidate.length >= 80 &&
+      Math.min(fragment.length, candidate.length) / Math.max(fragment.length, candidate.length) >= COPY_THRESHOLD &&
+      similarity(fragment, candidate) >= COPY_THRESHOLD,
+    ))
+    .sort((a, b) => b.length - a.length)
+    .slice(0, 3);
+}
+
+describe('Locales must not contain copied Spanish content', () => {
+  for (const entry of ALL_ENTRIES) {
+    it(`${entry.id} has no untranslated Spanish blocks`, async () => {
+      const spanish = await loadText(entry.i18n.es);
+      const failures: string[] = [];
+
+      for (const [locale, loader] of Object.entries(entry.i18n)) {
+        if (locale === 'es') continue;
+
+        const translated = await loadText(loader);
+        const copiedFragments = findCopiedFragments(spanish, translated);
+        const markerHits = findSpanishMarkers(translated);
+
+        if (copiedFragments.length > 0 || markerHits.length >= 2) {
+          const details = [
+            copiedFragments.length > 0
+              ? `copied fragments: ${copiedFragments
+                  .map((fragment) => JSON.stringify(fragment.slice(0, 120)))
+                  .join(', ')}`
+              : '',
+            markerHits.length >= 2 ? `Spanish markers: ${markerHits.join(', ')}` : '',
+          ]
+            .filter(Boolean)
+            .join('; ');
+          failures.push(`${locale}: ${details}`);
+        }
+      }
+
+      expect(failures, failures.join('\n')).toEqual([]);
+    });
+  }
+});

package/src/tests/title_quality.test.ts

@@ -0,0 +1,55 @@
+import { describe, it } from 'vitest';
+import fs from 'node:fs';
+import path from 'node:path';
+
+function getFiles(dir: string, ext: string[]): string[] {
+  const results: string[] = [];
+  if (!fs.existsSync(dir)) return results;
+  const list = fs.readdirSync(dir);
+  for (const file of list) {
+    const fullPath = path.join(dir, file);
+    const stat = fs.statSync(fullPath);
+    if (stat && stat.isDirectory()) {
+      results.push(...getFiles(fullPath, ext));
+    } else if (ext.some((e) => file.endsWith(e))) {
+      results.push(fullPath);
+    }
+  }
+  return results;
+}
+
+const SRC_DIR = path.join(process.cwd(), 'src');
+
+describe('Project Titles - Separator Validation', () => {
+  const files = [
+    ...getFiles(path.join(SRC_DIR, 'tool'), ['.ts']),
+    ...getFiles(path.join(SRC_DIR, 'category'), ['.ts']),
+  ].filter(f => f.includes('i18n'));
+
+  it.each(files)('Verify that titles in %s do not contain | or -', (filePath) => {
+    const content = fs.readFileSync(filePath, 'utf-8');
+    const relativePath = path.relative(process.cwd(), filePath);
+
+    const titlePatterns = [
+      /const\s+title\s*=\s*['"]([^'"]+)['"]/g,
+      /title\s*:\s*['"]([^'"]+)['"]/g,
+    ];
+
+    const findings: string[] = [];
+
+    for (const pattern of titlePatterns) {
+      let match;
+      while ((match = pattern.exec(content)) !== null) {
+        const title = match[1]!;
+        if (title.includes('|') || title.includes('-')) {
+          findings.push(title);
+        }
+      }
+    }
+
+    if (findings.length > 0) {
+      const list = findings.map((f) => `  - "${f}"`).join('\n');
+      throw new Error(`Forbidden separators (| or -) found in titles in ${relativePath}:\n${list}`);
+    }
+  });
+});

package/src/tests/tool_exports.test.ts

@@ -0,0 +1,34 @@
+import { describe, it, expect } from 'vitest';
+import { ALL_TOOLS } from '../tools';
+import { validateToolExports } from './shared-test-helpers';
+
+describe('Tool Exports Pattern Validation', () => {
+  describe('Component Exports Format', () => {
+    ALL_TOOLS.forEach((tool) => {
+      it(`${tool.entry.id}: Component should be a lazy-loaded function`, () => {
+        expect(typeof tool.Component).toBe('function');
+        expect(tool.Component).toBeInstanceOf(Function);
+      });
+
+      it(`${tool.entry.id}: SEOComponent should be a lazy-loaded function`, () => {
+        expect(typeof tool.SEOComponent).toBe('function');
+        expect(tool.SEOComponent).toBeInstanceOf(Function);
+      });
+
+      it(`${tool.entry.id}: BibliographyComponent should be a lazy-loaded function`, () => {
+        expect(typeof tool.BibliographyComponent).toBe('function');
+        expect(tool.BibliographyComponent).toBeInstanceOf(Function);
+      });
+    });
+  });
+
+  describe('Dynamic Import Validation', () => {
+    it('all tools must have functional dynamic imports', async () => {
+      const result = await validateToolExports(ALL_TOOLS);
+      if (!result.passed) {
+        throw new Error(`Tool export validation failed:\n${result.failures.join('\n')}`);
+      }
+      expect(result.passed).toBe(true);
+    });
+  });
+});

package/src/tests/tool_validation.test.ts

@@ -0,0 +1,16 @@
+import { describe, it, expect } from 'vitest';
+import { ALL_TOOLS } from '../tools';
+import { performingArtsCategory } from '../data';
+
+describe('Tool Validation Suite', () => {
+  describe('Library Registration', () => {
+    it('should have tools in ALL_TOOLS', () => {
+      expect(ALL_TOOLS.length).toBe(1);
+    });
+
+    it('performingArtsCategory should be defined', () => {
+      expect(performingArtsCategory).toBeDefined();
+      expect(performingArtsCategory.i18n).toBeDefined();
+    });
+  });
+});

package/src/tests/translation_copy.test.ts

@@ -0,0 +1,115 @@
+import { describe, expect, it } from 'vitest';
+import { ALL_ENTRIES } from '../entries';
+
+const COPY_THRESHOLD = 0.9;
+
+const STRUCTURAL_KEYS = new Set([
+  '@context',
+  '@type',
+  'applicationCategory',
+  'columns',
+  'highlight',
+  'icon',
+  'level',
+  'operatingSystem',
+  'position',
+  'positive',
+  'price',
+  'priceCurrency',
+  'slug',
+  'trend',
+  'type',
+  'url',
+  'value',
+  'variant',
+]);
+
+function normalizeText(value: string): string {
+  return value
+    .replace(/<[^>]*>/g, ' ')
+    .replace(/&(?:amp|lt|gt|quot|apos|nbsp);/gi, ' ')
+    .replace(/[\u2018\u2019]/g, "'")
+    .replace(/[\u201c\u201d]/g, '"')
+    .replace(/\s+/g, ' ')
+    .trim()
+    .toLocaleLowerCase();
+}
+
+function collectText(value: unknown, path: string, parts: string[]): void {
+  if (typeof value === 'string') {
+    const normalized = normalizeText(value);
+    if (normalized.length >= 2) parts.push(normalized);
+    return;
+  }
+
+  if (Array.isArray(value)) {
+    value.forEach((item, index) => collectText(item, `${path}[${index}]`, parts));
+    return;
+  }
+
+  if (!value || typeof value !== 'object') return;
+
+  Object.entries(value).forEach(([key, child]) => {
+    if (STRUCTURAL_KEYS.has(key)) return;
+    collectText(child, `${path}.${key}`, parts);
+  });
+}
+
+function localeCorpus(content: unknown): string {
+  if (!content || typeof content !== 'object') return '';
+
+  const record = content as Record<string, unknown>;
+  const parts: string[] = [];
+  collectText(record.title, 'title', parts);
+  collectText(record.description, 'description', parts);
+  collectText(record.faqTitle, 'faqTitle', parts);
+  collectText(record.faq, 'faq', parts);
+  collectText(record.seo, 'seo', parts);
+  collectText(record.schemas, 'schemas', parts);
+  return parts.join(' ');
+}
+
+function tokenCounts(text: string): Map<string, number> {
+  const counts = new Map<string, number>();
+  for (const token of text.match(/[\p{L}\p{N}]+/gu) ?? []) {
+    counts.set(token, (counts.get(token) ?? 0) + 1);
+  }
+  return counts;
+}
+
+function copySimilarity(left: string, right: string): number {
+  const leftCounts = tokenCounts(left);
+  const rightCounts = tokenCounts(right);
+  const leftTotal = [...leftCounts.values()].reduce((sum, count) => sum + count, 0);
+  const rightTotal = [...rightCounts.values()].reduce((sum, count) => sum + count, 0);
+  if (leftTotal === 0 || rightTotal === 0) return 0;
+
+  let shared = 0;
+  for (const [token, count] of leftCounts) {
+    shared += Math.min(count, rightCounts.get(token) ?? 0);
+  }
+  return (2 * shared) / (leftTotal + rightTotal);
+}
+
+function findViolations(corpora: Map<string, string>): string[] {
+  const locales = [...corpora.keys()];
+  return locales.flatMap((left, leftIndex) => locales.slice(leftIndex + 1).flatMap((right) => {
+    const similarity = copySimilarity(corpora.get(left) ?? '', corpora.get(right) ?? '');
+    return similarity >= COPY_THRESHOLD ? left + ' ↔ ' + right + ': ' + (similarity * 100).toFixed(1) + '%' : [];
+  }));
+}
+
+describe('Locales must not copy another locale wholesale', () => {
+  ALL_ENTRIES.forEach((entry) => {
+    it(`${entry.id} is not at least ${COPY_THRESHOLD * 100}% identical to another locale`, async () => {
+      const corpora = new Map<string, string>();
+
+      for (const [locale, loader] of Object.entries(entry.i18n)) {
+        if (!loader) continue;
+        corpora.set(locale, localeCorpus(await loader()));
+      }
+
+      expect(findViolations(corpora), `Locale copy threshold exceeded in ${entry.id}`).toEqual([]);
+    });
+  });
+});

package/src/tool/rehearsal-call-sheet-planner/bibliography.astro

@@ -0,0 +1,6 @@
+---
+import { Bibliography } from '@jjlmoya/utils-shared';
+import { bibliography } from './bibliography';
+---
+
+<Bibliography links={bibliography} />

package/src/tool/rehearsal-call-sheet-planner/bibliography.ts

@@ -0,0 +1,12 @@
+import type { BibliographyEntry } from '../../types';
+
+export const bibliography: BibliographyEntry[] = [
+  {
+    name: 'Health and Safety Executive. Working time and rest breaks guidance, United Kingdom',
+    url: 'https://www.hse.gov.uk/contact/faqs/workingtime.htm',
+  },
+  {
+    name: 'BOE. Estatuto de los Trabajadores, Spain, original Spanish text',
+    url: 'https://www.boe.es/buscar/act.php?id=BOE-A-2015-11430',
+  },
+];

package/src/tool/rehearsal-call-sheet-planner/component.astro

@@ -0,0 +1,74 @@
+---
+import { DEFAULT_SETTINGS } from './logic';
+import type { RehearsalCallSheetUI } from './ui';
+
+interface Props {
+  ui: RehearsalCallSheetUI;
+}
+
+const { ui } = Astro.props as Props;
+---
+
+<div class="call-sheet-planner" data-call-sheet-planner data-ui={JSON.stringify(ui)}>
+  <div class="planner-actions">
+    <div class="preset-group">
+      <span>{ui.presets}</span>
+      <button type="button" data-preset="day">{ui.presetDay}</button>
+      <button type="button" data-preset="tight">{ui.presetTight}</button>
+      <button type="button" data-preset="showcase">{ui.presetShowcase}</button>
+    </div>
+    <div class="action-group">
+      <button type="button" class="secondary-button" data-print>{ui.print}</button>
+      <button type="button" class="primary-button" data-export>{ui.exportData}</button>
+    </div>
+  </div>
+  <div class="planner-layout">
+    <section class="planner-controls" aria-label={ui.productionSection}>
+      <div class="control-block">
+        <div class="block-heading"><span>{ui.productionSection}</span><span class="step-number">01</span></div>
+        <label for="show-name">{ui.showName}</label>
+        <input id="show-name" data-field="showName" type="text" value={DEFAULT_SETTINGS.showName} placeholder={ui.showNamePlaceholder} />
+        <label for="rehearsal-date">{ui.date}</label>
+        <input id="rehearsal-date" data-field="date" type="date" />
+      </div>
+      <div class="control-block">
+        <div class="block-heading"><span>{ui.timingSection}</span><span class="step-number">02</span></div>
+        <div class="field-grid">
+          <label for="day-start">{ui.dayStart}<input id="day-start" data-field="dayStart" type="time" value={DEFAULT_SETTINGS.dayStart} /></label>
+          <label for="day-end">{ui.dayEnd}<input id="day-end" data-field="dayEnd" type="time" value={DEFAULT_SETTINGS.dayEnd} /></label>
+        </div>
+        <label for="break-minutes">{ui.breakMinutes}<input id="break-minutes" data-field="breakMinutes" type="number" min="0" max="180" step="5" value={DEFAULT_SETTINGS.breakMinutes} /></label>
+      </div>
+      <div class="control-block">
+        <div class="block-heading"><span>{ui.sceneSection}</span><span class="step-number">03</span></div>
+        <label for="scene-list">{ui.scenesLabel}</label>
+        <textarea id="scene-list" data-field="scenesText" rows="7">{DEFAULT_SETTINGS.scenesText}</textarea>
+        <small>{ui.scenesHint}</small>
+      </div>
+      <div class="control-block">
+        <div class="block-heading"><span>{ui.availabilitySection}</span><span class="step-number">04</span></div>
+        <label for="people-availability">{ui.participantAvailability}</label>
+        <textarea id="people-availability" data-field="participantAvailabilityText" rows="5">{DEFAULT_SETTINGS.participantAvailabilityText}</textarea>
+        <small>{ui.participantHint}</small>
+        <label for="room-availability">{ui.roomAvailability}</label>
+        <textarea id="room-availability" data-field="roomAvailabilityText" rows="3">{DEFAULT_SETTINGS.roomAvailabilityText}</textarea>
+        <small>{ui.roomHint}</small>
+      </div>
+      <div class="control-block">
+        <label for="production-notes">{ui.notes}</label>
+        <textarea id="production-notes" data-field="notes" rows="3" placeholder={ui.notesPlaceholder}>{DEFAULT_SETTINGS.notes}</textarea>
+      </div>
+      <button type="button" class="reset-button" data-reset>{ui.reset}</button>
+    </section>
+    <section class="planner-result" aria-live="polite" aria-label={ui.resultSection}>
+      <div data-result></div>
+    </section>
+  </div>
+  <p class="rules-note">{ui.rulesNote} <a href="https://www.hse.gov.uk/contact/faqs/workingtime.htm" target="_blank" rel="noreferrer">{ui.rulesLinkLabel}</a></p>
+</div>
+
+<script>
+  import { mountRehearsalCallSheetPlanner } from './controller';
+  const root = document.querySelector('[data-call-sheet-planner]');
+  if (root) mountRehearsalCallSheetPlanner(root as HTMLElement & { dataset: DOMStringMap });
+</script>

package/src/tool/rehearsal-call-sheet-planner/controller.ts

@@ -0,0 +1,98 @@
+import { calculateCallSheet, DEFAULT_SETTINGS } from './logic';
+import { renderResult } from './dom-views';
+import { clearPlannerSettings, readPlannerSettings, writePlannerSettings } from './storage';
+import type { PlannerSettings } from './types';
+
+type Root = HTMLElement & { dataset: DOMStringMap };
+type Labels = Record<string, string>;
+
+const PRESETS: Record<string, PlannerSettings> = {
+  day: DEFAULT_SETTINGS,
+  tight: { ...DEFAULT_SETTINGS, showName: 'A Small Room', dayStart: '10:00', dayEnd: '15:00', breakMinutes: 10, scenesText: 'Warm up | 30 | Studio | Alex, Bea | Start together\nScene work | 120 | Studio | Alex, Bea, Chris | Keep the door clear\nNotes pass | 60 | Studio | Bea, Chris | End with notes' },
+  showcase: { ...DEFAULT_SETTINGS, showName: 'The Showcase', dayStart: '13:00', dayEnd: '20:00', breakMinutes: 20, scenesText: 'Spacing | 45 | Main stage | Alex, Bea, Chris | Mark entrances\nFull run | 120 | Main stage | Alex, Bea, Chris | No stops\nNotes and reset | 45 | Main stage | Alex, Bea, Chris | Capture changes', participantAvailabilityText: 'Alex | 13:00-20:00\nBea | 13:00-20:00\nChris | 13:00-20:00', roomAvailabilityText: 'Main stage | 13:00-20:00' },
+};
+
+function getUi(root: Root): Labels {
+  try {
+    return JSON.parse(root.dataset.ui ?? '{}') as Labels;
+  } catch {
+    return {};
+  }
+}
+
+function getField<T extends HTMLInputElement | HTMLTextAreaElement>(root: Root, key: string): T {
+  return root.querySelector(`[data-field="${key}"]`) as T;
+}
+
+function getSettings(root: Root): PlannerSettings {
+  return {
+    showName: getField(root, 'showName').value,
+    date: getField(root, 'date').value,
+    dayStart: getField(root, 'dayStart').value,
+    dayEnd: getField(root, 'dayEnd').value,
+    breakMinutes: Number(getField(root, 'breakMinutes').value),
+    scenesText: getField(root, 'scenesText').value,
+    participantAvailabilityText: getField(root, 'participantAvailabilityText').value,
+    roomAvailabilityText: getField(root, 'roomAvailabilityText').value,
+    notes: getField(root, 'notes').value,
+  };
+}
+
+function setSettings(root: Root, settings: PlannerSettings): void {
+  Object.entries(settings).forEach(([key, value]) => {
+    const field = getField(root, key);
+    if (field) field.value = String(value);
+  });
+}
+
+function render(root: Root): void {
+  const result = calculateCallSheet(getSettings(root));
+  queryResult(root).innerHTML = renderResult(result, getUi(root));
+  writePlannerSettings(result.settings);
+  root.dataset.status = result.conflictCount + result.unscheduledCount > 0 ? 'attention' : 'ready';
+}
+
+function queryResult(root: Root): HTMLElement {
+  return root.querySelector('[data-result]') as HTMLElement;
+}
+
+function downloadResult(root: Root): void {
+  const result = calculateCallSheet(getSettings(root));
+  const blob = new Blob([JSON.stringify(result, null, 2)], { type: 'application/json' });
+  const url = URL.createObjectURL(blob);
+  const link = document.createElement('a');
+  link.href = url;
+  link.download = `${(result.settings.showName || 'rehearsal-call-sheet').toLocaleLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-|-$/g, '') || 'rehearsal-call-sheet'}.json`;
+  document.body.appendChild(link);
+  link.click();
+  link.remove();
+  window.setTimeout(() => URL.revokeObjectURL(url), 1000);
+}
+
+function bindFields(root: Root): void {
+  root.querySelectorAll<HTMLInputElement | HTMLTextAreaElement>('[data-field]').forEach((field) => {
+    field.addEventListener('input', () => render(root));
+    field.addEventListener('change', () => render(root));
+  });
+}
+
+function bindButtons(root: Root): void {
+  root.querySelectorAll<HTMLButtonElement>('[data-preset]').forEach((button) => button.addEventListener('click', () => {
+    setSettings(root, PRESETS[button.dataset.preset ?? ''] ?? DEFAULT_SETTINGS);
+    render(root);
+  }));
+  root.querySelector('[data-export]')?.addEventListener('click', () => downloadResult(root));
+  root.querySelector('[data-print]')?.addEventListener('click', () => window.print());
+  root.querySelector('[data-reset]')?.addEventListener('click', () => {
+    clearPlannerSettings();
+    setSettings(root, DEFAULT_SETTINGS);
+    render(root);
+  });
+}
+
+export function mountRehearsalCallSheetPlanner(root: Root): void {
+  setSettings(root, readPlannerSettings() ?? DEFAULT_SETTINGS);
+  bindFields(root);
+  bindButtons(root);
+  render(root);
+}