@sagl/server 0.0.0-stage → 0.1.0-next.49

package/dist/modshop.js

@@ -0,0 +1,904 @@
+// The game's mod shops: TransFender (three of them), Loco Low Co and Wheel
+// Arch Angels. Players' games run none of their logic (it was the game's
+// mission script), so the server does it, the way the game did:
+//
+// - Drive in. A car the shop doesn't work on is turned away ("You cannot
+//   mod this vehicle here."): Loco Low Co does lowriders, Wheel Arch Angels
+//   street racers, TransFender the other cars.
+// - At the script's spot inside the door, the door shuts behind it, the
+//   screen fades, and the car is on the shop's own floor (the game's
+//   interior for it), in a world of its own: anyone else can use the shop
+//   meanwhile.
+// - A menu as the game's: the areas (Spoilers, Hood, Exhausts, ... as the
+//   car has parts for them, and Colors and Paint Jobs), then each one's
+//   parts and prices, shown on the car as they're chosen, the script's
+//   camera for that part of it. Enter buys, Backspace (or F, as the game's)
+//   goes back; out of the areas, the car is back at the spot, facing in, as
+//   the game leaves it.
+//
+// Names, prices, spots, cameras and headings are the game's (shopping.dat,
+// its GXT text, its mod shop script carmod1.scm: see modshop_data.ts).
+var _a;
+import { MOD_SHOP_COLORS, MOD_SHOP_PARTS, MOD_SHOP_SITES } from "./modshop_data.js";
+import { gxt } from "./text.js";
+import { componentFits, componentSlot } from "./vehicle.js";
+import { ShopBlips } from "./shopblips.js";
+/** The game's mod shops (each sells its own parts; `modShop` events say which). */
+export const ModShop = {
+    TransFender: 1,
+    LocoLowCo: 2,
+    WheelArchAngels: 4,
+};
+/** The Paint Finish area's default list. */
+export const DEFAULT_MOD_SHOP_FINISHES = [
+    { name: "Standard", finish: null },
+    { name: "Metallic", finish: { type: "metallic" } },
+    { name: "Pearl", finish: { type: "pearl" } },
+    { name: "Satin", finish: { type: "satin" } },
+    { name: "Matte", finish: { type: "matte" } },
+    { name: "Colour Shift", finish: { type: "colorShift" } },
+];
+const AREA_NAMES = {
+    colors: 1, finishes: 101, liveries: 102, paintjobs: 11, plate: 100,
+    spoilers: 2, hood: 3, vents: 17, sideSkirts: 4, exhausts: 5, nitro: 6, frontBumper: 7, rearBumper: 8, lights: 9,
+    roof: 10, wheels: 12, frontBullbars: 13, rearBullbars: 14, misc: 15, stereo: 16, hydraulics: 18,
+};
+const AREA_KEY = Object.fromEntries(Object.entries(AREA_NAMES).map(([k, v]) => [v, k]));
+/**
+ * One mod shop (`server.modShops.shop(id)`): the game's ("transfender-ls",
+ * "transfender-sf", "transfender-lv", "locolow", "waa") or one you made.
+ * Its own options go over everyone's.
+ */
+export class ModShopSite {
+    id;
+    /** Whose shop floor (`ModShop`): its interior, cameras, and (the game's) its parts. */
+    floor;
+    /** The game's shop it is, or 0 (one you made). */
+    shop;
+    garage;
+    /** @internal */
+    entry;
+    /** @internal */
+    exitHeading;
+    /** @internal */
+    options = {};
+    #changed;
+    #remove;
+    /** @internal */
+    constructor(init) {
+        this.id = init.id;
+        this.floor = init.floor;
+        this.shop = init.shop;
+        this.garage = init.garage;
+        this.entry = init.entry;
+        this.exitHeading = init.exitHeading;
+        this.#changed = init.changed;
+        this.#remove = init.remove;
+    }
+    /** Changes how this shop works (only the options given, over everyone's). */
+    configure(options) {
+        Object.assign(this.options, options);
+        this.#changed();
+        return this;
+    }
+    /** Where a car starts it. */
+    get position() {
+        return { x: this.entry.x, y: this.entry.y, z: this.entry.z };
+    }
+    /** Takes away a shop you made (the game's: `configure({ enabled: false })`). */
+    remove() {
+        this.#remove?.();
+    }
+}
+// Each shop's sites, floor, cameras and exit heading: its mission script's
+// (MOD_SHOP_SITES). Its name: CARMOD1-3.
+const TITLES = {
+    [ModShop.TransFender]: "CARMOD1", [ModShop.LocoLowCo]: "CARMOD2", [ModShop.WheelArchAngels]: "CARMOD3",
+};
+// Their signs, from the game's own textures, over the menu (Loco Low Co has
+// none of its own: its name).
+const LOGOS = {
+    [ModShop.TransFender]: "game:garag3_lawn/ws_Transfender_dirty",
+    [ModShop.WheelArchAngels]: "game:subshops_sfs/ws_archangels_dirty",
+};
+// The cars Loco Low Co and Wheel Arch Angels work on (and TransFender doesn't).
+const LOWRIDERS = new Set([534, 535, 536, 567, 575, 576]);
+const RACERS = new Set([558, 559, 560, 561, 562, 565]);
+// Models with paint jobs, and how many.
+const PAINTJOBS = {
+    534: 3, 535: 3, 536: 3, 558: 3, 559: 3, 560: 3, 561: 3, 562: 3, 565: 3, 567: 3, 575: 2, 576: 3,
+};
+// The game's areas (CARMn), in its order. 1 colours and 11 paint jobs are
+// ours to sell; the rest are parts.
+const AREAS = [1, 2, 3, 17, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 18];
+// Ours, last: the licence plate (shot from behind); finishes and liveries
+// after the colours.
+const PLATE = 100;
+const FINISH = 101;
+const LIVERY = 102;
+const COLORS = 1;
+const PAINT = 11;
+// Each area's camera: one of the script's 15 shots (by what each looks at;
+// 0 is the whole car from its front right, the areas' own).
+const SHOT_OF = {
+    [PLATE]: 8,
+    [FINISH]: 0,
+    [LIVERY]: 0,
+    1: 0, 2: 2, 3: 4, 4: 3, 5: 6, 6: 0, 7: 7, 8: 8, 9: 9, 10: 12, 11: 0, 12: 1, 13: 10, 14: 11, 15: 0, 16: 13, 17: 5, 18: 14,
+};
+// The script's sounds (mission audio events, at the car): a part fitted,
+// paint, and not enough money.
+const SOUND_PART = 1133;
+const SOUND_PAINT = 1134;
+const SOUND_NO = 1055;
+// The cameras' heights over the floor, against the script's.
+const CAMERA_HEIGHT = {
+    [ModShop.TransFender]: 0.75, [ModShop.LocoLowCo]: 0.75, [ModShop.WheelArchAngels]: 0.875,
+};
+// Shots moved sideways (m, to the view's right; by shot): Loco Low Co's
+// whole-car shot had the car's nose off the right of the screen.
+const CAMERA_SIDE = {
+    [ModShop.LocoLowCo]: { 0: 0.8 },
+};
+const MOD_SPRITE = 27; // RADAR_SPRITE_MOD_GARAGE
+const DOOR_MS = 1500;
+const FADE_MS = 500;
+const WORLD_BASE = 0x7fff0000; // + the player's id: their own shop floor
+// The buttons' hints, bottom left (the first leftmost).
+const HINTS_AREAS = [{ key: "select", label: "Select" }, { key: "back", label: "Leave" }, { key: "updown", label: "Browse" }];
+const HINTS_SLOTS = [{ key: "select", label: "Select" }, { key: "back", label: "Back" }, { key: "updown", label: "Browse" }];
+const HINTS_PARTS = [{ key: "select", label: "Buy" }, { key: "back", label: "Back" }, { key: "updown", label: "Browse" }];
+const HINTS_GRID = [{ key: "select", label: "Buy" }, { key: "back", label: "Back" }, { key: "arrows", label: "Browse" }];
+/**
+ * The game's mod shops (`server.modShops`), on by default: drive into
+ * TransFender, Loco Low Co or Wheel Arch Angels, and buy parts, colours,
+ * paint finishes and paint jobs from the game's menu, each shown on the car
+ * first. Configure every shop (`configure`), one (`shop(id).configure`), or
+ * per player (`forPlayer`); make your own (`create`). Fires `vehicleMod`,
+ * `vehiclePaintjob`, `vehicleRespray`, `vehicleFinish`, `vehicleLivery`,
+ * `vehiclePlate` and `modShop`.
+ */
+export class ModShops {
+    #server;
+    #events;
+    #enabled = true;
+    #o = {};
+    #sites = [];
+    #sessions = new Map();
+    #busy = new Set();
+    // "player:site": turned away, or just out, until they're off the spot.
+    #untilTheyLeave = new Set();
+    #blips;
+    #nextCustom = 1;
+    /** @internal */
+    constructor(server, events) {
+        this.#server = server;
+        this.#events = events;
+        this.#gameSites();
+        // Not the garages' zones: they hear a car's middle, which never gets
+        // past these shops' doorways (behind them is a wall).
+        setInterval(() => this.#tick(), 200).unref?.();
+        this.#blips = new ShopBlips(server, MOD_SPRITE, () => this.#sites.filter((site) => this.#open(site) && (this.#siteOptions(site).blips ?? true)).map((site) => site.entry));
+        this.#doors();
+        server.on("playerQuit", (p) => {
+            const s = this.#sessions.get(p);
+            if (s)
+                void this.#leave(s, false);
+        });
+    }
+    /**
+     * Whether they work (default true). On, the game's shops' doors are open
+     * (its script opened them); off, shut, as the game starts them.
+     */
+    get enabled() {
+        return this.#enabled;
+    }
+    set enabled(on) {
+        this.#enabled = on;
+        this.#doors();
+    }
+    /** Changes how every shop works (only the options given). */
+    configure(options) {
+        Object.assign(this.#o, options);
+        this.#doors();
+        return this;
+    }
+    /** Every shop: the game's five and yours. */
+    get shops() {
+        return [...this.#sites];
+    }
+    /** A shop by id: "transfender-ls", "transfender-sf", "transfender-lv", "locolow", "waa", or yours. */
+    shop(id) {
+        return this.#sites.find((site) => site.id === id);
+    }
+    /**
+     * Makes a mod shop of your own: a spot a car drives onto, taking it to
+     * one of the game's shop floors, with its own options.
+     *
+     * ```ts
+     * server.modShops.create({ id: "docks", at: { x: 2770, y: -2400, z: 13.6 }, title: "Docks Tuning", logo: "ui/docks.png" });
+     * ```
+     */
+    create(spec) {
+        const id = spec.id ?? `custom-${this.#nextCustom++}`;
+        if (this.shop(id))
+            throw new RangeError(`there's already a mod shop "${id}"`);
+        const floor = spec.floor ?? ModShop.TransFender;
+        if (!MOD_SHOP_SITES[floor])
+            throw new RangeError(`not a shop floor: ${floor} (ModShop.TransFender, LocoLowCo or WheelArchAngels)`);
+        const size = spec.size ?? { x: 4, y: 4, z: 2 };
+        const site = new ModShopSite({
+            id, floor, shop: 0, garage: spec.garage ?? null,
+            entry: { x: spec.at.x, y: spec.at.y, z: spec.at.z, size: { x: size.x, y: size.y, z: size.z } },
+            exitHeading: spec.exitHeading ?? null,
+            changed: () => this.#doors(),
+            remove: () => {
+                this.#sites = this.#sites.filter((x) => x !== site);
+                this.#doors();
+            },
+        });
+        const { id: _id, at: _at, size: _size, exitHeading: _h, floor: _f, garage: _g, ...options } = spec;
+        site.options = options;
+        this.#sites.push(site);
+        this.#doors();
+        return site;
+    }
+    // The game's: each of its spots (TransFender has three), and its garage.
+    #gameSites() {
+        const names = {
+            [ModShop.TransFender]: ["transfender-ls", "transfender-sf", "transfender-lv"],
+            [ModShop.LocoLowCo]: ["locolow"], [ModShop.WheelArchAngels]: ["waa"],
+        };
+        for (const [shop, info] of Object.entries(MOD_SHOP_SITES)) {
+            info.entries.forEach((entry, k) => {
+                const garage = this.#server.garages.find((g) => g.contains(entry, -1)) ?? null;
+                this.#sites.push(new ModShopSite({
+                    id: names[Number(shop)]?.[k] ?? `shop-${shop}-${k}`, floor: Number(shop), shop: Number(shop), garage,
+                    entry: { x: entry.x, y: entry.y, z: entry.z, size: { ...entry.size } }, exitHeading: info.exitHeading,
+                    changed: () => this.#doors(), remove: null,
+                }));
+            });
+        }
+    }
+    // Open shops' doors open, the others' shut; their blips.
+    #doors() {
+        this.#blips?.refresh();
+        for (const site of this.#sites) {
+            const g = site.garage;
+            if (!g || this.#busy.has(site))
+                continue;
+            const open = this.#open(site);
+            if (g.isOpen !== open) {
+                if (open)
+                    g.open();
+                else
+                    g.close();
+            }
+        }
+    }
+    /** The garages that are mod shops, and which shop each is. */
+    get garages() {
+        return this.#sites.filter((x) => x.garage && x.shop).map((x) => ({ garage: x.garage, shop: x.shop }));
+    }
+    /** Which of the game's shops works on a model (0 none): Loco Low Co lowriders, Wheel Arch Angels street racers, TransFender other cars. */
+    static shopFor(model) {
+        if (LOWRIDERS.has(model))
+            return ModShop.LocoLowCo;
+        if (RACERS.has(model))
+            return ModShop.WheelArchAngels;
+        return MOD_SHOP_PARTS.some((p) => p.shops & ModShop.TransFender && componentFits(model, p.part)) ? ModShop.TransFender : 0;
+    }
+    /** Whether a player is in a shop now. */
+    isShopping(player) {
+        return this.#sessions.has(player);
+    }
+    /** Sends them out of the shop they're in (as if they'd left). */
+    async kickOut(player) {
+        const s = this.#sessions.get(player);
+        if (s)
+            await this.#leave(s, true);
+    }
+    // Everyone's options with the shop's over them (not a player's).
+    #siteOptions(site) {
+        return merge(this.#o, site.options);
+    }
+    #open(site) {
+        if (!this.#enabled)
+            return false;
+        const o = this.#siteOptions(site);
+        if (o.enabled === false)
+            return false;
+        const open = o.shops ?? {};
+        if (site.shop === ModShop.TransFender && open.transFender === false)
+            return false;
+        if (site.shop === ModShop.LocoLowCo && open.locoLowCo === false)
+            return false;
+        if (site.shop === ModShop.WheelArchAngels && open.wheelArchAngels === false)
+            return false;
+        return true;
+    }
+    // Drivers at a shop's spot (the script's box, inside its door): in, or
+    // turned away.
+    #tick() {
+        if (!this.#enabled)
+            return;
+        const sites = this.#sites.filter((site) => this.#open(site));
+        for (const player of this.#server.players) {
+            const vehicle = player.vehicle;
+            if (!vehicle || vehicle.driver !== player || this.#sessions.has(player))
+                continue;
+            const at = vehicle.position;
+            for (const site of sites) {
+                const { entry } = site;
+                const key = `${player.id}:${site.id}`;
+                const there = Math.abs(at.x - entry.x) <= entry.size.x && Math.abs(at.y - entry.y) <= entry.size.y &&
+                    Math.abs(at.z - entry.z) <= entry.size.z;
+                if (!there) {
+                    this.#untilTheyLeave.delete(key);
+                    continue;
+                }
+                if (this.#busy.has(site) || this.#untilTheyLeave.has(key))
+                    continue;
+                this.#untilTheyLeave.add(key);
+                const base = this.#siteOptions(site);
+                const o = merge(base, base.forPlayer?.(player, vehicle, site) ?? {}, site.options.forPlayer?.(player, vehicle, site) ?? {});
+                const works = _a.shopFor(vehicle.model);
+                const accepts = o.accepts ? o.accepts(vehicle.model) : site.shop ? works === site.shop : works !== 0;
+                if (!accepts) {
+                    player.hud.notice(gxt(works ? "MODNO" : "MODNO2"), 4000);
+                    continue;
+                }
+                const said = o.onEnter?.(player, vehicle, site.shop, site.garage);
+                if (said === false)
+                    continue;
+                if (typeof said === "string") {
+                    player.hud.notice(said, 4000);
+                    continue;
+                }
+                void this.#start(player, vehicle, site, o, vehicle.heading);
+            }
+        }
+    }
+    async #start(player, vehicle, site, o, heading) {
+        const floor = MOD_SHOP_SITES[site.floor].floor;
+        const garage = site.garage;
+        const s = {
+            player, vehicle, site, garage, shop: site.floor, o, entry: site.entry, world: vehicle.world, interior: vehicle.interior,
+            owned: { parts: [...vehicle.components], colors: vehicle.colors, paintjob: vehicle.paintjob, finish: vehicle.paintFinish },
+            livery: vehicle.livery, exitHeading: site.exitHeading ?? heading,
+            menu: null, watch: null, leaving: false, hud: { radar: player.hud.parts.radar, chat: player.hud.parts.chat },
+        };
+        this.#sessions.set(player, s);
+        this.#busy.add(site);
+        player.frozen = true;
+        if (garage) {
+            garage.close();
+            await wait(DOOR_MS);
+        }
+        if (!this.#here(s))
+            return this.#leave(s, true);
+        await player.fadeOut(FADE_MS);
+        if (!this.#here(s))
+            return this.#leave(s, true);
+        player.hud.set({ radar: false, chat: false });
+        vehicle.world = WORLD_BASE + player.id;
+        vehicle.interior = floor.interior;
+        for (const p of this.#occupants(vehicle))
+            p.interior = floor.interior;
+        vehicle.setPosition(floor, floor.heading);
+        garage?.open();
+        this.#busy.delete(site);
+        this.#events.shop(player, vehicle, site.shop, true, site.id);
+        await this.#shoot(s, 0, 0);
+        await wait(400);
+        if (!this.#here(s))
+            return this.#leave(s, true);
+        await player.fadeIn(FADE_MS);
+        // Gone (left, died, the car destroyed): out, as best we can.
+        s.watch = setInterval(() => {
+            if (!this.#here(s))
+                void this.#leave(s, true);
+        }, 500);
+        this.#areas(s);
+    }
+    #here(s) {
+        return !s.leaving && s.player.connected && s.vehicle.exists && s.player.vehicle === s.vehicle && s.player.alive;
+    }
+    #occupants(vehicle) {
+        return this.#server.players.filter((p) => p.vehicle === vehicle);
+    }
+    // One of the script's shots of its shop's floor, lower (theirs look down
+    // from too high): its height over the floor scaled, so a low one (the
+    // wheels') hardly moves.
+    #shoot(s, shot, ms = 600) {
+        const site = MOD_SHOP_SITES[s.shop];
+        const [x, y, z, lx, ly, lz] = site.cameras[shot] ?? site.cameras[0];
+        const down = (z - site.floor.z) * (1 - (CAMERA_HEIGHT[s.shop] ?? 1));
+        // Moved sideways (m, to the view's right), camera and what it looks at.
+        const side = CAMERA_SIDE[s.shop]?.[shot] ?? 0;
+        const fx = lx - x, fy = ly - y, len = Math.hypot(fx, fy) || 1;
+        const rx = (fy / len) * side, ry = (-fx / len) * side;
+        return s.player.camera.set({
+            position: { x: x + rx, y: y + ry, z: z - down }, lookAt: { x: lx + rx, y: ly + ry, z: lz - down }, ms,
+        });
+    }
+    // ---- The menus ----------------------------------------------------------------
+    #scale(s, price) {
+        return Math.max(0, Math.round(price * (s.o.priceScale ?? 1)));
+    }
+    #priceOf(s, part, base) {
+        const own = s.o.parts?.[part];
+        if (own === false)
+            return null;
+        const price = typeof own === "number" ? Math.max(0, Math.round(own)) : this.#scale(s, base);
+        const said = s.o.price?.(part, price, s.vehicle, s.player);
+        if (said === null)
+            return null;
+        return typeof said === "number" ? Math.max(0, Math.round(said)) : price;
+    }
+    // The parts this shop has for this car, in an area, with prices.
+    #partsIn(s, area) {
+        const sells = s.o.sells ?? (s.site.shop || ModShop.TransFender | ModShop.LocoLowCo | ModShop.WheelArchAngels);
+        const out = [];
+        for (const p of MOD_SHOP_PARTS) {
+            if (p.cat !== area || !(p.shops & sells) || !componentFits(s.vehicle.model, p.part))
+                continue;
+            const price = this.#priceOf(s, p.part, p.price);
+            if (price !== null)
+                out.push({ part: p.part, gxt: p.gxt, price });
+        }
+        return out;
+    }
+    // An area on or off (its option, else `dflt`).
+    #areaOn(s, area, dflt) {
+        const own = s.o.areas?.[AREA_KEY[area]];
+        if (own !== undefined)
+            return own;
+        if (area === PLATE && s.o.plates === false)
+            return false;
+        return dflt;
+    }
+    // An item's availability: [shown, locked label or ""].
+    #availability(s, f) {
+        const said = f?.(s.player, s.vehicle);
+        if (said === false)
+            return [false, ""];
+        return [true, typeof said === "string" ? said : ""];
+    }
+    #finishList(s) {
+        const list = Array.isArray(s.o.finishes) ? s.o.finishes : s.o.finishes === false ? [] : DEFAULT_MOD_SHOP_FINISHES;
+        return list.flatMap((f) => {
+            const [shown, lock] = this.#availability(s, f.available);
+            return shown ? [{ ...f, lock }] : [];
+        });
+    }
+    #liveryList(s) {
+        return (s.o.liveries ?? []).flatMap((l) => {
+            if (l.models && !l.models.includes(s.vehicle.model))
+                return [];
+            const [shown, lock] = this.#availability(s, l.available);
+            return shown ? [{ ...l, lock }] : [];
+        });
+    }
+    #areaList(s) {
+        const paintjobs = (PAINTJOBS[s.vehicle.model] ?? 0) > 0;
+        const areas = AREAS.filter((a) => a === COLORS ? this.#areaOn(s, a, true) && this.#colorIds(s).length > 0
+            : a === PAINT ? paintjobs && this.#areaOn(s, a, s.site.shop !== ModShop.TransFender)
+                : this.#areaOn(s, a, true) && this.#partsIn(s, a).length > 0);
+        let at = areas.indexOf(COLORS) + 1;
+        if (this.#areaOn(s, FINISH, true) && this.#finishList(s).length)
+            areas.splice(at++, 0, FINISH);
+        if (this.#areaOn(s, LIVERY, true) && this.#liveryList(s).length)
+            areas.splice(at, 0, LIVERY);
+        return this.#areaOn(s, PLATE, true) ? [...areas, PLATE] : areas;
+    }
+    #logo(s) {
+        if (s.o.logo === null)
+            return undefined;
+        return s.o.logo ?? LOGOS[s.site.shop];
+    }
+    #title(s) {
+        if (s.o.title !== undefined)
+            return s.o.title;
+        if (this.#logo(s))
+            return "";
+        return s.site.shop ? gxt(TITLES[s.site.shop]) : "Mod Shop";
+    }
+    #areas(s, row = 0) {
+        const areas = this.#areaList(s);
+        void this.#shoot(s, 0);
+        s.menu = s.player.menu({
+            title: this.#title(s),
+            image: this.#logo(s),
+            hints: HINTS_AREAS,
+            rows: areas.map((a) => (a === PLATE ? "Licence Plate" : a === FINISH ? "Paint Finish" : a === LIVERY ? "Liveries" : gxt(`CARM${a}`))),
+            row,
+            onSelect: (r) => {
+                const area = areas[r];
+                if (area === PLATE)
+                    void this.#plate(s, r);
+                else if (area === FINISH)
+                    this.#finishes(s, r);
+                else if (area === LIVERY)
+                    this.#liveries(s, r);
+                else if (area === COLORS)
+                    this.#colorSlots(s, r);
+                else if (area === PAINT)
+                    this.#paintjobs(s, r);
+                else
+                    this.#parts(s, area, r);
+            },
+            onBack: () => void this.#leave(s, true),
+        });
+    }
+    // The finishes, shown on the car as they're chosen.
+    #finishes(s, areaRow) {
+        const finishes = this.#finishList(s);
+        const priceOf = (f) => this.#scale(s, f.price ?? s.o.finishPrice ?? 1000);
+        const same = (a, b) => JSON.stringify(a) === JSON.stringify(b);
+        const current = () => finishes.findIndex((f) => same(f.finish, this.#owned(s).finish));
+        const rows = () => finishes.map((f, i) => [f.name, i === current() ? "~g~Fitted" : f.lock || `$${priceOf(f)}`]);
+        const preview = (r) => {
+            s.vehicle.paintFinish = finishes[r]?.finish ?? null;
+        };
+        void this.#shoot(s, 0);
+        s.menu = s.player.menu({
+            title: "Paint Finish",
+            image: this.#logo(s),
+            hints: HINTS_PARTS,
+            rows: rows(),
+            row: Math.max(0, current()),
+            onChoose: preview,
+            onSelect: (r, menu) => {
+                const f = finishes[r];
+                if (!f)
+                    return;
+                if (r === current())
+                    return this.#already(s);
+                if (f.lock)
+                    return this.#locked(s, f.lock);
+                const price = priceOf(f);
+                if (!this.#pay(s, price, SOUND_PAINT))
+                    return;
+                this.#owned(s).finish = f.finish;
+                this.#restore(s);
+                s.vehicle.modded = true;
+                this.#events.finish(s.player, s.vehicle, f.finish, price);
+                menu.update({ rows: rows() });
+            },
+            onBack: () => {
+                this.#restore(s);
+                this.#areas(s, areaRow);
+            },
+        });
+        preview(Math.max(0, current()));
+    }
+    // Liveries (paint jobs of yours), shown on the car as they're chosen.
+    #liveries(s, areaRow) {
+        const liveries = this.#liveryList(s);
+        const priceOf = (l) => this.#scale(s, l.price ?? s.o.liveryPrice ?? 2000);
+        const same = (a, b) => JSON.stringify(a) === JSON.stringify(b);
+        const current = () => liveries.findIndex((l) => same(l.livery, s.livery));
+        const rows = () => liveries.map((l, i) => [l.name, i === current() ? "~g~Fitted" : l.lock || `$${priceOf(l)}`]);
+        const preview = (r) => {
+            s.vehicle.livery = liveries[r]?.livery ?? null;
+        };
+        void this.#shoot(s, 0);
+        s.menu = s.player.menu({
+            title: "Liveries",
+            image: this.#logo(s),
+            hints: HINTS_PARTS,
+            rows: rows(),
+            row: Math.max(0, current()),
+            onChoose: preview,
+            onSelect: (r, menu) => {
+                const l = liveries[r];
+                if (!l)
+                    return;
+                if (r === current())
+                    return this.#already(s);
+                if (l.lock)
+                    return this.#locked(s, l.lock);
+                const price = priceOf(l);
+                if (!this.#pay(s, price, SOUND_PAINT))
+                    return;
+                s.livery = l.livery;
+                this.#restore(s);
+                s.vehicle.modded = true;
+                this.#events.livery(s.player, s.vehicle, l.livery, price);
+                menu.update({ rows: rows() });
+            },
+            onBack: () => {
+                this.#restore(s);
+                this.#areas(s, areaRow);
+            },
+        });
+        preview(Math.max(0, current()));
+    }
+    // The colour grid's colours: the option's, else the game's (unless off)
+    // then the server's, less those hidden.
+    #colorIds(s) {
+        const all = s.o.colors ?? [...(s.o.gameColors === false ? [] : MOD_SHOP_COLORS), ...this.#server.vehicleColors.custom];
+        const hide = new Set(s.o.hideColors ?? []);
+        return all.filter((id) => !hide.has(id));
+    }
+    // Not for them: the label, and the game's "no" sound.
+    #locked(s, label) {
+        s.player.hud.notice(label, 3000);
+        this.#sound(s, SOUND_NO);
+    }
+    async #plate(s, areaRow) {
+        const price = this.#scale(s, s.o.platePrice ?? 250);
+        void this.#shoot(s, SHOT_OF[PLATE]);
+        s.menu?.close();
+        const { response, input } = await s.player.dialog({
+            style: "input", title: "Licence Plate",
+            body: `Now: ${s.vehicle.plate.trim() || "(none)"}\nA new one, up to 8 letters, numbers and spaces: $${price}`,
+            button1: "Buy", button2: "Back",
+        });
+        if (!this.#here(s))
+            return;
+        const plate = input.trim().toUpperCase();
+        if (response) {
+            if (!/^[A-Z0-9 ]{1,8}$/.test(plate)) {
+                s.player.hud.notice("~r~A plate is up to 8 letters, numbers and spaces.", 3000);
+                this.#sound(s, SOUND_NO);
+            }
+            else if (plate === s.vehicle.plate.trim()) {
+                this.#already(s);
+            }
+            else if (this.#pay(s, price, SOUND_PART)) {
+                s.vehicle.plate = plate;
+                this.#events.plate(s.player, s.vehicle, plate, price);
+            }
+        }
+        this.#areas(s, areaRow);
+    }
+    #parts(s, area, areaRow) {
+        const parts = this.#partsIn(s, area);
+        const fitted = (p) => this.#owned(s).parts.includes(p);
+        const rows = () => parts.map((p) => [gxt(p.gxt), fitted(p.part) ? "~g~Fitted" : `$${p.price}`]);
+        void this.#shoot(s, SHOT_OF[area] ?? 0);
+        const preview = (r) => {
+            const p = parts[r];
+            this.#restore(s, p && !fitted(p.part) ? componentSlot(p.part) : undefined);
+            if (p && !fitted(p.part))
+                s.vehicle.addComponent(p.part); // a pair's other half: the game fits it
+        };
+        s.menu = s.player.menu({
+            title: gxt(`CARM${area}`),
+            image: this.#logo(s),
+            hints: HINTS_PARTS,
+            rows: rows(),
+            onChoose: preview,
+            onSelect: (r, menu) => {
+                const p = parts[r];
+                if (!p)
+                    return;
+                if (fitted(p.part))
+                    return this.#already(s);
+                if (!this.#pay(s, p.price, SOUND_PART))
+                    return;
+                const o = this.#owned(s);
+                const slot = componentSlot(p.part);
+                o.parts = o.parts.filter((x) => componentSlot(x) !== slot);
+                o.parts.push(p.part);
+                this.#restore(s);
+                s.vehicle.modded = true;
+                this.#events.mod(s.player, s.vehicle, p.part, p.price);
+                menu.update({ rows: rows() });
+            },
+            onBack: () => {
+                this.#restore(s);
+                this.#areas(s, areaRow);
+            },
+        });
+        preview(0);
+    }
+    #colorSlots(s, areaRow, row = 0) {
+        s.menu = s.player.menu({
+            title: gxt(`CARM${COLORS}`),
+            image: this.#logo(s),
+            hints: HINTS_SLOTS,
+            rows: [gxt("CARCOL1"), gxt("CARCOL2")],
+            row,
+            onSelect: (r) => this.#colors(s, areaRow, r),
+            onBack: () => this.#areas(s, areaRow),
+        });
+    }
+    #colors(s, areaRow, which) {
+        const price = this.#scale(s, s.o.colorPrice ?? 150);
+        const current = () => this.#owned(s).colors[which];
+        // The game's grid: its 64 colours, 8 across.
+        const ids = this.#colorIds(s);
+        const rgb = (id) => this.#server.vehicleColors.rgb(id) ?? 0;
+        const rows = () => ids.map((id) => ({
+            text: "", value: id === current() ? "~g~Fitted" : `$${price}`, swatch: rgb(id),
+        }));
+        // Under the grid: the colour it has now, and the chosen one's price.
+        const footer = () => ({ text: "Current", swatch: rgb(current()) });
+        const preview = (r) => {
+            const colors = [...this.#owned(s).colors];
+            colors[which] = ids[r];
+            s.vehicle.colors = colors;
+        };
+        s.menu = s.player.menu({
+            title: gxt(which === 0 ? "CARCOL1" : "CARCOL2"),
+            image: this.#logo(s),
+            hints: HINTS_GRID,
+            rows: rows(),
+            columns: 8,
+            footer: footer(),
+            row: 0,
+            onChoose: preview,
+            onSelect: (r, menu) => {
+                const id = ids[r];
+                if (id === current())
+                    return this.#already(s, true);
+                if (!this.#pay(s, price, SOUND_PAINT))
+                    return;
+                const o = this.#owned(s);
+                o.colors = [...o.colors];
+                o.colors[which] = id;
+                this.#restore(s);
+                s.vehicle.modded = true;
+                s.vehicle.repair(); // as the game's (its script fixes the car with new paint)
+                s.vehicle.dirt = 0;
+                this.#events.respray(s.player, s.vehicle, o.colors);
+                menu.update({ rows: rows(), footer: footer() });
+            },
+            onBack: () => {
+                this.#restore(s);
+                this.#colorSlots(s, areaRow, which);
+            },
+        });
+        preview(0); // the first, chosen
+    }
+    #paintjobs(s, areaRow) {
+        const price = this.#scale(s, s.o.paintjobPrice ?? 500);
+        const count = PAINTJOBS[s.vehicle.model] ?? 0;
+        const rows = () => Array.from({ length: count }, (_, i) => [gxt("PJOB", { numbers: [i + 1] }), this.#owned(s).paintjob === i ? "~g~Fitted" : `$${price}`]);
+        const preview = (r) => {
+            s.vehicle.paintjob = r;
+        };
+        s.menu = s.player.menu({
+            title: gxt(`CARM${PAINT}`),
+            image: this.#logo(s),
+            hints: HINTS_PARTS,
+            rows: rows(),
+            onChoose: preview,
+            onSelect: (r, menu) => {
+                if (this.#owned(s).paintjob === r)
+                    return this.#already(s);
+                if (!this.#pay(s, price, SOUND_PAINT))
+                    return;
+                this.#owned(s).paintjob = r;
+                this.#restore(s);
+                s.vehicle.modded = true;
+                s.vehicle.repair();
+                s.vehicle.dirt = 0;
+                this.#events.paintjob(s.player, s.vehicle, r, price);
+                menu.update({ rows: rows() });
+            },
+            onBack: () => {
+                this.#restore(s);
+                this.#areas(s, areaRow);
+            },
+        });
+        preview(0);
+    }
+    #owned(s) {
+        return s.owned;
+    }
+    // Paid for (the game's sound for it: a part's, or paint's), or not
+    // enough money (the game's notice and sound).
+    #pay(s, price, sound) {
+        if (s.player.money < price) {
+            s.player.hud.notice(gxt("SHOPNO"), 3000);
+            this.#sound(s, SOUND_NO);
+            return false;
+        }
+        s.player.giveMoney(-price);
+        this.#sound(s, sound);
+        return true;
+    }
+    // Already on the car: the game's notice.
+    #already(s, color = false) {
+        s.player.hud.notice(gxt(color ? "COLORNO" : "CLTHNO2"), 3000);
+        this.#sound(s, SOUND_NO);
+    }
+    #sound(s, sound) {
+        const { x, y, z } = MOD_SHOP_SITES[s.shop].floor;
+        this.#server.audio.playGame(sound, { at: { x, y, z }, to: [s.player] });
+    }
+    // The car as bought: previews taken off. A slot about to be previewed in
+    // (`keep`) isn't emptied first: the new part replaces it, with no frame of
+    // the car without it.
+    #restore(s, keep) {
+        const v = s.vehicle;
+        if (!v.exists)
+            return;
+        const o = s.owned;
+        for (const p of v.components)
+            if (!o.parts.includes(p) && componentSlot(p) !== keep)
+                v.removeComponent(p);
+        for (const p of o.parts)
+            if (!v.components.includes(p))
+                v.addComponent(p);
+        const [a, b] = v.colors;
+        if (a !== o.colors[0] || b !== o.colors[1])
+            v.colors = o.colors;
+        if (v.paintjob !== o.paintjob)
+            v.paintjob = o.paintjob;
+        if (JSON.stringify(v.paintFinish) !== JSON.stringify(o.finish))
+            v.paintFinish = o.finish;
+        if (JSON.stringify(v.livery) !== JSON.stringify(s.livery))
+            v.livery = s.livery;
+    }
+    async #leave(s, fade) {
+        if (s.leaving)
+            return;
+        s.leaving = true;
+        if (s.watch)
+            clearInterval(s.watch);
+        s.menu?.close();
+        const { player, vehicle } = s;
+        this.#busy.delete(s.site);
+        this.#restore(s);
+        if (fade && player.connected)
+            await player.fadeOut(FADE_MS);
+        // Back where they started it, facing in, as the game's (they back out).
+        const { x, y, z } = s.entry;
+        const out = { position: { x, y, z }, heading: s.exitHeading };
+        if (vehicle.exists) {
+            const inside = this.#occupants(vehicle);
+            vehicle.world = s.world;
+            vehicle.interior = s.interior;
+            for (const p of inside)
+                p.interior = s.interior;
+            vehicle.setPosition(out.position, out.heading);
+        }
+        if (player.connected) {
+            if (player.vehicle !== vehicle) {
+                // Not in it (it's gone, or they got out): them alone, at the spot.
+                player.world = s.world;
+                player.interior = s.interior;
+                player.setPosition(out.position, out.heading);
+            }
+            player.frozen = false;
+            player.hud.set(s.hud);
+            this.#untilTheyLeave.add(`${player.id}:${s.site.id}`);
+        }
+        this.#sessions.delete(player);
+        if (vehicle.exists)
+            this.#events.shop(player, vehicle, s.site.shop, false, s.site.id);
+        // Behind them once their game has the car there, turned (before, the
+        // camera goes behind it as it was on the shop floor: into the walls).
+        // The server has it there at once; their game a moment later.
+        await wait(800);
+        if (player.connected)
+            player.camera.reset();
+        if (fade && player.connected) {
+            await wait(300);
+            await player.fadeIn(FADE_MS);
+        }
+    }
+}
+_a = ModShops;
+// Options over options: later ones win; areas and parts merged per key.
+function merge(...all) {
+    const out = {};
+    for (const o of all) {
+        const { areas, parts, ...rest } = o;
+        Object.assign(out, rest);
+        if (areas)
+            out.areas = { ...out.areas, ...areas };
+        if (parts)
+            out.parts = { ...out.parts, ...parts };
+    }
+    return out;
+}
+function wait(ms) {
+    return new Promise((resolve) => setTimeout(resolve, ms));
+}
+//# sourceMappingURL=modshop.js.map