structを最適化、fix web format，読み方を修正

Makefile

@@ -4,3 +4,6 @@ vercel-env-update:
 
 import_db:
 	ts-node -r tsconfig-paths/register --project tsconfig.scripts.json scripts/import_db.ts
+
+prisma-update:
+	npx dotenv -e .env.production.local -- npx prisma db pull && npx prisma generate

README.md

@@ -1,6 +1,7 @@
 # japanese holy bible
 
 npx prisma init
+npx prisma generate 
 
 npx dotenv -e .env.production.local -- npx prisma db pull
 npx dotenv -e .env.production.local -- npx prisma generate

next.config.mjs

@@ -3,6 +3,15 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
     // env: process.env
+    webpack: (config, { dev }) => {
+        if (dev) {
+            config.watchOptions = {
+                poll: 1000, // 每秒检查一次变更
+                aggregateTimeout: 300, // 延迟300ms再重新构建
+            };
+        }
+        return config;
+    },
 };
 // dotenv.config();
 // console.log(process.env)

prisma/schema.prisma

@@ -21,6 +21,7 @@ model bible {
   verse    Int?
   text     String?
   furigana String?
+  reading  String?
 
   @@unique([book, chapter, verse], map: "unique_combination")
 }

scripts/import_db.ts

@@ -11,7 +11,7 @@ import {Client} from "pg";
 
 import {Prisma, PrismaClient} from "@prisma/client";
 
-let env_file = path.join(__dirname, '../.env.development.local');
+let env_file = path.join(__dirname, '../.env.production.local');
 dotenv.config({path: env_file});
 let start = new Date().getTime();
 const prisma = new PrismaClient();
