gavin/Tarokka
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

prettier

Browse Source
This commit is contained in:
Gavin McDonald
2025-04-12 15:17:02 -04:00
parent 1734eec436
commit 6508d40b2d
19 changed files with 1415 additions and 1344 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.prettierignore Normal file
View File

@@ -0,0 +1,5 @@
node_modules
.next
dist
build
coverage

7
.prettierrc Normal file
View File

@@ -0,0 +1,7 @@
{
"semi": true,
"singleQuote": true,
"useTabs": true,
"trailingComma": "all",
"printWidth": 100,
}

20
app/[gameID]/page.tsx
View File

@@ -1,8 +1,8 @@
"use client";
'use client';
import { useEffect, useState } from "react";
import { useEffect, useState } from 'react';
import { useParams } from 'next/navigation';
import { socket } from "@/socket";
import { socket } from '@/socket';
import Card from '@/components/Card';
@@ -18,7 +18,7 @@ export default function GamePage() {
if (gameIDParam) {
setGameID(Array.isArray(gameIDParam) ? gameIDParam[0] : gameIDParam);
}
}, [gameIDParam])
}, [gameIDParam]);
useEffect(() => {
if (gameID) {
@@ -35,10 +35,12 @@ export default function GamePage() {
});
}
return gameID ? () => {
return gameID
? () => {
socket.off('init');
socket.off('card-flipped');
} : undefined;
}
: undefined;
}, [gameID]);
const flipCard = (cardIndex: number) => {
@@ -58,9 +60,11 @@ export default function GamePage() {
return (
<div key={i} className="aspect-[2/3]}">
{cardIndex !== -1 && <Card card={cards[cardIndex]} flipAction={() => flipCard(cardIndex)} />}
{cardIndex !== -1 && (
<Card card={cards[cardIndex]} flipAction={() => flipCard(cardIndex)} />
)}
</div>
)
);
})}
</div>
</main>

3
app/b/page.tsx
View File

@@ -1,3 +0,0 @@
export default function B() {
return <div>b</div>;
}

2
app/globals.css
View File

