[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_26":27,"_28":29,"_30":12,"_31":12,"_32":12,"_33":12,"_34":12,"_35":12,"_36":37},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":12},"sharedTextdoc",{"_13":14,"_15":-7,"_16":17,"_18":19,"_20":21,"_22":23,"_24":12,"_25":12},"isAuthenticated",false,"sharedTextdocId","69be7e230cf88191873a6b5aad3b927d","versionInt","title","React App Preview のコピー","type","code/react","content","import React, { useEffect, useState } from \"react\";\n\ntype Player = {\n id: string;\n name: string;\n hp: number;\n charge: number;\n chargeMax: number;\n};\n\ntype Nemesis = {\n hp: number;\n tokens: number;\n};\n\ntype PowerCard = {\n id: string;\n name: string;\n remaining: number;\n max: number;\n};\n\ntype Minion = {\n id: string;\n name: string;\n hp: number;\n};\n\ntype AppState = {\n players: Player[];\n nemesis: Nemesis;\n deckTemplate: string[];\n deck: string[];\n discard: string[];\n log: string[];\n phase: \"setup\" | \"play\";\n powerCards: PowerCard[];\n minions: Minion[];\n banner: string | null;\n};\n\nconst LS_KEY = \"aeons-end-companion-v2-compact\";\nconst TURN_CARD_OPTIONS = [\"P1\", \"P2\", \"P3\", \"P4\", \"N\", \"W\"] as const;\n\nfunction uid() {\n return Math.random().toString(36).slice(2, 9);\n}\n\nfunction clamp(n: number, min: number, max: number) {\n return Math.max(min, Math.min(max, n));\n}\n\nfunction shuffle(arr: T[] | undefined | null): T[] {\n const a = Array.isArray(arr) ? [...arr] : [];\n for (let i = a.length - 1; i > 0; i -= 1) {\n const j = Math.floor(Math.random() * (i + 1));\n [a[i], a[j]] = [a[j], a[i]];\n }\n return a;\n}\n\nfunction makePlayers(count: number): Player[] {\n return Array.from({ length: count }, (_, i) => ({\n id: uid(),\n name: `P${i + 1}`,\n hp: 10,\n charge: 0,\n chargeMax: 4,\n }));\n}\n\nfunction makeDefaultState(): AppState {\n return {\n players: makePlayers(2),\n nemesis: { hp: 70, tokens: 0 },\n deckTemplate: [\"P1\", \"P1\", \"P2\", \"P2\", \"N\", \"N\"],\n deck: [],\n discard: [],\n log: [\"⚙️ 新規ゲームを作成\"],\n phase: \"setup\",\n powerCards: [],\n minions: [],\n banner: null,\n };\n}\n\nfunction loadStateRaw(): unknown | null {\n try {\n const raw = localStorage.getItem(LS_KEY);\n if (!raw) return null;\n return JSON.parse(raw);\n } catch {\n return null;\n }\n}\n\nfunction saveState(state: AppState) {\n try {\n localStorage.setItem(LS_KEY, JSON.stringify(state));\n } catch {\n // ignore storage errors\n }\n}\n\nfunction migrateState(raw: any): AppState {\n const fallback = makeDefaultState();\n if (!raw || typeof raw !== \"object\") return fallback;\n\n const players: Player[] = Array.isArray(raw.players)\n ? raw.players.map((p: any, idx: number) => ({\n id: typeof p?.id === \"string\" && p.id ? p.id : uid(),\n name: typeof p?.name === \"string\" && p.name ? p.name : `P${idx + 1}`,\n hp: Number.isFinite(p?.hp) ? Number(p.hp) : 10,\n charge: Number.isFinite(p?.charge) ? Number(p.charge) : 0,\n chargeMax: Number.isFinite(p?.chargeMax) ? Number(p.chargeMax) : 4,\n }))\n : fallback.players;\n\n const nemesis: Nemesis = {\n hp: Number.isFinite(raw?.nemesis?.hp) ? Number(raw.nemesis.hp) : fallback.nemesis.hp,\n tokens: Number.isFinite(raw?.nemesis?.tokens) ? Number(raw.nemesis.tokens) : fallback.nemesis.tokens,\n };\n\n const deckTemplate = Array.isArray(raw.deckTemplate) ? raw.deckTemplate.slice() : fallback.deckTemplate.slice();\n const deck = Array.isArray(raw.deck) ? raw.deck.slice() : [];\n const discard = Array.isArray(raw.discard) ? raw.discard.slice() : [];\n const log = Array.isArray(raw.log) ? raw.log.slice() : fallback.log.slice();\n const phase: \"setup\" | \"play\" = raw.phase === \"play\" ? \"play\" : \"setup\";\n\n const powerCards: PowerCard[] = Array.isArray(raw.powerCards)\n ? raw.powerCards.map((pc: any) => ({\n id: typeof pc?.id === \"string\" && pc.id ? pc.id : uid(),\n name: typeof pc?.name === \"string\" && pc.name ? pc.name : \"パワー\",\n remaining: Number.isFinite(pc?.remaining)\n ? Number(pc.remaining)\n : Number.isFinite(pc?.max)\n ? Number(pc.max)\n : 2,\n max: Number.isFinite(pc?.max) ? Number(pc.max) : Math.max(0, Number(pc?.remaining) || 2),\n }))\n : [];\n\n const minions: Minion[] = Array.isArray(raw.minions)\n ? raw.minions.map((m: any) => ({\n id: typeof m?.id === \"string\" && m.id ? m.id : uid(),\n name: typeof m?.name === \"string\" && m.name ? m.name : \"ミニオン\",\n hp: Number.isFinite(m?.hp) ? Number(m.hp) : 6,\n }))\n : [];\n\n const banner = typeof raw.banner === \"string\" ? raw.banner : null;\n\n return {\n players,\n nemesis,\n deckTemplate,\n deck,\n discard,\n log,\n phase,\n powerCards,\n minions,\n banner,\n };\n}\n\nfunction drawFromDeckTop(deckInput: string[] | undefined, discardInput: string[] | undefined) {\n const deck = Array.isArray(deckInput) ? deckInput : [];\n const discard = Array.isArray(discardInput) ? discardInput : [];\n\n if (deck.length > 0) {\n const drawn = deck[deck.length - 1];\n return {\n deck: deck.slice(0, -1),\n discard: [...discard, drawn],\n drawn,\n };\n }\n\n if (discard.length === 0) {\n return {\n deck,\n discard,\n drawn: undefined as string | undefined,\n };\n }\n\n const rebuilt = shuffle(discard);\n const drawn = rebuilt[rebuilt.length - 1];\n return {\n deck: rebuilt.slice(0, -1),\n discard: [drawn],\n drawn,\n };\n}\n\nfunction putBackFromDiscard(deckInput: string[] | undefined, discardInput: string[] | undefined, index: number) {\n const deck = Array.isArray(deckInput) ? deckInput : [];\n const discard = Array.isArray(discardInput) ? discardInput : [];\n if (discard.length === 0) return { deck, discard };\n\n const idx = clamp(index, 0, discard.length - 1);\n const card = discard[idx];\n const nextDiscard = discard.filter((_, i) => i !== idx);\n const nextDeck = [...deck, card];\n\n return { deck: nextDeck, discard: nextDiscard };\n}\n\nfunction CompactStepper({\n value,\n onDecrement,\n onIncrement,\n onChange,\n min = 0,\n max = 999,\n inputWidth = \"w-10\",\n}: {\n value: number;\n onDecrement: () => void;\n onIncrement: () => void;\n onChange?: (value: number) => void;\n min?: number;\n max?: number;\n inputWidth?: string;\n}) {\n return (\n

