24 add orm

components/PartsTab.tsx

@@ -1,39 +1,35 @@
 import { filterOptions, productInfo, productType } from "@/types";
 import { useEffect, useState } from "react";
 import { Button, Container } from "react-bootstrap";
-import initSqlJs from "sql.js";
+import { DataSource } from "typeorm";
 import FilterOption from "./FilterOption";
 import ProductList from "./ProductList";
 import SelectedProduct from "./SelectedProduct";
 
 export default function PartsTab({
   type,
-  buf,
-  sql,
+  dataSource,
 }: {
   type: keyof productType;
-  buf: ArrayBuffer;
-  sql: initSqlJs.SqlJsStatic;
+  dataSource: DataSource | undefined;
 }) {
   const [originProducts, setOriginProducts] = useState<productInfo[]>();
   const [convertedProducts, setConvertedProducts] = useState<productInfo[]>();
 
   useEffect(() => {
-    if (buf && sql) {
-      const db = new sql.Database(new Uint8Array(buf));
-      let productList: productInfo[] = [];
-      db.each(
-        `SELECT * FROM ${type} LIMIT 30`,
-        (row) => {
-          productList.push(row as productInfo);
-        },
-        () => {},
-      );
-      console.log(productList);
-      setOriginProducts(productList);
-      setConvertedProducts(productList);
+    if (dataSource) {
+      (async () => {
+        let productList: productInfo[] = [];
+
+        productList = (await dataSource.manager.query(
+          `SELECT * FROM ${type} LIMIT 30`,
+        )) as productInfo[];
+
+        setOriginProducts(productList);
+        setConvertedProducts(productList);
+      })();
     }
-  }, [buf, sql, type]);
+  }, [dataSource, type]);
 
   const [submittedFilterOption, setSubmittedFilterOption] =
     useState<filterOptions>({
@@ -65,8 +61,7 @@ export default function PartsTab({
         show={show}
         handleClose={() => handleClose()}
         type={type}
-        buf={buf}
-        sql={sql}
+        dataSource={dataSource}
         setConvertedProducts={setConvertedProducts}
         submittedFilterOption={submittedFilterOption}
         setSubmittedFilterOption={setSubmittedFilterOption}

components/ProductList.tsx

@@ -37,7 +37,6 @@ export default function ProductList({
                 onClick={() => {
                   let newSelectedProducts = Object.assign({}, selectedProducts);
                   newSelectedProducts[id] = iterator;
-                  console.log(newSelectedProducts);
                   // ここで無限ループ😇
                   setSelectedProducts(newSelectedProducts);
                 }}

db/Cpu.ts

@@ -0,0 +1,58 @@
+import { Column, Entity, PrimaryColumn } from "typeorm";
+
+@Entity("cpu")
+export class Cpu {
+  @PrimaryColumn("text")
+  id!: string;
+
+  @Column("text", { nullable: true })
+  name!: string | null;
+
+  @Column("bigint", { nullable: true })
+  price!: number | null;
+
+  @Column("bigint", { nullable: true })
+  sales_rank!: number | null;
+
+  @Column("float", { nullable: true })
+  review_score!: number | null;
+
+  @Column("bigint", { nullable: true })
+  bbs_count!: number | null;
+
+  @Column("text", { nullable: true })
+  date!: string | null;
+
+  @Column("text", { nullable: true })
+  manufacturer!: string | null;
+
+  @Column("text", { nullable: true })
+  cpu_name!: string | null;
+
+  @Column("text", { nullable: true })
+  codename!: string | null;
+
+  @Column("float", { nullable: true })
+  frequency!: number | null;
+
+  @Column("text", { nullable: true })
+  socket!: string | null;
+
+  @Column("bigint", { nullable: true })
+  core_count!: number | null;
+
+  @Column("bigint", { nullable: true })
+  thread_count!: number | null;
+
+  @Column("text", { nullable: true })
+  gpu!: string | null;
+
+  @Column("bigint", { nullable: true })
+  multi_thread_score!: number | null;
+
+  @Column("bigint", { nullable: true })
+  single_thread_score!: number | null;
+
+  @Column("bigint", { nullable: true })
+  tdp!: number | null;
+}

db/Gpu.ts

@@ -0,0 +1,49 @@
+import { Column, Entity, PrimaryColumn } from "typeorm";
+
+@Entity("gpu")
+export class Gpu {
+  @PrimaryColumn("text")
+  id!: string;
+
+  @Column("text", { nullable: true })
+  name!: string | null;
+
+  @Column("bigint", { nullable: true })
+  price!: number | null;
+
+  @Column("bigint", { nullable: true })
+  sales_rank!: number | null;
+
+  @Column("float", { nullable: true })
+  review_score!: number | null;
+
+  @Column("bigint", { nullable: true })
+  bbs_count!: number | null;
+
+  @Column("text", { nullable: true })
+  date!: string | null;
+
+  @Column("text", { nullable: true })
+  manufacturer!: string | null;
+
+  @Column("text", { nullable: true })
+  gpu_name!: string | null;
+
+  @Column("text", { nullable: true })
+  bus_interface!: string | null;
+
+  @Column("text", { nullable: true })
+  slot!: string | null;
+
+  @Column("text", { nullable: true })
+  standard!: string | null;
+
+  @Column("text", { nullable: true })
+  capacity!: string | null;
+
+  @Column("text", { nullable: true })
+  monitor!: string | null;
+
+  @Column("bigint", { nullable: true })
+  score!: number | null;
+}

db/Memory.ts

@@ -0,0 +1,43 @@
+import { Column, Entity, PrimaryColumn } from "typeorm";
+
+@Entity("memory")
+export class Memory {
+  @PrimaryColumn("text")
+  id!: string;
+
+  @Column("text", { nullable: true })
+  name!: string | null;
+
+  @Column("bigint", { nullable: true })
+  price!: number | null;
+
+  @Column("bigint", { nullable: true })
+  sales_rank!: number | null;
+
+  @Column("float", { nullable: true })
+  review_score!: number | null;
+
+  @Column("bigint", { nullable: true })
+  bbs_count!: number | null;
+
+  @Column("text", { nullable: true })
+  date!: string | null;
+
+  @Column("text", { nullable: true })
+  manufacturer!: string | null;
+
+  @Column("text", { nullable: true })
+  capacity!: string | null;
+
+  @Column("bigint", { nullable: true })
+  pcs!: number | null;
+
+  @Column("text", { nullable: true })
+  standard!: string | null;
+
+  @Column("text", { nullable: true })
+  interface!: string | null;
+
+  @Column("bigint", { nullable: true })
+  price_per_gb!: number | null;
+}

db/Motherboard.ts

@@ -0,0 +1,43 @@
+import { Column, Entity, PrimaryColumn } from "typeorm";
+
+@Entity("motherboard")
+export class Motherboard {
+  @PrimaryColumn("text")
+  id!: string;
+
+  @Column("text", { nullable: true })
+  name!: string | null;
+
+  @Column("bigint", { nullable: true })
+  price!: number | null;
+
+  @Column("bigint", { nullable: true })
+  sales_rank!: number | null;
+
+  @Column("float", { nullable: true })
+  review_score!: number | null;
+
+  @Column("bigint", { nullable: true })
+  bbs_count!: number | null;
+
+  @Column("text", { nullable: true })
+  date!: string | null;
+
+  @Column("text", { nullable: true })
+  manufacturer!: string | null;
+
+  @Column("text", { nullable: true })
+  form_factor!: string | null;
+
+  @Column("text", { nullable: true })
+  socket!: string | null;
+
+  @Column("text", { nullable: true })
+  chipset!: string | null;
+
+  @Column("text", { nullable: true })
+  memory!: string | null;
+
+  @Column("text", { nullable: true })
+  gpu!: string | null;
+}

db/Ssd.ts

@@ -0,0 +1,46 @@
+import { Column, Entity, PrimaryColumn } from "typeorm";
+
+@Entity("ssd")
+export class Ssd {
+  @PrimaryColumn("text")
+  id!: string;
+
+  @Column("text", { nullable: true })
+  name!: string | null;
+
+  @Column("bigint", { nullable: true })
+  price!: number | null;
+
+  @Column("bigint", { nullable: true })
+  sales_rank!: number | null;
+
+  @Column("float", { nullable: true })
+  review_score!: number | null;
+
+  @Column("bigint", { nullable: true })
+  bbs_count!: number | null;
+
+  @Column("text", { nullable: true })
+  date!: string | null;
+
+  @Column("text", { nullable: true })
+  manufacturer!: string | null;
+
+  @Column("text", { nullable: true })
+  capacity!: string | null;
+
+  @Column("bigint", { nullable: true })
+  price_per_gb!: number | null;
+
+  @Column("text", { nullable: true })
+  cell_type!: string | null;
+
+  @Column("text", { nullable: true })
+  size!: string | null;
+
+  @Column("text", { nullable: true })
+  interface!: string | null;
+
+  @Column("bigint", { nullable: true })
+  tbw!: number | null;
+}

json/cpu.json

@@ -0,0 +1,27 @@
+{
+  "core_count": [
+    2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 32, 36, 44, 48, 56, 64,
+    72, 84, 96, 112, 120, 128, 144
+  ],
+  "socket": [
+    "LGA1150",
+    "LGA1151",
+    "LGA1155",
+    "LGA1156",
+    "LGA1200",
+    "LGA1700",
+    "LGA1851",
+    "LGA2011",
+    "LGA2011-3",
+    "LGA2066",
+    "LGA3647",
+    "LGA4189",
+    "LGA4677",
+    "LGA775",
+    "Socket AM4",
+    "Socket AM5",
+    "Socket F",
+    "Socket sTR5",
+    "Socket sWRX8"
+  ]
+}