@jjlmoya/utils-sports 1.29.0 → 1.30.0

package/package.json

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

package/src/category/index.ts

@@ -7,6 +7,7 @@ import { gymTracker } from '../tool/gymTracker/index';
 import { reactionTester } from '../tool/reactionTester/index';
 import { pingPongScoreKeeper } from '../tool/pingPongScoreKeeper/index';
 import { rugbyScoreKeeper } from '../tool/rugbyScoreKeeper/index';
+import { baseballScoreKeeper } from '../tool/baseballScoreKeeper/index';
 
 export const sportsCategory: SportsCategoryEntry = {
   icon: 'mdi:soccer',
@@ -19,6 +20,7 @@ export const sportsCategory: SportsCategoryEntry = {
     reactionTester,
     pingPongScoreKeeper,
     rugbyScoreKeeper,
+    baseballScoreKeeper,
   ] as unknown as SportsToolEntry<Record<string, string>>[],
   i18n: {
     es: () => import('./i18n/es').then((m) => m.content),

package/src/entries.ts

@@ -26,6 +26,8 @@ export { snookerScoreKeeper } from './tool/snookerScoreKeeper/entry';
 export type { SnookerScoreKeeperLocaleContent } from './tool/snookerScoreKeeper/entry';
 export { rugbyScoreKeeper } from './tool/rugbyScoreKeeper/entry';
 export type { RugbyScoreKeeperLocaleContent } from './tool/rugbyScoreKeeper/entry';
+export { baseballScoreKeeper } from './tool/baseballScoreKeeper/entry';
+export type { BaseballScoreKeeperLocaleContent } from './tool/baseballScoreKeeper/entry';
 export { sportsCategory } from './category';
 import { basketScoreKeeper } from './tool/basketScoreKeeper/entry';
 import { footballScoreKeeper } from './tool/footballScoreKeeper/entry';
@@ -41,5 +43,6 @@ import { streetballScoreKeeper } from './tool/streetballScoreKeeper/entry';
 import { beachVolleyballScoreKeeper } from './tool/beachVolleyballScoreKeeper/entry';
 import { snookerScoreKeeper } from './tool/snookerScoreKeeper/entry';
 import { rugbyScoreKeeper } from './tool/rugbyScoreKeeper/entry';
-export const ALL_ENTRIES = [basketScoreKeeper, footballScoreKeeper, gymTracker, pingPongScoreKeeper, reactionTester, scoreKeeper, tournamentBracket, tennisScoreKeeper, dartsScoreKeeper, padelScoreKeeper, streetballScoreKeeper, beachVolleyballScoreKeeper, snookerScoreKeeper, rugbyScoreKeeper];
+import { baseballScoreKeeper } from './tool/baseballScoreKeeper/entry';
+export const ALL_ENTRIES = [basketScoreKeeper, footballScoreKeeper, gymTracker, pingPongScoreKeeper, reactionTester, scoreKeeper, tournamentBracket, tennisScoreKeeper, dartsScoreKeeper, padelScoreKeeper, streetballScoreKeeper, beachVolleyballScoreKeeper, snookerScoreKeeper, rugbyScoreKeeper, baseballScoreKeeper];
 

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(14);
+    expect(ALL_TOOLS.length).toBe(15);
   });
 });

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 14 tools in ALL_TOOLS', () => {
-      expect(ALL_TOOLS.length).toBe(14);
+    it('should have 15 tools in ALL_TOOLS', () => {
+      expect(ALL_TOOLS.length).toBe(15);
     });
 
     it('sportsCategory should be defined', () => {

package/src/tool/baseballScoreKeeper/baseball-scorekeeper.css

@@ -0,0 +1,419 @@
+.bb-app {
+  --bb-bg-page: var(--bg-page);
+  --bb-bg-surface: var(--bg-surface);
+  --bb-bg-muted: var(--bg-muted);
+  --bb-border: var(--border-base);
+  --bb-text: var(--text-base);
+  --bb-text-dim: var(--text-muted);
+  --bb-clay: #c49a6c;
+  --bb-grass: #5a8f4a;
+  --bb-grass-bg: rgba(90, 143, 74, 0.12);
+  --bb-gold: #e3b341;
+  --bb-danger: #da3633;
+  --bb-strike: #da3633;
+  --bb-ball: #e3b341;
+  --bb-out: #636363;
+
+  background: var(--bb-bg-page);
+  color: var(--bb-text);
+  max-width: 780px;
+  margin: 0 auto;
+  padding: 16px;
+  position: relative;
+  overflow: hidden;
+}
+
+.bb-main-card {
+  background: var(--bb-bg-surface);
+  border: 1px solid var(--bb-border);
+  border-radius: 14px;
+  padding: 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+.bb-strip {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background: var(--bb-bg-muted);
+  border: 1px solid var(--bb-border);
+  border-radius: 12px;
+  padding: 12px 20px;
+}
+
+.bb-team {
+  text-align: center;
+  flex: 1;
+}
+
+.bb-name {
+  background: transparent;
+  border: none;
+  border-bottom: 2px solid var(--bb-border);
+  color: var(--bb-text);
+  font-size: 1rem;
+  text-align: center;
+  padding: 4px 8px;
+  outline: none;
+  width: 100%;
+  max-width: 130px;
+}
+
+.bb-name:focus {
+  border-color: var(--bb-gold);
+}
+
+.bb-score {
+  font-size: 2.8rem;
+  font-weight: 800;
+  color: var(--bb-gold);
+  line-height: 1;
+  margin-top: 4px;
+}
+
+.bb-divider {
+  text-align: center;
+  padding: 0 12px;
+}
+
+.bb-inning-badge {
+  font-size: 1rem;
+  font-weight: 700;
+  background: var(--bb-border);
+  color: var(--bb-text);
+  padding: 4px 14px;
+  border-radius: 6px;
+}
+
+.bb-diamond-wrap {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: var(--bb-bg-muted);
+  border: 1px solid var(--bb-border);
+  border-radius: 12px;
+  padding: 12px;
+}
+
+.bb-diamond-svg {
+  width: 100%;
+  max-width: 280px;
+  height: auto;
+}
+
+.bb-diamond-bg {
+  fill: var(--bb-grass);
+  stroke: var(--bb-clay);
+  stroke-width: 2;
+}
+
+.bb-base {
+  fill: var(--bb-clay);
+  stroke: var(--bb-border);
+  stroke-width: 2;
+  cursor: pointer;
+  transition: all 0.15s;
+}
+
+.bb-base:hover {
+  filter: brightness(1.15);
+}
+
+.bb-base-active {
+  fill: var(--bb-gold);
+  stroke: #d49a20;
+  filter: drop-shadow(0 0 10px rgba(227, 179, 65, 0.6));
+}
+
+.bb-base-label {
+  font-size: 11px;
+  font-weight: 800;
+  fill: var(--bb-text);
+  text-anchor: middle;
+  dominant-baseline: central;
+  pointer-events: none;
+}
+
+.bb-home-plate {
+  fill: var(--bb-clay);
+  stroke: var(--bb-border);
+  stroke-width: 2;
+}
+
+.bb-count-row {
+  display: flex;
+  justify-content: center;
+  gap: 32px;
+  background: var(--bb-bg-muted);
+  border: 1px solid var(--bb-border);
+  border-radius: 12px;
+  padding: 10px 16px;
+}
+
+.bb-count-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+}
+
+.bb-count-label {
+  font-size: 0.7rem;
+  font-weight: 700;
+  color: var(--bb-text-dim);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+
+.bb-dots {
+  display: flex;
+  gap: 6px;
+}
+
+.bb-dot {
+  width: 18px;
+  height: 18px;
+  border-radius: 50%;
+  border: 2px solid var(--bb-border);
+  background: transparent;
+  transition: all 0.2s;
+}
+
+.bb-rhe-wrap {
+  background: var(--bb-bg-muted);
+  border: 1px solid var(--bb-border);
+  border-radius: 12px;
+  padding: 10px 14px;
+}
+
+.bb-rhe-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.9rem;
+}
+
+.bb-rhe-table th {
+  text-align: center;
+  padding: 6px 10px;
+  border-bottom: 1px solid var(--bb-border);
+  color: var(--bb-text-dim);
+  font-weight: 700;
+  font-size: 0.75rem;
+}
+
+.bb-rhe-table td {
+  text-align: center;
+  padding: 6px 10px;
+  border-bottom: 1px solid var(--bb-border);
+  font-weight: 700;
+  font-size: 1.1rem;
+}
+
+.bb-rhe-team {
+  font-weight: 800;
+  text-align: left;
+  font-size: 0.9rem;
+}
+
+.bb-th-runs {
+  color: var(--bb-gold);
+}
+
+.bb-th-hits {
+  color: var(--bb-grass);
+}
+
+.bb-th-errors {
+  color: var(--bb-strike);
+}
+
+.bb-inning-scroll {
+  background: var(--bb-bg-muted);
+  border: 1px solid var(--bb-border);
+  border-radius: 12px;
+  padding: 8px 12px;
+  overflow-x: auto;
+}
+
+.bb-inning-header {
+  display: flex;
+  gap: 4px;
+  padding-bottom: 4px;
+  border-bottom: 1px solid var(--bb-border);
+  margin-bottom: 4px;
+}
+
+.bb-ih-team {
+  width: 44px;
+  flex-shrink: 0;
+}
+
+.bb-ih-cell {
+  width: 32px;
+  text-align: center;
+  font-size: 0.75rem;
+  font-weight: 700;
+  color: var(--bb-text-dim);
+  flex-shrink: 0;
+}
+
+.bb-inning-row {
+  display: flex;
+  gap: 4px;
+  align-items: center;
+  padding: 3px 0;
+}
+
+.bb-ir-team {
+  width: 44px;
+  font-size: 0.8rem;
+  font-weight: 700;
+  flex-shrink: 0;
+}
+
+.bb-inning-cell {
+  width: 32px;
+  text-align: center;
+  font-size: 0.85rem;
+  font-weight: 600;
+  padding: 2px 0;
+  flex-shrink: 0;
+}
+
+.bb-btn-row {
+  display: flex;
+  gap: 6px;
+}
+
+.bb-btn {
+  flex: 1;
+  padding: 12px 8px;
+  border: 1px solid var(--bb-border);
+  border-radius: 10px;
+  background: var(--bb-bg-surface);
+  color: var(--bb-text);
+  font-size: 0.85rem;
+  font-weight: 700;
+  cursor: pointer;
+  user-select: none;
+  text-align: center;
+  transition: transform 0.1s;
+}
+
+.bb-btn:hover {
+  transform: scale(1.04);
+}
+
+.bb-btn:active {
+  transform: scale(0.95);
+}
+
+.bb-btn-strike {
+  background: var(--bb-strike);
+  border-color: var(--bb-strike);
+  color: var(--text-on-accent);
+}
+
+.bb-btn-ball {
+  background: var(--bb-ball);
+  border-color: var(--bb-ball);
+  color: #0d1117;
+}
+
+.bb-btn-foul {
+  background: var(--bb-bg-surface);
+  border-color: var(--bb-border);
+}
+
+.bb-btn-hit {
+  background: var(--bb-grass);
+  border-color: var(--bb-grass);
+  color: var(--text-on-accent);
+}
+
+.bb-btn-out {
+  background: var(--bb-out);
+  border-color: var(--bb-out);
+  color: var(--text-on-accent);
+}
+
+.bb-btn-row-secondary {
+  margin-top: -8px;
+}
+
+.bb-btn-run {
+  background: var(--bb-gold);
+  border-color: var(--bb-gold);
+  color: #0d1117;
+}
+
+.bb-btn-error {
+  background: var(--bb-bg-surface);
+  border-color: var(--bb-strike);
+  color: var(--bb-strike);
+}
+
+.bb-btn-reset {
+  background: var(--bb-danger);
+  color: var(--text-on-accent);
+  padding: 12px 20px;
+  font-size: 0.9rem;
+  border-radius: 10px;
+  border: none;
+  cursor: pointer;
+  font-weight: 700;
+}
+
+.bb-reset-modal {
+  display: none;
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.4);
+  align-items: center;
+  justify-content: center;
+  z-index: 200;
+}
+
+.bb-modal-content {
+  background: var(--bb-bg-surface);
+  border: 1px solid var(--bb-border);
+  border-radius: 12px;
+  padding: 24px;
+  max-width: 300px;
+  text-align: center;
+}
+
+.bb-modal-text {
+  margin-bottom: 18px;
+  font-size: 1rem;
+  line-height: 1.4;
+}
+
+.bb-modal-btns {
+  display: flex;
+  gap: 10px;
+  justify-content: center;
+}
+
+.bb-btn-modal-cancel {
+  background: var(--bb-bg-muted);
+  color: var(--bb-text);
+  border: none;
+  padding: 10px 20px;
+  border-radius: 8px;
+  font-weight: 600;
+  cursor: pointer;
+}
+
+.bb-btn-modal-confirm {
+  background: var(--bb-danger);
+  color: var(--text-on-accent);
+  border: none;
+  padding: 10px 20px;
+  border-radius: 8px;
+  font-weight: 600;
+  cursor: pointer;
+}

package/src/tool/baseballScoreKeeper/bibliography.astro

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

package/src/tool/baseballScoreKeeper/bibliography.ts

@@ -0,0 +1,10 @@
+export const bibliography = [
+  {
+    name: 'Major League Baseball Official Rules',
+    url: 'https://img.mlbstatic.com/mlb-images/image/upload/mlb/atcjzj9j7wrgvsm8wnjq.pdf',
+  },
+  {
+    name: 'World Baseball Softball Confederation Rules',
+    url: 'https://www.wbsc.org/en/organisation/baseball/game-rules',
+  },
+];

package/src/tool/baseballScoreKeeper/component.astro

@@ -0,0 +1,144 @@
+---
+import type { KnownLocale } from '../../types';
+import type { BaseballScoreKeeperUI } from './ui';
+
+interface Props {
+  locale?: KnownLocale;
+  ui?: Record<string, unknown>;
+}
+
+const { ui } = Astro.props;
+const t = (ui ?? {}) as BaseballScoreKeeperUI;
+---
+
+<div class="bb-app" id="bb-app" data-bb-ui={JSON.stringify(t)}>
+
+  <div class="bb-main-card">
+
+    <div class="bb-strip">
+      <div class="bb-team">
+        <input type="text" class="bb-name" id="bb-name-away" value={t.away} />
+        <div class="bb-score" id="bb-score-away">0</div>
+      </div>
+      <div class="bb-divider">
+        <span class="bb-inning-badge" id="bb-inning-label">Top 1</span>
+      </div>
+      <div class="bb-team">
+        <input type="text" class="bb-name" id="bb-name-home" value={t.home} />
+        <div class="bb-score" id="bb-score-home">0</div>
+      </div>
+    </div>
+
+    <div class="bb-diamond-wrap">
+      <svg class="bb-diamond-svg" viewBox="0 0 240 240">
+        <polygon class="bb-diamond-bg" points="120,12 228,120 120,228 12,120" />
+        <circle class="bb-base" id="bb-base-first" cx="190" cy="155" r="24" />
+        <circle class="bb-base" id="bb-base-second" cx="120" cy="50" r="24" />
+        <circle class="bb-base" id="bb-base-third" cx="50" cy="155" r="24" />
+        <text class="bb-base-label" x="190" y="161">1B</text>
+        <text class="bb-base-label" x="120" y="56">2B</text>
+        <text class="bb-base-label" x="50" y="161">3B</text>
+        <path class="bb-home-plate" d="M 112 212 L 128 212 L 128 224 L 120 230 L 112 224 Z" />
+      </svg>
+    </div>
+
+    <div class="bb-count-row">
+      <div class="bb-count-item">
+        <span class="bb-count-label">{t.balls}</span>
+        <div class="bb-dots" id="bb-dots-balls">
+          <span class="bb-dot"></span><span class="bb-dot"></span><span class="bb-dot"></span><span class="bb-dot"></span>
+        </div>
+      </div>
+      <div class="bb-count-item">
+        <span class="bb-count-label">{t.strikes}</span>
+        <div class="bb-dots" id="bb-dots-strikes">
+          <span class="bb-dot"></span><span class="bb-dot"></span><span class="bb-dot"></span>
+        </div>
+      </div>
+      <div class="bb-count-item">
+        <span class="bb-count-label">{t.outs}</span>
+        <div class="bb-dots" id="bb-dots-outs">
+          <span class="bb-dot bb-dot-out"></span><span class="bb-dot bb-dot-out"></span><span class="bb-dot bb-dot-out"></span>
+        </div>
+      </div>
+    </div>
+
+    <div class="bb-rhe-wrap">
+      <table class="bb-rhe-table">
+        <thead>
+          <tr>
+            <th></th>
+            <th class="bb-th-runs">{t.runs}</th>
+            <th class="bb-th-hits">{t.hits}</th>
+            <th class="bb-th-errors">{t.errors}</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td class="bb-rhe-team" id="bb-rhe-away-label">{t.away}</td>
+            <td class="bb-rhe-val" id="bb-rhe-away-r">0</td>
+            <td class="bb-rhe-val" id="bb-rhe-away-h">0</td>
+            <td class="bb-rhe-val" id="bb-rhe-away-e">0</td>
+          </tr>
+          <tr>
+            <td class="bb-rhe-team" id="bb-rhe-home-label">{t.home}</td>
+            <td class="bb-rhe-val" id="bb-rhe-home-r">0</td>
+            <td class="bb-rhe-val" id="bb-rhe-home-h">0</td>
+            <td class="bb-rhe-val" id="bb-rhe-home-e">0</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+
+    <div class="bb-inning-scroll" id="bb-inning-scroll">
+      <div class="bb-inning-header">
+        <span class="bb-ih-team"></span>
+        <span class="bb-ih-cell">1</span>
+        <span class="bb-ih-cell">2</span>
+        <span class="bb-ih-cell">3</span>
+        <span class="bb-ih-cell">4</span>
+        <span class="bb-ih-cell">5</span>
+        <span class="bb-ih-cell">6</span>
+        <span class="bb-ih-cell">7</span>
+        <span class="bb-ih-cell">8</span>
+        <span class="bb-ih-cell">9</span>
+      </div>
+      <div class="bb-inning-row" id="bb-row-away">
+        <span class="bb-ir-team" id="bb-ir-away-label">{t.away}</span>
+      </div>
+      <div class="bb-inning-row" id="bb-row-home">
+        <span class="bb-ir-team" id="bb-ir-home-label">{t.home}</span>
+      </div>
+    </div>
+
+    <div class="bb-btn-row">
+      <button class="bb-btn bb-btn-strike" id="bb-btn-strike">{t.strikeBtn}</button>
+      <button class="bb-btn bb-btn-ball" id="bb-btn-ball">{t.ballBtn}</button>
+      <button class="bb-btn bb-btn-foul" id="bb-btn-foul">{t.foulBtn}</button>
+      <button class="bb-btn bb-btn-hit" id="bb-btn-hit">{t.hitBtn}</button>
+      <button class="bb-btn bb-btn-out" id="bb-btn-out">{t.outBtn}</button>
+    </div>
+    <div class="bb-btn-row bb-btn-row-secondary">
+      <button class="bb-btn bb-btn-run" id="bb-btn-run">{t.runBtn}</button>
+      <button class="bb-btn bb-btn-error" id="bb-btn-error">{t.errorBtn}</button>
+    </div>
+
+    <button class="bb-btn bb-btn-reset" id="bb-btn-reset">{t.resetMatch}</button>
+
+  </div>
+
+  <div class="bb-reset-modal" id="bb-modal">
+    <div class="bb-modal-content">
+      <div class="bb-modal-text">{t.resetConfirm}</div>
+      <div class="bb-modal-btns">
+        <button class="bb-btn bb-btn-modal-cancel" id="bb-modal-cancel">{t.cancel}</button>
+        <button class="bb-btn bb-btn-modal-confirm" id="bb-modal-confirm">{t.confirm}</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script>
+  import { initBaseballScorekeeper } from './ui-init';
+  initBaseballScorekeeper();
+</script>

package/src/tool/baseballScoreKeeper/entry.ts

@@ -0,0 +1,30 @@
+import type { SportsToolEntry, ToolLocaleContent } from '../../types';
+import type { BaseballScoreKeeperUI } from './ui';
+
+export type { BaseballScoreKeeperUI };
+export type BaseballScoreKeeperLocaleContent = ToolLocaleContent<BaseballScoreKeeperUI>;
+
+export const baseballScoreKeeper: SportsToolEntry<BaseballScoreKeeperUI> = {
+  id: 'baseball-scorekeeper',
+  icons: {
+    bg: 'mdi:baseball',
+    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),
+    it: () => import('./i18n/it').then((m) => m.content),
+    nl: () => import('./i18n/nl').then((m) => m.content),
+    pt: () => import('./i18n/pt').then((m) => m.content),
+    id: () => import('./i18n/id').then((m) => m.content),
+    pl: () => import('./i18n/pl').then((m) => m.content),
+    sv: () => import('./i18n/sv').then((m) => m.content),
+    tr: () => import('./i18n/tr').then((m) => m.content),
+    ja: () => import('./i18n/ja').then((m) => m.content),
+    ko: () => import('./i18n/ko').then((m) => m.content),
+    ru: () => import('./i18n/ru').then((m) => m.content),
+    zh: () => import('./i18n/zh').then((m) => m.content),
+  },
+};