\n \n -\n \n {onChange ? (\n onChange(clamp(Number(e.target.value) || 0, min, max))}\n />\n ) : (\n

\n {value}\n

\n )}\n \n +\n \n

\n );\n}\n\nfunction PowerBar({ remaining, max }: { remaining: number; max: number }) {\n const pct = max > 0 ? Math.round((remaining / max) * 100) : 0;\n return (\n

\n );\n}\n\nfunction AddPowerCardForm({ onAdd }: { onAdd: (card: PowerCard) => void }) {\n const [max, setMax] = useState(2);\n\n return (\n

\n 初期パワー\n setMax((prev) => clamp(prev - 1, 0, 9))}\n onIncrement={() => setMax((prev) => clamp(prev + 1, 0, 9))}\n onChange={(value) => setMax(clamp(Number(value) || 0, 0, 9))}\n max={9}\n inputWidth=\"w-12\"\n />\n {\n const nextMax = clamp(Number(max) || 0, 0, 9);\n onAdd({ id: uid(), name: \"パワー\", remaining: nextMax, max: nextMax });\n setMax(2);\n }}\n >\n 追加\n \n

\n );\n}\n\nexport default function AeonsEndCompanion() {\n const [state, setState] = useState(makeDefaultState);\n const [logOpen, setLogOpen] = useState(false);\n\n useEffect(() => {\n const loaded = migrateState(loadStateRaw());\n setState(loaded);\n }, []);\n\n useEffect(() => {\n saveState(state);\n }, [state]);\n\n const updatePlayerCount = (count: number) => {\n setState((prev) => {\n const nextCount = clamp(count, 1, 4);\n const nextPlayers = prev.players.slice(0, nextCount);\n while (nextPlayers.length < nextCount) {\n nextPlayers.push({\n id: uid(),\n name: `P${nextPlayers.length + 1}`,\n hp: 10,\n charge: 0,\n chargeMax: 4,\n });\n }\n return { ...prev, players: nextPlayers };\n });\n };\n\n const updatePlayer = (id: string, updater: (player: Player) => Player) => {\n setState((prev) => ({\n ...prev,\n players: prev.players.map((player) => (player.id === id ? updater(player) : player)),\n }));\n };\n\n const startGame = () => {\n setState((prev) => ({\n ...prev,\n phase: \"play\",\n deck: shuffle(prev.deckTemplate),\n discard: [],\n powerCards: [],\n minions: [],\n banner: null,\n log: [\"▶️ ゲーム開始\", ...prev.log],\n }));\n };\n\n const resetAll = () => setState(makeDefaultState());\n\n const addLog = (text: string) => {\n setState((prev) => ({ ...prev, log: [text, ...prev.log].slice(0, 100) }));\n };\n\n const drawCard = () => {\n setState((prev) => {\n const result = drawFromDeckTop(prev.deck, prev.discard);\n if (!result.drawn) return prev;\n\n let nextPowerCards = prev.powerCards;\n let nextBanner = prev.banner;\n let logText = `ターン順カード: ${result.drawn}`;\n\n if (result.drawn === \"N\" && prev.powerCards.length > 0) {\n nextPowerCards = prev.powerCards.map((card, idx) =>\n idx === 0 ? { ...card, remaining: clamp(card.remaining - 1, 0, card.max) } : card,\n );\n if (nextPowerCards[0].remaining === 0) {\n nextBanner = \"⚠️ パワーカードのパワーがゼロになりました\";\n }\n logText += \" / ネメシスでパワー-1\";\n }\n\n return {\n ...prev,\n deck: result.deck,\n discard: result.discard,\n powerCards: nextPowerCards,\n banner: nextBanner,\n log: [logText, ...prev.log].slice(0, 100),\n };\n });\n };\n\n const rebuildDeck = () => {\n setState((prev) => ({\n ...prev,\n deck: shuffle([...prev.deck, ...prev.discard]),\n discard: [],\n log: [\"🔄 ターン順デッキを再構築\", ...prev.log].slice(0, 100),\n }));\n };\n\n const putBackCard = (index: number) => {\n setState((prev) => {\n const moved = putBackFromDiscard(prev.deck, prev.discard, index);\n return {\n ...prev,\n deck: moved.deck,\n discard: moved.discard,\n log: [\"↩️ 捨て札から山札へ戻しました\", ...prev.log].slice(0, 100),\n };\n });\n };\n\n const putBackLatestCard = () => {\n setState((prev) => {\n if (prev.discard.length === 0) return prev;\n const moved = putBackFromDiscard(prev.deck, prev.discard, prev.discard.length - 1);\n return {\n ...prev,\n deck: moved.deck,\n discard: moved.discard,\n log: [\"↩️ 直前のカードを山札の上に戻しました\", ...prev.log].slice(0, 100),\n };\n });\n };\n\n const addPowerCard = (card: PowerCard) => {\n setState((prev) => ({\n ...prev,\n powerCards: [...prev.powerCards, card],\n log: [`🟨 パワーカードを追加 (${card.max})`, ...prev.log].slice(0, 100),\n }));\n };\n\n const changePower = (id: string, delta: number) => {\n setState((prev) => {\n const nextCards = prev.powerCards.map((card) =>\n card.id === id ? { ...card, remaining: clamp(card.remaining + delta, 0, card.max) } : card,\n );\n const hasZero = nextCards.some((card) => card.remaining === 0);\n return {\n ...prev,\n powerCards: nextCards,\n banner: hasZero ? \"⚠️ パワーカードのパワーがゼロになりました\" : prev.banner,\n };\n });\n };\n\n const removePowerCard = (id: string) => {\n setState((prev) => {\n const nextCards = prev.powerCards.filter((card) => card.id !== id);\n const hasZero = nextCards.some((card) => card.remaining === 0);\n return {\n ...prev,\n powerCards: nextCards,\n banner: hasZero ? prev.banner : null,\n log: [\"🗑️ パワーカードを廃棄\", ...prev.log].slice(0, 100),\n };\n });\n };\n\n const addMinion = () => {\n setState((prev) => ({\n ...prev,\n minions: [...prev.minions, { id: uid(), name: `ミニオン${prev.minions.length + 1}`, hp: 6 }],\n log: [\"👾 ミニオンを追加\", ...prev.log].slice(0, 100),\n }));\n };\n\n const updateMinion = (id: string, updater: (minion: Minion) => Minion) => {\n setState((prev) => ({\n ...prev,\n minions: prev.minions.map((minion) => (minion.id === id ? updater(minion) : minion)),\n }));\n };\n\n const removeMinion = (id: string) => {\n setState((prev) => ({\n ...prev,\n minions: prev.minions.filter((minion) => minion.id !== id),\n log: [\"🗑️ ミニオンを削除\", ...prev.log].slice(0, 100),\n }));\n };\n\n return (\n

\n このアプリは非公式の補助ツールです。公式製品・公式サポートではありません。ゲームの正式なルール、裁定、カード効果の確認は、必ず公式ルールブックや公式情報をご参照ください。本アプリの内容の正確性、完全性、継続的な提供は保証されません。\n

\n\n {state.phase === \"setup\" ? (\n

Aeon's End 非公式コンパニオン

\n\n

プレイヤー設定

\n 人数\n updatePlayerCount(state.players.length - 1)}\n onIncrement={() => updatePlayerCount(state.players.length + 1)}\n onChange={(value) => updatePlayerCount(value)}\n min={1}\n max={4}\n inputWidth=\"w-12\"\n />\n

\n {state.players.map((player, idx) => (\n

P{idx + 1}

HP\n updatePlayer(player.id, (p) => ({ ...p, hp: clamp(p.hp - 1, 0, 99) }))}\n onIncrement={() => updatePlayer(player.id, (p) => ({ ...p, hp: clamp(p.hp + 1, 0, 99) }))}\n onChange={(value) => updatePlayer(player.id, (p) => ({ ...p, hp: clamp(value, 0, 99) }))}\n max={99}\n inputWidth=\"w-14\"\n />\n

Ch\n updatePlayer(player.id, (p) => ({ ...p, chargeMax: clamp(p.chargeMax - 1, 0, 9), charge: Math.min(p.charge, clamp(p.chargeMax - 1, 0, 9)) }))}\n onIncrement={() => updatePlayer(player.id, (p) => ({ ...p, chargeMax: clamp(p.chargeMax + 1, 0, 9) }))}\n onChange={(value) => updatePlayer(player.id, (p) => ({ ...p, chargeMax: clamp(value, 0, 9), charge: Math.min(p.charge, clamp(value, 0, 9)) }))}\n max={9}\n inputWidth=\"w-12\"\n />\n

\n ))}\n

\n\n

ネメシス設定

\n HP\n setState((prev) => ({ ...prev, nemesis: { ...prev.nemesis, hp: clamp(prev.nemesis.hp - 1, 0, 999) } }))}\n onIncrement={() => setState((prev) => ({ ...prev, nemesis: { ...prev.nemesis, hp: clamp(prev.nemesis.hp + 1, 0, 999) } }))}\n onChange={(value) => setState((prev) => ({ ...prev, nemesis: { ...prev.nemesis, hp: clamp(value, 0, 999) } }))}\n max={999}\n inputWidth=\"w-16\"\n />\n

\n トークン\n setState((prev) => ({ ...prev, nemesis: { ...prev.nemesis, tokens: clamp(prev.nemesis.tokens - 1, 0, 999) } }))}\n onIncrement={() => setState((prev) => ({ ...prev, nemesis: { ...prev.nemesis, tokens: clamp(prev.nemesis.tokens + 1, 0, 999) } }))}\n onChange={(value) => setState((prev) => ({ ...prev, nemesis: { ...prev.nemesis, tokens: clamp(value, 0, 999) } }))}\n max={999}\n inputWidth=\"w-16\"\n />\n

ターン順カード設定

\n {TURN_CARD_OPTIONS.map((card) => {\n const count = state.deckTemplate.filter((item) => item === card).length;\n return (\n

\n {card}\n \n setState((prev) => {\n const idx = prev.deckTemplate.findIndex((item) => item === card);\n if (idx < 0) return prev;\n return {\n ...prev,\n deckTemplate: prev.deckTemplate.filter((_, i) => i !== idx),\n };\n })\n }\n onIncrement={() =>\n setState((prev) => ({\n ...prev,\n deckTemplate: [...prev.deckTemplate, card],\n }))\n }\n onChange={(value) =>\n setState((prev) => {\n const nextCount = clamp(value, 0, 20);\n const others = prev.deckTemplate.filter((item) => item !== card);\n return {\n ...prev,\n deckTemplate: [...others, ...Array.from({ length: nextCount }, () => card)],\n };\n })\n }\n max={20}\n inputWidth=\"w-12\"\n />\n

\n );\n })}\n

