Spaces:

OpenLab-NLP
/

aaa

Running

App Files Files Community

OpenLab-NLP commited on Feb 6

Commit

cc472d6

verified ·

1 Parent(s): 94d5ad0

Update index.html

Browse files

Files changed (1) hide show

index.html +41 -47

index.html CHANGED Viewed

@@ -25,7 +25,7 @@
         .word-cell { font-weight: bold; color: var(--accent-color); width: 25%; }
         .meaning-cell { width: 55%; font-size: 0.95rem; }
         .path-cell { font-size: 0.7rem; color: #bbb; width: 20%; text-align: right; }
-        .usage-tag { font-size: 0.8rem; color: #888; display: block; margin-top: 4px; border-top: 1px dashed #eee; padding-top: 4px; }
     </style>
 </head>
 <body>
@@ -37,19 +37,19 @@
 <header>
     <h1>HUIUCL</h1>
-    <div style="color:#999; font-size:0.8rem; margin-top:5px;">DATABASE v2.7 (Manual Mapping)</div>
 </header>
 <div class="container">
     <section id="dictionary" class="active">
-        <input type="text" id="searchInput" class="search-box" placeholder="단어, 뜻, 카테고리 검색..." oninput="renderTable()">
         <div class="filter-container" id="categoryButtons">
             <button class="filter-btn active" onclick="filterCategory('모두', this)">모두 보기</button>
         </div>
         <div class="table-wrapper">
             <table>
                 <thead>
-                    <tr><th>단어</th><th>의미 및 설명</th><th style="text-align:right;">분류</th></tr>
                 </thead>
                 <tbody id="dictBody"></tbody>
             </table>
@@ -99,60 +99,54 @@
         const query = document.getElementById('searchInput').value.toLowerCase();
         const body = document.getElementById('dictBody');
         body.innerHTML = '';
-        const categories = currentCategory === '모두'
-            ? Object.keys(conlangData).filter(k => k !== "Settings")
-            : [currentCategory];
-        categories.forEach(cat => {
-            manualProcess(conlangData[cat], cat, query);
-        });
     }
-    // 하나하나 성격에 맞춰 지정 처리하는 수동 매핑 엔진
-    function manualProcess(obj, path, query) {
-        if (path.includes("Grammar_Rules")) return; // 문법 규칙은 사전에서 제외
         for (let key in obj) {
             const val = obj[key];
             if (!val) continue;
-            // 1. [단어 객체] - meaning_ko, ko, definition 등의 키가 있는 경우
-            if (typeof val === 'object' && (val.meaning_ko || val.ko || val.definition || val.뜻)) {
-                let mainWord = key;
-                let kor = val.meaning_ko || val.ko || val.뜻 || val.definition || "";
-                let eng = val.meaning_en || val.en || "";
-                let extra = val.usage || val.note || "";
-                if (mainWord.toLowerCase().includes(query) || kor.toLowerCase().includes(query)) {
-                    appendRow(mainWord, kor, eng, extra, path);
-                }
-                // 하위 파생어 처리
-                if (val.derivations) {
-                    for (let dKey in val.derivations) {
-                        appendRow(dKey, val.derivations[dKey], "", "", path, true);
                     }
                 }
-                // 조동사 등 내부 텐스 변형이 있는 경우 (acam, acac 등)
-                if (val.tense_variants) {
-                    manualProcess(val.tense_variants, path + " > " + key, query);
-                }
-            }
-            // 2. [단순 키-값] - 대명사, 인사말 등 (key: "string")
             else if (typeof val === 'string') {
                 if (key.toLowerCase().includes(query) || val.toLowerCase().includes(query)) {
                     appendRow(key, val, "", "", path);
                 }
             }
-            // 3. [조사/접사 구조] - 키 내부에 또 설명이 있거나, 묶여 있는 경우
-            else if (typeof val === 'object') {
-                // 특정 키(usage, note, definition) 자체가 단어로 뜨지 않도록 필터링하며 재귀 탐색
-                if (!["usage", "note", "definition", "tense_variants"].includes(key)) {
-                    manualProcess(val, path + " > " + key, query);
-                }
-            }
         }
     }
@@ -161,13 +155,13 @@
         const row = body.insertRow();
         if (isSub) row.className = 'variation-row';
-        let meaningHtml = `<strong>${kor}</strong>`;
-        if (eng) meaningHtml += ` <span style="color:#888;">(${eng})</span>`;
-        if (usage) meaningHtml += `<span class="usage-tag">※ ${usage}</span>`;
         row.innerHTML = `
             <td class="word-cell">${isSub ? '└ ' : ''}${word}</td>
-            <td class="meaning-cell">${meaningHtml}</td>
             <td class="path-cell">${path}</td>
         `;
     }
