1681-engine 0.0.0-stage → 0.5.9

package/dist/ui/dom/InputShield.js

@@ -0,0 +1,26 @@
+import { isEditable as s, isInside as i, shouldShield as c } from "./shieldDecision.js";
+const n = ["keydown", "keypress", "pointerdown", "mousedown", "touchstart", "click", "dblclick", "wheel", "contextmenu"];
+class a {
+  constructor(t, o = {}) {
+    this.root = t, this.options = o;
+    for (const e of n) t.addEventListener(e, this.handler, { passive: !1 });
+  }
+  root;
+  options;
+  handler = (t) => this.check(t);
+  /** Whether the player is typing in a field of the UI now (a game may also skip its hotkeys). */
+  get typing() {
+    const t = this.root.ownerDocument.activeElement;
+    return s(t) && i(t, this.root);
+  }
+  destroy() {
+    for (const t of n) this.root.removeEventListener(t, this.handler);
+  }
+  check(t) {
+    const o = t.target, e = t.code, r = { insideUi: i(o, this.root), editable: s(o), ...e === void 0 ? {} : { code: e } };
+    c(t.type, r, this.options) && t.stopPropagation();
+  }
+}
+export {
+  a as InputShield
+};

package/dist/ui/dom/createStore.js

@@ -0,0 +1,41 @@
+function l(f) {
+  let t = f, s = [];
+  const i = {
+    getState: () => t,
+    setState(e) {
+      const r = typeof e == "function" ? e(t) : e;
+      let c = !1;
+      for (const o in r)
+        if (!Object.is(r[o], t[o])) {
+          c = !0;
+          break;
+        }
+      if (!c) return;
+      const n = t;
+      t = { ...t, ...r };
+      for (const o of s) o(t, n);
+    },
+    subscribe(e) {
+      return s = [...s, e], () => {
+        s = s.filter((r) => r !== e);
+      };
+    },
+    select(e, r, c = Object.is) {
+      let n = e(t);
+      return i.subscribe((o) => {
+        const u = e(o);
+        if (c(u, n)) return;
+        const b = n;
+        n = u, r(u, b);
+      });
+    },
+    reset() {
+      const e = t;
+      if (t = f, e !== f) for (const r of s) r(t, e);
+    }
+  };
+  return i;
+}
+export {
+  l as createStore
+};

package/dist/ui/dom/shieldDecision.js

@@ -0,0 +1,35 @@
+const n = /* @__PURE__ */ new Set(["text", "search", "email", "password", "number", "url", "tel", "date", "time", "datetime-local", "month", "week", ""]);
+function a(t) {
+  if (!t) return !1;
+  if (t.isContentEditable) return !0;
+  const e = t.tagName?.toUpperCase();
+  return e === "TEXTAREA" || e === "SELECT" ? !0 : e === "INPUT" && n.has((t.type ?? "").toLowerCase());
+}
+function i(t, e) {
+  for (let r = t; r; r = r.parentElement) if (r === e) return !0;
+  return !1;
+}
+const s = ["Enter", "NumpadEnter", "Space"];
+function u(t, e, r = {}) {
+  if (!e.insideUi) return !1;
+  switch (t) {
+    case "keydown":
+    case "keypress":
+      return e.editable ? !0 : e.code !== void 0 && (r.uiKeys ?? s).includes(e.code);
+    case "pointerdown":
+    case "mousedown":
+    case "touchstart":
+    case "click":
+    case "dblclick":
+    case "wheel":
+    case "contextmenu":
+      return !0;
+    default:
+      return !1;
+  }
+}
+export {
+  a as isEditable,
+  i as isInside,
+  u as shouldShield
+};

package/dist/ui/dom/worldToScreen.js

@@ -0,0 +1,10 @@
+function x(n, o, t, c, e = 1) {
+  return c.x = (n.x + o * n.scale.x) * e, c.y = (n.y + t * n.scale.y) * e, c;
+}
+function f(n, o, t, c, e = 0) {
+  return n >= -e && o >= -e && n <= t + e && o <= c + e;
+}
+export {
+  f as onScreen,
+  x as worldToScreen
+};

