@rpgjs/map-builder 0.0.0-stage → 5.0.0

package/dist/server/index.js

@@ -0,0 +1,205 @@
+import { createMapAuthority, restoreMapAuthority } from "../authority/authority.js";
+import { MAP_BUILDER_CHANNEL, changedElementIds, forgetHitboxes, syncElementHitboxes, unwrap, wrap } from "../rpgjs/shared.js";
+import { keyValueMapStore, roomStorageMapStore } from "./storage.js";
+import { createModule, defineModule } from "@rpgjs/common";
+//#region src/server/index.ts
+var entries = /* @__PURE__ */ new WeakMap();
+/** The map each player is connected to. A player changing map does not always leave the old one through a hook. */
+var connectedTo = /* @__PURE__ */ new Map();
+/** The authority of a map, once it exists. For game code: `getMapAuthority(player.getCurrentMap())?.apply(…)`. */
+var getMapAuthority = (map) => map ? entries.get(map)?.authority : void 0;
+/** Resolves when the authority of a map exists, or to `undefined` for a map that is not modifiable. */
+var whenMapAuthority = (map) => (map ? entries.get(map)?.ready : void 0) ?? Promise.resolve(void 0);
+var isSource = (maps) => typeof maps === "object" && typeof maps.load === "function";
+async function resolveDefinition(maps, mapId) {
+	if (typeof maps === "function") return maps(mapId);
+	if (isSource(maps)) try {
+		return await maps.load(mapId);
+	} catch (error) {
+		if (error.code === "not-found") return void 0;
+		throw error;
+	}
+	return Object.hasOwn(maps, mapId) ? maps[mapId] : void 0;
+}
+var isStore = (value) => typeof value?.load === "function";
+/** The module of the map builder for an RPGJS server. Install it with `provideMapBuilder`, or `provideServerModules`. */
+function createMapBuilderServer(options) {
+	const reportError = options.onError ?? ((error) => console.error(error));
+	const describeContext = {
+		assets: options.assets,
+		...options.authority?.hooks ? { hooks: options.authority.hooks } : {}
+	};
+	const eventsOptions = options.events === false ? void 0 : options.events ?? {};
+	const prefix = eventsOptions?.idPrefix ?? "builder:";
+	const physics = options.physics !== false;
+	const bound = /* @__PURE__ */ new WeakSet();
+	const hitboxHost = (map) => map;
+	/** Creates, moves and removes the RPGJS events of a map, in order. */
+	const syncEvents = (map, entry, authority, patches) => {
+		if (!eventsOptions) return;
+		const state = authority.model.state;
+		entry.queue = entry.queue.then(async () => {
+			const wanted = new Map(state.events.map((event) => [event.id, event]));
+			const touched = patches === "all" ? /* @__PURE__ */ new Set([...entry.eventIds, ...wanted.keys()]) : new Set(patches.flatMap((patch) => patch.type === "event.add" ? [patch.event.id] : patch.type === "event.remove" || patch.type === "event.move" ? [patch.id] : []));
+			for (const id of touched) {
+				const event = wanted.get(id);
+				const rpgId = `${prefix}${id}`;
+				const existing = map.getEvent(rpgId);
+				if (!event) {
+					if (entry.eventIds.delete(id) || existing) map.removeEvent(rpgId);
+				} else if (existing) await existing.teleport?.({
+					x: event.x,
+					y: event.y
+				});
+				else {
+					const defined = eventsOptions.define?.(event, map);
+					const hooks = defined?.hooks ?? {};
+					await map.createDynamicEvent({
+						id: rpgId,
+						x: event.x,
+						y: event.y,
+						...defined?.hitbox ? { hitbox: defined.hitbox } : {},
+						event: {
+							...hooks,
+							name: event.kind,
+							onInit() {
+								hooks.onInit?.call(this);
+								if (event.graphic) this.setGraphic?.(event.graphic);
+							}
+						}
+					});
+					entry.eventIds.add(id);
+				}
+			}
+		}).catch(reportError);
+	};
+	const createEntry = (map) => {
+		const entry = {
+			ready: Promise.resolve(void 0),
+			connections: /* @__PURE__ */ new Map(),
+			eventIds: /* @__PURE__ */ new Set(),
+			queue: Promise.resolve()
+		};
+		entry.ready = (async () => {
+			const definition = await resolveDefinition(options.maps, map.id);
+			if (!definition) return void 0;
+			const persistChoice = options.persist?.(map);
+			const persist = persistChoice ? isStore(persistChoice) ? {
+				store: persistChoice,
+				id: map.id
+			} : {
+				...persistChoice,
+				id: persistChoice.id ?? map.id
+			} : void 0;
+			const authorityOptions = {
+				...options.authority,
+				definition,
+				assets: options.assets,
+				...persist ? { persist } : {},
+				onError: reportError,
+				onChange: (change) => {
+					if (physics) syncElementHitboxes(hitboxHost(map), authority.model.state, changedElementIds(change.patches), describeContext);
+					syncEvents(map, entry, authority, change.patches);
+				}
+			};
+			const authority = persist ? await restoreMapAuthority({
+				...authorityOptions,
+				persist
+			}) : createMapAuthority(authorityOptions);
+			entry.authority = authority;
+			if (physics) syncElementHitboxes(hitboxHost(map), authority.model.state, "all", describeContext);
+			syncEvents(map, entry, authority, "all");
+			options.onReady?.(authority, map);
+			return authority;
+		})().catch((error) => {
+			reportError(error);
+		});
+		return entry;
+	};
+	const entryOf = (map) => {
+		let entry = entries.get(map);
+		if (!entry) {
+			entry = createEntry(map);
+			entries.set(map, entry);
+		}
+		return entry;
+	};
+	/** Routes what a player sends to the connection they have on the map they are on. */
+	const bindPlayer = (player) => {
+		if (bound.has(player)) return;
+		bound.add(player);
+		player.on(MAP_BUILDER_CHANNEL, (raw) => {
+			const envelope = unwrap(raw);
+			const map = player.getCurrentMap();
+			if (!envelope || !map || envelope.map !== map.id) return;
+			entries.get(map)?.connections.get(player.id)?.receive(envelope.message);
+		});
+	};
+	/** Ends the connection of a player to a map (to whichever they are on, when none is given). */
+	const disconnect = (player, only) => {
+		const current = connectedTo.get(player.id);
+		if (!current || only && current.map !== only) return;
+		current.connection.disconnect();
+		entries.get(current.map)?.connections.delete(player.id);
+		connectedTo.delete(player.id);
+	};
+	return defineModule({
+		player: {
+			onConnected: (player) => bindPlayer(player),
+			onJoinMap: (player) => bindPlayer(player)
+		},
+		map: {
+			async onLoad(map) {
+				const authority = await entryOf(map).ready;
+				if (!authority) return;
+				if (physics) syncElementHitboxes(hitboxHost(map), authority.model.state, "all", describeContext);
+				syncEvents(map, entryOf(map), authority, "all");
+			},
+			onPhysicsInit(map) {
+				forgetHitboxes(map);
+				const authority = entries.get(map)?.authority;
+				if (physics && authority) syncElementHitboxes(hitboxHost(map), authority.model.state, "all", describeContext);
+			},
+			async onJoin(player, map) {
+				bindPlayer(player);
+				const entry = entryOf(map);
+				const authority = await entry.ready;
+				if (!authority) return;
+				disconnect(player);
+				const id = map.id;
+				const connection = authority.connect({
+					id: player.id,
+					actor: options.actor?.(player) ?? player,
+					send: (message) => {
+						if (player.getCurrentMap() !== map) return disconnect(player, map);
+						player.emit(MAP_BUILDER_CHANNEL, wrap(id, message));
+					}
+				});
+				entry.connections.set(player.id, connection);
+				connectedTo.set(player.id, {
+					map,
+					connection
+				});
+			},
+			onLeave(player, map) {
+				disconnect(player, map);
+				const entry = entries.get(map);
+				if (entry && entry.connections.size === 0) entry.authority?.flush().catch(reportError);
+			}
+		}
+	});
+}
+/**
+* Installs the map builder on an RPGJS server:
+*
+* ```ts
+* createServer({ providers: [provideMapBuilder({ assets, maps: { forest }, authority: { … } })] })
+* ```
+*/
+function provideMapBuilder(options) {
+	return createModule("MapBuilder", [{ server: createMapBuilderServer(options) }]);
+}
+//#endregion
+export { MAP_BUILDER_CHANNEL, createMapBuilderServer, getMapAuthority, keyValueMapStore, provideMapBuilder, roomStorageMapStore, whenMapAuthority };
+
+//# sourceMappingURL=index.js.map

