1681-engine 0.5.9 → 0.5.10

package/dist/pixel.js

@@ -1,96 +1,101 @@
 import { PixelLayer as i, addPixelLayer as a } from "./pixel/PixelLayer.js";
-import { CLEAR as s, PixelGrid as x, PixelWindow as m, channels as l, hash2 as f, hex as h, makeSheet as n, mix as P, mulberry32 as d, rgba as R, shade as g, toCss as A, upscale as L, valueNoise as u, withAlpha as E } from "./pixel/pixel.js";
-import { P as T } from "./pixel/palette.js";
-import { art as M, groundShadow as O, litOutline as _, shadeBox as v } from "./pixel/propKit.js";
-import { MATERIALS as k, RAMP_FACTOR_SET as w, hueShade as y, outlineOf as C, ramp as W, rampTones as H, registerMaterial as N } from "./pixel/ramp.js";
-import { selectiveOutline as D } from "./pixel/selout.js";
+import { CLEAR as x, PixelGrid as s, PixelWindow as m, channels as l, hash2 as f, hex as h, makeSheet as n, mix as P, mulberry32 as R, rgba as L, shade as d, toCss as A, upscale as g, valueNoise as E, withAlpha as S } from "./pixel/pixel.js";
+import { P as M } from "./pixel/palette.js";
+import { art as T, groundShadow as _, litOutline as c, shadeBox as v } from "./pixel/propKit.js";
+import { MATERIALS as C, RAMP_FACTOR_SET as F, hueShade as k, outlineOf as w, ramp as y, rampTones as W, registerMaterial as H } from "./pixel/ramp.js";
+import { selectiveOutline as b } from "./pixel/selout.js";
 import { chevronPixels as G, discRuns as V, ellipsePixels as q, ringPixels as B } from "./pixel/aimPixels.js";
-import { PixelMarks as j } from "./pixel/PixelMarks.js";
+import { PixelMarks as X } from "./pixel/PixelMarks.js";
 import * as e from "./pixel/pixelPaint.js";
 import * as r from "./pixel/pixelTone.js";
-import { registerHandRamps as J } from "./pixel/pixelTone.js";
-import { paintLayer as Q } from "./pixel/paintLayer.js";
+import { registerHandRamps as z } from "./pixel/pixelTone.js";
+import { paintLayer as K } from "./pixel/paintLayer.js";
 import { Evaporation as Y } from "./pixel/Evaporation.js";
 import { NO_PIXELS as $, PackedPixels as ee, spritePixels as re } from "./pixel/spritePixels.js";
 import { CARRIED_LIGHT as oe, Darkness as ie, LAMP_DIM as ae, WARM_LIGHT as pe } from "./pixel/Darkness.js";
-import { carriedLight as xe, clearLights as me, flashLight as le, liveLights as fe } from "./pixel/lights.js";
+import { carriedLight as se, clearLights as me, flashLight as le, liveLights as fe } from "./pixel/lights.js";
 import { NightShade as ne } from "./pixel/NightShade.js";
