@jjlmoya/utils-sports 1.22.0 → 1.23.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jjlmoya/utils-sports",
-    "version": "1.22.0",
+    "version": "1.23.0",
     "type": "module",
     "main": "./src/index.ts",
     "types": "./src/index.ts",

package/src/entries.ts

@@ -18,6 +18,8 @@ export { dartsScoreKeeper } from './tool/dartsScoreKeeper/entry';
 export type { DartsScoreKeeperLocaleContent } from './tool/dartsScoreKeeper/entry';
 export { padelScoreKeeper } from './tool/padelScoreKeeper/entry';
 export type { PadelScoreKeeperLocaleContent } from './tool/padelScoreKeeper/entry';
+export { streetballScoreKeeper } from './tool/streetballScoreKeeper/entry';
+export type { StreetballLocaleContent } from './tool/streetballScoreKeeper/entry';
 export { sportsCategory } from './category';
 import { basketScoreKeeper } from './tool/basketScoreKeeper/entry';
 import { footballScoreKeeper } from './tool/footballScoreKeeper/entry';
@@ -29,4 +31,5 @@ import { tournamentBracket } from './tool/tournamentBracket/entry';
 import { tennisScoreKeeper } from './tool/tennisScoreKeeper/entry';
 import { dartsScoreKeeper } from './tool/dartsScoreKeeper/entry';
 import { padelScoreKeeper } from './tool/padelScoreKeeper/entry';
-export const ALL_ENTRIES = [basketScoreKeeper, footballScoreKeeper, gymTracker, pingPongScoreKeeper, reactionTester, scoreKeeper, tournamentBracket, tennisScoreKeeper, dartsScoreKeeper, padelScoreKeeper];
+import { streetballScoreKeeper } from './tool/streetballScoreKeeper/entry';
+export const ALL_ENTRIES = [basketScoreKeeper, footballScoreKeeper, gymTracker, pingPongScoreKeeper, reactionTester, scoreKeeper, tournamentBracket, tennisScoreKeeper, dartsScoreKeeper, padelScoreKeeper, streetballScoreKeeper];

package/src/tests/locale_completeness.test.ts

@@ -3,6 +3,6 @@ import { ALL_TOOLS } from '../tools';
 
 describe('Locale Completeness Validation', () => {
   it('all tools registered', () => {
-    expect(ALL_TOOLS.length).toBe(10);
+    expect(ALL_TOOLS.length).toBe(11);
   });
 });

package/src/tests/tool_validation.test.ts