package/dist/server/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/server/index.ts"],"sourcesContent":["import { createModule, defineModule, type RpgProvider } from \"@rpgjs/common\";\nimport type { RpgMap, RpgPlayer, RpgServer } from \"@rpgjs/server\";\nimport {\n  createMapAuthority,\n  restoreMapAuthority,\n  type AuthorityConnection,\n  type MapAuthority,\n  type MapAuthorityOptions,\n  type PersistOptions,\n} from \"../authority/authority\";\nimport type { MapStore } from \"../authority/store\";\nimport type { AssetResolver } from \"../model/assets\";\nimport type { MapDefinition, MapEvent } from \"../model/definition\";\nimport type { MapChange } from \"../model/model\";\nimport type { MapPatch } from \"../model/patches\";\nimport type { Catalog } from \"../interaction/catalog\";\nimport type { MapSource } from \"../model/source\";\nimport type { DescribeContext } from \"../renderer/scene\";\nimport {\n  MAP_BUILDER_CHANNEL,\n  changedElementIds,\n  forgetHitboxes,\n  syncElementHitboxes,\n  unwrap,\n  wrap,\n  type StaticHitboxHost,\n} from \"../rpgjs/shared\";\n\nexport { MAP_BUILDER_CHANNEL } from \"../rpgjs/shared\";\nexport { keyValueMapStore, roomStorageMapStore, type KeyValueStorage } from \"./storage\";\n\n/** Where the modifiable maps come from, by the id of the RPGJS map. A map without a definition is left alone. */\nexport type MapBuilderMaps =\n  | Readonly<Record<string, MapDefinition>>\n  | ((mapId: string) => MapDefinition | undefined | Promise<MapDefinition | undefined>)\n  | MapSource;\n\n/** An RPGJS event made for a map event: hooks, hitbox, and what the game wants it to do. */\nexport interface MapBuilderEventDefinition {\n  readonly hooks?: Record<string, unknown>;\n  readonly hitbox?: { readonly width: number; readonly height: number };\n}\n\nexport interface MapBuilderEventsOptions {\n  /**\n   * What an RPGJS event does for a map event: `onAction`, `onPlayerTouch`… By default it is\n   * only drawn, with the `graphic` of the map event as its RPGJS graphic.\n   */\n  readonly define?: (event: MapEvent, map: RpgMap) => MapBuilderEventDefinition | undefined;\n  /** Prefix of the ids of the RPGJS events, so they never meet the game's own. Defaults to `\"builder:\"`. */\n  readonly idPrefix?: string;\n}\n\nexport interface MapBuilderServerOptions<C extends Catalog<string> = Catalog<string>> {\n  /** What the maps are made of. A server has no image to measure: assets must declare a `size` or a `frame`. */\n  readonly assets: AssetResolver;\n  readonly maps: MapBuilderMaps;\n  /** Rules, catalog, who may send patches, who is the author of a change… */\n  readonly authority?: Omit<MapAuthorityOptions<C>, \"definition\" | \"revision\" | \"assets\" | \"persist\" | \"onChange\" | \"replay\" | \"onError\">;\n  /** Keep a map between restarts: `(map) => ({ store: roomStorageMapStore(map) })`. Off by default. */\n  readonly persist?: (map: RpgMap) => Omit<PersistOptions, \"id\"> & { readonly id?: string } | MapStore | undefined;\n  /** Who is acting, as the rules of the pipelines see them. Defaults to the player. */\n  readonly actor?: (player: RpgPlayer) => unknown;\n  /** Keep the static colliders of the physics world in step with the elements. Defaults to true. */\n  readonly physics?: boolean;\n  /** Turn the events of the map into RPGJS events. Defaults to on, drawn only; `false` leaves events alone. */\n  readonly events?: false | MapBuilderEventsOptions;\n  /** Called once the authority of a map exists: the place to hook a lever, a quest, a timer. */\n  readonly onReady?: (authority: MapAuthority, map: RpgMap) => void;\n  readonly onError?: (error: unknown) => void;\n}\n\ninterface Entry {\n  readonly ready: Promise<MapAuthority | undefined>;\n  authority?: MapAuthority;\n  /** By player id: the player object is not always the same instance from one hook to the other. */\n  readonly connections: Map<string, AuthorityConnection>;\n  /** RPGJS events this module created, so it can remove them. */\n  readonly eventIds: Set<string>;\n  /** Event changes are applied one after the other: creating an event is asynchronous. */\n  queue: Promise<void>;\n}\n\nconst entries = new WeakMap<object, Entry>();\n/** The map each player is connected to. A player changing map does not always leave the old one through a hook. */\nconst connectedTo = new Map<string, { readonly map: object; readonly connection: AuthorityConnection }>();\n\n/** The authority of a map, once it exists. For game code: `getMapAuthority(player.getCurrentMap())?.apply(…)`. */\nexport const getMapAuthority = (map: object | null | undefined): MapAuthority | undefined => (map ? entries.get(map)?.authority : undefined);\n\n/** Resolves when the authority of a map exists, or to `undefined` for a map that is not modifiable. */\nexport const whenMapAuthority = (map: object | null | undefined): Promise<MapAuthority | undefined> =>\n  (map ? entries.get(map)?.ready : undefined) ?? Promise.resolve(undefined);\n\nconst isSource = (maps: MapBuilderMaps): maps is MapSource => typeof maps === \"object\" && typeof (maps as MapSource).load === \"function\";\n\nasync function resolveDefinition(maps: MapBuilderMaps, mapId: string): Promise<MapDefinition | undefined> {\n  if (typeof maps === \"function\") return maps(mapId);\n  if (isSource(maps)) {\n    try {\n      return await maps.load(mapId);\n    } catch (error) {\n      if ((error as { code?: string }).code === \"not-found\") return undefined;\n      throw error;\n    }\n  }\n  return Object.hasOwn(maps, mapId) ? (maps as Record<string, MapDefinition>)[mapId] : undefined;\n}\n\nconst isStore = (value: unknown): value is MapStore => typeof (value as MapStore | undefined)?.load === \"function\";\n\n/** The module of the map builder for an RPGJS server. Install it with `provideMapBuilder`, or `provideServerModules`. */\nexport function createMapBuilderServer<C extends Catalog<string> = Catalog<string>>(options: MapBuilderServerOptions<C>): RpgServer {\n  const reportError = options.onError ?? ((error: unknown) => console.error(error));\n  const describeContext: DescribeContext = { assets: options.assets, ...(options.authority?.hooks ? { hooks: options.authority.hooks } : {}) };\n  const eventsOptions = options.events === false ? undefined : (options.events ?? {});\n  const prefix = eventsOptions?.idPrefix ?? \"builder:\";\n  const physics = options.physics !== false;\n  const bound = new WeakSet<object>();\n\n  const hitboxHost = (map: RpgMap): StaticHitboxHost => map as unknown as StaticHitboxHost;\n\n  /** Creates, moves and removes the RPGJS events of a map, in order. */\n  const syncEvents = (map: RpgMap, entry: Entry, authority: MapAuthority, patches: readonly MapPatch[] | \"all\"): void => {\n    if (!eventsOptions) return;\n    const state = authority.model.state;\n    entry.queue = entry.queue\n      .then(async () => {\n        const wanted = new Map(state.events.map((event) => [event.id, event]));\n        const touched =\n          patches === \"all\"\n            ? new Set<string>([...entry.eventIds, ...wanted.keys()])\n            : new Set(\n                patches.flatMap((patch) =>\n                  patch.type === \"event.add\" ? [patch.event.id] : patch.type === \"event.remove\" || patch.type === \"event.move\" ? [patch.id] : [],\n                ),\n              );\n        for (const id of touched) {\n          const event = wanted.get(id);\n          const rpgId = `${prefix}${id}`;\n          const existing = map.getEvent(rpgId) as unknown as { teleport?(position: { x: number; y: number }): unknown } | undefined;\n          if (!event) {\n            if (entry.eventIds.delete(id) || existing) map.removeEvent(rpgId);\n          } else if (existing) {\n            await existing.teleport?.({ x: event.x, y: event.y });\n          } else {\n            const defined = eventsOptions.define?.(event, map);\n            const hooks = defined?.hooks ?? {};\n            await map.createDynamicEvent({\n              id: rpgId,\n              x: event.x,\n              y: event.y,\n              ...(defined?.hitbox ? { hitbox: defined.hitbox } : {}),\n              event: {\n                ...hooks,\n                name: event.kind,\n                onInit(this: { setGraphic?(graphic: string): void }) {\n                  (hooks.onInit as (() => void) | undefined)?.call(this);\n                  if (event.graphic) this.setGraphic?.(event.graphic);\n                },\n              } as never,\n            });\n            entry.eventIds.add(id);\n          }\n        }\n      })\n      .catch(reportError);\n  };\n\n  const createEntry = (map: RpgMap): Entry => {\n    const entry: Entry = {\n      ready: Promise.resolve(undefined),\n      connections: new Map(),\n      eventIds: new Set(),\n      queue: Promise.resolve(),\n    };\n    const ready = (async (): Promise<MapAuthority | undefined> => {\n      const definition = await resolveDefinition(options.maps, map.id);\n      if (!definition) return undefined;\n\n      const persistChoice = options.persist?.(map);\n      const persist: PersistOptions | undefined = persistChoice\n        ? isStore(persistChoice)\n          ? { store: persistChoice, id: map.id }\n          : { ...persistChoice, id: persistChoice.id ?? map.id }\n        : undefined;\n\n      const authorityOptions = {\n        ...options.authority,\n        definition,\n        assets: options.assets,\n        ...(persist ? { persist } : {}),\n        onError: reportError,\n        onChange: (change: MapChange) => {\n          if (physics) syncElementHitboxes(hitboxHost(map), authority.model.state, changedElementIds(change.patches), describeContext);\n          syncEvents(map, entry, authority, change.patches);\n        },\n      } satisfies MapAuthorityOptions<C>;\n      const authority: MapAuthority = persist\n        ? await restoreMapAuthority({ ...authorityOptions, persist })\n        : createMapAuthority(authorityOptions);\n\n      entry.authority = authority;\n      if (physics) syncElementHitboxes(hitboxHost(map), authority.model.state, \"all\", describeContext);\n      syncEvents(map, entry, authority, \"all\");\n      options.onReady?.(authority, map);\n      return authority;\n    })().catch((error) => {\n      reportError(error);\n      return undefined;\n    });\n    (entry as { ready: Promise<MapAuthority | undefined> }).ready = ready;\n    return entry;\n  };\n\n  const entryOf = (map: RpgMap): Entry => {\n    let entry = entries.get(map);\n    if (!entry) {\n      entry = createEntry(map);\n      entries.set(map, entry);\n    }\n    return entry;\n  };\n\n  /** Routes what a player sends to the connection they have on the map they are on. */\n  const bindPlayer = (player: RpgPlayer): void => {\n    if (bound.has(player)) return;\n    bound.add(player);\n    player.on(MAP_BUILDER_CHANNEL, (raw: unknown) => {\n      const envelope = unwrap(raw);\n      const map = player.getCurrentMap() as RpgMap | null | undefined;\n      if (!envelope || !map || envelope.map !== map.id) return;\n      entries.get(map)?.connections.get(player.id)?.receive(envelope.message);\n    });\n  };\n\n  /** Ends the connection of a player to a map (to whichever they are on, when none is given). */\n  const disconnect = (player: RpgPlayer, only?: object): void => {\n    const current = connectedTo.get(player.id);\n    if (!current || (only && current.map !== only)) return;\n    current.connection.disconnect();\n    entries.get(current.map)?.connections.delete(player.id);\n    connectedTo.delete(player.id);\n  };\n\n  return defineModule<RpgServer>({\n    player: {\n      onConnected: (player: RpgPlayer) => bindPlayer(player),\n      onJoinMap: (player: RpgPlayer) => bindPlayer(player),\n    },\n    map: {\n      async onLoad(map: RpgMap) {\n        const authority = await entryOf(map).ready;\n        if (!authority) return;\n        // Runs again whenever the map is updated or restored, which wipes events and colliders: put them back.\n        if (physics) syncElementHitboxes(hitboxHost(map), authority.model.state, \"all\", describeContext);\n        syncEvents(map, entryOf(map), authority, \"all\");\n      },\n      onPhysicsInit(map: RpgMap) {\n        forgetHitboxes(map); // the physics world was rebuilt: nothing we applied is there any more\n        const authority = entries.get(map)?.authority;\n        if (physics && authority) syncElementHitboxes(hitboxHost(map), authority.model.state, \"all\", describeContext);\n      },\n      async onJoin(player: RpgPlayer, map: RpgMap) {\n        bindPlayer(player);\n        const entry = entryOf(map);\n        const authority = await entry.ready;\n        if (!authority) return;\n        // Whatever the player was connected to before, they are on this map now.\n        disconnect(player);\n        const id = map.id;\n        const connection = authority.connect({\n          id: player.id,\n          actor: options.actor?.(player) ?? player,\n          send: (message) => {\n            // A player who moved on, or went away, is dropped the first time something is sent to them.\n            if ((player.getCurrentMap() as unknown) !== map) return disconnect(player, map);\n            player.emit(MAP_BUILDER_CHANNEL, wrap(id, message));\n          },\n        });\n        entry.connections.set(player.id, connection);\n        connectedTo.set(player.id, { map, connection });\n      },\n      onLeave(player: RpgPlayer, map: RpgMap) {\n        disconnect(player, map);\n        // RPGJS has no hook for a map that is unloaded: the last player leaving is the closest moment to save what is pending.\n        const entry = entries.get(map);\n        if (entry && entry.connections.size === 0) void entry.authority?.flush().catch(reportError);\n      },\n    },\n  });\n}\n\n/**\n * Installs the map builder on an RPGJS server:\n *\n * ```ts\n * createServer({ providers: [provideMapBuilder({ assets, maps: { forest }, authority: { … } })] })\n * ```\n */\nexport function provideMapBuilder<C extends Catalog<string> = Catalog<string>>(options: MapBuilderServerOptions<C>): RpgProvider[] {\n  return createModule(\"MapBuilder\", [{ server: createMapBuilderServer(options) }]);\n}\n"],"mappings":"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"}