package/dist/ui/layout/anchor.js

@@ -0,0 +1,19 @@
+import { insets as s, snapPx as c } from "./geometry.js";
+const l = {
+  "top-left": [0, 0],
+  top: [0.5, 0],
+  "top-right": [1, 0],
+  left: [0, 0.5],
+  center: [0.5, 0.5],
+  right: [1, 0.5],
+  "bottom-left": [0, 1],
+  bottom: [0.5, 1],
+  "bottom-right": [1, 1]
+};
+function b(e, t, o, g = 0, n = !1) {
+  const h = s(g), [i, f] = l[e], r = i === 0 ? h.left : i === 1 ? o.width - h.right - t.width : (o.width - t.width) / 2, m = f === 0 ? h.top : f === 1 ? o.height - h.bottom - t.height : (o.height - t.height) / 2;
+  return { x: c(r, n), y: c(m, n) };
+}
+export {
+  b as anchorPosition
+};

package/dist/ui/layout/barDrain.js

@@ -0,0 +1,24 @@
+function u(i = 1) {
+  return { value: i, trail: i, holdMs: 0 };
+}
+function d(i, l, n = {}) {
+  const r = l < 0 ? 0 : l > 1 ? 1 : l;
+  r < i.value && (i.holdMs = n.delayMs ?? 400), r > i.trail && (i.trail = r), i.value = r;
+}
+function f(i, l, n = {}) {
+  if (i.trail <= i.value) {
+    i.trail = i.value;
+    return;
+  }
+  let r = l;
+  if (i.holdMs > 0) {
+    const o = Math.min(i.holdMs, r);
+    i.holdMs -= o, r -= o;
+  }
+  r <= 0 || (i.trail = Math.max(i.value, i.trail - (n.rate ?? 0.6) * r / 1e3));
+}
+export {
+  u as drainState,
+  d as setDrainValue,
+  f as stepDrain
+};

package/dist/ui/layout/fitToViewport.js

@@ -0,0 +1,16 @@
+import { clamp as o, snapPx as w } from "./geometry.js";
+function W(h, a, n = {}) {
+  const t = n.margin ?? 8, s = n.scale ?? 1, e = Math.min(n.minScale ?? s, s), c = n.snap ?? !1, d = Math.max(0, a.width - 2 * t), g = Math.max(0, a.height - 2 * t), f = h.width > 0 && h.height > 0 ? Math.min(d / h.width, g / h.height) : s, i = o(f, e, s), m = Math.min(h.width, d / i), l = Math.min(h.height, g / i), x = m * i, M = l * i, y = n.centre || !("x" in h) ? (a.width - x) / 2 : h.x, r = n.centre || !("y" in h) ? (a.height - M) / 2 : h.y, u = o(y, t, Math.max(t, a.width - t - x)), H = o(r, t, Math.max(t, a.height - t - M));
+  return {
+    x: w(u, c),
+    y: w(H, c),
+    width: c ? Math.floor(m) : m,
+    height: c ? Math.floor(l) : l,
+    scale: i,
+    scrollX: m < h.width,
+    scrollY: l < h.height
+  };
+}
+export {
+  W as fitToViewport
+};

package/dist/ui/layout/focusNav.js