@@ -97,15 +97,10 @@ async function split_multi(book: string, chapter: number, multi_words: string) {
 }
 
 (async () => {
-  let book = "マタイによる福音書 4";
+  let book = "ローマの信徒への手紙 5";
   let multi_words = ` 
-  1さて、イエスは悪魔から誘惑を受けるため、“霊”に導かれて荒れ野に行かれた。 
-  3すると、誘惑する者が来て、イエスに言った。「神の子なら、これらの石がパンになるように命じたらどうだ。」 4イエスはお答えになった。
-「『人はパンだけで生きるものではない。
-神の口から出る一つ一つの言葉で生きる』
-と書いてある。」
-  
-  `
+  1このように、わたしたちは信仰によって義とされたのだから、わたしたちの主イエス・キリストによって神との間に平和を得ており、 2このキリストのお陰で、今の恵みに信仰によって導き入れられ、神の栄光にあずかる希望を誇りにしています。 3そればかりでなく、苦難をも誇りとします。わたしたちは知っているのです、苦難は忍耐を、 4忍耐は練達を、練達は希望を生むということを。 5希望はわたしたちを欺くことがありません。わたしたちに与えられた聖霊によって、神の愛がわたしたちの心に注がれているからです。 6実にキリストは、わたしたちがまだ弱かったころ、定められた時に、不信心な者のために死んでくださった。 7正しい人のために死ぬ者はほとんどいません。善い人のために命を惜しまない者ならいるかもしれません。 8しかし、わたしたちがまだ罪人であったとき、キリストがわたしたちのために死んでくださったことにより、神はわたしたちに対する愛を示されました。 9それで今や、わたしたちはキリストの血によって義とされたのですから、キリストによって神の怒りから救われるのは、なおさらのことです。 10敵であったときでさえ、御子の死によって神と和解させていただいたのであれば、和解させていただいた今は、御子の命によって救われるのはなおさらです。 11それだけでなく、わたしたちの主イエス・キリストによって、わたしたちは神を誇りとしています。今やこのキリストを通して和解させていただいたからです。
+    `
   let chapter = parseInt(book.split(' ')[1])
   book = book.split(' ')[0]
   await split_multi(book, chapter, multi_words);

scripts/vercel-env-update.js

@@ -10,7 +10,7 @@ function exec_cmd(cmd) {
 let arg = process.argv.slice(2);
 // let env = arg[0];
 let env = "production"
-let env_file = ".env.development.local"
+let env_file = ".env.production.local"
 let env_data = fs.readFileSync(env_file, "utf8");
 const parsedEnv = dotenv.parse(env_data);
 

src/app/api/chapater/route.ts → src/app/api/chapter/route.ts

@@ -15,8 +15,8 @@ export async function GET(
   let params = new URL(request.url).searchParams
   let book = params.get("book")
   console.log(book)
-  let chapaters = await sql`select DISTINCT chapter from bible WHERE book = ${book} ORDER BY chapter;`;
-  let res: number[] = chapaters.rows.map(row => row.chapter)
+  let chapters = await sql`select DISTINCT chapter from bible WHERE book = ${book} ORDER BY chapter;`;
+  let res: number[] = chapters.rows.map(row => row.chapter)
 
   // let res: BibleBooks = {
   // oldBooks: books.filter(book => book.id < 39),

src/app/bible/App.css

@@ -1,9 +1,11 @@
 body {
   background-color: #1E1C19;
+  overflow: hidden;
   /*overflow-y: hidden;*/
 }
 
 .App {
+  overflow: hidden;
   /*font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',*/
   /*'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',*/
   /*sans-serif;*/
@@ -12,8 +14,9 @@ body {
 
 .bible-header {
   text-align: center;
+  /*overflow: hidden;*/
   /*position: relative;*/
-  /*position: fixed;*/
+  position: fixed;
   width: 100%;
   /* height: 8vh; */
 }
@@ -40,18 +43,18 @@ body {
 /*  color: white;*/
 /*}*/
 
-.App-link {
-  color: #61dafb;
-}
+/*.App-link {*/
+/*  color: #61dafb;*/
+/*}*/
 
-@keyframes App-logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
+/*@keyframes App-logo-spin {*/
+/*  from {*/
+/*    transform: rotate(0deg);*/
+/*  }*/
+/*  to {*/
+/*    transform: rotate(360deg);*/
+/*  }*/
+/*}*/
 
 /*.MuiSelect-root {*/
 /*  background-color: #fff;*/
@@ -73,14 +76,18 @@ body {
 /*  overflow-y: scroll;*/
 /*}*/
 .bible-body {
+  /*overflow: hidden ;*/
+  margin-top: 15vh;
+  height: 75vh;
+  /*margin-bottom: 20vh;*/
   /*white-space: pre-wrap; !* 保留空白符号并允许换行 *!*/
   /*word-wrap: break-word;*/
   /*height: calc(100vh - 70px);*/
   /*bottom: 70px;*/
-  @media (max-width: 600px) {
-    /*height: 50px;*/
-    height: 60vh;
-  }
+  /*@media (max-width: 600px) {*/
+  /*height: 50px;*/
+  /*height: 60vh;*/
+  /*}*/
   /*top: 0;*/
   /*width: 80vh;*/
   /*bottom: 70px;*/
@@ -91,7 +98,6 @@ body {
 
   /*overflow-y: scroll; !* 允许滚动 *!*/
   /*display: flex;*/
-  height: 80vh;
   /*height: 100%;*/
   /*width: 80vw;*/
   /*width: min-content;*/
@@ -155,17 +161,20 @@ body {
 /*}*/
 
 .bible-toolbar {
-  display: block;
+  /*overflow: hidden;*/
+  /*display: block;*/
   /*display: flex;*/
   /*justify-content: space-between;*/
   /*align-items: center;*/
   /*padding: 10px;*/
   /*background-color: #282c34;*/
   /*color: white;*/
   position: fixed;
+  /*margin-bottom: 20vh;*/
   width: 100%; /* 宽度占满整个屏幕 */
   /*height: 50px;*/
-  height: 20vh;
-  /*bottom: 10vh;*/
+  /*height: 9vh;*/
+  height: auto;
+  bottom: 0;
   /*white-space: pre-wrap;*/
 }