package/dist/server/storage.d.ts

@@ -0,0 +1,16 @@
+import { MapStore } from '../authority/store';
+/** The two calls of a key-value store: a Durable Object's storage, KV, a file. */
+export interface KeyValueStorage {
+    get(key: string): unknown | Promise<unknown>;
+    put(key: string, value: unknown): unknown | Promise<unknown>;
+}
+/**
+ * Keeps maps in any key-value storage: a snapshot under one key, the changes made since under
+ * another. Values must be small enough for the storage (a Durable Object accepts 128 KiB per key
+ * with the key-value API): for large maps, write snapshots often so the log stays short, or give
+ * the authority a store of your own.
+ */
+export declare function keyValueMapStore(storage: KeyValueStorage, prefix?: string): MapStore;
+/** The storage of the room of a map, which survives a restart of the server. */
+export declare function roomStorageMapStore(map: object): MapStore;
+//# sourceMappingURL=storage.d.ts.map

package/dist/server/storage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage.d.ts","sourceRoot":"","sources":["../../src/server/storage.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAyB,MAAM,oBAAoB,CAAC;AAE1E,kFAAkF;AAClF,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAC7C,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;CAC9D;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,eAAe,EAAE,MAAM,SAAuB,GAAG,QAAQ,CAiClG;AAED,gFAAgF;AAChF,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,CAKzD"}

