From 85bc4f5400b2c7b304ea8fb16261dc473a2ec432 Mon Sep 17 00:00:00 2001 From: hypercross Date: Mon, 20 Apr 2026 15:44:09 +0800 Subject: [PATCH] refactor: remove unused state and widget files in sts-like-viewer --- .../sts-like-viewer/src/state/gameState.ts | 34 ---- packages/sts-like-viewer/src/state/index.ts | 0 .../src/widgets/GridBackgroundRenderer.ts | 71 -------- .../src/widgets/LostItemManager.ts | 157 ------------------ 4 files changed, 262 deletions(-) delete mode 100644 packages/sts-like-viewer/src/state/gameState.ts create mode 100644 packages/sts-like-viewer/src/state/index.ts delete mode 100644 packages/sts-like-viewer/src/widgets/GridBackgroundRenderer.ts delete mode 100644 packages/sts-like-viewer/src/widgets/LostItemManager.ts diff --git a/packages/sts-like-viewer/src/state/gameState.ts b/packages/sts-like-viewer/src/state/gameState.ts deleted file mode 100644 index 674a0e1..0000000 --- a/packages/sts-like-viewer/src/state/gameState.ts +++ /dev/null @@ -1,34 +0,0 @@ -import { MutableSignal, mutableSignal, createRNG } from 'boardgame-core'; -import { createRunState, generatePointCrawlMap, data, type RunState, type ItemData } from 'boardgame-core/samples/slay-the-spire-like'; - -/** - * 全局游戏运行状态 Signal - * - * 在 App.tsx 中创建为单例，所有场景共享。 - * 遭遇场景通过读取此 signal 的当前遭遇状态来构建 UI。 - */ -export function createGameState(seed?: number): MutableSignal { - const actualSeed = seed ?? Date.now(); - const rng = createRNG(actualSeed); - const encounters = data.desert.encounters; - const map = generatePointCrawlMap(rng, encounters); - const starterItems: ItemData[] = data.desert.items.slice(0, 3); - return mutableSignal(createRunState(map, starterItems)); -} - -/** 获取当前遭遇数据（computed getter） */ -export function currentEncounter( - gameState: MutableSignal -): { nodeId: string; encounter: { name: string; description: string; type: string } } | null { - const state = gameState.value; - const node = state.map.nodes.get(state.currentNodeId); - if (!node || !node.encounter) return null; - return { - nodeId: node.id, - encounter: { - type: node.type, - name: node.encounter.name, - description: node.encounter.description, - }, - }; -} diff --git a/packages/sts-like-viewer/src/state/index.ts b/packages/sts-like-viewer/src/state/index.ts new file mode 100644 index 0000000..e69de29 diff --git a/packages/sts-like-viewer/src/widgets/GridBackgroundRenderer.ts b/packages/sts-like-viewer/src/widgets/GridBackgroundRenderer.ts deleted file mode 100644 index bbbf872..0000000 --- a/packages/sts-like-viewer/src/widgets/GridBackgroundRenderer.ts +++ /dev/null @@ -1,71 +0,0 @@ -import Phaser from "phaser"; - -export interface GridBackgroundRendererOptions { - scene: Phaser.Scene; - parentContainer: Phaser.GameObjects.Container; - cellSize: number; - gridGap: number; - gridX: number; - gridY: number; - /** Background fill color for each cell */ - cellBgColor?: number; - /** Border/stroke color for each cell */ - cellBorderColor?: number; -} - -/** - * Renders the static grid background (empty cells with borders). - * Separated from item rendering so it can be drawn once and left alone. - */ -export class GridBackgroundRenderer { - private scene: Phaser.Scene; - private parentContainer: Phaser.GameObjects.Container; - private cellSize: number; - private gridGap: number; - private gridX: number; - private gridY: number; - private cellBgColor: number; - private cellBorderColor: number; - - private graphics!: Phaser.GameObjects.Graphics; - - constructor(options: GridBackgroundRendererOptions) { - this.scene = options.scene; - this.parentContainer = options.parentContainer; - this.cellSize = options.cellSize; - this.gridGap = options.gridGap; - this.gridX = options.gridX; - this.gridY = options.gridY; - this.cellBgColor = options.cellBgColor ?? 0x1a1a2e; - this.cellBorderColor = options.cellBorderColor ?? 0x444477; - } - - /** - * Draw the grid background for the given dimensions. - * Should be called once during initialization. - */ - draw(width: number, height: number): void { - this.graphics = this.scene.add.graphics(); - - for (let y = 0; y < height; y++) { - for (let x = 0; x < width; x++) { - const px = this.gridX + x * (this.cellSize + this.gridGap); - const py = this.gridY + y * (this.cellSize + this.gridGap); - - this.graphics.fillStyle(this.cellBgColor); - this.graphics.fillRect(px, py, this.cellSize, this.cellSize); - this.graphics.lineStyle(2, this.cellBorderColor); - this.graphics.strokeRect(px, py, this.cellSize, this.cellSize); - } - } - - this.parentContainer.add(this.graphics); - } - - /** - * Destroy the graphics object. - */ - destroy(): void { - this.graphics?.destroy(); - } -} diff --git a/packages/sts-like-viewer/src/widgets/LostItemManager.ts b/packages/sts-like-viewer/src/widgets/LostItemManager.ts deleted file mode 100644 index b7a21ff..0000000 --- a/packages/sts-like-viewer/src/widgets/LostItemManager.ts +++ /dev/null @@ -1,157 +0,0 @@ -import Phaser from "phaser"; -import { - type InventoryItem, - type GameItemMeta, -} from "boardgame-core/samples/slay-the-spire-like"; - -export interface LostItem { - id: string; - container: Phaser.GameObjects.Container; - shape: InventoryItem["shape"]; - transform: InventoryItem["transform"]; - meta: InventoryItem["meta"]; -} - -export interface LostItemManagerOptions { - scene: Phaser.Scene; - cellSize: number; - gridGap: number; - getItemColor: (itemId: string) => number; - onLostItemDragStart: ( - itemId: string, - container: Phaser.GameObjects.Container, - ) => void; - isDragging: () => boolean; -} - -/** - * Manages "lost" items — items that were dropped outside valid grid placement. - * Renders them as semi-transparent red-bordered containers that can be re-dragged. - */ -export class LostItemManager { - private scene: Phaser.Scene; - private cellSize: number; - private gridGap: number; - private getItemColor: (itemId: string) => number; - private onLostItemDragStart: ( - itemId: string, - container: Phaser.GameObjects.Container, - ) => void; - private isDragging: () => boolean; - - private lostItems = new Map(); - - constructor(options: LostItemManagerOptions) { - this.scene = options.scene; - this.cellSize = options.cellSize; - this.gridGap = options.gridGap; - this.getItemColor = options.getItemColor; - this.onLostItemDragStart = options.onLostItemDragStart; - this.isDragging = options.isDragging; - } - - /** - * Create a visual representation of a lost item at the given position. - */ - createLostItem( - itemId: string, - shape: InventoryItem["shape"], - transform: InventoryItem["transform"], - meta: InventoryItem["meta"], - x: number, - y: number, - ): void { - const container = this.scene.add.container(x, y).setDepth(500); - - const graphics = this.scene.add.graphics(); - const color = this.getItemColor(itemId); - - for (let gy = 0; gy < shape.height; gy++) { - for (let gx = 0; gx < shape.width; gx++) { - if (shape.grid[gy]?.[gx]) { - graphics.fillStyle(color, 0.5); - graphics.fillRect( - gx * (this.cellSize + this.gridGap), - gy * (this.cellSize + this.gridGap), - this.cellSize - 2, - this.cellSize - 2, - ); - graphics.lineStyle(2, 0xff4444); - graphics.strokeRect( - gx * (this.cellSize + this.gridGap), - gy * (this.cellSize + this.gridGap), - this.cellSize, - this.cellSize, - ); - } - } - } - container.add(graphics); - - const name = meta?.itemData.name ?? itemId; - const text = this.scene.add - .text(0, -20, `${name} (lost)`, { - fontSize: "12px", - color: "#ff4444", - fontStyle: "italic", - }) - .setOrigin(0.5); - container.add(text); - - const hitRect = new Phaser.Geom.Rectangle( - 0, - 0, - this.cellSize, - this.cellSize, - ); - container.setInteractive(hitRect, Phaser.Geom.Rectangle.Contains); - - container.on("pointerdown", (pointer: Phaser.Input.Pointer) => { - // Guard against stale events firing on destroyed containers - if (!container.scene || !container.active) return; - if (this.isDragging()) return; - if (pointer.button === 0) { - this.onLostItemDragStart(itemId, container); - } - }); - - this.lostItems.set(itemId, { - id: itemId, - container, - shape, - transform: { ...transform }, - meta, - }); - } - - /** - * Get all lost item IDs. - */ - getLostItemIds(): string[] { - return Array.from(this.lostItems.keys()); - } - - /** - * Get a lost item by ID, or undefined if not found. - */ - getLostItem(itemId: string): LostItem | undefined { - return this.lostItems.get(itemId); - } - - /** - * Destroy and clear all lost items. - */ - clear(): void { - for (const lost of this.lostItems.values()) { - lost.container.destroy(); - } - this.lostItems.clear(); - } - - /** - * Destroy all managed visuals. - */ - destroy(): void { - this.clear(); - } -}