@kbve/laser 0.1.0 → 0.1.4

package/laser.es.js

@@ -1,376 +1,854 @@
-import { jsxs as m, jsx as b } from "react/jsx-runtime";
-import { createContext as D, useContext as P, forwardRef as S, useRef as p, useState as k, useImperativeHandle as E, useEffect as w, useMemo as I } from "react";
+import { createContext as e, forwardRef as t, useContext as n, useEffect as r, useImperativeHandle as i, useMemo as a, useRef as o, useState as s } from "react";
 import c from "phaser";
-import { Canvas as C, useFrame as K } from "@react-three/fiber";
-import { addComponent as X, addEntity as Y, createWorld as N, hasComponent as Q, query as tt, removeEntity as et } from "bitecs";
-import { RAPIER as it, createRapierPhysics as rt } from "@phaserjs/rapier-connector";
-class A {
-  handlers = /* @__PURE__ */ new Map();
-  on(t, e) {
-    let s = this.handlers.get(t);
-    return s || (s = /* @__PURE__ */ new Set(), this.handlers.set(t, s)), s.add(e), () => {
-      s.delete(e);
-    };
-  }
-  off(t, e) {
-    this.handlers.get(t)?.delete(e);
-  }
-  emit(t, e) {
-    this.handlers.get(t)?.forEach((s) => {
-      s(e);
-    });
-  }
-  clear() {
-    this.handlers.clear();
-  }
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Canvas as d, useFrame as f } from "@react-three/fiber";
+import { query as p } from "bitecs";
+import { RAPIER as m, createRapierPhysics as h } from "@phaserjs/rapier-connector";
+export * from "bitecs";
+//#region \0rolldown/runtime.js
+var g = class {
+	handlers = /* @__PURE__ */ new Map();
+	on(e, t) {
+		let n = this.handlers.get(e);
+		return n || (n = /* @__PURE__ */ new Set(), this.handlers.set(e, n)), n.add(t), () => {
+			n.delete(t);
+		};
+	}
+	off(e, t) {
+		this.handlers.get(e)?.delete(t);
+	}
+	emit(e, t) {
+		this.handlers.get(e)?.forEach((e) => {
+			e(t);
+		});
+	}
+	clear() {
+		this.handlers.clear();
+	}
+}, _ = new g(), v = class e {
+	bounds;
+	capacity;
+	points;
+	divided;
+	cache;
+	northeast;
+	northwest;
+	southeast;
+	southwest;
+	constructor(e, t = 4) {
+		this.bounds = e, this.capacity = t, this.points = [], this.divided = !1, this.cache = /* @__PURE__ */ new Map();
+	}
+	subdivide() {
+		let { xMin: t, yMin: n, xMax: r, yMax: i } = this.bounds, a = (r - t) / 2, o = (i - n) / 2, s = t, c = n;
+		this.northeast = new e({
+			xMin: s + a,
+			xMax: s + 2 * a,
+			yMin: n,
+			yMax: c + o
+		}, this.capacity), this.northwest = new e({
+			xMin: t,
+			xMax: s + a,
+			yMin: n,
+			yMax: c + o
+		}, this.capacity), this.southeast = new e({
+			xMin: s + a,
+			xMax: s + 2 * a,
+			yMin: c + o,
+			yMax: c + 2 * o
+		}, this.capacity), this.southwest = new e({
+			xMin: t,
+			xMax: s + a,
+			yMin: c + o,
+			yMax: c + 2 * o
+		}, this.capacity), this.divided = !0;
+	}
+	insert(e) {
+		return this.contains(e.bounds) ? this.points.length < this.capacity ? (this.points.push(e), !0) : (this.divided || this.subdivide(), !!(this.northeast?.insert(e) || this.northwest?.insert(e) || this.southeast?.insert(e) || this.southwest?.insert(e))) : !1;
+	}
+	contains(e) {
+		let { xMin: t, yMin: n, xMax: r, yMax: i } = this.bounds;
+		return e.xMin >= t && e.xMax <= r && e.yMin >= n && e.yMax <= i;
+	}
+	queryRange(e, t = []) {
+		if (!this.intersects(e)) return t;
+		for (let n of this.points) this.isWithinBounds(n.bounds, e) && t.push(n);
+		return this.divided && (this.northwest?.queryRange(e, t), this.northeast?.queryRange(e, t), this.southwest?.queryRange(e, t), this.southeast?.queryRange(e, t)), t;
+	}
+	query(e, t = []) {
+		let n = `${e.x},${e.y}`, r = this.cache.get(n);
+		if (r) return r;
+		if (!this.intersects({
+			xMin: e.x,
+			xMax: e.x,
+			yMin: e.y,
+			yMax: e.y
+		})) return t;
+		for (let n of this.points) this.isWithinRange(e, n.bounds) && t.push(n);
+		return this.divided && (this.northwest?.query(e, t), this.northeast?.query(e, t), this.southwest?.query(e, t), this.southeast?.query(e, t)), this.cache.set(n, t), t;
+	}
+	intersects(e) {
+		let { xMin: t, yMin: n, xMax: r, yMax: i } = this.bounds;
+		return !(e.xMin > r || e.xMax < t || e.yMin > i || e.yMax < n);
+	}
+	isWithinBounds(e, t) {
+		return e.xMax >= t.xMin && e.xMin <= t.xMax && e.yMax >= t.yMin && e.yMin <= t.yMax;
+	}
+	isWithinRange(e, t) {
+		return e.x >= t.xMin && e.x <= t.xMax && e.y >= t.yMin && e.y <= t.yMax;
+	}
+}, y = e(null);
+function b() {
+	let e = n(y);
+	if (!e) throw Error("usePhaserGame must be used within a <PhaserGame> component");
+	return e;
 }