package/dist/server/storage.js

@@ -0,0 +1,52 @@
+//#region src/server/storage.ts
+/**
+* Keeps maps in any key-value storage: a snapshot under one key, the changes made since under
+* another. Values must be small enough for the storage (a Durable Object accepts 128 KiB per key
+* with the key-value API): for large maps, write snapshots often so the log stays short, or give
+* the authority a store of your own.
+*/
+function keyValueMapStore(storage, prefix = "$room:map-builder:") {
+	const snapshotKey = (id) => `${prefix}${id}:snapshot`;
+	const logKey = (id) => `${prefix}${id}:log`;
+	/** The log as this store wrote it: the authority is the only writer, so it is read from the storage once. */
+	const logs = /* @__PURE__ */ new Map();
+	const readLog = async (id) => {
+		let log = logs.get(id);
+		if (!log) {
+			log = await storage.get(logKey(id)) ?? [];
+			logs.set(id, log);
+		}
+		return log;
+	};
+	return {
+		async load(id) {
+			const snapshot = await storage.get(snapshotKey(id));
+			if (!snapshot) return void 0;
+			return {
+				snapshot,
+				patches: (await readLog(id)).filter((entry) => entry.revision > snapshot.revision)
+			};
+		},
+		async save(id, snapshot) {
+			await storage.put(snapshotKey(id), snapshot);
+			const rest = (await readLog(id)).filter((entry) => entry.revision > snapshot.revision);
+			logs.set(id, rest);
+			await storage.put(logKey(id), rest);
+		},
+		async append(id, entry) {
+			const log = [...await readLog(id), entry];
+			logs.set(id, log);
+			await storage.put(logKey(id), log);
+		}
+	};
+}
+/** The storage of the room of a map, which survives a restart of the server. */
+function roomStorageMapStore(map) {
+	const storage = map.partyRoom?.storage;
+	if (!storage) throw new Error("This map has no room storage: give the authority a store of its own (`persist`)");
+	return keyValueMapStore(storage);
+}
+//#endregion
+export { keyValueMapStore, roomStorageMapStore };
+
+//# sourceMappingURL=storage.js.map

