speakid-hangman 1.0.12 → 1.0.13

package/dist/speakid-hangman.es.js

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as m, Fragment as G } from "react/jsx-runtime";
-import { useState as u, useMemo as Q, useCallback as he, useEffect as ue } from "react";
+import { useState as h, useMemo as Q, useCallback as ue, useEffect as he } from "react";
 const l = {
   gmCenterScreen: {
     position: "relative",
@@ -209,12 +209,12 @@ function je({
   maxMistakes: J,
   size: P = 200
 }) {
-  const p = P, h = P * 1.25, w = Math.max(3, P / 100), C = 10 * (p / 200), x = 240 * (h / 250), y = 150 * (p / 200), b = 80 * (p / 200), ee = 20 * (h / 250), _ = 240 * (h / 250), M = 80 * (p / 200), N = 20 * (h / 250), L = 150 * (p / 200), H = 150 * (p / 200), S = 20 * (h / 250), I = 50 * (h / 250), F = 150 * (p / 200), R = 70 * (h / 250), U = 20 * (p / 200), T = 150 * (p / 200), te = 90 * (h / 250), Y = 150 * (h / 250), f = 150 * (p / 200), B = 110 * (h / 250), d = 130 * (p / 200), D = 130 * (h / 250), ne = 150 * (p / 200), E = 110 * (h / 250), me = 170 * (p / 200), W = 130 * (h / 250), oe = 150 * (p / 200), V = 150 * (h / 250), g = 130 * (p / 200), re = 190 * (h / 250), j = 150 * (p / 200), ie = 150 * (h / 250), a = 170 * (p / 200), ae = 190 * (h / 250), k = r === 0 || r <= J * 0.5 ? "#1f2937" : r <= J * 0.75 ? "#f59e0b" : "#ec4c44";
+  const p = P, u = P * 1.25, w = Math.max(3, P / 100), C = 10 * (p / 200), x = 240 * (u / 250), y = 150 * (p / 200), b = 80 * (p / 200), ee = 20 * (u / 250), _ = 240 * (u / 250), M = 80 * (p / 200), N = 20 * (u / 250), L = 150 * (p / 200), H = 150 * (p / 200), S = 20 * (u / 250), I = 50 * (u / 250), F = 150 * (p / 200), R = 70 * (u / 250), U = 20 * (p / 200), T = 150 * (p / 200), te = 90 * (u / 250), D = 150 * (u / 250), f = 150 * (p / 200), B = 110 * (u / 250), d = 130 * (p / 200), O = 130 * (u / 250), ne = 150 * (p / 200), E = 110 * (u / 250), me = 170 * (p / 200), W = 130 * (u / 250), oe = 150 * (p / 200), V = 150 * (u / 250), g = 130 * (p / 200), re = 190 * (u / 250), j = 150 * (p / 200), ie = 150 * (u / 250), a = 170 * (p / 200), ae = 190 * (u / 250), k = r === 0 || r <= J * 0.5 ? "#1f2937" : r <= J * 0.75 ? "#f59e0b" : "#ec4c44";
   return /* @__PURE__ */ m(
     "svg",
     {
       width: p,
-      height: h,
+      height: u,
       viewBox: "0 0 200 250",
       style: {
         display: "block",
@@ -288,7 +288,7 @@ function je({
             x1: T,
             y1: te,
             x2: T,
-            y2: Y,
+            y2: D,
             stroke: k,
             strokeWidth: w
           }
@@ -299,7 +299,7 @@ function je({
             x1: f,
             y1: B,
             x2: d,
-            y2: D,
+            y2: O,
             stroke: k,
             strokeWidth: w
           }
@@ -346,7 +346,7 @@ function Oe({
   screenHeight: J = 800,
   screenWidth: P = 800,
   logoUrl: p,
-  showLogo: h = !0,
+  showLogo: u = !0,
   baseURL: w
 } = {}) {
   const C = {
@@ -367,7 +367,7 @@ function Oe({
     Environment: ["tree", "forest", "air", "water", "pollution", "recycle", "nature", "clean", "waste", "plastic", "energy", "animal", "climate", "earth", "ocean", "river", "planet", "save", "green", "environment", "litter", "organic"],
     Space: ["planet", "star", "sun", "moon", "astronaut", "rocket", "space", "galaxy", "universe", "telescope", "comet", "asteroid", "orbit", "gravity", "alien", "spaceship", "mars", "satellite", "sky", "eclipse"],
     Devices: ["computer", "laptop", "phone", "tablet", "tv", "keyboard", "mouse", "printer", "camera", "headphones", "charger", "screen", "watch", "microphone", "speaker", "console", "router", "battery", "cable", "remote"]
-  }, [x, y] = u("lobby"), [b, ee] = u(""), [_] = u("Normal"), [M, N] = u(0), [L, H] = u(1), [S, I] = u(""), [F, R] = u([]), [U, T] = u(0), [te, Y] = u(0), [f, B] = u(null), [d, D] = u(null), [ne, E] = u(1), [me, W] = u([]), oe = _ === "Easy" ? 8 : _ === "Normal" ? 6 : 4, V = w || (typeof window < "u" && window.origin ? `${window.origin}/cloud/speakid/games/hangman` : "/cloud/speakid/games/hangman"), [g, re] = u(!1), [j, ie] = u(!1), [a, ae] = u(!1), [$, k] = u(!1), s = Q(() => {
+  }, [x, y] = h("lobby"), [b, ee] = h(""), [_] = h("Normal"), [M, N] = h(0), [L, H] = h(1), [S, I] = h(""), [F, R] = h([]), [U, T] = h(0), [te, D] = h(0), [f, B] = h(null), [d, O] = h(null), [ne, E] = h(1), [me, W] = h([]), oe = _ === "Easy" ? 8 : _ === "Normal" ? 6 : 4, V = w || (typeof window < "u" && window.origin ? `${window.origin}/cloud/speakid/games/hangman` : "/cloud/speakid/games/hangman"), [g, re] = h(!1), [j, ie] = h(!1), [a, ae] = h(!1), [$, k] = h(!1), s = Q(() => {
     const e = (d || r || 1e3) / 400, n = a ? 0.8 : 1, i = $ ? 0.9 : 1, c = n * i;
     return {
       headline1: g ? Math.max(24, Math.min(30, 30 * e * c)) : Math.max(28, Math.min(32, 32 * e * i)),
@@ -397,26 +397,26 @@ function Oe({
     const e = (d || r || 1e3) / 400, n = $ ? 0.9 : 1;
     return Math.max(6, Math.min(10, 8 * e * n));
   }, [d, r, $]), we = (e, n) => e.split("").every((i) => n.includes(i)), ke = (e, n) => e.split("").map((i) => n.includes(i) ? i : "_").join(" "), Me = (e) => "abcdefghijklmnopqrstuvwxyz".split("").filter((i) => !e.includes(i)), Z = (e, n = []) => {
-    var A;
+    var Y;
     if (!e || !C[e]) {
       const z = Object.keys(C)[0];
-      return ((A = C[z]) == null ? void 0 : A[0]) || "";
+      return ((Y = C[z]) == null ? void 0 : Y[0]) || "";
     }
     const i = C[e];
     if (!i || i.length === 0)
       return "";
-    const c = i.filter((z) => !n.includes(z)), X = c.length > 0 ? c : i;
-    if (X.length === 0)
+    const c = i.filter((z) => !n.includes(z)), A = c.length > 0 ? c : i;
+    if (A.length === 0)
       return "";
     let q;
     if (typeof crypto < "u" && crypto.getRandomValues) {
       const z = new Uint32Array(1);
       crypto.getRandomValues(z);
       const ge = z[0] / 4294967295;
-      q = Math.floor(ge * X.length);
+      q = Math.floor(ge * A.length);
     } else
-      q = Math.floor(Math.random() * X.length);
-    return X[q];
+      q = Math.floor(Math.random() * A.length);
+    return A[q];
   }, $e = () => {
     if (!b) return;
     W([]);
@@ -425,19 +425,19 @@ function Oe({
       y("category");
       return;
     }
-    I(e), W([e]), R([]), T(0), H(1), Y(0), B(null), y("game");
-  }, se = he((e) => {
+    I(e), W([e]), R([]), T(0), H(1), D(0), B(null), y("game");
+  }, se = ue((e) => {
     if (x !== "game" || f !== null) return;
     const n = e.toLowerCase();
     /^[a-z]$/.test(n) && (R((i) => i.includes(n) ? i : [...i, n]), I((i) => (i && !i.includes(n) && T((c) => c + 1), i)));
-  }, [x, f]), le = he((e) => {
+  }, [x, f]), le = ue((e) => {
     se(e.key);
   }, [se]);
-  ue(() => {
+  he(() => {
     if (x === "game")
       return window.addEventListener("keydown", le), () => window.removeEventListener("keydown", le);
   }, [x, le]);
-  const ve = S ? ke(S, F) : "", xe = S ? we(S, F) : !1, ye = U >= 10, Se = Me(F), ce = he(() => {
+  const ve = S ? ke(S, F) : "", xe = S ? we(S, F) : !1, ye = U >= 10, Se = Me(F), ce = ue(() => {
     if (!b || L >= M) {
       y("result");
       return;
@@ -447,9 +447,9 @@ function Oe({
       return n ? (I(n), [...e, n]) : e;
     }), R([]), T(0), B(null);
   }, [b, L, M]);
-  ue(() => {
+  he(() => {
     if (xe && f === null) {
-      B("win"), Y((n) => n + 1);
+      B("win"), D((n) => n + 1);
       const e = setTimeout(() => {
         ce();
       }, 2e3);
@@ -473,19 +473,19 @@ function Oe({
       return n ? (I(n), [...e, n]) : e;
     }), R([]), T(0), B(null);
   };
-  ue(() => {
+  he(() => {
     const e = () => {
-      const n = window.innerWidth, i = window.innerHeight, c = i < 800, A = n < 768 || c || (n === 926 && i === 428 || n === 932 && i === 430), z = i < 700, ge = n / i > 1.8, We = n === 1024 && i === 600, ze = A && n > i, Ce = n >= 1200 && n <= 1400;
-      if (re(A), ie(We), ae(ze), k(Ce), A)
-        D(null), E(1);
+      const n = window.innerWidth, i = window.innerHeight, c = n < 768, A = n > i && n < 1e3 && i < 500, Y = c || A || (n === 926 && i === 428 || n === 932 && i === 430), z = i < 700, ge = n / i > 1.8, We = n === 1024 && i === 600, ze = Y && n > i, Ce = n >= 1200 && n <= 1400;
+      if (re(Y), ie(We), ae(ze), k(Ce), Y)
+        O(null), E(1);
       else if (z)
-        D(null), E(1);
+        O(null), E(1);
       else {
         const He = n - 80, Ie = i - 80, be = Math.min(He, Ie);
         let pe;
         r && r >= 320 ? pe = Math.min(r, be) : pe = Math.min(1e3, be * 0.9);
         const Re = Math.max(400, Math.min(1200, pe));
-        D(Re), E(ge ? 0.85 : 1);
+        O(Re), E(ge ? 0.85 : 1);
       }
     };
     return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
@@ -534,7 +534,7 @@ function Oe({
       <path d="M 35% 85% Q 37% 83%, 39% 85% T 43% 85% T 47% 85%" 
             fill="none" stroke="#FF4500" stroke-width="3.5" stroke-linecap="round"/>
     </svg>
-  `, Fe = !g && typeof window < "u" && window.innerWidth >= 768 && window.innerWidth < 1024, de = !g && h && (x !== "game" || Fe), Te = {
+  `, Fe = !g && typeof window < "u" && window.innerWidth >= 768 && window.innerWidth < 1024, de = !g && u && (x !== "game" || Fe), Te = {
     ...l.gmCenterScreen,
     width: "100%",
     height: "100%",
@@ -546,7 +546,7 @@ function Oe({
     position: "relative",
     boxSizing: "border-box",
     background: "transparent"
-  }, O = Q(
+  }, X = Q(
     () => {
       if (!de)
         return null;
@@ -575,7 +575,7 @@ function Oe({
     },
     [g, de, p, x]
   ), Be = () => x === "lobby" ? /* @__PURE__ */ m(G, { children: [
-    O,
+    X,
     /* @__PURE__ */ o("div", { dangerouslySetInnerHTML: { __html: K } }),
     /* @__PURE__ */ o("h1", { style: {
       ...l.gmHeadline1,
@@ -687,7 +687,7 @@ function Oe({
       )
     ] })
   ] }) : x === "category" ? /* @__PURE__ */ m(G, { children: [
-    O,
+    X,
     /* @__PURE__ */ o("div", { dangerouslySetInnerHTML: { __html: K } }),
     /* @__PURE__ */ o(
       "button",
@@ -747,7 +747,7 @@ function Oe({
       e
     )) })
   ] }) : x === "rounds" ? /* @__PURE__ */ m(G, { children: [
-    O,
+    X,
     /* @__PURE__ */ o("div", { dangerouslySetInnerHTML: { __html: K } }),
     /* @__PURE__ */ o(
       "button",
@@ -808,7 +808,7 @@ function Oe({
       e
     )) })
   ] }) : x === "game" ? /* @__PURE__ */ m(G, { children: [
-    O,
+    X,
     !a && /* @__PURE__ */ o("div", { dangerouslySetInnerHTML: { __html: K } }),
     " ",
     /* @__PURE__ */ m("div", { style: {
@@ -992,7 +992,7 @@ function Oe({
       marginBottom: `${t}px`
     }, children: "Type a letter on your keyboard" })
   ] }) : x === "result" ? /* @__PURE__ */ m(G, { children: [
-    O,
+    X,
     /* @__PURE__ */ o("h1", { style: {
       ...l.gmHeadline1,
       fontSize: `${s.headline1}px`,
@@ -1025,7 +1025,7 @@ function Oe({
             }
             W([]);
             const e = Z(b, []);
-            e && (I(e), W([e]), R([]), T(0), H(1), Y(0), B(null), y("game"));
+            e && (I(e), W([e]), R([]), T(0), H(1), D(0), B(null), y("game"));
           },
           onMouseEnter: (e) => {
             e.currentTarget.style.backgroundColor = "#d43a32";