@@ -4,8 +4,8 @@ import { sportsCategory } from '../data';
 
 describe('Tool Validation Suite', () => {
   describe('Library Registration', () => {
-    it('should have 10 tools in ALL_TOOLS', () => {
-      expect(ALL_TOOLS.length).toBe(10);
+    it('should have 11 tools in ALL_TOOLS', () => {
+      expect(ALL_TOOLS.length).toBe(11);
     });
 
     it('sportsCategory should be defined', () => {

package/src/tool/streetballScoreKeeper/audio.ts

@@ -0,0 +1,64 @@
+import { el } from './render';
+
+let isMuted = false;
+
+try {
+  isMuted = localStorage.getItem('sb_muted') === 'true';
+} catch {}
+
+function updateSoundIcon(): void {
+  const onIcon = el('tn-sound-icon-on');
+  const offIcon = el('tn-sound-icon-off');
+  if (onIcon && offIcon) {
+    onIcon.style.display = isMuted ? 'none' : 'block';
+    offIcon.style.display = isMuted ? 'block' : 'none';
+  }
+}
+
+export function setMuted(muted: boolean): void {
+  isMuted = muted;
+  try {
+    localStorage.setItem('sb_muted', String(muted));
+  } catch {}
+  updateSoundIcon();
+}
+
+export function getMuted(): boolean {
+  return isMuted;
+}
+
+export function playBeep(): void {
+  if (isMuted) return;
+  try {
+    const webkitCtx = (window as unknown as { webkitAudioContext: typeof AudioContext }).webkitAudioContext;
+    const ctx = new (window.AudioContext || webkitCtx)();
+    const osc = ctx.createOscillator();
+    const gain = ctx.createGain();
+    osc.type = 'sine';
+    osc.frequency.setValueAtTime(800, ctx.currentTime);
+    osc.connect(gain);
+    gain.connect(ctx.destination);
+    gain.gain.setValueAtTime(0.25, ctx.currentTime);
+    gain.gain.exponentialRampToValueAtTime(0.01, ctx.currentTime + 0.15);
+    osc.start();
+    osc.stop(ctx.currentTime + 0.15);
+  } catch {}
+}
+
+export function playBuzzer(): void {
+  if (isMuted) return;
+  try {
+    const webkitCtx = (window as unknown as { webkitAudioContext: typeof AudioContext }).webkitAudioContext;
+    const ctx = new (window.AudioContext || webkitCtx)();
+    const osc = ctx.createOscillator();
+    const gain = ctx.createGain();
+    osc.type = 'sawtooth';
+    osc.frequency.setValueAtTime(120, ctx.currentTime);
+    osc.connect(gain);
+    gain.connect(ctx.destination);
+    gain.gain.setValueAtTime(0.5, ctx.currentTime);
+    gain.gain.exponentialRampToValueAtTime(0.01, ctx.currentTime + 1.2);
+    osc.start();
+    osc.stop(ctx.currentTime + 1.2);
+  } catch {}
+}

package/src/tool/streetballScoreKeeper/bibliography.astro

@@ -0,0 +1,15 @@
+---
+import { bibliography } from './bibliography';
+---
+
+<ul class="tn-bib-list">
+  {
+    bibliography.map((entry) => (
+      <li>
+        <a href={entry.url} target="_blank" rel="noopener noreferrer">
+          {entry.name}
+        </a>
+      </li>
+    ))
+  }
+</ul>

package/src/tool/streetballScoreKeeper/bibliography.ts

@@ -0,0 +1,10 @@
+export const bibliography = [
+  {
+    name: 'FIBA 3x3 Basketball Rules of the Game',
+    url: 'https://fiba3x3.com/en/rules.html',
+  },
+  {
+    name: 'Official 3x3 Basketball Equipment Guide',
+    url: 'https://www.fiba.basketball/documents',
+  },
+];

package/src/tool/streetballScoreKeeper/component.astro

@@ -0,0 +1,163 @@
+---
+import type { KnownLocale } from '../../types';
+import type { StreetballScoreKeeperUI } from './ui';
+
+interface Props {
+  locale?: KnownLocale;
+  ui?: Record<string, unknown>;
+}
+
+const { ui } = Astro.props;
+const t = (ui ?? {}) as StreetballScoreKeeperUI;
+---
+
+<div class="tn-console" id="tn-card" data-tn-ui={JSON.stringify(t)}>
+  <div class="tn-header-panel">
+    <div class="tn-header-actions">
+      <button class="tn-action-btn" id="tn-sound-btn" title={t.toggleSound}>
+        <svg id="tn-sound-icon-on" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"/>
+          <path d="M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07"/>
+        </svg>
+        <svg id="tn-sound-icon-off" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display: none;">
+          <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"/>
+          <line x1="23" y1="9" x2="17" y2="15"/>
+          <line x1="17" y1="9" x2="23" y2="15"/>
+        </svg>
+      </button>
+      <button class="tn-action-btn" id="tn-reset-btn" title={t.reset}>
+        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"/>
+          <path d="M16 3h5v5M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"/>
+          <path d="M8 21H3v-5"/>
+        </svg>
+      </button>
+      <button class="tn-action-btn" data-tn-fs title={t.fullscreen}>
+        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
+          <path d="M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7"/>
+        </svg>
+      </button>
+    </div>
+  </div>
+
+  <div class="tn-clear-ball-alert" id="tn-clear-ball-alert">
+    {t.clearBall}
+  </div>
+
+  <div class="tn-scoreboard">
+    <div class="tn-player-card tn-player-card-a">
+      <div class="tn-name-section">
+        <input type="text" value={t.teamA} class="tn-player-input" id="tn-name-a" />
+        <span class="tn-poss-indicator" id="tn-poss-a"></span>
+      </div>
+      <div class="tn-big-score" id="tn-score-a">0</div>
+      <div class="tn-team-actions">
+        <button class="tn-team-btn" data-point-team="a" data-points="1">+1</button>
+        <button class="tn-team-btn" data-point-team="a" data-points="2">+2</button>
+      </div>
+      <div class="tn-stats-row">
+        <button class="tn-stat-box" data-foul-team="a" title={t.fouls}>
+          <span class="tn-stat-val" id="tn-fouls-a">0</span>
+          <span class="tn-stat-lbl">{t.fouls}</span>
+        </button>
+        <button class="tn-stat-box" data-timeout-team="a" title={t.timeouts}>
+          <span class="tn-stat-val" id="tn-timeouts-a">1</span>
+          <span class="tn-stat-lbl">{t.timeouts}</span>
+        </button>
+      </div>
+    </div>
+
+    <div class="tn-player-card tn-player-card-b">
+      <div class="tn-name-section">
+        <input type="text" value={t.teamB} class="tn-player-input" id="tn-name-b" />
+        <span class="tn-poss-indicator" id="tn-poss-b"></span>
+      </div>
+      <div class="tn-big-score" id="tn-score-b">0</div>
+      <div class="tn-team-actions">
+        <button class="tn-team-btn" data-point-team="b" data-points="1">+1</button>
+        <button class="tn-team-btn" data-point-team="b" data-points="2">+2</button>
+      </div>
+      <div class="tn-stats-row">
+        <button class="tn-stat-box" data-foul-team="b" title={t.fouls}>
+          <span class="tn-stat-val" id="tn-fouls-b">0</span>
+          <span class="tn-stat-lbl">{t.fouls}</span>
+        </button>
+        <button class="tn-stat-box" data-timeout-team="b" title={t.timeouts}>
+          <span class="tn-stat-val" id="tn-timeouts-b">1</span>
+          <span class="tn-stat-lbl">{t.timeouts}</span>
+        </button>
+      </div>
+    </div>
+  </div>
+
+  <div class="tn-clocks-panel">
+    <div class="tn-clock-container">
+      <div class="tn-clock-box tn-clock-box-game" id="tn-btn-start-clock">
+        <div class="tn-clock-lbl">{t.gameTime}</div>
+        <div class="tn-clock-digits tn-clock-digits-game" id="tn-game-clock">10:00</div>
+      </div>
+      <div class="tn-clock-box tn-clock-box-shot" id="tn-shot-clock-box">
+        <div class="tn-clock-lbl">{t.shotClock}</div>
+        <div class="tn-clock-digits tn-clock-digits-shot" id="tn-shot-clock">12</div>
+      </div>
+    </div>
+    <div class="tn-clock-controls">
+      <button class="tn-control-btn" id="tn-btn-reset-14">+14s</button>
+      <button class="tn-control-btn" id="tn-poss-toggle">{t.possession}</button>
+      <button class="tn-control-btn" id="tn-undo-btn">Undo</button>
+    </div>
+  </div>
+
+  <div class="tn-court-panel">
+    <div class="tn-court-wrapper">
+      <svg class="tn-street-court" viewBox="0 0 240 200" id="tn-court">
+        <rect class="tn-court-arc-outer" x="0" y="0" width="240" height="200" />
+        <path class="tn-court-arc-inner tn-court-quadrant" d="M 10 20 A 110 110 0 0 0 230 20 L 230 200 L 10 200 Z" />
+        <line class="tn-board" x1="100" y1="12" x2="140" y2="12" />
+        <circle class="tn-rim" cx="120" cy="18" r="6" />
+        <rect class="tn-key-lines" x="96" y="20" width="48" height="60" />
+        <text x="120" y="60" class="tn-court-text tn-court-text-inner">+1</text>
+        <text x="40" y="160" class="tn-court-text tn-court-text-outer">+2</text>
+        <text x="120" y="160" class="tn-court-text tn-court-text-outer">+2</text>
+        <text x="200" y="160" class="tn-court-text tn-court-text-outer">+2</text>
+      </svg>
+    </div>
+  </div>
+
+  <div id="tn-timeout-overlay" class="tn-timeout-overlay">
+    <div class="tn-timeout-bg-glow"></div>
+    <div class="tn-timeout-content">
+      <div class="tn-timeout-title">{t.timeoutActive}</div>
+      <div id="tn-timeout-timer" class="tn-timeout-digits">30.0</div>
+      <div class="tn-timeout-subtitle">Click to Resume</div>
+    </div>
+  </div>
+
+  <div id="tn-winner" class="tn-winner-overlay">
+    <div class="tn-winner-box">
+      <svg class="tn-winner-cup" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+        <path d="M6 9H4.5a2.5 2.5 0 0 1 0-5H6m12 5h1.5a2.5 2.5 0 0 0 0-5H18M6 4h12M12 18v3m-4 0h8m-4-17v14a4 4 0 0 1-4-4"/>
+      </svg>
+      <div class="tn-winner-title">{t.matchWon}</div>
+      <div id="tn-winner-team" class="tn-winner-team">Team 1</div>
+      <button class="tn-control-btn" data-close-winner>Reset</button>
+    </div>
+  </div>
+
+  <div id="tn-particle-container" class="tn-particle-container"></div>
+
+  <div id="tn-modal" class="tn-modal">
+    <div class="tn-modal-box">
+      <p class="tn-modal-text">{t.resetConfirm}</p>
+      <div class="tn-modal-btns">
+        <button id="tn-modal-cancel" class="tn-modal-btn tn-btn-cancel">{t.cancel}</button>
+        <button id="tn-modal-confirm" class="tn-modal-btn tn-btn-confirm">{t.reset}</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script>
+  import { initStreetballScoreKeeper } from './logic';
+  initStreetballScoreKeeper();
+</script>

package/src/tool/streetballScoreKeeper/entry.ts

@@ -0,0 +1,30 @@
+import type { SportsToolEntry, ToolLocaleContent } from '../../types';
+import type { StreetballScoreKeeperUI } from './ui';
+
+export type { StreetballScoreKeeperUI };
+export type StreetballLocaleContent = ToolLocaleContent<StreetballScoreKeeperUI>;
+
+export const streetballScoreKeeper: SportsToolEntry<StreetballScoreKeeperUI> = {
+  id: 'streetball-3x3-basketball-scorekeeper',
+  icons: {
+    bg: 'mdi:basketball',
+    fg: 'mdi:scoreboard-outline',
+  },
+  i18n: {
+    en: () => import('./i18n/en').then((m) => m.content),
+    es: () => import('./i18n/es').then((m) => m.content),
+    fr: () => import('./i18n/fr').then((m) => m.content),
+    de: () => import('./i18n/de').then((m) => m.content),
+    id: () => import('./i18n/id').then((m) => m.content),
+    it: () => import('./i18n/it').then((m) => m.content),
+    ja: () => import('./i18n/ja').then((m) => m.content),
+    ko: () => import('./i18n/ko').then((m) => m.content),
+    nl: () => import('./i18n/nl').then((m) => m.content),
+    pl: () => import('./i18n/pl').then((m) => m.content),
+    pt: () => import('./i18n/pt').then((m) => m.content),
+    ru: () => import('./i18n/ru').then((m) => m.content),
+    sv: () => import('./i18n/sv').then((m) => m.content),
+    tr: () => import('./i18n/tr').then((m) => m.content),
+    zh: () => import('./i18n/zh').then((m) => m.content),
+  },
+};

package/src/tool/streetballScoreKeeper/game-logic.ts

@@ -0,0 +1,165 @@
+export interface TeamState {
+  score: number;
+  fouls: number;
+  timeouts: number;
+}
+
+export interface StreetballMatchState {
+  teamA: TeamState;
+  teamB: TeamState;
+  possession: 'a' | 'b';
+  clearBallNeeded: boolean;
+  isOvertime: boolean;
+  winner: 'a' | 'b' | null;
+  gameTimeMs: number;
+  gameTimeActive: boolean;
+  shotClockMs: number;
+  shotClockActive: boolean;
+  timeoutTimeMs: number;
+  timeoutActive: boolean;
+  timeoutTeam: 'a' | 'b' | null;
+}
+
+export function createInitialTeam(): TeamState {
+  return {
+    score: 0,
+    fouls: 0,
+    timeouts: 1,
+  };
+}
+
+export function createInitialMatch(): StreetballMatchState {
+  return {
+    teamA: createInitialTeam(),
+    teamB: createInitialTeam(),
+    possession: 'a',
+    clearBallNeeded: false,
+    isOvertime: false,
+    winner: null,
+    gameTimeMs: 10 * 60 * 1000,
+    gameTimeActive: false,
+    shotClockMs: 12 * 1000,
+    shotClockActive: false,
+    timeoutTimeMs: 0,
+    timeoutActive: false,
+    timeoutTeam: null,
+  };
+}
+
+export function checkWinner(state: StreetballMatchState): void {
+  if (state.winner) return;
+  if (!state.isOvertime) {
+    if (state.teamA.score >= 21) {
+      state.winner = 'a';
+      state.gameTimeActive = false;
+      state.shotClockActive = false;
+    } else if (state.teamB.score >= 21) {
+      state.winner = 'b';
+      state.gameTimeActive = false;
+      state.shotClockActive = false;
+    }
+  } else {
+    if (state.teamA.score >= 2) {
+      state.winner = 'a';
+      state.gameTimeActive = false;
+      state.shotClockActive = false;
+    } else if (state.teamB.score >= 2) {
+      state.winner = 'b';
+      state.gameTimeActive = false;
+      state.shotClockActive = false;
+    }
+  }
+}
+
+export function processPoint(state: StreetballMatchState, team: 'a' | 'b', points: number): StreetballMatchState {
+  if (state.winner) return state;
+  const next = JSON.parse(JSON.stringify(state)) as StreetballMatchState;
+  const t = team === 'a' ? next.teamA : next.teamB;
+  t.score += points;
+  checkWinner(next);
+  if (!next.winner) {
+    next.shotClockMs = 12 * 1000;
+  }
+  return next;
+}
+
+export function processFoul(state: StreetballMatchState, team: 'a' | 'b'): StreetballMatchState {
+  if (state.winner) return state;
+  const next = JSON.parse(JSON.stringify(state)) as StreetballMatchState;
+  const t = team === 'a' ? next.teamA : next.teamB;
+  t.fouls += 1;
+  return next;
+}
+
+export function togglePossession(state: StreetballMatchState): StreetballMatchState {
+  if (state.winner) return state;
+  const next = JSON.parse(JSON.stringify(state)) as StreetballMatchState;
+  next.possession = next.possession === 'a' ? 'b' : 'a';
+  next.clearBallNeeded = true;
+  next.shotClockMs = 12 * 1000;
+  return next;
+}
+
+export function clearBall(state: StreetballMatchState): StreetballMatchState {
+  const next = JSON.parse(JSON.stringify(state)) as StreetballMatchState;
+  next.clearBallNeeded = false;
+  return next;
+}
+
+export function triggerTimeout(state: StreetballMatchState, team: 'a' | 'b'): StreetballMatchState {
+  if (state.winner || state.timeoutActive) return state;
+  const next = JSON.parse(JSON.stringify(state)) as StreetballMatchState;
+  const t = team === 'a' ? next.teamA : next.teamB;
+  if (t.timeouts > 0) {
+    t.timeouts -= 1;
+    next.timeoutActive = true;
+    next.timeoutTimeMs = 30 * 1000;
+    next.timeoutTeam = team;
+    next.gameTimeActive = false;
+    next.shotClockActive = false;
+  }
+  return next;
+}
+
+function tickTimeout(next: StreetballMatchState, elapsedMs: number): void {
+  next.timeoutTimeMs = Math.max(0, next.timeoutTimeMs - elapsedMs);
+  if (next.timeoutTimeMs === 0) {
+    next.timeoutActive = false;
+    next.timeoutTeam = null;
+  }
+}
+
+function tickGameClock(next: StreetballMatchState, elapsedMs: number): void {
+  next.gameTimeMs = Math.max(0, next.gameTimeMs - elapsedMs);
+  if (next.gameTimeMs === 0) {
+    next.gameTimeActive = false;
+    next.shotClockActive = false;
+    if (next.teamA.score === next.teamB.score) {
+      next.isOvertime = true;
+      next.teamA.score = 0;
+      next.teamB.score = 0;
+    } else {
+      next.winner = next.teamA.score > next.teamB.score ? 'a' : 'b';
+    }
+  }
+}
+
+export function tickGame(state: StreetballMatchState, elapsedMs: number): StreetballMatchState {
+  const next = JSON.parse(JSON.stringify(state)) as StreetballMatchState;
+  if (next.winner) return next;
+  if (next.timeoutActive) {
+    tickTimeout(next, elapsedMs);
+    return next;
+  }
+  if (next.gameTimeActive) {
+    tickGameClock(next, elapsedMs);
+    if (next.shotClockActive) {
+      next.shotClockMs = Math.max(0, next.shotClockMs - elapsedMs);
+      if (next.shotClockMs === 0) {
+        next.shotClockActive = false;
+        next.gameTimeActive = false;
+      }
+    }
+  }
+  return next;
+}

package/src/tool/streetballScoreKeeper/i18n/de.ts

@@ -0,0 +1,178 @@
+import { bibliography } from '../bibliography';
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+import type { StreetballLocaleContent } from '../entry';
+
+const slug = 'streetball-3x3-spielstand';
+const title = 'Premium Streetball 3x3 Spielstand mit Wurfuhr';
+const description = 'Verfolge FIBA 3x3 Streetball-Ergebnisse mit integrierter 12-Sekunden-Wurfuhr, Teamfouls, Sudden-Death-Punkten und dynamischen visuellen Anzeigen für die Spielfeldhälfte.';
+
+const faq = [
+  {
+    question: 'Wie funktioniert die 12-Sekunden-Wurfuhr im 3x3 Streetball?',
+    answer: 'Im FIBA 3x3 haben Teams nur 12 Sekunden Zeit für einen Korbversuch, sobald sie in Ballbesitz kommen. Die Wurfuhr wird bei Ballbesitzwechsel auf 12 zurückgesetzt oder bei offensiven Rebounds und Fouls unter bestimmten Bedingungen auf 14 Sekunden.',
+  },
+  {
+    question: 'Was ist das Sudden-Death-Score-Limit im 3x3 Basketball?',
+    answer: 'Das erste Team, das 21 Punkte erzielt, gewinnt das Spiel sofort, unabhängig von der verbleibenden Spielzeit. Dies ist die Sudden-Death-Regel.',
+  },
+  {
+    question: 'Wie wirken sich Teamfouls auf das Spiel aus?',
+    answer: 'Ab dem 7. Teamfoul erhält der Gegner 2 Freiwürfe. Beim 10. und jedem weiteren Foul gibt es 2 Freiwürfe plus Ballbesitz, was den Strafstatus auslöst.',
+  },
+];
+
+const howTo = [
+  {
+    name: 'Teamnamen festlegen',
+    text: 'Gib benutzerdefinierte Namen für die beiden Streetball-Teams ein, um die Anzeige anzupassen.',
+  },
+  {
+    name: 'Punkte und Ballbesitz erfassen',
+    text: 'Tippe auf das interaktive Asphaltfeld, um 1 Punkt (innerhalb des Bogens) oder 2 Punkte (außerhalb des Bogens) hinzuzufügen und den Ballbesitz-Indikator umzuschalten.',
+  },
+  {
+    name: 'Wurfuhr steuern',
+    text: 'Tippe auf die Wurfuhr, um auf 12 zurückzusetzen, klicke auf den sekundären Reset für 14, oder tippe doppelt, um den Countdown zu pausieren.',
+  },
+  {
+    name: 'Teamfouls verwalten',
+    text: 'Erfasse Teamfouls mit dem Zähler, der bei Strafstatus (7+ Fouls) rot wird.',
+  },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faq.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowTo> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howTo.map((step, i) => ({
+    '@type': 'HowToStep',
+    position: i + 1,
+    name: step.name,
+    text: step.text,
+  })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'SportsApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'USD' },
+  inLanguage: 'de',
+};
+
+export const content: StreetballLocaleContent = {
+  slug,
+  title,
+  description,
+  faq,
+  bibliography,
+  howTo,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    {
+      type: 'title',
+      text: 'Kostenloses Online-3x3-Streetball-Scoreboard',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Das Mitführen der Punktzahl in schnellen 3x3-Basketballspielen kann schwierig sein, während man eine kurze Wurfuhr verwaltet und Teamfouls im Auge behält. Dieses kostenlose Online-3x3-Streetball-Scoreboard bietet ein industrielles Asphaltthema mit kontrastreichem Neon-Design. Es verwaltet automatisch die 12-Sekunden-Wurfuhr, die Spieluhr, das Foul-Strafensystem und die Ballbesitz-Anzeigen.',
+    },
+    {
+      type: 'title',
+      text: 'FIBA 3x3 Streetball Wertungs- und Wurfuhr-Regeln',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'FIBA 3x3 Streetball unterscheidet sich vom traditionellen 5x5 Basketball. Die Spiele dauern eine 10-minütige Periode oder enden sofort, wenn ein Team 21 Punkte erreicht (Sudden Death). Würfe innerhalb des Bogens und Freiwürfe zählen 1 Punkt, während Würfe von hinter dem 6,75m-Bogen 2 Punkte zählen. Die 12-Sekunden-Wurfuhr erzwingt schnelle Angriffsaktionen, und die Spieler müssen den Ball bei einem Ballbesitzwechsel hinter den Bogen bringen.',
+    },
+    {
+      type: 'comparative',
+      columns: 3,
+      items: [
+        {
+          title: 'Freizeitspiele',
+          description: 'Schnelle Punkterfassung für Straßenbasketball mit Freunden auf lokalen Plätzen.',
+          icon: 'mdi:basketball',
+          points: ['Einfache Punktauslöser', 'Responsives Layout', 'Funktioniert offline'],
+        },
+        {
+          title: 'Turnierspiele',
+          description: 'Perfekt für offizielle 3x3 Turniere und Streetball-Ligen.',
+          icon: 'mdi:trophy-outline',
+          points: ['10-Minuten-Countdown', 'Sudden Death bei 21 Pkt', 'Foul-Strafzustände'],
+        },
+        {
+          title: 'Schiedsrichter Dashboard',
+          description: 'Speziell für Schiedsrichter entwickelt, um schnelle Wurfuhr-Rücksetzungen und Ballbesitz zu verwalten.',
+          icon: 'mdi:school',
+          points: ['12s und 14s Rücksetzung', 'Summer-Sound', 'Taktile Gesten'],
+        },
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Interaktive Steuerung und taktile Animationen',
+      level: 2,
+    },
+    {
+      type: 'list',
+      items: [
+        '<strong>12-Sekunden-Wurfuhr</strong> blinkt rot und zeigt Dezimalstellen unter 4 Sekunden an, gefolgt von einem simulierten Summer.',
+        '<strong>Interaktive Beton-Spielfeldhälfte</strong> ermöglicht das Antippen der 1- und 2-Punkt-Bereiche, um Punkte direkt auf dem Diagramm zu erfassen.',
+        '<strong>Foul-Zähler-Warnung</strong> wird rot und wackelt, um Teamfoul-Strafen anzuzeigen (7+ und 10+ Fouls).',
+        '<strong>Ballfreigabe-Anzeige</strong> zeigt eine Erinnerung bei Ballbesitzwechsel, bis der Ball hinter den Bogen gebracht wurde.',
+        '<strong>Auszeit-Tracker</strong> startet einen 30-Sekunden-Countdown mit benutzerdefinierten Soundwarnungen.',
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Warum einen digitalen Streetball-Tracker verwenden?',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Eine digitale Anzeigetafel beseitigt Meinungsverschiedenheiten über Punkte, Fouls oder Wurfuhr-Verstöße auf dem Asphalt. Die hellen Neon-Zahlen sind aus der Ferne gut lesbar, und die automatischen Ballbesitz- und Freigabe-Erinnerungen sorgen für einen reibungslosen Spielablauf ohne Unterbrechungen.',
+    },
+  ],
+  ui: {
+    teamA: 'Team 1',
+    teamB: 'Team 2',
+    points: 'Punkte',
+    fouls: 'Fouls',
+    timeouts: 'Auszeiten',
+    shotClock: 'Wurfuhr',
+    reset: 'Zurücksetzen',
+    resetConfirm: 'Spiel zurücksetzen? Alle Daten gehen verloren.',
+    cancel: 'Abbrechen',
+    gameTime: 'Zeit',
+    possession: 'Ballbesitz',
+    clearBall: 'Ball freigeben',
+    matchWon: 'Spiel gewonnen',
+    timeoutActive: 'Auszeit',
+    penalty: 'Strafe',
+    fullscreen: 'Vollbild',
+    exitFullscreen: 'Vollbild beenden',
+    overtime: 'Verlängerung',
+    ptsInside: '+1 Punkt',
+    ptsOutside: '+2 Punkte',
+    toggleSound: 'Sound umschalten',
+    soundOn: 'Sound an',
+    soundOff: 'Sound aus',
+  },
+};