package/dist/server/storage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage.js","names":[],"sources":["../../src/server/storage.ts"],"sourcesContent":["import type { MapStore, PatchEntry, StoredMap } from \"../authority/store\";\n\n/** The two calls of a key-value store: a Durable Object's storage, KV, a file. */\nexport interface KeyValueStorage {\n  get(key: string): unknown | Promise<unknown>;\n  put(key: string, value: unknown): unknown | Promise<unknown>;\n}\n\n/**\n * Keeps maps in any key-value storage: a snapshot under one key, the changes made since under\n * another. Values must be small enough for the storage (a Durable Object accepts 128 KiB per key\n * with the key-value API): for large maps, write snapshots often so the log stays short, or give\n * the authority a store of your own.\n */\nexport function keyValueMapStore(storage: KeyValueStorage, prefix = \"$room:map-builder:\"): MapStore {\n  const snapshotKey = (id: string): string => `${prefix}${id}:snapshot`;\n  const logKey = (id: string): string => `${prefix}${id}:log`;\n  /** The log as this store wrote it: the authority is the only writer, so it is read from the storage once. */\n  const logs = new Map<string, PatchEntry[]>();\n  const readLog = async (id: string): Promise<PatchEntry[]> => {\n    let log = logs.get(id);\n    if (!log) {\n      log = ((await storage.get(logKey(id))) as PatchEntry[] | undefined) ?? [];\n      logs.set(id, log);\n    }\n    return log;\n  };\n\n  return {\n    async load(id): Promise<StoredMap | undefined> {\n      const snapshot = (await storage.get(snapshotKey(id))) as StoredMap[\"snapshot\"] | undefined;\n      if (!snapshot) return undefined;\n      return { snapshot, patches: (await readLog(id)).filter((entry) => entry.revision > snapshot.revision) };\n    },\n    async save(id, snapshot) {\n      await storage.put(snapshotKey(id), snapshot);\n      // What the snapshot covers is no longer needed.\n      const rest = (await readLog(id)).filter((entry) => entry.revision > snapshot.revision);\n      logs.set(id, rest);\n      await storage.put(logKey(id), rest);\n    },\n    async append(id, entry) {\n      const log = [...(await readLog(id)), entry];\n      logs.set(id, log);\n      await storage.put(logKey(id), log);\n    },\n  };\n}\n\n/** The storage of the room of a map, which survives a restart of the server. */\nexport function roomStorageMapStore(map: object): MapStore {\n  // RPGJS rooms keep their storage in a field that is not part of the public types.\n  const storage = (map as { partyRoom?: { storage?: KeyValueStorage } }).partyRoom?.storage;\n  if (!storage) throw new Error(\"This map has no room storage: give the authority a store of its own (`persist`)\");\n  return keyValueMapStore(storage);\n}\n"],"mappings":";;;;;;;AAcA,SAAgB,iBAAiB,SAA0B,SAAS,sBAAgC;CAClG,MAAM,eAAe,OAAuB,GAAG,SAAS,GAAG;CAC3D,MAAM,UAAU,OAAuB,GAAG,SAAS,GAAG;;CAEtD,MAAM,uBAAO,IAAI,IAA0B;CAC3C,MAAM,UAAU,OAAO,OAAsC;EAC3D,IAAI,MAAM,KAAK,IAAI,EAAE;EACrB,IAAI,CAAC,KAAK;GACR,MAAQ,MAAM,QAAQ,IAAI,OAAO,EAAE,CAAC,KAAmC,CAAC;GACxE,KAAK,IAAI,IAAI,GAAG;EAClB;EACA,OAAO;CACT;CAEA,OAAO;EACL,MAAM,KAAK,IAAoC;GAC7C,MAAM,WAAY,MAAM,QAAQ,IAAI,YAAY,EAAE,CAAC;GACnD,IAAI,CAAC,UAAU,OAAO,KAAA;GACtB,OAAO;IAAE;IAAU,UAAU,MAAM,QAAQ,EAAE,EAAA,CAAG,QAAQ,UAAU,MAAM,WAAW,SAAS,QAAQ;GAAE;EACxG;EACA,MAAM,KAAK,IAAI,UAAU;GACvB,MAAM,QAAQ,IAAI,YAAY,EAAE,GAAG,QAAQ;GAE3C,MAAM,QAAQ,MAAM,QAAQ,EAAE,EAAA,CAAG,QAAQ,UAAU,MAAM,WAAW,SAAS,QAAQ;GACrF,KAAK,IAAI,IAAI,IAAI;GACjB,MAAM,QAAQ,IAAI,OAAO,EAAE,GAAG,IAAI;EACpC;EACA,MAAM,OAAO,IAAI,OAAO;GACtB,MAAM,MAAM,CAAC,GAAI,MAAM,QAAQ,EAAE,GAAI,KAAK;GAC1C,KAAK,IAAI,IAAI,GAAG;GAChB,MAAM,QAAQ,IAAI,OAAO,EAAE,GAAG,GAAG;EACnC;CACF;AACF;;AAGA,SAAgB,oBAAoB,KAAuB;CAEzD,MAAM,UAAW,IAAsD,WAAW;CAClF,IAAI,CAAC,SAAS,MAAM,IAAI,MAAM,iFAAiF;CAC/G,OAAO,iBAAiB,OAAO;AACjC"}

package/dist/skins/default.d.ts

@@ -0,0 +1,27 @@
+import { Skin, SkinLayerFactory } from './types';
+export declare const SKIN_COLORS: {
+    readonly accent: 3900150;
+    readonly valid: 2278750;
+    readonly invalid: 15680580;
+};
+export interface GhostLookOptions {
+    readonly valid: number;
+    readonly invalid: number;
+    /** Opacity of the sprite of the item. */
+    readonly alpha: number;
+    /** Makes the ghost pulse: opacity swings around `alpha`. */
+    readonly pulse: boolean;
+}
+/** The ghost of an item: its image, translucent, and an outline that says whether it can be placed here. */
+export declare function ghostLayer(look: GhostLookOptions): SkinLayerFactory;
+export interface FrameLookOptions {
+    /** Colour of the frame around what is selected. */
+    readonly color: number;
+    /** `"glow"` adds a soft halo around the line. */
+    readonly outline: "line" | "glow";
+}
+/** The selection, hover, drag and marquee layers, in a given look. */
+export declare function framesSkin(look: FrameLookOptions, ghost: SkinLayerFactory): Skin;
+/** A sober skin: plain frames, a translucent ghost. Enough for a tool, meant to be replaced. */
+export declare function defaultSkin(): Skin;
+//# sourceMappingURL=default.d.ts.map

package/dist/skins/default.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../src/skins/default.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAA0B,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE9E,eAAO,MAAM,WAAW;;;;CAAoE,CAAC;AAE7F,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,yCAAyC;IACzC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,4DAA4D;IAC5D,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC;CACzB;AAED,4GAA4G;AAC5G,wBAAgB,UAAU,CAAC,IAAI,EAAE,gBAAgB,GAAG,gBAAgB,CAiDnE;AAED,MAAM,WAAW,gBAAgB;IAC/B,mDAAmD;IACnD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,iDAAiD;IACjD,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;CACnC;AAED,sEAAsE;AACtE,wBAAgB,UAAU,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAoChF;AAED,gGAAgG;AAChG,wBAAgB,WAAW,IAAI,IAAI,CAKlC"}

