deck display
This commit is contained in:
micialware committed
1 parent
6e609cc9fa
commit
37b3b61f79
9 files changed
+226
-58
No files matched your search
Vendored
-52
@@ -1,52 +0,0 @@
|
||||
(function(){const n=document.createElement("link").relList;if(n&&n.supports&&n.supports("modulepreload"))return;for(const i of document.querySelectorAll('link[rel="modulepreload"]'))s(i);new MutationObserver(i=>{for(const u of i)if(u.type==="childList")for(const h of u.addedNodes)h.tagName==="LINK"&&h.rel==="modulepreload"&&s(h)}).observe(document,{childList:!0,subtree:!0});function o(i){const u={};return i.integrity&&(u.integrity=i.integrity),i.referrerPolicy&&(u.referrerPolicy=i.referrerPolicy),i.crossOrigin==="use-credentials"?u.credentials="include":i.crossOrigin==="anonymous"?u.credentials="omit":u.credentials="same-origin",u}function s(i){if(i.ep)return;i.ep=!0;const u=o(i);fetch(i.href,u)}})();const _e=new Worker(new URL("/assets/db-worker-AHwpujSZ.js",import.meta.url),{type:"module"});let ar=0,Ye=null;const De=new Map;function kn(){return Ye||(Ye=new Promise((r,n)=>{_e.onmessage=s=>{const i=s.data;if(i.type==="ready")return;const u=De.get(i.id);u&&(De.delete(i.id),i.type=="success"?u.resolve(i.data):u.reject(new Error(i.error??i.message??"Неизвестная ошибка Worker")))},_e.onerror=s=>{console.error("[SQLite Worker] Ошибка:",s),n(new Error("Ошибка Worker"))};const o=++ar;De.set(o,{resolve:r,reject:n}),_e.postMessage({type:"start",id:o})}),Ye)}function $n(r,n){return new Promise((o,s)=>{if(!_e){s(new Error("Worker не создан"));return}const i=++ar;De.set(i,{resolve:o,reject:s}),_e.postMessage({type:r,id:i,...n})})}async function Ae(r,n){return await $n("query",{sql:r,params:n??[]})}function Qn(r){if(r==null)return[];const n=String(r).trim();return n?n.split(/[,\s;]+/).map(o=>o.trim()).filter(o=>o.length>0):[]}function Tn(r){const n=new Map;if(r==null)return n;const o=String(r);if(!o)return n;const s=o.split(" ");for(let i=0;i+1<s.length;i+=2){const u=Number(s[i]),h=s[i+1]??"";!Number.isFinite(u)||!Number.isInteger(u)||h&&n.set(u,h)}return n}function Fn(r){const n=Number(r.id??0),o=String(r.key??""),s=String(r.value??""),i=r.tags==null?"":String(r.tags),u=Number(r.group_id??1);return{id:n,key:o,value:s,tags:i,tagsList:Qn(i),more:Tn(r.more),group_id:Number.isFinite(u)?u:1}}function or(r){const n=[],o=[],s=(r.search??"").trim();if(s){n.push("(key LIKE ? ESCAPE '\\' OR value LIKE ? ESCAPE '\\' OR tags LIKE ? ESCAPE '\\')");const i=`%${s.replace(/\\/g,"\\\\").replace(/%/g,"\\%").replace(/_/g,"\\_")}%`;o.push(i,i,i)}return r.groupId!=null&&(n.push("group_id = ?"),o.push(r.groupId)),{clause:n.length>0?`WHERE ${n.join(" AND ")}`:"",params:o}}async function Nn(r={}){const{clause:n,params:o}=or(r),i=(await Ae(`SELECT COUNT(*) as cnt FROM words ${n}`,o))[0]?.cnt;return typeof i=="number"?i:Number(i??0)}async function jt(r={}){const{clause:n,params:o}=or(r),s=Math.max(1,Math.min(r.limit??50,500)),i=Math.max(0,r.offset??0);return(await Ae(`SELECT id, key, value, tags, more, group_id FROM words ${n} ORDER BY id LIMIT ? OFFSET ?`,[...o,s,i])).map(Fn)}async function Hn(){return(await Ae("SELECT id, name FROM word_groups ORDER BY id")).map(n=>({id:Number(n.id),name:String(n.name??"")}))}async function Pn(){return(await Ae("SELECT id, name, identifier FROM custom_fields ORDER BY id")).map(n=>({id:Number(n.id),name:String(n.name??""),identifier:String(n.identifier??"")}))}const Ut="japanese_app.db";async function Ct(){return navigator.storage.getDirectory()}async function _n(r){r[18]=1,r[19]=1;const o=await(await Ct()).getFileHandle(Ut,{create:!0}),s=o.createSyncAccessHandle;if(typeof s=="function")try{const u=await s.call(o);try{u.truncate(0),u.write(r,{at:0}),u.flush()}finally{u.close()}return}catch{}const i=await o.createWritable();try{await i.truncate(0);const u=new Uint8Array(r.length);u.set(r),await i.write(u)}finally{await i.close()}}async function qn(){const r=await Ct();let n;try{n=await r.getFileHandle(Ut)}catch{throw new Error("Локальная база не найдена — сначала скачай сохранение")}const o=await n.getFile();if(o.size===0)throw new Error("Локальная база пуста");return new Uint8Array(await o.arrayBuffer())}async function Ge(){try{return(await(await(await Ct()).getFileHandle(Ut)).getFile()).size>0}catch{return!1}}var Ln=ArrayBuffer,z=Uint8Array,je=Uint16Array,Rn=Int16Array,et=Int32Array,ft=function(r,n,o){if(z.prototype.slice)return z.prototype.slice.call(r,n,o);(n==null||n<0)&&(n=0),(o==null||o>r.length)&&(o=r.length);var s=new z(o-n);return s.set(r.subarray(n,o)),s},qe=function(r,n,o,s){if(z.prototype.fill)return z.prototype.fill.call(r,n,o,s);for((o==null||o<0)&&(o=0),(s==null||s>r.length)&&(s=r.length);o<s;++o)r[o]=n;return r},In=function(r,n,o,s){if(z.prototype.copyWithin)return z.prototype.copyWithin.call(r,n,o,s);for((o==null||o<0)&&(o=0),(s==null||s>r.length)&&(s=r.length);o<s;)r[n++]=r[o++]},Jn=["invalid zstd data","window size too large (>2046MB)","invalid block type","FSE accuracy too high","match distance too far back","unexpected EOF"],B=function(r,n,o){var s=new Error(n||Jn[r]);if(s.code=r,Error.caLine truncated
|
||||
<div id="home-db-banner" class="db-banner" role="status" hidden>
|
||||
<span id="home-db-text" class="db-banner-text">Проверка локальной базы…</span>
|
||||
<button id="home-db-go" class="db-banner-link" type="button">Синхронизация →</button>
|
||||
</div>
|
||||
<section class="card" aria-labelledby="words-title">
|
||||
<h2 id="words-title" class="card-title">📚 Слова</h2>
|
||||
<div class="words-toolbar">
|
||||
<input id="words-search" class="words-search" type="search" placeholder="Поиск: ключ, перевод, тег…"
|
||||
autocomplete="off" aria-label="Поиск по словам" />
|
||||
<select id="words-group" class="words-group" aria-label="Фильтр по группе">
|
||||
<option value="">Все группы</option>
|
||||
</select>
|
||||
</div>
|
||||
<p id="words-count" class="card-hint" role="status" aria-live="polite"></p>
|
||||
<div id="words-status" class="status-bar" role="status">База ещё не проверена.</div>
|
||||
<div id="words-list" class="words-list" aria-live="polite"></div>
|
||||
<div class="btn-row"><button id="words-more" class="btn" type="button" hidden>Показать ещё</button></div>
|
||||
</section>
|
||||
`;const o=r.querySelector("#home-db-banner"),s=r.querySelector("#home-db-text"),i=r.querySelector("#home-db-go"),u=r.querySelector("#words-search"),h=r.querySelector("#words-group"),w=r.querySelector("#words-count"),U=r.querySelector("#words-status"),M=r.querySelector("#words-list"),b=r.querySelector("#words-more");function F(g,C){o.hidden=!1,s.textContent=g,i.hidden=!1}function N(){o.hidden=!0}i.addEventListener("click",()=>{document.querySelector('.drawer-btn[data-page="sync"]')?.click()});let y=!1,Q=new Map,m=0,x=[],I=null,X=0,R=!1,Y=0,K=0;function E(){const g=h.value;if(g==="")return{search:u.value.trim(),groupId:null};const C=Number(g);return{search:u.value.trim(),groupId:Number.isFinite(C)?C:null}}function O(){b.hidden=!(y&&x.length<m),b.hidden||(b.textContent=`Показать ещё (${m-x.length} осталось)`)}function D(){M.innerHTML=x.map(g=>er(g,Q,g.id===I)).join(""),w.textContent=m>0?`Показано ${x.length} из ${m}`:"",O()}function ee(g){if(I===g){g!=null&&G(g),I=null;return}I!=null&&G(I),I=g,g!=null&&re(g)}function G(g){const C=M.querySelector(`.word-row-wrap[data-word-id="${g}"]`);if(!C)return;const k=C.querySelector(".word-row"),P=C.querySelector(".word-extra");k&&(k.classList.remove("open"),k.setAttribute("aria-expanded","false")),P&&(P.hidden=!0,P.innerHTML="")}function re(g){const C=x.find(fe=>fe.id===g),k=M.querySelector(`.word-row-wrap[data-word-id="${g}"]`);if(!C||!k)return;const P=k.querySelector(".word-row"),_=k.querySelector(".word-extra");P&&(P.classList.add("open"),P.setAttribute("aria-expanded","true")),_&&(_.hidden=!1,_.innerHTML=lr(C,Q))}function V(g){U.textContent=g,U.hidden=g===""}async function j(){if(!y||R)return;R=!0;const g=++Y,C=E();b.disabled=!0,x.length===0&&V("Загрузка слов…");try{const[k,P]=await Promise.all([Nn({search:C.search,groupId:C.groupId??void 0}),jt({search:C.search,groupId:C.groupId??void 0,limit:At,offset:0})]);if(g!==Y)return;m=k,x=P,X=P.length,I!=null&&!x.some(_=>_.id===I)&&(I=null),D(),V(P.length===0?"По этому запросу слов нет.":""),P.length===0&&m===0&&(w.textContent="Слов в базе пока нет.")}catch(k){if(g!==Y)return;V(`Не удалось загрузить слова: ${k instanceof Error?k.message:String(k)}`)}finally{g===Y&&(R=!1,b.disabled=!1,O())}}async function H(){if(!y||R||x.length>=m)return;R=!0;const g=++Y,C=E();b.disabled=!0,b.textContent="Загрузка…";try{const k=await jt({search:C.search,groupId:C.groupId??void 0,limit:At,offset:X});if(g!==Y)return;x=x.concat(k),X+=k.length,M.insertAdjacentHTML("beforeend",k.map(P=>er(P,Q,P.id===I)).join("")),w.textContent=`Показано ${x.length} из ${m}`,O()}catch(k){if(g!==Y)return;V(`Не удалось догрузить: ${k instanceof Error?k.message:String(k)}`)}finally{g===Y&&(R=!1,b.disabled=!1,O())}}u.addEventListener("input",()=>{window.clearTimeout(K),K=window.setTimeout(()=>{j()},300)}),u.addEventListener("keydown",g=>{g.key==="Enter"&&(window.clearTimeout(K),j())}),h.addEventListener("change",()=>{j()}),b.addEventListener("click",()=>{H()}),M.addEventListener("click",g=>{const C=g.target.closest(".word-row");if(!C||C.disabled)return;const k=Number(C.dataset.wordId);Number.isFinite(k)&&ee(I===k?null:k)}),(async()=>{if(!await Ge()){F("Локальной базы нет — скачай сохранение."),V("Нет локальной базы — скачай сохранение на странице «Синхронизация»."),w.textContent="";return}try{const C=await qn();if(!bt(C)){F("Файл в OPFS не похож на SQLite — перекачай сохранение.",!0),V("Файл в OPFS не похож на SQLite — перекачай сохранение.");return}N();try{const[P,_]=await Promise.all([Hn(),Pn()]),fe=P;Q=new Map(_.map(ue=>[ue.id,ue])),h.innerHTML='<option value="">Все группы</option>'+fe.map(ue=>`<option value="${ue.id}">${Ue(ue.name)}</option>`).join(""),y=!0,await j(),h.options[0].textContent=`Все группы (${m})`}catch(P){V(`БД есть, но слова не прочитались: ${P instanceof Error?P.message:String(P)}`)}}catch(C){F(`Не удалось прочитать базу: ${C instanceof Error?C.message:String(C)}`)}})()}const tr=24,pa=/^[A-Za-z0-9]{24}$/,ur="japlearn_sync_token";function rr(r){return r.trim().replace(/\s+/g,"")}function be(r){return pa.test(r)}function fa(){try{return localStorage.getItem(ur)??""}catch{return""}}function wt(r){try{localStorage.setItem(ur,r)}catch{}}const cr="https://learning.micialware.ru";function ha(r,n=cr){return`${n.replace(/\/+$/,"")}/download/${encodeURIComponent(r)}`}async function ga(r,n,o=cr){const s=ha(r,o);let i;try{i=await fetch(s,{method:"GET",...n})}catch(h){throw new Error(`Нет связи с сервером: ${h instanceof Error?h.message:String(h)}`)}if(!i.ok)throw i.status===404?new Error("Сохранение не найдено (404). Проверь токен."):new Error(`С
Line truncated
|
||||
<main class="card" aria-labelledby="sync-title">
|
||||
<h2 id="sync-title" class="card-title">📡 Синхронизация</h2>
|
||||
<p class="card-hint">Токен сохранения — 24 символа: латинские буквы и цифры.</p>
|
||||
|
||||
<label class="field-label" for="token-input">Токен сохранения</label>
|
||||
<input
|
||||
id="token-input"
|
||||
class="token-input"
|
||||
type="text"
|
||||
inputmode="latin"
|
||||
autocomplete="off"
|
||||
autocapitalize="off"
|
||||
autocorrect="off"
|
||||
spellcheck="false"
|
||||
maxlength="24"
|
||||
minlength="24"
|
||||
placeholder="Например: aB3dEf7hJk9mN2pQr5tUvWx1z"
|
||||
aria-describedby="token-error token-counter"
|
||||
/>
|
||||
<div class="token-meta">
|
||||
<span id="token-error" class="token-error" role="alert"></span>
|
||||
<span id="token-counter" class="token-counter" aria-live="polite">0 / 24</span>
|
||||
</div>
|
||||
|
||||
<div class="btn-row">
|
||||
<button id="btn-download" class="btn" type="button" disabled>📥 Скачать</button>
|
||||
<button id="btn-upload" class="btn btn-primary" type="button" disabled>📤 Выгрузить</button>
|
||||
</div>
|
||||
|
||||
<p id="status" class="status-bar" role="status">Введите токен из 24 символов</p>
|
||||
</main>
|
||||
`;const n=r.querySelector("#token-input"),o=r.querySelector("#token-error"),s=r.querySelector("#token-counter"),i=r.querySelector("#btn-download"),u=r.querySelector("#btn-upload"),h=r.querySelector("#status");function w(y){h.textContent=y,console.log(`[JapLearn] ${y}`)}function U(){return rr(n.value)}function M(y){i.disabled=y||!be(U()),u.disabled=!0,n.disabled=y,y||Ge().then(Q=>{!n.disabled&&be(U())&&(u.disabled=!Q)})}function b(){const y=U(),Q=y.length;s.textContent=`${Q} / ${tr}`;const m=be(y),x=Q===0;n.classList.toggle("invalid",!x&&!m),n.setAttribute("aria-invalid",String(!x&&!m)),x?o.textContent="":Q!==tr?o.textContent=`Нужно 24 символа, сейчас ${Q}`:o.textContent=m?"":"Только латинские буквы и цифры",i.disabled=!m,m?Ge().then(I=>{n.disabled||(u.disabled=!I)}):u.disabled=!0}async function F(){const y=U();if(be(y)){wt(y),M(!0),w("Скачивание сохранения...");try{const Q=await ga(y);w(`Скачано ${(Q.length/1024).toFixed(1)} КБ, распаковка...`);const m=await ca(Q);w(`Распаковано ${(m.length/1024).toFixed(1)} КБ, сохранение в OPFS...`),await _n(m),w(`Готово: база ${(m.length/1024).toFixed(1)} КБ сохранена локально (OPFS).`)}catch(Q){w(`Ошибка скачивания: ${Q instanceof Error?Q.message:String(Q)}`)}finally{M(!1),b()}}}n.addEventListener("input",()=>{b()}),n.addEventListener("change",()=>{const y=U();n.value=y,be(y)&&(wt(y),w("Токен сохранён локально. Можно скачивать или выгружать.")),b()}),i.addEventListener("click",()=>{F()}),u.addEventListener("click",()=>{const y=U();be(y)&&(wt(y),w("Выгрузка — следующий шаг (POST /upload/stream/{id})."))});const N=fa();N&&(n.value=N),b(),be(rr(N))&&Ge().then(y=>{w(y?"Токен восстановлен, локальная база на месте.":"Токен восстановлен. Нажми «Скачать», чтобы получить базу."),b()})}const ma={home:"Главная",sync:"Синхронизация"};function Re(r){const n=document.getElementById(r);if(!n)throw new Error(`[JapLearn] Не найден элемент #${r}`);return n}const dr=Re("burger-btn"),We=Re("drawer"),pr=Re("drawer-overlay"),va=Re("page-title"),nr=Re("page");let Et=!1;function Ie(r){Et=r,We.classList.toggle("open",r),pr.hidden=!r,dr.setAttribute("aria-expanded",String(r)),We.setAttribute("aria-hidden",String(!r)),document.body.classList.toggle("drawer-open",r)}function ya(r){We.querySelectorAll(".drawer-btn").forEach(n=>{n.classList.toggle("active",n.dataset.page===r)})}function fr(r){va.textContent=ma[r],ya(r),r==="home"?da(nr):wa(nr)}dr.addEventListener("click",()=>{Ie(!Et)});pr.addEventListener("click",()=>{Ie(!1)});document.addEventListener("keydown",r=>{r.key==="Escape"&&Et&&Ie(!1)});We.querySelectorAll(".drawer-btn").forEach(r=>{r.addEventListener("click",()=>{const n=r.dataset.page;(n==="home"||n==="sync")&&fr(n),Ie(!1)})});await kn();Ie(!1);fr("home");console.log("[JapLearn] crossOriginIsolated =",window.crossOriginIsolated);
|
||||
Vendored
+59
@@ -0,0 +1,59 @@
|
||||
(function(){const n=document.createElement("link").relList;if(n&&n.supports&&n.supports("modulepreload"))return;for(const o of document.querySelectorAll('link[rel="modulepreload"]'))s(o);new MutationObserver(o=>{for(const c of o)if(c.type==="childList")for(const h of c.addedNodes)h.tagName==="LINK"&&h.rel==="modulepreload"&&s(h)}).observe(document,{childList:!0,subtree:!0});function i(o){const c={};return o.integrity&&(c.integrity=o.integrity),o.referrerPolicy&&(c.referrerPolicy=o.referrerPolicy),o.crossOrigin==="use-credentials"?c.credentials="include":o.crossOrigin==="anonymous"?c.credentials="omit":c.credentials="same-origin",c}function s(o){if(o.ep)return;o.ep=!0;const c=i(o);fetch(o.href,c)}})();const Pe=new Worker(new URL("/assets/db-worker-AHwpujSZ.js",import.meta.url),{type:"module"});let ir=0,Ge=null;const je=new Map;function Tn(){return Ge||(Ge=new Promise((t,n)=>{Pe.onmessage=s=>{const o=s.data;if(o.type==="ready")return;const c=je.get(o.id);c&&(je.delete(o.id),o.type=="success"?c.resolve(o.data):c.reject(new Error(o.error??o.message??"Неизвестная ошибка Worker")))},Pe.onerror=s=>{console.error("[SQLite Worker] Ошибка:",s),n(new Error("Ошибка Worker"))};const i=++ir;je.set(i,{resolve:t,reject:n}),Pe.postMessage({type:"start",id:i})}),Ge)}function Qn(t,n){return new Promise((i,s)=>{if(!Pe){s(new Error("Worker не создан"));return}const o=++ir;je.set(o,{resolve:i,reject:s}),Pe.postMessage({type:t,id:o,...n})})}async function Re(t,n){return await Qn("query",{sql:t,params:n??[]})}function Nn(t){if(t==null)return[];const n=String(t).trim();return n?n.split(/[,\s;]+/).map(i=>i.trim()).filter(i=>i.length>0):[]}function Fn(t){const n=new Map;if(t==null)return n;const i=String(t);if(!i)return n;const s=i.split(" ");for(let o=0;o+1<s.length;o+=2){const c=Number(s[o]),h=s[o+1]??"";!Number.isFinite(c)||!Number.isInteger(c)||h&&n.set(c,h)}return n}function Hn(t){const n=Number(t.id??0),i=String(t.key??""),s=String(t.value??""),o=t.tags==null?"":String(t.tags),c=Number(t.group_id??1);return{id:n,key:i,value:s,tags:o,tagsList:Nn(o),more:Fn(t.more),group_id:Number.isFinite(c)?c:1}}function or(t){const n=[],i=[],s=(t.search??"").trim();if(s){n.push("(key LIKE ? ESCAPE '\\' OR value LIKE ? ESCAPE '\\' OR tags LIKE ? ESCAPE '\\')");const o=`%${s.replace(/\\/g,"\\\\").replace(/%/g,"\\%").replace(/_/g,"\\_")}%`;i.push(o,o,o)}return t.groupId!=null&&(n.push("group_id = ?"),i.push(t.groupId)),{clause:n.length>0?`WHERE ${n.join(" AND ")}`:"",params:i}}async function qn(t={}){const{clause:n,params:i}=or(t),o=(await Re(`SELECT COUNT(*) as cnt FROM words ${n}`,i))[0]?.cnt;return typeof o=="number"?o:Number(o??0)}async function At(t={}){const{clause:n,params:i}=or(t),s=Math.max(1,Math.min(t.limit??50,500)),o=Math.max(0,t.offset??0);return(await Re(`SELECT id, key, value, tags, more, group_id FROM words ${n} ORDER BY id LIMIT ? OFFSET ?`,[...i,s,o])).map(Hn)}async function Pn(){return(await Re("SELECT id, name FROM word_groups ORDER BY id")).map(n=>({id:Number(n.id),name:String(n.name??"")}))}async function Ln(){return(await Re("SELECT id, name, forward, backward, filter FROM decks ORDER BY id")).map(n=>({id:Number(n.id),name:String(n.name??""),forward:String(n.forward??""),backward:String(n.backward??""),filter:String(n.filter??"")}))}async function _n(){return(await Re("SELECT id, name, identifier FROM custom_fields ORDER BY id")).map(n=>({id:Number(n.id),name:String(n.name??""),identifier:String(n.identifier??"")}))}const kt="japanese_app.db";async function Et(){return navigator.storage.getDirectory()}async function Rn(t){t[18]=1,t[19]=1;const i=await(await Et()).getFileHandle(kt,{create:!0}),s=i.createSyncAccessHandle;if(typeof s=="function")try{const c=await s.call(i);try{c.truncate(0),c.write(t,{at:0}),c.flush()}finally{c.close()}return}catch{}const o=await i.createWritable();try{await o.truncate(0);const c=new Uint8Array(t.length);c.set(t),await o.write(c)}finally{await o.close()}}async function Sn(){const t=await Et();let n;try{n=await t.getFileHandle(kt)}catch{throw new Error("Локальная база не найдена — сначала скачай сохранение")}const i=await n.getFile();if(i.size===0)throw new Error("Локальная база пуста");return new Uint8Array(await i.arrayBuffer())}async function Le(){try{return(await(await(await Et()).getFileHandle(kt)).getFile()).size>0}catch{return!1}}var In=ArrayBuffer,z=Uint8Array,We=Uint16Array,Jn=Int16Array,tt=Int32Array,ht=function(t,n,i){if(z.prototype.slice)return z.prototype.slice.call(t,n,i);(n==null||n<0)&&(n=0),(i==null||i>t.length)&&(i=t.length);var s=new z(i-n);return s.set(t.subarray(n,i)),s},_e=function(t,n,i,s){if(z.prototype.fill)return z.prototype.fill.call(t,n,i,s);for((i==null||i<0)&&(i=0),(s==null||s>t.length)&&(s=t.length);i<s;++i)t[i]=n;return t},Kn=function(t,n,i,s){if(z.prototype.copyWithin)return z.prototype.copyWithin.call(t,n,i,s);for((i==null||i<0)&&(i=0),(s==null||s>t.length)&&Line truncated
|
||||
<div id="home-db-banner" class="db-banner" role="status" hidden>
|
||||
<span id="home-db-text" class="db-banner-text">Проверка локальной базы…</span>
|
||||
<button id="home-db-go" class="db-banner-link" type="button">Синхронизация →</button>
|
||||
</div>
|
||||
<section class="card" aria-labelledby="words-title">
|
||||
<h2 id="words-title" class="card-title">📚 Слова</h2>
|
||||
<div class="words-toolbar">
|
||||
<input id="words-search" class="words-search" type="search" placeholder="Поиск: ключ, перевод, тег…"
|
||||
autocomplete="off" aria-label="Поиск по словам" />
|
||||
<select id="words-group" class="words-group" aria-label="Фильтр по группе">
|
||||
<option value="">Все группы</option>
|
||||
</select>
|
||||
</div>
|
||||
<p id="words-count" class="card-hint" role="status" aria-live="polite"></p>
|
||||
<div id="words-status" class="status-bar" role="status">База ещё не проверена.</div>
|
||||
<div id="words-list" class="words-list" aria-live="polite"></div>
|
||||
<div class="btn-row"><button id="words-more" class="btn" type="button" hidden>Показать ещё</button></div>
|
||||
</section>
|
||||
`;const i=t.querySelector("#home-db-banner"),s=t.querySelector("#home-db-text"),o=t.querySelector("#home-db-go"),c=t.querySelector("#words-search"),h=t.querySelector("#words-group"),w=t.querySelector("#words-count"),C=t.querySelector("#words-status"),x=t.querySelector("#words-list"),m=t.querySelector("#words-more");function U(g,k){i.hidden=!1,s.textContent=g,o.hidden=!1}function E(){i.hidden=!0}o.addEventListener("click",()=>{document.querySelector('.drawer-btn[data-page="sync"]')?.click()});let y=!1,Q=new Map,v=0,$=[],S=null,O=0,R=!1,Y=0,K=0;function M(){const g=h.value;if(g==="")return{search:c.value.trim(),groupId:null};const k=Number(g);return{search:c.value.trim(),groupId:Number.isFinite(k)?k:null}}function X(){m.hidden=!(y&&$.length<v),m.hidden||(m.textContent=`Показать ещё (${v-$.length} осталось)`)}function D(){x.innerHTML=$.map(g=>rr(g,Q,g.id===S)).join(""),w.textContent=v>0?`Показано ${$.length} из ${v}`:"",X()}function ee(g){if(S===g){g!=null&&G(g),S=null;return}S!=null&&G(S),S=g,g!=null&&re(g)}function G(g){const k=x.querySelector(`.word-row-wrap[data-word-id="${g}"]`);if(!k)return;const T=k.querySelector(".word-row"),q=k.querySelector(".word-extra");T&&(T.classList.remove("open"),T.setAttribute("aria-expanded","false")),q&&(q.hidden=!0,q.innerHTML="")}function re(g){const k=$.find(fe=>fe.id===g),T=x.querySelector(`.word-row-wrap[data-word-id="${g}"]`);if(!k||!T)return;const q=T.querySelector(".word-row"),P=T.querySelector(".word-extra");q&&(q.classList.add("open"),q.setAttribute("aria-expanded","true")),P&&(P.hidden=!1,P.innerHTML=cr(k,Q))}function V(g){C.textContent=g,C.hidden=g===""}async function j(){if(!y||R)return;R=!0;const g=++Y,k=M();m.disabled=!0,$.length===0&&V("Загрузка слов…");try{const[T,q]=await Promise.all([qn({search:k.search,groupId:k.groupId??void 0}),At({search:k.search,groupId:k.groupId??void 0,limit:tr,offset:0})]);if(g!==Y)return;v=T,$=q,O=q.length,S!=null&&!$.some(P=>P.id===S)&&(S=null),D(),V(q.length===0?"По этому запросу слов нет.":""),q.length===0&&v===0&&(w.textContent="Слов в базе пока нет.")}catch(T){if(g!==Y)return;V(`Не удалось загрузить слова: ${T instanceof Error?T.message:String(T)}`)}finally{g===Y&&(R=!1,m.disabled=!1,X())}}async function H(){if(!y||R||$.length>=v)return;R=!0;const g=++Y,k=M();m.disabled=!0,m.textContent="Загрузка…";try{const T=await At({search:k.search,groupId:k.groupId??void 0,limit:tr,offset:O});if(g!==Y)return;$=$.concat(T),O+=T.length,x.insertAdjacentHTML("beforeend",T.map(q=>rr(q,Q,q.id===S)).join("")),w.textContent=`Показано ${$.length} из ${v}`,X()}catch(T){if(g!==Y)return;V(`Не удалось догрузить: ${T instanceof Error?T.message:String(T)}`)}finally{g===Y&&(R=!1,m.disabled=!1,X())}}c.addEventListener("input",()=>{window.clearTimeout(K),K=window.setTimeout(()=>{j()},300)}),c.addEventListener("keydown",g=>{g.key==="Enter"&&(window.clearTimeout(K),j())}),h.addEventListener("change",()=>{j()}),m.addEventListener("click",()=>{H()}),x.addEventListener("click",g=>{const k=g.target.closest(".word-row");if(!k||k.disabled)return;const T=Number(k.dataset.wordId);Number.isFinite(T)&&ee(S===T?null:T)}),(async()=>{if(!await Le()){U("Локальной базы нет — скачай сохранение."),V("Нет локальной базы — скачай сохранение на странице «Синхронизация»."),w.textContent="";return}try{const k=await Sn();if(!Ct(k)){U("Файл в OPFS не похож на SQLite — перекачай сохранение.",!0),V("Файл в OPFS не похож на SQLite — перекачай сохранение.");return}E();try{const[q,P]=await Promise.all([Pn(),_n()]),fe=q;Q=new Map(P.map(ce=>[ce.id,ce])),h.innerHTML='<option value="">Все группы</option>'+fe.map(ce=>`<option value="${ce.id}">${Ue(ce.name)}</option>`).join(""),y=!0,await j(),h.options[0].textContent=`Все группы (${v})`}catch(q){V(`БД есть, но слова не прочитались: ${q instanceof Error?q.message:String(q)}`)}}catch(k){U(`Не удалось прочитать базу: ${k instanceof Error?k.message:String(k)}`)}})()}function Ae(t){return t.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}function ga(t,n){const i=[t.forward,t.backward].filter(s=>s.trim().length>0).join(" → ");return`<div class="word-row-wrap" data-deck-id="${t.id}"><button class="word-row" type="button" data-deck-id="${t.id}" aria-expanded="${n}" aria-controls="deck-extra-${t.id}"><span class="word-main"><span class="word-key">${Ae(t.name)}</span>`+(i?`<span class="word-sep"> · </span><span class="word-value">${Ae(i)}</span>`:"")+`</span></button><div class="word-extra" id="deck-extra-${t.id}"${n?"":" hidden"}>`+(n?ur(t):"")+"</div></div>"}function ur(t){return`<dl class="word-extra-list">${[["forward"Line truncated
|
||||
<section class="card" aria-labelledby="decks-title">
|
||||
<h2 id="decks-title" class="card-title">🗂️ Колоды</h2>
|
||||
<p id="decks-count" class="card-hint" role="status" aria-live="polite"></p>
|
||||
<div id="decks-status" class="status-bar" role="status">Проверка локальной базы…</div>
|
||||
<div id="decks-list" class="words-list" aria-live="polite"></div>
|
||||
</section>
|
||||
`;const n=t.querySelector("#decks-count"),i=t.querySelector("#decks-status"),s=t.querySelector("#decks-list");let o=[],c=null;function h(m){i.textContent=m,i.hidden=m===""}function w(m){const U=s.querySelector(`.word-row-wrap[data-deck-id="${m}"]`);if(!U)return;const E=U.querySelector(".word-row"),y=U.querySelector(".word-extra");E&&(E.classList.remove("open"),E.setAttribute("aria-expanded","false")),y&&(y.hidden=!0,y.innerHTML="")}function C(m){const U=o.find(v=>v.id===m),E=s.querySelector(`.word-row-wrap[data-deck-id="${m}"]`);if(!U||!E)return;const y=E.querySelector(".word-row"),Q=E.querySelector(".word-extra");y&&(y.classList.add("open"),y.setAttribute("aria-expanded","true")),Q&&(Q.hidden=!1,Q.innerHTML=ur(U))}function x(m){if(c===m){m!=null&&w(m),c=null;return}c!=null&&w(c),c=m,m!=null&&C(m)}s.addEventListener("click",m=>{const U=m.target.closest(".word-row");if(!U)return;const E=Number(U.dataset.deckId);Number.isFinite(E)&&x(c===E?null:E)}),(async()=>{if(!await Le()){h("Нет локальной базы — скачай сохранение на странице «Синхронизация»."),n.textContent="";return}h("Загрузка колод…");try{if(o=await Ln(),o.length===0){n.textContent="Колоды пока отсутствуют.",h(""),s.innerHTML="";return}n.textContent=`Всего: ${o.length}`,h(""),s.innerHTML=o.map(U=>ga(U,U.id===c)).join("")}catch(U){h(`Не удалось загрузить колоды: ${U instanceof Error?U.message:String(U)}`)}})()}const nr=24,ma=/^[A-Za-z0-9]{24}$/,dr="japlearn_sync_token";function ar(t){return t.trim().replace(/\s+/g,"")}function be(t){return ma.test(t)}function va(){try{return localStorage.getItem(dr)??""}catch{return""}}function mt(t){try{localStorage.setItem(dr,t)}catch{}}const pr="https://learning.micialware.ru";function ya(t,n=pr){return`${n.replace(/\/+$/,"")}/download/${encodeURIComponent(t)}`}async function ba(t,n,i=pr){const s=ya(t,i);let o;try{o=await fetch(s,{method:"GET",...n})}catch(h){throw new Error(`Нет связи с сервером: ${h instanceof Error?h.message:String(h)}`)}if(!o.ok)throw o.status===404?new Error("Сохранение не найдено (404). Проверь токен."):new Error(`Сервер ответил ${o.status} ${o.statusText}`);const c=await o.arrayBuffer();if(c.byteLength===0)throw new Error("Сервер вернул пустой файл");return new Uint8Array(c)}function Ua(t){t.innerHTML=`
|
||||
<main class="card" aria-labelledby="sync-title">
|
||||
<h2 id="sync-title" class="card-title">📡 Синхронизация</h2>
|
||||
<p class="card-hint">Токен сохранения — 24 символа: латинские буквы и цифры.</p>
|
||||
|
||||
<label class="field-label" for="token-input">Токен сохранения</label>
|
||||
<input
|
||||
id="token-input"
|
||||
class="token-input"
|
||||
type="text"
|
||||
inputmode="latin"
|
||||
autocomplete="off"
|
||||
autocapitalize="off"
|
||||
autocorrect="off"
|
||||
spellcheck="false"
|
||||
maxlength="24"
|
||||
minlength="24"
|
||||
placeholder="Например: aB3dEf7hJk9mN2pQr5tUvWx1z"
|
||||
aria-describedby="token-error token-counter"
|
||||
/>
|
||||
<div class="token-meta">
|
||||
<span id="token-error" class="token-error" role="alert"></span>
|
||||
<span id="token-counter" class="token-counter" aria-live="polite">0 / 24</span>
|
||||
</div>
|
||||
|
||||
<div class="btn-row">
|
||||
<button id="btn-download" class="btn" type="button" disabled>📥 Скачать</button>
|
||||
<button id="btn-upload" class="btn btn-primary" type="button" disabled>📤 Выгрузить</button>
|
||||
</div>
|
||||
|
||||
<p id="status" class="status-bar" role="status">Введите токен из 24 символов</p>
|
||||
</main>
|
||||
`;const n=t.querySelector("#token-input"),i=t.querySelector("#token-error"),s=t.querySelector("#token-counter"),o=t.querySelector("#btn-download"),c=t.querySelector("#btn-upload"),h=t.querySelector("#status");function w(y){h.textContent=y,console.log(`[JapLearn] ${y}`)}function C(){return ar(n.value)}function x(y){o.disabled=y||!be(C()),c.disabled=!0,n.disabled=y,y||Le().then(Q=>{!n.disabled&&be(C())&&(c.disabled=!Q)})}function m(){const y=C(),Q=y.length;s.textContent=`${Q} / ${nr}`;const v=be(y),$=Q===0;n.classList.toggle("invalid",!$&&!v),n.setAttribute("aria-invalid",String(!$&&!v)),$?i.textContent="":Q!==nr?i.textContent=`Нужно 24 символа, сейчас ${Q}`:i.textContent=v?"":"Только латинские буквы и цифры",o.disabled=!v,v?Le().then(S=>{n.disabled||(c.disabled=!S)}):c.disabled=!0}async function U(){const y=C();if(be(y)){mt(y),x(!0),w("Скачивание сохранения...");try{const Q=await ba(y);w(`Скачано ${(Q.length/1024).toFixed(1)} КБ, распаковка...`);const v=await fa(Q);w(`Распаковано ${(v.length/1024).toFixed(1)} КБ, сохранение в OPFS...`),await Rn(v),w(`Готово: база ${(v.length/1024).toFixed(1)} КБ сохранена локально (OPFS).`)}catch(Q){w(`Ошибка скачивания: ${Q instanceof Error?Q.message:String(Q)}`)}finally{x(!1),m()}}}n.addEventListener("input",()=>{m()}),n.addEventListener("change",()=>{const y=C();n.value=y,be(y)&&(mt(y),w("Токен сохранён локально. Можно скачивать или выгружать.")),m()}),o.addEventListener("click",()=>{U()}),c.addEventListener("click",()=>{const y=C();be(y)&&(mt(y),w("Выгрузка — следующий шаг (POST /upload/stream/{id})."))});const E=va();E&&(n.value=E),m(),be(ar(E))&&Le().then(y=>{w(y?"Токен восстановлен, локальная база на месте.":"Токен восстановлен. Нажми «Скачать», чтобы получить базу."),m()})}const Ca={home:"Главная",decks:"Колоды",sync:"Синхронизация"};function Ie(t){const n=document.getElementById(t);if(!n)throw new Error(`[JapLearn] Не найден элемент #${t}`);return n}const fr=Ie("burger-btn"),et=Ie("drawer"),hr=Ie("drawer-overlay"),ka=Ie("page-title"),vt=Ie("page");let xt=!1;function Je(t){xt=t,et.classList.toggle("open",t),hr.hidden=!t,fr.setAttribute("aria-expanded",String(t)),et.setAttribute("aria-hidden",String(!t)),document.body.classList.toggle("drawer-open",t)}function Ea(t){et.querySelectorAll(".drawer-btn").forEach(n=>{n.classList.toggle("active",n.dataset.page===t)})}function gr(t){ka.textContent=Ca[t],Ea(t),t==="home"?ha(vt):t==="decks"?wa(vt):Ua(vt)}fr.addEventListener("click",()=>{Je(!xt)});hr.addEventListener("click",()=>{Je(!1)});document.addEventListener("keydown",t=>{t.key==="Escape"&&xt&&Je(!1)});et.querySelectorAll(".drawer-btn").forEach(t=>{t.addEventListener("click",()=>{const n=t.dataset.page;(n==="home"||n==="decks"||n==="sync")&&gr(n),Je(!1)})});await Tn();Je(!1);gr("home");console.log("[JapLearn] crossOriginIsolated =",window.crossOriginIsolated);
|
||||
@@ -1 +1 @@
|
||||
:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;color:#1e1b2e;background:#f4f1fa}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:flex;justify-content:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#app{width:100%;max-width:480px;padding:24px 16px 32px;display:flex;flex-direction:column;gap:16px}.app-header h1{margin:0;font-size:1.75rem;letter-spacing:.02em}.app-subtitle{margin:4px 0 0;color:#6d6390}.top-bar{display:flex;align-items:center;gap:12px}.burger-btn{width:44px;height:44px;border:2px solid #d9d2f0;border-radius:12px;background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;touch-action:manipulation;flex:none}.burger-btn span{display:block;width:20px;height:2px;border-radius:2px;background:#4c446b}.burger-btn[aria-expanded=true]{border-color:#7c3aed}.top-bar-title h1{margin:0;font-size:1.4rem;line-height:1.2}.top-bar-title p{margin:0;font-size:.9rem;color:#6d6390}.top-bar-spacer{flex:1}.app-content{display:flex;flex-direction:column;gap:16px}.drawer-overlay{position:fixed;inset:0;background:#1e1b2e73;z-index:40}.drawer-overlay[hidden]{display:none}.drawer{position:fixed;top:0;left:0;bottom:0;width:min(300px,85vw);background:#fff;z-index:50;transform:translate(-105%);transition:transform .22s ease;display:flex;flex-direction:column;gap:8px;padding:20px 14px;box-shadow:8px 0 32px #1e1b2e2e}.drawer.open{transform:translate(0)}.drawer-header{padding:4px 8px 14px;border-bottom:1px solid #eee9fb;margin-bottom:8px}.drawer-logo{font-size:1.3rem;font-weight:800;color:#7c3aed}.drawer-subtitle{font-size:.9rem;color:#6d6390}.drawer-btn{border:none;background:transparent;text-align:left;font-size:1.05rem;font-weight:600;color:#1e1b2e;padding:13px 12px;border-radius:12px;cursor:pointer;touch-action:manipulation}.drawer-btn.active{background:#f1eafe;color:#6d28d9}.drawer-btn:active{background:#e9defc}body.drawer-open{overflow:hidden}.card{background:#fff;border-radius:16px;padding:20px 16px;box-shadow:0 8px 24px #7c3aed1f;display:flex;flex-direction:column;gap:12px}.card-title{margin:0;font-size:1.25rem}.card-hint{margin:0;color:#6d6390;font-size:.95rem}.field-label{font-weight:600;font-size:.95rem}.token-input{width:100%;padding:14px 12px;font-size:1.05rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;border:2px solid #d9d2f0;border-radius:12px;outline:none}.token-input:focus{border-color:#7c3aed}.token-input.invalid{border-color:#dc2626;background:#fef2f2}.token-meta{display:flex;justify-content:space-between;align-items:baseline;gap:8px;min-height:1.4em}.token-error{color:#dc2626;font-size:.9rem}.token-counter{color:#6d6390;font-variant-numeric:tabular-nums;white-space:nowrap}.btn-row{display:flex;gap:12px}.btn{flex:1;padding:14px 12px;font-size:1rem;font-weight:600;border-radius:12px;border:2px solid #7c3aed;background:#fff;color:#7c3aed;cursor:pointer;touch-action:manipulation}.btn-primary{background:#7c3aed;color:#fff}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:not(:disabled):active{transform:scale(.98)}.status-bar{margin:0;padding:10px 12px;border-radius:10px;background:#f4f1fa;color:#4c446b;font-size:.95rem;word-break:break-word}.status-bar[hidden]{display:none}.db-banner{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:#fff7e6;color:#7a5b00;font-size:.85rem}.db-banner[hidden]{display:none}.db-banner-text{flex:1;min-width:0}.db-banner-link{flex:none;border:none;background:transparent;padding:4px;font:inherit;font-weight:700;color:#7c3aed;cursor:pointer;touch-action:manipulation}.db-banner-link[hidden]{display:none}.words-toolbar{display:flex;gap:8px}.words-search{flex:1;min-width:0;padding:12px;font-size:1rem;border:2px solid #d9d2f0;border-radius:12px;outline:none;background:#fff;color:inherit}.words-search:focus{border-color:#7c3aed}.words-group{flex:none;max-width:42%;padding:12px 8px;font-size:.95rem;font-weight:600;color:#4c446b;border:2px solid #d9d2f0;border-radius:12px;background:#fff;outline:none}.words-group:focus{border-color:#7c3aed}.words-list{display:flex;flex-direction:column}.word-row-wrap{border-bottom:1px solid #eee9fb}.word-row-wrap:last-child{border-bottom:none}.word-row{display:flex;align-items:baseline;gap:8px;width:100%;padding:11px 4px;border:none;background:transparent;font:inherit;color:inherit;text-align:left;cursor:pointer;touch-action:manipulation;border-radius:8px}.word-row:disabled{cursor:default}.word-row:not(:disabled):active{background:#f4f1fa}.word-row.open{background:#f4f1fa}.word-main{flex:1;min-width:0;overflow-wrap:break-word}.word-key{font-weight:700}.word-sep{color:#6d6390}.word-value{color:#4c446b}.word-tag{flex:none;max-width:38%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;color:#6d6390;text-align:right}.word-dot{flex:none;width:6px;height:6px;border-radius:50%;background:#7c3aedLine truncated
|
||||
:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;color:#1e1b2e;background:#f4f1fa}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:flex;justify-content:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#app{width:100%;max-width:480px;padding:24px 16px 32px;display:flex;flex-direction:column;gap:16px}.app-header h1{margin:0;font-size:1.75rem;letter-spacing:.02em}.app-subtitle{margin:4px 0 0;color:#6d6390}.top-bar{display:flex;align-items:center;gap:12px}.burger-btn{width:44px;height:44px;border:2px solid #d9d2f0;border-radius:12px;background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;touch-action:manipulation;flex:none}.burger-btn span{display:block;width:20px;height:2px;border-radius:2px;background:#4c446b}.burger-btn[aria-expanded=true]{border-color:#7c3aed}.top-bar-title h1{margin:0;font-size:1.4rem;line-height:1.2}.top-bar-title p{margin:0;font-size:.9rem;color:#6d6390}.top-bar-spacer{flex:1}.app-content{display:flex;flex-direction:column;gap:16px}.drawer-overlay{position:fixed;inset:0;background:#1e1b2e73;z-index:40}.drawer-overlay[hidden]{display:none}.drawer{position:fixed;top:0;left:0;bottom:0;width:min(300px,85vw);background:#fff;z-index:50;transform:translate(-105%);transition:transform .22s ease;display:flex;flex-direction:column;gap:8px;padding:20px 14px;box-shadow:8px 0 32px #1e1b2e2e}.drawer.open{transform:translate(0)}.drawer-header{padding:4px 8px 14px;border-bottom:1px solid #eee9fb;margin-bottom:8px}.drawer-logo{font-size:1.3rem;font-weight:800;color:#7c3aed}.drawer-subtitle{font-size:.9rem;color:#6d6390}.drawer-btn{border:none;background:transparent;text-align:left;font-size:1.05rem;font-weight:600;color:#1e1b2e;padding:13px 12px;border-radius:12px;cursor:pointer;touch-action:manipulation}.drawer-btn.active{background:#f1eafe;color:#6d28d9}.drawer-btn:active{background:#e9defc}body.drawer-open{overflow:hidden}.card{background:#fff;border-radius:16px;padding:20px 16px;box-shadow:0 8px 24px #7c3aed1f;display:flex;flex-direction:column;gap:12px}.card-title{margin:0;font-size:1.25rem}.card-hint{margin:0;color:#6d6390;font-size:.95rem}.field-label{font-weight:600;font-size:.95rem}.token-input{width:100%;padding:14px 12px;font-size:1.05rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;border:2px solid #d9d2f0;border-radius:12px;outline:none}.token-input:focus{border-color:#7c3aed}.token-input.invalid{border-color:#dc2626;background:#fef2f2}.token-meta{display:flex;justify-content:space-between;align-items:baseline;gap:8px;min-height:1.4em}.token-error{color:#dc2626;font-size:.9rem}.token-counter{color:#6d6390;font-variant-numeric:tabular-nums;white-space:nowrap}.btn-row{display:flex;gap:12px}.btn{flex:1;padding:14px 12px;font-size:1rem;font-weight:600;border-radius:12px;border:2px solid #7c3aed;background:#fff;color:#7c3aed;cursor:pointer;touch-action:manipulation}.btn-primary{background:#7c3aed;color:#fff}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:not(:disabled):active{transform:scale(.98)}.status-bar{margin:0;padding:10px 12px;border-radius:10px;background:#f4f1fa;color:#4c446b;font-size:.95rem;word-break:break-word}.status-bar[hidden]{display:none}.db-banner{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:#fff7e6;color:#7a5b00;font-size:.85rem}.db-banner[hidden]{display:none}.db-banner-text{flex:1;min-width:0}.db-banner-link{flex:none;border:none;background:transparent;padding:4px;font:inherit;font-weight:700;color:#7c3aed;cursor:pointer;touch-action:manipulation}.db-banner-link[hidden]{display:none}.words-toolbar{display:flex;gap:8px}.words-search{flex:1;min-width:0;padding:12px;font-size:1rem;border:2px solid #d9d2f0;border-radius:12px;outline:none;background:#fff;color:inherit}.words-search:focus{border-color:#7c3aed}.words-group{flex:none;max-width:42%;padding:12px 8px;font-size:.95rem;font-weight:600;color:#4c446b;border:2px solid #d9d2f0;border-radius:12px;background:#fff;outline:none}.words-group:focus{border-color:#7c3aed}.words-list{display:flex;flex-direction:column}.word-row-wrap{border-bottom:1px solid #eee9fb}.word-row-wrap:last-child{border-bottom:none}.word-row{display:flex;align-items:baseline;gap:8px;width:100%;padding:11px 4px;border:none;background:transparent;font:inherit;color:inherit;text-align:left;cursor:pointer;touch-action:manipulation;border-radius:8px}.word-row:disabled{cursor:default}.word-row:not(:disabled):active{background:#f4f1fa}.word-row.open{background:#f4f1fa}.word-main{flex:1;min-width:0;overflow-wrap:break-word}.word-key{font-weight:700}.word-sep{color:#6d6390}.word-value{color:#4c446b}.word-tag{flex:none;max-width:38%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;color:#6d6390;text-align:right}.word-dot{flex:none;width:6px;height:6px;border-radius:50%;background:#7c3aedLine truncated
|
||||
Reference in new issue
Block a user