fix: resolve multiple bugs including error display, input clearing, CORS config, verb data and stream buffer handling

Author: 许君山

backend/common-verbs.json

@@ -18,7 +18,7 @@
   {"kanji": "帰る", "kana": "かえる", "romaji": "kaeru", "meaning": "回家 (return)"},
   {"kanji": "分かる", "kana": "わかる", "romaji": "wakaru", "meaning": "懂 (understand)"},
   {"kanji": "走る", "kana": "はしる", "romaji": "hashiru", "meaning": "跑 (run)"},
-  {"kanji": "歩く", "kana": "あるく", "romaji": "aruku", "meaning": "走 (walk)"},
+  {"kanji": "歩く", "kana": "あるく", "romaji": "aruku", "meaning": "行走 (walk)"},
   {"kanji": "泳ぐ", "kana": "およぐ", "romaji": "oyogu", "meaning": "游泳 (swim)"},
   {"kanji": "遊ぶ", "kana": "あそぶ", "romaji": "asobu", "meaning": "玩 (play)"},
   {"kanji": "休む", "kana": "やすむ", "romaji": "yasumu", "meaning": "休息 (rest)"},
@@ -71,7 +71,6 @@
   {"kanji": "入れる", "kana": "いれる", "romaji": "ireru", "meaning": "放入 (put in)"},
   {"kanji": "置く", "kana": "おく", "romaji": "oku", "meaning": "放置 (put)"},
   {"kanji": "住む", "kana": "すむ", "romaji": "sumu", "meaning": "居住 (live)"},
-  {"kanji": "働く", "kana": "はたらく", "romaji": "hataraku", "meaning": "工作 (work)"},
   {"kanji": "手伝う", "kana": "てつだう", "romaji": "tetsudau", "meaning": "帮忙 (help)"},
   {"kanji": "頑張る", "kana": "がんばる", "romaji": "ganbaru", "meaning": "加油 (do one's best)"},
   {"kanji": "疲れる", "kana": "つかれる", "romaji": "tsukareru", "meaning": "累 (get tired)"},

backend/package-lock.json

@@ -12,6 +12,7 @@
     "cors": "^2.8.5",
     "express": "^4.18.2",
     "kuromoji": "^0.1.2",
+    "ollama": "^0.6.3",
     "wanakana": "^5.3.1"
   }
 }

backend/package.json

@@ -66,7 +66,11 @@ const app = express();
 const PORT = process.env.PORT || 3000;
 
 // 中间件
-app.use(cors());
+app.use(cors({
+  origin: process.env.CORS_ORIGIN || '*',
+  methods: ['GET', 'POST'],
+  allowedHeaders: ['Content-Type']
+}));
 app.use(express.json());
 
 let tokenizer = null;
@@ -111,7 +115,7 @@ function detectVerbType(verb) {
      return null;
   }
   // 还需要检查提取出的动词是否是一个完整的字典形（基本形）
-  if (verbToken.conjugated_form !== '基本形') {
+  if (verbToken.conjugated_form && verbToken.conjugated_form !== '基本形') {
       return null;
   }
 

backend/server.js

@@ -44,7 +44,7 @@
             {{ loading ? '处理中...' : '活用' }}
           </button>
 
-          <div v-if="error" class="error-message" style="display: none;">
+          <div v-if="error" class="error-message">
             {{ error }}
           </div>
         </div>
@@ -369,8 +369,7 @@ const conjugate = async () => {
     error.value = err.response?.data?.error || '请求失败，请检查输入';
     // 错误时重置结果状态
     result.value = null;
-    // 错误时让输入框获取焦点，并清空用户的错误输入以便显示 placeholder 的错误提示
-    form.value.verb = '';
+    // 错误时让输入框获取焦点，保留用户输入以便修正
     setTimeout(() => {
       document.getElementById('verb')?.focus();
     }, 50);
@@ -415,7 +414,28 @@ const fetchAiExplanation = async () => {
 
     while (true) {
       const { done, value } = await reader.read();
-      if (done) break;
+      if (done) {
+        // 处理 buffer 中可能残留的最后一条数据
+        if (buffer.trim()) {
+          const eventStr = buffer.trim();
+          if (eventStr.startsWith('data: ')) {
+            const dataStr = eventStr.slice(6);
+            if (dataStr === '[DONE]') {
+              completeProgress();
+            } else {
+              try {
+                const data = JSON.parse(dataStr);
+                if (data.content) {
+                  fullAiText += data.content;
+                }
+              } catch (e) {
+                // ignore incomplete data
+              }
+            }
+          }
+        }
+        break;
+      }
       
       buffer += decoder.decode(value, { stream: true });