speakid-build-a-sentence 1.0.29 → 1.0.30

package/dist/speakid-build-a-sentence.es.js

@@ -174,7 +174,7 @@ const Ce = {
   // ===== Анимационные стили =====
   ...Ce
 }, ft = () => {
-  const [f, s] = l([]), v = ce((k, M, h) => {
+  const [f, s] = l([]), v = ce((k, L, h) => {
     const w = [];
     k.trim() || w.push({
       type: "empty",
@@ -186,7 +186,7 @@ const Ce = {
       type: "characters",
       message: "Only Latin characters, numbers, spaces and punctuation are allowed"
     });
-    const O = h.findIndex((N, y) => y !== M && N.toLowerCase().trim() === k.toLowerCase().trim());
+    const O = h.findIndex((N, y) => y !== L && N.toLowerCase().trim() === k.toLowerCase().trim());
     return O !== -1 && w.push({
       type: "duplicate",
       message: `Duplicate sentence (same as sentence ${O + 1})`
@@ -195,16 +195,16 @@ const Ce = {
       errors: w
     };
   }, []), H = ce((k) => {
-    const M = [];
+    const L = [];
     return k.forEach((h, w) => {
       const K = v(h, w, k);
-      M.push(...K.errors.map((O) => ({
+      L.push(...K.errors.map((O) => ({
         ...O,
         message: `Sentence ${w + 1}: ${O.message}`
       })));
     }), {
-      isValid: M.length === 0,
-      errors: M
+      isValid: L.length === 0,
+      errors: L
     };
   }, [v]), $ = ce(() => {
     s([]);
@@ -255,7 +255,7 @@ const Ce = {
   s && s.remove(), document.head.appendChild(f);
 }, xt = (f) => [...f].sort(() => Math.random() - 0.5);
 function kt(f = {}) {
-  const { logoUrl: s, showLogo: v = !0, screenHeight: H, screenWidth: $, gameCubeSize: k } = f, M = re(null), h = () => $ ?? (typeof window < "u" ? window.innerWidth : 1920), w = () => H ?? (typeof window < "u" ? window.innerHeight : 1080), { validateAllSentences: K, errors: O } = ft(), N = () => {
+  const { logoUrl: s, showLogo: v = !0, screenHeight: H, screenWidth: $, gameCubeSize: k } = f, L = re(null), h = () => $ ?? (typeof window < "u" ? window.innerWidth : 1920), w = () => H ?? (typeof window < "u" ? window.innerHeight : 1080), { validateAllSentences: K, errors: O } = ft(), N = () => {
     const e = h();
     return !!(m || e < 768 || e >= 768 && e < 1300);
   }, y = () => {
@@ -294,13 +294,13 @@ function kt(f = {}) {
     const e = document.getElementById("magic-sentence-reset");
     e && e.remove();
   }), []);
-  const [S, z] = l("select"), [E, de] = l(null), [pe, ue] = l(null), [T, Z] = l([]), [D, fe] = l(0), [oe, me] = l([]), [I, ie] = l([]), [W, ge] = l(20), [V, G] = l(0), [yt, he] = l(null), [X, P] = l(null), [a, _] = l(!1), [xe, se] = l(!1), [ae, Te] = l(
+  const [S, z] = l("select"), [E, de] = l(null), [pe, ue] = l(null), [T, Z] = l([]), [D, fe] = l(0), [oe, me] = l([]), [I, ie] = l([]), [M, ge] = l(20), [V, G] = l(0), [yt, he] = l(null), [X, P] = l(null), [a, _] = l(!1), [xe, se] = l(!1), [ae, Te] = l(
     Number(localStorage.getItem("magicSentenceBest")) || 0
-  ), q = re(null), De = re(null), ye = re(0), [x, B] = l({ list: null, id: null, side: null }), [m, Re] = l(!1), [ze, U] = l(1), [be, J] = l(null), [Ee, Pe] = l(!1), [Be, Le] = l(!1), [Me, We] = l(!1), [Ae, He] = l(!1), [$e, Oe] = l(!1), [Ne, Ge] = l(!1), [Xe, je] = l(!1), [Fe, Ve] = l(!1), [qe, Ue] = l(!1), [bt, Je] = l(!1), [wt, Ye] = l(!1);
+  ), q = re(null), De = re(null), ye = re(0), [x, B] = l({ list: null, id: null, side: null }), [m, Re] = l(!1), [ze, U] = l(1), [be, J] = l(null), [Ee, Pe] = l(!1), [Be, We] = l(!1), [Le, Me] = l(!1), [Ae, He] = l(!1), [$e, Oe] = l(!1), [Ne, Ge] = l(!1), [Xe, je] = l(!1), [Fe, Ve] = l(!1), [qe, Ue] = l(!1), [bt, Je] = l(!1), [wt, Ye] = l(!1);
   j(() => {
     const e = () => {
       const n = h(), t = w(), r = n < 768 || n === 926 && t === 428 || n === 932 && t === 430, o = t < 700, p = n / t > 1.8, g = n === 768 && t === 1024, i = n === 1024 && t === 768, d = n === 820 && t === 1180, R = n === 1180 && t === 820, C = n === 540 && t === 720, ne = n === 720 && t === 540, ve = n === 1024 && t === 1366, ke = n === 1366 && t === 1024, Ie = n >= 1200 && t >= 600 && !r;
-      Pe(Ie), Le(g), We(i), He(d), Oe(R), Ge(C), je(ne), Ve(ve), Ue(ke), Ye(p);
+      Pe(Ie), We(g), Me(i), He(d), Oe(R), Ge(C), je(ne), Ve(ve), Ue(ke), Ye(p);
       const ct = r && n > t || r || // ✅ ВСЕ мобильные устройства (включая portrait)
       t < 700 || p || // ✅ Широкие экраны
       n === 1366 && t === 766 || n === 1366 && t === 768 || n === 1280 && t === 720 || n === 1440 && t === 900 || g || i || d || R || C || ne || ve || ke || Ie;
@@ -383,19 +383,19 @@ function kt(f = {}) {
     }));
     me(r), ie([]), fe(e), ye.current = e, ge(pe || 20), P(null), _(!1), se(!1), z("play");
   };
-  j(() => (S === "play" && !a && (q.current !== null && window.clearTimeout(q.current), W > 0 ? q.current = window.setTimeout(() => ge((e) => e - 1), 1e3) : _(!0)), () => {
+  j(() => (S === "play" && !a && (q.current !== null && window.clearTimeout(q.current), M > 0 ? q.current = window.setTimeout(() => ge((e) => e - 1), 1e3) : _(!0)), () => {
     q.current !== null && window.clearTimeout(q.current);
-  }), [S, W, a]), j(() => {
-    if (S === "play" && a && W === 0) {
+  }), [S, M, a]), j(() => {
+    if (S === "play" && a && M === 0) {
       const e = T[D];
       if (!e) {
         P(null);
         return;
       }
       const n = e.trim().split(/\s+/), t = I.map((i) => i.text), r = n.filter((i) => !t.includes(i)).length, o = t.filter((i) => !n.includes(i)).length, p = n.filter((i, d) => t.includes(i) ? t[d] !== i : !1).length, g = r + o + p;
-      g === 0 ? (P("correct"), xe || (se(!0), G((i) => i + 1)), L("correct"), A("Correct! Well done!")) : g === 1 ? (P("almost"), G((i) => i + 0.5), L("half"), A("Almost correct! Just one mistake.")) : (P("wrong"), L("wrong"), A("Not quite right. Keep trying!"));
+      g === 0 ? (P("correct"), xe || (se(!0), G((i) => i + 1)), W("correct"), A("Correct! Well done!")) : g === 1 ? (P("almost"), G((i) => i + 0.5), W("half"), A("Almost correct! Just one mistake.")) : (P("wrong"), W("wrong"), A("Not quite right. Keep trying!"));
     }
-  }, [S, a, W, T, D, I, xe]);
+  }, [S, a, M, T, D, I, xe]);
   const tt = (e = !0) => {
     if (e) {
       if (a) {
@@ -408,7 +408,7 @@ function kt(f = {}) {
         return;
       }
       const t = n.trim().split(/\s+/), r = I.map((d) => d.text), o = t.filter((d) => !r.includes(d)).length, p = r.filter((d) => !t.includes(d)).length, g = t.filter((d, R) => r.includes(d) ? r[R] !== d : !1).length, i = o + p + g;
-      i === 0 ? (G((d) => d + 1), P("correct"), se(!0), L("correct"), A("Correct! Well done!")) : i === 1 ? (G((d) => d + 0.5), P("almost"), L("half"), A("Almost correct! Just one mistake.")) : (P("wrong"), L("wrong"), A("Not quite right. Keep trying!")), D + 1 < (E || 0) ? setTimeout(() => ee(D + 1), 800) : setTimeout(() => {
+      i === 0 ? (G((d) => d + 1), P("correct"), se(!0), W("correct"), A("Correct! Well done!")) : i === 1 ? (G((d) => d + 0.5), P("almost"), W("half"), A("Almost correct! Just one mistake.")) : (P("wrong"), W("wrong"), A("Not quite right. Keep trying!")), D + 1 < (E || 0) ? setTimeout(() => ee(D + 1), 800) : setTimeout(() => {
         z("results"), setTimeout(() => te(), 600);
       }, 800);
     }
@@ -416,7 +416,7 @@ function kt(f = {}) {
   j(() => {
     S === "results" && V > ae && (Te(V), localStorage.setItem("magicSentenceBest", String(V)));
   }, [S, V, ae]);
-  const L = (e) => {
+  const W = (e) => {
     const n = new (window.AudioContext || window.webkitAudioContext)(), t = n.createOscillator(), r = n.createGain();
     switch (t.connect(r), r.connect(n.destination), e) {
       case "start":
@@ -564,7 +564,7 @@ function kt(f = {}) {
       "/",
       E,
       " — ",
-      a ? "TIME'S UP!" : `Time: ${W}s`
+      a ? "TIME'S UP!" : `Time: ${M}s`
     ] }),
     /* @__PURE__ */ c(
       "div",
@@ -582,8 +582,8 @@ function kt(f = {}) {
           {
             style: {
               height: "100%",
-              width: `${W / (pe || 20) * 100}%`,
-              background: W <= 5 ? "#ec4c44" : "#4caf50",
+              width: `${M / (pe || 20) * 100}%`,
+              background: M <= 5 ? "#ec4c44" : "#4caf50",
               transition: "width 1s linear"
             }
           }
@@ -779,7 +779,7 @@ function kt(f = {}) {
       }
     )
   ] }), at = () => {
-    const e = h(), n = w(), t = m && e > n || e === 896 && n === 414 || e === 844 && n === 390 || e === 926 && n === 428 || e === 932 && n === 430 || Be || Me || Ae || $e || Ne || Xe || Fe || qe, r = m && e <= 375 && n <= 667 || e === 896 && n === 414 || e === 844 && n === 390 || e === 926 && n === 428 || e === 932 && n === 430, o = e === 1366 && n === 766 || e === 1366 && n === 768 || e === 1280 && n === 720 || e === 1440 && n === 900;
+    const e = h(), n = w(), t = m && e > n || e === 896 && n === 414 || e === 844 && n === 390 || e === 926 && n === 428 || e === 932 && n === 430 || Be || Le || Ae || $e || Ne || Xe || Fe || qe, r = m && e <= 375 && n <= 667 || e === 896 && n === 414 || e === 844 && n === 390 || e === 926 && n === 428 || e === 932 && n === 430, o = e === 1366 && n === 766 || e === 1366 && n === 768 || e === 1280 && n === 720 || e === 1440 && n === 900;
     return /* @__PURE__ */ b("div", { style: u.gmCenterScreen, children: [
       /* @__PURE__ */ c("h1", { style: {
         ...u.gmHeadline1,
@@ -817,7 +817,7 @@ function kt(f = {}) {
           "button",
           {
             onClick: () => {
-              te(), L("start"), setTimeout(() => {
+              te(), W("start"), setTimeout(() => {
                 z("getready"), he(null), _(!1);
               }, 800);
             },
@@ -832,7 +832,7 @@ function kt(f = {}) {
           "button",
           {
             onClick: () => {
-              L("click"), z("select"), de(null), ue(null), Z([]), G(0), ie([]), _(!1);
+              W("click"), z("select"), de(null), ue(null), Z([]), G(0), ie([]), _(!1);
             },
             style: {
               ...u.gmButton,
@@ -845,14 +845,14 @@ function kt(f = {}) {
     ] });
   }, Se = !m && v, lt = dt(
     () => {
-      const e = h(), n = w();
-      if (m && e > n || n < 700 || !Se)
+      const e = h(), n = w(), t = e >= 1200 && e <= 1400;
+      if (m && e > n || n < 700 && !t || !Se)
         return null;
-      const t = s || (typeof window < "u" && window.origin ? `${window.origin}/cloud/speakid/games/magic%20sentence/logo` : "/cloud/speakid/games/magic%20sentence/logo");
+      const r = s || (typeof window < "u" && window.origin ? `${window.origin}/cloud/speakid/games/magic%20sentence/logo` : "/cloud/speakid/games/magic%20sentence/logo");
       return /* @__PURE__ */ c("div", { style: u.gmLogoFixed, children: /* @__PURE__ */ c(
         "img",
         {
-          src: `${t}.svg`,
+          src: `${r}.svg`,
           alt: "SPEAKID Logo",
           style: u.gmLogoImg,
           loading: "lazy"
@@ -864,7 +864,7 @@ function kt(f = {}) {
   return /* @__PURE__ */ c(
     "div",
     {
-      ref: M,
+      ref: L,
       style: {
         width: "100%",
         height: "100%",