globuzma/brawlset
1
0
Fork 0
Code Issues Pull requests Projects 2 Releases Packages 1 Wiki Activity

Feat: Add commander and Bset stats

Browse source
This commit is contained in:
globuzma 2025-01-27 12:40:17 +01:00
parent b2010dae41
commit 64a4c5fb87
24 changed files with 626 additions and 977 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
app/app/account/profile/decks/page.tsx
View file

@ -47,7 +47,6 @@ interface bsetJson extends bset {
interface cardEntryAPIProps {
amount: number,
sanitized_name: string,
set: string
}
interface deckAPIProps {
@ -97,24 +96,10 @@ export default function Signin() {
function getDataFromLine(line: string){
if(line != "") {
const values = line.split(" ")
if (values.length >= 4) {
const amount: number = parseInt(values.at(0)!.toString())
let set_index = 0
for(let i = 1; i < values.length; i++){
if(values.at(-i)!.toString().match(/\([A-Z]{3}\)/gm)){
set_index = -i
}
}
const set = values.at(set_index)!.toString().replace(/[()]/gm,"").toLowerCase()
const card_name = values.slice(1,set_index).join(" ").replace(/[^a-zA-Z0-9]/gim,"-").toLowerCase()
const card_data : cardEntryAPIProps = {amount, sanitized_name: card_name, set}
return card_data
} else {
return null
}
const data = line.split(" ")
const amount = parseInt(data[0])
const name = data.slice(1).join(" ").split("/")[0].replace(/[^a-zA-Z0-9]/gim,"-").toLowerCase()
return {"sanitized_name":name, "amount":amount}
} else {
return null
}
@ -136,14 +121,15 @@ export default function Signin() {
function updateDeckInput(txt:string){
setDeckImporter(txt)
const lines = txt.split("\n")
setDeckCommanderName(lines[0])
setDeckCommanderName(lines[lines.length - 1])
}
function importDeck(){
const deckText = deckImporter
const lines = deckText.split("\n")
let lines = deckText.split("\n")
lines = lines.filter((line) => line.match(/[0-9]+\s[\w]+/) != undefined)
const dataToSend : deckAPIProps = { name: deckName, selected_bset: selectedBset.replace(/[^a-zA-Z0-9]/gim,"-").toLowerCase() ,commander_name: getDataFromLine(deckCommanderName)!.sanitized_name, cards: [] }
lines.slice(1).forEach((line: string) => {
lines.slice(0, lines.length - 1).forEach((line: string) => {
const data = getDataFromLine(line)
if(data != null) {
dataToSend.cards.push(data)
@ -151,7 +137,6 @@ export default function Signin() {
});
console.log(dataToSend)
fetch('http://localhost:3000/api/account/decks/create', {
method: "POST",
headers: {Authorization: 'Bearer ' + token},

26
app/app/api/account/decks/create/route.ts
View file

@ -14,7 +14,6 @@ interface orSetFilterProps {
interface cardEntryAPIProps {
amount: number,
sanitized_name: string,
set: string
}
export async function POST(req: NextRequest) {
@ -62,20 +61,28 @@ export async function POST(req: NextRequest) {
cardsFilter.push({sanitized_name: card.sanitized_name, OR: set_codes})
})
const cardsData = await db.carte.findMany({
let cardsData = await db.carte.findMany({
where: {
OR: cardsFilter
OR: set_codes
}
})
// Sort cards to select non promo types first and fallback to promo cards if not found
cardsData = cardsData.sort((a,b) => +a.is_promo - +b.is_promo)
let allCardFound = true
if(cardsData.findIndex(cardData => cardData.sanitized_name == commander_name) == -1){
allCardFound = false
if(cardsData.findIndex(cardData => cardData.sanitized_name.includes(commander_name)) == -1){
console.log(commander_name)
allCardFound = false
}
}
cards.forEach((card: cardEntryAPIProps) => {
if(cardsData.findIndex(cardData => cardData.sanitized_name == card.sanitized_name) == -1){
console.log(card)
allCardFound = false
if(cardsData.findIndex(cardData => cardData.sanitized_name.includes(card.sanitized_name)) == -1 ){
console.log(card)
allCardFound = false
}
}
})
@ -85,9 +92,12 @@ export async function POST(req: NextRequest) {
});
}
const commander_card = cardsData.findIndex(cardData => cardData.sanitized_name == commander_name) == -1 ? cardsData[cardsData.findIndex(cardData => cardData.sanitized_name.includes(commander_name))] : cardsData[cardsData.findIndex(cardData => cardData.sanitized_name == commander_name)]
const deck = await db.deck.create({
data: {
name,
color_identity: commander_card.color_identity,
utilisateurice: {
connect: {
id: tokenData.id
@ -95,7 +105,7 @@ export async function POST(req: NextRequest) {
},
commander: {
connect: {
id: cardsData[cardsData.findIndex(cardData => cardData.sanitized_name == commander_name)].id
id: commander_card.id
}
},
bset: {
@ -107,7 +117,7 @@ export async function POST(req: NextRequest) {
})
cards.forEach(async (card: cardEntryAPIProps) => {
const cardData_id = cardsData[cardsData.findIndex(cardData => cardData.sanitized_name == card.sanitized_name)].id
const cardData_id = cardsData.findIndex(cardData => cardData.sanitized_name == card.sanitized_name) == -1 ? cardsData[cardsData.findIndex(cardData => cardData.sanitized_name.includes(card.sanitized_name))].id : cardsData[cardsData.findIndex(cardData => cardData.sanitized_name == card.sanitized_name)].id
console.log(card.sanitized_name)
await db.cartes_dans_deck.create({
data: {

10
app/app/bset/[bset]/page.tsx Normal file
View file

@ -0,0 +1,10 @@
'use server'
import PageContent from './page_content'
export default async function Home({ params }: { params: { bset: string } } ) {
const bset = (await params).bset
return (
<PageContent bset={bset}/>
);
}

50
app/app/bset/[bset]/page_content.tsx Normal file
View file

@ -0,0 +1,50 @@
'use client'
import { useEffect, useState } from 'react'
import { CardGroup } from '@/components/ui/card-group'
interface PageContentProps {
bset: string
}
export default function PageContent({bset}: PageContentProps) {
const [commanderList, setCommanderList] = useState([])
const [creatureList, setCreatureList] = useState([])
const [planeswalkerList, setPlaneswalkerList] = useState([])
const [instantList, setInstantList] = useState([])
const [sorceryList, setSorceryList] = useState([])
const [artifactList, setArtifactList] = useState([])
const [enchantmentList, setEnchantmentList] = useState([])
const [landList, setLandList] = useState([])
useEffect(() => {
fetch('http://localhost:8072/bset/'+bset+'.json').then((res) => {
if(res.status == 200) {
res.json().then((data) => {
const limit = 20
setCommanderList(data["commander"].slice(0,limit))
setCreatureList(data["creature"].slice(0,limit))
setPlaneswalkerList(data["planeswalker"].slice(0,limit))
setSorceryList(data["sorcery"].slice(0,limit))
setInstantList(data["instant"].slice(0,limit))
setEnchantmentList(data["enchantment"].slice(0,limit))
setLandList(data["land"].slice(0,limit))
setArtifactList(data["artifact"].slice(0,limit))
console.log(data)
})
}
})
}, [])
return (
<div className="flex flex-col items-center mt-32">
<CardGroup groupName={"Commander"} cards={commanderList} />
<CardGroup groupName={"Planeswalker"} cards={planeswalkerList} />
<CardGroup groupName={"Creature"} cards={creatureList} />
<CardGroup groupName={"Sorcery"} cards={sorceryList} />
<CardGroup groupName={"Artifact"} cards={artifactList} />
<CardGroup groupName={"Instant"} cards={instantList} />
<CardGroup groupName={"Enchantment"} cards={enchantmentList} />
<CardGroup groupName={"Land"} cards={landList} />
</div>
);
}

39
app/app/bset/all/page.tsx Normal file
View file

@ -0,0 +1,39 @@
'use client'
import { useEffect, useState } from 'react'
interface bsetJsonObject {
name: string,
sanitized_name: string,
set_codes: string[],
icons: string[]
}
export default function Home() {
const [BsetList, setBsetList] = useState([])
useEffect(() => {
fetch('http://localhost:8072/misc/bsets.json').then((res) => {
if(res.status == 200) {
res.json().then((data) => {
setBsetList(data)
})
}
})
}, [])
return (
<div className="flex flex-col items-center mt-32 gap-4">
{ BsetList.map((bset: bsetJsonObject) => (
<a key={bset.name} className="flex flex-row gap-4" href={"/bset/" + bset.sanitized_name}>
<div className="flex flex-row gap-1">
{ bset.icons.map((icon) => (
<img key={icon} src={icon} loading="lazy" className="w-4 h-4"/>
))}
</div>
<span>{bset.name}</span>
</a>
))}
</div>
);
}

10
app/app/commander/[color]/page.tsx Normal file
View file

@ -0,0 +1,10 @@
'use server'
import PageContent from './page_content'
export default async function Home({ params }: { params: { color: string } } ) {
const color = (await params).color
return (
<PageContent color={color}/>
);
}

29
app/app/commander/[color]/page_content.tsx Normal file
View file

@ -0,0 +1,29 @@
'use client'
import { useEffect, useState } from 'react'
import { CardGroup } from '@/components/ui/card-group'
interface PageContentProps {
color: string
}
export default function PageContent({color}: PageContentProps) {
const [commanderCardList, setCommanderCardList] = useState([])
useEffect(() => {
fetch('http://localhost:8072/commander/'+color+'.json').then((res) => {
if(res.status == 200) {
res.json().then((data) => {
const limit = 20
setCommanderCardList(data.slice(0,limit))
console.log(data)
})
}
})
}, [])
return (
<div className="flex flex-col items-center mt-32">
<CardGroup groupName={"Top commander - " + color} cards={commanderCardList} />
</div>
);
}

25
app/app/commander/top/page.tsx Normal file
View file

@ -0,0 +1,25 @@
'use client'
import { useEffect, useState } from 'react'
import { CardGroup } from '@/components/ui/card-group'
export default function Home() {
const [commanderCardList, setCommanderCardList] = useState([])
useEffect(() => {
fetch('http://localhost:8072/commander/top.json').then((res) => {
if(res.status == 200) {
res.json().then((data) => {
const limit = 20
setCommanderCardList(data.slice(0,limit))
console.log(data)
})
}
})
}, [])
return (
<div className="flex flex-col items-center mt-32">
<CardGroup groupName="Top commander" cards={commanderCardList} />
</div>
);
}

91
app/app/top/black/page.tsx
View file

@ -1,91 +0,0 @@
'use client'
import { useEffect, useState } from 'react'
import { MTGCard } from '@/components/ui/mtg-card'
interface carte_from_stats {
id: string,
name: string,
normal_image: string,
sanitized_name: string,
nbr_decks: number,
total_decks: number,
percent_decks: number,
price: string,
cardmarket_uri: string
}
export default function Home() {
const [creatureCardList, setCreatureCardList] = useState([])
const [instantCardList, setInstantCardList] = useState([])
const [sorceryCardList, setSorceryCardList] = useState([])
const [planeswalkerCardList, setPlaneswalkerCardList] = useState([])
const [artifactCardList, setArtifactCardList] = useState([])
const [enchantmentCardList, setEnchantmentCardList] = useState([])
const [landCardList, setLandCardList] = useState([])
useEffect(() => {
fetch('http://localhost:8072/top/mono-black.json').then((res) => {
if(res.status == 200) {
res.json().then((data) => {
const limit = 20
setCreatureCardList(data["creature"].slice(0,limit))
setInstantCardList(data["instant"].slice(0,limit))
setSorceryCardList(data["sorcery"].slice(0,limit))
setPlaneswalkerCardList(data["planeswalker"].slice(0,limit))
setArtifactCardList(data["artifact"].slice(0,limit))
setEnchantmentCardList(data["enchantment"].slice(0,limit))
setLandCardList(data["land"].slice(0,limit))
console.log(data)
})
}
})
}, [])
return (
<div className="flex flex-col items-center mt-32">
<h1>Creature</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{creatureCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Instants</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{instantCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Sorceries</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{sorceryCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Enchantment</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{enchantmentCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Planeswalker</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{planeswalkerCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Artifact</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{artifactCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Lands</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{landCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
</div>
);
}

91
app/app/top/blue/page.tsx
View file

@ -1,91 +0,0 @@
'use client'
import { useEffect, useState } from 'react'
import { MTGCard } from '@/components/ui/mtg-card'
interface carte_from_stats {
id: string,
name: string,
normal_image: string,
sanitized_name: string,
nbr_decks: number,
total_decks: number,
percent_decks: number,
price: string,
cardmarket_uri: string
}
export default function Home() {
const [creatureCardList, setCreatureCardList] = useState([])
const [instantCardList, setInstantCardList] = useState([])
const [sorceryCardList, setSorceryCardList] = useState([])
const [planeswalkerCardList, setPlaneswalkerCardList] = useState([])
const [artifactCardList, setArtifactCardList] = useState([])
const [enchantmentCardList, setEnchantmentCardList] = useState([])
const [landCardList, setLandCardList] = useState([])
useEffect(() => {
fetch('http://localhost:8072/top/mono-blue.json').then((res) => {
if(res.status == 200) {
res.json().then((data) => {
const limit = 20
setCreatureCardList(data["creature"].slice(0,limit))
setInstantCardList(data["instant"].slice(0,limit))
setSorceryCardList(data["sorcery"].slice(0,limit))
setPlaneswalkerCardList(data["planeswalker"].slice(0,limit))
setArtifactCardList(data["artifact"].slice(0,limit))
setEnchantmentCardList(data["enchantment"].slice(0,limit))
setLandCardList(data["land"].slice(0,limit))
console.log(data)
})
}
})
}, [])
return (
<div className="flex flex-col items-center mt-32">
<h1>Creature</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{creatureCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Instants</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{instantCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Sorceries</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{sorceryCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Enchantment</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{enchantmentCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Planeswalker</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{planeswalkerCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Artifact</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{artifactCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Lands</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{landCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
</div>
);
}

91
app/app/top/colorless/page.tsx
View file

@ -1,91 +0,0 @@
'use client'
import { useEffect, useState } from 'react'
import { MTGCard } from '@/components/ui/mtg-card'
interface carte_from_stats {
id: string,
name: string,
normal_image: string,
sanitized_name: string,
nbr_decks: number,
total_decks: number,
percent_decks: number,
price: string,
cardmarket_uri: string
}
export default function Home() {
const [creatureCardList, setCreatureCardList] = useState([])
const [instantCardList, setInstantCardList] = useState([])
const [sorceryCardList, setSorceryCardList] = useState([])
const [planeswalkerCardList, setPlaneswalkerCardList] = useState([])
const [artifactCardList, setArtifactCardList] = useState([])
const [enchantmentCardList, setEnchantmentCardList] = useState([])
const [landCardList, setLandCardList] = useState([])
useEffect(() => {
fetch('http://localhost:8072/top/mono-colorless.json').then((res) => {
if(res.status == 200) {
res.json().then((data) => {
const limit = 20
setCreatureCardList(data["creature"].slice(0,limit))
setInstantCardList(data["instant"].slice(0,limit))
setSorceryCardList(data["sorcery"].slice(0,limit))
setPlaneswalkerCardList(data["planeswalker"].slice(0,limit))
setArtifactCardList(data["artifact"].slice(0,limit))
setEnchantmentCardList(data["enchantment"].slice(0,limit))
setLandCardList(data["land"].slice(0,limit))
console.log(data)
})
}
})
}, [])
return (
<div className="flex flex-col items-center mt-32">
<h1>Creature</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{creatureCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Instants</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{instantCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Sorceries</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{sorceryCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Enchantment</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{enchantmentCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Planeswalker</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{planeswalkerCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Artifact</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{artifactCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Lands</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{landCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
</div>
);
}

91
app/app/top/green/page.tsx
View file

@ -1,91 +0,0 @@
'use client'
import { useEffect, useState } from 'react'
import { MTGCard } from '@/components/ui/mtg-card'
interface carte_from_stats {
id: string,
name: string,
normal_image: string,
sanitized_name: string,
nbr_decks: number,
total_decks: number,
percent_decks: number,
price: string,
cardmarket_uri: string
}
export default function Home() {
const [creatureCardList, setCreatureCardList] = useState([])
const [instantCardList, setInstantCardList] = useState([])
const [sorceryCardList, setSorceryCardList] = useState([])
const [planeswalkerCardList, setPlaneswalkerCardList] = useState([])
const [artifactCardList, setArtifactCardList] = useState([])
const [enchantmentCardList, setEnchantmentCardList] = useState([])
const [landCardList, setLandCardList] = useState([])
useEffect(() => {
fetch('http://localhost:8072/top/mono-green.json').then((res) => {
if(res.status == 200) {
res.json().then((data) => {
const limit = 20
setCreatureCardList(data["creature"].slice(0,limit))
setInstantCardList(data["instant"].slice(0,limit))
setSorceryCardList(data["sorcery"].slice(0,limit))
setPlaneswalkerCardList(data["planeswalker"].slice(0,limit))
setArtifactCardList(data["artifact"].slice(0,limit))
setEnchantmentCardList(data["enchantment"].slice(0,limit))
setLandCardList(data["land"].slice(0,limit))
console.log(data)
})
}
})
}, [])
return (
<div className="flex flex-col items-center mt-32">
<h1>Creature</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{creatureCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Instants</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{instantCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Sorceries</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{sorceryCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Enchantment</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{enchantmentCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Planeswalker</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{planeswalkerCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Artifact</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{artifactCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Lands</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{landCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
</div>
);
}

91
app/app/top/multicolor/page.tsx
View file

@ -1,91 +0,0 @@
'use client'
import { useEffect, useState } from 'react'
import { MTGCard } from '@/components/ui/mtg-card'
interface carte_from_stats {
id: string,
name: string,
normal_image: string,
sanitized_name: string,
nbr_decks: number,
total_decks: number,
percent_decks: number,
price: string,
cardmarket_uri: string
}
export default function Home() {
const [creatureCardList, setCreatureCardList] = useState([])
const [instantCardList, setInstantCardList] = useState([])
const [sorceryCardList, setSorceryCardList] = useState([])
const [planeswalkerCardList, setPlaneswalkerCardList] = useState([])
const [artifactCardList, setArtifactCardList] = useState([])
const [enchantmentCardList, setEnchantmentCardList] = useState([])
const [landCardList, setLandCardList] = useState([])
useEffect(() => {
fetch('http://localhost:8072/top/mono-multicolor.json').then((res) => {
if(res.status == 200) {
res.json().then((data) => {
const limit = 20
setCreatureCardList(data["creature"].slice(0,limit))
setInstantCardList(data["instant"].slice(0,limit))
setSorceryCardList(data["sorcery"].slice(0,limit))
setPlaneswalkerCardList(data["planeswalker"].slice(0,limit))
setArtifactCardList(data["artifact"].slice(0,limit))
setEnchantmentCardList(data["enchantment"].slice(0,limit))
setLandCardList(data["land"].slice(0,limit))
console.log(data)
})
}
})
}, [])
return (
<div className="flex flex-col items-center mt-32">
<h1>Creature</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{creatureCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Instants</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{instantCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Sorceries</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{sorceryCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Enchantment</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{enchantmentCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Planeswalker</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{planeswalkerCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Artifact</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{artifactCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Lands</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{landCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
</div>
);
}

91
app/app/top/red/page.tsx
View file

@ -1,91 +0,0 @@
'use client'
import { useEffect, useState } from 'react'
import { MTGCard } from '@/components/ui/mtg-card'
interface carte_from_stats {
id: string,
name: string,
normal_image: string,
sanitized_name: string,
nbr_decks: number,
total_decks: number,
percent_decks: number,
price: string,
cardmarket_uri: string
}
export default function Home() {
const [creatureCardList, setCreatureCardList] = useState([])
const [instantCardList, setInstantCardList] = useState([])
const [sorceryCardList, setSorceryCardList] = useState([])
const [planeswalkerCardList, setPlaneswalkerCardList] = useState([])
const [artifactCardList, setArtifactCardList] = useState([])
const [enchantmentCardList, setEnchantmentCardList] = useState([])
const [landCardList, setLandCardList] = useState([])
useEffect(() => {
fetch('http://localhost:8072/top/mono-red.json').then((res) => {
if(res.status == 200) {
res.json().then((data) => {
const limit = 20
setCreatureCardList(data["creature"].slice(0,limit))
setInstantCardList(data["instant"].slice(0,limit))
setSorceryCardList(data["sorcery"].slice(0,limit))
setPlaneswalkerCardList(data["planeswalker"].slice(0,limit))
setArtifactCardList(data["artifact"].slice(0,limit))
setEnchantmentCardList(data["enchantment"].slice(0,limit))
setLandCardList(data["land"].slice(0,limit))
console.log(data)
})
}
})
}, [])
return (
<div className="flex flex-col items-center mt-32">
<h1>Creature</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{creatureCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Instants</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{instantCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Sorceries</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{sorceryCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Enchantment</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{enchantmentCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Planeswalker</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{planeswalkerCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Artifact</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{artifactCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Lands</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{landCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
</div>
);
}

91
app/app/top/white/page.tsx
View file

@ -1,91 +0,0 @@
'use client'
import { useEffect, useState } from 'react'
import { MTGCard } from '@/components/ui/mtg-card'
interface carte_from_stats {
id: string,
name: string,
normal_image: string,
sanitized_name: string,
nbr_decks: number,
total_decks: number,
percent_decks: number,
price: string,
cardmarket_uri: string
}
export default function Home() {
const [creatureCardList, setCreatureCardList] = useState([])
const [instantCardList, setInstantCardList] = useState([])
const [sorceryCardList, setSorceryCardList] = useState([])
const [planeswalkerCardList, setPlaneswalkerCardList] = useState([])
const [artifactCardList, setArtifactCardList] = useState([])
const [enchantmentCardList, setEnchantmentCardList] = useState([])
const [landCardList, setLandCardList] = useState([])
useEffect(() => {
fetch('http://localhost:8072/top/mono-white.json').then((res) => {
if(res.status == 200) {
res.json().then((data) => {
const limit = 20
setCreatureCardList(data["creature"].slice(0,limit))
setInstantCardList(data["instant"].slice(0,limit))
setSorceryCardList(data["sorcery"].slice(0,limit))
setPlaneswalkerCardList(data["planeswalker"].slice(0,limit))
setArtifactCardList(data["artifact"].slice(0,limit))
setEnchantmentCardList(data["enchantment"].slice(0,limit))
setLandCardList(data["land"].slice(0,limit))
console.log(data)
})
}
})
}, [])
return (
<div className="flex flex-col items-center mt-32">
<h1>Creature</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{creatureCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Instants</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{instantCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Sorceries</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{sorceryCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Enchantment</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{enchantmentCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Planeswalker</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{planeswalkerCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Artifact</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{artifactCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
<h1>Lands</h1>
<div className="flex flex-row flex-wrap gap-4 p-8">
{landCardList.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
</div>
);
}

46
app/components/ui/card-group.tsx Normal file
View file

@ -0,0 +1,46 @@
import * as React from "react"
import { cn } from "@/lib/utils"
import { MTGCardProps } from "@/components/ui/mtg-card"
import { MTGCard } from '@/components/ui/mtg-card'
interface carte_from_stats {
id: string,
name: string,
normal_image: string,
sanitized_name: string,
nbr_decks: number,
total_decks: number,
percent_decks: number,
price: string,
cardmarket_uri: string
}
interface CardGroupProps {
className?: string,
groupName: string,
cards: carte_from_stats[],
showPrice?: boolean,
showStats?: boolean
}
const CardGroup = ({ className, groupName, cards, showPrice=true, showStats=true}: CardGroupProps) => {
return (
<div>
<h1>{groupName}</h1>
<div
className={cn(
"flex flex-row flex-wrap gap-4 p-8",
className
)}
>
{cards.map((card: carte_from_stats) => (
<MTGCard key={card.id} cardname={card.name} imageURI={card.normal_image} url={"/card/" + card.sanitized_name} nbrDecks={card.nbr_decks} totalDecks={card.total_decks} percentDecks={card.percent_decks} price={card.price} cardmarketURI={card.cardmarket_uri}/>
))}
</div>
</div>
)}
MTGCard.displayName = "MTGCard"
export { CardGroup }

0
app/components/ui/card-page.tsx Normal file
View file

2
app/components/ui/mtg-card.tsx
View file

@ -44,4 +44,4 @@ const MTGCard = ({ className, imageURI, cardname, url, nbrDecks, totalDecks, per
)}
MTGCard.displayName = "MTGCard"
export { MTGCard }
export { MTGCard, type MTGCardProps }

471
app/components/ui/navigation-bar.tsx
View file

@ -18,13 +18,36 @@ import { Input } from "@/components/ui/input"
import { Button } from "@/components/ui/button"
import { IconUserFilled } from "@tabler/icons-react"
import { Black, Blue, Green, White, Red, Colorless } from "@/components/ui/mana-icons"
import { useEffect, useState } from 'react'
interface NavigationProps {
isLoggedIn: boolean,
username: string
}
interface bsetJsonObject {
name: string,
sanitized_name: string,
set_codes: string[],
icons: string[]
}
export function NavigationBar ({ isLoggedIn, username}: NavigationProps) {
const [bsetsList, setBsetsList] = useState<bsetJsonObject[]>([])
useEffect(() => {
fetch('http://localhost:8072/misc/bsets.json').then((res) => {
if(res.status == 200) {
res.json().then((data) => {
setBsetsList(data)
console.log(data)
})
}
})
}, [])
return (
<div className="flex z-50 flex-row p-4 gap-4 w-full fixed top-0 left-0 bg-slate-700 items-center justify-between">
<div className="flex flex-row gap-4 items-center">
@ -34,137 +57,12 @@ export function NavigationBar ({ isLoggedIn, username}: NavigationProps) {
</a>
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button>Cartes</Button>
<Button>Commandants</Button>
</DropdownMenuTrigger>
<DropdownMenuContent className="w-56">
<DropdownMenuGroup>
<DropdownMenuItem>
<span>Top cartes</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Terrains</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Cartes salées</span>
</DropdownMenuItem>
<DropdownMenuSub>
<DropdownMenuSubTrigger>
<span>Par couleurs</span>
</DropdownMenuSubTrigger>
<DropdownMenuPortal>
<DropdownMenuSubContent>
<DropdownMenuItem>
<a className="flex flex-row gap-2" href="/top/white">
<White className="h-4 w-4"/>
<span>Blanc</span>
</a>
</DropdownMenuItem>
<DropdownMenuItem>
<a className="flex flex-row gap-2" href="/top/blue">
<Blue className="h-4 w-4"/>
<span>Bleu</span>
</a>
</DropdownMenuItem>
<DropdownMenuItem>
<a className="flex flex-row gap-2" href="/top/black">
<Black className="h-4 w-4"/>
<span>Noir</span>
</a>
</DropdownMenuItem>
<DropdownMenuItem>
<a className="flex flex-row gap-2" href="/top/red">
<Red className="h-4 w-4"/>
<span>Rouge</span>
</a>
</DropdownMenuItem>
<DropdownMenuItem>
<a className="flex flex-row gap-2" href="/top/green">
<Green className="h-4 w-4"/>
<span>Vert</span>
</a>
</DropdownMenuItem>
<DropdownMenuItem>
<a className="flex flex-row gap-2" href="/top/colorless">
<Colorless className="h-4 w-4"/>
<span>Incolor</span>
</a>
</DropdownMenuItem>
<DropdownMenuItem>
<a className="flex flex-row gap-2" href="/top/multicolor">
<span>Multicolor</span>
</a>
</DropdownMenuItem>
</DropdownMenuSubContent>
</DropdownMenuPortal>
</DropdownMenuSub>
<DropdownMenuSub>
<DropdownMenuSubTrigger>
<span>Par type</span>
</DropdownMenuSubTrigger>
<DropdownMenuPortal>
<DropdownMenuSubContent>
<DropdownMenuItem>
<span>Créatures</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Éphémères</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Rituels</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Artefacts</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Équipements</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Artefacts de mana</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Artefacts utilitaires</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Enchantements</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Aura</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Planeswalker</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Terrains</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Terrains utilitaires</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Terrains ajusteurs</span>
</DropdownMenuItem>
</DropdownMenuSubContent>
</DropdownMenuPortal>
</DropdownMenuSub>
<DropdownMenuItem>
<span>Combos</span>
</DropdownMenuItem>
</DropdownMenuGroup>
</DropdownMenuContent>
</DropdownMenu>
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button>Commandant·es</Button>
</DropdownMenuTrigger>
<DropdownMenuContent className="w-56">
<DropdownMenuGroup>
<DropdownMenuItem>
<span>Top commandant·es</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Second plan</span>
</DropdownMenuItem>
<DropdownMenuItem>
<span>Partenaires</span>
<a href="/commander/top">Top commandants</a>
</DropdownMenuItem>
<DropdownMenuSub>
<DropdownMenuSubTrigger>
@ -173,28 +71,40 @@ export function NavigationBar ({ isLoggedIn, username}: NavigationProps) {
<DropdownMenuPortal>
<DropdownMenuSubContent>
<DropdownMenuItem>
<White className="h-4 w-4"/>
<span>Blanc</span>
<a className="flex flex-row gap-2 items-center" href="/commander/white">
<White className="h-4 w-4"/>
<span>White</span>
</a>
</DropdownMenuItem>
<DropdownMenuItem>
<Blue className="h-4 w-4"/>
<span>Bleu</span>
<a className="flex flex-row gap-2 items-center" href="/commander/blue">
<Blue className="h-4 w-4"/>
<span>Bleu</span>
</a>
</DropdownMenuItem>
<DropdownMenuItem>
<Black className="h-4 w-4"/>
<span>Noir</span>
<a className="flex flex-row gap-2 items-center" href="/commander/black">
<Black className="h-4 w-4"/>
<span>Noir</span>
</a>
</DropdownMenuItem>
<DropdownMenuItem>
<Red className="h-4 w-4"/>
<span>Rouge</span>
<a className="flex flex-row gap-2 items-center" href="/commander/red">
<Red className="h-4 w-4"/>
<span>Rouge</span>
</a>
</DropdownMenuItem>
<DropdownMenuItem>
<Green className="h-4 w-4"/>
<span>Vert</span>
<a className="flex flex-row gap-2 items-center" href="/commander/green">
<Green className="h-4 w-4"/>
<span>Vert</span>
</a>
</DropdownMenuItem>
<DropdownMenuItem>
<Colorless className="h-4 w-4"/>
<span>Incolor</span>
<a className="flex flex-row gap-2 items-center" href="/commander/colorless">
<Colorless className="h-4 w-4"/>
<span>Incolor</span>
</a>
</DropdownMenuItem>
</DropdownMenuSubContent>
</DropdownMenuPortal>
@ -206,54 +116,74 @@ export function NavigationBar ({ isLoggedIn, username}: NavigationProps) {
<DropdownMenuPortal>
<DropdownMenuSubContent>
<DropdownMenuItem>
<White className="h-4 w-4"/>
<Blue className="h-4 w-4"/>
<span>Azorius</span>
<a className="flex flex-row gap-2 items-center" href="/commander/azorius">
<White className="h-4 w-4"/>
<Blue className="h-4 w-4"/>
<span>Azorius</span>
</a>
</DropdownMenuItem>
<DropdownMenuItem>
<Blue className="h-4 w-4"/>
<Black className="h-4 w-4"/>
<span>Dimir</span>
<a className="flex flex-row gap-2 items-center" href="/commander/dimir">
<Blue className="h-4 w-4"/>
<Black className="h-4 w-4"/>
<span>Dimir</span>
</a>
</DropdownMenuItem>
<DropdownMenuItem>
<Black className="h-4 w-4"/>
<Red className="h-4 w-4"/>
<span>Rakdos</span>
<a className="flex flex-row gap-2 items-center" href="/commander/rakdos">
<Black className="h-4 w-4"/>
<Red className="h-4 w-4"/>
<span>Rakdos</span>
</a>
</DropdownMenuItem>
<DropdownMenuItem>
<Red className="h-4 w-4"/>
<Green className="h-4 w-4"/>
<span>Gruul</span>
<a className="flex flex-row gap-2 items-center" href="/commander/gruul">
<Red className="h-4 w-4"/>
<Green className="h-4 w-4"/>
<span>Gruul</span>
</a>
</DropdownMenuItem>
<DropdownMenuItem>
<Green className="h-4 w-4"/>
<White className="h-4 w-4"/>
<span>Selesnya</span>
<a className="flex flex-row gap-2 items-center" href="/commander/selesnya">
<Green className="h-4 w-4"/>
<White className="h-4 w-4"/>
<span>Selesnya</span>
</a>
</DropdownMenuItem>
<DropdownMenuItem>
<White className="h-4 w-4"/>
<Black className="h-4 w-4"/>
<span>Orzhov</span>
<a className="flex flex-row gap-2 items-center" href="/commander/orzhov">
<White className="h-4 w-4"/>
<Black className="h-4 w-4"/>
<span>Orzhov</span>
</a>
</DropdownMenuItem>
<DropdownMenuItem>
<Blue className="h-4 w-4"/>
<Red className="h-4 w-4"/>
<span>Izzet</span>
<a className="flex flex-row gap-2 items-center" href="/commander/izzet">
<Blue className="h-4 w-4"/>
<Red className="h-4 w-4"/>
<span>Izzet</span>
</a>
</DropdownMenuItem>
<DropdownMenuItem>
<Black className="h-4 w-4"/>
<Green className="h-4 w-4"/>
<span>Golgari</span>
<a className="flex flex-row gap-2 items-center" href="/commander/golgari">
<Black className="h-4 w-4"/>
<Green className="h-4 w-4"/>
<span>Golgari</span>
</a>
</DropdownMenuItem>
<DropdownMenuItem>
<Red className="h-4 w-4"/>
<White className="h-4 w-4"/>
<span>Boros</span>
<a className="flex flex-row gap-2 items-center" href="/commander/boros">
<Red className="h-4 w-4"/>
<White className="h-4 w-4"/>
<span>Boros</span>
</a>
</DropdownMenuItem>
<DropdownMenuItem>
<Green className="h-4 w-4"/>
<Blue className="h-4 w-4"/>
<span>Simic</span>
<a className="flex flex-row gap-2 items-center" href="/commander/simic">
<Green className="h-4 w-4"/>
<Blue className="h-4 w-4"/>
<span>Simic</span>
</a>
</DropdownMenuItem>
</DropdownMenuSubContent>
</DropdownMenuPortal>
@ -265,64 +195,84 @@ export function NavigationBar ({ isLoggedIn, username}: NavigationProps) {
<DropdownMenuPortal>
<DropdownMenuSubContent>
<DropdownMenuItem>
<White className="h-4 w-4"/>
<Blue className="h-4 w-4"/>
<Black className="h-4 w-4"/>
<span>Esper</span>
<a className="flex flex-row gap-2 items-center" href="/commander/esper">
<White className="h-4 w-4"/>
<Blue className="h-4 w-4"/>
<Black className="h-4 w-4"/>
<span>Esper</span>
</a>
</DropdownMenuItem>
<DropdownMenuItem>
<Blue className="h-4 w-4"/>
<Black className="h-4 w-4"/>
<Red className="h-4 w-4"/>
<span>Grixis</span>
<a className="flex flex-row gap-2 items-center" href="/commander/grixis">
<Blue className="h-4 w-4"/>
<Black className="h-4 w-4"/>
<Red className="h-4 w-4"/>
<span>Grixis</span>
</a>
</DropdownMenuItem>
<DropdownMenuItem>
<Black className="h-4 w-4"/>
<Red className="h-4 w-4"/>
<Green className="h-4 w-4"/>
<span>Jund</span>
<a className="flex flex-row gap-2 items-center" href="/commander/jund">
<Black className="h-4 w-4"/>
<Red className="h-4 w-4"/>
<Green className="h-4 w-4"/>
<span>Jund</span>
</a>
</DropdownMenuItem>
<DropdownMenuItem>
<Red className="h-4 w-4"/>
<Green className="h-4 w-4"/>
<White className="h-4 w-4"/>
<span>Naya</span>
<a className="flex flex-row gap-2 items-center" href="/commander/naya">
<Red className="h-4 w-4"/>
<Green className="h-4 w-4"/>
<White className="h-4 w-4"/>
<span>Naya</span>
</a>
</DropdownMenuItem>
<DropdownMenuItem>
<Green className="h-4 w-4"/>
<White className="h-4 w-4"/>
<Blue className="h-4 w-4"/>
<span>Bant</span>
<a className="flex flex-row gap-2 items-center" href="/commander/bant">
<Green className="h-4 w-4"/>
<White className="h-4 w-4"/>
<Blue className="h-4 w-4"/>
<span>Bant</span>
</a>
</DropdownMenuItem>
<DropdownMenuItem>
<White className="h-4 w-4"/>
<Blue className="h-4 w-4"/>
<Green className="h-4 w-4"/>
<span>Abzan</span>
<a className="flex flex-row gap-2 items-center" href="/commander/abzan">
<White className="h-4 w-4"/>
<Black className="h-4 w-4"/>
<Green className="h-4 w-4"/>
<span>Abzan</span>
</a>
</DropdownMenuItem>
<DropdownMenuItem>
<Blue className="h-4 w-4"/>
<Red className="h-4 w-4"/>
<White className="h-4 w-4"/>
<span>Jeskai</span>
<a className="flex flex-row gap-2 items-center" href="/commander/jeskai">
<Blue className="h-4 w-4"/>
<Red className="h-4 w-4"/>
<White className="h-4 w-4"/>
<span>Jeskai</span>
</a>
</DropdownMenuItem>
<DropdownMenuItem>
<Black className="h-4 w-4"/>
<Green className="h-4 w-4"/>
<Blue className="h-4 w-4"/>
<span>Sultai</span>
<a className="flex flex-row gap-2 items-center" href="/commander/sultai">
<Black className="h-4 w-4"/>
<Green className="h-4 w-4"/>
<Blue className="h-4 w-4"/>
<span>Sultai</span>
</a>
</DropdownMenuItem>
<DropdownMenuItem>
<Red className="h-4 w-4"/>
<White className="h-4 w-4"/>
<Black className="h-4 w-4"/>
<span>Mardu</span>
<a className="flex flex-row gap-2 items-center" href="/commander/mardu">
<Red className="h-4 w-4"/>
<White className="h-4 w-4"/>
<Black className="h-4 w-4"/>
<span>Mardu</span>
</a>
</DropdownMenuItem>
<DropdownMenuItem>
<Green className="h-4 w-4"/>
<Blue className="h-4 w-4"/>
<Red className="h-4 w-4"/>
<span>Temur</span>
<a className="flex flex-row gap-2 items-center" href="/commander/temur">
<Green className="h-4 w-4"/>
<Blue className="h-4 w-4"/>
<Red className="h-4 w-4"/>
<span>Temur</span>
</a>
</DropdownMenuItem>
</DropdownMenuSubContent>
</DropdownMenuPortal>
@ -334,47 +284,59 @@ export function NavigationBar ({ isLoggedIn, username}: NavigationProps) {
<DropdownMenuPortal>
<DropdownMenuSubContent>
<DropdownMenuItem>
<White className="h-4 w-4"/>
<Blue className="h-4 w-4"/>
<Black className="h-4 w-4"/>
<Red className="h-4 w-4"/>
<span>Yore-Tiller</span>
<a className="flex flex-row gap-2 items-center" href="/commander/yore-tiller">
<White className="h-4 w-4"/>
<Blue className="h-4 w-4"/>
<Black className="h-4 w-4"/>
<Red className="h-4 w-4"/>
<span>Yore-Tiller</span>
</a>
</DropdownMenuItem>
<DropdownMenuItem>
<Blue className="h-4 w-4"/>
<Black className="h-4 w-4"/>
<Red className="h-4 w-4"/>
<Green className="h-4 w-4"/>
<span>Glint-Eye</span>
<a className="flex flex-row gap-2 items-center" href="/commander/glint-eye">
<Blue className="h-4 w-4"/>
<Black className="h-4 w-4"/>
<Red className="h-4 w-4"/>
<Green className="h-4 w-4"/>
<span>Glint-Eye</span>
</a>
</DropdownMenuItem>
<DropdownMenuItem>
<Black className="h-4 w-4"/>
<Red className="h-4 w-4"/>
<Green className="h-4 w-4"/>
<White className="h-4 w-4"/>
<span>Dune-Brood</span>
<a className="flex flex-row gap-2 items-center" href="/commander/dune-brood">
<Black className="h-4 w-4"/>
<Red className="h-4 w-4"/>
<Green className="h-4 w-4"/>
<White className="h-4 w-4"/>
<span>Dune-Brood</span>
</a>
</DropdownMenuItem>
<DropdownMenuItem>
<Red className="h-4 w-4"/>
<Green className="h-4 w-4"/>
<White className="h-4 w-4"/>
<Blue className="h-4 w-4"/>
<span>Ink-Treader</span>
<a className="flex flex-row gap-2 items-center" href="/commander/ink-treader">
<Red className="h-4 w-4"/>
<Green className="h-4 w-4"/>
<White className="h-4 w-4"/>
<Blue className="h-4 w-4"/>
<span>Ink-Treader</span>
</a>
</DropdownMenuItem>
<DropdownMenuItem>
<Green className="h-4 w-4"/>
<White className="h-4 w-4"/>
<Blue className="h-4 w-4"/>
<Black className="h-4 w-4"/>
<span>Witch-Maw</span>
<a className="flex flex-row gap-2 items-center" href="/commander/witch-maw">
<Green className="h-4 w-4"/>
<White className="h-4 w-4"/>
<Blue className="h-4 w-4"/>
<Black className="h-4 w-4"/>
<span>Witch-Maw</span>
</a>
</DropdownMenuItem>
<DropdownMenuItem>
<White className="h-4 w-4"/>
<Blue className="h-4 w-4"/>
<Black className="h-4 w-4"/>
<Red className="h-4 w-4"/>
<Green className="h-4 w-4"/>
<span>5 couleurs</span>
<a className="flex flex-row gap-2 items-center" href="/commander/five-color">
<White className="h-4 w-4"/>
<Blue className="h-4 w-4"/>
<Black className="h-4 w-4"/>
<Red className="h-4 w-4"/>
<Green className="h-4 w-4"/>
<span>5 couleurs</span>
</a>
</DropdownMenuItem>
</DropdownMenuSubContent>
</DropdownMenuPortal>
@ -382,6 +344,35 @@ export function NavigationBar ({ isLoggedIn, username}: NavigationProps) {
</DropdownMenuGroup>
</DropdownMenuContent>
</DropdownMenu>
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button>BSets</Button>
</DropdownMenuTrigger>
<DropdownMenuContent className="w-56">
<DropdownMenuGroup>
{ bsetsList.length == 0 && (
<DropdownMenuItem>
<span>Loading</span>
</DropdownMenuItem>
)}
{ bsetsList.length != 0 && bsetsList.slice(0,7).map((bset) => (
<DropdownMenuItem>
<a href={"/bset/" + bset.sanitized_name} className="flex flex-row gap-2 items-center">
<div className="flex flex-row gap-1">
{ bset.icons.map((icon) => (
<img src={icon} className="w-4 h-4"/>
))}
</div>
<span>{bset.name}</span>
</a>
</DropdownMenuItem>
))}
<DropdownMenuItem>
<a href="/bset/all">Plus de BSets...</a>
</DropdownMenuItem>
</DropdownMenuGroup>
</DropdownMenuContent>
</DropdownMenu>
<a href="/rules"><Button>Règles</Button></a>
</div>
<div className="flex flex-row gap-4">

5
app/prisma/schema.prisma
View file

@ -28,7 +28,7 @@ model carte {
normal_image String
normal_image_back String?
type_line String?
colors String[]
color_identity String[]
set set @relation(fields: [set_id], references: [id])
set_id String @db.Uuid
set_code String
@ -36,12 +36,15 @@ model carte {
type String?
price String?
cardmarket_uri String?
can_be_commander Boolean
is_promo Boolean
decks cartes_dans_deck[]
decks_as_commander deck[]
}
model deck {
id String @id @default(uuid()) @db.Uuid
color_identity String[]
name String
utilisateurice_id String @db.Uuid
utilisateurice utilisateurice @relation(fields: [utilisateurice_id], references: [id])

5
app/tools/createBsets.mjs
View file

@ -4,8 +4,12 @@ const db = new PrismaClient()
const Bsets = [
{"name": "Wild of Eldraine", sets: ["woe"]},
{"name": "Bloomburrow", sets: ["blb"]},
{"name": "Duskmourn", sets: ["dsk"]},
{"name": "Phyrexia", sets: ["one"]},
{"name": "The Brothers' War", sets: ["bro"]},
{"name": "Murders at Karlov Manor", sets: ["mkm"]},
{"name": "The lost caverns of Ixalan", sets: ["lci"]},
{"name": "Dominaria United", sets: ["dmu"]},
{"name": "New Capenna", sets: ["snc"]},
{"name": "Kamigawa", sets: ["neo"]},
@ -19,6 +23,7 @@ const Bsets = [
{"name": "War of the Spark", sets: ["war"]},
{"name": "Dominaria", sets: ["dom"]},
{"name": "March of the machine", sets: ["mom","mat"]},
{"name": "Outlaws", sets: ["otj","big"]},
{"name": "Innistrad Midnight Hunt", sets: ["vow","mid"]},
{"name": "Guilds of Ravnica", sets: ["rna","grn"]},
{"name": "Ixalan", sets: ["rix","xln"]},

49
app/tools/createDecks.mjs Normal file
View file

@ -0,0 +1,49 @@
import { readFileSync, readdirSync } from "fs"
const base_api_url = "http://localhost:3000"
const token = "eyJhbGciOiJIUzI1NiIsInR5cCI6Imp3dCJ9.eyJ1c2VybmFtZSI6Imdsb2J1em1hIiwiYWRtaW4iOnRydWUsImlkIjoiMDc4YWViYTYtNzZlNC00YzRkLTg3NjYtNjA0N2JhNjkxM2Y5IiwibWF4QWdlIjo2MDQ4MDB9.acd6b0fab88719f708fa0553f18a6b034b2c3a84659e3a63b32e87f22c611d3e"
let bsets_sanitized_names = readdirSync(import.meta.dirname + "/data/bsets/")
function get_line_data(line) {
let data = line.split(" ")
let amount = parseInt(data[0])
let name = data.slice(1).join(" ").split("/")[0].replace(/[^a-zA-Z0-9]/gim,"-").toLowerCase()
return {"sanitized_name":name, "amount":amount}
}
for(const sanitized_name of bsets_sanitized_names) {
let path = import.meta.dirname + "/data/bsets/" + sanitized_name + "/"
let deck_files = readdirSync(path)
for( const deck_file of deck_files) {
let api_object = {
"selected_bset": sanitized_name,
"name": deck_file.split(".txt")[0],
"commander_name": "",
"cards": []
}
let data = readFileSync(path + deck_file, 'utf8')
let lines = data.split(/\n/)
lines = lines.filter((line) => line.match(/[0-9]+\s[\w]+/) != undefined)
let commander_line = lines[lines.length - 1]
api_object["commander_name"] = get_line_data(commander_line).sanitized_name
for(const card of lines.slice(0, lines.length - 1)){
api_object.cards.push(get_line_data(card))
}
fetch(base_api_url + '/api/account/decks/create', {
method: "POST",
headers: {Authorization: 'Bearer ' + token},
body: JSON.stringify(api_object)
}).then((res) => {
if(res.status == 200) {
console.log("Deck created")
} else {
console.log("Problem with : " + deck_file)
}
})
}
}

154
app/tools/createJson.mjs
View file

@ -4,11 +4,11 @@ import { writeFileSync } from 'fs'
const db = new PrismaClient()
const color_names = {
"mono-white": ["W"],
"mono-black": ["B"],
"mono-blue": ["U"],
"mono-green": ["G"],
"mono-red": ["R"],
"white": ["W"],
"black": ["B"],
"blue": ["U"],
"green": ["G"],
"red": ["R"],
"colorless": [],
"azorius": ["W","U"],
"dimir": ["U","B"],
@ -49,6 +49,15 @@ function getColorName(colorArray) {
}
// I need to create
//
// Commanders
// top all
// top by colors
//
// bsets
// Commanders
//
//
// Lands
// lands.json
// All jsons lands from colors
@ -63,21 +72,38 @@ async function createJson() {
include: {
cards: {
include: {
decks: true
decks: true,
decks_as_commander: true,
}
}
}
},
decks: true
decks: {
include: {
commander: {
include: {
decks_as_commander: true
}
}
}
}
}
})
let bsets_export = []
let bsets_list_export = []
let all_cards = []
const commanderData = {"top": []}
for (const colorName of Object.keys(color_names)) {
commanderData[colorName] = []
}
let bset_cards_data_export = {}
bsets.forEach((bset) => {
let icons = []
let set_codes = []
let bset_cards = []
bset.sets.forEach((set) => {
icons.push(set.icon_svg_uri)
set_codes.push(set.code)
@ -85,76 +111,78 @@ async function createJson() {
for(let i = 0; i < cards_temp.length; i++){
cards_temp[i].bset_id = bset.id
}
bset_cards = [...bset_cards, ...cards_temp]
all_cards = [...all_cards, ...cards_temp]
})
bsets_export.push({name: bset.name, sanitized_name: bset.sanitized_name, icons, set_codes})
})
writeFileSync(import.meta.dirname + "/json/misc/bsets.json",JSON.stringify(bsets_export), 'utf8')
bsets_list_export.push({name: bset.name, sanitized_name: bset.sanitized_name, icons, set_codes})
const landsData = {}
for (const colorName of Object.keys(color_names)) {
landsData[colorName] = []
}
const type_dict = {"creature": [],"land": [],"instant": [],"sorcery": [], "planeswalker": [], "artifact": [], "enchantment": []}
const colorsData = {"mono-white": structuredClone(type_dict),"mono-black": structuredClone(type_dict),"mono-blue": structuredClone(type_dict),"mono-green": structuredClone(type_dict),"mono-red": structuredClone(type_dict),"colorless": structuredClone(type_dict),"multicolor": structuredClone(type_dict)}
for (const card of all_cards) {
let card_object = {
"name": card.name,
"sanitized_name": card.sanitized_name,
"normal_image": card.normal_image,
"small_image": card.small_image,
"type": card.type,
"layout": card.layout,
"price": card.price,
"cardmarket_uri": card.cardmarket_uri,
"nbr_decks": card.decks.length,
"total_decks": bsets.find((bset) => bset.id == card.bset_id).decks.length,
"colors": card.colors,
// BSETS CARDS STATS
bset_cards_data_export[bset.sanitized_name] = {
"commander": [],
"creature": [],
"land": [],
"enchantment": [],
"sorcery": [],
"instant": [],
"planeswalker": [],
"artifact": [],
}
card_object.percent_decks = (card_object.total_decks != 0) ? parseInt(10000 * (card_object.nbr_decks / card_object.total_decks)) / 100 : 0
for (const card of bset_cards) {
let card_object = {
"name": card.name,
"sanitized_name": card.sanitized_name,
"normal_image": card.normal_image,
"small_image": card.small_image,
"type": card.type,
"layout": card.layout,
"price": card.price,
"cardmarket_uri": card.cardmarket_uri,
"nbr_decks": card.decks.length,
"total_decks": bset.decks.filter((deck) => card.color_identity.every(color => deck.color_identity.includes(color))).length,
"color_identity": card.color_identity,
}
const colorName = getColorName(card.colors)
if (card.type == "land") {
if (colorName != "") {
landsData[colorName].push(card_object)
card_object.percent_decks = (card_object.total_decks != 0) ? parseInt(10000 * (card_object.nbr_decks / card_object.total_decks)) / 100 : 0
bset_cards_data_export[bset.sanitized_name][card.type].push(card_object)
if(card.can_be_commander) {
card_object.total_decks = bset.decks.length
card_object.nbr_decks = card.decks_as_commander != undefined ? card.decks_as_commander.length : 0
card_object.percent_decks = (card_object.total_decks != 0) ? parseInt(10000 * (card_object.nbr_decks / card_object.total_decks)) / 100 : 0
bset_cards_data_export[bset.sanitized_name]["commander"].push(card_object)
const colorName = getColorName(card.color_identity)
if(colorName != "") {
commanderData[colorName].push(card_object)
commanderData["top"].push(card_object)
}
}
}
})
if (card.colors.length <= 1) {
colorsData[colorName][card.type].push(card_object)
} else {
colorsData["multicolor"][card.type].push(card_object)
}
writeFileSync(import.meta.dirname + "/json/misc/bsets.json",JSON.stringify(bsets_list_export), 'utf8')
//for (const card of all_cards) {
//}
for (const index of Object.keys(commanderData)) {
let JSONToWrite = commanderData[index].sort((a,b) => b.percent_decks - a.percent_decks)
writeFileSync(import.meta.dirname + "/json/commander/" + index + ".json",JSON.stringify(JSONToWrite), 'utf8')
}
for (const index of Object.keys(colorsData)) {
let JSONToWrite = colorsData[index]
for (const key of Object.keys(JSONToWrite)){
JSONToWrite[key].sort((a,b) => b.percent_decks - a.percent_decks)
for (const index of Object.keys(bset_cards_data_export)) {
let JSONToWrite = bset_cards_data_export[index]
for (const type of Object.keys(JSONToWrite)) {
JSONToWrite[type] = JSONToWrite[type].sort((a,b) => b.percent_decks - a.percent_decks)
}
writeFileSync(import.meta.dirname + "/json/top/" + index + ".json",JSON.stringify(JSONToWrite), 'utf8')
writeFileSync(import.meta.dirname + "/json/bset/" + index + ".json",JSON.stringify(JSONToWrite), 'utf8')
}
const landsJsonRoot = [[],[],[],[]]
for (const colorName of Object.keys(color_names)){
if(color_names[colorName].length <= 3){
let index = color_names[colorName].length - 1
if(index < 0) { index = 0 }
landsJsonRoot[index].push({ "name": colorName, "count": landsData[colorName].length})
} else {
landsJsonRoot[3].push({ "name": colorName, "count": landsData[colorName].length})
}
let JSONToWrite = landsData[colorName]
JSONToWrite.sort((a,b) => b.percent_decks - a.percent_decks)
writeFileSync(import.meta.dirname + "/json/lands/" + colorName + ".json",JSON.stringify(JSONToWrite), 'utf8')
}
writeFileSync(import.meta.dirname + "/json/lands/lands.json",JSON.stringify(landsJsonRoot), 'utf8')
}
createJson()

12
app/tools/updateDatabase.mjs
View file

@ -54,11 +54,16 @@ try {
// For each card check if we need to upload it to the database
for (const carte of scryfallData) {
if(!preUpdateCardsIds.includes(carte.id) && carte.layout != "art_series"){
if(!preUpdateCardsIds.includes(carte.id) && carte.legalities.commander != "not_legal"){
let type = ""
const layout = carte.layout
const card_type = (carte.type_line == undefined) ? carte.card_faces[0].type_line.toLowerCase() : carte.type_line.toLowerCase()
let promo = (carte.promo_types == undefined) ? false : true
let can_be_commander = (card_type.includes("legendary") && (card_type.includes("creature") || card_type.includes("planeswalker"))) ? true : false
if(card_type.includes("creature")){
type = "creature"
} else if (card_type.includes("planeswalker")) {
@ -77,10 +82,10 @@ try {
try {
if(two_faced_layouts.includes(layout)) {
const addingCardsQuery = await client.query('INSERT INTO carte(id, name, released_at, small_image, small_image_back, normal_image, normal_image_back, type_line, colors, set_id, rarity, cardmarket_uri, price, type, sanitized_name, set_code, layout) VALUES($1, $2, $3, $4, $5, $6, $7, $8, $9, $10, $11, $12, $13, $14, $15, $16, $17)', [carte.id, carte.name, carte.released_at, carte.card_faces[0].image_uris.small, carte.card_faces[1].image_uris.small, carte.card_faces[0].image_uris.normal, carte.card_faces[0].image_uris.normal, carte.type_line, carte.color_identity, carte.set_id, carte.rarity, carte.purchase_uris?.cardmarket, carte.prices.eur, type, carte.name.replace(/[^a-zA-Z0-9]/gim,"-").toLowerCase(), carte.set, layout])
const addingCardsQuery = await client.query('INSERT INTO carte(id, name, released_at, small_image, small_image_back, normal_image, normal_image_back, type_line, color_identity, set_id, rarity, cardmarket_uri, price, type, sanitized_name, set_code, layout, is_promo, can_be_commander) VALUES($1, $2, $3, $4, $5, $6, $7, $8, $9, $10, $11, $12, $13, $14, $15, $16, $17, $18, $19)', [carte.id, carte.name, carte.released_at, carte.card_faces[0].image_uris.small, carte.card_faces[1].image_uris.small, carte.card_faces[0].image_uris.normal, carte.card_faces[0].image_uris.normal, carte.type_line, carte.color_identity, carte.set_id, carte.rarity, carte.purchase_uris?.cardmarket, carte.prices.eur, type, carte.name.replace(/[^a-zA-Z0-9]/gim,"-").toLowerCase(), carte.set, layout, promo, can_be_commander])
} else {
const addingCardsQuery = await client.query('INSERT INTO carte(id, name, released_at, small_image, normal_image, type_line, colors, set_id, rarity, cardmarket_uri, price, type, sanitized_name, set_code, layout) VALUES($1, $2, $3, $4, $5, $6, $7, $8, $9, $10, $11, $12, $13, $14, $15)', [carte.id, carte.name, carte.released_at, carte.image_uris.small, carte.image_uris.normal, carte.type_line, carte.color_identity, carte.set_id, carte.rarity, carte.purchase_uris?.cardmarket, carte.prices.eur, type, carte.name.replace(/[^a-zA-Z0-9]/gim,"-").toLowerCase(), carte.set, layout])
const addingCardsQuery = await client.query('INSERT INTO carte(id, name, released_at, small_image, normal_image, type_line, color_identity, set_id, rarity, cardmarket_uri, price, type, sanitized_name, set_code, layout, is_promo, can_be_commander) VALUES($1, $2, $3, $4, $5, $6, $7, $8, $9, $10, $11, $12, $13, $14, $15, $16, $17)', [carte.id, carte.name, carte.released_at, carte.image_uris.small, carte.image_uris.normal, carte.type_line, carte.color_identity, carte.set_id, carte.rarity, carte.purchase_uris?.cardmarket, carte.prices.eur, type, carte.name.replace(/[^a-zA-Z0-9]/gim,"-").toLowerCase(), carte.set, layout, promo, can_be_commander])
}
total_inserted = total_inserted + 1
@ -94,6 +99,7 @@ try {
// Add the card to the database
} else {
total_skipped = total_skipped + 1
}
}