-const f = new A();
-class d {
-  bounds;
-  capacity;
-  points;
-  divided;
-  cache;
-  northeast;
-  northwest;
-  southeast;
-  southwest;
-  constructor(t, e = 4) {
-    this.bounds = t, this.capacity = e, this.points = [], this.divided = !1, this.cache = /* @__PURE__ */ new Map();
-  }
-  subdivide() {
-    const { xMin: t, yMin: e, xMax: s, yMax: i } = this.bounds, n = (s - t) / 2, o = (i - e) / 2, a = t, h = e;
-    this.northeast = new d(
-      { xMin: a + n, xMax: a + 2 * n, yMin: e, yMax: h + o },
-      this.capacity
-    ), this.northwest = new d(
-      { xMin: t, xMax: a + n, yMin: e, yMax: h + o },
-      this.capacity
-    ), this.southeast = new d(
-      { xMin: a + n, xMax: a + 2 * n, yMin: h + o, yMax: h + 2 * o },
-      this.capacity
-    ), this.southwest = new d(
-      { xMin: t, xMax: a + n, yMin: h + o, yMax: h + 2 * o },
-      this.capacity
-    ), this.divided = !0;
-  }
-  insert(t) {
-    return this.contains(t.bounds) ? this.points.length < this.capacity ? (this.points.push(t), !0) : (this.divided || this.subdivide(), !!(this.northeast?.insert(t) || this.northwest?.insert(t) || this.southeast?.insert(t) || this.southwest?.insert(t))) : !1;
-  }
-  contains(t) {
-    const { xMin: e, yMin: s, xMax: i, yMax: n } = this.bounds;
-    return t.xMin >= e && t.xMax <= i && t.yMin >= s && t.yMax <= n;
-  }
-  queryRange(t, e = []) {
-    if (!this.intersects(t))
-      return e;
-    for (const s of this.points)
-      this.isWithinBounds(s.bounds, t) && e.push(s);
-    return this.divided && (this.northwest?.queryRange(t, e), this.northeast?.queryRange(t, e), this.southwest?.queryRange(t, e), this.southeast?.queryRange(t, e)), e;
-  }
-  query(t, e = []) {
-    const s = `${t.x},${t.y}`, i = this.cache.get(s);
-    if (i)
-      return i;
-    if (!this.intersects({
-      xMin: t.x,
-      xMax: t.x,
-      yMin: t.y,
-      yMax: t.y
-    }))
-      return e;
-    for (const n of this.points)
-      this.isWithinRange(t, n.bounds) && e.push(n);
-    return this.divided && (this.northwest?.query(t, e), this.northeast?.query(t, e), this.southwest?.query(t, e), this.southeast?.query(t, e)), this.cache.set(s, e), e;
-  }
-  intersects(t) {
-    const { xMin: e, yMin: s, xMax: i, yMax: n } = this.bounds;
-    return !(t.xMin > i || t.xMax < e || t.yMin > n || t.yMax < s);
-  }
-  isWithinBounds(t, e) {
-    return t.xMax >= e.xMin && t.xMin <= e.xMax && t.yMax >= e.yMin && t.yMin <= e.yMax;
-  }
-  isWithinRange(t, e) {
-    return t.x >= e.xMin && t.x <= e.xMax && t.y >= e.yMin && t.y <= e.yMax;
-  }
+//#endregion
+//#region packages/npm/laser/src/lib/phaser/PhaserGame.tsx
+var x = t(function({ config: e, onReady: t, onDestroy: n, className: d, style: f, children: p }, m) {
+	let h = o(null), g = o(null), v = o(null), [b, x] = s("idle");
+	i(m, () => ({
+		game: g.current,
+		status: b
+	}), [b]), r(() => {
+		if (!h.current) return;
+		let r = h.current;
+		if (v.current !== null && (window.clearTimeout(v.current), v.current = null), g.current) {
+			let e = g.current.canvas;
+			return e && e.parentElement !== r && r.appendChild(e), x(g.current.isBooted ? "running" : "booting"), o;
+		}
+		x("booting");
+		let i = {
+			type: c.AUTO,
+			width: e.width ?? 800,
+			height: e.height ?? 600,
+			parent: r,
+			scene: e.scenes,
+			backgroundColor: e.backgroundColor,
+			transparent: e.transparent,
+			...e.physics && { physics: e.physics },
+			...e.plugins && { plugins: e.plugins },
+			...e.scale && { scale: e.scale },
+			...e.input && { input: e.input },
+			...e.render || e.pixelArt ? { render: e.pixelArt ? {
+				pixelArt: !0,
+				antialias: !1,
+				...e.render
+			} : e.render } : {},
+			...e.dom && { dom: e.dom },
+			...e.audio && { audio: e.audio },
+			...e.callbacks && { callbacks: e.callbacks },
+			...e.fps && { fps: e.fps }
+		}, a = new c.Game(i);
+		return g.current = a, a.events.once("ready", () => {
+			g.current === a && (x("running"), _.emit("game:ready", { game: a }), t?.(a));
+		}), o;
+		function o() {
+			v.current = window.setTimeout(() => {
+				v.current = null;
+				let e = g.current;
+				e && (x("destroyed"), _.emit("game:destroy", void 0), n?.(), e.destroy(!0), g.current = null);
+			}, 0);
+		}
+	}, [
+		e,
+		t,
+		n
+	]);
+	let S = a(() => ({
+		game: g.current,
+		status: b
+	}), [b]);
+	return /* @__PURE__ */ u(y.Provider, {
+		value: S,
+		children: [/* @__PURE__ */ l("div", {
+			ref: h,
+			className: d,
+			style: f
+		}), p]
+	});
+});
+//#endregion
+//#region packages/npm/laser/src/lib/phaser/use-phaser-event.ts
+function S(e, t, n) {
+	let { game: i } = b(), a = o(t);
+	a.current = t, r(() => {
+		if (!i) return;
+		let t = (...e) => a.current(...e);
+		if (n) {
+			let r = i.scene.getScene(n);
+			if (r) return r.events.on(e, t), () => {
+				r.events.off(e, t);
+			};
+		} else return i.events.on(e, t), () => {
+			i.events.off(e, t);
+		};
+	}, [
+		i,
+		e,
+		n
+	]);
 }
-const g = D(null);
-function R() {
-  const r = P(g);
-  if (!r)
-    throw new Error(
-      "usePhaserGame must be used within a <PhaserGame> component"
-    );
-  return r;
+//#endregion
+//#region packages/npm/laser/src/lib/phaser/virtual-joystick.ts
+var C = class {
+	scene;
+	base;
+	thumb;
+	radius;
+	deadZone;
+	_direction = null;
+	_isActive = !1;
+	fixed;
+	activePointer = null;
+	constructor(e, t) {
+		this.scene = e, this.radius = t?.radius ?? 60, this.deadZone = t?.deadZone ?? .25, this.fixed = t?.fixed ?? !0;
+		let n = t?.x ?? 120, r = t?.y ?? e.scale.height - 120;
+		this.base = e.add.circle(n, r, this.radius, t?.baseColor ?? 8947848, t?.baseAlpha ?? .35).setDepth(100).setScrollFactor(0), this.thumb = e.add.circle(n, r, this.radius * .4, t?.thumbColor ?? 16777215, t?.thumbAlpha ?? .5).setDepth(101).setScrollFactor(0), this.setupInput();
+	}
+	setupInput() {
+		this.scene.input.on("pointerdown", (e) => {
+			if (this.activePointer) return;
+			let t = e.x - this.base.x, n = e.y - this.base.y, r = Math.sqrt(t * t + n * n);
+			this.fixed && r > this.radius * 2 || (this.fixed || (this.base.setPosition(e.x, e.y), this.thumb.setPosition(e.x, e.y)), this.activePointer = e, this._isActive = !0);
+		}), this.scene.input.on("pointermove", (e) => {
+			e === this.activePointer && this.updateThumb(e.x, e.y);
+		}), this.scene.input.on("pointerup", (e) => {
+			e === this.activePointer && this.resetThumb();
+		});
+	}
+	updateThumb(e, t) {
+		let n = e - this.base.x, r = t - this.base.y, i = Math.sqrt(n * n + r * r), a = Math.min(i, this.radius), o = Math.atan2(r, n);
+		if (this.thumb.setPosition(this.base.x + Math.cos(o) * a, this.base.y + Math.sin(o) * a), a / this.radius < this.deadZone) {
+			this._direction = null;
+			return;
+		}
+		this._direction = this.angleToDirection(o);
+	}
+	angleToDirection(e) {
+		let t = e * 180 / Math.PI;
+		return t < 0 && (t += 360), t >= 337.5 || t < 22.5 ? "right" : t >= 22.5 && t < 67.5 ? "down-right" : t >= 67.5 && t < 112.5 ? "down" : t >= 112.5 && t < 157.5 ? "down-left" : t >= 157.5 && t < 202.5 ? "left" : t >= 202.5 && t < 247.5 ? "up-left" : t >= 247.5 && t < 292.5 ? "up" : "up-right";
+	}
+	resetThumb() {
+		this.thumb.setPosition(this.base.x, this.base.y), this._direction = null, this._isActive = !1, this.activePointer = null;
+	}
+	get direction() {
+		return this._direction;
+	}
+	get isActive() {
+		return this._isActive;
+	}
+	setVisible(e) {
+		return this.base.setVisible(e), this.thumb.setVisible(e), this;
+	}
+	destroy() {
+		this.base.destroy(), this.thumb.destroy();
+	}
+}, w = class {
+	scene;
+	gridEngine;
+	quadtree;
+	cursor;
+	wasdKeys;
+	tooltip;
+	tileSize;
+	playerId;
+	joystick = null;
+	constructor(e, t, n, r) {
+		if (this.scene = e, this.gridEngine = t, this.quadtree = n, this.tileSize = r?.tileSize ?? 48, this.playerId = r?.playerId ?? "player", this.cursor = this.scene.input.keyboard?.createCursorKeys(), this.initializeWASDKeys(), this.tooltip = this.scene.add.text(0, 0, "Press [F]", {
+			font: "16px Arial",
+			backgroundColor: "#000000"
+		}).setDepth(4).setPadding(3, 2, 2, 3).setVisible(!1), r?.joystick) {
+			let t = typeof r.joystick == "object" ? r.joystick : void 0;
+			this.joystick = new C(e, t);
+		}
+	}
+	initializeWASDKeys() {
+		let e = this.scene.input.keyboard;
+		e && (this.wasdKeys = {
+			W: e.addKey(c.Input.Keyboard.KeyCodes.W),
+			A: e.addKey(c.Input.Keyboard.KeyCodes.A),
+			S: e.addKey(c.Input.Keyboard.KeyCodes.S),
+			D: e.addKey(c.Input.Keyboard.KeyCodes.D)
+		});
+	}
+	checkForNearbyObjects() {
+		let e = this.gridEngine.getPosition(this.playerId), t = e.x * this.tileSize, n = e.y * this.tileSize, r = this.quadtree.query(e);
+		r.length > 0 ? (this.tooltip.setPosition(t, n - 60).setVisible(!0), _.emit("player:nearby", {
+			position: e,
+			ranges: r
+		})) : this.tooltip.setVisible(!1);
+	}
+	getPlayerPosition() {
+		return this.gridEngine.getPosition(this.playerId);
+	}
+	handleMovement() {
+		if (this.scene.input.keyboard?.addKey("F").isDown) {
+			let e = this.gridEngine.getPosition(this.playerId), t = this.quadtree.query(e);
+			if (t.length > 0) {
+				_.emit("player:interact", {
+					position: e,
+					ranges: t
+				});
+				for (let e of t) e.action();
+			}
+		}
+		if (this.joystick?.isActive && this.joystick.direction) {
+			this.gridEngine.move(this.playerId, this.joystick.direction), this.checkForNearbyObjects();
+			return;
+		}
+		if (!this.cursor) {
+			this.checkForNearbyObjects();
+			return;
+		}
+		let e = this.cursor, t = this.wasdKeys;
+		(e.left.isDown || t.A.isDown) && (e.up.isDown || t.W.isDown) ? this.gridEngine.move(this.playerId, "up-left") : (e.left.isDown || t.A.isDown) && (e.down.isDown || t.S.isDown) ? this.gridEngine.move(this.playerId, "down-left") : (e.right.isDown || t.D.isDown) && (e.up.isDown || t.W.isDown) ? this.gridEngine.move(this.playerId, "up-right") : (e.right.isDown || t.D.isDown) && (e.down.isDown || t.S.isDown) ? this.gridEngine.move(this.playerId, "down-right") : e.left.isDown || t.A.isDown ? this.gridEngine.move(this.playerId, "left") : e.right.isDown || t.D.isDown ? this.gridEngine.move(this.playerId, "right") : e.up.isDown || t.W.isDown ? this.gridEngine.move(this.playerId, "up") : (e.down.isDown || t.S.isDown) && this.gridEngine.move(this.playerId, "down"), this.checkForNearbyObjects();
+	}
+};
+//#endregion
+//#region packages/npm/laser/src/lib/phaser/entity-fx.ts
+function T(e, t, n = 16739179) {
+	t.setTint(16777215).setTintMode(c.TintModes.FILL), e.time.delayedCall(60, () => t.setTint(n)), e.time.delayedCall(180, () => {
+		t.clearTint(), t.setTintMode(c.TintModes.MULTIPLY);
+	});
+}
+function E(e, t, n, r, i, a) {
+	let o = e.add.text(t, n, r, {
+		fontFamily: "monospace",
+		fontSize: "14px",
+		color: i,
+		stroke: "#000000",
+		strokeThickness: 3
+	}).setOrigin(.5, 1).setDepth(a);
+	return e.tweens.add({
+		targets: o,
+		y: n - 28,
+		alpha: 0,
+		duration: 900,
+		ease: "Cubic.easeOut",
+		onComplete: () => o.destroy()
+	}), o;
+}
+function ee(e, t, n, r, i, a = 26) {
+	let o = Math.max(0, Math.min(1, r / i));
+	e.clear(), e.fillStyle(0, .6), e.fillRect(t - a / 2, n, a, 4), e.fillStyle(o > .5 ? 4906624 : o > .25 ? 16498468 : 16281969, 1), e.fillRect(t - a / 2 + .5, n + .5, (a - 1) * o, 3);
+}
+function te(e, { min: t = .6, max: n = 2.2, step: r = .2 } = {}) {
+	let i = (r) => {
+		let i = e.cameras.main;
+		i.setZoom(c.Math.Clamp(i.zoom + r, t, n));
+	};
+	e.input.keyboard?.on("keydown-PLUS", () => i(r)), e.input.keyboard?.on("keydown-MINUS", () => i(-r)), e.input.on("wheel", (e, t, n, a) => i(a > 0 ? -r * .75 : r * .75));
+}
+//#endregion
+//#region packages/npm/laser/src/lib/tile/path.ts
+function ne(e, t, n, r = 64) {
+	if (e.x === t.x && e.y === t.y || n(t.x, t.y)) return [];
+	let i = (e, t) => `${e},${t}`, a = /* @__PURE__ */ new Map();
+	a.set(i(e.x, e.y), null);
+	let o = [e], s = [
+		[0, -1],
+		[0, 1],
+		[-1, 0],
+		[1, 0]
+	], c = (r * 2 + 1) ** 2, l = 0, u = !1;
+	for (; o.length;) {
+		if (++l > c) return [];
+		let e = o.shift();
+		if (e.x === t.x && e.y === t.y) {
+			u = !0;
+			break;
+		}
+		for (let [t, r] of s) {
+			let s = e.x + t, c = e.y + r, l = i(s, c);
+			a.has(l) || n(s, c) || (a.set(l, i(e.x, e.y)), o.push({
+				x: s,
+				y: c
+			}));
+		}
+	}
+	if (!u) return [];
+	let d = [], f = i(t.x, t.y);
+	for (; f && f !== i(e.x, e.y);) {
+		let [e, t] = f.split(",").map(Number);
+		if (d.push({
+			x: e,
+			y: t
+		}), f = a.get(f) ?? null, d.length > r) return [];
+	}
+	return d.reverse(), d;
+}
+//#endregion
+//#region packages/npm/laser/src/lib/phaser/monsters/bird.ts
+function re(e) {
+	return +e[e.length - 1];
+}
+function ie(e) {
+	return e.startsWith("monster_bird_") && !e.startsWith("monster_bird_shadow");
+}
+function D(e, t, n, r, i) {
+	let a = [];
+	for (let o = 0; o < 10; o++) {
+		let o = e.add.sprite(0, 0, "monster_bird");
+		o.setCrop(t, n, r, i), o.scale = 3, a.push(o);
+	}
+	return a;
+}
+function O(e) {
+	return D(e, 0, 0, 61, 47);
+}
+function k(e) {
+	return D(e, 22, 47, 16, 10);
+}
+function A(e) {
+	e.anims.create({
+		key: "bird",
+		frames: e.anims.generateFrameNumbers("monster_bird", {
+			start: 0,
+			end: 2
+		}),
+		frameRate: 10,
+		repeat: -1,
+		yoyo: !0
+	});
+}
+//#endregion
+//#region packages/npm/laser/src/lib/r3f/components/Stage.tsx
+var j = ({ children: e, className: t, ...n }) => /* @__PURE__ */ u(d, {
+	camera: { position: [
+		0,
+		0,
+		5
+	] },
+	...n,
+	className: t,
+	children: [/* @__PURE__ */ l("ambientLight", { intensity: 1.5 }), e]
+});
+//#endregion
+//#region packages/npm/laser/src/lib/r3f/hooks/use-game-loop.ts
+function M(e) {
+	let t = o(e);
+	t.current = e, f((e, n) => {
+		t.current(n, e.clock.elapsedTime);
+	});
 }
-const z = S(
-  function({ config: t, onReady: e, onDestroy: s, className: i, style: n, children: o }, a) {
-    const h = p(null), l = p(null), [y, x] = k("idle");
-    E(
-      a,
-      () => ({
-        game: l.current,
-        status: y
-      }),
-      [y]
-    ), w(() => {
-      if (!h.current) return;
-      x("booting");
-      const u = new c.Game({
-        type: c.AUTO,
-        width: t.width ?? 800,
-        height: t.height ?? 600,
-        parent: h.current,
-        scene: t.scenes,
-        physics: t.physics,
-        plugins: t.plugins,
-        scale: t.scale,
-        backgroundColor: t.backgroundColor,
-        transparent: t.transparent
-      });
-      return l.current = u, u.events.once("ready", () => {
-        x("running"), f.emit("game:ready", { game: u }), e?.(u);
-      }), () => {
-        x("destroyed"), f.emit("game:destroy", void 0), s?.(), u.destroy(!0), l.current = null;
-      };
-    }, [t, e, s]);
-    const v = I(
-      () => ({ game: l.current, status: y }),
-      [y]
-    );
-    return /* @__PURE__ */ m(g.Provider, { value: v, children: [
-      /* @__PURE__ */ b("div", { ref: h, className: i, style: n }),
-      o
-    ] });
-  }
-);
-function T(r, t, e) {
-  const { game: s } = R(), i = p(t);
-  i.current = t, w(() => {
-    if (!s) return;
-    const n = (...o) => i.current(...o);
-    if (e) {
-      const o = s.scene.getScene(e);
-      if (o)
-        return o.events.on(r, n), () => {
-          o.events.off(r, n);
-        };
-    } else
-      return s.events.on(r, n), () => {
-        s.events.off(r, n);
-      };
-  }, [s, r, e]);
+//#endregion
+//#region packages/npm/laser/src/lib/ecs/helpers.ts
+function* N(e, t, n, r, i, a) {
+	let o = a * a;
+	for (let a of p(e, t)) {
+		let e = n.x[a] - r, t = n.y[a] - i;
+		e * e + t * t <= o && (yield a);
+	}
 }
-class j {
-  scene;
-  base;
-  thumb;
-  radius;
-  deadZone;
-  _direction = null;
-  _isActive = !1;
-  fixed;
-  activePointer = null;
-  constructor(t, e) {
-    this.scene = t, this.radius = e?.radius ?? 60, this.deadZone = e?.deadZone ?? 0.25, this.fixed = e?.fixed ?? !0;
-    const s = e?.x ?? 120, i = e?.y ?? t.scale.height - 120;
-    this.base = t.add.circle(
-      s,
-      i,
-      this.radius,
-      e?.baseColor ?? 8947848,
-      e?.baseAlpha ?? 0.35
-    ).setDepth(100).setScrollFactor(0), this.thumb = t.add.circle(
-      s,
-      i,
-      this.radius * 0.4,
-      e?.thumbColor ?? 16777215,
-      e?.thumbAlpha ?? 0.5
-    ).setDepth(101).setScrollFactor(0), this.setupInput();
-  }
-  setupInput() {
-    this.scene.input.on("pointerdown", (t) => {
-      if (this.activePointer) return;
-      const e = t.x - this.base.x, s = t.y - this.base.y, i = Math.sqrt(e * e + s * s);
-      this.fixed && i > this.radius * 2 || (this.fixed || (this.base.setPosition(t.x, t.y), this.thumb.setPosition(t.x, t.y)), this.activePointer = t, this._isActive = !0);
-    }), this.scene.input.on("pointermove", (t) => {
-      t === this.activePointer && this.updateThumb(t.x, t.y);
-    }), this.scene.input.on("pointerup", (t) => {
-      t === this.activePointer && this.resetThumb();
-    });
-  }
-  updateThumb(t, e) {
-    const s = t - this.base.x, i = e - this.base.y, n = Math.sqrt(s * s + i * i), o = Math.min(n, this.radius), a = Math.atan2(i, s);
-    if (this.thumb.setPosition(
-      this.base.x + Math.cos(a) * o,
-      this.base.y + Math.sin(a) * o
-    ), o / this.radius < this.deadZone) {
-      this._direction = null;
-      return;
-    }
-    this._direction = this.angleToDirection(a);
-  }
-  angleToDirection(t) {
-    let e = t * 180 / Math.PI;
-    return e < 0 && (e += 360), e >= 337.5 || e < 22.5 ? "right" : e >= 22.5 && e < 67.5 ? "down-right" : e >= 67.5 && e < 112.5 ? "down" : e >= 112.5 && e < 157.5 ? "down-left" : e >= 157.5 && e < 202.5 ? "left" : e >= 202.5 && e < 247.5 ? "up-left" : e >= 247.5 && e < 292.5 ? "up" : "up-right";
-  }
-  resetThumb() {
-    this.thumb.setPosition(this.base.x, this.base.y), this._direction = null, this._isActive = !1, this.activePointer = null;
-  }
-  get direction() {
-    return this._direction;
-  }
-  get isActive() {
-    return this._isActive;
-  }
-  setVisible(t) {
-    return this.base.setVisible(t), this.thumb.setVisible(t), this;
-  }
-  destroy() {
-    this.base.destroy(), this.thumb.destroy();
-  }
+function P(e, t, n, r, i, a) {
+	let o = a * a, s = -1, c = o;
+	for (let a of p(e, t)) {
+		let e = n.x[a] - r, t = n.y[a] - i, o = e * e + t * t;
+		o <= c && (c = o, s = a);
+	}
+	return s >= 0 ? s : null;
 }
-class V {
-  scene;
-  gridEngine;
-  quadtree;
-  cursor;
-  wasdKeys;
-  tooltip;
-  tileSize;
-  playerId;
-  joystick = null;
-  constructor(t, e, s, i) {
-    if (this.scene = t, this.gridEngine = e, this.quadtree = s, this.tileSize = i?.tileSize ?? 48, this.playerId = i?.playerId ?? "player", this.cursor = this.scene.input.keyboard?.createCursorKeys(), this.initializeWASDKeys(), this.tooltip = this.scene.add.text(0, 0, "Press [F]", {
-      font: "16px Arial",
-      backgroundColor: "#000000"
-    }).setDepth(4).setPadding(3, 2, 2, 3).setVisible(!1), i?.joystick) {
-      const n = typeof i.joystick == "object" ? i.joystick : void 0;
-      this.joystick = new j(t, n);
-    }
-  }
-  initializeWASDKeys() {
-    const t = this.scene.input.keyboard;
-    t && (this.wasdKeys = {
-      W: t.addKey(c.Input.Keyboard.KeyCodes.W),
-      A: t.addKey(c.Input.Keyboard.KeyCodes.A),
-      S: t.addKey(c.Input.Keyboard.KeyCodes.S),
-      D: t.addKey(c.Input.Keyboard.KeyCodes.D)
-    });
-  }
-  checkForNearbyObjects() {
-    const t = this.gridEngine.getPosition(this.playerId), e = t.x * this.tileSize, s = t.y * this.tileSize, i = this.quadtree.query(t);
-    i.length > 0 ? (this.tooltip.setPosition(e, s - 60).setVisible(!0), f.emit("player:nearby", {
-      position: t,
-      ranges: i
-    })) : this.tooltip.setVisible(!1);
-  }
-  getPlayerPosition() {
-    return this.gridEngine.getPosition(this.playerId);
-  }
-  handleMovement() {
-    if (this.scene.input.keyboard?.addKey("F").isDown) {
-      const s = this.gridEngine.getPosition(
-        this.playerId
-      ), i = this.quadtree.query(s);
-      if (i.length > 0) {
-        f.emit("player:interact", {
-          position: s,
-          ranges: i
-        });
-        for (const n of i)
-          n.action();
-      }
-    }
-    if (this.joystick?.isActive && this.joystick.direction) {
-      this.gridEngine.move(this.playerId, this.joystick.direction), this.checkForNearbyObjects();
-      return;
-    }
-    if (!this.cursor) {
-      this.checkForNearbyObjects();
-      return;
-    }
-    const t = this.cursor, e = this.wasdKeys;
-    (t.left.isDown || e.A.isDown) && (t.up.isDown || e.W.isDown) ? this.gridEngine.move(this.playerId, "up-left") : (t.left.isDown || e.A.isDown) && (t.down.isDown || e.S.isDown) ? this.gridEngine.move(this.playerId, "down-left") : (t.right.isDown || e.D.isDown) && (t.up.isDown || e.W.isDown) ? this.gridEngine.move(this.playerId, "up-right") : (t.right.isDown || e.D.isDown) && (t.down.isDown || e.S.isDown) ? this.gridEngine.move(this.playerId, "down-right") : t.left.isDown || e.A.isDown ? this.gridEngine.move(this.playerId, "left") : t.right.isDown || e.D.isDown ? this.gridEngine.move(this.playerId, "right") : t.up.isDown || e.W.isDown ? this.gridEngine.move(this.playerId, "up") : (t.down.isDown || e.S.isDown) && this.gridEngine.move(this.playerId, "down"), this.checkForNearbyObjects();
-  }
+var F = class {
+	map = /* @__PURE__ */ new Map();
+	set(e, t) {
+		this.map.set(e, t);
+	}
+	get(e) {
+		return this.map.get(e);
+	}
+	delete(e) {
+		let t = this.map.get(e);
+		return this.map.delete(e), t;
+	}
+	has(e) {
+		return this.map.has(e);
+	}
+	values() {
+		return this.map.values();
+	}
+	entries() {
+		return this.map.entries();
+	}
+	clear() {
+		this.map.clear();
+	}
+	get size() {
+		return this.map.size;
+	}
+}, I = 1e3, L = 15e3;
+function R(e, t, n) {
+	let r = t.trim();
+	return n ? e === 1e3 ? "disconnected" : r || `server dropped connection (code ${e})` : e === 1006 ? "cannot reach server — down or rejected" : r || `connection refused (code ${e})`;
 }
-function G(r) {
-  return +r[r.length - 1];
+var z = class {
+	ws = null;
+	closed = !1;
+	attempts = 0;
+	everOpened = !1;
+	timer = 0;
+	state = {
+		status: "connecting",
+		attempts: 0
+	};
+	opts;
+	handlers;
+	constructor(e, t) {
+		this.opts = {
+			maxAttempts: 0,
+			baseDelayMs: I,
+			maxDelayMs: L,
+			closeReason: R,
+			...e
+		}, this.handlers = t;
+	}
+	getState() {
+		return this.state;
+	}
+	isOpen() {
+		return this.ws?.readyState === WebSocket.OPEN;
+	}
+	send(e) {
+		this.isOpen() && this.ws.send(e);
+	}
+	connect() {
+		if (this.ws || this.closed) return;
+		this.everOpened = !1, this.setState({
+			status: this.attempts === 0 ? "connecting" : "reconnecting",
+			attempts: this.attempts,
+			reason: this.state.reason
+		});
+		let e = typeof this.opts.url == "function" ? this.opts.url() : this.opts.url, t = new WebSocket(e);
+		this.ws = t, t.addEventListener("open", () => {
+			this.attempts = 0, this.everOpened = !0, this.setState({
+				status: "connected",
+				attempts: 0
+			}), this.handlers.onOpen?.(t);
+		}), t.addEventListener("message", (e) => this.handlers.onMessage?.(e)), t.addEventListener("close", (e) => {
+			this.ws = null;
+			let t = this.opts.closeReason(e.code, e.reason, this.everOpened);
+			if (this.closed) {
+				this.setState({
+					status: "closed",
+					attempts: this.attempts
+				});
+				return;
+			}
+			if (this.opts.shouldReconnect && !this.opts.shouldReconnect()) {
+				this.setState({
+					status: "closed",
+					attempts: this.attempts,
+					reason: t
+				});
+				return;
+			}
+			if (this.attempts += 1, this.opts.maxAttempts > 0 && this.attempts > this.opts.maxAttempts) {
+				this.setState({
+					status: "closed",
+					attempts: this.attempts,
+					reason: t
+				});
+				return;
+			}
+			let n = Math.min(this.opts.baseDelayMs * 2 ** (this.attempts - 1), this.opts.maxDelayMs);
+			this.setState({
+				status: "reconnecting",
+				attempts: this.attempts,
+				reason: t,
+				nextRetryMs: n
+			}), this.timer = window.setTimeout(() => this.connect(), n);
+		});
+	}
+	close() {
+		this.closed = !0, window.clearTimeout(this.timer), this.ws?.close(), this.ws = null, this.setState({
+			status: "closed",
+			attempts: this.attempts
+		});
+	}
+	setState(e) {
+		this.state = e, this.handlers.onState?.(e);
+	}
+}, B = 10, V = 1, H = 2, U = 1, W = 2, G = 3, K = 5, ae = 6, q = 7, J = 8, oe = 9, se = 10, ce = 11, le = 0, ue = 1, de = 2, fe = [
+	"spades",
+	"hearts",
+	"diamonds",
+	"clubs"
+], pe = [
+	"A",
+	"2",
+	"3",
+	"4",
+	"5",
+	"6",
+	"7",
+	"8",
+	"9",
+	"10",
+	"J",
+	"Q",
+	"K"
+], me = [
+	11,
+	2,
+	3,
+	4,
+	5,
+	6,
+	7,
+	8,
+	9,
+	10,
+	10,
+	10,
+	10
+];
+function he(e) {
+	let t = e & 15, n = e >> 4 & 3;
+	return {
+		suit: fe[n],
+		rank: pe[t],
+		points: me[t],
+		red: n === 1 || n === 2
+	};
 }
-function O(r) {
-  return r.startsWith("monster_bird_") && !r.startsWith("monster_bird_shadow");
+var Y = (1n << 64n) - 1n;
+function ge(e) {
+	return e = (e ^ e >> 30n) * 13787848793156543929n & Y, e = (e ^ e >> 27n) * 10723151780598845931n & Y, e ^ e >> 31n;
 }
-function M(r, t, e, s, i) {
-  const n = [];
-  for (let o = 0; o < 10; o++) {
-    const a = r.add.sprite(0, 0, "monster_bird");
-    a.setCrop(t, e, s, i), a.scale = 3, n.push(a);
-  }
-  return n;
+function X(e) {
+	let t = [];
+	for (let e = 0; e < 4; e++) for (let e = 0; e < 4; e++) for (let n = 0; n < 13; n++) t.push(e << 4 | n);
+	let n = BigInt(e) & Y;
+	for (let e = t.length - 1; e > 0; e--) {
+		n = n + 11400714819323198485n & Y;
+		let r = Number(ge(n) % BigInt(e + 1)), i = t[e];
+		t[e] = t[r], t[r] = i;
+	}
+	return t;
 }
-function Z(r) {
-  return M(r, 0, 0, 61, 47);
+async function _e(e, t) {
+	let n = BigInt(e) & Y, r = new Uint8Array(8);
+	for (let e = 0; e < 8; e++) r[e] = Number(n & 255n), n >>= 8n;
+	let i = await crypto.subtle.digest("SHA-256", r);
+	return Array.from(new Uint8Array(i)).map((e) => e.toString(16).padStart(2, "0")).join("") === t;
 }
-function L(r) {
-  return M(r, 22, 47, 16, 10);
+var ve = 65535;
+function Z(e) {
+	try {
+		return JSON.parse(new TextDecoder().decode(Uint8Array.from(e)));
+	} catch {
+		return null;
+	}
 }
-function B(r) {
-  r.anims.create({
-    key: "bird",
-    frames: r.anims.generateFrameNumbers("monster_bird", {
-      start: 0,
-      end: 2
-    }),
-    frameRate: 10,
-    repeat: -1,
-    yoyo: !0
-  });
+function Q(e, t) {
+	return { JoinMatch: {
+		protocol: 10,
+		jwt: e,
+		kbve_username: t
+	} };
 }
-const $ = ({
-  children: r,
-  className: t,
-  ...e
-}) => /* @__PURE__ */ m(
-  C,
-  {
-    camera: { position: [0, 0, 5] },
-    ...e,
-    className: t,
-    children: [
-      /* @__PURE__ */ b("ambientLight", { intensity: 1.5 }),
-      r
-    ]
-  }
-);
-function H(r) {
-  const t = p(r);
-  t.current = r, K((e, s) => {
-    t.current(s, e.clock.elapsedTime);
-  });
+function $(e, t) {
+	return { Frame: {
+		client_tick: e,
+		inputs: t
+	} };
 }
-export {
-  A as LaserEventBus,
-  g as PhaserContext,
-  z as PhaserGame,
-  V as PlayerController,
-  d as Quadtree,
-  it as RAPIER,
-  $ as Stage,
-  j as VirtualJoystick,
-  X as addComponent,
-  Y as addEntity,
-  B as createBirdAnimation,
-  Z as createBirdSprites,
-  rt as createRapierPhysics,
-  L as createShadowSprites,
-  N as createWorld,
-  G as getBirdNum,
-  Q as hasComponent,
-  O as isBird,
-  f as laserEvents,
-  tt as query,
-  et as removeEntity,
-  H as useGameLoop,
-  T as usePhaserEvent,
-  R as usePhaserGame
+//#endregion
+//#region packages/npm/laser/src/lib/net/game-client.ts
+var ye = class {
+	clientTick = 0;
+	terminal = !1;
+	bus = new g();
+	opts;
+	socket;
+	constructor(e) {
+		this.opts = e, this.socket = new z({
+			url: e.url,
+			maxAttempts: e.maxReconnects ?? 3,
+			baseDelayMs: 1500,
+			shouldReconnect: () => !this.terminal
+		}, {
+			onOpen: () => {
+				this.send(Q(this.opts.jwt, this.opts.kbveUsername)), this.bus.emit("open", void 0);
+			},
+			onMessage: (e) => this.handleMessage(e),
+			onState: (e) => {
+				this.bus.emit("state", e), e.status === "closed" && this.bus.emit("close", void 0);
+			}
+		});
+	}
+	on(e, t) {
+		return this.bus.on(e, t);
+	}
+	getState() {
+		return this.socket.getState();
+	}
+	connect() {
+		this.socket.connect();
+	}
+	markTerminal() {
+		this.terminal = !0;
+	}
+	handleMessage(e) {
+		let t;
+		try {
+			t = JSON.parse(typeof e.data == "string" ? e.data : String(e.data));
+		} catch {
+			return;
+		}
+		"Welcome" in t ? this.bus.emit("welcome", t.Welcome) : "Snapshot" in t ? this.bus.emit("snapshot", t.Snapshot) : "Ephemeral" in t ? this.handleEphemeral(t.Ephemeral) : "Reject" in t && (this.terminal = !0, this.bus.emit("reject", t.Reject.reason));
+	}
+	handleEphemeral(e) {
+		if (this.bus.emit("ephemeral", e), e.kind === 1) {
+			let t = Z(e.payload);
+			t && this.bus.emit("inventory", t);
+		} else if (e.kind === 2) {
+			let t = Z(e.payload);
+			t && this.bus.emit("combat", t);
+		} else if (e.kind === 3) {
+			let t = Z(e.payload);
+			t && this.bus.emit("pickup", t);
+		} else if (e.kind === 5) {
+			let t = Z(e.payload);
+			t && this.bus.emit("itemUsed", t);
+		} else if (e.kind === 6) {
+			let t = Z(e.payload);
+			t && this.bus.emit("equipped", t);
+		} else if (e.kind === 7) {
+			let t = Z(e.payload);
+			t && this.bus.emit("stats", t);
+		} else if (e.kind === 10) {
+			let t = Z(e.payload);
+			t && this.bus.emit("shop", t);
+		} else if (e.kind === 11) {
+			let t = Z(e.payload);
+			t && this.bus.emit("blackjackState", t);
+		}
+	}
+	send(e) {
+		this.socket.send(JSON.stringify(e));
+	}
+	sendInputs(e) {
+		!this.socket.isOpen() || e.length === 0 || (this.clientTick += 1, this.send($(this.clientTick, e)));
+	}
+	step(e) {
+		this.sendInputs([{ Step: { dir: e } }]);
+	}
+	moveTo(e) {
+		this.sendInputs([{ MoveTo: { tile: e } }]);
+	}
+	action(e, t) {
+		this.sendInputs([{ Action: {
+			id: e,
+			target: t
+		} }]);
+	}
+	heartbeat() {
+		this.sendInputs([{ Heartbeat: { client_tick: this.clientTick } }]);
+	}
+	useItem(e) {
+		this.sendInputs([{ UseItem: { item_ref: e } }]);
+	}
+	equipItem(e) {
+		this.sendInputs([{ EquipItem: { item_ref: e } }]);
+	}
+	buyItem(e, t, n) {
+		this.sendInputs([{ BuyItem: {
+			npc: e,
+			item_ref: t,
+			qty: n
+		} }]);
+	}
+	sellItem(e, t, n) {
+		this.sendInputs([{ SellItem: {
+			npc: e,
+			item_ref: t,
+			qty: n
+		} }]);
+	}
+	joinTable(e) {
+		this.sendInputs([{ JoinTable: { table_ref: e } }]);
+	}
+	leaveTable() {
+		this.sendInputs(["LeaveTable"]);
+	}
+	placeBet(e) {
+		this.sendInputs([{ PlaceBet: { amount: e } }]);
+	}
+	bjAction(e) {
+		this.sendInputs([{ BjAction: { kind: e } }]);
+	}
+	insure(e) {
+		this.sendInputs([{ Insure: { amount: e } }]);
+	}
+	face(e) {
+		this.sendInputs([{ Face: { facing: e } }]);
+	}
+	close() {
+		this.sendInputs(["Leave"]), this.socket.close();
+	}
+}, be = "chat", xe = class {
+	bus = new g();
+	opts;
+	socket;
+	constructor(e) {
+		this.opts = e, this.socket = new z({
+			url: () => {
+				let e = this.opts.url.includes("?") ? "&" : "?";
+				return `${this.opts.url}${e}game=${encodeURIComponent(this.opts.game)}&token=${encodeURIComponent(this.opts.jwt)}`;
+			},
+			shouldReconnect: () => !!this.opts.jwt
+		}, {
+			onOpen: () => this.bus.emit("open", void 0),
+			onMessage: (e) => this.handleMessage(e),
+			onState: (e) => {
+				this.bus.emit("status", e), e.status === "closed" && this.bus.emit("close", void 0);
+			}
+		});
+	}
+	on(e, t) {
+		return this.bus.on(e, t);
+	}
+	getState() {
+		return this.socket.getState();
+	}
+	connect() {
+		if (!this.opts.jwt) {
+			this.bus.emit("status", {
+				status: "closed",
+				attempts: 0,
+				reason: "missing auth token"
+			});
+			return;
+		}
+		this.socket.connect();
+	}
+	handleMessage(e) {
+		let t;
+		try {
+			t = JSON.parse(typeof e.data == "string" ? e.data : String(e.data));
+		} catch {
+			return;
+		}
+		t.kind === "chat" && (t.channel && t.channel !== this.opts.channel || this.bus.emit("message", {
+			from: t.sender,
+			text: t.content
+		}));
+	}
+	send(e) {
+		let t = e.trim().slice(0, 200);
+		if (!t || !this.socket.isOpen()) return;
+		let n = {
+			kind: be,
+			sender: "",
+			platform: "",
+			channel: this.opts.channel,
+			content: t
+		};
+		this.socket.send(JSON.stringify(n));
+	}
+	close() {
+		this.socket.close();
+	}
 };
+//#endregion
+export { V as ACTION_ATTACK, H as ACTION_PICKUP, ce as EPHEMERAL_BLACKJACK, W as EPHEMERAL_COMBAT, ae as EPHEMERAL_EQUIPPED, U as EPHEMERAL_INVENTORY, K as EPHEMERAL_ITEM_USED, G as EPHEMERAL_PICKUP, se as EPHEMERAL_SHOP, q as EPHEMERAL_STATS, J as EPHEMERAL_STATUS, oe as EPHEMERAL_TRADE, ye as GameClient, de as KIND_CAT_ITEM, ue as KIND_CAT_NPC, le as KIND_CAT_PLAYER, g as LaserEventBus, ve as OWNER_NONE, B as PROTOCOL_VERSION, y as PhaserContext, x as PhaserGame, w as PlayerController, v as Quadtree, m as RAPIER, xe as RealmChatClient, z as ReconnectingSocket, F as SideMap, j as Stage, C as VirtualJoystick, te as attachCameraZoom, X as bjShoeOrder, A as createBirdAnimation, O as createBirdSprites, h as createRapierPhysics, k as createShadowSprites, he as decodeCard, Z as decodeEphemeralPayload, R as defaultCloseReason, ee as drawHealthBar, ne as findTilePath, T as flashEntity, E as floatingText, re as getBirdNum, $ as inputFrame, ie as isBird, Q as joinFrame, _ as laserEvents, P as nearestInRange, N as queryInRange, M as useGameLoop, S as usePhaserEvent, b as usePhaserGame, _e as verifyBlackjackCommitment };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kbve/laser",
-  "version": "0.1.0",
+  "version": "0.1.4",
   "description": "Phaser + React Three Fiber integration layer for React 19",
   "keywords": [
     "phaser",
@@ -39,7 +39,7 @@
   "peerDependencies": {
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
-    "phaser": ">=3.80.0",
+    "phaser": ">=4.1.0",
     "three": ">=0.160.0",
     "@react-three/fiber": ">=9.0.0",
     "@react-three/drei": ">=10.0.0",