@jjlmoya/utils-performing-arts 1.1.0

package/src/category/i18n/ru.ts

@@ -0,0 +1,27 @@
+import type { CategoryLocaleContent } from '../../types';
+
+const slug = 'performing-arts';
+const title = 'Инструменты репетиций для исполнительского искусства';
+const description = 'Приватные браузерные инструменты для планирования репетиций, листов вызова, конфликтов доступности и рабочего дня постановки.';
+
+export const content: CategoryLocaleContent = {
+  slug,
+  title,
+  description,
+  seo: [
+    { type: 'title', text: 'Build a Rehearsal Day from Real Constraints', level: 2 },
+    { type: 'paragraph', html: 'A rehearsal plan has to hold several truths at once: scenes need time, people need to be available, rooms need to be usable, and the day still needs breathing room. This planner reads a simple scene list and lays it onto a working day so a director or stage manager can see the shape of the call before sending it out.' },
+    { type: 'title', text: 'Make Conflicts Visible Before the Call Goes Out', level: 2 },
+    { type: 'paragraph', html: 'Each scene is checked against the availability windows you enter for its participants and room. The result separates clean sessions from conflicts and scenes that no longer fit the day. It is a planning aid, not a replacement for a production calendar or local working time rules.' },
+    { type: 'title', text: 'Keep Production Notes in the Same Place', level: 2 },
+    { type: 'paragraph', html: 'The call sheet keeps scene notes, participant calls, room calls, and the day overview together. Export the plan as JSON for your own records or print a clean call sheet for the room. Nothing leaves the browser, and the last draft is saved locally on the device.' },
+    { type: 'title', text: 'Privacy and Practical Limits', level: 2 },
+    { type: 'paragraph', html: 'This tool does not send names, schedules, or production notes to a server. It does not manage contracts, confirm legal compliance, or solve overlapping multi-room optimization. Treat the result as a transparent first draft and confirm the final call with the people and rules that govern your production.' },
+    { type: 'stats', items: [
+      { label: 'Tool', value: '1', icon: 'mdi:theater' },
+      { label: 'Rooms', value: 'Any', icon: 'mdi:door-open' },
+      { label: 'Format', value: 'Offline', icon: 'mdi:cloud-off-outline' },
+      { label: 'Privacy', value: 'Local', icon: 'mdi:shield-check' },
+    ] },
+  ],
+};

package/src/category/i18n/sv.ts

@@ -0,0 +1,27 @@
+import type { CategoryLocaleContent } from '../../types';
+
+const slug = 'performing-arts';
+const title = 'Repetitionsverktyg för scenkonst';
+const description = 'Privata webbläsarverktyg för repetitionsplanering, kallelser, tillgänglighetskonflikter och en överskådlig produktionsdag.';
+
+export const content: CategoryLocaleContent = {
+  slug,
+  title,
+  description,
+  seo: [
+    { type: 'title', text: 'Build a Rehearsal Day from Real Constraints', level: 2 },
+    { type: 'paragraph', html: 'A rehearsal plan has to hold several truths at once: scenes need time, people need to be available, rooms need to be usable, and the day still needs breathing room. This planner reads a simple scene list and lays it onto a working day so a director or stage manager can see the shape of the call before sending it out.' },
+    { type: 'title', text: 'Make Conflicts Visible Before the Call Goes Out', level: 2 },
+    { type: 'paragraph', html: 'Each scene is checked against the availability windows you enter for its participants and room. The result separates clean sessions from conflicts and scenes that no longer fit the day. It is a planning aid, not a replacement for a production calendar or local working time rules.' },
+    { type: 'title', text: 'Keep Production Notes in the Same Place', level: 2 },
+    { type: 'paragraph', html: 'The call sheet keeps scene notes, participant calls, room calls, and the day overview together. Export the plan as JSON for your own records or print a clean call sheet for the room. Nothing leaves the browser, and the last draft is saved locally on the device.' },
+    { type: 'title', text: 'Privacy and Practical Limits', level: 2 },
+    { type: 'paragraph', html: 'This tool does not send names, schedules, or production notes to a server. It does not manage contracts, confirm legal compliance, or solve overlapping multi-room optimization. Treat the result as a transparent first draft and confirm the final call with the people and rules that govern your production.' },
+    { type: 'stats', items: [
+      { label: 'Tool', value: '1', icon: 'mdi:theater' },
+      { label: 'Rooms', value: 'Any', icon: 'mdi:door-open' },
+      { label: 'Format', value: 'Offline', icon: 'mdi:cloud-off-outline' },
+      { label: 'Privacy', value: 'Local', icon: 'mdi:shield-check' },
+    ] },
+  ],
+};

