@genex-ai/embed-sdk 0.9.0 → 0.10.0

package/dist/{chunk-BWJ2FVCH.js → chunk-Z7VGKJYX.js}

@@ -621,19 +621,91 @@ function enterBlocked() {
 }
 var OVERLAY_TEXT = {
   // Delayed (text grace period): most connects finish before the text ever
-  // shows — a sub-second text flash reads as a glitch.
-  connecting: { title: "Connecting\u2026" },
-  // Same copy as `connecting` so the whole standalone bounce (gate ->
+  // shows — a sub-second text flash reads as a glitch. `wordmark` states show
+  // GENEX in the breathing decrypt loop instead of an instruction.
+  connecting: { title: "GENEX", wordmark: true },
+  // Same treatment as `connecting` so the whole standalone bounce (gate ->
   // /play/authorize -> gate) reads as ONE continuous screen. Still neutral:
   // the automatic bounce precedes GUEST play as often as sign-in.
-  redirecting: { title: "Connecting\u2026" },
+  redirecting: { title: "GENEX", wordmark: true },
   // Terminal states need the visitor to act — text shows immediately.
   "blocked-standalone": { title: "Sign in to play", button: "Sign in", instant: true },
   "blocked-embedded": { title: "Sign in on the Genex dashboard to continue", instant: true }
 };
-var OVERLAY_FONT_URL = "https://cdn.genex.technology/fonts/Geist-variable.woff2";
-var OVERLAY_FONT_STACK = "'Geist',system-ui,-apple-system,sans-serif";
+var OVERLAY_FONT_URL = "https://cdn.genex.technology/fonts/GeistMono-variable.woff2";
+var OVERLAY_FONT_STACK = "'Geist Mono',ui-monospace,SFMono-Regular,Menlo,monospace";
 var overlayFontRequested = false;