\n\n

\n \n \n

\n ) : (\n

プレイヤー

\n {state.players.map((player, idx) => {\n const ready = player.charge >= player.chargeMax;\n return (\n

P{idx + 1}

\n HP\n updatePlayer(player.id, (p) => ({ ...p, hp: clamp(p.hp - 1, 0, 99) }))}\n onIncrement={() => updatePlayer(player.id, (p) => ({ ...p, hp: clamp(p.hp + 1, 0, 99) }))}\n />\n

\n Ch\n updatePlayer(player.id, (p) => ({ ...p, charge: clamp(p.charge - 1, 0, p.chargeMax) }))}\n onIncrement={() => updatePlayer(player.id, (p) => ({ ...p, charge: clamp(p.charge + 1, 0, p.chargeMax) }))}\n />\n / {player.chargeMax}\n

\n {ready ? \"READY\" : \"-\"}\n

\n {\n updatePlayer(player.id, (p) => ({ ...p, charge: 0 }));\n addLog(`P${idx + 1} のチャージをリセットしました`);\n }}\n >\n Reset\n \n

\n );\n })}\n

\n\n

ネメシス

HP\n setState((prev) => ({ ...prev, nemesis: { ...prev.nemesis, hp: clamp(prev.nemesis.hp - 1, 0, 999) } }))}\n onIncrement={() => setState((prev) => ({ ...prev, nemesis: { ...prev.nemesis, hp: clamp(prev.nemesis.hp + 1, 0, 999) } }))}\n />\n

