@jjlmoya/utils-sports 1.17.0 → 1.18.0

package/package.json

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

package/src/category/index.ts

@@ -1,13 +1,15 @@
 import type { SportsCategoryEntry, SportsToolEntry } from '../types';
 import { basketScoreKeeper } from '../tool/basketScoreKeeper/index';
+import { footballScoreKeeper } from '../tool/footballScoreKeeper/index';
 import { scoreKeeper } from '../tool/scoreKeeper/index';
 import { tournamentBracket } from '../tool/tournamentBracket/index';
 import { gymTracker } from '../tool/gymTracker/index';
 import { reactionTester } from '../tool/reactionTester/index';
 
 export const sportsCategory: SportsCategoryEntry = {
-  icon: 'mdi:basketball',
+  icon: 'mdi:soccer',
   tools: [
+    footballScoreKeeper,
     basketScoreKeeper,
     scoreKeeper,
     tournamentBracket,

package/src/entries.ts

@@ -1,5 +1,7 @@
 export { basketScoreKeeper } from './tool/basketScoreKeeper/entry';
 export type { BasketScoreKeeperLocaleContent } from './tool/basketScoreKeeper/entry';
+export { footballScoreKeeper } from './tool/footballScoreKeeper/entry';
+export type { FootballScoreKeeperLocaleContent } from './tool/footballScoreKeeper/entry';
 export { gymTracker } from './tool/gymTracker/entry';
 export type { GymTrackerLocaleContent } from './tool/gymTracker/entry';
 export { reactionTester } from './tool/reactionTester/entry';
@@ -10,8 +12,9 @@ export { tournamentBracket } from './tool/tournamentBracket/entry';
 export type { TournamentBracketLocaleContent } from './tool/tournamentBracket/entry';
 export { sportsCategory } from './category';
 import { basketScoreKeeper } from './tool/basketScoreKeeper/entry';
+import { footballScoreKeeper } from './tool/footballScoreKeeper/entry';
 import { gymTracker } from './tool/gymTracker/entry';
 import { reactionTester } from './tool/reactionTester/entry';
 import { scoreKeeper } from './tool/scoreKeeper/entry';
 import { tournamentBracket } from './tool/tournamentBracket/entry';
-export const ALL_ENTRIES = [basketScoreKeeper, gymTracker, reactionTester, scoreKeeper, tournamentBracket];
+export const ALL_ENTRIES = [basketScoreKeeper, footballScoreKeeper, gymTracker, reactionTester, scoreKeeper, tournamentBracket];

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

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

package/src/tool/footballScoreKeeper/bibliography.astro

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

package/src/tool/footballScoreKeeper/bibliography.ts

@@ -0,0 +1,12 @@
+import type { BibliographyEntry } from '../../types';
+
+export const bibliography: BibliographyEntry[] = [
+  {
+    name: 'FIFA Laws of the Game',
+    url: 'https://www.theifab.com/laws/',
+  },
+  {
+    name: 'IFAB: International Football Association Board',
+    url: 'https://digitalhub.fifa.com/m/5371a6dcc42fbb44/original/d6g1medsi8jrrd3e4imp-pdf.pdf',
+  },
+];

package/src/tool/footballScoreKeeper/component.astro

@@ -0,0 +1,83 @@
+---
+import type { KnownLocale } from '../../types';
+import type { FootballScoreKeeperUI } from './ui';
+
+interface Props {
+  locale?: KnownLocale;
+  ui?: Record<string, unknown>;
+}
+
+const { ui } = Astro.props;
+const t = (ui ?? {}) as FootballScoreKeeperUI;
+---
+
+<div class="fk-card" id="fk-card" data-fk-ui={JSON.stringify(t)}>
+  <div class="fk-bar">
+    <button class="fk-bar-btn" data-fs>
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"/></svg>
+    </button>
+    <button class="fk-bar-btn" data-reset>
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <polyline points="23 4 23 10 17 10"/><path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10"/>
+      </svg>
+    </button>
+  </div>
+
+  <div class="fk-team fk-team-a" id="fk-team-a">
+    <div id="fk-particles-a" class="fk-particles"></div>
+    <div id="fk-flash-a" class="fk-goal-flash fk-goal-flash-a"></div>
+    <div id="fk-goal-text-a" class="fk-goal-text fk-goal-text-a">GOOOL!</div>
+    <input type="text" value={t.playerA} class="fk-name" id="fk-name-a" placeholder="Local" />
+    <div class="fk-score fk-score-a" id="fk-score-a">0</div>
+    <button class="fk-btn-plus fk-btn-plus-a" data-goal-a>+</button>
+    <button class="fk-btn-minus fk-btn-minus-a" data-minus-a>&minus;</button>
+  </div>
+
+  <div class="fk-team fk-team-b" id="fk-team-b">
+    <div id="fk-particles-b" class="fk-particles"></div>
+    <div id="fk-flash-b" class="fk-goal-flash fk-goal-flash-b"></div>
+    <div id="fk-goal-text-b" class="fk-goal-text fk-goal-text-b">GOOOL!</div>
+    <input type="text" value={t.playerB} class="fk-name" id="fk-name-b" placeholder="Visitante" />
+    <div class="fk-score fk-score-b" id="fk-score-b">0</div>
+    <button class="fk-btn-plus fk-btn-plus-b" data-goal-b>+</button>
+    <button class="fk-btn-minus fk-btn-minus-b" data-minus-b>&minus;</button>
+  </div>
+
+  <div class="fk-finish-wrap">
+    <button class="fk-btn-finish" data-finish>{t.finishMatch || 'Finish Match'}</button>
+  </div>
+
+  <div id="fk-winner" class="fk-winner">
+    <div class="fk-winner-bg" data-close-winner></div>
+    <div class="fk-winner-box">
+      <button class="fk-winner-close" data-close-winner>&times;</button>
+      <div class="fk-winner-trophy">
+        <svg viewBox="0 0 64 64" fill="currentcolor" width="48" height="48">
+          <path d="M8 48l8-32 12 16 4-24 4 24 12-16 8 32z"/>
+          <rect x="12" y="48" width="40" height="6" rx="2"/>
+        </svg>
+      </div>
+      <div class="fk-winner-label">{t.winnerLabel}</div>
+      <div id="fk-winner-team" class="fk-winner-team">Local</div>
+      <div id="fk-winner-score" class="fk-winner-score">0 &minus; 0</div>
+    </div>
+  </div>
+
+  <div id="fk-confetti" class="fk-confetti"></div>
+
+  <div id="fk-modal" class="fk-modal">
+    <div class="fk-modal-bg"></div>
+    <div class="fk-modal-box">
+      <p class="fk-modal-text">{t.resetConfirm}</p>
+      <div class="fk-modal-btns">
+        <button id="fk-modal-cancel" class="fk-modal-btn fk-modal-btn-cancel">{t.cancel}</button>
+        <button id="fk-modal-confirm" class="fk-modal-btn fk-modal-btn-reset">{t.reset}</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script>
+  import { initFootballScoreKeeper } from './logic';
+  initFootballScoreKeeper();
+</script>

package/src/tool/footballScoreKeeper/entry.ts

@@ -0,0 +1,31 @@
+import type { SportsToolEntry, ToolLocaleContent } from '../../types';
+
+import type { FootballScoreKeeperUI } from './ui';
+
+export type { FootballScoreKeeperUI };
+export type FootballScoreKeeperLocaleContent = ToolLocaleContent<FootballScoreKeeperUI>;
+
+export const footballScoreKeeper: SportsToolEntry<FootballScoreKeeperUI> = {
+  id: 'football-scorekeeper',
+  icons: {
+    bg: 'mdi:soccer',
+    fg: 'mdi:scoreboard-outline',
+  },
+  i18n: {
+    de: () => import('./i18n/de').then((m) => m.content),
+    en: () => import('./i18n/en').then((m) => m.content),
+    es: () => import('./i18n/es').then((m) => m.content),
+    fr: () => import('./i18n/fr').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),
+  },
+};