tmiller/pokemon
1
0
Fork 1
Code Issues 4 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

[feat] update drizzle to v2 and add card-price relations

Browse Source
This commit is contained in:
Thad Miller
2026-02-13 21:28:33 -05:00
parent 18b8774a89
commit a774360065
8 changed files with 1029 additions and 603 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1450
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

4
package.json
View File

@@ -14,14 +14,14 @@
"bootstrap": "^5.3.8",
"chalk": "^5.6.2",
"dotenv": "^17.2.4",
"drizzle-orm": "^0.45.1",
"drizzle-orm": "^1.0.0-beta.15-859cf75",
"mysql2": "^3.16.3",
"sass": "^1.97.3"
},
"devDependencies": {
"@types/bootstrap": "^5.2.10",
"@types/node": "^25.2.1",
"drizzle-kit": "^0.31.8",
"drizzle-kit": "^1.0.0-beta.15-859cf75",
"typescript": "^5.9.3"
}
}

2
src/assets/css/_bootstrap.scss
View File

@@ -48,4 +48,4 @@
// @import 'bootstrap/scss/helpers';
// Optional utilities
// @import 'bootstrap/scss/utilities/api';
@import 'bootstrap/scss/utilities/api';

4
src/assets/css/main.scss
View File

@@ -1,3 +1,5 @@
@import '_bootstrap';
.copy-small {
font-size: 0.8rem;
}

12
src/db/index.ts
View File

@@ -1,11 +1,11 @@
// src/db/index.ts
import 'dotenv/config';
import { relations } from './relations';
import { drizzle } from 'drizzle-orm/mysql2';
import mysql from 'mysql2/promise';
import * as schema from './schema';
//import mysql from 'mysql2/promise';
//import * as schema from './schema';
const poolConnection = mysql.createPool({
uri: process.env.DATABASE_URL,
});
//const poolConnection = mysql.createPool(process.env.DATABASE_URL!);
export const db = drizzle(process.env.DATABASE_URL!, { relations });
export const db = drizzle(poolConnection, { schema, mode: 'default' });

16
src/db/relations.ts Normal file
View File

@@ -0,0 +1,16 @@
import { defineRelations } from "drizzle-orm";
import * as schema from "./schema";
export const relations = defineRelations(schema, (r) => ({
skus: {
card: r.one.cards({
from: r.skus.productId,
to: r.cards.productId,
}),
},
cards: {
prices: r.many.skus(),
},
}));

66
src/db/schema.ts
View File