-import { WEATHER_COLORS as de, mistPixels as Re, paintWeatherArt as ge } from "./pixel/weatherArt.js";
-import { buildRig as Le, complement as ue, gustAt as Ee, swayOffset as Se, tileHash as Te, trunkPivot as ce } from "./pixel/swayRig.js";
-import { SwayProp as Oe, opaqueRowWidths as _e } from "./pixel/SwayProp.js";
-import { heartbeat as Ie, vignetteMask as ke } from "./pixel/vignetteMask.js";
-import { DitherVignette as ye, ditherVignette as Ce } from "./pixel/DitherVignette.js";
-import { FRAME_CORNERS as He, FRAME_TWINS as Ne, frameSvg as be, nineSlice as De } from "./pixel/nineSlice.js";
+import { LIFE_COLORS as Re, PUFF_FRAMES as Le, paintLifeArt as de, puffPixels as Ae } from "./pixel/lifeArt.js";
+import { WEATHER_COLORS as Ee, mistPixels as Se, paintWeatherArt as ue } from "./pixel/weatherArt.js";
+import { buildRig as Oe, complement as Te, gustAt as _e, swayOffset as ce, tileHash as ve, trunkPivot as Ie } from "./pixel/swayRig.js";
+import { SwayProp as Fe, opaqueRowWidths as ke } from "./pixel/SwayProp.js";
+import { heartbeat as ye, vignetteMask as We } from "./pixel/vignetteMask.js";
+import { DitherVignette as Ne, ditherVignette as be } from "./pixel/DitherVignette.js";
+import { FRAME_CORNERS as Ge, FRAME_TWINS as Ve, frameSvg as qe, nineSlice as Be } from "./pixel/nineSlice.js";
 export {
   oe as CARRIED_LIGHT,
-  s as CLEAR,
+  x as CLEAR,
   ie as Darkness,
-  ye as DitherVignette,
+  Ne as DitherVignette,
   Y as Evaporation,
-  He as FRAME_CORNERS,
-  Ne as FRAME_TWINS,
+  Ge as FRAME_CORNERS,
+  Ve as FRAME_TWINS,
   ae as LAMP_DIM,
-  k as MATERIALS,
+  Re as LIFE_COLORS,
+  C as MATERIALS,
   $ as NO_PIXELS,
   ne as NightShade,
-  T as PALETTE,
+  M as PALETTE,
+  Le as PUFF_FRAMES,
   ee as PackedPixels,
-  x as PixelGrid,
+  s as PixelGrid,
   i as PixelLayer,
-  j as PixelMarks,
+  X as PixelMarks,
   m as PixelWindow,
-  w as RAMP_FACTOR_SET,
-  Oe as SwayProp,
+  F as RAMP_FACTOR_SET,
+  Fe as SwayProp,
   pe as WARM_LIGHT,
-  de as WEATHER_COLORS,
+  Ee as WEATHER_COLORS,
   a as addPixelLayer,
-  M as art,
-  Le as buildRig,
-  xe as carriedLight,
+  T as art,
+  Oe as buildRig,
+  se as carriedLight,
   l as channels,
   G as chevronPixels,
   me as clearLights,
-  ue as complement,
+  Te as complement,
   V as discRuns,
-  Ce as ditherVignette,
+  be as ditherVignette,
   q as ellipsePixels,
   le as flashLight,
-  be as frameSvg,
-  O as groundShadow,
-  Ee as gustAt,
+  qe as frameSvg,
+  _ as groundShadow,
+  _e as gustAt,
   f as hash2,
-  Ie as heartbeat,
+  ye as heartbeat,
   h as hex,
-  y as hueShade,
-  _ as litOutline,
+  k as hueShade,
+  c as litOutline,
   fe as liveLights,
   n as makeSheet,
-  Re as mistPixels,
+  Se as mistPixels,
   P as mix,
-  d as mulberry32,
-  De as nineSlice,
-  _e as opaqueRowWidths,
-  C as outlineOf,
-  Q as paintLayer,
-  ge as paintWeatherArt,
+  R as mulberry32,
+  Be as nineSlice,
+  ke as opaqueRowWidths,
+  w as outlineOf,
+  K as paintLayer,
+  de as paintLifeArt,
+  ue as paintWeatherArt,
   e as pixelPaint,
   r as pixelTone,
-  W as ramp,
-  H as rampTones,
-  J as registerHandRamps,
-  N as registerMaterial,
-  R as rgba,
+  Ae as puffPixels,
+  y as ramp,
+  W as rampTones,
+  z as registerHandRamps,
+  H as registerMaterial,
+  L as rgba,
   B as ringPixels,
-  D as selectiveOutline,
-  g as shade,
+  b as selectiveOutline,
+  d as shade,
   v as shadeBox,
   re as spritePixels,
-  Se as swayOffset,
-  Te as tileHash,
+  ce as swayOffset,
+  ve as tileHash,
   A as toCss,
-  ce as trunkPivot,
-  L as upscale,
-  u as valueNoise,
-  ke as vignetteMask,
-  E as withAlpha
+  Ie as trunkPivot,
+  g as upscale,
+  E as valueNoise,
+  We as vignetteMask,
+  S as withAlpha
 };