package/src/category/i18n/tr.ts

@@ -0,0 +1,27 @@
+import type { CategoryLocaleContent } from '../../types';
+
+const slug = 'performing-arts';
+const title = 'Sahne sanatları prova araçları';
+const description = 'Provaları planlamak, çağrı listeleri oluşturmak, uygunluk çatışmalarını görmek ve prodüksiyon gününü düzenlemek için özel araçlar.';
+
+export const content: CategoryLocaleContent = {
+  slug,
+  title,
+  description,
+  seo: [
+    { type: 'title', text: 'Build a Rehearsal Day from Real Constraints', level: 2 },
+    { type: 'paragraph', html: 'A rehearsal plan has to hold several truths at once: scenes need time, people need to be available, rooms need to be usable, and the day still needs breathing room. This planner reads a simple scene list and lays it onto a working day so a director or stage manager can see the shape of the call before sending it out.' },
+    { type: 'title', text: 'Make Conflicts Visible Before the Call Goes Out', level: 2 },
+    { type: 'paragraph', html: 'Each scene is checked against the availability windows you enter for its participants and room. The result separates clean sessions from conflicts and scenes that no longer fit the day. It is a planning aid, not a replacement for a production calendar or local working time rules.' },
+    { type: 'title', text: 'Keep Production Notes in the Same Place', level: 2 },
+    { type: 'paragraph', html: 'The call sheet keeps scene notes, participant calls, room calls, and the day overview together. Export the plan as JSON for your own records or print a clean call sheet for the room. Nothing leaves the browser, and the last draft is saved locally on the device.' },
+    { type: 'title', text: 'Privacy and Practical Limits', level: 2 },
+    { type: 'paragraph', html: 'This tool does not send names, schedules, or production notes to a server. It does not manage contracts, confirm legal compliance, or solve overlapping multi-room optimization. Treat the result as a transparent first draft and confirm the final call with the people and rules that govern your production.' },
+    { type: 'stats', items: [
+      { label: 'Tool', value: '1', icon: 'mdi:theater' },
+      { label: 'Rooms', value: 'Any', icon: 'mdi:door-open' },
+      { label: 'Format', value: 'Offline', icon: 'mdi:cloud-off-outline' },
+      { label: 'Privacy', value: 'Local', icon: 'mdi:shield-check' },
+    ] },
+  ],
+};

package/src/category/i18n/zh.ts

@@ -0,0 +1,27 @@
+import type { CategoryLocaleContent } from '../../types';
+
+const slug = 'performing-arts';
+const title = '表演艺术排练工具';
+const description = '用于规划排练、制作通告单、发现人员时间冲突并整理制作日的浏览器隐私工具。';
+
+export const content: CategoryLocaleContent = {
+  slug,
+  title,
+  description,
+  seo: [
+    { type: 'title', text: 'Build a Rehearsal Day from Real Constraints', level: 2 },
+    { type: 'paragraph', html: 'A rehearsal plan has to hold several truths at once: scenes need time, people need to be available, rooms need to be usable, and the day still needs breathing room. This planner reads a simple scene list and lays it onto a working day so a director or stage manager can see the shape of the call before sending it out.' },
+    { type: 'title', text: 'Make Conflicts Visible Before the Call Goes Out', level: 2 },
+    { type: 'paragraph', html: 'Each scene is checked against the availability windows you enter for its participants and room. The result separates clean sessions from conflicts and scenes that no longer fit the day. It is a planning aid, not a replacement for a production calendar or local working time rules.' },
+    { type: 'title', text: 'Keep Production Notes in the Same Place', level: 2 },
+    { type: 'paragraph', html: 'The call sheet keeps scene notes, participant calls, room calls, and the day overview together. Export the plan as JSON for your own records or print a clean call sheet for the room. Nothing leaves the browser, and the last draft is saved locally on the device.' },
+    { type: 'title', text: 'Privacy and Practical Limits', level: 2 },
+    { type: 'paragraph', html: 'This tool does not send names, schedules, or production notes to a server. It does not manage contracts, confirm legal compliance, or solve overlapping multi-room optimization. Treat the result as a transparent first draft and confirm the final call with the people and rules that govern your production.' },
+    { type: 'stats', items: [
+      { label: 'Tool', value: '1', icon: 'mdi:theater' },
+      { label: 'Rooms', value: 'Any', icon: 'mdi:door-open' },
+      { label: 'Format', value: 'Offline', icon: 'mdi:cloud-off-outline' },
+      { label: 'Privacy', value: 'Local', icon: 'mdi:shield-check' },
+    ] },
+  ],
+};