package/dist/skins/default.js

@@ -0,0 +1,144 @@
+import { sameTarget } from "../interaction/picking.js";
+import { drawFrames, frameLayer, nodeOf } from "./frames.js";
+import { Container, Graphics, Sprite, Texture } from "pixi.js";
+//#region src/skins/default.ts
+var SKIN_COLORS = {
+	accent: 3900150,
+	valid: 2278750,
+	invalid: 15680580
+};
+/** The ghost of an item: its image, translucent, and an outline that says whether it can be placed here. */
+function ghostLayer(look) {
+	return (context) => {
+		const holder = new Container();
+		const sprite = new Sprite(Texture.EMPTY);
+		const outline = new Graphics();
+		holder.addChild(sprite, outline);
+		holder.visible = false;
+		context.layer.addChild(holder);
+		let ghost = null;
+		let elapsed = 0;
+		const draw = () => {
+			holder.visible = ghost !== null && ghost.bounds !== void 0;
+			if (!ghost?.bounds) return;
+			const color = ghost.valid ? look.valid : look.invalid;
+			const { x, y, width, height } = ghost.bounds;
+			const descriptor = context.assets.resolve(ghost.kind);
+			const texture = descriptor ? context.textures.get(descriptor.src, descriptor.frame) : void 0;
+			if (descriptor && !texture) context.textures.ready(descriptor.src, descriptor.frame).then(context.requestUpdate, () => void 0);
+			sprite.tint = ghost.valid ? 16777215 : look.invalid;
+			sprite.alpha = look.pulse ? Math.max(.15, look.alpha + Math.sin(elapsed / 180) * .2) : look.alpha;
+			sprite.visible = texture !== void 0;
+			if (texture) {
+				sprite.texture = texture;
+				sprite.position.set(x, y);
+				sprite.width = width;
+				sprite.height = height;
+			}
+			const frames = [{
+				rect: ghost.bounds,
+				color,
+				width: 1,
+				alpha: .7
+			}];
+			if (ghost.hitbox) frames.push({
+				rect: ghost.hitbox,
+				color,
+				fill: .25,
+				width: 1
+			});
+			drawFrames(outline, frames);
+		};
+		return {
+			update(snapshot) {
+				ghost = snapshot.ghost;
+				draw();
+			},
+			tick(deltaMs) {
+				elapsed += deltaMs;
+				if (look.pulse && ghost) draw();
+			},
+			destroy: () => holder.destroy({ children: true })
+		};
+	};
+}
+/** The selection, hover, drag and marquee layers, in a given look. */
+function framesSkin(look, ghost) {
+	const framed = (rect, color, width) => look.outline === "glow" ? [{
+		rect,
+		color,
+		width: width + 4,
+		alpha: .22
+	}, {
+		rect,
+		color,
+		width,
+		alpha: 1
+	}] : [{
+		rect,
+		color,
+		width,
+		alpha: 1
+	}];
+	return {
+		selection: frameLayer((snapshot, context) => snapshot.selection.flatMap((target) => {
+			const node = nodeOf(context.nodes(), target);
+			return node ? framed(node.bounds, look.color, 2) : [];
+		})),
+		hover: frameLayer((snapshot, context) => {
+			const hovered = snapshot.hovered;
+			if (!hovered || snapshot.selection.some((target) => sameTarget(target, hovered))) return [];
+			const node = nodeOf(context.nodes(), hovered);
+			return node ? [{
+				rect: node.bounds,
+				color: look.color,
+				width: 1,
+				alpha: .6
+			}] : [];
+		}),
+		drag: frameLayer((snapshot, context) => {
+			const drag = snapshot.drag;
+			if (!drag) return [];
+			const color = drag.valid ? SKIN_COLORS.valid : SKIN_COLORS.invalid;
+			return drag.targets.flatMap((target) => {
+				const node = nodeOf(context.nodes(), target);
+				if (!node) return [];
+				return [{
+					rect: drag.live ? node.bounds : {
+						...node.bounds,
+						x: node.bounds.x + drag.delta.x,
+						y: node.bounds.y + drag.delta.y
+					},
+					color,
+					width: 1,
+					alpha: .9,
+					fill: .15
+				}];
+			});
+		}),
+		marquee: frameLayer((snapshot) => snapshot.marquee ? [{
+			rect: snapshot.marquee,
+			color: look.color,
+			width: 1,
+			alpha: .9,
+			fill: .1
+		}] : []),
+		ghost
+	};
+}
+/** A sober skin: plain frames, a translucent ghost. Enough for a tool, meant to be replaced. */
+function defaultSkin() {
+	return framesSkin({
+		color: SKIN_COLORS.accent,
+		outline: "line"
+	}, ghostLayer({
+		valid: SKIN_COLORS.valid,
+		invalid: SKIN_COLORS.invalid,
+		alpha: .65,
+		pulse: false
+	}));
+}
+//#endregion
+export { SKIN_COLORS, defaultSkin, framesSkin, ghostLayer };
+
+//# sourceMappingURL=default.js.map