@@ -0,0 +1,41 @@
+function h(n) {
+  return n.x + n.width / 2;
+}
+function a(n) {
+  return n.y + n.height / 2;
+}
+function E(n) {
+  let t = -1;
+  for (let o = 0; o < n.length; o++) {
+    const e = n[o], i = t < 0 ? null : n[t];
+    (!i || e.y < i.y || e.y === i.y && e.x < i.x) && (t = o);
+  }
+  return t;
+}
+function F(n, t, o, e = !1) {
+  if (n.length === 0) return -1;
+  const i = n[t];
+  if (!i) return E(n);
+  const y = h(i), g = a(i), S = o === "left" || o === "right", C = o === "right" || o === "down" ? 1 : -1;
+  let r = -1, b = 1 / 0, u = -1, x = 1 / 0;
+  for (let f = 0; f < n.length; f++) {
+    if (f === t) continue;
+    const l = n[f], c = (S ? h(l) - y : a(l) - g) * C, I = Math.abs(S ? a(l) - g : h(l) - y);
+    if (c > 0.5) {
+      const s = c + 2 * I;
+      s < b && (b = s, r = f);
+    } else if (e && c < -0.5) {
+      const s = c + 2 * I;
+      s < x && (x = s, u = f);
+    }
+  }
+  return r >= 0 ? r : u >= 0 ? u : t;
+}
+function G(n, t, o) {
+  return n === 0 ? -1 : t < 0 || t >= n ? o > 0 ? 0 : n - 1 : (t + o + n) % n;
+}
+export {
+  E as firstFocus,
+  G as linearFocus,
+  F as nextFocus
+};

package/dist/ui/layout/geometry.js

@@ -0,0 +1,20 @@
+function h(t) {
+  return t === void 0 ? { top: 0, right: 0, bottom: 0, left: 0 } : typeof t == "number" ? { top: t, right: t, bottom: t, left: t } : { top: t.top ?? 0, right: t.right ?? 0, bottom: t.bottom ?? 0, left: t.left ?? 0 };
+}
+function i(t, o = !0) {
+  return o ? Math.round(t) : t;
+}
+function u(t, o = !0) {
+  if (!o) return { x: t.x, y: t.y, width: t.width, height: t.height };
+  const n = Math.round(t.x), e = Math.round(t.y);
+  return { x: n, y: e, width: Math.round(t.x + t.width) - n, height: Math.round(t.y + t.height) - e };
+}
+function r(t, o, n) {
+  return t < o ? o : t > n ? n : t;
+}
+export {
+  r as clamp,
+  h as insets,
+  i as snapPx,
+  u as snapRect
+};

package/dist/ui/layout/listWidth.js

@@ -0,0 +1,9 @@
+function m(i, n, t = {}) {
+  let a = 0;
+  for (const h of i) a = Math.max(a, n(h));
+  const e = Math.ceil(a + (t.padding ?? 0));
+  return Math.min(t.max ?? 1 / 0, Math.max(t.min ?? 0, e));
+}
+export {
+  m as listWidth
+};

package/dist/ui/layout/placeTooltip.js

@@ -0,0 +1,27 @@
+import { clamp as m, snapPx as n } from "./geometry.js";
+const r = { below: "above", above: "below", right: "left", left: "right" };
+function f(e, t, s, h, l) {
+  switch (e) {
+    case "below":
+      return s.height - l - (t.y + t.height + h);
+    case "above":
+      return t.y - h - l;
+    case "right":
+      return s.width - l - (t.x + t.width + h);
+    case "left":
+      return t.x - h - l;
+  }
+}
+function a(e, t, s, h = {}) {
+  const l = h.gap ?? 4, i = h.margin ?? 4, g = h.side ?? "below", b = g === "below" || g === "above", y = b ? t.height : t.width;
+  let x = g;
+  if (f(g, e, s, l, i) < y) {
+    const u = r[g], c = f(u, e, s, l, i);
+    (c >= y || c > f(g, e, s, l, i)) && (x = u);
+  }
+  let d, w;
+  return b ? (w = x === "below" ? e.y + e.height + l : e.y - l - t.height, d = h.align === "center" ? e.x + (e.width - t.width) / 2 : e.x) : (d = x === "right" ? e.x + e.width + l : e.x - l - t.width, w = h.align === "center" ? e.y + (e.height - t.height) / 2 : e.y), d = m(d, i, Math.max(i, s.width - i - t.width)), w = m(w, i, Math.max(i, s.height - i - t.height)), { x: n(d, h.snap ?? !1), y: n(w, h.snap ?? !1), side: x };
+}
+export {
+  a as placeTooltip
+};