package/dist/react/ConfirmButton.js

@@ -0,0 +1,24 @@
+import { jsx as g } from "react/jsx-runtime";
+import { useState as A } from "react";
+import { useCx as C, useUi as L } from "./UiProvider.js";
+import { DEFAULT_LABELS as h } from "./labels.js";
+function U({ armKey: n = "armed", armed: s, setArmed: t, onConfirm: c, label: e, armedLabel: l, title: u, className: m = "small", disabled: a }) {
+  const f = C(), p = L(), [b, d] = A(null), r = t !== void 0, x = r ? s ?? null : b, i = r ? t : d, o = x === n;
+  return /* @__PURE__ */ g(
+    "button",
+    {
+      type: "button",
+      className: f("e1681-button", m, o ? "e1681-armed primary" : "ghost"),
+      disabled: a,
+      onClick: () => {
+        if (!o) return i(n);
+        c(), i(null);
+      },
+      title: u,
+      children: o ? l ?? p.labels.confirmAgain ?? h.confirmAgain : e
+    }
+  );
+}
+export {
+  U as ConfirmButton
+};

package/dist/react/baseCss.js

@@ -86,6 +86,7 @@ const o = `
 .e1681-button { padding: 2px 10px; cursor: pointer; min-height: 28px; }
 .e1681-button.small { padding: 0 6px; min-height: 22px; }
 .e1681-button.ghost { background-color: transparent; }
+.e1681-button.e1681-armed { color: var(--e1681-accent); }
 .e1681-button:hover:not(:disabled) { color: var(--e1681-accent); }
 /* pressed: the same face a pixel lower, never a transform */
 .e1681-button:active:not(:disabled) { padding-top: 3px; padding-bottom: 1px; }

package/dist/react/labels.js

@@ -1,4 +1,4 @@
-const n = {
+const c = {
   close: "Close {0}",
   closeHint: "Close (Esc)",
   backToList: "‹ List",
@@ -6,12 +6,13 @@ const n = {
   cancel: "Cancel",
   ok: "OK",
   quantity: "Quantity",
-  choose: "Choose"
+  choose: "Choose",
+  confirmAgain: "Sure?"
 };
-function l(e, ...t) {
-  return e.replace(/\{(\d+)\}/g, (o, c) => t[Number(c)] ?? o);
+function i(e, ...n) {
+  return e.replace(/\{(\d+)\}/g, (o, t) => n[Number(t)] ?? o);
 }
 export {
-  n as DEFAULT_LABELS,
-  l as fillLabel
+  c as DEFAULT_LABELS,
+  i as fillLabel
 };

package/dist/react/useJsonSelector.js

@@ -0,0 +1,13 @@
+import { useMemo as n } from "react";
+import { useStore as s } from "./useStore.js";
+function u(o, r) {
+  const e = o((t) => JSON.stringify(r(t)) ?? "null");
+  return n(() => JSON.parse(e), [e]);
+}
+function m(o, r) {
+  return u((e) => s(o, e), r);
+}
+export {
+  u as useJsonSelector,
+  m as useStoreJson
+};

package/dist/react.js

@@ -1,77 +1,82 @@
 import { UiProvider as r, defaultUiSettings as t, useCx as i, useUi as p } from "./react/UiProvider.js";
-import { classJoiner as l } from "./react/classNames.js";
-import { DEFAULT_LABELS as m, fillLabel as a } from "./react/labels.js";
-import { baseCss as c, injectBaseCss as n } from "./react/baseCss.js";
+import { classJoiner as f } from "./react/classNames.js";
+import { DEFAULT_LABELS as l, fillLabel as x } from "./react/labels.js";
+import { baseCss as n, injectBaseCss as c } from "./react/baseCss.js";
 import { useStore as C } from "./react/useStore.js";
-import { useViewport as u } from "./react/useViewport.js";
-import { SCROLL_CLASS as d, useFitToViewport as L } from "./react/useFitToViewport.js";
-import { useFillSheet as P } from "./react/useFillSheet.js";
-import { SPLIT_STACK_BELOW as w, cursorTip as k, listPlacement as F, pixelFit as A, sheetScaleStyle as E, splitModeFor as U, windowStyle as _ } from "./react/placement.js";
-import { Panel as B } from "./react/Panel.js";
-import { TabStrip as G } from "./react/TabStrip.js";
-import { SplitPane as V } from "./react/SplitPane.js";
-import { pickedEntry as K, usePicked as M } from "./react/usePicked.js";
-import { Select as j, stepOption as v } from "./react/Select.js";
-import { Tooltip as R } from "./react/Tooltip.js";
-import { TitleTips as q } from "./react/TitleTips.js";
-import { Modal as H } from "./react/Modal.js";
-import { ConfirmDialog as X } from "./react/ConfirmDialog.js";
-import { answerConfirm as Z, askConfirm as $, askQuantity as ee, cancelConfirm as oe, confirmStore as re, parseQuantity as te } from "./react/confirmStore.js";
-import { ChoiceDialog as pe } from "./react/ChoiceDialog.js";
-import { answerChoice as le, askChoice as se, cancelChoice as me, choiceStore as ae, firstChoice as xe } from "./react/choiceStore.js";
-import { Slider as ne, sliderKeyValue as Se } from "./react/Slider.js";
-import { PixelImage as he } from "./react/PixelImage.js";
-import { Glyph as ye, glyphPath as de, hasGlyph as Le, registerGlyph as Te } from "./react/Glyph.js";
+import { useJsonSelector as h, useStoreJson as y } from "./react/useJsonSelector.js";
+import { useViewport as L } from "./react/useViewport.js";
+import { SCROLL_CLASS as P, useFitToViewport as g } from "./react/useFitToViewport.js";
+import { useFillSheet as k } from "./react/useFillSheet.js";
+import { SPLIT_STACK_BELOW as A, cursorTip as B, listPlacement as E, pixelFit as U, sheetScaleStyle as _, splitModeFor as b, windowStyle as D } from "./react/placement.js";
+import { Panel as J } from "./react/Panel.js";
+import { TabStrip as V } from "./react/TabStrip.js";
+import { SplitPane as K } from "./react/SplitPane.js";
+import { pickedEntry as Q, usePicked as j } from "./react/usePicked.js";
+import { Select as R, stepOption as W } from "./react/Select.js";
+import { Tooltip as z } from "./react/Tooltip.js";
+import { TitleTips as N } from "./react/TitleTips.js";
+import { Modal as Y } from "./react/Modal.js";
+import { ConfirmDialog as $ } from "./react/ConfirmDialog.js";
+import { ConfirmButton as oe } from "./react/ConfirmButton.js";
+import { answerConfirm as te, askConfirm as ie, askQuantity as pe, cancelConfirm as se, confirmStore as fe, parseQuantity as me } from "./react/confirmStore.js";
+import { ChoiceDialog as xe } from "./react/ChoiceDialog.js";
+import { answerChoice as ne, askChoice as ce, cancelChoice as Se, choiceStore as Ce, firstChoice as ue } from "./react/choiceStore.js";
+import { Slider as ye, sliderKeyValue as de } from "./react/Slider.js";
+import { PixelImage as Te } from "./react/PixelImage.js";
+import { Glyph as ge, glyphPath as we, hasGlyph as ke, registerGlyph as Fe } from "./react/Glyph.js";
 export {
-  pe as ChoiceDialog,
-  X as ConfirmDialog,
-  m as DEFAULT_LABELS,
-  ye as Glyph,
-  H as Modal,
-  B as Panel,
-  he as PixelImage,
-  d as SCROLL_CLASS,
-  w as SPLIT_STACK_BELOW,
-  j as Select,
-  ne as Slider,
-  V as SplitPane,
-  G as TabStrip,
-  q as TitleTips,
-  R as Tooltip,
+  xe as ChoiceDialog,
+  oe as ConfirmButton,
+  $ as ConfirmDialog,
+  l as DEFAULT_LABELS,
+  ge as Glyph,
+  Y as Modal,
+  J as Panel,
+  Te as PixelImage,
+  P as SCROLL_CLASS,
+  A as SPLIT_STACK_BELOW,
+  R as Select,
+  ye as Slider,
+  K as SplitPane,
+  V as TabStrip,
+  N as TitleTips,
+  z as Tooltip,
   r as UiProvider,
-  le as answerChoice,
-  Z as answerConfirm,
-  se as askChoice,
-  $ as askConfirm,
-  ee as askQuantity,
-  c as baseCss,
-  me as cancelChoice,
-  oe as cancelConfirm,
-  ae as choiceStore,
-  l as classJoiner,
-  re as confirmStore,
-  k as cursorTip,
+  ne as answerChoice,
+  te as answerConfirm,
+  ce as askChoice,
+  ie as askConfirm,
+  pe as askQuantity,
+  n as baseCss,
+  Se as cancelChoice,
+  se as cancelConfirm,
+  Ce as choiceStore,
+  f as classJoiner,
+  fe as confirmStore,
+  B as cursorTip,
   t as defaultUiSettings,
-  a as fillLabel,
-  xe as firstChoice,
-  de as glyphPath,
-  Le as hasGlyph,
-  n as injectBaseCss,
-  F as listPlacement,
-  te as parseQuantity,
-  K as pickedEntry,
-  A as pixelFit,
-  Te as registerGlyph,
-  E as sheetScaleStyle,
-  Se as sliderKeyValue,
-  U as splitModeFor,
-  v as stepOption,
+  x as fillLabel,
+  ue as firstChoice,
+  we as glyphPath,
+  ke as hasGlyph,
+  c as injectBaseCss,
+  E as listPlacement,
+  me as parseQuantity,
+  Q as pickedEntry,
+  U as pixelFit,
+  Fe as registerGlyph,
+  _ as sheetScaleStyle,
+  de as sliderKeyValue,
+  b as splitModeFor,
+  W as stepOption,
   i as useCx,
-  P as useFillSheet,
-  L as useFitToViewport,
-  M as usePicked,
+  k as useFillSheet,
+  g as useFitToViewport,
+  h as useJsonSelector,
+  j as usePicked,
   C as useStore,
+  y as useStoreJson,
   p as useUi,
-  u as useViewport,
-  _ as windowStyle
+  L as useViewport,
+  D as windowStyle
 };

package/dist/tilemap/TilemapView.js

@@ -1,17 +1,17 @@
-import { Container as M, Sprite as P } from "pixi.js";
-import { tileAt as F, tileRect as H, FLIP_D as V, FLIP_H as $, FLIP_V as L } from "./tiled.js";
-let S = 0;
-class T {
+import { Container as C, Sprite as F } from "pixi.js";
+import { tileAt as I, tileRect as T, FLIP_D as P, FLIP_H as H, FLIP_V as S } from "./tiled.js";
+let V = 0;
+class _ {
   constructor(s, i, e = {}) {
     this.stage = s, this.map = i;
-    const p = e.textureFor ?? ((t) => t.name), r = Math.max(1, e.chunkTiles ?? 32), m = e.baseDepth ?? -1e6, w = e.layers ? new Set(e.layers) : null, c = i.layers.filter((t) => t.kind === "tiles" && (w ? w.has(t.name) : t.visible)), f = e.parent ?? s.world;
-    c.forEach((t, y) => {
-      const x = typeof t.properties.depth == "number" ? t.properties.depth : m + y, l = new M();
-      l.zIndex = x, l.alpha = t.opacity, l.position.set(t.offsetX, t.offsetY), this.layers.set(t.name, l), f.addChild(l);
-      for (let n = 0; n < i.height; n += r)
-        for (let a = 0; a < i.width; a += r) {
-          const o = Math.min(r, i.width - a), d = Math.min(r, i.height - n);
-          this.paintChunk(t, l, a, n, o, d, p);
+    const l = this.textureFor = e.textureFor ?? ((t) => t.name), h = this.chunkTiles = Math.max(1, e.chunkTiles ?? 32), o = e.baseDepth ?? -1e6, f = e.layers ? new Set(e.layers) : null, n = i.layers.filter((t) => t.kind === "tiles" && (f ? f.has(t.name) : t.visible)), c = e.parent ?? s.world;
+    this.originX = e.x ?? 0, this.originY = e.y ?? 0, n.forEach((t, x) => {
+      const w = typeof t.properties.depth == "number" ? t.properties.depth : o + x, r = new C();
+      r.zIndex = w, r.sortableChildren = !0, r.alpha = t.opacity, r.position.set(this.originX + t.offsetX, this.originY + t.offsetY), this.layers.set(t.name, r), this.drawn.set(t.name, t), c.addChild(r);
+      for (let d = 0; d < i.height; d += h)
+        for (let p = 0; p < i.width; p += h) {
+          const u = Math.min(h, i.width - p), m = Math.min(h, i.height - d);
+          this.paintChunk(t, r, p, d, u, m, l);
         }
     });
   }
@@ -20,13 +20,38 @@ class T {
   /** One container per drawn tile layer, by name, each at its own depth among the bodies. */
   layers = /* @__PURE__ */ new Map();
   chunks = [];
-  id = S++;
+  id = V++;
+  chunkTiles;
+  textureFor;
+  drawn = /* @__PURE__ */ new Map();
+  originX;
+  originY;
   /** Shows only the chunks in the camera's view (plus a margin in world px). Call once a frame. */
   update(s = 32) {
     const i = this.stage.cameras.main.worldView;
     for (const e of this.chunks)
       e.sprite.visible = e.x < i.right + s && e.x + e.w > i.x - s && e.y < i.bottom + s && e.y + e.h > i.y - s;
   }
+  /**
+   * Repaints the chunks holding these cells (row-major indices) of a drawn layer, after its `data` changed: a door
+   * opening, a wall dug out, a cell autotiled again (`updateAutotile` returns exactly the indices to pass). Costs one
+   * chunk's painting per chunk touched, so keep it out of every frame.
+   */
+  refreshTiles(s, i) {
+    const e = this.drawn.get(s), l = this.layers.get(s);
+    if (!e || !l) return;
+    const { map: h, chunkTiles: o } = this, f = /* @__PURE__ */ new Set();
+    for (const n of i)
+      n < 0 || n >= h.width * h.height || f.add(`${Math.floor(n % h.width / o) * o},${Math.floor(Math.floor(n / h.width) / o) * o}`);
+    for (const n of f) {
+      const [c, t] = n.split(",").map(Number), x = `tilemap:${this.id}:${e.name}:${c},${t}`, w = this.chunks.findIndex((r) => r.key === x);
+      if (w >= 0) {
+        const [r] = this.chunks.splice(w, 1);
+        r.sprite.destroy(), this.stage.textures.remove(x);
+      }
+      this.paintChunk(e, l, c, t, Math.min(o, h.width - c), Math.min(o, h.height - t), this.textureFor);
+    }
+  }
   /** World size of the map in px. */
   get widthPx() {
     return this.map.width * this.map.tileWidth;
@@ -40,29 +65,29 @@ class T {
     for (const s of this.layers.values()) s.destroy({ children: !0 });
     this.layers.clear();
   }
-  paintChunk(s, i, e, p, r, m, w) {
-    const { map: c } = this, f = c.tileWidth, t = c.tileHeight;
-    let y = !1;
-    const x = `tilemap:${this.id}:${s.name}:${e},${p}`, n = Math.max(t, ...c.tilesets.map((u) => u.tileHeight)) - t, a = this.stage.textures.createCanvas(x, r * f, m * t + n), o = a.context;
-    o.imageSmoothingEnabled = !1;
-    for (let u = 0; u < m; u++)
-      for (let k = 0; k < r; k++) {
-        const v = s.data[(p + u) * c.width + (e + k)], g = F(c, v);
-        if (!g) continue;
-        const b = this.stage.textures.exists(w(g.tileset)) ? this.stage.textures.get(w(g.tileset)).source.resource : null;
-        if (!b) continue;
-        const h = H(g.tileset, g.local), C = k * f, I = n + (u + 1) * t - h.h;
-        o.save(), o.translate(C + h.w / 2, I + h.h / 2), v & V && o.transform(0, 1, 1, 0, 0, 0), o.scale(v & $ ? -1 : 1, v & L ? -1 : 1), o.drawImage(b, h.x, h.y, h.w, h.h, -h.w / 2, -h.h / 2, h.w, h.h), o.restore(), y = !0;
+  paintChunk(s, i, e, l, h, o, f) {
+    const { map: n } = this, c = n.tileWidth, t = n.tileHeight;
+    let x = !1;
+    const w = `tilemap:${this.id}:${s.name}:${e},${l}`, d = Math.max(t, ...n.tilesets.map((g) => g.tileHeight)) - t, p = this.stage.textures.createCanvas(w, h * c, o * t + d), u = p.context;
+    u.imageSmoothingEnabled = !1;
+    for (let g = 0; g < o; g++)
+      for (let y = 0; y < h; y++) {
+        const M = s.data[(l + g) * n.width + (e + y)], k = I(n, M);
+        if (!k) continue;
+        const $ = this.stage.textures.exists(f(k.tileset)) ? this.stage.textures.get(f(k.tileset)).source.resource : null;
+        if (!$) continue;
+        const a = T(k.tileset, k.local), b = y * c, v = d + (g + 1) * t - a.h;
+        u.save(), u.translate(b + a.w / 2, v + a.h / 2), M & P && u.transform(0, 1, 1, 0, 0, 0), u.scale(M & H ? -1 : 1, M & S ? -1 : 1), u.drawImage($, a.x, a.y, a.w, a.h, -a.w / 2, -a.h / 2, a.w, a.h), u.restore(), x = !0;
       }
-    if (!y) {
-      this.stage.textures.remove(x);
+    if (!x) {
+      this.stage.textures.remove(w);
       return;
     }
-    a.refresh();
-    const d = new P(a.whole);
-    d.position.set(e * f, p * t - n), i.addChild(d), this.chunks.push({ sprite: d, x: d.x + s.offsetX, y: d.y + s.offsetY, w: r * f, h: m * t + n, key: x });
+    p.refresh();
+    const m = new F(p.whole);
+    m.position.set(e * c, l * t - d), m.zIndex = l * n.width + e, i.addChild(m), this.chunks.push({ sprite: m, x: m.x + i.x, y: m.y + i.y, w: h * c, h: o * t + d, key: w });
   }
 }
 export {
-  T as TilemapView
+  _ as TilemapView
 };

package/dist/tilemap/autotile.js

@@ -0,0 +1,103 @@
+const G = 1, d = 2, m = 4, A = 8, j = 1, T = 2, U = 4, v = 8, I = 16, F = 32, H = 64, K = 128;
+function f(t) {
+  let n = t & 85;
+  return t & 2 && t & 1 && t & 4 && (n |= 2), t & 8 && t & 16 && t & 4 && (n |= 8), t & 32 && t & 16 && t & 64 && (n |= 32), t & 128 && t & 1 && t & 64 && (n |= 128), n;
+}
+const S = (() => {
+  const t = /* @__PURE__ */ new Set();
+  for (let n = 0; n < 256; n++) t.add(f(n));
+  return [...t].sort((n, e) => n - e);
+})(), w = new Map(S.map((t, n) => [t, n]));
+function R(t) {
+  return w.get(f(t));
+}
+const N = [
+  [0, -1, 1],
+  [1, -1, 2],
+  [1, 0, 4],
+  [1, 1, 8],
+  [0, 1, 16],
+  [-1, 1, 32],
+  [-1, 0, 64],
+  [-1, -1, 128]
+];
+function _(t, n, e, o, B) {
+  if (e < 0 || o < 0 || e >= t.width || o >= t.height) return (B.edge ?? "same") === "same";
+  const c = t.cells[o * t.width + e];
+  return B.joins ? B.joins(n, c) : c === n;
+}
+function a(t, n, e, o = {}) {
+  const B = t.cells[e * t.width + n];
+  return (_(t, B, n, e - 1, o) ? 1 : 0) | (_(t, B, n + 1, e, o) ? 2 : 0) | (_(t, B, n, e + 1, o) ? 4 : 0) | (_(t, B, n - 1, e, o) ? 8 : 0);
+}
+function W(t, n, e, o = {}) {
+  const B = t.cells[e * t.width + n];
+  let c = 0;
+  for (const [l, u, s] of N) _(t, B, n + l, e + u, o) && (c |= s);
+  return f(c);
+}
+function b(t, n) {
+  let e = Math.imul(t, 668265261) ^ Math.imul(n, 374761393);
+  return e ^= e >>> 15, e = Math.imul(e, 739982445), (e ^ e >>> 12) >>> 0;
+}
+const p = { edges: 15, blob: 255 }, h = /* @__PURE__ */ new WeakMap();
+function D(t) {
+  let n = h.get(t);
+  if (n) return n;
+  n = /* @__PURE__ */ new Map();
+  for (const e of t.rules) {
+    const o = e.connectsTo ? new Set(e.connectsTo) : null, B = { edge: t.edge ?? "same" };
+    o && (B.joins = (c, l) => l === c || o.has(l)), n.set(e.terrain, { rule: e, options: B });
+  }
+  return h.set(t, n), n;
+}
+function E(t, n, e) {
+  return t === void 0 || typeof t == "number" ? t : t.length ? t[b(n, e) % t.length] : void 0;
+}
+function r(t, n, e, o) {
+  const B = D(n).get(t.cells[o * t.width + e]);
+  if (!B) return n.empty ?? 0;
+  const c = B.rule.mode ?? "blob", l = c === "blob" ? W(t, e, o, B.options) : a(t, e, o, B.options), { tiles: u } = B.rule;
+  return typeof u == "function" ? u(l, e, o) : E(u[l], e, o) ?? B.rule.fallback ?? E(u[p[c]], e, o) ?? n.empty ?? 0;
+}
+function X(t, n, e = new Uint32Array(t.width * t.height)) {
+  for (let o = 0; o < t.height; o++) for (let B = 0; B < t.width; B++) e[o * t.width + B] = r(t, n, B, o);
+  return e;
+}
+function M(t, n, e, o, B) {
+  const c = [];
+  for (let l = -1; l <= 1; l++)
+    for (let u = -1; u <= 1; u++) {
+      const s = o + u, i = B + l;
+      if (s < 0 || i < 0 || s >= t.width || i >= t.height) continue;
+      const L = i * t.width + s, O = r(t, n, s, i);
+      e[L] !== O && (e[L] = O, c.push(L));
+    }
+  return c;
+}
+function q(t, n, e, o, B, c) {
+  return o < 0 || B < 0 || o >= t.width || B >= t.height ? [] : (t.cells[B * t.width + o] = c, M(t, n, e, o, B));
+}
+export {
+  S as BLOB47_MASKS,
+  U as BLOB_E,
+  j as BLOB_N,
+  T as BLOB_NE,
+  K as BLOB_NW,
+  I as BLOB_S,
+  v as BLOB_SE,
+  F as BLOB_SW,
+  H as BLOB_W,
+  d as EDGE_E,
+  G as EDGE_N,
+  m as EDGE_S,
+  A as EDGE_W,
+  X as autotile,
+  r as autotileAt,
+  R as blob47Index,
+  W as blobMask,
+  a as edgeMask,
+  q as paintTerrain,
+  f as reduceBlobMask,
+  M as updateAutotile
+};