@@ -190,7 +184,7 @@
             }
         }
         findRules(conlangData, "");
-        target.innerHTML = html || "<p>로드된 문법 규칙이 없습니다.</p>";
     }
 </script>
 </body>

         .word-cell { font-weight: bold; color: var(--accent-color); width: 25%; }
         .meaning-cell { width: 55%; font-size: 0.95rem; }
         .path-cell { font-size: 0.7rem; color: #bbb; width: 20%; text-align: right; }
+        .usage-text { font-size: 0.85rem; color: #7a7a7a; background: #fcfcfc; border-left: 3px solid var(--accent-color); padding: 5px 10px; margin-top: 8px; }
     </style>
 </head>
 <body>
 <header>
     <h1>HUIUCL</h1>
+    <div style="color:#999; font-size:0.8rem; margin-top:5px;">DATABASE v2.8 (Strict Object Handing)</div>
 </header>
 <div class="container">
     <section id="dictionary" class="active">
+        <input type="text" id="searchInput" class="search-box" placeholder="단어, 뜻 검색..." oninput="renderTable()">
         <div class="filter-container" id="categoryButtons">
             <button class="filter-btn active" onclick="filterCategory('모두', this)">모두 보기</button>
         </div>
         <div class="table-wrapper">
             <table>
                 <thead>
+                    <tr><th>단어</th><th>의미 및 상세 설명</th><th style="text-align:right;">분류</th></tr>
                 </thead>
                 <tbody id="dictBody"></tbody>
             </table>
         const query = document.getElementById('searchInput').value.toLowerCase();
         const body = document.getElementById('dictBody');
         body.innerHTML = '';
+        const cats = currentCategory === '모두' ? Object.keys(conlangData).filter(k => k !== "Settings") : [currentCategory];
+        cats.forEach(cat => strictProcess(conlangData[cat], cat, query));
     }
+    function strictProcess(obj, path, query) {
+        // 문법 규칙 제외
+        if (path.includes("Grammar_Rules")) return;
         for (let key in obj) {
             const val = obj[key];
             if (!val) continue;
+            // 출력 제외 예약어
+            const skipKeys = ["usage", "note", "definition", "tense_variants", "ko", "en"];
+            if (skipKeys.includes(key)) continue;
+            // 1. 단어 정보가 담긴 객체인 경우
+            if (typeof val === 'object') {
+                const kor = val.meaning_ko || val.ko || val.뜻 || val.definition || "";
+                const eng = val.meaning_en || val.en || "";
+                const usage = val.usage || val.note || "";
+                // 한국어 뜻이나 영문 키에 정보가 있는 '진짜 단어'인 경우 출력
+                if (kor || eng) {
+                    if (key.toLowerCase().includes(query) || (typeof kor === 'string' && kor.includes(query))) {
+                        appendRow(key, kor, eng, usage, path);
                     }
+                    // 파생어 처리
+                    if (val.derivations) {
+                        for (let dKey in val.derivations) {
+                            appendRow(dKey, val.derivations[dKey], "", "", path, true);
+                        }
+                    }
+                    // 시제 변형이 있다면 내부 탐색
+                    if (val.tense_variants) strictProcess(val.tense_variants, path + " > " + key, query);
+                }
+                // 하위 데이터가 더 있다면 재귀 탐색
+                else {
+                    strictProcess(val, path + " > " + key, query);
                 }
+            }
+            // 2. 대명사/인사말 등 단순 문자열인 경우
             else if (typeof val === 'string') {
                 if (key.toLowerCase().includes(query) || val.toLowerCase().includes(query)) {
                     appendRow(key, val, "", "", path);
                 }
             }
         }
     }
         const row = body.insertRow();
         if (isSub) row.className = 'variation-row';
+        let content = `<strong>${typeof kor === 'object' ? JSON.stringify(kor) : kor}</strong>`;
+        if (eng) content += ` <span style="color:#888;">(${eng})</span>`;
+        if (usage) content += `<div class="usage-text">※ ${usage}</div>`;
         row.innerHTML = `
             <td class="word-cell">${isSub ? '└ ' : ''}${word}</td>
+            <td class="meaning-cell">${content}</td>
             <td class="path-cell">${path}</td>
         `;
     }
             }
         }
         findRules(conlangData, "");
+        target.innerHTML = html;
     }
 </script>
 </body>