package/dist/ui/layout/scroll.js

@@ -0,0 +1,23 @@
+import { clamp as r } from "./geometry.js";
+function u(o, n) {
+  return Math.max(0, o - n);
+}
+function f(o, n, c) {
+  return r(o, 0, u(n, c));
+}
+function a(o, n, c, l, e) {
+  let t = o;
+  return n < t ? t = n : n + c > t + l && (t = n + c - l), f(t, e, l);
+}
+const i = 8;
+function p(o, n, c = 0.06) {
+  const l = o * Math.pow(1 - c, n / 16.666666666666668);
+  return Math.abs(l) < i ? 0 : l;
+}
+export {
+  i as FLING_STOP,
+  f as clampScroll,
+  u as maxScroll,
+  a as scrollIntoView,
+  p as stepFling
+};

package/dist/ui/layout/slider.js

@@ -0,0 +1,19 @@
+import { clamp as n } from "./geometry.js";
+function d(u, r, t, o = 0) {
+  const e = n(u, r, t);
+  if (o <= 0) return e;
+  const c = r + Math.round((e - r) / o) * o;
+  return n(Number(c.toFixed(10)), r, t);
+}
+function i(u, r, t) {
+  return t > r ? n((u - r) / (t - r), 0, 1) : 0;
+}
+function s(u, r, t, o, e, c = 0) {
+  const f = t > 0 ? n((u - r) / t, 0, 1) : 0;
+  return d(o + f * (e - o), o, e, c);
+}
+export {
+  d as quantize,
+  i as sliderFraction,
+  s as sliderValueAt
+};

package/dist/ui/layout/stack.js

@@ -0,0 +1,26 @@
+import { insets as k, snapPx as o } from "./geometry.js";
+function M(h, s = {}) {
+  const t = (s.direction ?? "vertical") === "vertical", S = s.gap ?? 0, e = k(s.padding), l = s.align ?? "start", c = s.snap ?? !1;
+  let i = 0;
+  for (const n of h) i = Math.max(i, t ? n.width : n.height);
+  s.crossSize !== void 0 && (i = s.crossSize);
+  const f = [];
+  let g = t ? e.top : e.left;
+  const m = t ? e.left : e.top;
+  for (let n = 0; n < h.length; n++) {
+    const a = h[n], x = t ? a.height : a.width;
+    let r = t ? a.width : a.height, d = 0;
+    l === "stretch" ? r = i : l === "center" ? d = (i - r) / 2 : l === "end" && (d = i - r);
+    const u = o(g, c), v = o(m + d, c), b = o(x, c), y = o(r, c);
+    f.push(t ? { x: v, y: u, width: y, height: b } : { x: u, y: v, width: b, height: y }), g += x + (n < h.length - 1 ? S : 0);
+  }
+  const p = g + (t ? e.bottom : e.right), w = m + i + (t ? e.right : e.bottom);
+  return {
+    items: f,
+    width: o(t ? w : p, c),
+    height: o(t ? p : w, c)
+  };
+}
+export {
+  M as stackLayout
+};

package/dist/ui/layout/wrapRow.js

@@ -0,0 +1,12 @@
+function p(s, h, u = 0) {
+  const n = [];
+  let e = [], o = 0;
+  for (let t = 0; t < s.length; t++) {
+    const l = s[t], r = e.length === 0 ? l : o + u + l;
+    e.length > 0 && r > h ? (n.push(e), e = [t], o = l) : (e.push(t), o = r);
+  }
+  return e.length > 0 && n.push(e), n;
+}
+export {
+  p as wrapRow
+};

package/dist/ui/rich/RichText.js