package/src/category/index.ts

@@ -0,0 +1,10 @@
+import { rehearsalCallSheetPlanner } from '../tool/rehearsal-call-sheet-planner/entry';
+import type { CategoryLocaleContent, KnownLocale } from '../types';
+
+export const performingArtsCategory = {
+  icon: 'mdi:dice-multiple-outline',
+  tools: [rehearsalCallSheetPlanner],
+  i18n: {
+    en: () => import('./i18n/en').then((m) => m.content),
+  } as Partial<Record<KnownLocale, () => Promise<CategoryLocaleContent>>>,
+};

package/src/components/PreviewNavSidebar.astro

@@ -0,0 +1,116 @@
+---
+interface NavItem {
+  id: string;
+  title: string;
+  href: string;
+  isActive?: boolean;
+}
+
+interface Props {
+  categoryTitle: string;
+  tools?: NavItem[];
+}
+
+const { categoryTitle, tools = [] } = Astro.props;
+---
+
+<nav class="preview-nav-sidebar">
+  <div class="sidebar-header">
+    <h3>{categoryTitle}</h3>
+  </div>
+
+  <ul class="tools-list">
+    {tools.map((tool) => (
+      <li>
+        <a
+          href={tool.href}
+          class:list={['tool-link', { active: tool.isActive }]}
+        >
+          <span class="tool-title">{tool.title}</span>
+        </a>
+      </li>
+    ))}
+  </ul>
+</nav>
+
+<style>
+  .preview-nav-sidebar {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    background: var(--bg-surface, #0f172a);
+  }
+
+  .sidebar-header {
+    padding: 2rem 1.5rem 1.5rem;
+    border-bottom: 1px solid var(--border-color, #1e293b);
+  }
+
+  .sidebar-header h3 {
+    margin: 0;
+    font-size: 0.75rem;
+    font-weight: 900;
+    text-transform: uppercase;
+    letter-spacing: 0.1em;
+    color: var(--text-muted, #94a3b8);
+  }
+
+  .tools-list {
+    list-style: none;
+    margin: 0;
+    padding: 0.5rem 0;
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+  }
+
+  .tools-list li {
+    margin: 0;
+  }
+
+  .tool-link {
+    display: flex;
+    align-items: center;
+    padding: 0.75rem 1.5rem;
+    color: var(--text-muted, #94a3b8);
+    text-decoration: none;
+    font-size: 0.9375rem;
+    font-weight: 500;
+    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
+    border-left: 3px solid transparent;
+    position: relative;
+  }
+
+  .tool-link:hover {
+    color: var(--text-base, #f1f5f9);
+    background: rgba(255, 255, 255, 0.08);
+    padding-left: 1.75rem;
+  }
+
+  .tool-link.active {
+    color: var(--accent, #f43f5e);
+    background: rgba(244, 63, 94, 0.15);
+    border-left-color: var(--accent, #f43f5e);
+    font-weight: 600;
+  }
+
+  .tool-link.active::before {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 3px;
+    height: 24px;
+    background: var(--accent, #f43f5e);
+    border-radius: 0 2px 2px 0;
+  }
+
+  .tool-title {
+    display: block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+</style>
+

package/src/components/PreviewToolbar.astro

@@ -0,0 +1,143 @@
+---
+import type { KnownLocale } from '../types';
+
+interface Props {
+  currentLocale: KnownLocale;
+  localeUrls?: Partial<Record<KnownLocale, string>>;
+}
+
+const { currentLocale, localeUrls = {} } = Astro.props;
+
+const otherLocales = Object.entries(localeUrls).filter(([l]) => l !== currentLocale) as [
+  KnownLocale,
+  string,
+][];
+---
+
+<nav class="preview-toolbar">
+  {
+    otherLocales.length > 0 && (
+      <div class="locale-group">
+        <span class="locale-current">{currentLocale.toUpperCase()}</span>
+        {otherLocales.map(([locale, url]) => (
+          <a href={url} class="btn-locale">
+            {locale.toUpperCase()}
+          </a>
+        ))}
+      </div>
+    )
+  }
+
+  <button id="theme-toggle" class="btn-theme" aria-label="Toggle theme" title="Toggle theme">
+    <span class="theme-icon"></span>
+  </button>
+</nav>
+
+<script>
+  function initToolbar() {
+    const btn = document.getElementById('theme-toggle');
+    if (!btn) return;
+
+    const applyTheme = (theme: string) => {
+      document.documentElement.classList.remove('theme-light', 'theme-dark');
+      document.documentElement.classList.add(theme);
+      localStorage.setItem('theme', theme);
+    };
+
+    btn.addEventListener('click', () => {
+      const next = document.documentElement.classList.contains('theme-dark')
+        ? 'theme-light'
+        : 'theme-dark';
+      applyTheme(next);
+    });
+  }
+
+  initToolbar();
+  document.addEventListener('astro:after-swap', initToolbar);
+</script>
+
+<style>
+  .preview-toolbar {
+    position: fixed;
+    top: 1rem;
+    right: 1.5rem;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    z-index: 1000;
+    background: var(--bg-surface);
+    padding: 0.4rem;
+    border-radius: 1rem;
+    border: 1px solid var(--border-color);
+    backdrop-filter: blur(12px);
+  }
+
+  .locale-group {
+    display: flex;
+    align-items: center;
+    gap: 0.25rem;
+    padding-right: 0.5rem;
+    border-right: 1px solid var(--border-color);
+  }
+
+  .locale-current {
+    font-size: 0.7rem;
+    font-weight: 900;
+    color: var(--text-muted);
+    padding: 0.4rem 0.6rem;
+    letter-spacing: 0.08em;
+  }
+
+  .btn-locale {
+    background: transparent;
+    border: 1px solid var(--border-color);
+    color: var(--text-main);
+    cursor: pointer;
+    padding: 0.4rem 0.7rem;
+    border-radius: 0.5rem;
+    font-weight: 700;
+    font-size: 0.7rem;
+    text-decoration: none;
+    letter-spacing: 0.08em;
+    transition: all 0.2s ease;
+  }
+
+  .btn-locale:hover {
+    border-color: var(--accent);
+    color: var(--accent);
+  }
+
+  .btn-theme {
+    background: transparent;
+    border: none;
+    cursor: pointer;
+    padding: 0.5rem;
+    border-radius: 0.6rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: background 0.2s ease;
+  }
+
+  .btn-theme:hover {
+    background: rgba(255, 255, 255, 0.08);
+  }
+
+  .theme-icon {
+    display: block;
+    width: 16px;
+    height: 16px;
+    border-radius: 50%;
+  }
+
+  :global(.theme-light) .theme-icon {
+    background: #f59e0b;
+    box-shadow: 0 0 8px #fbbf24;
+  }
+
+  :global(.theme-dark) .theme-icon {
+    background: #94a3b8;
+    box-shadow: inset -4px -2px 0 #1e293b;
+  }
+</style>
+

package/src/data.ts

@@ -0,0 +1,10 @@
+export { performingArtsCategory } from './category';
+
+export type {
+  KnownLocale,
+  ToolLocaleContent,
+  CategoryLocaleContent,
+  LocaleMap,
+  PerformingArtsToolEntry,
+  PerformingArtsCategoryEntry,
+} from './types';

package/src/entries.ts

@@ -0,0 +1,3 @@
+import { rehearsalCallSheetPlanner } from './tool/rehearsal-call-sheet-planner/entry';
+
+export const ALL_ENTRIES = [rehearsalCallSheetPlanner];

package/src/env.d.ts

@@ -0,0 +1,5 @@
+declare module '*.astro' {
+  const Component: (_props: Record<string, unknown>) => unknown;
+  export default Component;
+}
+

package/src/index.ts

@@ -0,0 +1,20 @@
+export { performingArtsCategory } from './category';
+export const performingArtsCategorySEO = () => import('./category/PerformingArtsCategorySEO.astro').then((m) => m.default);
+
+export { rehearsalCallSheetPlanner, REHEARSAL_CALL_SHEET_PLANNER_TOOL } from './tool/rehearsal-call-sheet-planner';
+
+export type {
+  KnownLocale,
+  FAQItem,
+  BibliographyEntry,
+  HowToStep,
+  ToolLocaleContent,
+  CategoryLocaleContent,
+  LocaleLoader,
+  LocaleMap,
+  PerformingArtsToolEntry,
+  PerformingArtsCategoryEntry,
+  ToolDefinition,
+} from './types';
+
+export { ALL_ENTRIES, ALL_TOOLS } from './tools';

package/src/layouts/PreviewLayout.astro

@@ -0,0 +1,118 @@
+---
+import "@jjlmoya/utils-shared/theme.css";
+import PreviewToolbar from "../components/PreviewToolbar.astro";
+import type { KnownLocale } from "../types";
+
+interface Props {
+  title: string;
+  currentLocale?: KnownLocale;
+  localeUrls?: Partial<Record<KnownLocale, string>>;
+  hasSidebar?: boolean;
+}
+
+const { title, currentLocale = "es", localeUrls = {}, hasSidebar = false } = Astro.props;
+---
+
+<!doctype html>
+<html lang={currentLocale}>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width" />
+    <title>{title} · preview</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap"
+      rel="stylesheet"
+    />
+
+    <script is:inline>
+      (function () {
+        const saved = localStorage.getItem("theme") || "theme-dark";
+        document.documentElement.classList.add(saved);
+      })();
+    </script>
+    <slot name="head" />
+  </head>
+  <body>
+    <PreviewToolbar currentLocale={currentLocale} localeUrls={localeUrls} />
+    <div class:list={["page-wrapper", { "with-sidebar": hasSidebar }]}>
+      {
+        hasSidebar && (
+          <aside class="sidebar-area">
+            <slot name="sidebar" />
+          </aside>
+        )
+      }
+      <main>
+        <slot />
+      </main>
+    </div>
+  </body>
+</html>
+
+<style is:global>
+  :root {
+    --accent: #f43f5e;
+    --primary-base: #9f1239;
+    --cyan: #06b6d4;
+  }
+
+  .theme-dark,
+  .theme-light {
+    --text-main: var(--text-base);
+    --border-color: var(--border-base);
+  }
+
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--bg-page);
+    color: var(--text-base);
+    font-family: Inter, sans-serif;
+    margin: 0;
+    min-height: 100vh;
+    transition:
+      background-color 0.3s ease,
+      color 0.3s ease;
+  }
+
+  main {
+    padding: 0 2rem;
+  }
+
+  .page-wrapper {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .page-wrapper.with-sidebar {
+    display: grid;
+    grid-template-columns: 240px 1fr;
+    min-height: 100vh;
+  }
+
+  .sidebar-area {
+    position: sticky;
+    top: 0;
+    height: 100vh;
+    overflow-y: auto;
+    border-right: 1px solid var(--border-color);
+    background: var(--bg-page);
+  }
+
+  @media (max-width: 768px) {
+    .page-wrapper.with-sidebar {
+      grid-template-columns: 1fr;
+    }
+
+    .sidebar-area {
+      display: none;
+    }
+  }
+</style>
+