+var SCRAMBLE_NOISE = "!<>-_/[]{}=+*^?#$%&@";
+var SCRAMBLE_TICK_MS = 50;
+var SCRAMBLE_SETTLE_TICKS = 10;
+var WORDMARK_LOOP_PHASES = [
+  { name: "churn", ticks: 5 },
+  { name: "settle", ticks: 10 },
+  { name: "hold", ticks: 12 },
+  { name: "dissolve", ticks: 8 }
+];
+function scrambleNoise(length) {
+  let out = "";
+  for (let i = 0; i < length; i++) {
+    out += SCRAMBLE_NOISE[Math.floor(Math.random() * SCRAMBLE_NOISE.length)];
+  }
+  return out;
+}
+function scrambleStatic() {
+  try {
+    const w = win();
+    if (!w || typeof w.matchMedia !== "function") return true;
+    return w.matchMedia("(prefers-reduced-motion: reduce)").matches;
+  } catch {
+    return true;
+  }
+}
+function scrambleIn(el, text) {
+  if (scrambleStatic()) {
+    el.textContent = text;
+    return () => {
+    };
+  }
+  let i = 0;
+  el.textContent = scrambleNoise(text.length);
+  const id = setInterval(() => {
+    i++;
+    if (i >= SCRAMBLE_SETTLE_TICKS) {
+      el.textContent = text;
+      clearInterval(id);
+      return;
+    }
+    const lock = Math.floor(i / SCRAMBLE_SETTLE_TICKS * text.length);
+    el.textContent = text.slice(0, lock) + scrambleNoise(text.length - lock);
+  }, SCRAMBLE_TICK_MS);
+  return () => clearInterval(id);
+}
+function wordmarkLoop(el, text) {
+  if (scrambleStatic()) {
+    el.textContent = text;
+    return () => {
+    };
+  }
+  let phase = 0;
+  let i = 0;
+  const frame = () => {
+    const p = WORDMARK_LOOP_PHASES[phase];
+    let kept;
+    if (p.name === "churn") kept = 0;
+    else if (p.name === "settle") kept = Math.floor(i / p.ticks * text.length);
+    else if (p.name === "hold") kept = text.length;
+    else kept = text.length - Math.floor(i / p.ticks * text.length);
+    el.textContent = text.slice(0, kept) + scrambleNoise(text.length - kept);
+    i++;
+    if (i >= p.ticks) {
+      i = 0;
+      phase = (phase + 1) % WORDMARK_LOOP_PHASES.length;
+    }
+  };
+  frame();
+  const id = setInterval(frame, SCRAMBLE_TICK_MS);
+  return () => clearInterval(id);
+}
 function ensureOverlayFont(d) {
   if (overlayFontRequested) return;
   overlayFontRequested = true;
@@ -641,7 +713,7 @@ function ensureOverlayFont(d) {
     const FF = win()?.FontFace;
     const fonts = d.fonts;
     if (!FF || !fonts?.add) return;
-    const face = new FF("Geist", `url(${OVERLAY_FONT_URL}) format('woff2')`, {
+    const face = new FF("Geist Mono", `url(${OVERLAY_FONT_URL}) format('woff2')`, {
       weight: "100 900",
       display: "swap"
     });
@@ -664,7 +736,7 @@ function removeOverlay(instant = false) {
     const el = overlayEl;
     overlayEl = null;
     if (!el) return;
-    el.clearTextTimer();
+    el.stopText();
     const root = el.root;
     if (instant || !root.style) {
       root.remove?.();
@@ -686,12 +758,12 @@ function buildOverlay(d) {
   ensureOverlayFont(d);
   const root = d.createElement("div");
   root.setAttribute("data-genex-embed-overlay", "");
-  root.style.cssText = `position:fixed;inset:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:#000;color:#fff;font-family:${OVERLAY_FONT_STACK};text-align:center;pointer-events:auto;user-select:none`;
+  root.style.cssText = `position:fixed;inset:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:#000;color:#fff;font-family:${OVERLAY_FONT_STACK};text-align:center;pointer-events:auto;user-select:none`;
   const title = d.createElement("div");
-  title.style.cssText = "font-size:18px;font-weight:600;padding:0 24px;opacity:0";
+  title.style.cssText = "font-size:13px;font-weight:400;line-height:1.3;padding:0 24px;opacity:0;min-height:1.3em;font-variant-ligatures:none";
   root.appendChild(title);
   const button = d.createElement("button");
-  button.style.cssText = "font-size:15px;font-weight:600;padding:10px 28px;border-radius:9px;border:none;cursor:pointer;background:#4b60bf;color:#fff;display:none";
+  button.style.cssText = "font-family:inherit;font-size:13px;font-weight:500;line-height:1.3;padding:8px 22px;border-radius:9px;border:none;cursor:pointer;background:#4b60bf;color:#fff;display:none";
   button.addEventListener("mouseenter", () => {
     button.style.background = "#3f51a8";
   });
@@ -712,29 +784,37 @@ function buildOverlay(d) {
   if (d.body) mount();
   else d.addEventListener?.("DOMContentLoaded", mount);
   let textTimer;
-  const clearTextTimer = () => {
+  let cancelScramble;
+  const stopText = () => {
     if (textTimer !== void 0) {
       clearTimeout(textTimer);
       textTimer = void 0;
     }
+    if (cancelScramble) {
+      cancelScramble();
+      cancelScramble = void 0;
+    }
   };
   return {
     root,
-    clearTextTimer,
+    stopText,
     setContent(kind) {
       const text = OVERLAY_TEXT[kind];
-      clearTextTimer();
+      stopText();
       title.textContent = text.title;
-      if (text.instant || overlayTextDelayMs <= 0) {
-        title.style.transition = "";
+      title.style.letterSpacing = text.wordmark ? "0.22em" : "";
+      title.style.marginRight = text.wordmark ? "-0.22em" : "";
+      const reveal = () => {
         title.style.opacity = "1";
+        cancelScramble = text.wordmark ? wordmarkLoop(title, text.title) : scrambleIn(title, text.title);
+      };
+      if (text.instant || overlayTextDelayMs <= 0) {
+        reveal();
       } else {
-        title.style.transition = "";
         title.style.opacity = "0";
         textTimer = setTimeout(() => {
           textTimer = void 0;
-          title.style.transition = "opacity 200ms ease";
-          title.style.opacity = "1";
+          reveal();
         }, overlayTextDelayMs);
       }
       button.style.display = text.button ? "inline-block" : "none";
@@ -769,7 +849,7 @@ function buildGuestPopover(d) {
   root.appendChild(text);
   const signIn = d.createElement("button");
   signIn.textContent = "Sign in";
-  signIn.style.cssText = "font-size:13px;font-weight:600;padding:6px 16px;border-radius:9px;border:none;cursor:pointer;background:#4b60bf;color:#fff";
+  signIn.style.cssText = "font-family:inherit;font-size:13px;font-weight:500;padding:6px 16px;border-radius:9px;border:none;cursor:pointer;background:#4b60bf;color:#fff";
   signIn.addEventListener("mouseenter", () => {
     signIn.style.background = "#3f51a8";
   });

package/dist/index.js

@@ -17,7 +17,7 @@ import {
   submitScore,
   waitForAuth,
   waitForPlayer
-} from "./chunk-BWJ2FVCH.js";
+} from "./chunk-Z7VGKJYX.js";
 export {
   __resetForTests,
   _stashTicketFromUrl,

package/dist/sentry.js

@@ -2,7 +2,7 @@ import {
   _stashTicketFromUrl,
   getUser,
   on
-} from "./chunk-BWJ2FVCH.js";
+} from "./chunk-Z7VGKJYX.js";
 
 // src/sentry.ts
 import * as Sentry from "@sentry/browser";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@genex-ai/embed-sdk",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "description": "Player identity + durable game state for genex games \u2014 signed-in or guest play, per-player save slots, shared world state, and soft-trust leaderboards.",
   "type": "module",
   "main": "./dist/index.js",