@@ -1,4 +1,4 @@
@import "tailwindcss";
@import 'tailwindcss';
:root {
--background: #ffffff;

24
app/layout.tsx
View File

@@ -1,20 +1,20 @@
import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css";
import type { Metadata } from 'next';
import { Geist, Geist_Mono } from 'next/font/google';
import './globals.css';
const geistSans = Geist({
variable: "--font-geist-sans",
subsets: ["latin"],
variable: '--font-geist-sans',
subsets: ['latin'],
});
const geistMono = Geist_Mono({
variable: "--font-geist-mono",
subsets: ["latin"],
variable: '--font-geist-mono',
subsets: ['latin'],
});
export const metadata: Metadata = {
title: "Create Next App",
description: "Generated by create next app",
title: 'Create Next App',
description: 'Generated by create next app',
};
export default function RootLayout({
@@ -24,11 +24,7 @@ export default function RootLayout({
}>) {
return (
<html lang="en">
<body
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
>
{children}
</body>
<body className={`${geistSans.variable} ${geistMono.variable} antialiased`}>{children}</body>
</html>
);
}

1
app/page.tsx
View File

@@ -21,4 +21,3 @@ export default function Home() {
</main>
);
}

9
components/Card.tsx
View File

@@ -1,6 +1,6 @@
'use client';
import { StandardGameCard, TarokkaGameCard } from "@/types";
import { StandardGameCard, TarokkaGameCard } from '@/types';
type CardProps = {
card: StandardGameCard | TarokkaGameCard;
@@ -13,12 +13,7 @@ export default function Card({ card: { aria, url }, flipAction }: CardProps) {
className="h-[21vh] w-[15vh] flex items-center justify-center cursor-pointer transform transition-transform duration-200 hover:scale-150 relative z-0 hover:z-10"
onClick={flipAction}
>
<img
className="rounded-xl"
src={url}
alt={aria}
/>
<img className="rounded-xl" src={url} alt={aria} />
</div>
);
}

114
constants/standardCards.ts
View File

@@ -8,7 +8,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: null,
url: '/cards/1B.svg'
url: '/cards/1B.svg',
},
{
id: '2B',
@@ -17,7 +17,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: null,
url: '/cards/2B.svg'
url: '/cards/2B.svg',
},
{
id: '1J',
@@ -26,7 +26,7 @@ const cards: StandardCard[] = [
face: false,
joker: true,
suit: null,
url: '/cards/1J.svg'
url: '/cards/1J.svg',
},
{
id: '2J',
@@ -35,7 +35,7 @@ const cards: StandardCard[] = [
face: false,
joker: true,
suit: null,
url: '/cards/2J.svg'
url: '/cards/2J.svg',
},
{
id: 'AC',
@@ -44,7 +44,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Clubs',
url: '/cards/AC.svg'
url: '/cards/AC.svg',
},
{
id: 'AD',
@@ -53,7 +53,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Diamonds',
url: '/cards/AD.svg'
url: '/cards/AD.svg',
},
{
id: 'AH',
@@ -62,7 +62,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Hearts',
url: '/cards/AH.svg'
url: '/cards/AH.svg',
},
{
id: 'AS',
@@ -71,7 +71,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Spades',
url: '/cards/AS.svg'
url: '/cards/AS.svg',
},
{
id: '2C',
@@ -80,7 +80,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Clubs',
url: '/cards/2C.svg'
url: '/cards/2C.svg',
},
{
id: '2D',
@@ -89,7 +89,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Diamonds',
url: '/cards/2D.svg'
url: '/cards/2D.svg',
},
{
id: '2H',
@@ -98,7 +98,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Hearts',
url: '/cards/2H.svg'
url: '/cards/2H.svg',
},
{
id: '2S',
@@ -107,7 +107,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Spades',
url: '/cards/2S.svg'
url: '/cards/2S.svg',
},
{
id: '3C',
@@ -116,7 +116,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Clubs',
url: '/cards/3C.svg'
url: '/cards/3C.svg',
},
{
id: '3D',
@@ -125,7 +125,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Diamonds',
url: '/cards/3D.svg'
url: '/cards/3D.svg',
},
{
id: '3H',
@@ -134,7 +134,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Hearts',
url: '/cards/3H.svg'
url: '/cards/3H.svg',
},
{
id: '3S',
@@ -143,7 +143,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Spades',
url: '/cards/3S.svg'
url: '/cards/3S.svg',
},
{
id: '4C',
@@ -152,7 +152,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Clubs',
url: '/cards/4C.svg'
url: '/cards/4C.svg',
},
{
id: '4D',
@@ -161,7 +161,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Diamonds',
url: '/cards/4D.svg'
url: '/cards/4D.svg',
},
{
id: '4H',
@@ -170,7 +170,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Hearts',
url: '/cards/4H.svg'
url: '/cards/4H.svg',
},
{
id: '4S',
@@ -179,7 +179,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Spades',
url: '/cards/4S.svg'
url: '/cards/4S.svg',
},
{
id: '5C',
@@ -188,7 +188,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Clubs',
url: '/cards/5C.svg'
url: '/cards/5C.svg',
},
{
id: '5D',
@@ -197,7 +197,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Diamonds',
url: '/cards/5D.svg'
url: '/cards/5D.svg',
},
{
id: '5H',
@@ -206,7 +206,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Hearts',
url: '/cards/5H.svg'
url: '/cards/5H.svg',
},
{
id: '5S',
@@ -215,7 +215,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Spades',
url: '/cards/5S.svg'
url: '/cards/5S.svg',
},
{
id: '6C',
@@ -224,7 +224,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Clubs',
url: '/cards/6C.svg'
url: '/cards/6C.svg',
},
{
id: '6D',
@@ -233,7 +233,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Diamonds',
url: '/cards/6D.svg'
url: '/cards/6D.svg',
},
{
id: '6H',
@@ -242,7 +242,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Hearts',
url: '/cards/6H.svg'
url: '/cards/6H.svg',
},
{
id: '6S',
@@ -251,7 +251,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Spades',
url: '/cards/6S.svg'
url: '/cards/6S.svg',
},
{
id: '7C',
@@ -260,7 +260,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Clubs',
url: '/cards/7C.svg'
url: '/cards/7C.svg',
},
{
id: '7D',
@@ -269,7 +269,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Diamonds',
url: '/cards/7D.svg'
url: '/cards/7D.svg',
},
{
id: '7H',
@@ -278,7 +278,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Hearts',
url: '/cards/7H.svg'
url: '/cards/7H.svg',
},
{
id: '7S',
@@ -287,7 +287,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Spades',
url: '/cards/7S.svg'
url: '/cards/7S.svg',
},
{
id: '8C',
@@ -296,7 +296,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Clubs',
url: '/cards/8C.svg'
url: '/cards/8C.svg',
},
{
id: '8D',
@@ -305,7 +305,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Diamonds',
url: '/cards/8D.svg'
url: '/cards/8D.svg',
},
{
id: '8H',
@@ -314,7 +314,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Hearts',
url: '/cards/8H.svg'
url: '/cards/8H.svg',
},
{
id: '8S',
@@ -323,7 +323,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Spades',
url: '/cards/8S.svg'
url: '/cards/8S.svg',
},
{
id: '9C',
@@ -332,7 +332,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Clubs',
url: '/cards/9C.svg'
url: '/cards/9C.svg',
},
{
id: '9D',
@@ -341,7 +341,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Diamonds',
url: '/cards/9D.svg'
url: '/cards/9D.svg',
},
{
id: '9H',
@@ -350,7 +350,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Hearts',
url: '/cards/9H.svg'
url: '/cards/9H.svg',
},
{
id: '9S',
@@ -359,7 +359,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Spades',
url: '/cards/9S.svg'
url: '/cards/9S.svg',
},
{
id: '10C',
@@ -368,7 +368,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Clubs',
url: '/cards/10C.svg'
url: '/cards/10C.svg',
},
{
id: '10D',
@@ -377,7 +377,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Diamonds',
url: '/cards/10D.svg'
url: '/cards/10D.svg',
},
{
id: '10H',
@@ -386,7 +386,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Hearts',
url: '/cards/10H.svg'
url: '/cards/10H.svg',
},
{
id: '10S',
@@ -395,7 +395,7 @@ const cards: StandardCard[] = [
face: false,
joker: false,
suit: 'Spades',
url: '/cards/10S.svg'
url: '/cards/10S.svg',
},
{
id: 'JC',
@@ -404,7 +404,7 @@ const cards: StandardCard[] = [
face: true,
joker: false,
suit: 'Clubs',
url: '/cards/JC.svg'
url: '/cards/JC.svg',
},
{
id: 'JD',
@@ -413,7 +413,7 @@ const cards: StandardCard[] = [
face: true,
joker: false,
suit: 'Diamonds',
url: '/cards/JD.svg'
url: '/cards/JD.svg',
},
{
id: 'JH',
@@ -422,7 +422,7 @@ const cards: StandardCard[] = [
face: true,
joker: false,
suit: 'Hearts',
url: '/cards/JH.svg'
url: '/cards/JH.svg',
},
{
id: 'JS',
@@ -431,7 +431,7 @@ const cards: StandardCard[] = [
face: true,
joker: false,
suit: 'Spades',
url: '/cards/JS.svg'
url: '/cards/JS.svg',
},
{
id: 'KC',
@@ -440,7 +440,7 @@ const cards: StandardCard[] = [
face: true,
joker: false,
suit: 'Clubs',
url: '/cards/KC.svg'
url: '/cards/KC.svg',
},
{
id: 'KD',
@@ -449,7 +449,7 @@ const cards: StandardCard[] = [
face: true,
joker: false,
suit: 'Diamonds',
url: '/cards/KD.svg'
url: '/cards/KD.svg',
},
{
id: 'KH',
@@ -458,7 +458,7 @@ const cards: StandardCard[] = [
face: true,
joker: false,
suit: 'Hearts',
url: '/cards/KH.svg'
url: '/cards/KH.svg',
},
{
id: 'KS',
@@ -467,7 +467,7 @@ const cards: StandardCard[] = [
face: true,
joker: false,
suit: 'Spades',
url: '/cards/KS.svg'
url: '/cards/KS.svg',
},
{
id: 'QC',
@@ -476,7 +476,7 @@ const cards: StandardCard[] = [
face: true,
joker: false,
suit: 'Clubs',
url: '/cards/QC.svg'
url: '/cards/QC.svg',
},
{
id: 'QD',
@@ -485,7 +485,7 @@ const cards: StandardCard[] = [
face: true,
joker: false,
suit: 'Diamonds',
url: '/cards/QD.svg'
url: '/cards/QD.svg',
},
{
id: 'QH',
@@ -494,7 +494,7 @@ const cards: StandardCard[] = [
face: true,
joker: false,
suit: 'Hearts',
url: '/cards/QH.svg'
url: '/cards/QH.svg',
},
{
id: 'QS',
@@ -503,8 +503,8 @@ const cards: StandardCard[] = [
face: true,
joker: false,
suit: 'Spades',
url: '/cards/QS.svg'
}
url: '/cards/QS.svg',
},
];
export default cards;

116
constants/tarokkaCards.ts
View File

@@ -25,7 +25,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Coins_02_Philanthropist',
name: 'Philanthropist',
card: 'Two of Coins',
description: 'Charity and giving on a grand scale; those who use wealth to fight evil and sickness',
description:
'Charity and giving on a grand scale; those who use wealth to fight evil and sickness',
aria: 'Coins 02 Philanthropist',
back: false,
suit: 'Coins',
@@ -45,7 +46,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Coins_04_Merchant',
name: 'Merchant',
card: 'Four of Coins',
description: 'A rare commodity or business opportunity; deceitful or dangerous business transactions',
description:
'A rare commodity or business opportunity; deceitful or dangerous business transactions',
aria: 'Coins 04 Merchant',
back: false,
suit: 'Coins',
@@ -55,7 +57,7 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Coins_05_GuildMember',
name: 'Guild Member',
card: 'Five of Coins',
description: 'Like-minded individuals joined together in a common goal; pride in one\'s work',
description: "Like-minded individuals joined together in a common goal; pride in one's work",
aria: 'Coins 05 Guild Member',
back: false,
suit: 'Coins',
@@ -75,7 +77,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Coins_07_Thief',
name: 'Thief',
card: 'Seven of Coins',
description: 'Those who steal or burgle; a loss of property, beauty, innocence, friendship, or reputation',
description:
'Those who steal or burgle; a loss of property, beauty, innocence, friendship, or reputation',
aria: 'Coins 07 Thief',
back: false,
suit: 'Coins',
@@ -95,7 +98,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Coins_09_Miser',
name: 'Miser',
card: 'Nine of Coins',
description: 'Hoarded wealth; those who are irreversibly unhappy or who think money is meaningless',
description:
'Hoarded wealth; those who are irreversibly unhappy or who think money is meaningless',
aria: 'Coins 09 Miser',
back: false,
suit: 'Coins',
@@ -105,7 +109,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Coins_10_Rogue',
name: 'Rogue',
card: 'Master of Coins',
description: 'Anyone for whom money is important; those who believe money is the key to their success',
description:
'Anyone for whom money is important; those who believe money is the key to their success',
aria: 'Coins 10 Rogue',
back: false,
suit: 'Coins',
@@ -115,7 +120,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Glyphs_01_Monk',
name: 'Monk',
card: 'One of Glyphs',
description: 'Serenity; inner strength and self-reliance; supreme confidence bereft of arrogance',
description:
'Serenity; inner strength and self-reliance; supreme confidence bereft of arrogance',
aria: 'Glyphs 01 Monk',
back: false,
suit: 'Glyphs',
@@ -125,7 +131,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Glyphs_02_Missionary',
name: 'Missionary',
card: 'Two of Glyphs',
description: 'Those who spread wisdom and faith to others; warnings of the spread of fear and ignorance',
description:
'Those who spread wisdom and faith to others; warnings of the spread of fear and ignorance',
aria: 'Glyphs 02 Missionary',
back: false,
suit: 'Glyphs',
@@ -135,7 +142,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Glyphs_03_Healer',
name: 'Healer',
card: 'Three of Glyphs',
description: 'Healing; a contagious illness, disease, or curse; those who practice the healing arts',
description:
'Healing; a contagious illness, disease, or curse; those who practice the healing arts',
aria: 'Glyphs 03 Healer',
back: false,
suit: 'Glyphs',
@@ -145,7 +153,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Glyphs_04_Shepherd',
name: 'Shepherd',
card: 'Four of Glyphs',
description: 'Those who protect others; one who bears a burden far too great to be shouldered alone',
description:
'Those who protect others; one who bears a burden far too great to be shouldered alone',
aria: 'Glyphs 04 Shepherd',
back: false,
suit: 'Glyphs',
@@ -155,7 +164,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Glyphs_05_Druid',
name: 'Druid',
card: 'Five of Glyphs',
description: 'The ambivalence and cruelty of nature and those who feel drawn to it; inner turmoil',
description:
'The ambivalence and cruelty of nature and those who feel drawn to it; inner turmoil',
aria: 'Glyphs 05 Druid',
back: false,
suit: 'Glyphs',
@@ -215,7 +225,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Stars_01_Transmuter',
name: 'Transmuter',
card: 'One of Stars',
description: 'A new discovery; the coming of unexpected things; unforeseen consequences and chaos',
description:
'A new discovery; the coming of unexpected things; unforeseen consequences and chaos',
aria: 'Stars 01 Transmuter',
back: false,
suit: 'Stars',
@@ -225,7 +236,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Stars_02_Diviner',
name: 'Diviner',
card: 'Two of Stars',
description: 'The pursuit of knowledge tempered by wisdom; truth and honesty; sages and prophecy',
description:
'The pursuit of knowledge tempered by wisdom; truth and honesty; sages and prophecy',
aria: 'Stars 02 Diviner',
back: false,
suit: 'Stars',
@@ -245,7 +257,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Stars_04_Abjurer',
name: 'Abjurer',
card: 'Four of Stars',
description: 'Those guided by logic and reasoning; warns of an overlooked clue or piece of information',
description:
'Those guided by logic and reasoning; warns of an overlooked clue or piece of information',
aria: 'Stars 04 Abjurer',
back: false,
suit: 'Stars',
@@ -255,7 +268,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Stars_05_Elementalist',
name: 'Elementalist',
card: 'Five of Stars',
description: 'The triumph of nature over civilization; natural disasters and bountiful harvests',
description:
'The triumph of nature over civilization; natural disasters and bountiful harvests',
aria: 'Stars 05 Elementalist',
back: false,
suit: 'Stars',
@@ -265,7 +279,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Stars_06_Evoker',
name: 'Evoker',
card: 'Six of Stars',
description: 'Magical or supernatural power that can\'t be controlled; magic for destructive ends',
description:
"Magical or supernatural power that can't be controlled; magic for destructive ends",
aria: 'Stars 06 Evoker',
back: false,
suit: 'Stars',
@@ -275,7 +290,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Stars_07_Illusionist',
name: 'Illusionist',
card: 'Seven of Stars',
description: 'Lies and deceit; grand conspiracies; secret societies; the presence of a dupe or a saboteur',
description:
'Lies and deceit; grand conspiracies; secret societies; the presence of a dupe or a saboteur',
aria: 'Stars 07 Illusionist',
back: false,
suit: 'Stars',
@@ -295,7 +311,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Stars_09_Conjurer',
name: 'Conjurer',
card: 'Nine of Stars',
description: 'The coming of an unexpected supernatural threat; those who think of themselves as gods',
description:
'The coming of an unexpected supernatural threat; those who think of themselves as gods',
aria: 'Stars 09 Conjurer',
back: false,
suit: 'Stars',
@@ -305,7 +322,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Stars_10_Wizard',
name: 'Wizard',
card: 'Master of Stars',
description: 'Mystery and riddles; the unknown; those who crave magical power and great knowledge',
description:
'Mystery and riddles; the unknown; those who crave magical power and great knowledge',
aria: 'Stars 10 Wizard',
back: false,
suit: 'Stars',
@@ -315,7 +333,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Swords_01_Avenger',
name: 'Avenger',
card: 'One of Swords',
description: 'Justice and revenge for great wrongs; those on a quest to rid the world of great evil',
description:
'Justice and revenge for great wrongs; those on a quest to rid the world of great evil',
aria: 'Swords 01 Avenger',
back: false,
suit: 'Swords',
@@ -355,7 +374,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Swords_05_Myrmidon',
name: 'Myrmidon',
card: 'Five of Swords',
description: 'Great heroes; a sudden reversal of fate; the triumph of the underdog over a mighty enemy',
description:
'Great heroes; a sudden reversal of fate; the triumph of the underdog over a mighty enemy',
aria: 'Swords 05 Myrmidon',
back: false,
suit: 'Swords',
@@ -385,7 +405,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Swords_08_Dictator',
name: 'Dictator',
card: 'Eight of Swords',
description: 'All that is wrong with government and leadership; those who rule through fear and violence',
description:
'All that is wrong with government and leadership; those who rule through fear and violence',
aria: 'Swords 08 Dictator',
back: false,
suit: 'Swords',
@@ -395,7 +416,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Swords_09_Torturer',
name: 'Torturer',
card: 'Nine of Swords',
description: 'The coming of suffering or merciless cruelty; one who is irredeemably evil or sadistic',
description:
'The coming of suffering or merciless cruelty; one who is irredeemably evil or sadistic',
aria: 'Swords 09 Torturer',
back: false,
suit: 'Swords',
@@ -405,7 +427,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Swords_10_Warrior',
name: 'Warrior',
card: 'Master of Swords',
description: 'Strength and force personified; violence; those who use force to accomplish their goals',
description:
'Strength and force personified; violence; those who use force to accomplish their goals',
aria: 'Swords 10 Warrior',
back: false,
suit: 'Swords',
@@ -415,7 +438,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Crowns_Artifact',
name: 'Artifact',
card: 'The Artifact',
description: 'The importance of some physical object that must be obtained, protected, or destroyed at all costs',
description:
'The importance of some physical object that must be obtained, protected, or destroyed at all costs',
aria: 'High Deck Artifact',
back: false,
suit: 'High Deck',
@@ -425,7 +449,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Crowns_Beast',
name: 'Beast',
card: 'The Beast',
description: 'Great rage or passion; something bestial or malevolent hiding in plain sight or lurking just below the surface',
description:
'Great rage or passion; something bestial or malevolent hiding in plain sight or lurking just below the surface',
aria: 'High Deck Beast',
back: false,
suit: 'High Deck',
@@ -435,7 +460,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Crowns_BrokenOne',
name: 'Broken One',
card: 'The Broken One',
description: 'Defeat, failure, and despair; the loss of something or someone important, without which one feels incomplete',
description:
'Defeat, failure, and despair; the loss of something or someone important, without which one feels incomplete',
aria: 'High Deck Broken One',
back: false,
suit: 'High Deck',
@@ -445,7 +471,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Crowns_Darklord',
name: 'Darklord',
card: 'The Darklord',
description: 'A single, powerful individual of an evil nature, one whose goals have enormous and far-reaching consequences',
description:
'A single, powerful individual of an evil nature, one whose goals have enormous and far-reaching consequences',
aria: 'High Deck Darklord',
back: false,
suit: 'High Deck',
@@ -455,7 +482,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Crowns_Donjon',
name: 'Donjon',
card: 'The Donjon',
description: 'Isolation and imprisonment; being so conservative in thinking as to be a prisoner of one\'s own beliefs',
description:
"Isolation and imprisonment; being so conservative in thinking as to be a prisoner of one's own beliefs",
aria: 'High Deck Donjon',
back: false,
suit: 'High Deck',
@@ -465,7 +493,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Crowns_Executioner',
name: 'Executioner',
card: 'The Executioner',
description: 'The imminent death of one rightly or wrongly convicted of a crime; false accusations and unjust prosecution',
description:
'The imminent death of one rightly or wrongly convicted of a crime; false accusations and unjust prosecution',
aria: 'High Deck Executioner',
back: false,
suit: 'High Deck',
@@ -475,7 +504,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Crowns_Ghost',
name: 'Ghost',
card: 'The Ghost',
description: 'The looming past; the return of an old enemy or the discovery of a secret buried long ago',
description:
'The looming past; the return of an old enemy or the discovery of a secret buried long ago',
aria: 'High Deck Ghost',
back: false,
suit: 'High Deck',
@@ -485,7 +515,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Crowns_Horseman',
name: 'Horseman',
card: 'The Horseman',
description: 'Death; disaster in the form of the loss of wealth or property, a horrible defeat, or the end of a bloodline',
description:
'Death; disaster in the form of the loss of wealth or property, a horrible defeat, or the end of a bloodline',
aria: 'High Deck Horseman',
back: false,
suit: 'High Deck',
@@ -495,7 +526,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Crowns_Innoncent',
name: 'Innocent',
card: 'The Innoncent',
description: 'A being of great importance whose life is in danger (who might be helpless or simply unaware of the peril)',
description:
'A being of great importance whose life is in danger (who might be helpless or simply unaware of the peril)',
aria: 'High Deck Innocent',
back: false,
suit: 'High Deck',
@@ -505,7 +537,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Crowns_Marionette',
name: 'Marionette',
card: 'The Marionette',
description: 'The presence of a spy or a minion of some greater power; an encounter with a puppet or an underling',
description:
'The presence of a spy or a minion of some greater power; an encounter with a puppet or an underling',
aria: 'High Deck Marionette',
back: false,
suit: 'High Deck',
@@ -515,7 +548,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Crowns_Mists',
name: 'Mists',
card: 'The Mists',
description: 'Something unexpected or mysterious that can\'t be avoided; a great quest or journey that will try one\'s spirit',
description:
"Something unexpected or mysterious that can't be avoided; a great quest or journey that will try one's spirit",
aria: 'High Deck Mists',
back: false,
suit: 'High Deck',
@@ -525,7 +559,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Crowns_Raven',
name: 'Raven',
card: 'The Raven',
description: 'A hidden source of information; a fortunate turn of events; a secret potential for good',
description:
'A hidden source of information; a fortunate turn of events; a secret potential for good',
aria: 'High Deck Raven',
back: false,
suit: 'High Deck',
@@ -535,7 +570,8 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Crowns_Seer',
name: 'Seer',
card: 'The Seer',
description: 'Inspiration and keen intellect; a future event, the outcome of which will hinge on a clever mind',
description:
'Inspiration and keen intellect; a future event, the outcome of which will hinge on a clever mind',
aria: 'High Deck Seer',
back: false,
suit: 'High Deck',
@@ -545,13 +581,13 @@ const tarokkaCards: TarokkaCard[] = [
id: 'Crowns_Tempter',
name: 'Tempter',
card: 'The Tempter',
description: 'One who has been compromised or led astray by temptation or foolishness; one who tempts others for evil ends',
description:
'One who has been compromised or led astray by temptation or foolishness; one who tempts others for evil ends',
aria: 'High Deck Tempter',
back: false,
suit: 'High Deck',
url: '/img/tarokka/Crowns_Tempter.png',
}
},
];
export default tarokkaCards;

13
lib/GameStore.ts
View File

@@ -1,6 +1,6 @@
import Deck from './TarokkaDeck'
import Deck from './TarokkaDeck';
import { GameState, GameUpdate, TarokkaGameCard } from '../types'
import { GameState, GameUpdate, TarokkaGameCard } from '../types';
const deck = new Deck();
@@ -17,7 +17,7 @@ export default class GameStore {
const newGame: GameState = {
id,
players: new Set(),
cards: deck.select(5).map(card => ({ ...card, flipped: false })),
cards: deck.select(5).map((card) => ({ ...card, flipped: false })),
lastUpdated: Date.now(),
};
@@ -66,7 +66,12 @@ export default class GameStore {
gameUpdate(game: GameState): GameUpdate {
const { id, cards } = game;
return { id, cards: (cards as TarokkaGameCard[]).map((card: TarokkaGameCard) => card.flipped ? card : { ...deck.getBack(), flipped: false }) };
return {
id,
cards: (cards as TarokkaGameCard[]).map((card: TarokkaGameCard) =>
card.flipped ? card : { ...deck.getBack(), flipped: false },
),
};
}
deleteGame(gameID: string): void {

8
lib/StandardDeck.ts
View File

@@ -27,9 +27,9 @@ export default class Cards {
constructor(options: OptionProps = {}) {
this.options = { ...DEFAULT_OPTIONS, ...options };
this.deck = cards.filter(card => !card.back && (this.options.jokers || !card.joker));
this.backs = cards.filter(card => card.back);
this.jokers = cards.filter(card => card.joker);
this.deck = cards.filter((card) => !card.back && (this.options.jokers || !card.joker));
this.backs = cards.filter((card) => card.back);
this.jokers = cards.filter((card) => card.joker);
}
select(count: number): StandardCard[] {
@@ -38,7 +38,7 @@ export default class Cards {
getBack(style: number): StandardCard {
style = style || this.options.back;
return this.backs.find(card => card.id.startsWith(String(style))) || this.backs[0];
return this.backs.find((card) => card.id.startsWith(String(style))) || this.backs[0];
}
getJokers(): StandardCard[] {

4
lib/TarokkaDeck.ts
View File

@@ -7,8 +7,8 @@ export default class TarokkaDeck {
private backs: TarokkaCard[] = [];
constructor() {
this.deck = cards.filter(card => !card.back);
this.backs = cards.filter(card => card.back);
this.deck = cards.filter((card) => !card.back);
this.backs = cards.filter((card) => card.back);
}
select(count: number): TarokkaCard[] {

50
package-lock.json generated
View File

@@ -1,5 +1,5 @@
{
"name": "custom-server-app",
"name": "tarokka",
"lockfileVersion": 3,
"requires": true,
"packages": {
@@ -14,10 +14,11 @@
},
"devDependencies": {
"@tailwindcss/postcss": "^4",
"@types/node": "^22.14.0",
"@types/react": "^19.1.0",
"@types/node": "^22.14.1",
"@types/react": "^19.1.1",
"@types/react-dom": "^19.1.2",
"nodemon": "^3.1.9",
"prettier": "^3.5.3",
"tailwindcss": "^4",
"ts-node": "^10.9.2",
"typescript": "^5.8.3"
@@ -822,18 +823,20 @@
}
},
"node_modules/@types/node": {
"version": "22.14.0",
"resolved": "https://registry.npmjs.org/@types/node/-/node-22.14.0.tgz",
"integrity": "sha512-Kmpl+z84ILoG+3T/zQFyAJsU6EPTmOCj8/2+83fSN6djd6I4o7uOuGIH6vq3PrjY5BGitSbFuMN18j3iknubbA==",
"version": "22.14.1",
"resolved": "https://registry.npmjs.org/@types/node/-/node-22.14.1.tgz",
"integrity": "sha512-u0HuPQwe/dHrItgHHpmw3N2fYCR6x4ivMNbPHRkBVP4CvN+kiRrKHWk3i8tXiO/joPwXLMYvF9TTF0eqgHIuOw==",
"license": "MIT",
"dependencies": {
"undici-types": "~6.21.0"
}
},
"node_modules/@types/react": {
"version": "19.1.0",
"resolved": "https://registry.npmjs.org/@types/react/-/react-19.1.0.tgz",
"integrity": "sha512-UaicktuQI+9UKyA4njtDOGBD/67t8YEBt2xdfqu8+gP9hqPUPsiXlNPcpS2gVdjmis5GKPG3fCxbQLVgxsQZ8w==",
"version": "19.1.1",
"resolved": "https://registry.npmjs.org/@types/react/-/react-19.1.1.tgz",
"integrity": "sha512-ePapxDL7qrgqSF67s0h9m412d9DbXyC1n59O2st+9rjuuamWsZuD2w55rqY12CbzsZ7uVXb5Nw0gEp9Z8MMutQ==",
"dev": true,
"license": "MIT",
"dependencies": {
"csstype": "^3.0.2"
}
@@ -843,6 +846,7 @@
"resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.1.2.tgz",
"integrity": "sha512-XGJkWF41Qq305SKWEILa1O8vzhb3aOo3ogBlSmiqNko/WmRb6QIaweuZCXjKygVDXpzXb5wyxKTSOsmkuqj+Qw==",
"dev": true,
"license": "MIT",
"peerDependencies": {
"@types/react": "^19.0.0"
}
@@ -1123,6 +1127,7 @@
"resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
"integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
"dev": true,
"license": "MIT",
"dependencies": {
"ms": "^2.1.3"
},
@@ -1738,6 +1743,7 @@
"resolved": "https://registry.npmjs.org/nodemon/-/nodemon-3.1.9.tgz",
"integrity": "sha512-hdr1oIb2p6ZSxu3PB2JWWYS7ZQ0qvaZsc3hK8DR8f02kRzc8rjYmxAIvdz+aYC+8F2IjNaB7HMcSDg8nQpJxyg==",
"dev": true,
"license": "MIT",
"dependencies": {
"chokidar": "^3.5.2",
"debug": "^4",
@@ -1831,6 +1837,22 @@
"node": "^10 || ^12 || >=14"
}
},
"node_modules/prettier": {
"version": "3.5.3",
"resolved": "https://registry.npmjs.org/prettier/-/prettier-3.5.3.tgz",
"integrity": "sha512-QQtaxnoDJeAkDvDKWCLiwIXkTgRhwYDEQCghU9Z6q03iyek/rxRh/2lC3HB7P8sWT2xC/y5JDctPLBIGzHKbhw==",
"dev": true,
"license": "MIT",
"bin": {
"prettier": "bin/prettier.cjs"
},
"engines": {
"node": ">=14"
},
"funding": {
"url": "https://github.com/prettier/prettier?sponsor=1"
}
},
"node_modules/pstree.remy": {
"version": "1.1.8",
"resolved": "https://registry.npmjs.org/pstree.remy/-/pstree.remy-1.1.8.tgz",
@@ -1841,6 +1863,7 @@
"version": "19.1.0",
"resolved": "https://registry.npmjs.org/react/-/react-19.1.0.tgz",
"integrity": "sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==",
"license": "MIT",
"engines": {
"node": ">=0.10.0"
}
@@ -1849,6 +1872,7 @@
"version": "19.1.0",
"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.1.0.tgz",
"integrity": "sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==",
"license": "MIT",
"dependencies": {
"scheduler": "^0.26.0"
},
@@ -1871,7 +1895,8 @@
"node_modules/scheduler": {
"version": "0.26.0",
"resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.26.0.tgz",
"integrity": "sha512-NlHwttCI/l5gCPR3D1nNXtWABUmBwvZpEQiD4IXSbIDq8BzLIK/7Ir5gTFSGZDUu37K5cMNp0hFtzO38sC7gWA=="
"integrity": "sha512-NlHwttCI/l5gCPR3D1nNXtWABUmBwvZpEQiD4IXSbIDq8BzLIK/7Ir5gTFSGZDUu37K5cMNp0hFtzO38sC7gWA==",
"license": "MIT"
},
"node_modules/semver": {
"version": "7.7.1",
@@ -1957,6 +1982,7 @@
"resolved": "https://registry.npmjs.org/simple-update-notifier/-/simple-update-notifier-2.0.0.tgz",
"integrity": "sha512-a2B9Y0KlNXl9u/vsW6sTIu9vGEpfKu2wRV6l1H3XEas/0gUIzGzBoP/IouTcUQbm9JWZLH3COxyn03TYlFax6w==",
"dev": true,
"license": "MIT",
"dependencies": {
"semver": "^7.5.3"
},
@@ -2219,6 +2245,7 @@
"resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.3.tgz",
"integrity": "sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==",
"dev": true,
"license": "Apache-2.0",
"bin": {
"tsc": "bin/tsc",
"tsserver": "bin/tsserver"
@@ -2236,7 +2263,8 @@
"node_modules/undici-types": {
"version": "6.21.0",
"resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
"integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ=="
"integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
"license": "MIT"
},
"node_modules/v8-compile-cache-lib": {
"version": "3.0.1",

17
package.json
View File

@@ -8,19 +8,20 @@
"dependencies": {
"cross-env": "^7.0.3",
"next": "latest",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react": "^19.1.0",
"react-dom": "^19.1.0",
"socket.io": "^4.8.1",
"socket.io-client": "^4.8.1"
},
"devDependencies": {
"@tailwindcss/postcss": "^4",
"@types/node": "^18.11.5",
"@types/react": "^18.0.23",
"@types/react-dom": "^18.0.7",
"nodemon": "^2.0.20",
"@types/node": "^22.14.1",
"@types/react": "^19.1.1",
"@types/react-dom": "^19.1.2",
"nodemon": "^3.1.9",
"prettier": "^3.5.3",
"tailwindcss": "^4",
"ts-node": "^10.9.1",
"typescript": "^4.8.4"
"ts-node": "^10.9.2",
"typescript": "^5.8.3"
}
}

7
server.ts
View File

@@ -6,10 +6,9 @@ import GameStore from './lib/GameStore';
import type { ClientUpdate } from './types';
const dev = process.env.NODE_ENV !== 'production';
const hostname = 'localhost';
const hostname = '0.0.0.0';
const port = 3000;
// when using middleware `hostname` and `port` must be provided
const app = next({ dev, hostname, port });
const handler = app.getRequestHandler();
@@ -27,10 +26,10 @@ app.prepare().then(() => {
socket.join(gameID);
const gameUpdate = gameStore.joinGame(gameID, socket.id);
console.log(`Socket ${socket.id} joined game ${gameID}`)
console.log(`Socket ${socket.id} joined game ${gameID}`);
socket.emit('init', gameUpdate);
})
});
socket.on('flip-card', ({ gameID, cardIndex }: ClientUpdate) => {
console.log('Card flipped:', { gameID, cardIndex });

3
tools/simpleID.ts
View File

@@ -1,7 +1,6 @@
import getRandomItems from '@/tools/getRandomItems';
const alphabet =
'0123456789abcdefghijklmnopqrstuvwxyz';
const alphabet = '0123456789abcdefghijklmnopqrstuvwxyz';
const generateID = (length: number = 6) => {
return getRandomItems(alphabet.split(''), length).join('');