package/dist/skins/default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.js","names":[],"sources":["../../src/skins/default.ts"],"sourcesContent":["import { Container, Graphics, Sprite, Texture } from \"pixi.js\";\nimport { sameTarget } from \"../interaction/picking\";\nimport type { GhostState } from \"../interaction/controller\";\nimport { drawFrames, frameLayer, nodeOf, type DrawnFrame } from \"./frames\";\nimport type { Skin, SkinContext, SkinLayer, SkinLayerFactory } from \"./types\";\n\nexport const SKIN_COLORS = { accent: 0x3b82f6, valid: 0x22c55e, invalid: 0xef4444 } as const;\n\nexport interface GhostLookOptions {\n  readonly valid: number;\n  readonly invalid: number;\n  /** Opacity of the sprite of the item. */\n  readonly alpha: number;\n  /** Makes the ghost pulse: opacity swings around `alpha`. */\n  readonly pulse: boolean;\n}\n\n/** The ghost of an item: its image, translucent, and an outline that says whether it can be placed here. */\nexport function ghostLayer(look: GhostLookOptions): SkinLayerFactory {\n  return (context: SkinContext): SkinLayer => {\n    const holder = new Container();\n    const sprite = new Sprite(Texture.EMPTY);\n    const outline = new Graphics();\n    holder.addChild(sprite, outline);\n    holder.visible = false;\n    context.layer.addChild(holder);\n\n    let ghost: GhostState | null = null;\n    let elapsed = 0;\n\n    const draw = (): void => {\n      holder.visible = ghost !== null && ghost.bounds !== undefined;\n      if (!ghost?.bounds) return;\n      const color = ghost.valid ? look.valid : look.invalid;\n      const { x, y, width, height } = ghost.bounds;\n\n      const descriptor = context.assets.resolve(ghost.kind);\n      const texture = descriptor ? context.textures.get(descriptor.src, descriptor.frame) : undefined;\n      if (descriptor && !texture) void context.textures.ready(descriptor.src, descriptor.frame).then(context.requestUpdate, () => undefined);\n      // Opacity and tint do not depend on the image: they are right from the first frame.\n      sprite.tint = ghost.valid ? 0xffffff : look.invalid;\n      sprite.alpha = look.pulse ? Math.max(0.15, look.alpha + Math.sin(elapsed / 180) * 0.2) : look.alpha;\n      sprite.visible = texture !== undefined;\n      if (texture) {\n        sprite.texture = texture;\n        sprite.position.set(x, y);\n        sprite.width = width;\n        sprite.height = height;\n      }\n\n      const frames: DrawnFrame[] = [{ rect: ghost.bounds, color, width: 1, alpha: 0.7 }];\n      if (ghost.hitbox) frames.push({ rect: ghost.hitbox, color, fill: 0.25, width: 1 });\n      drawFrames(outline, frames);\n    };\n\n    return {\n      update(snapshot) {\n        ghost = snapshot.ghost;\n        draw();\n      },\n      tick(deltaMs) {\n        elapsed += deltaMs;\n        if (look.pulse && ghost) draw();\n      },\n      destroy: () => holder.destroy({ children: true }),\n    };\n  };\n}\n\nexport interface FrameLookOptions {\n  /** Colour of the frame around what is selected. */\n  readonly color: number;\n  /** `\"glow\"` adds a soft halo around the line. */\n  readonly outline: \"line\" | \"glow\";\n}\n\n/** The selection, hover, drag and marquee layers, in a given look. */\nexport function framesSkin(look: FrameLookOptions, ghost: SkinLayerFactory): Skin {\n  const framed = (rect: DrawnFrame[\"rect\"], color: number, width: number): DrawnFrame[] =>\n    look.outline === \"glow\"\n      ? [{ rect, color, width: width + 4, alpha: 0.22 }, { rect, color, width, alpha: 1 }]\n      : [{ rect, color, width, alpha: 1 }];\n\n  return {\n    selection: frameLayer((snapshot, context) =>\n      snapshot.selection.flatMap((target) => {\n        const node = nodeOf(context.nodes(), target);\n        return node ? framed(node.bounds, look.color, 2) : [];\n      }),\n    ),\n    hover: frameLayer((snapshot, context) => {\n      const hovered = snapshot.hovered;\n      if (!hovered || snapshot.selection.some((target) => sameTarget(target, hovered))) return [];\n      const node = nodeOf(context.nodes(), hovered);\n      return node ? [{ rect: node.bounds, color: look.color, width: 1, alpha: 0.6 }] : [];\n    }),\n    drag: frameLayer((snapshot, context) => {\n      const drag = snapshot.drag;\n      if (!drag) return [];\n      const color = drag.valid ? SKIN_COLORS.valid : SKIN_COLORS.invalid;\n      return drag.targets.flatMap((target) => {\n        const node = nodeOf(context.nodes(), target);\n        if (!node) return [];\n        // In live mode the element has already moved: the frame is just where it is.\n        const rect = drag.live ? node.bounds : { ...node.bounds, x: node.bounds.x + drag.delta.x, y: node.bounds.y + drag.delta.y };\n        return [{ rect, color, width: 1, alpha: 0.9, fill: 0.15 }];\n      });\n    }),\n    marquee: frameLayer((snapshot) =>\n      snapshot.marquee ? [{ rect: snapshot.marquee, color: look.color, width: 1, alpha: 0.9, fill: 0.1 }] : [],\n    ),\n    ghost,\n  };\n}\n\n/** A sober skin: plain frames, a translucent ghost. Enough for a tool, meant to be replaced. */\nexport function defaultSkin(): Skin {\n  return framesSkin(\n    { color: SKIN_COLORS.accent, outline: \"line\" },\n    ghostLayer({ valid: SKIN_COLORS.valid, invalid: SKIN_COLORS.invalid, alpha: 0.65, pulse: false }),\n  );\n}\n\n"],"mappings":"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"}

package/dist/skins/frames.d.ts

@@ -0,0 +1,19 @@
+import { Graphics } from 'pixi.js';
+import { InteractionSnapshot } from '../interaction/controller';
+import { TargetRef } from '../interaction/picking';
+import { Rect } from '../renderer/geometry';
+import { SceneNode } from '../renderer/scene';
+import { SkinContext, SkinLayerFactory } from './types';
+/** A rectangle to draw: filled, stroked, or both. */
+export interface DrawnFrame {
+    readonly rect: Rect;
+    readonly color: number;
+    readonly width?: number;
+    readonly alpha?: number;
+    readonly fill?: number;
+}
+export declare function drawFrames(graphics: Graphics, frames: readonly DrawnFrame[]): void;
+export declare const nodeOf: (nodes: readonly SceneNode[], target: TargetRef) => SceneNode | undefined;
+/** A layer that draws rectangles computed from the state. The base of the default and game skins. */
+export declare function frameLayer(frames: (snapshot: InteractionSnapshot, context: SkinContext, elapsedMs: number) => readonly DrawnFrame[]): SkinLayerFactory;
+//# sourceMappingURL=frames.d.ts.map

package/dist/skins/frames.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"frames.d.ts","sourceRoot":"","sources":["../../src/skins/frames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,KAAK,EAAE,WAAW,EAAa,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAExE,qDAAqD;AACrD,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,UAAU,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,UAAU,EAAE,GAAG,IAAI,CASlF;AAED,eAAO,MAAM,MAAM,GAAI,OAAO,SAAS,SAAS,EAAE,EAAE,QAAQ,SAAS,KAAG,SAAS,GAAG,SAGnF,CAAC;AAEF,qGAAqG;AACrG,wBAAgB,UAAU,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,mBAAmB,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,KAAK,SAAS,UAAU,EAAE,GAAG,gBAAgB,CAqBtJ"}

package/dist/skins/frames.js

