@sensiblestats/widget-react 0.59.0 → 0.59.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @sensiblestats/widget-react
 
+## 0.59.1
+
+### Patch Changes
+
+- Mystery Tiger: abbreviate long position names on the comparison tiles (e.g. "Centre Forward" → "CF", "Goalkeeper" → "GK") so they fit the square, and extend the legend to explain the amber "close" tile alongside the green "match" (colour swatches).
+
 ## 0.59.0
 
 ### Minor Changes

package/dist/index.cjs

@@ -4393,9 +4393,49 @@ function directionArrow(v) {
   if (v.direction === "down") return "\u25BC";
   return "";
 }
+var POSITION_SHORT = {
+  goalkeeper: "GK",
+  keeper: "GK",
+  defender: "DEF",
+  "centre back": "CB",
+  "center back": "CB",
+  "centre-back": "CB",
+  "center-back": "CB",
+  "left back": "LB",
+  "right back": "RB",
+  "left wing-back": "LWB",
+  "right wing-back": "RWB",
+  sweeper: "SW",
+  midfielder: "MID",
+  "defensive midfield": "DM",
+  "central midfield": "CM",
+  "centre midfield": "CM",
+  "attacking midfield": "AM",
+  "left midfield": "LM",
+  "right midfield": "RM",
+  "left wing": "LW",
+  "right wing": "RW",
+  "left winger": "LW",
+  "right winger": "RW",
+  forward: "FWD",
+  attacker: "FWD",
+  striker: "ST",
+  "second striker": "SS",
+  "centre forward": "CF",
+  "center forward": "CF",
+  "centre-forward": "CF"
+};
+function shortPosition(value) {
+  const mapped = POSITION_SHORT[value.trim().toLowerCase()];
+  if (mapped) return mapped;
+  if (value.length <= 3) return value.toUpperCase();
+  return value.split(/[\s-]+/).filter(Boolean).map((w) => (w[0] ?? "").toUpperCase()).join("").slice(0, 3);
+}
 function tileFace(key, v) {
   if (!v.value) return verdictGlyph(v);
-  return key === "nationality" ? nationalityFlag(v.value) : v.value;
+  if (key === "nationality") return nationalityFlag(v.value);
+  if (key === "position") return shortPosition(v.value);
+  return v.value;
 }
 function MysteryTigerGame({
   config,
@@ -4459,8 +4499,12 @@ function MysteryTigerGame({
         !isOver && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "ss-w-gt-lead", children: [
           guessResults.length === 0 ? "Guess a squad player \u2014 each guess compares it to the mystery player on Pos, Nat, Age, Shirt & Apps: " : "Tiles: ",
           /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "ss-w-gt-key", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("b", { className: "ss-w-gt-key-ok", children: "\u2713" }),
-            " match \xB7 ",
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "ss-w-gt-sw ss-w-gt-sw--exact", "aria-hidden": "true" }),
+            " match \xB7",
+            " ",
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "ss-w-gt-sw ss-w-gt-sw--near", "aria-hidden": "true" }),
+            " close \xB7",
+            " ",
             /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("b", { children: "\u25B2" }),
             " higher \xB7 ",
             /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("b", { children: "\u25BC" }),
@@ -7104,6 +7148,11 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 .ss-w-gt-key { white-space: nowrap; }
 .ss-w-gt-key b { font-weight: 800; color: var(--ss-w-ink); }
 .ss-w-gt-key-ok { color: var(--ss-w-correct) !important; }
+/* Legend colour swatches \u2014 green = exact match, amber = close (same broad line / confederation
+   / within tolerance). Mirrors .ss-w-gtile--exact / --near tile fills. */
+.ss-w-gt-sw { display: inline-block; width: 9px; height: 9px; border-radius: 3px; vertical-align: middle; }
+.ss-w-gt-sw--exact { background: var(--ss-w-correct); }
+.ss-w-gt-sw--near { background: var(--ss-w-accent); }
 /* Higher or Lower terminal score unit. */
 .ss-w-hl-over-unit { font-size: 14px; font-weight: 700; color: var(--ss-w-faint); }
 .ss-w-gscreen-back { display: inline-flex; align-items: center; gap: 5px; background: none; border: none; color: var(--ss-w-accent); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; padding: 6px 0 10px; align-self: flex-start; }