@@ -0,0 +1,87 @@
+import { Sprite as a } from "pixi.js";
+import { Widget as c } from "../Widget.js";
+import { layoutRichText as d } from "./richLayout.js";
+import { parseRichText as p } from "./richMarkup.js";
+class b extends c {
+  source = "";
+  last = { width: 0, height: 0, lines: [] };
+  runs = [];
+  icons = [];
+  measure;
+  options;
+  /** Whether the last layout was on whole pixels. */
+  snapped = !1;
+  constructor(t, h) {
+    super(), this.options = { ...h };
+    const s = h.font;
+    this.measure = {
+      textWidth: (i, o) => s.textWidth(i, o),
+      lineHeight: (i) => s.lineHeight(i),
+      ascent: (i) => s.ascent?.(i) ?? s.lineHeight(i) * 0.8,
+      iconSize: (i, o) => {
+        const r = h.textures?.get(i, o);
+        return r ? { width: r.orig.width, height: r.orig.height } : { width: 0, height: 0 };
+      }
+    }, this.source = t, this.relayout(), h.pixelPerfect === void 0 && this.on("added", () => this.pixelPerfect() !== this.snapped && this.relayout());
+  }
+  /** The markup shown. */
+  get markup() {
+    return this.source;
+  }
+  /** Where every line, run and icon was placed, for hit-testing a word or drawing behind one. */
+  get layout() {
+    return this.last;
+  }
+  /** Changes the text; the same markup again costs nothing. */
+  setText(t) {
+    return t === this.source ? this : (this.source = t, this.relayout(), this);
+  }
+  /** Wraps to a new width (undefined: only at `\n`). */
+  setWrapWidth(t) {
+    return t === this.options.wrapWidth ? this : (t === void 0 ? delete this.options.wrapWidth : this.options.wrapWidth = t, this.relayout(), this);
+  }
+  setAlign(t) {
+    return t === (this.options.align ?? "left") ? this : (this.options.align = t, this.relayout(), this);
+  }
+  /** Lays out and draws again: after the font's colours or the icons' textures were swapped under it. */
+  relayout() {
+    const t = this.snapped = this.pixelPerfect(), h = p(this.source, this.options);
+    this.last = d(h, this.measure, { ...this.options, pixelPerfect: t });
+    let s = 0, i = 0;
+    for (const l of this.last.lines)
+      for (const e of l.items) {
+        if (e.kind === "text") {
+          const u = this.runs[s] ?? this.addRun();
+          s++, this.options.font.updateRun(u, e.text, e.style), u.position.set(e.x, e.y), u.visible = !0;
+          continue;
+        }
+        if (!this.options.textures || e.width === 0) continue;
+        const n = this.icons[i] ?? this.addIcon();
+        i++, n.texture = this.options.textures.get(e.key, e.frame), n.position.set(e.x, e.y), n.setSize(e.width, e.height), n.visible = !0;
+      }
+    for (; s < this.runs.length; s++) this.runs[s].visible = !1;
+    for (; i < this.icons.length; i++) this.icons[i].visible = !1;
+    const o = this.boxW, r = this.boxH;
+    this.boxW = Math.ceil(this.last.width), this.boxH = Math.ceil(this.last.height), (this.boxW !== o || this.boxH !== r) && this.notifyResized();
+  }
+  destroy(t) {
+    super.destroy(typeof t == "object" ? { ...t, children: !0, texture: !1 } : { children: !0 });
+  }
+  redraw() {
+    this.alpha = this.enabled ? 1 : 0.5;
+  }
+  pixelPerfect() {
+    return this.options.pixelPerfect ?? this.host?.pixelPerfect ?? !1;
+  }
+  addRun() {
+    const t = this.options.font.createRun();
+    return this.runs.push(t), this.addChild(t), t;
+  }
+  addIcon() {
+    const t = new a();
+    return t.roundPixels = !0, this.icons.push(t), this.addChild(t), t;
+  }
+}
+export {
+  b as RichText
+};

package/dist/ui/rich/richFonts.js