Token\n setState((prev) => ({ ...prev, nemesis: { ...prev.nemesis, tokens: clamp(prev.nemesis.tokens - 1, 0, 999) } }))}\n onIncrement={() => setState((prev) => ({ ...prev, nemesis: { ...prev.nemesis, tokens: clamp(prev.nemesis.tokens + 1, 0, 999) } }))}\n />\n

\n\n

ターン順

\n \n \n 直前を戻す\n \n \n

\n 山札: {state.deck.length}枚\n

捨て札:

\n {state.discard.length === 0 ? (\n

なし

\n ) : (\n

\n {[...state.discard].reverse().map((card, idx) => {\n const originalIndex = state.discard.length - 1 - idx;\n return (\n putBackCard(originalIndex)}\n title=\"山札の上に戻す\"\n >\n {card}\n \n );\n })}\n

\n )}\n

\n\n

パワーカード

\n \n

\n {state.banner && (\n

\n {state.banner}\n setState((prev) => ({ ...prev, banner: null }))}\n >\n ×\n \n

\n )}\n

\n {state.powerCards.length === 0 ? (\n

パワーカードなし

\n ) : (\n state.powerCards.map((card, idx) => (\n

Power {idx + 1}

\n \n {card.remaining} / {card.max}\n

\n \n \n \n

\n ))\n )}\n

\n\n

ミニオン

\n \n

\n {state.minions.length === 0 ? (\n

ミニオンなし

\n ) : (\n state.minions.map((minion) => (\n

\n updateMinion(minion.id, (m) => ({ ...m, name: e.target.value }))}\n />\n updateMinion(minion.id, (m) => ({ ...m, hp: clamp(m.hp - 1, 0, 999) }))}\n onIncrement={() => updateMinion(minion.id, (m) => ({ ...m, hp: clamp(m.hp + 1, 0, 999) }))}\n />\n \n

\n ))\n )}\n

\n\n

\n \n {logOpen && (\n

\n {state.log.map((item, i) => (\n

{item}

\n ))}\n

\n )}\n

\n\n

\n \n \n

\n )}\n

\n );\n}\n","access","public","isModerationBlocked","isAnonifyApiKeyDetected","dd",{"_38":39,"_40":41},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",37],"traceId","16744500921323434391","traceTime",1781368407483]