@@ -0,0 +1,49 @@
+import { targetKey } from "../interaction/picking.js";
+import { Graphics } from "pixi.js";
+//#region src/skins/frames.ts
+function drawFrames(graphics, frames) {
+	graphics.clear();
+	for (const frame of frames) {
+		const { x, y, width, height } = frame.rect;
+		if (frame.fill !== void 0) graphics.rect(x, y, width, height).fill({
+			color: frame.color,
+			alpha: frame.fill
+		});
+		if (frame.width !== void 0 && frame.width > 0) graphics.rect(x, y, width, height).stroke({
+			width: frame.width,
+			color: frame.color,
+			alpha: frame.alpha ?? 1
+		});
+	}
+}
+var nodeOf = (nodes, target) => {
+	const key = targetKey(target);
+	return nodes.find((node) => node.key === key);
+};
+/** A layer that draws rectangles computed from the state. The base of the default and game skins. */
+function frameLayer(frames) {
+	return (context) => {
+		const graphics = new Graphics();
+		context.layer.addChild(graphics);
+		let last;
+		let elapsed = 0;
+		const draw = () => {
+			if (last) drawFrames(graphics, frames(last, context, elapsed));
+		};
+		return {
+			update(snapshot) {
+				last = snapshot;
+				draw();
+			},
+			tick(deltaMs) {
+				elapsed += deltaMs;
+				if (last) draw();
+			},
+			destroy: () => graphics.destroy()
+		};
+	};
+}
+//#endregion
+export { drawFrames, frameLayer, nodeOf };
+
+//# sourceMappingURL=frames.js.map

package/dist/skins/frames.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"frames.js","names":[],"sources":["../../src/skins/frames.ts"],"sourcesContent":["import { Graphics } from \"pixi.js\";\nimport type { InteractionSnapshot } from \"../interaction/controller\";\nimport { targetKey, type TargetRef } from \"../interaction/picking\";\nimport type { Rect } from \"../renderer/geometry\";\nimport type { SceneNode } from \"../renderer/scene\";\nimport type { SkinContext, SkinLayer, SkinLayerFactory } from \"./types\";\n\n/** A rectangle to draw: filled, stroked, or both. */\nexport interface DrawnFrame {\n  readonly rect: Rect;\n  readonly color: number;\n  readonly width?: number;\n  readonly alpha?: number;\n  readonly fill?: number;\n}\n\nexport function drawFrames(graphics: Graphics, frames: readonly DrawnFrame[]): void {\n  graphics.clear();\n  for (const frame of frames) {\n    const { x, y, width, height } = frame.rect;\n    if (frame.fill !== undefined) graphics.rect(x, y, width, height).fill({ color: frame.color, alpha: frame.fill });\n    if (frame.width !== undefined && frame.width > 0) {\n      graphics.rect(x, y, width, height).stroke({ width: frame.width, color: frame.color, alpha: frame.alpha ?? 1 });\n    }\n  }\n}\n\nexport const nodeOf = (nodes: readonly SceneNode[], target: TargetRef): SceneNode | undefined => {\n  const key = targetKey(target);\n  return nodes.find((node) => node.key === key);\n};\n\n/** A layer that draws rectangles computed from the state. The base of the default and game skins. */\nexport function frameLayer(frames: (snapshot: InteractionSnapshot, context: SkinContext, elapsedMs: number) => readonly DrawnFrame[]): SkinLayerFactory {\n  return (context): SkinLayer => {\n    const graphics = new Graphics();\n    context.layer.addChild(graphics);\n    let last: InteractionSnapshot | undefined;\n    let elapsed = 0;\n    const draw = (): void => {\n      if (last) drawFrames(graphics, frames(last, context, elapsed));\n    };\n    return {\n      update(snapshot) {\n        last = snapshot;\n        draw();\n      },\n      tick(deltaMs) {\n        elapsed += deltaMs;\n        if (last) draw();\n      },\n      destroy: () => graphics.destroy(),\n    };\n  };\n}\n"],"mappings":";;;AAgBA,SAAgB,WAAW,UAAoB,QAAqC;CAClF,SAAS,MAAM;CACf,KAAK,MAAM,SAAS,QAAQ;EAC1B,MAAM,EAAE,GAAG,GAAG,OAAO,WAAW,MAAM;EACtC,IAAI,MAAM,SAAS,KAAA,GAAW,SAAS,KAAK,GAAG,GAAG,OAAO,MAAM,CAAC,CAAC,KAAK;GAAE,OAAO,MAAM;GAAO,OAAO,MAAM;EAAK,CAAC;EAC/G,IAAI,MAAM,UAAU,KAAA,KAAa,MAAM,QAAQ,GAC7C,SAAS,KAAK,GAAG,GAAG,OAAO,MAAM,CAAC,CAAC,OAAO;GAAE,OAAO,MAAM;GAAO,OAAO,MAAM;GAAO,OAAO,MAAM,SAAS;EAAE,CAAC;CAEjH;AACF;AAEA,IAAa,UAAU,OAA6B,WAA6C;CAC/F,MAAM,MAAM,UAAU,MAAM;CAC5B,OAAO,MAAM,MAAM,SAAS,KAAK,QAAQ,GAAG;AAC9C;;AAGA,SAAgB,WAAW,QAA6H;CACtJ,QAAQ,YAAuB;EAC7B,MAAM,WAAW,IAAI,SAAS;EAC9B,QAAQ,MAAM,SAAS,QAAQ;EAC/B,IAAI;EACJ,IAAI,UAAU;EACd,MAAM,aAAmB;GACvB,IAAI,MAAM,WAAW,UAAU,OAAO,MAAM,SAAS,OAAO,CAAC;EAC/D;EACA,OAAO;GACL,OAAO,UAAU;IACf,OAAO;IACP,KAAK;GACP;GACA,KAAK,SAAS;IACZ,WAAW;IACX,IAAI,MAAM,KAAK;GACjB;GACA,eAAe,SAAS,QAAQ;EAClC;CACF;AACF"}

package/dist/skins/game.d.ts

@@ -0,0 +1,21 @@
+import { Skin } from './types';
+export interface GameSkinOptions {
+    /** Colours of the ghost of the item being placed. */
+    readonly ghost?: {
+        readonly valid?: number;
+        readonly invalid?: number;
+        readonly alpha?: number;
+    };
+    /** `"glow"` (default) gives selections a soft halo, `"line"` a plain frame. */
+    readonly outline?: "line" | "glow";
+    /** Colour of selections and hovers. */
+    readonly color?: number;
+    /** Makes the ghost pulse. */
+    readonly pulse?: boolean;
+}
+/**
+ * A skin for players rather than editors: a glowing outline instead of a
+ * technical frame, and a ghost that can pulse and take the colours of the game.
+ */
+export declare function gameSkin(options?: GameSkinOptions): Skin;
+//# sourceMappingURL=game.d.ts.map

package/dist/skins/game.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"game.d.ts","sourceRoot":"","sources":["../../src/skins/game.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAEpC,MAAM,WAAW,eAAe;IAC9B,qDAAqD;IACrD,QAAQ,CAAC,KAAK,CAAC,EAAE;QAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjG,+EAA+E;IAC/E,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnC,uCAAuC;IACvC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,6BAA6B;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,OAAO,GAAE,eAAoB,GAAG,IAAI,CAU5D"}