@stakeplate/core 0.1.0 → 0.2.0

package/dist/index.js

@@ -2,7 +2,7 @@ import { i as roundEvents, n as API_AMOUNT_MULTIPLIER, r as BOOK_AMOUNT_MULTIPLI
 import { StakeNetworkManager, createNetwork, readRuntime, urlParam } from "./rgs.js";
 import { n as RealTicker, t as InstantTicker } from "./ticker-A-XgayZv.js";
 import { BalanceStore, RootStore, SessionStore, UiStore } from "./stores.js";
-import { t as bindMixerToHud } from "./bind-BBRxizWR.js";
+import { n as bindMixerToHud, t as bindInputSounds } from "./inputs-X3Tc_HTV.js";
 import { reaction } from "mobx";
 import { Application } from "pixi.js";
 import { mountBuyFeatureModal, mountHud, showBootError } from "@open-slot-ui/pixi";
@@ -17,17 +17,26 @@ const DEFAULT_TURBO_SPEEDS = [
 ];
 var TurboClock = class {
 	speeds;
+	/** Delay multiplier applied while autoplay/hold runs (the floor for `speed`). Defaults to
+	*  the turbo (level-1) speed, so autoplay plays at least at turbo pace even at turbo off. */
+	autoplaySpeed;
 	_level = 0;
+	_autoplay = false;
 	_skipped = false;
 	pending = /* @__PURE__ */ new Set();
-	constructor(speeds) {
+	constructor(speeds, autoplaySpeed) {
 		this.speeds = speeds && speeds.length ? speeds : DEFAULT_TURBO_SPEEDS;
+		this.autoplaySpeed = autoplaySpeed ?? this.speeds[1] ?? .5;
 	}
 	get level() {
 		return this._level;
 	}
 	get speed() {
-		return this.speeds[this._level] ?? this.speeds[this.speeds.length - 1] ?? 1;
+		const levelSpeed = this.speeds[this._level] ?? this.speeds[this.speeds.length - 1] ?? 1;
+		return this._autoplay ? Math.min(levelSpeed, this.autoplaySpeed) : levelSpeed;
+	}
+	get autoplay() {
+		return this._autoplay;
 	}
 	get skipped() {
 		return this._skipped;
@@ -37,6 +46,11 @@ var TurboClock = class {
 		const i = Number.isFinite(index) ? Math.trunc(index) : 0;
 		this._level = Math.max(0, Math.min(i, this.speeds.length - 1));
 	}
+	/** Mark autoplay/hold as running so `delay()` shortens game animations. The core sets
+	*  this on autoplayStarted/holdSpinStarted and clears it when they stop. */
+	setAutoplay(active) {
+		this._autoplay = active;
+	}
 	/** Slam-stop: resolve every in-flight delay + make the rest of the round instant. */
 	skip() {
 		this._skipped = true;
@@ -197,6 +211,21 @@ function defaultPhases() {
 	];
 }
 //#endregion
+//#region src/engine/beat.ts
+/**
+* Run a blocking announcement beat: lead → show → hold → hide → trail. Awaitable, so a
+* Present phase just `await blockingBeat(ctx, { … })` and the round pauses for the whole
+* thing. Returns when the beat (including the trailing pause) is over.
+*/
+async function blockingBeat(ctx, opts) {
+	const wait = opts.timing === "turbo" ? (ms) => ctx.turbo.delay(ms) : (ms) => ctx.ticker.delay(ms);
+	if (opts.leadMs && opts.leadMs > 0) await wait(opts.leadMs);
+	opts.show();
+	await wait(opts.holdMs);
+	opts.hide?.();
+	if (opts.trailMs && opts.trailMs > 0) await wait(opts.trailMs);
+}
+//#endregion
 //#region src/game/config.ts
 /** The cost multiplier for a mode key (default 1 for `base` / unknown modes). */
 function modeCostOf(config, mode) {
@@ -206,6 +235,229 @@ function modeCostOf(config, mode) {
 	return 1;
 }
 //#endregion
+//#region src/currency/index.ts
+/** Three-decimal fiat missing from the @open-slot-ui currency table — the Gulf/Arab
+*  dinars & rials (the lib already covers KWD/BHD/JOD). `symbol` follows the lib's short
+*  latinised convention for the region (KWD→"KD", …). */
+const EXTRA_DECIMALS = {
+	OMR: {
+		decimals: 3,
+		symbol: "OMR"
+	},
+	TND: {
+		decimals: 3,
+		symbol: "DT"
+	},
+	LYD: {
+		decimals: 3,
+		symbol: "LD"
+	},
+	IQD: {
+		decimals: 3,
+		symbol: "IQD"
+	}
+};
+/**
+* `resolveCurrency`, but with the missing 3-decimal dinars/rials patched in. Use this
+* everywhere a currency code becomes a `CurrencySpec` so precision is correct for every
+* code — `createStakeGame` routes all of its resolution through here.
+*/
+function currencyFor(code) {
+	const extra = code ? EXTRA_DECIMALS[code.toUpperCase()] : void 0;
+	return extra ? resolveCurrency(code, extra) : resolveCurrency(code);
+}
+//#endregion
+//#region src/loader/index.ts
+let seq = 0;
+const isBrowser = () => typeof document !== "undefined" && !!document.body;
+const sleep = (ms) => new Promise((r) => setTimeout(r, ms));
+/** Create + mount the boot overlay. Safe to call before anything else in boot. */
+function createLoader(config = {}) {
+	const startedAt = Date.now();
+	const minMs = config.minDurationMs ?? 1200;
+	const accent = config.accent ?? "#d99000";
+	const bg = config.background ?? "#0b0d12";
+	const z = config.zIndex ?? 2147483e3;
+	const blur = config.blur ?? true;
+	const features = config.features ?? [];
+	const hasLogo = !!config.logo;
+	let progress = 0;
+	let donePromise = null;
+	if (!isBrowser()) return {
+		el: null,
+		setProgress() {},
+		done: () => Promise.resolve(),
+		remove() {}
+	};
+	const id = `sp-loader-${++seq}`;
+	const root = document.createElement("div");
+	root.id = id;
+	root.className = "sp-loader phase-loading";
+	const style = document.createElement("style");
+	style.textContent = `
+    #${id}{position:fixed;inset:0;z-index:${z};background:${config.backgroundImage ? "transparent" : bg};overflow:hidden;
+      font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
+      opacity:1;transition:opacity .5s ease}
+    #${id}.sp-done{opacity:0}
+    #${id} .sp-bgimg{position:absolute;inset:-8%;background-position:center;background-size:cover;
+      ${blur ? "filter:blur(6px);" : ""}transform:scale(1.06)}
+    #${id} .sp-vign{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 42%,transparent 40%,rgba(0,0,0,.62) 100%)}
+    /* Logo — same element in both phases; glides + shrinks from centre to the top. */
+    #${id} .sp-logo{position:absolute;left:50%;top:36%;transform:translate(-50%,-50%);
+      width:min(42vw,240px);height:auto;filter:drop-shadow(0 14px 24px rgba(0,0,0,.55));
+      animation:sp-pulse 1.5s ease-in-out infinite;
+      transition:top .6s cubic-bezier(.5,0,.2,1),width .6s cubic-bezier(.5,0,.2,1)}
+    #${id}.phase-features .sp-logo{top:15%;width:min(30vw,180px);animation:none}
+    /* LOADING group (title/subtitle + bar) — fades out on the way to features. */
+    #${id} .sp-load{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);
+      display:flex;flex-direction:column;align-items:center;gap:14px;
+      transition:opacity .35s ease}
+    #${id}.phase-features .sp-load{opacity:0;pointer-events:none}
+    #${id} .sp-spin{width:60px;height:60px;border-radius:50%;border:5px solid rgba(255,255,255,.18);
+      border-top-color:${accent};animation:sp-rot .8s linear infinite}
+    #${id} .sp-title{margin:0;color:#fff;font-weight:800;letter-spacing:.02em;
+      font-size:clamp(20px,3.6vw,36px);text-align:center;text-shadow:0 3px 10px rgba(0,0,0,.55),0 0 22px ${accent}55}
+    #${id} .sp-sub{margin:0;color:#ffffffcc;font-size:clamp(12px,2vw,16px);text-align:center;text-shadow:0 2px 6px rgba(0,0,0,.5)}
+    #${id} .sp-bar{position:relative;width:min(60vw,260px);height:8px;border-radius:99px;background:rgba(255,255,255,.16);overflow:hidden}
+    #${id} .sp-fill{position:absolute;left:0;top:0;bottom:0;width:0%;border-radius:99px;background:${accent};transition:width .35s ease}
+    /* FEATURES splash — tiles + prompt; scales/fades in once boot is ready. */
+    #${id} .sp-feat{position:absolute;left:0;right:0;top:30%;bottom:0;display:flex;flex-direction:column;
+      align-items:center;justify-content:flex-start;gap:5vh;padding:0 4vw;
+      opacity:0;transform:scale(.94);pointer-events:none;transition:opacity .5s ease,transform .5s ease}
+    #${id}.phase-features .sp-feat{opacity:1;transform:scale(1);pointer-events:auto}
+    #${id} .sp-tiles{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;
+      gap:clamp(18px,5vw,64px);max-width:94vw}
+    #${id} .sp-tile{display:flex;flex-direction:column;align-items:center;gap:14px;
+      width:clamp(110px,22vw,210px);opacity:0;transform:translateY(16px) scale(.9);
+      transition:opacity .45s ease,transform .45s cubic-bezier(.34,1.56,.64,1)}
+    #${id}.phase-features .sp-tile{opacity:1;transform:none}
+    #${id} .sp-tile img{height:clamp(66px,13vh,150px);width:auto;max-width:100%;object-fit:contain;
+      filter:drop-shadow(0 8px 14px rgba(0,0,0,.45))}
+    #${id} .sp-tile span{color:${accent};font-weight:800;text-transform:uppercase;letter-spacing:.02em;
+      text-align:center;white-space:pre-line;line-height:1.15;font-size:clamp(13px,2.1vw,21px);
+      text-shadow:0 2px 6px rgba(0,0,0,.6)}
+    #${id} .sp-cont{margin-top:auto;margin-bottom:5vh;color:#ffffffcc;text-transform:uppercase;
+      letter-spacing:.16em;font-size:clamp(11px,1.6vw,15px);animation:sp-blink 1.7s ease-in-out infinite}
+    @keyframes sp-pulse{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.06)}}
+    @keyframes sp-rot{to{transform:rotate(360deg)}}
+    @keyframes sp-blink{0%,100%{opacity:.4}50%{opacity:1}}
+    @media (prefers-reduced-motion:reduce){#${id} .sp-logo,#${id} .sp-spin,#${id} .sp-cont{animation:none}}
+  `;
+	if (config.backgroundImage) {
+		const img = document.createElement("div");
+		img.className = "sp-bgimg";
+		img.style.backgroundImage = `url(${config.backgroundImage})`;
+		root.appendChild(img);
+		const vign = document.createElement("div");
+		vign.className = "sp-vign";
+		root.appendChild(vign);
+	}
+	if (hasLogo) {
+		const logo = document.createElement("img");
+		logo.className = "sp-logo";
+		logo.src = config.logo;
+		logo.alt = "";
+		root.appendChild(logo);
+	}
+	const load = document.createElement("div");
+	load.className = "sp-load";
+	if (!hasLogo) {
+		const spin = document.createElement("div");
+		spin.className = "sp-spin";
+		load.appendChild(spin);
+	}
+	if (config.title) {
+		const h = document.createElement("h1");
+		h.className = "sp-title";
+		h.textContent = config.title;
+		load.appendChild(h);
+	}
+	if (config.subtitle) {
+		const p = document.createElement("p");
+		p.className = "sp-sub";
+		p.textContent = config.subtitle;
+		load.appendChild(p);
+	}
+	const bar = document.createElement("div");
+	bar.className = "sp-bar";
+	const fill = document.createElement("div");
+	fill.className = "sp-fill";
+	bar.appendChild(fill);
+	load.appendChild(bar);
+	root.appendChild(load);
+	if (features.length) {
+		const feat = document.createElement("div");
+		feat.className = "sp-feat";
+		const tiles = document.createElement("div");
+		tiles.className = "sp-tiles";
+		features.forEach((f, i) => {
+			const tile = document.createElement("div");
+			tile.className = "sp-tile";
+			tile.style.transitionDelay = `${.12 + i * .12}s`;
+			const img = document.createElement("img");
+			img.src = f.image;
+			img.alt = "";
+			const cap = document.createElement("span");
+			cap.textContent = f.text;
+			tile.append(img, cap);
+			tiles.appendChild(tile);
+		});
+		const cont = document.createElement("div");
+		cont.className = "sp-cont";
+		cont.textContent = config.continueText ?? "PRESS TO CONTINUE";
+		feat.append(tiles, cont);
+		root.appendChild(feat);
+	}
+	root.appendChild(style);
+	document.body.appendChild(root);
+	const setProgress = (p) => {
+		const next = Math.max(progress, Math.min(1, Number.isFinite(p) ? p : 0));
+		progress = next;
+		fill.style.width = `${Math.round(next * 100)}%`;
+	};
+	const remove = () => {
+		root.remove();
+		style.remove();
+		document.getElementById("sp-bootbg")?.remove();
+		document.getElementById("sp-boot-style")?.remove();
+	};
+	const runFeatures = () => new Promise((resolve) => {
+		root.classList.remove("phase-loading");
+		root.classList.add("phase-features");
+		const dismiss = () => {
+			root.removeEventListener("pointerdown", dismiss);
+			window.removeEventListener("keydown", onKey);
+			resolve();
+		};
+		const onKey = (e) => {
+			if (e.key === " " || e.key === "Enter") dismiss();
+		};
+		setTimeout(() => {
+			root.addEventListener("pointerdown", dismiss);
+			window.addEventListener("keydown", onKey);
+		}, 500);
+	});
+	const done = () => {
+		if (donePromise) return donePromise;
+		donePromise = (async () => {
+			setProgress(1);
+			const wait = minMs - (Date.now() - startedAt);
+			if (wait > 0) await sleep(wait);
+			if (features.length) await runFeatures();
+			root.classList.add("sp-done");
+			await sleep(520);
+			remove();
+		})();
+		return donePromise;
+	};
+	return {
+		el: root,
+		setProgress,
+		done,
+		remove
+	};
+}
+//#endregion
 //#region src/game/createStakeGame.ts
 /**
 * Stake policy: buys/activations costing more than this many × base bet require a confirm
@@ -225,6 +477,7 @@ function createStakeGame(opts) {
 	const disposers = [];
 	let hud = null;
 	let fsm = null;
+	let loader = null;
 	let builtinArt = null;
 	const hudOpts = async () => {
 		builtinArt ??= loadBuiltinArt();
@@ -240,7 +493,7 @@ function createStakeGame(opts) {
 		};
 	};
 	const buildSpec = (s) => ({
-		currency: resolveCurrency(s.currency),
+		currency: currencyFor(s.currency),
 		betLadder: {
 			levels: s.betLevels,
 			index: Math.max(0, s.betLevels.indexOf(s.defaultBet))
@@ -283,11 +536,18 @@ function createStakeGame(opts) {
 	async function start() {
 		const hudHost = opts.hudHost ?? document.body;
 		const sceneHost = opts.sceneHost ?? hudHost;
+		if (opts.loader) loader = createLoader({
+			title: opts.config.title,
+			...opts.loader
+		});
+		const manualLoader = !!(opts.loader && opts.loader.manual);
 		const machine = fsm = new FSM([...defaultPhases(), ...opts.phases ?? []]);
+		loader?.setProgress(.1);
 		await resolveAudio();
 		if (runtime.replay.active && network.replay) {
 			try {
 				await initApp(hudHost);
+				loader?.setProgress(.5);
 				const cur = runtime.currency;
 				const bet = runtime.replay.amount || 1;
 				hud = mountHud(app, buildSpec({
@@ -301,13 +561,15 @@ function createStakeGame(opts) {
 				stores.balance.setBalance(0);
 				stores.balance.setBet(bet);
 				if (runtime.social) hud.setSocial(true);
+				loader?.setProgress(.85);
 				const view = opts.mountView(sceneHost, {
 					config: opts.config,
 					stores,
 					hud,
 					ticker,
 					audio,
-					turbo
+					turbo,
+					loader
 				});
 				hud.setReplay(true);
 				hud.lockInput();
@@ -327,7 +589,7 @@ function createStakeGame(opts) {
 					costMultiplier: cost,
 					payoutMultiplier: info.multiplier,
 					amount: info.totalWin,
-					currency: resolveCurrency(cur)
+					currency: currencyFor(cur)
 				};
 				const playRound = async () => {
 					stores.ui.setSpinning(true);
@@ -335,7 +597,9 @@ function createStakeGame(opts) {
 					hud.replayEnd(replayInfo, () => void playRound());
 				};
 				hud.replayStart(replayInfo, () => void playRound());
+				if (!manualLoader) loader?.done();
 			} catch (err) {
+				loader?.remove();
 				showBootError({
 					title: "Cannot load the replay",
 					message: "The recorded round could not be loaded. Please reload to try again.",
@@ -347,8 +611,11 @@ function createStakeGame(opts) {
 		let auth;
 		try {
 			await initApp(hudHost);
+			loader?.setProgress(.35);
 			auth = await network.authenticate();
+			loader?.setProgress(.6);
 		} catch (err) {
+			loader?.remove();
 			showBootError({
 				title: "Cannot reach the game server",
 				message: "The game could not connect to or authenticate with the game server. Please reload to try again.",
@@ -371,7 +638,7 @@ function createStakeGame(opts) {
 			rtp,
 			confirmBuyAboveCost
 		}), await hudOpts());
-		hud.setCurrency(resolveCurrency(currency));
+		hud.setCurrency(currencyFor(currency));
 		hud.applyJurisdiction(juris);
 		if (runtime.social || isSocialCurrency(currency)) hud.setSocial(true);
 		stores.session.set({
@@ -383,14 +650,17 @@ function createStakeGame(opts) {
 		});
 		stores.balance.setBet(defaultBet);
 		hud.setBet(defaultBet);
+		loader?.setProgress(.8);
 		const ctx = makeCtx(machine, opts.mountView(sceneHost, {
 			config: opts.config,
 			stores,
 			hud,
 			ticker,
 			audio,
-			turbo
+			turbo,
+			loader
 		}));
+		loader?.setProgress(.95);
 		disposers.push(reaction(() => stores.balance.balance, (b) => hud.setBalance(b), { fireImmediately: false }));
 		disposers.push(hud.on("valueChanged", (p) => {
 			const v = p;
@@ -403,13 +673,21 @@ function createStakeGame(opts) {
 		};
 		let holdActive = false;
 		disposers.push(hud.on("spinRequested", beginSpin));
-		disposers.push(hud.on("autoplayStarted", beginSpin));
+		disposers.push(hud.on("autoplayStarted", () => {
+			turbo.setAutoplay(true);
+			beginSpin();
+		}));
+		disposers.push(hud.on("autoplayStopped", () => {
+			turbo.setAutoplay(holdActive);
+		}));
 		disposers.push(hud.on("holdSpinStarted", () => {
 			holdActive = true;
+			turbo.setAutoplay(true);
 			beginSpin();
 		}));
 		disposers.push(hud.on("holdSpinStopped", () => {
 			holdActive = false;
+			turbo.setAutoplay(hud.ui.autoplay.isActive);
 		}));
 		disposers.push(hud.on("turboChanged", (p) => {
 			const e = p;
@@ -464,6 +742,7 @@ function createStakeGame(opts) {
 				disposers.push(off);
 			}
 		}
+		if (audio && isAudioSpec(opts.audio) && opts.audio.inputSounds) disposers.push(bindInputSounds(audio, hud, opts.audio.inputSounds));
 		if (active?.active) {
 			const end = await network.endRound();
 			const raw = active;
@@ -481,6 +760,7 @@ function createStakeGame(opts) {
 			stores.balance.setBalance(auth.balance.amount / API_AMOUNT_MULTIPLIER);
 			await machine.transition("idle");
 		}
+		if (!manualLoader) loader?.done();
 	}
 	function makeCtx(fsm, view) {
 		const ctx = {
@@ -492,6 +772,7 @@ function createStakeGame(opts) {
 			view,
 			audio,
 			turbo,
+			loader,
 			interpretBook: opts.interpretBook,
 			fsm,
 			round: null,
@@ -556,6 +837,6 @@ function buyFeaturesOf(config) {
 	return out;
 }
 //#endregion
-export { API_AMOUNT_MULTIPLIER, BOOK_AMOUNT_MULTIPLIER, BalanceStore, DEFAULT_TURBO_SPEEDS, FSM, IdlePhase, InstantTicker, MockNetworkManager, PresentPhase, RealTicker, RootStore, SessionStore, SettlePhase, SpinPhase, StakeNetworkManager, TurboClock, UiStore, createNetwork, createStakeGame, defaultPhases, modeCostOf, readRuntime, roundEvents, roundInfo, urlParam };
+export { API_AMOUNT_MULTIPLIER, BOOK_AMOUNT_MULTIPLIER, BalanceStore, DEFAULT_TURBO_SPEEDS, EXTRA_DECIMALS, FSM, IdlePhase, InstantTicker, MockNetworkManager, PresentPhase, RealTicker, RootStore, SessionStore, SettlePhase, SpinPhase, StakeNetworkManager, TurboClock, UiStore, blockingBeat, createLoader, createNetwork, createStakeGame, currencyFor, defaultPhases, modeCostOf, readRuntime, roundEvents, roundInfo, urlParam };
 
 //# sourceMappingURL=index.js.map