Compare commits
4 Commits
feature/po
...
aea00d31e8
| Author | SHA1 | Date | |
|---|---|---|---|
| aea00d31e8 | |||
| fdaa2e3135 | |||
| 67453df51e | |||
| cff5f786a0 |
363
src/App.tsx
363
src/App.tsx
@@ -1,344 +1,71 @@
|
|||||||
import React from "react";
|
|
||||||
|
|
||||||
import { sampleContentPack } from "@/data/sampleContentPack";
|
import { sampleContentPack } from "@/data/sampleContentPack";
|
||||||
import { createStartingAdventurer } from "@/rules/character";
|
|
||||||
import {
|
|
||||||
createRunState,
|
|
||||||
enterCurrentRoom,
|
|
||||||
getAvailableMoves,
|
|
||||||
isCurrentRoomCombatReady,
|
|
||||||
resolveRunEnemyTurn,
|
|
||||||
resolveRunPlayerTurn,
|
|
||||||
startCombatInCurrentRoom,
|
|
||||||
travelCurrentExit,
|
|
||||||
} from "@/rules/runState";
|
|
||||||
import type { RunState } from "@/types/state";
|
|
||||||
|
|
||||||
function createDemoRun() {
|
const planningDocs = [
|
||||||
const adventurer = createStartingAdventurer(sampleContentPack, {
|
"Planning/PROJECT_PLAN.md",
|
||||||
name: "Aster",
|
"Planning/GAME_SPEC.md",
|
||||||
weaponId: "weapon.short-sword",
|
"Planning/content-checklist.json",
|
||||||
armourId: "armour.leather-vest",
|
"Planning/DATA_MODEL.md",
|
||||||
scrollId: "scroll.lesser-heal",
|
"Planning/IMPLEMENTATION_NOTES.md",
|
||||||
});
|
];
|
||||||
|
|
||||||
return createRunState({
|
const nextTargets = [
|
||||||
content: sampleContentPack,
|
"Encode Level 1 foundational tables into structured JSON.",
|
||||||
campaignId: "campaign.demo",
|
"Implement dice utilities for D3, D6, 2D6, and D66.",
|
||||||
adventurer,
|
"Create character creation state and validation.",
|
||||||
});
|
"Build deterministic room generation for the Level 1 loop.",
|
||||||
}
|
];
|
||||||
|
|
||||||
function getRoomTitle(run: RunState, roomId?: string) {
|
|
||||||
if (!roomId) {
|
|
||||||
return "Unknown Room";
|
|
||||||
}
|
|
||||||
|
|
||||||
const room = run.dungeon.levels[run.currentLevel]?.rooms[roomId];
|
|
||||||
|
|
||||||
if (!room) {
|
|
||||||
return "Unknown Room";
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
sampleContentPack.roomTemplates.find((template) => template.id === room.templateId)?.title ??
|
|
||||||
room.notes[0] ??
|
|
||||||
room.templateId ??
|
|
||||||
room.id
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
function App() {
|
function App() {
|
||||||
const [run, setRun] = React.useState<RunState>(() => createDemoRun());
|
|
||||||
const currentLevel = run.dungeon.levels[run.currentLevel];
|
|
||||||
const currentRoom = run.currentRoomId ? currentLevel?.rooms[run.currentRoomId] : undefined;
|
|
||||||
const availableMoves = getAvailableMoves(run);
|
|
||||||
const combatReadyEncounter = isCurrentRoomCombatReady(run);
|
|
||||||
|
|
||||||
const handleReset = () => {
|
|
||||||
setRun(createDemoRun());
|
|
||||||
};
|
|
||||||
|
|
||||||
const handleEnterRoom = () => {
|
|
||||||
setRun((previous) => enterCurrentRoom({ content: sampleContentPack, run: previous }).run);
|
|
||||||
};
|
|
||||||
|
|
||||||
const handleStartCombat = () => {
|
|
||||||
setRun((previous) =>
|
|
||||||
startCombatInCurrentRoom({ content: sampleContentPack, run: previous }).run,
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
const handleTravel = (direction: "north" | "east" | "south" | "west") => {
|
|
||||||
setRun((previous) =>
|
|
||||||
travelCurrentExit({
|
|
||||||
content: sampleContentPack,
|
|
||||||
run: previous,
|
|
||||||
exitDirection: direction,
|
|
||||||
}).run,
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
const handlePlayerTurn = (manoeuvreId: string, targetEnemyId: string) => {
|
|
||||||
setRun((previous) =>
|
|
||||||
resolveRunPlayerTurn({
|
|
||||||
content: sampleContentPack,
|
|
||||||
run: previous,
|
|
||||||
manoeuvreId,
|
|
||||||
targetEnemyId,
|
|
||||||
}).run,
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
const handleEnemyTurn = () => {
|
|
||||||
setRun((previous) =>
|
|
||||||
resolveRunEnemyTurn({ content: sampleContentPack, run: previous }).run,
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<main className="app-shell">
|
<main className="app-shell">
|
||||||
<section className="hero">
|
<section className="hero">
|
||||||
<div>
|
|
||||||
<p className="eyebrow">2D6 Dungeon Web</p>
|
<p className="eyebrow">2D6 Dungeon Web</p>
|
||||||
<h1>Dungeon Loop Shell</h1>
|
<h1>Project scaffold is live.</h1>
|
||||||
<p className="lede">
|
<p className="lede">
|
||||||
Traverse generated rooms, auto-resolve room entry, and engage combat
|
The app now has a Vite + React + TypeScript foundation, shared type
|
||||||
when a room reveals a real encounter.
|
models, and Zod schemas that mirror the planning documents.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="hero-actions">
|
|
||||||
<button className="button button-primary" onClick={handleReset}>
|
|
||||||
Reset Demo Run
|
|
||||||
</button>
|
|
||||||
<div className="status-chip">
|
|
||||||
<span>Run Status</span>
|
|
||||||
<strong>{run.status}</strong>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{combatReadyEncounter && !run.activeCombat ? (
|
<section className="panel-grid">
|
||||||
<section className="alert-banner">
|
|
||||||
<div>
|
|
||||||
<span className="alert-kicker">Encounter Ready</span>
|
|
||||||
<strong>{currentRoom?.encounter?.resultLabel}</strong>
|
|
||||||
<p>
|
|
||||||
This room contains a combat-ready encounter. Engage now to enter
|
|
||||||
tactical resolution.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<button className="button button-primary" onClick={handleStartCombat}>
|
|
||||||
Engage Encounter
|
|
||||||
</button>
|
|
||||||
</section>
|
|
||||||
) : null}
|
|
||||||
|
|
||||||
<section className="dashboard-grid">
|
|
||||||
<article className="panel panel-highlight">
|
|
||||||
<div className="panel-header">
|
|
||||||
<h2>Adventurer</h2>
|
|
||||||
<span>Level {run.adventurerSnapshot.level}</span>
|
|
||||||
</div>
|
|
||||||
<div className="stat-strip">
|
|
||||||
<div>
|
|
||||||
<span>HP</span>
|
|
||||||
<strong>
|
|
||||||
{run.adventurerSnapshot.hp.current}/{run.adventurerSnapshot.hp.max}
|
|
||||||
</strong>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<span>Shift</span>
|
|
||||||
<strong>{run.adventurerSnapshot.stats.shift}</strong>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<span>Discipline</span>
|
|
||||||
<strong>{run.adventurerSnapshot.stats.discipline}</strong>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<span>Precision</span>
|
|
||||||
<strong>{run.adventurerSnapshot.stats.precision}</strong>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<span>XP</span>
|
|
||||||
<strong>{run.adventurerSnapshot.xp}</strong>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<p className="supporting-text">
|
|
||||||
{run.adventurerSnapshot.name} is equipped with a{" "}
|
|
||||||
{sampleContentPack.weapons.find(
|
|
||||||
(weapon) => weapon.id === run.adventurerSnapshot.weaponId,
|
|
||||||
)?.name ?? "weapon"}
|
|
||||||
.
|
|
||||||
</p>
|
|
||||||
<p className="supporting-text">
|
|
||||||
Run rewards: {run.xpGained} XP earned, {run.defeatedCreatureIds.length} foes defeated.
|
|
||||||
</p>
|
|
||||||
</article>
|
|
||||||
|
|
||||||
<article className="panel">
|
<article className="panel">
|
||||||
<div className="panel-header">
|
<h2>Planning Set</h2>
|
||||||
<h2>Current Room</h2>
|
<ul>
|
||||||
<span>Level {run.currentLevel}</span>
|
{planningDocs.map((doc) => (
|
||||||
</div>
|
<li key={doc}>{doc}</li>
|
||||||
<h3 className="room-title">
|
|
||||||
{getRoomTitle(run, run.currentRoomId)}
|
|
||||||
</h3>
|
|
||||||
<p className="supporting-text">
|
|
||||||
{currentRoom?.notes[1] ?? "No encounter notes available yet."}
|
|
||||||
</p>
|
|
||||||
<div className="room-meta">
|
|
||||||
<span>Entered: {currentRoom?.discovery.entered ? "Yes" : "No"}</span>
|
|
||||||
<span>Cleared: {currentRoom?.discovery.cleared ? "Yes" : "No"}</span>
|
|
||||||
<span>Exits: {currentRoom?.exits.length ?? 0}</span>
|
|
||||||
</div>
|
|
||||||
<div className="button-row">
|
|
||||||
<button className="button" onClick={handleEnterRoom}>
|
|
||||||
Enter Room
|
|
||||||
</button>
|
|
||||||
<button
|
|
||||||
className="button button-primary"
|
|
||||||
onClick={handleStartCombat}
|
|
||||||
disabled={!combatReadyEncounter || Boolean(run.activeCombat)}
|
|
||||||
>
|
|
||||||
Start Combat
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div className="encounter-box">
|
|
||||||
<span className="encounter-label">Encounter</span>
|
|
||||||
<strong>{currentRoom?.encounter?.resultLabel ?? "None"}</strong>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
|
|
||||||
<article className="panel">
|
|
||||||
<div className="panel-header">
|
|
||||||
<h2>Navigation</h2>
|
|
||||||
<span>{availableMoves.length} exits</span>
|
|
||||||
</div>
|
|
||||||
<div className="move-list">
|
|
||||||
{availableMoves.map((move) => (
|
|
||||||
<button
|
|
||||||
key={move.direction}
|
|
||||||
className="move-card"
|
|
||||||
onClick={() => handleTravel(move.direction)}
|
|
||||||
disabled={Boolean(run.activeCombat)}
|
|
||||||
>
|
|
||||||
<span>{move.direction}</span>
|
|
||||||
<strong>{move.leadsToRoomId ? "Travel" : "Generate"}</strong>
|
|
||||||
<em>
|
|
||||||
{move.leadsToRoomId
|
|
||||||
? getRoomTitle(run, move.leadsToRoomId)
|
|
||||||
: `${move.exitType} exit`}
|
|
||||||
</em>
|
|
||||||
</button>
|
|
||||||
))}
|
))}
|
||||||
</div>
|
</ul>
|
||||||
<div className="mini-map">
|
|
||||||
{currentLevel?.discoveredRoomOrder.map((roomId) => {
|
|
||||||
const room = currentLevel.rooms[roomId];
|
|
||||||
const active = roomId === run.currentRoomId;
|
|
||||||
|
|
||||||
return (
|
|
||||||
<article
|
|
||||||
key={roomId}
|
|
||||||
className={`map-node${active ? " map-node-active" : ""}`}
|
|
||||||
>
|
|
||||||
<span>
|
|
||||||
{room.position.x},{room.position.y}
|
|
||||||
</span>
|
|
||||||
<strong>{getRoomTitle(run, roomId)}</strong>
|
|
||||||
</article>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
</div>
|
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<article className="panel">
|
<article className="panel">
|
||||||
<div className="panel-header">
|
<h2>Immediate Build Targets</h2>
|
||||||
<h2>Combat</h2>
|
<ol>
|
||||||
<span>{run.activeCombat ? `Round ${run.activeCombat.round}` : "Inactive"}</span>
|
{nextTargets.map((target) => (
|
||||||
</div>
|
<li key={target}>{target}</li>
|
||||||
{run.activeCombat ? (
|
|
||||||
<>
|
|
||||||
<div className="combat-status">
|
|
||||||
<span>Acting Side</span>
|
|
||||||
<strong>{run.activeCombat.actingSide}</strong>
|
|
||||||
</div>
|
|
||||||
<div className="enemy-list">
|
|
||||||
{run.activeCombat.enemies.map((enemy) => (
|
|
||||||
<div key={enemy.id} className="enemy-card">
|
|
||||||
<div>
|
|
||||||
<strong>{enemy.name}</strong>
|
|
||||||
<span>
|
|
||||||
HP {enemy.hpCurrent}/{enemy.hpMax}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div className="enemy-actions">
|
|
||||||
<button
|
|
||||||
className="button"
|
|
||||||
onClick={() =>
|
|
||||||
handlePlayerTurn("manoeuvre.exact-strike", enemy.id)
|
|
||||||
}
|
|
||||||
disabled={
|
|
||||||
run.activeCombat?.actingSide !== "player" ||
|
|
||||||
enemy.hpCurrent <= 0
|
|
||||||
}
|
|
||||||
>
|
|
||||||
Exact Strike
|
|
||||||
</button>
|
|
||||||
<button
|
|
||||||
className="button"
|
|
||||||
onClick={() => handlePlayerTurn("manoeuvre.guard-break", enemy.id)}
|
|
||||||
disabled={
|
|
||||||
run.activeCombat?.actingSide !== "player" ||
|
|
||||||
enemy.hpCurrent <= 0
|
|
||||||
}
|
|
||||||
>
|
|
||||||
Guard Break
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
))}
|
))}
|
||||||
</div>
|
</ol>
|
||||||
<div className="button-row">
|
|
||||||
<button
|
|
||||||
className="button button-primary"
|
|
||||||
onClick={handleEnemyTurn}
|
|
||||||
disabled={run.activeCombat.actingSide !== "enemy"}
|
|
||||||
>
|
|
||||||
Resolve Enemy Turn
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</>
|
|
||||||
) : (
|
|
||||||
<p className="supporting-text">
|
|
||||||
No active combat. Travel until a room reveals a hostile encounter,
|
|
||||||
then engage it from the banner or room panel.
|
|
||||||
</p>
|
|
||||||
)}
|
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<article className="panel panel-log">
|
<article className="panel">
|
||||||
<div className="panel-header">
|
<h2>Sample Content Pack</h2>
|
||||||
<h2>Run Log</h2>
|
<dl className="stats">
|
||||||
<span>{run.log.length} entries</span>
|
<div>
|
||||||
|
<dt>Tables</dt>
|
||||||
|
<dd>{sampleContentPack.tables.length}</dd>
|
||||||
</div>
|
</div>
|
||||||
<div className="log-list">
|
<div>
|
||||||
{run.log.length === 0 ? (
|
<dt>Weapons</dt>
|
||||||
<p className="supporting-text">No events recorded yet.</p>
|
<dd>{sampleContentPack.weapons.length}</dd>
|
||||||
) : (
|
|
||||||
run.log
|
|
||||||
.slice()
|
|
||||||
.reverse()
|
|
||||||
.map((entry) => (
|
|
||||||
<article key={entry.id} className="log-entry">
|
|
||||||
<span>{entry.type}</span>
|
|
||||||
<p>{entry.text}</p>
|
|
||||||
</article>
|
|
||||||
))
|
|
||||||
)}
|
|
||||||
</div>
|
</div>
|
||||||
|
<div>
|
||||||
|
<dt>Manoeuvres</dt>
|
||||||
|
<dd>{sampleContentPack.manoeuvres.length}</dd>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<dt>Creatures</dt>
|
||||||
|
<dd>{sampleContentPack.creatures.length}</dd>
|
||||||
|
</div>
|
||||||
|
</dl>
|
||||||
</article>
|
</article>
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
|
|||||||
@@ -2,11 +2,7 @@ import { describe, expect, it } from "vitest";
|
|||||||
|
|
||||||
import { lookupTable } from "@/rules/tables";
|
import { lookupTable } from "@/rules/tables";
|
||||||
|
|
||||||
import {
|
import { findRoomTemplateForLookup, findTableByCode } from "./contentHelpers";
|
||||||
findCreatureByName,
|
|
||||||
findRoomTemplateForLookup,
|
|
||||||
findTableByCode,
|
|
||||||
} from "./contentHelpers";
|
|
||||||
import { sampleContentPack } from "./sampleContentPack";
|
import { sampleContentPack } from "./sampleContentPack";
|
||||||
|
|
||||||
function createSequenceRoller(values: number[]) {
|
function createSequenceRoller(values: number[]) {
|
||||||
@@ -50,11 +46,4 @@ describe("level 1 content helpers", () => {
|
|||||||
expect(roomTemplate.title).toBe("Slate Shrine");
|
expect(roomTemplate.title).toBe("Slate Shrine");
|
||||||
expect(roomTemplate.roomClass).toBe("large");
|
expect(roomTemplate.roomClass).toBe("large");
|
||||||
});
|
});
|
||||||
|
|
||||||
it("finds a creature definition by display name", () => {
|
|
||||||
const creature = findCreatureByName(sampleContentPack, "Guard");
|
|
||||||
|
|
||||||
expect(creature.id).toBe("creature.level1.guard");
|
|
||||||
expect(creature.hp).toBeGreaterThan(0);
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -1,9 +1,4 @@
|
|||||||
import type {
|
import type { ContentPack, RoomTemplate, TableDefinition } from "@/types/content";
|
||||||
ContentPack,
|
|
||||||
CreatureDefinition,
|
|
||||||
RoomTemplate,
|
|
||||||
TableDefinition,
|
|
||||||
} from "@/types/content";
|
|
||||||
import type { TableLookupResult } from "@/rules/tables";
|
import type { TableLookupResult } from "@/rules/tables";
|
||||||
|
|
||||||
export function findTableByCode(content: ContentPack, code: string): TableDefinition {
|
export function findTableByCode(content: ContentPack, code: string): TableDefinition {
|
||||||
@@ -41,36 +36,3 @@ export function findRoomTemplateForLookup(
|
|||||||
|
|
||||||
return findRoomTemplateById(content, roomReference.id);
|
return findRoomTemplateById(content, roomReference.id);
|
||||||
}
|
}
|
||||||
|
|
||||||
function normalizeName(value: string) {
|
|
||||||
return value.trim().toLowerCase().replace(/\s+/g, " ");
|
|
||||||
}
|
|
||||||
|
|
||||||
export function findCreatureByName(
|
|
||||||
content: ContentPack,
|
|
||||||
creatureName: string,
|
|
||||||
): CreatureDefinition {
|
|
||||||
const normalizedTarget = normalizeName(creatureName);
|
|
||||||
const creature = content.creatures.find(
|
|
||||||
(entry) => normalizeName(entry.name) === normalizedTarget,
|
|
||||||
);
|
|
||||||
|
|
||||||
if (!creature) {
|
|
||||||
throw new Error(`Unknown creature name: ${creatureName}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
return creature;
|
|
||||||
}
|
|
||||||
|
|
||||||
export function findCreatureById(
|
|
||||||
content: ContentPack,
|
|
||||||
creatureId: string,
|
|
||||||
): CreatureDefinition {
|
|
||||||
const creature = content.creatures.find((entry) => entry.id === creatureId);
|
|
||||||
|
|
||||||
if (!creature) {
|
|
||||||
throw new Error(`Unknown creature id: ${creatureId}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
return creature;
|
|
||||||
}
|
|
||||||
|
|||||||
@@ -167,92 +167,6 @@ const samplePack = {
|
|||||||
traits: ["level-1", "sample"],
|
traits: ["level-1", "sample"],
|
||||||
mvp: true,
|
mvp: true,
|
||||||
},
|
},
|
||||||
{
|
|
||||||
id: "creature.level1.guard",
|
|
||||||
name: "Guard",
|
|
||||||
level: 1,
|
|
||||||
category: "humanoid",
|
|
||||||
hp: 4,
|
|
||||||
attackProfile: {
|
|
||||||
discipline: 1,
|
|
||||||
precision: 1,
|
|
||||||
damage: 1,
|
|
||||||
},
|
|
||||||
defenceProfile: {
|
|
||||||
armour: 1,
|
|
||||||
},
|
|
||||||
xpReward: 2,
|
|
||||||
sourcePage: 102,
|
|
||||||
traits: ["level-1", "martial"],
|
|
||||||
mvp: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "creature.level1.warrior",
|
|
||||||
name: "Warrior",
|
|
||||||
level: 1,
|
|
||||||
category: "humanoid",
|
|
||||||
hp: 5,
|
|
||||||
attackProfile: {
|
|
||||||
discipline: 2,
|
|
||||||
precision: 1,
|
|
||||||
damage: 2,
|
|
||||||
},
|
|
||||||
defenceProfile: {
|
|
||||||
armour: 1,
|
|
||||||
},
|
|
||||||
xpReward: 3,
|
|
||||||
sourcePage: 102,
|
|
||||||
traits: ["level-1", "martial"],
|
|
||||||
mvp: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "creature.level1.thug",
|
|
||||||
name: "Thug",
|
|
||||||
level: 1,
|
|
||||||
category: "humanoid",
|
|
||||||
hp: 3,
|
|
||||||
attackProfile: {
|
|
||||||
discipline: 0,
|
|
||||||
precision: 1,
|
|
||||||
damage: 1,
|
|
||||||
},
|
|
||||||
xpReward: 1,
|
|
||||||
sourcePage: 102,
|
|
||||||
traits: ["level-1", "martial"],
|
|
||||||
mvp: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "creature.level1.work-dog",
|
|
||||||
name: "Work Dog",
|
|
||||||
level: 1,
|
|
||||||
category: "beast",
|
|
||||||
hp: 3,
|
|
||||||
attackProfile: {
|
|
||||||
discipline: 0,
|
|
||||||
precision: 1,
|
|
||||||
damage: 1,
|
|
||||||
},
|
|
||||||
xpReward: 1,
|
|
||||||
sourcePage: 102,
|
|
||||||
traits: ["level-1", "beast"],
|
|
||||||
mvp: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "creature.level1.guard-dog",
|
|
||||||
name: "Guard Dog",
|
|
||||||
level: 1,
|
|
||||||
category: "beast",
|
|
||||||
hp: 4,
|
|
||||||
attackProfile: {
|
|
||||||
discipline: 1,
|
|
||||||
precision: 1,
|
|
||||||
damage: 1,
|
|
||||||
},
|
|
||||||
xpReward: 2,
|
|
||||||
sourcePage: 102,
|
|
||||||
traits: ["level-1", "beast"],
|
|
||||||
mvp: true,
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
roomTemplates: [
|
roomTemplates: [
|
||||||
{
|
{
|
||||||
|
|||||||
@@ -1,111 +0,0 @@
|
|||||||
import { describe, expect, it } from "vitest";
|
|
||||||
|
|
||||||
import { sampleContentPack } from "@/data/sampleContentPack";
|
|
||||||
|
|
||||||
import { createStartingAdventurer } from "./character";
|
|
||||||
import { startCombatFromRoom } from "./combat";
|
|
||||||
import { createRoomStateFromTemplate } from "./rooms";
|
|
||||||
|
|
||||||
describe("combat bootstrap", () => {
|
|
||||||
it("creates a combat state from a resolved guard encounter", () => {
|
|
||||||
const adventurer = createStartingAdventurer(sampleContentPack, {
|
|
||||||
name: "Aster",
|
|
||||||
weaponId: "weapon.short-sword",
|
|
||||||
armourId: "armour.leather-vest",
|
|
||||||
scrollId: "scroll.lesser-heal",
|
|
||||||
});
|
|
||||||
const room = createRoomStateFromTemplate(
|
|
||||||
sampleContentPack,
|
|
||||||
"room.level1.guard-room",
|
|
||||||
1,
|
|
||||||
"room.level1.normal.guard-room",
|
|
||||||
);
|
|
||||||
room.encounter = {
|
|
||||||
id: `${room.id}.encounter`,
|
|
||||||
sourceTableCode: "L1G",
|
|
||||||
creatureIds: ["a", "b"],
|
|
||||||
creatureNames: ["Guard", "Warrior"],
|
|
||||||
resultLabel: "Guard and Warrior",
|
|
||||||
resolved: true,
|
|
||||||
};
|
|
||||||
|
|
||||||
const result = startCombatFromRoom({
|
|
||||||
content: sampleContentPack,
|
|
||||||
adventurer,
|
|
||||||
room,
|
|
||||||
at: "2026-03-15T13:00:00.000Z",
|
|
||||||
});
|
|
||||||
|
|
||||||
expect(result.combat.id).toBe("room.level1.guard-room.combat");
|
|
||||||
expect(result.combat.actingSide).toBe("player");
|
|
||||||
expect(result.combat.player.name).toBe("Aster");
|
|
||||||
expect(result.combat.enemies.map((enemy) => enemy.name)).toEqual(["Guard", "Warrior"]);
|
|
||||||
expect(result.combat.enemies[0]?.armourValue).toBe(1);
|
|
||||||
expect(result.room.encounter?.rewardPending).toBe(true);
|
|
||||||
expect(result.logEntries[0]?.text).toContain("Guard and Warrior");
|
|
||||||
});
|
|
||||||
|
|
||||||
it("supports single-creature combat from a crate encounter", () => {
|
|
||||||
const adventurer = createStartingAdventurer(sampleContentPack, {
|
|
||||||
name: "Bryn",
|
|
||||||
weaponId: "weapon.short-sword",
|
|
||||||
armourId: "armour.leather-vest",
|
|
||||||
scrollId: "scroll.lesser-heal",
|
|
||||||
});
|
|
||||||
const room = createRoomStateFromTemplate(
|
|
||||||
sampleContentPack,
|
|
||||||
"room.level1.storage-area",
|
|
||||||
1,
|
|
||||||
"room.level1.normal.storage-area",
|
|
||||||
);
|
|
||||||
room.encounter = {
|
|
||||||
id: `${room.id}.encounter`,
|
|
||||||
sourceTableCode: "L1CE",
|
|
||||||
creatureIds: ["a"],
|
|
||||||
creatureNames: ["Giant Rat"],
|
|
||||||
resultLabel: "Giant Rat Pair",
|
|
||||||
resolved: true,
|
|
||||||
};
|
|
||||||
|
|
||||||
const result = startCombatFromRoom({
|
|
||||||
content: sampleContentPack,
|
|
||||||
adventurer,
|
|
||||||
room,
|
|
||||||
at: "2026-03-15T13:05:00.000Z",
|
|
||||||
});
|
|
||||||
|
|
||||||
expect(result.combat.enemies).toHaveLength(1);
|
|
||||||
expect(result.combat.enemies[0]?.sourceDefinitionId).toBe("creature.level1.giant-rat");
|
|
||||||
expect(result.combat.player.hpCurrent).toBe(10);
|
|
||||||
});
|
|
||||||
|
|
||||||
it("rejects rooms without combat-ready encounter names", () => {
|
|
||||||
const adventurer = createStartingAdventurer(sampleContentPack, {
|
|
||||||
name: "Cyra",
|
|
||||||
weaponId: "weapon.short-sword",
|
|
||||||
armourId: "armour.leather-vest",
|
|
||||||
scrollId: "scroll.lesser-heal",
|
|
||||||
});
|
|
||||||
const room = createRoomStateFromTemplate(
|
|
||||||
sampleContentPack,
|
|
||||||
"room.level1.small.empty",
|
|
||||||
1,
|
|
||||||
"room.level1.small.empty-space",
|
|
||||||
);
|
|
||||||
room.encounter = {
|
|
||||||
id: `${room.id}.encounter`,
|
|
||||||
creatureIds: [],
|
|
||||||
creatureNames: [],
|
|
||||||
resultLabel: "No encounter",
|
|
||||||
resolved: true,
|
|
||||||
};
|
|
||||||
|
|
||||||
expect(() =>
|
|
||||||
startCombatFromRoom({
|
|
||||||
content: sampleContentPack,
|
|
||||||
adventurer,
|
|
||||||
room,
|
|
||||||
}),
|
|
||||||
).toThrow("combat-ready encounter");
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@@ -1,124 +0,0 @@
|
|||||||
import { findCreatureByName } from "@/data/contentHelpers";
|
|
||||||
import type { ContentPack, CreatureDefinition } from "@/types/content";
|
|
||||||
import type { AdventurerState, CombatState, CombatantState, RoomState } from "@/types/state";
|
|
||||||
import type { LogEntry } from "@/types/rules";
|
|
||||||
|
|
||||||
export type StartCombatOptions = {
|
|
||||||
content: ContentPack;
|
|
||||||
adventurer: AdventurerState;
|
|
||||||
room: RoomState;
|
|
||||||
at?: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
export type StartCombatResult = {
|
|
||||||
combat: CombatState;
|
|
||||||
room: RoomState;
|
|
||||||
logEntries: LogEntry[];
|
|
||||||
};
|
|
||||||
|
|
||||||
function createLogEntry(
|
|
||||||
id: string,
|
|
||||||
at: string,
|
|
||||||
type: LogEntry["type"],
|
|
||||||
text: string,
|
|
||||||
relatedIds: string[],
|
|
||||||
): LogEntry {
|
|
||||||
return {
|
|
||||||
id,
|
|
||||||
at,
|
|
||||||
type,
|
|
||||||
text,
|
|
||||||
relatedIds,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
function createPlayerCombatant(adventurer: AdventurerState): CombatantState {
|
|
||||||
return {
|
|
||||||
id: adventurer.id,
|
|
||||||
name: adventurer.name,
|
|
||||||
hpCurrent: adventurer.hp.current,
|
|
||||||
hpMax: adventurer.hp.max,
|
|
||||||
shift: adventurer.stats.shift,
|
|
||||||
discipline: adventurer.stats.discipline,
|
|
||||||
precision: adventurer.stats.precision,
|
|
||||||
statuses: [...adventurer.statuses],
|
|
||||||
traits: ["player"],
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
function createEnemyCombatant(
|
|
||||||
room: RoomState,
|
|
||||||
creature: CreatureDefinition,
|
|
||||||
index: number,
|
|
||||||
): CombatantState {
|
|
||||||
return {
|
|
||||||
id: `${room.id}.enemy.${index + 1}`,
|
|
||||||
name: creature.name,
|
|
||||||
sourceDefinitionId: creature.id,
|
|
||||||
hpCurrent: creature.hp,
|
|
||||||
hpMax: creature.hp,
|
|
||||||
shift: 0,
|
|
||||||
discipline: creature.attackProfile.discipline,
|
|
||||||
precision: creature.attackProfile.precision,
|
|
||||||
armourValue: creature.defenceProfile?.armour,
|
|
||||||
statuses: [],
|
|
||||||
traits: creature.traits ?? [],
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
function requireEncounterNames(room: RoomState) {
|
|
||||||
const creatureNames = room.encounter?.creatureNames?.filter(Boolean);
|
|
||||||
|
|
||||||
if (!room.encounter?.resolved || !creatureNames || creatureNames.length === 0) {
|
|
||||||
throw new Error(`Room ${room.id} does not have a combat-ready encounter.`);
|
|
||||||
}
|
|
||||||
|
|
||||||
return creatureNames;
|
|
||||||
}
|
|
||||||
|
|
||||||
export function startCombatFromRoom(
|
|
||||||
options: StartCombatOptions,
|
|
||||||
): StartCombatResult {
|
|
||||||
const at = options.at ?? new Date().toISOString();
|
|
||||||
const creatureNames = requireEncounterNames(options.room);
|
|
||||||
const enemies = creatureNames.map((creatureName, index) =>
|
|
||||||
createEnemyCombatant(
|
|
||||||
options.room,
|
|
||||||
findCreatureByName(options.content, creatureName),
|
|
||||||
index,
|
|
||||||
),
|
|
||||||
);
|
|
||||||
|
|
||||||
const combat: CombatState = {
|
|
||||||
id: `${options.room.id}.combat`,
|
|
||||||
round: 1,
|
|
||||||
actingSide: "player",
|
|
||||||
player: createPlayerCombatant(options.adventurer),
|
|
||||||
enemies,
|
|
||||||
combatLog: [
|
|
||||||
createLogEntry(
|
|
||||||
`${options.room.id}.combat.start`,
|
|
||||||
at,
|
|
||||||
"combat",
|
|
||||||
`Combat begins in ${options.room.id} against ${creatureNames.join(" and ")}.`,
|
|
||||||
[options.room.id, ...enemies.map((enemy) => enemy.id)],
|
|
||||||
),
|
|
||||||
],
|
|
||||||
};
|
|
||||||
|
|
||||||
const room: RoomState = {
|
|
||||||
...options.room,
|
|
||||||
encounter: options.room.encounter
|
|
||||||
? {
|
|
||||||
...options.room.encounter,
|
|
||||||
rewardPending: true,
|
|
||||||
}
|
|
||||||
: undefined,
|
|
||||||
};
|
|
||||||
|
|
||||||
return {
|
|
||||||
combat,
|
|
||||||
room,
|
|
||||||
logEntries: [...combat.combatLog],
|
|
||||||
};
|
|
||||||
}
|
|
||||||
@@ -1,132 +0,0 @@
|
|||||||
import { describe, expect, it } from "vitest";
|
|
||||||
|
|
||||||
import { sampleContentPack } from "@/data/sampleContentPack";
|
|
||||||
|
|
||||||
import { createStartingAdventurer } from "./character";
|
|
||||||
import { startCombatFromRoom } from "./combat";
|
|
||||||
import { resolveEnemyTurn, resolvePlayerAttack } from "./combatTurns";
|
|
||||||
import { createRoomStateFromTemplate } from "./rooms";
|
|
||||||
|
|
||||||
function createSequenceRoller(values: number[]) {
|
|
||||||
let index = 0;
|
|
||||||
|
|
||||||
return () => {
|
|
||||||
const next = values[index];
|
|
||||||
index += 1;
|
|
||||||
return next;
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
function createGuardCombat() {
|
|
||||||
const adventurer = createStartingAdventurer(sampleContentPack, {
|
|
||||||
name: "Aster",
|
|
||||||
weaponId: "weapon.short-sword",
|
|
||||||
armourId: "armour.leather-vest",
|
|
||||||
scrollId: "scroll.lesser-heal",
|
|
||||||
});
|
|
||||||
const room = createRoomStateFromTemplate(
|
|
||||||
sampleContentPack,
|
|
||||||
"room.level1.guard-room",
|
|
||||||
1,
|
|
||||||
"room.level1.normal.guard-room",
|
|
||||||
);
|
|
||||||
room.encounter = {
|
|
||||||
id: `${room.id}.encounter`,
|
|
||||||
sourceTableCode: "L1G",
|
|
||||||
creatureIds: ["a", "b"],
|
|
||||||
creatureNames: ["Guard", "Warrior"],
|
|
||||||
resultLabel: "Guard and Warrior",
|
|
||||||
resolved: true,
|
|
||||||
};
|
|
||||||
|
|
||||||
return {
|
|
||||||
adventurer,
|
|
||||||
...startCombatFromRoom({
|
|
||||||
content: sampleContentPack,
|
|
||||||
adventurer,
|
|
||||||
room,
|
|
||||||
at: "2026-03-15T13:00:00.000Z",
|
|
||||||
}),
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
describe("combat turns", () => {
|
|
||||||
it("lets the player hit an enemy and pass initiative", () => {
|
|
||||||
const { adventurer, combat } = createGuardCombat();
|
|
||||||
const targetId = combat.enemies[0]!.id;
|
|
||||||
|
|
||||||
const result = resolvePlayerAttack({
|
|
||||||
content: sampleContentPack,
|
|
||||||
combat,
|
|
||||||
adventurer,
|
|
||||||
manoeuvreId: "manoeuvre.exact-strike",
|
|
||||||
targetEnemyId: targetId,
|
|
||||||
roller: createSequenceRoller([6, 6]),
|
|
||||||
at: "2026-03-15T13:01:00.000Z",
|
|
||||||
});
|
|
||||||
|
|
||||||
expect(result.combat.actingSide).toBe("enemy");
|
|
||||||
expect(result.combat.selectedManoeuvreId).toBe("manoeuvre.exact-strike");
|
|
||||||
expect(result.combat.enemies[0]?.hpCurrent).toBeLessThan(result.combat.enemies[0]!.hpMax);
|
|
||||||
expect(result.logEntries[0]?.text).toContain("deals");
|
|
||||||
});
|
|
||||||
|
|
||||||
it("marks an enemy defeated when the player deals lethal damage", () => {
|
|
||||||
const { adventurer, combat } = createGuardCombat();
|
|
||||||
combat.enemies[0]!.hpCurrent = 1;
|
|
||||||
|
|
||||||
const result = resolvePlayerAttack({
|
|
||||||
content: sampleContentPack,
|
|
||||||
combat,
|
|
||||||
adventurer,
|
|
||||||
manoeuvreId: "manoeuvre.guard-break",
|
|
||||||
targetEnemyId: combat.enemies[0]!.id,
|
|
||||||
roller: createSequenceRoller([6, 5]),
|
|
||||||
at: "2026-03-15T13:02:00.000Z",
|
|
||||||
});
|
|
||||||
|
|
||||||
expect(result.defeatedEnemyIds).toEqual([combat.enemies[0]!.id]);
|
|
||||||
expect(result.logEntries.map((entry) => entry.text)).toContain("Guard is defeated.");
|
|
||||||
});
|
|
||||||
|
|
||||||
it("lets an enemy attack the player and advances the round", () => {
|
|
||||||
const { adventurer, combat } = createGuardCombat();
|
|
||||||
const afterPlayer = resolvePlayerAttack({
|
|
||||||
content: sampleContentPack,
|
|
||||||
combat,
|
|
||||||
adventurer,
|
|
||||||
manoeuvreId: "manoeuvre.exact-strike",
|
|
||||||
targetEnemyId: combat.enemies[0]!.id,
|
|
||||||
roller: createSequenceRoller([4, 4]),
|
|
||||||
at: "2026-03-15T13:03:00.000Z",
|
|
||||||
});
|
|
||||||
|
|
||||||
const result = resolveEnemyTurn({
|
|
||||||
content: sampleContentPack,
|
|
||||||
combat: afterPlayer.combat,
|
|
||||||
adventurer,
|
|
||||||
roller: createSequenceRoller([6, 6]),
|
|
||||||
at: "2026-03-15T13:04:00.000Z",
|
|
||||||
});
|
|
||||||
|
|
||||||
expect(result.combat.round).toBe(2);
|
|
||||||
expect(result.combat.actingSide).toBe("player");
|
|
||||||
expect(result.combat.player.hpCurrent).toBeLessThan(result.combat.player.hpMax);
|
|
||||||
expect(result.logEntries[0]?.text).toContain("attacks");
|
|
||||||
});
|
|
||||||
|
|
||||||
it("rejects player turns that target a defeated enemy", () => {
|
|
||||||
const { adventurer, combat } = createGuardCombat();
|
|
||||||
combat.enemies[0]!.hpCurrent = 0;
|
|
||||||
|
|
||||||
expect(() =>
|
|
||||||
resolvePlayerAttack({
|
|
||||||
content: sampleContentPack,
|
|
||||||
combat,
|
|
||||||
adventurer,
|
|
||||||
manoeuvreId: "manoeuvre.exact-strike",
|
|
||||||
targetEnemyId: combat.enemies[0]!.id,
|
|
||||||
}),
|
|
||||||
).toThrow("Unknown or defeated target");
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@@ -1,255 +0,0 @@
|
|||||||
import type {
|
|
||||||
ArmourDefinition,
|
|
||||||
ContentPack,
|
|
||||||
ManoeuvreDefinition,
|
|
||||||
WeaponDefinition,
|
|
||||||
} from "@/types/content";
|
|
||||||
import type { AdventurerState, CombatState, CombatantState } from "@/types/state";
|
|
||||||
import type { LogEntry } from "@/types/rules";
|
|
||||||
|
|
||||||
import { roll2D6, type DiceRoller } from "./dice";
|
|
||||||
|
|
||||||
export type ResolvePlayerAttackOptions = {
|
|
||||||
content: ContentPack;
|
|
||||||
combat: CombatState;
|
|
||||||
adventurer: AdventurerState;
|
|
||||||
manoeuvreId: string;
|
|
||||||
targetEnemyId: string;
|
|
||||||
roller?: DiceRoller;
|
|
||||||
at?: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
export type ResolveEnemyTurnOptions = {
|
|
||||||
content: ContentPack;
|
|
||||||
combat: CombatState;
|
|
||||||
adventurer: AdventurerState;
|
|
||||||
roller?: DiceRoller;
|
|
||||||
at?: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
export type CombatTurnResult = {
|
|
||||||
combat: CombatState;
|
|
||||||
logEntries: LogEntry[];
|
|
||||||
defeatedEnemyIds: string[];
|
|
||||||
combatEnded: boolean;
|
|
||||||
};
|
|
||||||
|
|
||||||
const BASE_TARGET_NUMBER = 7;
|
|
||||||
|
|
||||||
function requireWeapon(content: ContentPack, weaponId: string): WeaponDefinition {
|
|
||||||
const weapon = content.weapons.find((entry) => entry.id === weaponId);
|
|
||||||
|
|
||||||
if (!weapon) {
|
|
||||||
throw new Error(`Unknown weapon id: ${weaponId}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
return weapon;
|
|
||||||
}
|
|
||||||
|
|
||||||
function requireManoeuvre(content: ContentPack, manoeuvreId: string): ManoeuvreDefinition {
|
|
||||||
const manoeuvre = content.manoeuvres.find((entry) => entry.id === manoeuvreId);
|
|
||||||
|
|
||||||
if (!manoeuvre) {
|
|
||||||
throw new Error(`Unknown manoeuvre id: ${manoeuvreId}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
return manoeuvre;
|
|
||||||
}
|
|
||||||
|
|
||||||
function findArmour(content: ContentPack, armourId?: string): ArmourDefinition | undefined {
|
|
||||||
if (!armourId) {
|
|
||||||
return undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
return content.armour.find((entry) => entry.id === armourId);
|
|
||||||
}
|
|
||||||
|
|
||||||
function cloneCombatant(combatant: CombatantState): CombatantState {
|
|
||||||
return {
|
|
||||||
...combatant,
|
|
||||||
statuses: [...combatant.statuses],
|
|
||||||
traits: [...combatant.traits],
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
function cloneCombat(combat: CombatState): CombatState {
|
|
||||||
return {
|
|
||||||
...combat,
|
|
||||||
player: cloneCombatant(combat.player),
|
|
||||||
enemies: combat.enemies.map(cloneCombatant),
|
|
||||||
combatLog: combat.combatLog.map((entry) => ({
|
|
||||||
...entry,
|
|
||||||
relatedIds: entry.relatedIds ? [...entry.relatedIds] : undefined,
|
|
||||||
})),
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
function createLogEntry(
|
|
||||||
id: string,
|
|
||||||
at: string,
|
|
||||||
text: string,
|
|
||||||
relatedIds: string[],
|
|
||||||
): LogEntry {
|
|
||||||
return {
|
|
||||||
id,
|
|
||||||
at,
|
|
||||||
type: "combat",
|
|
||||||
text,
|
|
||||||
relatedIds,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
function getPlayerArmourValue(content: ContentPack, adventurer: AdventurerState) {
|
|
||||||
return findArmour(content, adventurer.armourId)?.armourValue ?? 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
function isAlive(combatant: CombatantState) {
|
|
||||||
return combatant.hpCurrent > 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
function getLivingEnemies(combat: CombatState) {
|
|
||||||
return combat.enemies.filter(isAlive);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function resolvePlayerAttack(
|
|
||||||
options: ResolvePlayerAttackOptions,
|
|
||||||
): CombatTurnResult {
|
|
||||||
if (options.combat.actingSide !== "player") {
|
|
||||||
throw new Error("It is not currently the player's turn.");
|
|
||||||
}
|
|
||||||
|
|
||||||
const combat = cloneCombat(options.combat);
|
|
||||||
const at = options.at ?? new Date().toISOString();
|
|
||||||
const weapon = requireWeapon(options.content, options.adventurer.weaponId);
|
|
||||||
const manoeuvre = requireManoeuvre(options.content, options.manoeuvreId);
|
|
||||||
|
|
||||||
if (!options.adventurer.manoeuvreIds.includes(manoeuvre.id)) {
|
|
||||||
throw new Error(`Adventurer cannot use manoeuvre ${manoeuvre.id}.`);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!manoeuvre.weaponCategories.includes(weapon.category)) {
|
|
||||||
throw new Error(`Manoeuvre ${manoeuvre.id} is not compatible with ${weapon.id}.`);
|
|
||||||
}
|
|
||||||
|
|
||||||
const target = combat.enemies.find((enemy) => enemy.id === options.targetEnemyId);
|
|
||||||
|
|
||||||
if (!target || !isAlive(target)) {
|
|
||||||
throw new Error(`Unknown or defeated target enemy: ${options.targetEnemyId}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
const roll = roll2D6(options.roller);
|
|
||||||
const accuracy =
|
|
||||||
(roll.total ?? 0) +
|
|
||||||
combat.player.precision +
|
|
||||||
(manoeuvre.precisionModifier ?? 0);
|
|
||||||
const targetNumber = BASE_TARGET_NUMBER + (target.armourValue ?? 0);
|
|
||||||
const hit = accuracy >= targetNumber;
|
|
||||||
const rawDamage = hit
|
|
||||||
? weapon.baseDamage +
|
|
||||||
Math.max(0, combat.player.discipline + (manoeuvre.damageModifier ?? 0))
|
|
||||||
: 0;
|
|
||||||
const damage = hit ? Math.max(1, rawDamage) : 0;
|
|
||||||
|
|
||||||
if (hit) {
|
|
||||||
target.hpCurrent = Math.max(0, target.hpCurrent - damage);
|
|
||||||
}
|
|
||||||
|
|
||||||
combat.selectedManoeuvreId = manoeuvre.id;
|
|
||||||
combat.lastRoll = roll;
|
|
||||||
combat.actingSide = getLivingEnemies(combat).length === 0 ? "player" : "enemy";
|
|
||||||
|
|
||||||
const logEntries: LogEntry[] = [
|
|
||||||
createLogEntry(
|
|
||||||
`${combat.id}.player.${combat.combatLog.length + 1}`,
|
|
||||||
at,
|
|
||||||
hit
|
|
||||||
? `${combat.player.name} uses ${manoeuvre.name} on ${target.name}, rolls ${roll.total}, and deals ${damage} damage.`
|
|
||||||
: `${combat.player.name} uses ${manoeuvre.name} on ${target.name}, rolls ${roll.total}, and misses.`,
|
|
||||||
[combat.player.id, target.id],
|
|
||||||
),
|
|
||||||
];
|
|
||||||
|
|
||||||
const defeatedEnemyIds = !isAlive(target) ? [target.id] : [];
|
|
||||||
|
|
||||||
if (defeatedEnemyIds.length > 0) {
|
|
||||||
logEntries.push(
|
|
||||||
createLogEntry(
|
|
||||||
`${combat.id}.player.${combat.combatLog.length + 2}`,
|
|
||||||
at,
|
|
||||||
`${target.name} is defeated.`,
|
|
||||||
[target.id],
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
combat.combatLog.push(...logEntries);
|
|
||||||
|
|
||||||
return {
|
|
||||||
combat,
|
|
||||||
logEntries,
|
|
||||||
defeatedEnemyIds,
|
|
||||||
combatEnded: getLivingEnemies(combat).length === 0,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
export function resolveEnemyTurn(
|
|
||||||
options: ResolveEnemyTurnOptions,
|
|
||||||
): CombatTurnResult {
|
|
||||||
if (options.combat.actingSide !== "enemy") {
|
|
||||||
throw new Error("It is not currently the enemy's turn.");
|
|
||||||
}
|
|
||||||
|
|
||||||
const combat = cloneCombat(options.combat);
|
|
||||||
const at = options.at ?? new Date().toISOString();
|
|
||||||
const attacker = getLivingEnemies(combat)[0];
|
|
||||||
|
|
||||||
if (!attacker) {
|
|
||||||
throw new Error("No living enemies are available to act.");
|
|
||||||
}
|
|
||||||
|
|
||||||
const roll = roll2D6(options.roller);
|
|
||||||
const armourValue = getPlayerArmourValue(options.content, options.adventurer);
|
|
||||||
const accuracy = (roll.total ?? 0) + attacker.precision;
|
|
||||||
const targetNumber = BASE_TARGET_NUMBER + armourValue;
|
|
||||||
const hit = accuracy >= targetNumber;
|
|
||||||
const rawDamage = hit ? Math.max(1, 1 + attacker.discipline) : 0;
|
|
||||||
|
|
||||||
if (hit) {
|
|
||||||
combat.player.hpCurrent = Math.max(0, combat.player.hpCurrent - rawDamage);
|
|
||||||
}
|
|
||||||
|
|
||||||
combat.lastRoll = roll;
|
|
||||||
combat.actingSide = combat.player.hpCurrent > 0 ? "player" : "enemy";
|
|
||||||
combat.round += 1;
|
|
||||||
|
|
||||||
const logEntries: LogEntry[] = [
|
|
||||||
createLogEntry(
|
|
||||||
`${combat.id}.enemy.${combat.combatLog.length + 1}`,
|
|
||||||
at,
|
|
||||||
hit
|
|
||||||
? `${attacker.name} attacks ${combat.player.name}, rolls ${roll.total}, and deals ${rawDamage} damage.`
|
|
||||||
: `${attacker.name} attacks ${combat.player.name}, rolls ${roll.total}, and misses.`,
|
|
||||||
[attacker.id, combat.player.id],
|
|
||||||
),
|
|
||||||
];
|
|
||||||
|
|
||||||
if (combat.player.hpCurrent === 0) {
|
|
||||||
logEntries.push(
|
|
||||||
createLogEntry(
|
|
||||||
`${combat.id}.enemy.${combat.combatLog.length + 2}`,
|
|
||||||
at,
|
|
||||||
`${combat.player.name} is defeated.`,
|
|
||||||
[combat.player.id],
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
combat.combatLog.push(...logEntries);
|
|
||||||
|
|
||||||
return {
|
|
||||||
combat,
|
|
||||||
logEntries,
|
|
||||||
defeatedEnemyIds: [],
|
|
||||||
combatEnded: combat.player.hpCurrent === 0,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
@@ -1,256 +0,0 @@
|
|||||||
import { describe, expect, it } from "vitest";
|
|
||||||
|
|
||||||
import { sampleContentPack } from "@/data/sampleContentPack";
|
|
||||||
|
|
||||||
import { createStartingAdventurer } from "./character";
|
|
||||||
import {
|
|
||||||
createRunState,
|
|
||||||
enterCurrentRoom,
|
|
||||||
getAvailableMoves,
|
|
||||||
isCurrentRoomCombatReady,
|
|
||||||
resolveRunEnemyTurn,
|
|
||||||
resolveRunPlayerTurn,
|
|
||||||
startCombatInCurrentRoom,
|
|
||||||
travelCurrentExit,
|
|
||||||
} from "./runState";
|
|
||||||
|
|
||||||
function createSequenceRoller(values: number[]) {
|
|
||||||
let index = 0;
|
|
||||||
|
|
||||||
return () => {
|
|
||||||
const next = values[index];
|
|
||||||
index += 1;
|
|
||||||
return next;
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
function createAdventurer() {
|
|
||||||
return createStartingAdventurer(sampleContentPack, {
|
|
||||||
name: "Aster",
|
|
||||||
weaponId: "weapon.short-sword",
|
|
||||||
armourId: "armour.leather-vest",
|
|
||||||
scrollId: "scroll.lesser-heal",
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
describe("run state flow", () => {
|
|
||||||
it("creates a run anchored in the start room", () => {
|
|
||||||
const run = createRunState({
|
|
||||||
content: sampleContentPack,
|
|
||||||
campaignId: "campaign.1",
|
|
||||||
adventurer: createAdventurer(),
|
|
||||||
at: "2026-03-15T14:00:00.000Z",
|
|
||||||
});
|
|
||||||
|
|
||||||
expect(run.currentLevel).toBe(1);
|
|
||||||
expect(run.currentRoomId).toBe("room.level1.start");
|
|
||||||
expect(run.dungeon.levels["1"]?.rooms["room.level1.start"]).toBeDefined();
|
|
||||||
});
|
|
||||||
|
|
||||||
it("enters the current room and appends room logs", () => {
|
|
||||||
const run = createRunState({
|
|
||||||
content: sampleContentPack,
|
|
||||||
campaignId: "campaign.1",
|
|
||||||
adventurer: createAdventurer(),
|
|
||||||
at: "2026-03-15T14:00:00.000Z",
|
|
||||||
});
|
|
||||||
|
|
||||||
const result = enterCurrentRoom({
|
|
||||||
content: sampleContentPack,
|
|
||||||
run,
|
|
||||||
at: "2026-03-15T14:01:00.000Z",
|
|
||||||
});
|
|
||||||
|
|
||||||
expect(result.run.log).toHaveLength(1);
|
|
||||||
expect(result.run.log[0]?.text).toContain("Re-entered Entry Chamber");
|
|
||||||
});
|
|
||||||
|
|
||||||
it("starts combat from the current room and stores the active combat state", () => {
|
|
||||||
const run = createRunState({
|
|
||||||
content: sampleContentPack,
|
|
||||||
campaignId: "campaign.1",
|
|
||||||
adventurer: createAdventurer(),
|
|
||||||
at: "2026-03-15T14:00:00.000Z",
|
|
||||||
});
|
|
||||||
const levelState = run.dungeon.levels["1"]!;
|
|
||||||
const room = levelState.rooms["room.level1.start"]!;
|
|
||||||
|
|
||||||
room.encounter = {
|
|
||||||
id: `${room.id}.encounter`,
|
|
||||||
sourceTableCode: "L1G",
|
|
||||||
creatureIds: ["a", "b"],
|
|
||||||
creatureNames: ["Guard", "Warrior"],
|
|
||||||
resultLabel: "Guard and Warrior",
|
|
||||||
resolved: true,
|
|
||||||
};
|
|
||||||
|
|
||||||
const result = startCombatInCurrentRoom({
|
|
||||||
content: sampleContentPack,
|
|
||||||
run,
|
|
||||||
at: "2026-03-15T14:02:00.000Z",
|
|
||||||
});
|
|
||||||
|
|
||||||
expect(result.run.activeCombat?.enemies).toHaveLength(2);
|
|
||||||
expect(result.run.log.at(-1)?.text).toContain("Combat begins");
|
|
||||||
});
|
|
||||||
|
|
||||||
it("resolves player and enemy turns through run state", () => {
|
|
||||||
const run = createRunState({
|
|
||||||
content: sampleContentPack,
|
|
||||||
campaignId: "campaign.1",
|
|
||||||
adventurer: createAdventurer(),
|
|
||||||
at: "2026-03-15T14:00:00.000Z",
|
|
||||||
});
|
|
||||||
const levelState = run.dungeon.levels["1"]!;
|
|
||||||
const room = levelState.rooms["room.level1.start"]!;
|
|
||||||
|
|
||||||
room.encounter = {
|
|
||||||
id: `${room.id}.encounter`,
|
|
||||||
sourceTableCode: "L1G",
|
|
||||||
creatureIds: ["a", "b"],
|
|
||||||
creatureNames: ["Guard", "Warrior"],
|
|
||||||
resultLabel: "Guard and Warrior",
|
|
||||||
resolved: true,
|
|
||||||
};
|
|
||||||
|
|
||||||
const withCombat = startCombatInCurrentRoom({
|
|
||||||
content: sampleContentPack,
|
|
||||||
run,
|
|
||||||
at: "2026-03-15T14:02:00.000Z",
|
|
||||||
}).run;
|
|
||||||
const targetEnemyId = withCombat.activeCombat!.enemies[0]!.id;
|
|
||||||
|
|
||||||
const afterPlayer = resolveRunPlayerTurn({
|
|
||||||
content: sampleContentPack,
|
|
||||||
run: withCombat,
|
|
||||||
manoeuvreId: "manoeuvre.exact-strike",
|
|
||||||
targetEnemyId,
|
|
||||||
roller: createSequenceRoller([6, 6]),
|
|
||||||
at: "2026-03-15T14:03:00.000Z",
|
|
||||||
}).run;
|
|
||||||
|
|
||||||
expect(afterPlayer.activeCombat?.actingSide).toBe("enemy");
|
|
||||||
expect(afterPlayer.log.at(-1)?.text).toContain("deals");
|
|
||||||
|
|
||||||
const afterEnemy = resolveRunEnemyTurn({
|
|
||||||
content: sampleContentPack,
|
|
||||||
run: afterPlayer,
|
|
||||||
roller: createSequenceRoller([6, 6]),
|
|
||||||
at: "2026-03-15T14:04:00.000Z",
|
|
||||||
}).run;
|
|
||||||
|
|
||||||
expect(afterEnemy.activeCombat?.actingSide).toBe("player");
|
|
||||||
expect(afterEnemy.adventurerSnapshot.hp.current).toBeLessThan(
|
|
||||||
createAdventurer().hp.current,
|
|
||||||
);
|
|
||||||
});
|
|
||||||
|
|
||||||
it("clears the room and ends active combat when the last enemy falls", () => {
|
|
||||||
const run = createRunState({
|
|
||||||
content: sampleContentPack,
|
|
||||||
campaignId: "campaign.1",
|
|
||||||
adventurer: createAdventurer(),
|
|
||||||
at: "2026-03-15T14:00:00.000Z",
|
|
||||||
});
|
|
||||||
const room = run.dungeon.levels["1"]!.rooms["room.level1.start"]!;
|
|
||||||
|
|
||||||
room.encounter = {
|
|
||||||
id: `${room.id}.encounter`,
|
|
||||||
sourceTableCode: "L1G",
|
|
||||||
creatureIds: ["a"],
|
|
||||||
creatureNames: ["Guard"],
|
|
||||||
resultLabel: "Guard",
|
|
||||||
resolved: true,
|
|
||||||
};
|
|
||||||
|
|
||||||
const withCombat = startCombatInCurrentRoom({
|
|
||||||
content: sampleContentPack,
|
|
||||||
run,
|
|
||||||
at: "2026-03-15T14:02:00.000Z",
|
|
||||||
}).run;
|
|
||||||
|
|
||||||
withCombat.activeCombat!.enemies[0]!.hpCurrent = 1;
|
|
||||||
|
|
||||||
const result = resolveRunPlayerTurn({
|
|
||||||
content: sampleContentPack,
|
|
||||||
run: withCombat,
|
|
||||||
manoeuvreId: "manoeuvre.guard-break",
|
|
||||||
targetEnemyId: withCombat.activeCombat!.enemies[0]!.id,
|
|
||||||
roller: createSequenceRoller([6, 6]),
|
|
||||||
at: "2026-03-15T14:03:00.000Z",
|
|
||||||
});
|
|
||||||
|
|
||||||
expect(result.run.activeCombat).toBeUndefined();
|
|
||||||
expect(result.run.dungeon.levels["1"]!.rooms["room.level1.start"]!.discovery.cleared).toBe(true);
|
|
||||||
expect(result.run.dungeon.levels["1"]!.rooms["room.level1.start"]!.encounter?.rewardPending).toBe(
|
|
||||||
false,
|
|
||||||
);
|
|
||||||
expect(result.run.adventurerSnapshot.xp).toBe(2);
|
|
||||||
expect(result.run.xpGained).toBe(2);
|
|
||||||
expect(result.run.defeatedCreatureIds).toEqual(["creature.level1.guard"]);
|
|
||||||
expect(result.run.log.at(-1)?.text).toContain("Victory rewards");
|
|
||||||
});
|
|
||||||
|
|
||||||
it("lists available traversable exits for the current room", () => {
|
|
||||||
const run = createRunState({
|
|
||||||
content: sampleContentPack,
|
|
||||||
campaignId: "campaign.1",
|
|
||||||
adventurer: createAdventurer(),
|
|
||||||
});
|
|
||||||
|
|
||||||
expect(getAvailableMoves(run)).toEqual([
|
|
||||||
expect.objectContaining({
|
|
||||||
direction: "north",
|
|
||||||
generated: false,
|
|
||||||
}),
|
|
||||||
]);
|
|
||||||
});
|
|
||||||
|
|
||||||
it("travels through an unresolved exit, generates a room, and enters it", () => {
|
|
||||||
const run = createRunState({
|
|
||||||
content: sampleContentPack,
|
|
||||||
campaignId: "campaign.1",
|
|
||||||
adventurer: createAdventurer(),
|
|
||||||
at: "2026-03-15T14:00:00.000Z",
|
|
||||||
});
|
|
||||||
|
|
||||||
const result = travelCurrentExit({
|
|
||||||
content: sampleContentPack,
|
|
||||||
run,
|
|
||||||
exitDirection: "north",
|
|
||||||
roller: createSequenceRoller([1, 1]),
|
|
||||||
at: "2026-03-15T14:05:00.000Z",
|
|
||||||
});
|
|
||||||
|
|
||||||
expect(result.run.currentRoomId).toBe("room.level1.room.002");
|
|
||||||
expect(result.run.dungeon.levels["1"]!.discoveredRoomOrder).toEqual([
|
|
||||||
"room.level1.start",
|
|
||||||
"room.level1.room.002",
|
|
||||||
]);
|
|
||||||
expect(result.run.dungeon.levels["1"]!.rooms["room.level1.room.002"]!.discovery.entered).toBe(
|
|
||||||
true,
|
|
||||||
);
|
|
||||||
expect(result.run.log[0]?.text).toContain("Travelled north");
|
|
||||||
});
|
|
||||||
|
|
||||||
it("flags combat-ready rooms once entry resolves a hostile encounter", () => {
|
|
||||||
const run = createRunState({
|
|
||||||
content: sampleContentPack,
|
|
||||||
campaignId: "campaign.1",
|
|
||||||
adventurer: createAdventurer(),
|
|
||||||
at: "2026-03-15T14:00:00.000Z",
|
|
||||||
});
|
|
||||||
const room = run.dungeon.levels["1"]!.rooms["room.level1.start"]!;
|
|
||||||
|
|
||||||
room.encounter = {
|
|
||||||
id: `${room.id}.encounter`,
|
|
||||||
sourceTableCode: "L1G",
|
|
||||||
creatureIds: ["a", "b"],
|
|
||||||
creatureNames: ["Guard", "Warrior"],
|
|
||||||
resultLabel: "Guard and Warrior",
|
|
||||||
resolved: true,
|
|
||||||
};
|
|
||||||
|
|
||||||
expect(isCurrentRoomCombatReady(run)).toBe(true);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@@ -1,544 +0,0 @@
|
|||||||
import type { ContentPack } from "@/types/content";
|
|
||||||
import type {
|
|
||||||
AdventurerState,
|
|
||||||
CombatState,
|
|
||||||
DungeonState,
|
|
||||||
RunState,
|
|
||||||
} from "@/types/state";
|
|
||||||
import type { LogEntry } from "@/types/rules";
|
|
||||||
import { findCreatureById } from "@/data/contentHelpers";
|
|
||||||
|
|
||||||
import { startCombatFromRoom } from "./combat";
|
|
||||||
import {
|
|
||||||
resolveEnemyTurn,
|
|
||||||
resolvePlayerAttack,
|
|
||||||
type ResolveEnemyTurnOptions,
|
|
||||||
type ResolvePlayerAttackOptions,
|
|
||||||
} from "./combatTurns";
|
|
||||||
import {
|
|
||||||
expandLevelFromExit,
|
|
||||||
getUnresolvedExits,
|
|
||||||
initializeDungeonLevel,
|
|
||||||
} from "./dungeon";
|
|
||||||
import type { DiceRoller } from "./dice";
|
|
||||||
import { enterRoom } from "./roomEntry";
|
|
||||||
|
|
||||||
export type CreateRunOptions = {
|
|
||||||
content: ContentPack;
|
|
||||||
campaignId: string;
|
|
||||||
adventurer: AdventurerState;
|
|
||||||
runId?: string;
|
|
||||||
at?: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
export type EnterCurrentRoomOptions = {
|
|
||||||
content: ContentPack;
|
|
||||||
run: RunState;
|
|
||||||
roller?: DiceRoller;
|
|
||||||
at?: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
export type StartCurrentCombatOptions = {
|
|
||||||
content: ContentPack;
|
|
||||||
run: RunState;
|
|
||||||
at?: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
export type ResolveRunPlayerTurnOptions = {
|
|
||||||
content: ContentPack;
|
|
||||||
run: RunState;
|
|
||||||
manoeuvreId: string;
|
|
||||||
targetEnemyId: string;
|
|
||||||
roller?: DiceRoller;
|
|
||||||
at?: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
export type ResolveRunEnemyTurnOptions = {
|
|
||||||
content: ContentPack;
|
|
||||||
run: RunState;
|
|
||||||
roller?: DiceRoller;
|
|
||||||
at?: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
export type TravelCurrentExitOptions = {
|
|
||||||
content: ContentPack;
|
|
||||||
run: RunState;
|
|
||||||
exitDirection: "north" | "east" | "south" | "west";
|
|
||||||
roomTableCode?: string;
|
|
||||||
roller?: DiceRoller;
|
|
||||||
at?: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
export type AvailableMove = {
|
|
||||||
direction: "north" | "east" | "south" | "west";
|
|
||||||
exitType: string;
|
|
||||||
discovered: boolean;
|
|
||||||
leadsToRoomId?: string;
|
|
||||||
generated: boolean;
|
|
||||||
};
|
|
||||||
|
|
||||||
export type RunTransitionResult = {
|
|
||||||
run: RunState;
|
|
||||||
logEntries: LogEntry[];
|
|
||||||
};
|
|
||||||
|
|
||||||
function cloneCombat(combat: CombatState): CombatState {
|
|
||||||
return {
|
|
||||||
...combat,
|
|
||||||
player: {
|
|
||||||
...combat.player,
|
|
||||||
statuses: [...combat.player.statuses],
|
|
||||||
traits: [...combat.player.traits],
|
|
||||||
},
|
|
||||||
enemies: combat.enemies.map((enemy) => ({
|
|
||||||
...enemy,
|
|
||||||
statuses: [...enemy.statuses],
|
|
||||||
traits: [...enemy.traits],
|
|
||||||
})),
|
|
||||||
combatLog: combat.combatLog.map((entry) => ({
|
|
||||||
...entry,
|
|
||||||
relatedIds: entry.relatedIds ? [...entry.relatedIds] : undefined,
|
|
||||||
})),
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
function cloneRun(run: RunState): RunState {
|
|
||||||
return {
|
|
||||||
...run,
|
|
||||||
adventurerSnapshot: {
|
|
||||||
...run.adventurerSnapshot,
|
|
||||||
hp: { ...run.adventurerSnapshot.hp },
|
|
||||||
stats: { ...run.adventurerSnapshot.stats },
|
|
||||||
favour: { ...run.adventurerSnapshot.favour },
|
|
||||||
statuses: run.adventurerSnapshot.statuses.map((status) => ({ ...status })),
|
|
||||||
inventory: {
|
|
||||||
...run.adventurerSnapshot.inventory,
|
|
||||||
carried: run.adventurerSnapshot.inventory.carried.map((entry) => ({ ...entry })),
|
|
||||||
equipped: run.adventurerSnapshot.inventory.equipped.map((entry) => ({ ...entry })),
|
|
||||||
stored: run.adventurerSnapshot.inventory.stored.map((entry) => ({ ...entry })),
|
|
||||||
currency: { ...run.adventurerSnapshot.inventory.currency },
|
|
||||||
lightSources: run.adventurerSnapshot.inventory.lightSources.map((entry) => ({ ...entry })),
|
|
||||||
},
|
|
||||||
progressionFlags: [...run.adventurerSnapshot.progressionFlags],
|
|
||||||
manoeuvreIds: [...run.adventurerSnapshot.manoeuvreIds],
|
|
||||||
},
|
|
||||||
dungeon: {
|
|
||||||
levels: Object.fromEntries(
|
|
||||||
Object.entries(run.dungeon.levels).map(([level, levelState]) => [
|
|
||||||
level,
|
|
||||||
{
|
|
||||||
...levelState,
|
|
||||||
rooms: Object.fromEntries(
|
|
||||||
Object.entries(levelState.rooms).map(([roomId, room]) => [
|
|
||||||
roomId,
|
|
||||||
{
|
|
||||||
...room,
|
|
||||||
position: { ...room.position },
|
|
||||||
dimensions: { ...room.dimensions },
|
|
||||||
exits: room.exits.map((exit) => ({ ...exit })),
|
|
||||||
discovery: { ...room.discovery },
|
|
||||||
encounter: room.encounter
|
|
||||||
? {
|
|
||||||
...room.encounter,
|
|
||||||
creatureIds: [...room.encounter.creatureIds],
|
|
||||||
creatureNames: room.encounter.creatureNames
|
|
||||||
? [...room.encounter.creatureNames]
|
|
||||||
: undefined,
|
|
||||||
}
|
|
||||||
: undefined,
|
|
||||||
objects: room.objects.map((object) => ({
|
|
||||||
...object,
|
|
||||||
effects: object.effects ? [...object.effects] : undefined,
|
|
||||||
})),
|
|
||||||
notes: [...room.notes],
|
|
||||||
flags: [...room.flags],
|
|
||||||
},
|
|
||||||
]),
|
|
||||||
),
|
|
||||||
discoveredRoomOrder: [...levelState.discoveredRoomOrder],
|
|
||||||
},
|
|
||||||
]),
|
|
||||||
) as DungeonState["levels"],
|
|
||||||
revealedPercentByLevel: { ...run.dungeon.revealedPercentByLevel },
|
|
||||||
globalFlags: [...run.dungeon.globalFlags],
|
|
||||||
},
|
|
||||||
activeCombat: run.activeCombat ? cloneCombat(run.activeCombat) : undefined,
|
|
||||||
log: run.log.map((entry) => ({
|
|
||||||
...entry,
|
|
||||||
relatedIds: entry.relatedIds ? [...entry.relatedIds] : undefined,
|
|
||||||
})),
|
|
||||||
pendingEffects: run.pendingEffects.map((effect) => ({ ...effect })),
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
function requireCurrentLevel(run: RunState) {
|
|
||||||
const levelState = run.dungeon.levels[run.currentLevel];
|
|
||||||
|
|
||||||
if (!levelState) {
|
|
||||||
throw new Error(`Run is missing level ${run.currentLevel}.`);
|
|
||||||
}
|
|
||||||
|
|
||||||
return levelState;
|
|
||||||
}
|
|
||||||
|
|
||||||
function requireCurrentRoomId(run: RunState) {
|
|
||||||
if (!run.currentRoomId) {
|
|
||||||
throw new Error("Run does not have a current room.");
|
|
||||||
}
|
|
||||||
|
|
||||||
return run.currentRoomId;
|
|
||||||
}
|
|
||||||
|
|
||||||
function requireCurrentRoom(run: RunState) {
|
|
||||||
const levelState = requireCurrentLevel(run);
|
|
||||||
const roomId = requireCurrentRoomId(run);
|
|
||||||
const room = levelState.rooms[roomId];
|
|
||||||
|
|
||||||
if (!room) {
|
|
||||||
throw new Error(`Unknown room id: ${roomId}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
return room;
|
|
||||||
}
|
|
||||||
|
|
||||||
function inferNextRoomTableCode(run: RunState) {
|
|
||||||
const room = requireCurrentRoom(run);
|
|
||||||
const levelState = requireCurrentLevel(run);
|
|
||||||
|
|
||||||
if (room.roomClass === "start") {
|
|
||||||
return "L1LR";
|
|
||||||
}
|
|
||||||
|
|
||||||
if (room.roomClass === "small") {
|
|
||||||
return "L1LR";
|
|
||||||
}
|
|
||||||
|
|
||||||
if (room.roomClass === "large") {
|
|
||||||
return "L1SR";
|
|
||||||
}
|
|
||||||
|
|
||||||
return levelState.discoveredRoomOrder.length % 2 === 0 ? "L1LR" : "L1SR";
|
|
||||||
}
|
|
||||||
|
|
||||||
function syncPlayerToAdventurer(run: RunState) {
|
|
||||||
if (!run.activeCombat) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
run.adventurerSnapshot.hp.current = run.activeCombat.player.hpCurrent;
|
|
||||||
run.adventurerSnapshot.statuses = run.activeCombat.player.statuses.map((status) => ({ ...status }));
|
|
||||||
}
|
|
||||||
|
|
||||||
function appendLogs(run: RunState, logEntries: LogEntry[]) {
|
|
||||||
run.log.push(...logEntries);
|
|
||||||
}
|
|
||||||
|
|
||||||
function createRewardLog(
|
|
||||||
id: string,
|
|
||||||
at: string,
|
|
||||||
text: string,
|
|
||||||
relatedIds: string[],
|
|
||||||
): LogEntry {
|
|
||||||
return {
|
|
||||||
id,
|
|
||||||
at,
|
|
||||||
type: "progression",
|
|
||||||
text,
|
|
||||||
relatedIds,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
function applyCombatRewards(
|
|
||||||
content: ContentPack,
|
|
||||||
run: RunState,
|
|
||||||
completedCombat: CombatState,
|
|
||||||
at: string,
|
|
||||||
) {
|
|
||||||
const defeatedCreatureIds = completedCombat.enemies
|
|
||||||
.filter((enemy) => enemy.hpCurrent === 0 && enemy.sourceDefinitionId)
|
|
||||||
.map((enemy) => enemy.sourceDefinitionId!);
|
|
||||||
const xpAwarded = defeatedCreatureIds.reduce((total, creatureId) => {
|
|
||||||
return total + (findCreatureById(content, creatureId).xpReward ?? 0);
|
|
||||||
}, 0);
|
|
||||||
|
|
||||||
run.defeatedCreatureIds.push(...defeatedCreatureIds);
|
|
||||||
run.xpGained += xpAwarded;
|
|
||||||
run.adventurerSnapshot.xp += xpAwarded;
|
|
||||||
|
|
||||||
if (xpAwarded === 0) {
|
|
||||||
return [] as LogEntry[];
|
|
||||||
}
|
|
||||||
|
|
||||||
return [
|
|
||||||
createRewardLog(
|
|
||||||
`${completedCombat.id}.rewards`,
|
|
||||||
at,
|
|
||||||
`Victory rewards: gained ${xpAwarded} XP from ${defeatedCreatureIds.length} defeated creature${defeatedCreatureIds.length === 1 ? "" : "s"}.`,
|
|
||||||
[completedCombat.id, ...defeatedCreatureIds],
|
|
||||||
),
|
|
||||||
];
|
|
||||||
}
|
|
||||||
|
|
||||||
export function createRunState(options: CreateRunOptions): RunState {
|
|
||||||
const at = options.at ?? new Date().toISOString();
|
|
||||||
const levelState = initializeDungeonLevel({
|
|
||||||
content: options.content,
|
|
||||||
level: 1,
|
|
||||||
});
|
|
||||||
|
|
||||||
return {
|
|
||||||
id: options.runId ?? "run.active",
|
|
||||||
campaignId: options.campaignId,
|
|
||||||
status: "active",
|
|
||||||
startedAt: at,
|
|
||||||
currentLevel: 1,
|
|
||||||
currentRoomId: "room.level1.start",
|
|
||||||
dungeon: {
|
|
||||||
levels: {
|
|
||||||
1: levelState,
|
|
||||||
},
|
|
||||||
revealedPercentByLevel: {
|
|
||||||
1: 0,
|
|
||||||
},
|
|
||||||
globalFlags: [],
|
|
||||||
},
|
|
||||||
adventurerSnapshot: options.adventurer,
|
|
||||||
defeatedCreatureIds: [],
|
|
||||||
xpGained: 0,
|
|
||||||
log: [],
|
|
||||||
pendingEffects: [],
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
export function enterCurrentRoom(
|
|
||||||
options: EnterCurrentRoomOptions,
|
|
||||||
): RunTransitionResult {
|
|
||||||
const run = cloneRun(options.run);
|
|
||||||
const levelState = requireCurrentLevel(run);
|
|
||||||
const roomId = requireCurrentRoomId(run);
|
|
||||||
const entry = enterRoom({
|
|
||||||
content: options.content,
|
|
||||||
levelState,
|
|
||||||
roomId,
|
|
||||||
roller: options.roller,
|
|
||||||
at: options.at,
|
|
||||||
});
|
|
||||||
|
|
||||||
run.dungeon.levels[run.currentLevel] = entry.levelState;
|
|
||||||
appendLogs(run, entry.logEntries);
|
|
||||||
|
|
||||||
return {
|
|
||||||
run,
|
|
||||||
logEntries: entry.logEntries,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
export function getAvailableMoves(run: RunState): AvailableMove[] {
|
|
||||||
const room = requireCurrentRoom(run);
|
|
||||||
|
|
||||||
return room.exits
|
|
||||||
.filter((exit) => exit.traversable)
|
|
||||||
.map((exit) => ({
|
|
||||||
direction: exit.direction,
|
|
||||||
exitType: exit.exitType,
|
|
||||||
discovered: exit.discovered,
|
|
||||||
leadsToRoomId: exit.leadsToRoomId,
|
|
||||||
generated: Boolean(exit.leadsToRoomId),
|
|
||||||
}));
|
|
||||||
}
|
|
||||||
|
|
||||||
export function isCurrentRoomCombatReady(run: RunState) {
|
|
||||||
const room = requireCurrentRoom(run);
|
|
||||||
|
|
||||||
return Boolean(
|
|
||||||
room.encounter?.resolved &&
|
|
||||||
room.encounter.creatureNames &&
|
|
||||||
room.encounter.creatureNames.length > 0,
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function travelCurrentExit(
|
|
||||||
options: TravelCurrentExitOptions,
|
|
||||||
): RunTransitionResult {
|
|
||||||
const run = cloneRun(options.run);
|
|
||||||
|
|
||||||
if (run.activeCombat) {
|
|
||||||
throw new Error("Cannot travel while combat is active.");
|
|
||||||
}
|
|
||||||
|
|
||||||
const levelState = requireCurrentLevel(run);
|
|
||||||
const roomId = requireCurrentRoomId(run);
|
|
||||||
const room = requireCurrentRoom(run);
|
|
||||||
const exit = room.exits.find((candidate) => candidate.direction === options.exitDirection);
|
|
||||||
|
|
||||||
if (!exit) {
|
|
||||||
throw new Error(`Current room does not have an exit to the ${options.exitDirection}.`);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!exit.traversable) {
|
|
||||||
throw new Error(`Exit ${exit.id} is not traversable.`);
|
|
||||||
}
|
|
||||||
|
|
||||||
let nextLevelState = levelState;
|
|
||||||
let destinationRoomId = exit.leadsToRoomId;
|
|
||||||
const at = options.at ?? new Date().toISOString();
|
|
||||||
|
|
||||||
if (!destinationRoomId) {
|
|
||||||
const unresolvedExits = getUnresolvedExits(levelState);
|
|
||||||
const matchingExit = unresolvedExits.find(
|
|
||||||
(candidate) =>
|
|
||||||
candidate.roomId === roomId && candidate.direction === options.exitDirection,
|
|
||||||
);
|
|
||||||
|
|
||||||
if (!matchingExit) {
|
|
||||||
throw new Error(`Exit ${exit.id} is no longer available for generation.`);
|
|
||||||
}
|
|
||||||
|
|
||||||
const expansion = expandLevelFromExit({
|
|
||||||
content: options.content,
|
|
||||||
levelState,
|
|
||||||
fromRoomId: roomId,
|
|
||||||
exitDirection: options.exitDirection,
|
|
||||||
roomTableCode: options.roomTableCode ?? inferNextRoomTableCode(run),
|
|
||||||
roller: options.roller,
|
|
||||||
});
|
|
||||||
|
|
||||||
nextLevelState = expansion.levelState;
|
|
||||||
destinationRoomId = expansion.createdRoom.id;
|
|
||||||
}
|
|
||||||
|
|
||||||
run.dungeon.levels[run.currentLevel] = nextLevelState;
|
|
||||||
run.currentRoomId = destinationRoomId;
|
|
||||||
|
|
||||||
const movedLog: LogEntry = {
|
|
||||||
id: `${roomId}.travel.${options.exitDirection}.${run.log.length + 1}`,
|
|
||||||
at,
|
|
||||||
type: "room",
|
|
||||||
text: `Travelled ${options.exitDirection} from ${room.id} to ${destinationRoomId}.`,
|
|
||||||
relatedIds: [room.id, destinationRoomId],
|
|
||||||
};
|
|
||||||
|
|
||||||
appendLogs(run, [movedLog]);
|
|
||||||
|
|
||||||
const entered = enterCurrentRoom({
|
|
||||||
content: options.content,
|
|
||||||
run,
|
|
||||||
roller: options.roller,
|
|
||||||
at,
|
|
||||||
});
|
|
||||||
|
|
||||||
return {
|
|
||||||
run: entered.run,
|
|
||||||
logEntries: [movedLog, ...entered.logEntries],
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
export function startCombatInCurrentRoom(
|
|
||||||
options: StartCurrentCombatOptions,
|
|
||||||
): RunTransitionResult {
|
|
||||||
const run = cloneRun(options.run);
|
|
||||||
const levelState = requireCurrentLevel(run);
|
|
||||||
const roomId = requireCurrentRoomId(run);
|
|
||||||
const room = levelState.rooms[roomId];
|
|
||||||
|
|
||||||
if (!room) {
|
|
||||||
throw new Error(`Unknown room id: ${roomId}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
const started = startCombatFromRoom({
|
|
||||||
content: options.content,
|
|
||||||
adventurer: run.adventurerSnapshot,
|
|
||||||
room,
|
|
||||||
at: options.at,
|
|
||||||
});
|
|
||||||
|
|
||||||
levelState.rooms[roomId] = started.room;
|
|
||||||
run.activeCombat = started.combat;
|
|
||||||
appendLogs(run, started.logEntries);
|
|
||||||
|
|
||||||
return {
|
|
||||||
run,
|
|
||||||
logEntries: started.logEntries,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
export function resolveRunPlayerTurn(
|
|
||||||
options: ResolveRunPlayerTurnOptions,
|
|
||||||
): RunTransitionResult {
|
|
||||||
const run = cloneRun(options.run);
|
|
||||||
|
|
||||||
if (!run.activeCombat) {
|
|
||||||
throw new Error("Run does not have an active combat.");
|
|
||||||
}
|
|
||||||
|
|
||||||
const result = resolvePlayerAttack({
|
|
||||||
content: options.content,
|
|
||||||
combat: run.activeCombat,
|
|
||||||
adventurer: run.adventurerSnapshot,
|
|
||||||
manoeuvreId: options.manoeuvreId,
|
|
||||||
targetEnemyId: options.targetEnemyId,
|
|
||||||
roller: options.roller,
|
|
||||||
at: options.at,
|
|
||||||
} satisfies ResolvePlayerAttackOptions);
|
|
||||||
|
|
||||||
run.activeCombat = result.combat;
|
|
||||||
syncPlayerToAdventurer(run);
|
|
||||||
appendLogs(run, result.logEntries);
|
|
||||||
|
|
||||||
if (result.combatEnded) {
|
|
||||||
const completedCombat = result.combat;
|
|
||||||
const levelState = requireCurrentLevel(run);
|
|
||||||
const roomId = requireCurrentRoomId(run);
|
|
||||||
const room = levelState.rooms[roomId];
|
|
||||||
const rewardLogs = applyCombatRewards(
|
|
||||||
options.content,
|
|
||||||
run,
|
|
||||||
completedCombat,
|
|
||||||
options.at ?? new Date().toISOString(),
|
|
||||||
);
|
|
||||||
|
|
||||||
if (room?.encounter) {
|
|
||||||
room.encounter.rewardPending = false;
|
|
||||||
room.discovery.cleared = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
run.activeCombat = undefined;
|
|
||||||
appendLogs(run, rewardLogs);
|
|
||||||
}
|
|
||||||
|
|
||||||
return {
|
|
||||||
run,
|
|
||||||
logEntries: result.logEntries,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
export function resolveRunEnemyTurn(
|
|
||||||
options: ResolveRunEnemyTurnOptions,
|
|
||||||
): RunTransitionResult {
|
|
||||||
const run = cloneRun(options.run);
|
|
||||||
|
|
||||||
if (!run.activeCombat) {
|
|
||||||
throw new Error("Run does not have an active combat.");
|
|
||||||
}
|
|
||||||
|
|
||||||
const result = resolveEnemyTurn({
|
|
||||||
content: options.content,
|
|
||||||
combat: run.activeCombat,
|
|
||||||
adventurer: run.adventurerSnapshot,
|
|
||||||
roller: options.roller,
|
|
||||||
at: options.at,
|
|
||||||
} satisfies ResolveEnemyTurnOptions);
|
|
||||||
|
|
||||||
run.activeCombat = result.combat;
|
|
||||||
syncPlayerToAdventurer(run);
|
|
||||||
appendLogs(run, result.logEntries);
|
|
||||||
|
|
||||||
if (result.combatEnded) {
|
|
||||||
run.status = "failed";
|
|
||||||
}
|
|
||||||
|
|
||||||
return {
|
|
||||||
run,
|
|
||||||
logEntries: result.logEntries,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
@@ -214,8 +214,6 @@ export const runStateSchema = z.object({
|
|||||||
dungeon: dungeonStateSchema,
|
dungeon: dungeonStateSchema,
|
||||||
adventurerSnapshot: adventurerStateSchema,
|
adventurerSnapshot: adventurerStateSchema,
|
||||||
activeCombat: combatStateSchema.optional(),
|
activeCombat: combatStateSchema.optional(),
|
||||||
defeatedCreatureIds: z.array(z.string()),
|
|
||||||
xpGained: z.number().int().nonnegative(),
|
|
||||||
log: z.array(logEntrySchema),
|
log: z.array(logEntrySchema),
|
||||||
pendingEffects: z.array(ruleEffectSchema),
|
pendingEffects: z.array(ruleEffectSchema),
|
||||||
});
|
});
|
||||||
|
|||||||
370
src/styles.css
370
src/styles.css
@@ -1,10 +1,9 @@
|
|||||||
:root {
|
:root {
|
||||||
font-family: "Trebuchet MS", "Segoe UI", sans-serif;
|
font-family: "Segoe UI", "Aptos", sans-serif;
|
||||||
color: #f4efe3;
|
color: #f3f1e8;
|
||||||
background:
|
background:
|
||||||
radial-gradient(circle at top, rgba(177, 91, 29, 0.25), transparent 26%),
|
radial-gradient(circle at top, rgba(179, 121, 59, 0.35), transparent 30%),
|
||||||
radial-gradient(circle at 20% 20%, rgba(227, 188, 101, 0.12), transparent 18%),
|
linear-gradient(180deg, #17130f 0%, #0d0b09 100%);
|
||||||
linear-gradient(180deg, #160f0b 0%, #0b0807 100%);
|
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
@@ -24,373 +23,108 @@ body {
|
|||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
button,
|
|
||||||
input,
|
|
||||||
textarea,
|
|
||||||
select {
|
|
||||||
font: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
#root {
|
#root {
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-shell {
|
.app-shell {
|
||||||
width: min(1200px, calc(100% - 2rem));
|
width: min(1100px, calc(100% - 2rem));
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
padding: 1.5rem 0 3rem;
|
padding: 3rem 0 4rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero {
|
.hero {
|
||||||
display: flex;
|
padding: 2rem;
|
||||||
justify-content: space-between;
|
border: 1px solid rgba(243, 241, 232, 0.16);
|
||||||
gap: 1.5rem;
|
background: rgba(21, 18, 14, 0.72);
|
||||||
align-items: end;
|
box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35);
|
||||||
padding: 1.75rem;
|
backdrop-filter: blur(12px);
|
||||||
border: 1px solid rgba(255, 231, 196, 0.12);
|
|
||||||
background:
|
|
||||||
linear-gradient(135deg, rgba(62, 34, 17, 0.92), rgba(24, 18, 15, 0.86)),
|
|
||||||
rgba(18, 14, 12, 0.9);
|
|
||||||
box-shadow: 0 24px 80px rgba(0, 0, 0, 0.42);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.eyebrow {
|
.eyebrow {
|
||||||
margin: 0 0 0.85rem;
|
margin: 0 0 0.75rem;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
letter-spacing: 0.18em;
|
letter-spacing: 0.14em;
|
||||||
color: #f1ba73;
|
color: #d8b27a;
|
||||||
font-size: 0.76rem;
|
font-size: 0.8rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero h1 {
|
.hero h1 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-size: clamp(2.6rem, 6vw, 4.8rem);
|
font-size: clamp(2.5rem, 7vw, 4.5rem);
|
||||||
line-height: 0.92;
|
line-height: 0.95;
|
||||||
}
|
}
|
||||||
|
|
||||||
.lede {
|
.lede {
|
||||||
width: min(56ch, 100%);
|
width: min(55ch, 100%);
|
||||||
margin: 1rem 0 0;
|
margin: 1.25rem 0 0;
|
||||||
color: rgba(244, 239, 227, 0.78);
|
color: rgba(243, 241, 232, 0.82);
|
||||||
|
font-size: 1.05rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero-actions {
|
.panel-grid {
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: 0.85rem;
|
|
||||||
align-items: flex-end;
|
|
||||||
}
|
|
||||||
|
|
||||||
.status-chip {
|
|
||||||
display: flex;
|
|
||||||
gap: 0.65rem;
|
|
||||||
align-items: center;
|
|
||||||
padding: 0.75rem 1rem;
|
|
||||||
border: 1px solid rgba(255, 231, 196, 0.12);
|
|
||||||
background: rgba(255, 231, 196, 0.05);
|
|
||||||
text-transform: uppercase;
|
|
||||||
letter-spacing: 0.08em;
|
|
||||||
font-size: 0.78rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.status-chip strong {
|
|
||||||
color: #f7d59d;
|
|
||||||
font-size: 0.95rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert-banner {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
gap: 1rem;
|
|
||||||
align-items: center;
|
|
||||||
margin-top: 1rem;
|
|
||||||
padding: 1rem 1.2rem;
|
|
||||||
border: 1px solid rgba(255, 176, 94, 0.3);
|
|
||||||
background:
|
|
||||||
linear-gradient(90deg, rgba(117, 43, 21, 0.92), rgba(48, 22, 18, 0.92)),
|
|
||||||
rgba(48, 22, 18, 0.92);
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert-kicker {
|
|
||||||
display: block;
|
|
||||||
color: #ffbf78;
|
|
||||||
text-transform: uppercase;
|
|
||||||
letter-spacing: 0.12em;
|
|
||||||
font-size: 0.74rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert-banner strong {
|
|
||||||
display: block;
|
|
||||||
margin-top: 0.25rem;
|
|
||||||
font-size: 1.15rem;
|
|
||||||
color: #fff4de;
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert-banner p {
|
|
||||||
margin: 0.35rem 0 0;
|
|
||||||
color: rgba(244, 239, 227, 0.82);
|
|
||||||
}
|
|
||||||
|
|
||||||
.dashboard-grid {
|
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(12, minmax(0, 1fr));
|
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
|
||||||
gap: 1rem;
|
gap: 1rem;
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.panel {
|
.panel {
|
||||||
grid-column: span 4;
|
padding: 1.25rem;
|
||||||
padding: 1.2rem;
|
border: 1px solid rgba(243, 241, 232, 0.14);
|
||||||
border: 1px solid rgba(255, 231, 196, 0.1);
|
background: rgba(29, 24, 19, 0.82);
|
||||||
background: rgba(25, 19, 16, 0.86);
|
|
||||||
box-shadow: inset 0 1px 0 rgba(255, 231, 196, 0.03);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.panel-highlight {
|
.panel h2 {
|
||||||
background:
|
margin-top: 0;
|
||||||
linear-gradient(180deg, rgba(101, 52, 28, 0.28), rgba(25, 19, 16, 0.92)),
|
|
||||||
rgba(25, 19, 16, 0.9);
|
|
||||||
}
|
|
||||||
|
|
||||||
.panel-log {
|
|
||||||
grid-column: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.panel-header {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: baseline;
|
|
||||||
gap: 1rem;
|
|
||||||
margin-bottom: 0.75rem;
|
margin-bottom: 0.75rem;
|
||||||
|
font-size: 1rem;
|
||||||
|
color: #f6d49e;
|
||||||
}
|
}
|
||||||
|
|
||||||
.panel-header h2 {
|
.panel ul,
|
||||||
|
.panel ol {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-size: 1rem;
|
padding-left: 1.1rem;
|
||||||
color: #f8d79f;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.panel-header span {
|
.panel li + li {
|
||||||
color: rgba(244, 239, 227, 0.58);
|
margin-top: 0.45rem;
|
||||||
font-size: 0.83rem;
|
|
||||||
text-transform: uppercase;
|
|
||||||
letter-spacing: 0.08em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.stat-strip {
|
.stats {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||||
gap: 0.75rem;
|
gap: 0.75rem;
|
||||||
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.stat-strip div,
|
.stats div {
|
||||||
.encounter-box,
|
|
||||||
.combat-status {
|
|
||||||
padding: 0.9rem;
|
padding: 0.9rem;
|
||||||
background: rgba(255, 245, 223, 0.04);
|
background: rgba(243, 241, 232, 0.05);
|
||||||
border: 1px solid rgba(255, 231, 196, 0.08);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.stat-strip span,
|
.stats dt {
|
||||||
.encounter-label,
|
color: rgba(243, 241, 232, 0.62);
|
||||||
.combat-status span,
|
font-size: 0.8rem;
|
||||||
.room-meta span,
|
|
||||||
.log-entry span {
|
|
||||||
display: block;
|
|
||||||
color: rgba(244, 239, 227, 0.56);
|
|
||||||
font-size: 0.76rem;
|
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
letter-spacing: 0.08em;
|
letter-spacing: 0.08em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.stat-strip strong,
|
.stats dd {
|
||||||
.encounter-box strong,
|
margin: 0.3rem 0 0;
|
||||||
.combat-status strong {
|
font-size: 1.7rem;
|
||||||
display: block;
|
font-weight: 700;
|
||||||
margin-top: 0.3rem;
|
|
||||||
font-size: 1.45rem;
|
|
||||||
color: #fff2d6;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.supporting-text {
|
@media (max-width: 640px) {
|
||||||
margin: 0.9rem 0 0;
|
|
||||||
color: rgba(244, 239, 227, 0.76);
|
|
||||||
}
|
|
||||||
|
|
||||||
.room-title {
|
|
||||||
margin: 0 0 0.35rem;
|
|
||||||
font-size: 1.5rem;
|
|
||||||
color: #fff2d6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.room-meta {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
gap: 0.9rem;
|
|
||||||
margin-top: 0.95rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button-row,
|
|
||||||
.enemy-actions {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
gap: 0.65rem;
|
|
||||||
margin-top: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button {
|
|
||||||
border: 1px solid rgba(255, 217, 163, 0.24);
|
|
||||||
background: rgba(255, 245, 223, 0.04);
|
|
||||||
color: #f4efe3;
|
|
||||||
padding: 0.72rem 1rem;
|
|
||||||
cursor: pointer;
|
|
||||||
transition:
|
|
||||||
transform 140ms ease,
|
|
||||||
background 140ms ease,
|
|
||||||
border-color 140ms ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button:hover:enabled {
|
|
||||||
transform: translateY(-1px);
|
|
||||||
background: rgba(255, 217, 163, 0.09);
|
|
||||||
border-color: rgba(255, 217, 163, 0.35);
|
|
||||||
}
|
|
||||||
|
|
||||||
.button:disabled {
|
|
||||||
opacity: 0.42;
|
|
||||||
cursor: not-allowed;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button-primary {
|
|
||||||
background: linear-gradient(180deg, #c36b2d, #8d4617);
|
|
||||||
border-color: rgba(255, 217, 163, 0.32);
|
|
||||||
color: #fff4e1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button-primary:hover:enabled {
|
|
||||||
background: linear-gradient(180deg, #d97833, #9f501b);
|
|
||||||
}
|
|
||||||
|
|
||||||
.encounter-box,
|
|
||||||
.combat-status {
|
|
||||||
margin-top: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.move-list,
|
|
||||||
.mini-map,
|
|
||||||
.enemy-list {
|
|
||||||
display: grid;
|
|
||||||
gap: 0.75rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mini-map,
|
|
||||||
.enemy-list {
|
|
||||||
margin-top: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.move-card,
|
|
||||||
.map-node,
|
|
||||||
.enemy-card {
|
|
||||||
width: 100%;
|
|
||||||
text-align: left;
|
|
||||||
padding: 0.95rem;
|
|
||||||
border: 1px solid rgba(255, 231, 196, 0.08);
|
|
||||||
background: rgba(255, 245, 223, 0.04);
|
|
||||||
}
|
|
||||||
|
|
||||||
.move-card {
|
|
||||||
cursor: pointer;
|
|
||||||
transition:
|
|
||||||
transform 140ms ease,
|
|
||||||
background 140ms ease,
|
|
||||||
border-color 140ms ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.move-card:hover:enabled {
|
|
||||||
transform: translateY(-1px);
|
|
||||||
background: rgba(255, 217, 163, 0.09);
|
|
||||||
border-color: rgba(255, 217, 163, 0.35);
|
|
||||||
}
|
|
||||||
|
|
||||||
.move-card:disabled {
|
|
||||||
opacity: 0.42;
|
|
||||||
cursor: not-allowed;
|
|
||||||
}
|
|
||||||
|
|
||||||
.move-card span,
|
|
||||||
.map-node span {
|
|
||||||
display: block;
|
|
||||||
color: rgba(244, 239, 227, 0.56);
|
|
||||||
font-size: 0.74rem;
|
|
||||||
text-transform: uppercase;
|
|
||||||
letter-spacing: 0.08em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.move-card strong,
|
|
||||||
.map-node strong,
|
|
||||||
.enemy-card strong {
|
|
||||||
display: block;
|
|
||||||
margin-top: 0.3rem;
|
|
||||||
font-size: 1rem;
|
|
||||||
color: #fff2d6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.move-card em,
|
|
||||||
.enemy-card span {
|
|
||||||
display: block;
|
|
||||||
margin-top: 0.3rem;
|
|
||||||
font-style: normal;
|
|
||||||
color: rgba(244, 239, 227, 0.7);
|
|
||||||
}
|
|
||||||
|
|
||||||
.map-node-active {
|
|
||||||
border-color: rgba(243, 186, 115, 0.55);
|
|
||||||
background: rgba(243, 186, 115, 0.12);
|
|
||||||
}
|
|
||||||
|
|
||||||
.log-list {
|
|
||||||
display: grid;
|
|
||||||
gap: 0.75rem;
|
|
||||||
max-height: 340px;
|
|
||||||
overflow: auto;
|
|
||||||
padding-right: 0.2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.log-entry {
|
|
||||||
padding: 0.9rem;
|
|
||||||
border-left: 3px solid rgba(243, 186, 115, 0.7);
|
|
||||||
background: rgba(255, 245, 223, 0.04);
|
|
||||||
}
|
|
||||||
|
|
||||||
.log-entry p {
|
|
||||||
margin: 0.35rem 0 0;
|
|
||||||
color: #f4efe3;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 980px) {
|
|
||||||
.panel,
|
|
||||||
.panel-log {
|
|
||||||
grid-column: span 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 720px) {
|
|
||||||
.app-shell {
|
.app-shell {
|
||||||
width: min(100% - 1rem, 1200px);
|
width: min(100% - 1rem, 1100px);
|
||||||
padding-top: 0.75rem;
|
padding-top: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero,
|
.hero,
|
||||||
.alert-banner {
|
.panel {
|
||||||
flex-direction: column;
|
padding: 1rem;
|
||||||
align-items: stretch;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hero-actions {
|
|
||||||
align-items: stretch;
|
|
||||||
}
|
|
||||||
|
|
||||||
.stat-strip {
|
|
||||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -215,8 +215,6 @@ export type RunState = {
|
|||||||
dungeon: DungeonState;
|
dungeon: DungeonState;
|
||||||
adventurerSnapshot: AdventurerState;
|
adventurerSnapshot: AdventurerState;
|
||||||
activeCombat?: CombatState;
|
activeCombat?: CombatState;
|
||||||
defeatedCreatureIds: string[];
|
|
||||||
xpGained: number;
|
|
||||||
log: LogEntry[];
|
log: LogEntry[];
|
||||||
pendingEffects: RuleEffect[];
|
pendingEffects: RuleEffect[];
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user