@@ -1,22 +1,27 @@
// src/db/schema.ts
import { mysqlTable, varchar, int, boolean, decimal, datetime, index } from 'drizzle-orm/mysql-core';
import { mysqlTable, int, varchar, boolean, decimal, datetime, index } from "drizzle-orm/mysql-core"
export const cards = mysqlTable('cards', {
productId: int().notNull().primaryKey(),
export const cards = mysqlTable("cards", {
productId: int().primaryKey(),
productName: varchar({ length: 255 }).notNull(),
productLineName: varchar({ length: 255 }).notNull().default(''),
productLineUrlName: varchar({ length: 255 }).notNull().default(''),
productStatusId: int().notNull().default(0),
productTypeId: int().notNull().default(0),
productUrlName: varchar({ length: 255 }).notNull().default(''),
rarityName: varchar({ length: 100 }).notNull().default(''),
score: decimal({ precision: 10, scale: 2 }).notNull().default('0'),
sealed: boolean().notNull().default(false),
sellerListable: boolean().notNull().default(false),
setId: int().notNull().default(0),
shippingCategoryId: int().notNull().default(0),
duplicate: boolean().notNull().default(false),
foilOnly: boolean().notNull().default(false),
productLineName: varchar({ length: 255 }).default("").notNull(),
productLineUrlName: varchar({ length: 255 }).default("").notNull(),
productStatusId: int().default(0).notNull(),
productTypeId: int().default(0).notNull(),
productUrlName: varchar({ length: 255 }).default("").notNull(),
rarityName: varchar({ length: 100 }).default("").notNull(),
sealed: boolean().default(false).notNull(),
sellerListable: boolean().default(false).notNull(),
setId: int().default(0).notNull(),
shippingCategoryId: int().default(0).notNull(),
duplicate: boolean().default(false).notNull(),
foilOnly: boolean().default(false).notNull(),
maxFulfillableQuantity: int().default(0).notNull(),
totalListings: int().default(0).notNull(),
score: decimal({ precision: 10, scale: 2, mode: 'number' }).default(0).notNull(),
lowestPrice: decimal({ precision: 10, scale: 2, mode: 'number' }).default(0).notNull(),
lowestPriceWithShipping: decimal({ precision: 10, scale: 2, mode: 'number' }).default(0).notNull(),
marketPrice: decimal({ precision: 10, scale: 2, mode: 'number' }).default(0).notNull(),
medianPrice: decimal({ precision: 10, scale: 2, mode: 'number' }).default(0).notNull(),
attack1: varchar({ length: 1024 }),
attack2: varchar({ length: 1024 }),
attack3: varchar({ length: 1024 }),
@@ -25,30 +30,24 @@ export const cards = mysqlTable('cards', {
cardTypeB: varchar({ length: 100 }),
energyType: varchar({ length: 100 }),
flavorText: varchar({ length: 1000 }),
hp: int().notNull().default(0),
number: varchar({ length: 50 }).notNull().default(''),
hp: int().default(0).notNull(),
number: varchar({ length: 50 }).default("").notNull(),
releaseDate: datetime(),
resistance: varchar({ length: 100 }),
retreatCost: varchar({ length: 100 }),
stage: varchar({ length: 100 }),
weakness: varchar({ length: 100 }),
lowestPrice: decimal({ precision: 10, scale: 2 }).notNull().default('0'),
lowestPriceWithShipping: decimal({ precision: 10, scale: 2 }).notNull().default('0'),
marketPrice: decimal({ precision: 10, scale: 2 }).notNull().default('0'),
maxFulfillableQuantity: int().notNull().default(0),
medianPrice: decimal({ precision: 10, scale: 2 }).notNull().default('0'),
totalListings: int().notNull().default(0),
});
export const sets = mysqlTable('sets', {
setId: int().notNull().primaryKey(),
setCode: varchar({ length: 100 }).notNull(),
export const sets = mysqlTable("sets", {
setId: int().primaryKey(),
setName: varchar({ length: 255 }).notNull(),
setUrlName: varchar({ length: 255 }).notNull(),
setCode: varchar({ length: 100 }).notNull(),
});
export const skus = mysqlTable('skus', {
skuId: int().notNull().primaryKey(),
export const skus = mysqlTable("skus", {
skuId: int().primaryKey(),
productId: int().notNull(),
condition: varchar({ length: 255 }).notNull(),
language: varchar({ length: 100 }).notNull(),
@@ -58,6 +57,7 @@ export const skus = mysqlTable('skus', {
lowestPrice: decimal({ precision: 10, scale: 2 }),
marketPrice: decimal({ precision: 10, scale: 2 }),
priceCount: int(),
},(table) => ({
productIdIdx: index('productIdIdx').on(table.productId),
}));
},
(table) => [
index("productIdIdx").on(table.productId),
]);

28
src/pages/pokemon.astro
View File

@@ -1,12 +1,20 @@
---
import Layout from '../layouts/Main.astro';
import * as schema from '../db/schema.ts';
import { eq } from 'drizzle-orm';
//import { eq } from 'drizzle-orm';
import { db } from '../db';
//import * as schema from '../db/schema.ts';
// Get some sample Pokemon data from the database
const pokemon = await db.select().from(schema.cards).where(eq(schema.cards.productLineName, "pokemon")).limit(10);
//const pokemon = await db.select().from(schema.cards).where(eq(schema.cards.productLineName, "pokemon")).limit(16);
const pokemon = await db.query.cards.findMany({
where: { productLineName: "pokemon" },
limit: 16,
with: {
prices: true,
}
});
---
<Layout>
@@ -16,11 +24,19 @@ const pokemon = await db.select().from(schema.cards).where(eq(schema.cards.produ
<h1>Pokemon</h1>
</div>
</div>
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 row-cols-xl-4">
<div class="row gy-4 row-cols-1 row-cols-md-2 row-cols-lg-3 row-cols-xl-4">
{pokemon.map((card) => (
<div class="col">
<img src={`/public/cards/${card.productId}.jpg`} alt={card.productName} class="img-fluid" />
{card.productName} - {card.number}
<img src={`/cards/${card.productId}.jpg`} alt={card.productName} class="img-fluid" />
<div class="row justify-content-between">
<div class="col-auto"><strong>{card.productName}</strong></div>
<div class="col-auto">{card.number}</div>
</div>
<div class="row">
{card.prices.map((price) => (
<div class="col-auto copy-small">{price.condition.split(' ').map((word) => word.charAt(0)).join('')}<br />{price.marketPrice}</div>
))}
</div>
</div>
))}