@cimplify/sdk 0.108.0 → 0.110.2

package/dist/chunk-GYDYF2WX.js

@@ -0,0 +1,275 @@
+'use strict';
+
+var chunkVRBDAS5I_js = require('./chunk-VRBDAS5I.js');
+
+// src/interactives/game-ui/clock.ts
+var UI_CLOCK_SECONDS = 1;
+function uiClock() {
+  return new Float64Array(2);
+}
+
+// src/interactives/game-ui/kit.ts
+var HALF = 0.5, ICON = 24, BAR_HEIGHT = 8, BAR_WIDTH = 160, CARD_WIDTH = 112, CARD_ICON = 64, TOAST_HIDDEN_Y = 16, DEFAULT_TOAST_SECONDS = 2.4, CHARACTERS_PER_SECOND = 45, DIALOGUE_HEIGHT = 132, LABEL_REFERENCE = 12, SELECTED_BORDER = 2, TAB_HEIGHT = 40, COUNTER_WIDTH = 72, TIGHT = 4, LINE = 1.3, BOLD = 700, PERCENT = 100, TOAST_Z = 1e3, DIALOGUE_Z = 900, LABEL_PADDING = [2, 6, 3, 6], LABEL_GAP = 2, LABEL_BAR = 4;
+function textStyle(t, size, color) {
+  return { fontFamily: t.font, fontSize: size, textColor: color };
+}
+function panel(ui, options = {}) {
+  let t = options.theme ?? chunkVRBDAS5I_js.DEFAULT_THEME;
+  if (t.panel !== null) {
+    let nine = t.panel;
+    return ui.image(nine.asset, nine.natural, {
+      nineSlice: nine.insets,
+      nineSliceUv: nine.uv_insets,
+      padding: t.padding,
+      gap: t.gap,
+      ...options.style
+    });
+  }
+  return ui.box({
+    fill: t.surface,
+    radius: t.radius,
+    borderWidth: 1,
+    borderColor: t.border,
+    padding: t.padding,
+    gap: t.gap,
+    ...options.style
+  });
+}
+function iconButton(ui, options) {
+  let t = options.theme ?? chunkVRBDAS5I_js.DEFAULT_THEME, size = options.size ?? (24), root = ui.box({
+    direction: "row",
+    alignItems: "center",
+    justify: "center",
+    gap: t.gap / 2,
+    padding: [t.gap, t.padding, t.gap, t.padding],
+    fill: t.raised,
+    radius: t.radius,
+    ...options.style
+  });
+  root.transition(["scale_x", "scale_y", "opacity"], { duration: t.motion, easing: "back_out" }), root.append(ui.image(options.icon, options.natural ?? [size, size], { width: size, height: size })), options.label !== void 0 && root.append(ui.text(options.label, textStyle(t, t.body, t.text)));
+  let enabled = true;
+  return root.on("press", () => {
+    enabled && root.style({ scale: t.press_scale });
+  }), root.on("release", () => root.style({ scale: 1 })), root.on("tap", () => {
+    enabled && options.onTap();
+  }), root.accessibility({ role: "button", label: options.label ?? "", actions: ["activate"] }), {
+    root,
+    setEnabled(next) {
+      enabled = next, root.style({ opacity: next ? 1 : (0.5) }), root.accessibility({ role: "button", label: options.label ?? "", disabled: !next, actions: ["activate"] });
+    }
+  };
+}
+function progressBar(ui, options) {
+  let t = options.theme ?? chunkVRBDAS5I_js.DEFAULT_THEME, max = options.max ?? 1, height = options.height ?? (8), root = ui.box({
+    width: options.width ?? (160),
+    height,
+    fill: t.track,
+    radius: height / 2,
+    clip: true
+  }), fill = ui.box({
+    width: "100%",
+    height: "100%",
+    fill: options.color ?? t.success,
+    radius: height / 2,
+    origin: [0, (0.5)],
+    layer: true
+  });
+  fill.transition(["scale_x"], { duration: t.motion, easing: "ease_out" }), root.append(fill);
+  let set = (value) => {
+    let ratio = Math.min(1, Math.max(0, max > 0 ? value / max : 0));
+    fill.style({ scale: [ratio, 1] }), root.accessibility({ role: "progress", label: options.label ?? "", value: `${Math.round(ratio * (100))}%` });
+  };
+  return set(options.value), { root, fill, set };
+}
+var COUNTER_SHOWN = 0, COUNTER_FROM = 1, COUNTER_TARGET = 2, COUNTER_ELAPSED = 3, COUNTER_DURATION = 4, COUNTER_FIELDS = 5, NUMBER_DEFAULTS = {};
+function currencyCounter(ui, options) {
+  warmWidgets(ui);
+  let t = options.theme ?? chunkVRBDAS5I_js.DEFAULT_THEME, root = ui.box({ direction: "row", alignItems: "center", gap: t.gap / 2, padding: [(4), t.gap, (4), (4)], fill: t.raised, radius: t.radius });
+  options.icon !== void 0 && root.append(ui.image(options.icon, [(24), (24)], { width: (24), height: (24) }));
+  let amount = ui.text("", {
+    ...textStyle(t, t.body, t.gold),
+    width: options.width ?? (72),
+    height: t.body * (1.3),
+    shrink: 0,
+    textAlign: "right",
+    verticalAlign: "center"
+  });
+  amount.transition(["text_color"], { duration: t.motion }), root.append(amount);
+  let state = new Float64Array((5)), format = options.number ?? NUMBER_DEFAULTS, displayed = Number.NaN, show = () => {
+    let whole = Math.round(state[(0)]);
+    whole !== displayed && (displayed = whole, amount.number(whole, format));
+  };
+  return state[(0)] = options.value, state[(1)] = options.value, state[(2)] = options.value, show(), root.accessibility({ role: "text", label: options.label ?? "", value: String(options.value) }), {
+    root,
+    amount,
+    set(value) {
+      state[(2)] = value, state[(0)] = value, state[(4)] = 0, show();
+    },
+    animateTo(value, seconds) {
+      state.copyWithin((1), (0), (0) + 1), state[(2)] = value, state[(3)] = 0, state[(4)] = seconds > 0 ? seconds : 0, seconds > 0 || (state[(0)] = value, show());
+    },
+    update(clock) {
+      if (state[(4)] <= 0) return;
+      state[(3)] += clock[1], state[(3)] > state[(4)] && (state[(3)] = state[(4)]);
+      let rest = 1 - state[(3)] / state[(4)];
+      state[(0)] = state[(1)] + (state[(2)] - state[(1)]) * (1 - rest * rest * rest), show(), state[(3)] >= state[(4)] && (state[(4)] = 0);
+    }
+  };
+}
+function tabs(ui, options) {
+  let t = options.theme ?? chunkVRBDAS5I_js.DEFAULT_THEME, root = ui.box({ direction: "row", height: (40), fill: t.surface, radius: t.radius, padding: (4), gap: (4) });
+  root.accessibility({ role: "tab_list" });
+  let items = [], labels = [], current = -1, select = (index) => {
+    if (index !== current) {
+      current = index;
+      for (let i = 0; i < items.length; i++) {
+        let on = i === index;
+        items[i].style({ fill: on ? t.accent : "#00000000" }), labels[i].style({ textColor: on ? t.on_accent : t.muted }), items[i].accessibility({ role: "tab", label: options.labels[i], selected: on, actions: ["activate"] });
+      }
+    }
+  };
+  return options.labels.forEach((label, index) => {
+    let item = ui.box({ grow: 1, basis: 0, alignItems: "center", justify: "center", radius: t.radius - (4) });
+    item.transition(["fill"], { duration: t.motion });
+    let text = ui.text(label, textStyle(t, t.body, t.muted));
+    text.transition(["text_color"], { duration: t.motion }), item.append(text), item.on("tap", () => {
+      select(index), options.onChange(index);
+    }), root.append(item), items.push(item), labels.push(text);
+  }), select(options.selected ?? 0), { root, tabs: items, select };
+}
+function itemCard(ui, options) {
+  let t = options.theme ?? chunkVRBDAS5I_js.DEFAULT_THEME, rarity = options.rarity ?? t.border, root = ui.box({
+    width: (112),
+    alignItems: "center",
+    gap: t.gap / 2,
+    padding: t.gap,
+    fill: t.raised,
+    radius: t.radius,
+    borderWidth: (2),
+    borderColor: rarity
+  });
+  root.transition(["scale_x", "scale_y"], { duration: t.motion, easing: "back_out" }), root.append(ui.image(options.icon, options.natural ?? [(64), (64)], { width: (64), height: (64) }));
+  let title = ui.text(options.title, { ...textStyle(t, t.small, t.text), textAlign: "center", textWrap: true, alignSelf: "stretch" });
+  root.append(title);
+  let price = null;
+  if (options.price !== void 0 && (price = currencyCounter(ui, { value: options.price, icon: options.currency_icon, theme: t, width: (72) / 2 }), root.append(price.root)), root.on("press", () => root.style({ scale: t.press_scale })), root.on("release", () => root.style({ scale: 1 })), options.onTap !== void 0) {
+    let tap = options.onTap;
+    root.on("tap", () => tap());
+  }
+  return root.accessibility({ role: "button", label: options.title, actions: ["activate"] }), {
+    root,
+    setTitle(next) {
+      title.text(next), root.accessibility({ role: "button", label: next, actions: ["activate"] });
+    },
+    setPrice(next) {
+      price?.set(next);
+    },
+    setSelected(selected) {
+      root.style({ borderColor: selected ? t.accent : rarity }), root.accessibility({ role: "button", label: options.title, selected, actions: ["activate"] });
+    }
+  };
+}
+var TOAST_SHOWN = { opacity: 1, translate: [0, 0] }, TOAST_HIDDEN = { opacity: 0, translate: [0, (16)] };
+function toast(ui, options = {}) {
+  warmWidgets(ui);
+  let t = options.theme ?? chunkVRBDAS5I_js.DEFAULT_THEME, root = ui.box({
+    padding: [t.gap, t.padding, t.gap, t.padding],
+    fill: t.raised,
+    radius: t.radius,
+    opacity: 0,
+    translate: [0, (16)],
+    pointerEvents: "none",
+    layer: true
+  });
+  root.transition(["opacity", "translate_y"], { duration: t.motion, easing: "ease_out" });
+  let label = ui.text("", textStyle(t, t.body, t.text));
+  root.append(label), ui.root(root, { anchor: "bottom", offset: [0, -24], z: (1e3) });
+  let remaining = new Float64Array(1), a11y = { role: "alert", label: "", live: true };
+  return {
+    root,
+    show(text, seconds = (2.4)) {
+      label.text(text), root.style(TOAST_SHOWN), a11y.label = text, root.accessibility(a11y), remaining[0] = seconds;
+    },
+    update(clock) {
+      remaining[0] <= 0 || (remaining[0] -= clock[1], remaining[0] <= 0 && root.style(TOAST_HIDDEN));
+    }
+  };
+}
+var WARM_COLD = 0, WARM_RUNNING = 1, WARM_DONE = 2, WARM_ROUNDS = 1500, WARM_COUNTER_EVERY = 3, WARM_DIALOGUE_EVERY = 4, WARM_TOAST_EVERY = 5, WARM_COUNTER_SPAN = 900, WARM_COUNTER_SECONDS = 0.75, WARM_TOAST_SECONDS = 1.5, WARM_FRAME_SECONDS = 1 / 60, WARM_LINES = ["Jollof is ready.", "Bring me five mangoes.", "The danfo leaves at noon."], WARM_SINK = { submit(_bytes, _length) {
+} }, warmth = (0);
+function warmWidgets(like) {
+  if (warmth !== (0)) return;
+  warmth = (1);
+  let ui = new like.constructor(WARM_SINK, { auto_flush: false }), clock = uiClock();
+  clock[1] = WARM_FRAME_SECONDS;
+  let coins = currencyCounter(ui, { value: 0 }), note = toast(ui), talk = dialogueBox(ui);
+  for (let r = 0; r < (1500); r++)
+    r % (3) === 0 && coins.animateTo(r % (900), (0.75)), r % (5) === 0 && note.show(WARM_LINES[r % WARM_LINES.length], (1.5)), r % (4) === 0 && talk.say(WARM_LINES[0], WARM_LINES[r / (4) % WARM_LINES.length | 0]), coins.update(clock), note.update(clock), talk.update(clock), ui.flush();
+  warmth = (2);
+}
+function dialogueBox(ui, options = {}) {
+  warmWidgets(ui);
+  let t = options.theme ?? chunkVRBDAS5I_js.DEFAULT_THEME, speed = options.characters_per_second ?? (45), root = panel(ui, { theme: t, style: { direction: "row", height: (132), margin: t.padding } });
+  options.portrait !== void 0 && root.append(ui.image(options.portrait, [(64), (64)], { width: (64), height: (64), radius: t.radius }));
+  let column = ui.box({ grow: 1, gap: t.gap / 2 }), name = ui.text("", { ...textStyle(t, t.small, t.accent), fontWeight: (700) }), body = ui.text("", { ...textStyle(t, t.body, t.text), textWrap: true, alignSelf: "stretch" });
+  column.append(name), column.append(body), root.append(column), ui.root(root, { anchor: "bottom", z: (900) });
+  let line = "", shown = 0, elapsed = new Float64Array(1), speakerA11y = { role: "header", label: "" }, lineA11y = { role: "text", label: "", live: true, actions: ["activate"] }, reveal = (count) => {
+    count !== shown && (shown = count, body.textPrefix(line, count));
+  };
+  return root.on("tap", () => {
+    shown < line.length ? reveal(line.length) : options.onNext?.();
+  }), {
+    root,
+    say(speaker, next) {
+      name.text(speaker), line = next, shown = -1, elapsed[0] = 0, reveal(0), speakerA11y.label = speaker, name.accessibility(speakerA11y), lineA11y.label = next, root.accessibility(lineA11y), lineA11y.actions = void 0;
+    },
+    skip() {
+      reveal(line.length);
+    },
+    update(clock) {
+      if (shown >= line.length) return;
+      elapsed[0] += clock[1];
+      let count = elapsed[0] * speed | 0;
+      reveal(count < line.length ? count : line.length);
+    },
+    get finished() {
+      return shown >= line.length;
+    }
+  };
+}
+function worldLabel(ui, options) {
+  let t = options.theme ?? chunkVRBDAS5I_js.DEFAULT_THEME, root = ui.box({ alignItems: "center", gap: (2), padding: LABEL_PADDING, fill: t.surface, radius: t.radius / 2, pointerEvents: "none" }), name = ui.text(options.text, textStyle(t, t.small, t.text));
+  root.append(name);
+  let bar = null;
+  return options.health !== void 0 && (bar = progressBar(ui, { value: options.health, theme: t, width: (112) / 2, height: (4), color: t.danger }), root.append(bar.root)), ui.worldRoot(root, {
+    position: options.position,
+    reference_distance: options.reference_distance ?? (12),
+    hide_when_occluded: false
+  }), {
+    root,
+    move(x, y, z) {
+      ui.move(root, x, y, z);
+    },
+    setText(text) {
+      name.text(text);
+    },
+    setHealth(ratio) {
+      bar?.set(ratio);
+    },
+    setOccluded(occluded) {
+      ui.occlude(root, occluded);
+    }
+  };
+}
+
+exports.UI_CLOCK_SECONDS = (1);
+exports.currencyCounter = currencyCounter;
+exports.dialogueBox = dialogueBox;
+exports.iconButton = iconButton;
+exports.itemCard = itemCard;
+exports.panel = panel;
+exports.progressBar = progressBar;
+exports.tabs = tabs;
+exports.toast = toast;
+exports.uiClock = uiClock;
+exports.worldLabel = worldLabel;