@@ -0,0 +1,105 @@
+import { BitmapFontManager as l, BitmapText as h, TextStyle as f, CanvasTextMetrics as c, Text as m } from "pixi.js";
+import { installLabelFont as u } from "../../core/BitmapLabel.js";
+function a(o) {
+  return `${o.color ?? ""}|${o.bold ? 1 : 0}|${o.italic ? 1 : 0}|${o.size ?? ""}`;
+}
+class x {
+  constructor(t) {
+    this.options = t;
+  }
+  options;
+  styles = /* @__PURE__ */ new Map();
+  metrics = /* @__PURE__ */ new Map();
+  textWidth(t, s) {
+    return c.measureText(t, this.pixiStyle(s), void 0, !1).width;
+  }
+  lineHeight(t) {
+    return this.metricsOf(t).lineHeight;
+  }
+  ascent(t) {
+    return this.metricsOf(t).ascent;
+  }
+  createRun() {
+    return new m({ text: "", style: this.pixiStyle({ bold: !1, italic: !1 }), resolution: this.options.resolution ?? 1 });
+  }
+  updateRun(t, s, i) {
+    const e = t, n = this.pixiStyle(i);
+    e.style !== n && (e.style = n), e.text !== s && (e.text = s);
+  }
+  metricsOf(t) {
+    const s = a(t);
+    let i = this.metrics.get(s);
+    if (!i) {
+      const e = c.measureText("M", this.pixiStyle(t), void 0, !1);
+      i = { lineHeight: e.lineHeight, ascent: e.fontProperties.ascent }, this.metrics.set(s, i);
+    }
+    return i;
+  }
+  pixiStyle(t) {
+    const s = a(t);
+    let i = this.styles.get(s);
+    if (!i) {
+      const e = this.options;
+      i = new f({
+        fontFamily: e.fontFamily,
+        fontSize: t.size ?? e.fontSize,
+        fill: t.color ?? e.color ?? "#ffffff",
+        fontWeight: t.bold ? "bold" : "normal",
+        fontStyle: t.italic ? "italic" : "normal",
+        ...e.stroke ? { stroke: { color: e.stroke, width: e.strokeWidth ?? 1, join: "round" } } : {}
+      }), this.styles.set(s, i);
+    }
+    return i;
+  }
+}
+class d {
+  constructor(t) {
+    this.options = t;
+  }
+  options;
+  styles = /* @__PURE__ */ new Map();
+  metrics = /* @__PURE__ */ new Map();
+  textWidth(t, s) {
+    const i = l.measureText(t, this.pixiStyle(s), !1);
+    return i.width * i.scale;
+  }
+  lineHeight(t) {
+    return this.metricsOf(t).lineHeight;
+  }
+  ascent(t) {
+    return this.metricsOf(t).ascent;
+  }
+  createRun() {
+    return new h({ text: "", style: this.pixiStyle({ bold: !1, italic: !1 }) });
+  }
+  updateRun(t, s, i) {
+    const e = t, n = this.pixiStyle(i);
+    e.style !== n && (e.style = n), e.text !== s && (e.text = s);
+  }
+  metricsOf(t) {
+    const s = this.fontKey(t);
+    let i = this.metrics.get(s);
+    if (!i) {
+      const e = this.pixiStyle(t), n = l.getFont("M", e), r = e.fontSize / n.baseMeasurementFontSize;
+      i = { lineHeight: n.lineHeight * r, ascent: n.fontMetrics.ascent * r }, this.metrics.set(s, i);
+    }
+    return i;
+  }
+  /** Bold and italic do not reach a bitmap font: styles differing only by them share one. */
+  fontKey(t) {
+    return `${t.color ?? ""}|${t.size ?? ""}`;
+  }
+  pixiStyle(t) {
+    const s = this.fontKey(t);
+    let i = this.styles.get(s);
+    if (!i) {
+      const e = this.options, n = t.size ?? e.fontSize, r = u(e.fontFamily, n, t.color ?? e.color ?? "#ffffff", e.stroke ?? "#000000", e.strokeWidth ?? 0, e.resolution ?? 1, e.glyphs ?? "");
+      i = new f({ fontFamily: r, fontSize: n }), this.styles.set(s, i);
+    }
+    return i;
+  }
+}
+export {
+  d as BitmapRichFont,
+  x as CanvasRichFont
+};