@jjlmoya/utils-performing-arts 1.1.0

package/src/tool/rehearsal-call-sheet-planner/rehearsal-call-sheet-planner.css

@@ -0,0 +1,593 @@
+:root {
+  --n-ink: #18232b;
+  --n-muted: #596872;
+  --n-page: #f6f2e9;
+  --n-surface: #fffdf8;
+  --n-surface-soft: #ece7da;
+  --n-line: #d6d0c3;
+  --n-coral: #d95d4f;
+  --n-coral-soft: #f5d8cf;
+  --n-teal: #2e7772;
+  --n-teal-soft: #d5e9e2;
+  --n-amber: #a86e2c;
+  --n-amber-soft: #f2e3c5;
+  --n-shadow: rgba(24, 35, 43, 0.1);
+}
+
+.theme-dark {
+  --n-ink: #f4f0e7;
+  --n-muted: #b8c0bd;
+  --n-page: #182126;
+  --n-surface: #222c30;
+  --n-surface-soft: #303b3d;
+  --n-line: #4c5959;
+  --n-coral: #ff8875;
+  --n-coral-soft: #573b37;
+  --n-teal: #7dc3b3;
+  --n-teal-soft: #294742;
+  --n-amber: #e2ae62;
+  --n-amber-soft: #55452c;
+  --n-shadow: rgba(0, 0, 0, 0.3);
+}
+
+.call-sheet-planner {
+  color: var(--n-ink);
+  background: var(--n-page);
+  border: 1px solid var(--n-line);
+  border-radius: 1.4rem;
+  padding: clamp(1rem, 3vw, 2rem);
+  box-shadow: 0 1rem 2rem var(--n-shadow);
+}
+
+.planner-actions,
+.preset-group,
+.action-group,
+.block-heading,
+.timeline-card-top,
+.call-sheet-heading,
+.plan-summary,
+.summary-lists,
+.field-grid {
+  display: flex;
+  align-items: center;
+}
+
+.planner-actions {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  align-items: start;
+  gap: 1rem;
+  padding-bottom: 1.2rem;
+  border-bottom: 1px solid var(--n-line);
+}
+
+.preset-group,
+.action-group {
+  gap: 0.55rem;
+  flex-wrap: wrap;
+}
+
+.action-group {
+  justify-content: flex-end;
+}
+
+.preset-group > span,
+.eyebrow,
+.step-number {
+  color: var(--n-muted);
+  font-size: 0.72rem;
+  font-weight: 800;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+button {
+  border: 1px solid var(--n-line);
+  border-radius: 999px;
+  padding: 0.6rem 0.85rem;
+  color: var(--n-ink);
+  background: var(--n-surface);
+  font: inherit;
+  font-size: 0.82rem;
+  font-weight: 750;
+  cursor: pointer;
+}
+
+button:hover,
+button:focus-visible {
+  border-color: var(--n-coral);
+  color: var(--n-coral);
+}
+
+button:focus-visible,
+input:focus-visible,
+textarea:focus-visible,
+a:focus-visible {
+  outline: 3px solid var(--n-amber);
+  outline-offset: 3px;
+}
+
+.primary-button {
+  border-color: var(--n-coral);
+  color: var(--n-surface);
+  background: var(--n-coral);
+}
+
+.primary-button:hover,
+.primary-button:focus-visible {
+  color: var(--n-surface);
+  background: var(--n-ink);
+}
+
+.planner-layout {
+  display: grid;
+  grid-template-columns: minmax(17rem, 0.8fr) minmax(0, 1.5fr);
+  gap: clamp(1rem, 3vw, 2rem);
+  padding-top: 1.5rem;
+}
+
+.planner-controls {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+.control-block {
+  display: flex;
+  flex-direction: column;
+  gap: 0.55rem;
+  padding: 1rem;
+  border: 1px solid var(--n-line);
+  border-radius: 1rem;
+  background: var(--n-surface);
+}
+
+.block-heading {
+  justify-content: space-between;
+  margin-bottom: 0.2rem;
+  color: var(--n-teal);
+  font-weight: 850;
+}
+
+.step-number {
+  color: var(--n-coral);
+}
+
+label {
+  color: var(--n-ink);
+  font-size: 0.86rem;
+  font-weight: 750;
+}
+
+input,
+textarea {
+  width: 100%;
+  box-sizing: border-box;
+  border: 1px solid var(--n-line);
+  border-radius: 0.65rem;
+  padding: 0.7rem 0.75rem;
+  color: var(--n-ink);
+  background: var(--n-page);
+  font: inherit;
+  line-height: 1.45;
+}
+
+textarea {
+  resize: vertical;
+  min-height: 5rem;
+}
+
+.field-grid {
+  gap: 0.65rem;
+}
+
+.field-grid label {
+  flex: 1;
+}
+
+small {
+  color: var(--n-muted);
+  font-size: 0.76rem;
+  line-height: 1.45;
+}
+
+.reset-button {
+  align-self: flex-start;
+  color: var(--n-coral);
+  background: transparent;
+}
+
+.planner-result {
+  min-width: 0;
+}
+
+.plan-summary {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 0.65rem;
+  margin-bottom: 1.2rem;
+}
+
+.plan-summary div {
+  display: flex;
+  flex-direction: column;
+  gap: 0.15rem;
+  padding: 0.8rem;
+  border-radius: 0.8rem;
+  background: var(--n-surface-soft);
+}
+
+.input-issues {
+  margin-bottom: 1.2rem;
+  padding: 1rem;
+  border: 1px solid var(--n-amber);
+  border-radius: 1rem;
+  background: var(--n-amber-soft);
+}
+
+.input-issues-heading {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 1rem;
+}
+
+.input-issues-heading h3 {
+  margin: 0;
+  color: var(--n-ink);
+  font-size: 1rem;
+}
+
+.input-issues-heading span,
+.input-issues li span {
+  color: var(--n-muted);
+  font-size: 0.78rem;
+}
+
+.input-issues ul {
+  display: grid;
+  gap: 0.65rem;
+  margin: 0.8rem 0 0;
+  padding: 0;
+  list-style: none;
+}
+
+.input-issues li {
+  display: grid;
+  gap: 0.25rem;
+  padding-top: 0.65rem;
+  border-top: 1px solid var(--n-line);
+}
+
+.input-issues li strong {
+  color: var(--n-ink);
+  font-size: 0.8rem;
+}
+
+.input-issues code {
+  display: block;
+  overflow-wrap: anywhere;
+  color: var(--n-ink);
+  font: inherit;
+  font-size: 0.78rem;
+}
+
+.plan-summary strong {
+  color: var(--n-coral);
+  font-size: 1.45rem;
+}
+
+.plan-summary span {
+  color: var(--n-muted);
+  font-size: 0.72rem;
+  font-weight: 800;
+  text-transform: uppercase;
+}
+
+.plan-message {
+  margin: -0.65rem 0 1.2rem;
+  color: var(--n-muted);
+  font-size: 0.82rem;
+  line-height: 1.45;
+}
+
+.timeline {
+  margin-bottom: 1.2rem;
+  padding: 1rem;
+  border-radius: 1rem;
+  background: var(--n-surface);
+}
+
+.timeline-scale {
+  display: flex;
+  justify-content: space-between;
+  color: var(--n-muted);
+  font-size: 0.75rem;
+  font-weight: 800;
+}
+
+.timeline-track {
+  display: flex;
+  gap: 0.5rem;
+  min-height: 15rem;
+  margin-top: 0.7rem;
+  padding-top: 0.7rem;
+  border-top: 2px solid var(--n-line);
+}
+
+.timeline-card {
+  flex: 0 0 var(--scene-width);
+  align-self: stretch;
+  box-sizing: border-box;
+  min-width: 7rem;
+  padding: 0.75rem;
+  border-left: 4px solid var(--n-teal);
+  border-radius: 0.65rem;
+  background: var(--n-teal-soft);
+  overflow-wrap: anywhere;
+}
+
+.timeline-card.conflict {
+  border-color: var(--n-amber);
+  background: var(--n-amber-soft);
+}
+
+.timeline-card.unscheduled {
+  border-color: var(--n-coral);
+  background: var(--n-coral-soft);
+}
+
+.timeline-card-top {
+  display: grid;
+  gap: 0.35rem;
+  color: var(--n-muted);
+  font-size: 0.68rem;
+  font-weight: 800;
+}
+
+.timeline-card-top b {
+  color: var(--n-ink);
+  text-align: left;
+  white-space: nowrap;
+}
+
+.timeline-card h3 {
+  margin: 1.2rem 0 0.35rem;
+  color: var(--n-ink);
+  font-size: 1rem;
+}
+
+.timeline-card p {
+  margin: 0;
+  color: var(--n-muted);
+  font-size: 0.78rem;
+}
+
+.timeline-card ul {
+  margin: 1rem 0 0;
+  padding-left: 1rem;
+  color: var(--n-ink);
+  font-size: 0.75rem;
+  line-height: 1.45;
+}
+
+.empty-state {
+  padding: 2rem;
+  border: 1px dashed var(--n-line);
+  border-radius: 1rem;
+  color: var(--n-muted);
+  text-align: center;
+}
+
+.call-sheet {
+  margin-bottom: 1.2rem;
+  border: 1px solid var(--n-line);
+  border-radius: 1rem;
+  background: var(--n-surface);
+  overflow: hidden;
+}
+
+.call-sheet-heading {
+  justify-content: space-between;
+  align-items: flex-end;
+  gap: 1rem;
+  padding: 1rem;
+  border-bottom: 1px solid var(--n-line);
+}
+
+.call-sheet-heading h3 {
+  margin: 0.25rem 0 0;
+  font-size: 1.4rem;
+}
+
+.call-sheet-heading p {
+  margin: 0;
+  color: var(--n-muted);
+  font-size: 0.78rem;
+  text-align: right;
+}
+
+.table-wrap {
+  overflow-x: auto;
+}
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.78rem;
+}
+
+th,
+td {
+  padding: 0.75rem;
+  border-bottom: 1px solid var(--n-line);
+  text-align: left;
+  vertical-align: top;
+}
+
+th {
+  color: var(--n-muted);
+  font-size: 0.68rem;
+  text-transform: uppercase;
+}
+
+td small {
+  display: block;
+  margin-top: 0.25rem;
+}
+
+.status-pill {
+  display: inline-block;
+  border-radius: 999px;
+  padding: 0.25rem 0.45rem;
+  color: var(--n-teal);
+  background: var(--n-teal-soft);
+  font-size: 0.68rem;
+  font-weight: 850;
+}
+
+.status-pill.conflict {
+  color: var(--n-amber);
+  background: var(--n-amber-soft);
+}
+
+.status-pill.unscheduled {
+  color: var(--n-coral);
+  background: var(--n-coral-soft);
+}
+
+.summary-lists {
+  align-items: stretch;
+  gap: 1rem;
+}
+
+.summary-lists section {
+  flex: 1;
+  min-width: 0;
+  padding: 1rem;
+  border-radius: 1rem;
+  background: var(--n-surface-soft);
+}
+
+.summary-lists h3 {
+  margin: 0 0 0.75rem;
+  font-size: 0.95rem;
+}
+
+.summary-lists ul {
+  display: flex;
+  flex-direction: column;
+  gap: 0.55rem;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.summary-lists li {
+  display: grid;
+  grid-template-columns: 1fr auto;
+  gap: 0.2rem 0.7rem;
+  color: var(--n-ink);
+  font-size: 0.8rem;
+}
+
+.summary-lists li span,
+.summary-lists li small {
+  text-align: right;
+}
+
+.summary-lists li small {
+  grid-column: 1 / -1;
+  text-align: left;
+}
+
+.rules-note {
+  margin: 1.4rem 0 0;
+  color: var(--n-muted);
+  font-size: 0.78rem;
+  line-height: 1.55;
+}
+
+.rules-note a {
+  color: var(--n-teal);
+  font-weight: 800;
+}
+
+@media (max-width: 900px) {
+  .planner-layout {
+    grid-template-columns: 1fr;
+  }
+}
+
+@media (max-width: 620px) {
+  .planner-actions {
+    grid-template-columns: 1fr;
+  }
+
+  .action-group {
+    justify-content: flex-start;
+  }
+
+  .input-issues-heading {
+    display: block;
+  }
+
+  .input-issues-heading span {
+    display: block;
+    margin-top: 0.3rem;
+  }
+
+  .plan-summary {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  .timeline-track {
+    display: grid;
+    min-height: 0;
+  }
+
+  .timeline-card {
+    min-height: 8rem;
+    width: 100%;
+  }
+
+  .call-sheet-heading,
+  .summary-lists {
+    display: block;
+  }
+
+  .call-sheet-heading p {
+    margin-top: 0.75rem;
+    text-align: left;
+  }
+
+  .summary-lists section + section {
+    margin-top: 1rem;
+  }
+}
+
+@media print {
+  .call-sheet-planner {
+    border: 0;
+    padding: 0;
+    box-shadow: none;
+  }
+
+  .planner-actions,
+  .planner-controls,
+  .rules-note,
+  .plan-summary,
+  .timeline,
+  .summary-lists {
+    display: none;
+  }
+
+  .planner-layout {
+    display: block;
+    padding-top: 0;
+  }
+
+  .timeline {
+    break-inside: avoid;
+  }
+}

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

@@ -0,0 +1,16 @@
+---
+import { SEORenderer } from '@jjlmoya/utils-shared';
+import { rehearsalCallSheetPlanner } from './index';
+import type { KnownLocale } from '../../types';
+
+interface Props {
+  locale?: KnownLocale;
+}
+
+const { locale = 'en' } = Astro.props as Props;
+const loader = rehearsalCallSheetPlanner.i18n[locale] || rehearsalCallSheetPlanner.i18n.en;
+const content = await loader?.();
+if (!content) return null;
+---
+
+{content.seo?.length > 0 && <SEORenderer content={{ locale, sections: content.seo }} />}

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

@@ -0,0 +1,33 @@
+import type { PlannerSettings } from './types';
+
+const STORAGE_KEY = 'jjlmoya-performing-arts-call-sheet-v1';
+
+function isPlannerSettings(value: unknown): value is PlannerSettings {
+  if (!value || typeof value !== 'object') return false;
+  const candidate = value as Record<string, unknown>;
+  const stringKeys = ['showName', 'date', 'dayStart', 'dayEnd', 'scenesText', 'participantAvailabilityText', 'roomAvailabilityText', 'notes'];
+  return stringKeys.every((key) => typeof candidate[key] === 'string') && typeof candidate.breakMinutes === 'number';
+}
+
+export function readPlannerSettings(): PlannerSettings | null {
+  try {
+    const stored = localStorage.getItem(STORAGE_KEY);
+    if (!stored) return null;
+    const value: unknown = JSON.parse(stored);
+    return isPlannerSettings(value) ? value : null;
+  } catch {
+    return null;
+  }
+}
+
+export function writePlannerSettings(settings: PlannerSettings): void {
+  try {
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(settings));
+  } catch {}
+}
+
+export function clearPlannerSettings(): void {
+  try {
+    localStorage.removeItem(STORAGE_KEY);
+  } catch {}
+}

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

@@ -0,0 +1,84 @@
+export type SceneStatus = 'scheduled' | 'conflict' | 'unscheduled';
+
+export type SceneIssueKey =
+  | 'dayOverflow'
+  | 'participantAvailability'
+  | 'roomAvailability'
+  | 'missingParticipantAvailability'
+  | 'missingRoomAvailability';
+
+export interface PlannerSettings {
+  showName: string;
+  date: string;
+  dayStart: string;
+  dayEnd: string;
+  breakMinutes: number;
+  scenesText: string;
+  participantAvailabilityText: string;
+  roomAvailabilityText: string;
+  notes: string;
+}
+
+export interface SceneInput {
+  id: string;
+  name: string;
+  duration: number;
+  room: string;
+  participants: string[];
+  notes: string;
+}
+
+export interface SceneIssue {
+  key: SceneIssueKey;
+  detail: string;
+}
+
+export type InputIssueSection = 'scenes' | 'people' | 'rooms';
+
+export interface InputIssue {
+  section: InputIssueSection;
+  line: number;
+  value: string;
+  detail: string;
+}
+
+export interface ScheduledScene extends SceneInput {
+  start: number;
+  end: number;
+  status: SceneStatus;
+  issues: SceneIssue[];
+}
+
+export interface AvailabilityWindow {
+  start: number;
+  end: number;
+}
+
+export type AvailabilityMap = Record<string, AvailabilityWindow[]>;
+
+export interface PersonSummary {
+  name: string;
+  sceneCount: number;
+  firstCall: number;
+  lastCall: number;
+}
+
+export interface RoomSummary {
+  name: string;
+  sceneCount: number;
+  firstCall: number;
+  lastCall: number;
+}
+
+export interface CallSheetResult {
+  settings: PlannerSettings;
+  scenes: ScheduledScene[];
+  dayStart: number;
+  dayEnd: number;
+  scheduledMinutes: number;
+  conflictCount: number;
+  unscheduledCount: number;
+  inputIssues: InputIssue[];
+  people: PersonSummary[];
+  rooms: RoomSummary[];
+}