[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_222":223,"_224":225},"routes/_app.x.$handle.$name",{"_96":95,"_32":46,"_105":86,"_27":106,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":25,"_120":121,"_122":123,"_124":-5,"_125":-5,"_126":127},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":-5,"_58":25,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",47,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","frontend/components/App.tsx","latestPath","fileId","01a06076-0006-7582-a96a-a677419b6b1e","name","App.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\n\n// ---- 設定 ----\nconst MILESTONES = [100, 1000, 10000, 100000, 1000000, 5000000, 100000000];\n\nconst FRUITS = [\n { name: \"りんご\", emoji: \"🍎\" },\n { name: \"メロン\", emoji: \"🍈\" },\n { name: \"すいか\", emoji: \"🍉\" },\n { name: \"キウイ\", emoji: \"🥝\" },\n { name: \"伝説のフルーツ\", emoji: \"🍀\" },\n { name: \"脳の果実\", emoji: \"🧠\" },\n];\n\nconst ANIMALS = [\n { name: \"ひよこ\", emoji: \"🐣\" },\n { name: \"にわとり\", emoji: \"🐔\" },\n { name: \"たか\", emoji: \"🦅\" },\n { name: \"くじゃく\", emoji: \"🦚\" },\n { name: \"ドラゴン\", emoji: \"🐉\" },\n { name: \"大海の蛙\", emoji: \"🐸\" },\n];\n\nconst MAX_LEVEL = 10;\nconst PER_PRESS = [1, 2, 10, 20, 50, 100, 200, 300, 400, 500, 600];\n\nconst EQUIPMENT = [\n { name: \"スプリンクラー\", emoji: \"💦\", cost: 1000, rate: 10 },\n { name: \"農薬\", emoji: \"🧪\", cost: 2000, rate: 20 },\n { name: \"農家\", emoji: \"🧑‍🌾\", cost: 5000, rate: 100 },\n { name: \"害獣の助け-イノシシ\", emoji: \"🐗\", cost: 10000, rate: 100 },\n { name: \"害獣の助け-サル\", emoji: \"🐒\", cost: 50000, rate: 500 },\n { name: \"害獣の助け-シカ\", emoji: \"🦌\", cost: 100000, rate: 1000 },\n { name: \"害獣の助け-猫\", emoji: \"🐱\", cost: 500000, rate: 2000 },\n { name: \"害獣の助け-鼠\", emoji: \"🐀\", cost: 10000000, rate: 5000 },\n { name: \"害獣の助け-熊\", emoji: \"🐻\", cost: 100000000, rate: 7000 },\n { name: \"気候変動の助け-大雨\", emoji: \"☔\", cost: 500000000, rate: 9000 },\n { name: \"気候変動の助け-大暑\", emoji: \"🔥\", cost: 1000000000, rate: 10000 },\n];\n\nconst tierForPoints = (p: number) =>\n Math.min(MILESTONES.filter((m) => p >= m).length, MILESTONES.length - 1);\n\nconst fruitTierForPoints = (p: number) =>\n Math.min(tierForPoints(p), FRUITS.length - 1);\n\nconst UPGRADE_COST = (level: number) => {\n switch (level) {\n case 5: return 500000; // Lv5→6\n case 6: return 10000000; // Lv6→7\n case 7: return 100000000; // Lv7→8\n case 8: return 500000000; // Lv8→9\n case 9: return 1000000000; // Lv9→10\n default: return 100 * Math.pow(10, level);\n }\n};\n\nconst clamp = (v: number, min: number, max: number) => Math.max(min, Math.min(max, v));\n\ntype GameState = {\n money: number;\n fruitPoints: number;\n animalGrowth: number;\n buttonLevel: number;\n equipment: number[];\n lastSaveTime: number;\n};\n\nconst initialState: GameState = {\n money: 0,\n fruitPoints: 0,\n animalGrowth: 0,\n buttonLevel: 0,\n equipment: [],\n lastSaveTime: Date.now(),\n};\n\nconst SAVE_KEY = \"fruit-grower-save\";\n\nfunction load(): GameState {\n try {\n const raw = localStorage.getItem(SAVE_KEY);\n if (!raw) return { ...initialState };\n\n const saved = JSON.parse(raw) as Partial;\n const restored: GameState = {\n ...initialState,\n ...saved,\n };\n\n if (saved.lastSaveTime) {\n const now = Date.now();\n const elapsedSeconds = Math.floor((now - saved.lastSaveTime) / 1000);\n if (elapsedSeconds > 0) {\n const rate = (restored.equipment || []).reduce((sum, i) => sum + EQUIPMENT[i].rate, 0);\n const gained = rate * elapsedSeconds;\n if (gained > 0) {\n restored.fruitPoints = (restored.fruitPoints || 0) + gained;\n (restored as any)._offlineGain = gained;\n }\n }\n }\n\n restored.lastSaveTime = Date.now();\n return restored;\n } catch (_) {\n return { ...initialState };\n }\n}\n\nfunction progressInTier(points: number, tier: number) {\n const start = tier > 0 ? MILESTONES[tier - 1] : 0;\n const end = MILESTONES[tier];\n return clamp((points - start) / (end - start), 0, 1);\n}\n\nexport function App() {\n const [state, setState] = useState(load);\n const [popups, setPopups] = useState<{ id: number; text: string; kind: string }[]>([]);\n const [growShake, setGrowShake] = useState(0);\n const [menuOpen, setMenuOpen] = useState(false);\n const [menuScreen, setMenuScreen] = useState(null);\n\n useEffect(() => {\n const raw = localStorage.getItem(SAVE_KEY);\n if (raw) {\n try {\n const saved = JSON.parse(raw);\n if ((saved as any)._offlineGain) {\n const gain = (saved as any)._offlineGain;\n showPopup(`📴 オフライン中に +${gain.toLocaleString()}pt 獲得！`, \"note\");\n delete (saved as any)._offlineGain;\n localStorage.setItem(SAVE_KEY, JSON.stringify(saved));\n }\n } catch (_) {}\n }\n }, []);\n\n useEffect(() => {\n const toStore = { ...state };\n toStore.lastSaveTime = Date.now();\n localStorage.setItem(SAVE_KEY, JSON.stringify(toStore));\n }, [state]);\n\n useEffect(() => {\n const handleBeforeUnload = () => {\n const toStore = { ...state };\n toStore.lastSaveTime = Date.now();\n localStorage.setItem(SAVE_KEY, JSON.stringify(toStore));\n };\n window.addEventListener(\"beforeunload\", handleBeforeUnload);\n return () => window.removeEventListener(\"beforeunload\", handleBeforeUnload);\n }, [state]);\n\n const showPopup = (text: string, kind = \"money\") => {\n const id = Date.now() + Math.random();\n setPopups((p) => [...p, { id, text, kind }]);\n setTimeout(() => setPopups((p) => p.filter((x) => x.id !== id)), 1200);\n };\n\n const addPerPress = PER_PRESS[state.buttonLevel] ?? 1;\n\n const fruitTier = fruitTierForPoints(state.fruitPoints);\n const fruit = FRUITS[fruitTier];\n const animalTier = tierForPoints(state.animalGrowth);\n const animal = ANIMALS[animalTier];\n\n const totalRate = state.equipment.reduce((sum, i) => sum + EQUIPMENT[i].rate, 0);\n const stateRef = useRef(state);\n useEffect(() => {\n stateRef.current = state;\n }, [state]);\n\n useEffect(() => {\n if (totalRate <= 0) return;\n const id = setInterval(() => {\n const prev = stateRef.current.fruitPoints;\n const next = prev + totalRate;\n const prevTier = fruitTierForPoints(prev);\n const nextTier = fruitTierForPoints(next);\n if (nextTier > prevTier) {\n setTimeout(\n () => showPopup(`${FRUITS[nextTier].emoji} ${FRUITS[nextTier].name} に変化！`, \"evolve\"),\n 300\n );\n }\n setState((s) => ({ ...s, fruitPoints: s.fruitPoints + totalRate }));\n }, 1000);\n return () => clearInterval(id);\n }, [totalRate]);\n\n const grow = () => {\n const newPoints = state.fruitPoints + addPerPress;\n const newTier = fruitTierForPoints(newPoints);\n if (newTier > fruitTier) {\n setTimeout(\n () => showPopup(`${FRUITS[newTier].emoji} ${FRUITS[newTier].name} に変化！`, \"evolve\"),\n 250\n );\n }\n setGrowShake((s) => s + 1);\n setState((s) => ({ ...s, fruitPoints: s.fruitPoints + addPerPress }));\n };\n\n const feed = () => {\n const gained = state.fruitPoints;\n if (gained <= 0) {\n showPopup(\"まだ育っていないよ\", \"note\");\n return;\n }\n const newGrowth = state.animalGrowth + gained;\n const newAnimalTier = tierForPoints(newGrowth);\n const evolutions: string[] = [];\n for (let t = animalTier + 1; t <= newAnimalTier; t++) {\n const a = ANIMALS[t];\n const display = a.image ? `🖼️${a.name}` : `${a.emoji} ${a.name}`;\n evolutions.push(`${display} に進化！`);\n }\n setState((s) => ({\n ...s,\n money: s.money + gained,\n animalGrowth: newGrowth,\n fruitPoints: 0,\n }));\n showPopup(`+${gained.toLocaleString()}🪙 / 動物 +${gained.toLocaleString()}pt`, \"money\");\n evolutions.forEach((m, i) => setTimeout(() => showPopup(m, \"evolve\"), 400 + i * 400));\n };\n\n const canUpgrade = state.buttonLevel < MAX_LEVEL && state.money >= UPGRADE_COST(state.buttonLevel);\n const upgrade = () => {\n if (!canUpgrade) return;\n const newLevel = state.buttonLevel + 1;\n const newPoints = PER_PRESS[newLevel] ?? 1;\n setState((s) => ({\n ...s,\n money: s.money - UPGRADE_COST(s.buttonLevel),\n buttonLevel: newLevel,\n }));\n showPopup(`ボタン Lv${newLevel}！ 1クリック ${newPoints}pt`, \"note\");\n };\n\n const buyEquipment = (i: number) => {\n const eq = EQUIPMENT[i];\n if (state.equipment.includes(i) || state.money < eq.cost) return;\n setState((s) => ({\n ...s,\n money: s.money - eq.cost,\n equipment: [...s.equipment, i],\n }));\n showPopup(`${eq.name} を開放！毎秒 +${eq.rate}pt`, \"note\");\n };\n\n const reset = () => {\n if (confirm(\"進捗をリセットしますか？\")) {\n localStorage.removeItem(SAVE_KEY);\n setState({ ...initialState, lastSaveTime: Date.now() });\n setMenuOpen(false);\n setMenuScreen(null);\n }\n };\n\n const toggleMenu = () => {\n setMenuOpen((o) => !o);\n setMenuScreen(null);\n };\n\n const fruitSize = 26 + Math.log10(state.fruitPoints + 1) * 22;\n const nextMilestone = MILESTONES[fruitTier];\n\n return (\n \n

\n 🐾 ペットにエサを！\n

\n\n \n ☰\n \n\n {menuOpen && (\n \n {menuScreen === null && (\n <>\n

\n setMenuScreen(\"button\")} />\n setMenuScreen(\"equipment\")} />\n

\n \n view source\n \n \n

\n \n )}\n\n {menuScreen === \"button\" && (\n <>\n setMenuScreen(null)} />\n

\n 現在 Lv {state.buttonLevel} ／ 1クリック {addPerPress}pt\n

\n {state.buttonLevel < MAX_LEVEL ? (\n \n {canUpgrade\n ? `レベルアップ（Lv${state.buttonLevel + 1}・🪙${UPGRADE_COST(state.buttonLevel).toLocaleString()}）`\n : `🪙${UPGRADE_COST(state.buttonLevel).toLocaleString()} 必要`}\n \n ) : (\n

\n 最大レベル到達！（1クリック {addPerPress}pt）\n

\n )}\n \n )}\n\n {menuScreen === \"equipment\" && (\n <>\n setMenuScreen(null)} />\n

\n 毎秒 {totalRate.toLocaleString()}pt を自動でフルーツに与える\n

\n \n {EQUIPMENT.map((eq, i) => {\n const owned = state.equipment.includes(i);\n const affordable = state.money >= eq.cost;\n return (\n \n

\n {eq.emoji} {eq.name}\n

毎秒 +{eq.rate}pt

\n {owned ? (\n

開放済み ✓

\n ) : (\n buyEquipment(i)}\n disabled={!affordable}\n style={{\n marginTop: 6, width: \"100%\", padding: 9, borderRadius: 9, border: \"none\",\n background: affordable ? \"linear-gradient(180deg,#42a5f5,#1565c0)\" : \"#bdbdbd\",\n color: \"#fff\", fontWeight: 800, fontSize: 13,\n cursor: affordable ? \"pointer\" : \"not-allowed\",\n }}\n >\n {affordable ? `開放する（🪙${eq.cost.toLocaleString()}）` : `🪙${eq.cost.toLocaleString()} 必要`}\n \n )}\n

\n );\n })}\n \n \n )}\n \n )}\n\n

\n 🪙 {state.money.toLocaleString()}\n

\n\n

\n {fruit.emoji}\n

\n {fruit.name} {state.fruitPoints.toLocaleString()}pt\n

\n {fruitTier < FRUITS.length - 1\n ? `あと ${(nextMilestone - state.fruitPoints).toLocaleString()}pt で ${FRUITS[fruitTier + 1].name}`\n : \"進化の頂点！\"}\n {totalRate > 0 && ` ／自動 ${totalRate}pt/秒`}\n

\n\n \n\n \n 育てる！\n

＋{addPerPress}pt

\n \n\n 0\n ? \"linear-gradient(180deg,#ffb300,#ff8f00)\"\n : \"#bdbdbd\",\n boxShadow: \"0 6px 14px rgba(0,0,0,.25)\",\n }}\n >\n {state.fruitPoints > 0\n ? `🍽️ 動物に与える！（+🪙${state.fruitPoints.toLocaleString()}）`\n : \"動物に与える\"}\n \n\n

\n \n {animal.emoji}\n \n

\n {animal.name}\n

\n \n

\n 成長 {state.animalGrowth.toLocaleString()}pt / あと {(MILESTONES[animalTier] - state.animalGrowth).toLocaleString()}pt で進化\n

\n\n

\n {popups.map((p) => (\n \n {p.text}\n

\n ))}\n \n\n \n \n );\n}\n\nfunction MenuHeader({ title, onBack }: { title: string; onBack: () => void }) {\n return (\n

\n \n

{title}

\n );\n}\n\nfunction MenuRowButton({ label, onClick }: { label: string; onClick: () => void }) {\n return (\n \n {label}\n \n );\n}\n\nfunction ProgressBar({ value, color }: { value: number; color: string }) {\n return (\n

\n \n Math.min(MILESTONES.filter((m) => p >= m).length, MILESTONES.length - 1);\n\nconst fruitTierForPoints = (p: number) =>\n Math.min(tierForPoints(p), FRUITS.length - 1);\n\nconst UPGRADE_COST = (level: number) => {\n switch (level) {\n case 5:\n return 500000; // Lv5→6\n case 6:\n return 10000000; // Lv6→7\n case 7:\n return 100000000; // Lv7→8\n case 8:\n return 500000000; // Lv8→9\n case 9:\n return 1000000000; // Lv9→10\n default:\n return 100 * Math.pow(10, level);\n }\n};\n\nconst clamp = (v: number, min: number, max: number) =>\n Math.max(min, Math.min(max, v));\n\ntype GameState = {\n money: number;\n fruitPoints: number;\n animalGrowth: number;\n buttonLevel: number;\n equipment: number[];\n lastSaveTime: number;\n};\n\nconst initialState: GameState = {\n money: 0,\n fruitPoints: 0,\n animalGrowth: 0,\n buttonLevel: 0,\n equipment: [],\n lastSaveTime: Date.now(),\n};\n\nconst SAVE_KEY = \"fruit-grower-save\";\n\nfunction load(): GameState {\n try {\n const raw = localStorage.getItem(SAVE_KEY);\n if (!raw) return { ...initialState };\n\n const saved = JSON.parse(raw) as Partial;\n const restored: GameState = {\n ...initialState,\n ...saved,\n };\n\n if (saved.lastSaveTime) {\n const now = Date.now();\n const elapsedSeconds = Math.floor((now - saved.lastSaveTime) / 1000);\n if (elapsedSeconds > 0) {\n const rate = (restored.equipment || []).reduce(\n (sum, i) => sum + EQUIPMENT[i].rate,\n 0,\n );\n const gained = rate * elapsedSeconds;\n if (gained > 0) {\n restored.fruitPoints = (restored.fruitPoints || 0) + gained;\n (restored as any)._offlineGain = gained;\n }\n }\n }\n\n restored.lastSaveTime = Date.now();\n return restored;\n } catch (_) {\n return { ...initialState };\n }\n}\n\nfunction progressInTier(points: number, tier: number) {\n const start = tier > 0 ? MILESTONES[tier - 1] : 0;\n const end = MILESTONES[tier];\n return clamp((points - start) / (end - start), 0, 1);\n}\n\nexport function App() {\n const [state, setState] = useState(load);\n const [popups, setPopups] = useState<\n { id: number; text: string; kind: string }[]\n >([]);\n const [growShake, setGrowShake] = useState(0);\n const [menuOpen, setMenuOpen] = useState(false);\n const [menuScreen, setMenuScreen] = useState(\n null,\n );\n\n useEffect(() => {\n const raw = localStorage.getItem(SAVE_KEY);\n if (raw) {\n try {\n const saved = JSON.parse(raw);\n if ((saved as any)._offlineGain) {\n const gain = (saved as any)._offlineGain;\n showPopup(\n `📴 オフライン中に +${gain.toLocaleString()}pt 獲得！`,\n \"note\",\n );\n delete (saved as any)._offlineGain;\n localStorage.setItem(SAVE_KEY, JSON.stringify(saved));\n }\n } catch (_) {}\n }\n }, []);\n\n useEffect(() => {\n const toStore = { ...state };\n toStore.lastSaveTime = Date.now();\n localStorage.setItem(SAVE_KEY, JSON.stringify(toStore));\n }, [state]);\n\n useEffect(() => {\n const handleBeforeUnload = () => {\n const toStore = { ...state };\n toStore.lastSaveTime = Date.now();\n localStorage.setItem(SAVE_KEY, JSON.stringify(toStore));\n };\n window.addEventListener(\"beforeunload\", handleBeforeUnload);\n return () => window.removeEventListener(\"beforeunload\", handleBeforeUnload);\n }, [state]);\n\n const showPopup = (text: string, kind = \"money\") => {\n const id = Date.now() + Math.random();\n setPopups((p) => [...p, { id, text, kind }]);\n setTimeout(() => setPopups((p) => p.filter((x) => x.id !== id)), 1200);\n };\n\n const addPerPress = PER_PRESS[state.buttonLevel] ?? 1;\n\n const fruitTier = fruitTierForPoints(state.fruitPoints);\n const fruit = FRUITS[fruitTier];\n const animalTier = tierForPoints(state.animalGrowth);\n const animal = ANIMALS[animalTier];\n\n const totalRate = state.equipment.reduce(\n (sum, i) => sum + EQUIPMENT[i].rate,\n 0,\n );\n const stateRef = useRef(state);\n useEffect(() => {\n stateRef.current = state;\n }, [state]);\n\n useEffect(() => {\n if (totalRate <= 0) return;\n const id = setInterval(() => {\n const prev = stateRef.current.fruitPoints;\n const next = prev + totalRate;\n const prevTier = fruitTierForPoints(prev);\n const nextTier = fruitTierForPoints(next);\n if (nextTier > prevTier) {\n setTimeout(\n () =>\n showPopup(\n `${FRUITS[nextTier].emoji} ${FRUITS[nextTier].name} に変化！`,\n \"evolve\",\n ),\n 300,\n );\n }\n setState((s) => ({ ...s, fruitPoints: s.fruitPoints + totalRate }));\n }, 1000);\n return () => clearInterval(id);\n }, [totalRate]);\n\n const grow = () => {\n const newPoints = state.fruitPoints + addPerPress;\n const newTier = fruitTierForPoints(newPoints);\n if (newTier > fruitTier) {\n setTimeout(\n () =>\n showPopup(\n `${FRUITS[newTier].emoji} ${FRUITS[newTier].name} に変化！`,\n \"evolve\",\n ),\n 250,\n );\n }\n setGrowShake((s) => s + 1);\n setState((s) => ({ ...s, fruitPoints: s.fruitPoints + addPerPress }));\n };\n\n const feed = () => {\n const gained = state.fruitPoints;\n if (gained <= 0) {\n showPopup(\"まだ育っていないよ\", \"note\");\n return;\n }\n const newGrowth = state.animalGrowth + gained;\n const newAnimalTier = tierForPoints(newGrowth);\n const evolutions: string[] = [];\n for (let t = animalTier + 1; t <= newAnimalTier; t++) {\n const a = ANIMALS[t];\n const display = a.image ? `🖼️${a.name}` : `${a.emoji} ${a.name}`;\n evolutions.push(`${display} に進化！`);\n }\n setState((s) => ({\n ...s,\n money: s.money + gained,\n animalGrowth: newGrowth,\n fruitPoints: 0,\n }));\n showPopup(\n `+${gained.toLocaleString()}🪙 / 動物 +${gained.toLocaleString()}pt`,\n \"money\",\n );\n evolutions.forEach((m, i) =>\n setTimeout(() => showPopup(m, \"evolve\"), 400 + i * 400)\n );\n };\n\n const canUpgrade = state.buttonLevel < MAX_LEVEL &&\n state.money >= UPGRADE_COST(state.buttonLevel);\n const upgrade = () => {\n if (!canUpgrade) return;\n const newLevel = state.buttonLevel + 1;\n const newPoints = PER_PRESS[newLevel] ?? 1;\n setState((s) => ({\n ...s,\n money: s.money - UPGRADE_COST(s.buttonLevel),\n buttonLevel: newLevel,\n }));\n showPopup(`ボタン Lv${newLevel}！ 1クリック ${newPoints}pt`, \"note\");\n };\n\n const buyEquipment = (i: number) => {\n const eq = EQUIPMENT[i];\n if (state.equipment.includes(i) || state.money < eq.cost) return;\n setState((s) => ({\n ...s,\n money: s.money - eq.cost,\n equipment: [...s.equipment, i],\n }));\n showPopup(`${eq.name} を開放！毎秒 +${eq.rate}pt`, \"note\");\n };\n\n const reset = () => {\n if (confirm(\"進捗をリセットしますか？\")) {\n localStorage.removeItem(SAVE_KEY);\n setState({ ...initialState, lastSaveTime: Date.now() });\n setMenuOpen(false);\n setMenuScreen(null);\n }\n };\n\n const toggleMenu = () => {\n setMenuOpen((o) => !o);\n setMenuScreen(null);\n };\n\n const fruitSize = 26 + Math.log10(state.fruitPoints + 1) * 22;\n const nextMilestone = MILESTONES[fruitTier];\n\n return (\n \n

\n \n 🐾 ペットにエサを！\n \n

\n\n \n ☰\n \n\n {menuOpen && (\n \n {menuScreen === null && (\n <>\n

\n setMenuScreen(\"button\")}\n />\n setMenuScreen(\"equipment\")}\n />\n \n \n \n view source\n \n \n リセット\n \n

\n \n )}\n\n {menuScreen === \"button\" && (\n <>\n setMenuScreen(null)}\n />\n

\n 現在 Lv {state.buttonLevel} ／ 1クリック {addPerPress}pt\n

\n {state.buttonLevel < MAX_LEVEL\n ? (\n \n {canUpgrade\n ? `レベルアップ（Lv${state.buttonLevel + 1}・🪙${\n UPGRADE_COST(state.buttonLevel).toLocaleString()\n }）`\n : `🪙${\n UPGRADE_COST(state.buttonLevel).toLocaleString()\n } 必要`}\n \n )\n : (\n \n 最大レベル到達！（1クリック {addPerPress}pt）\n \n )}\n \n )}\n\n {menuScreen === \"equipment\" && (\n <>\n setMenuScreen(null)} />\n

\n 毎秒 {totalRate.toLocaleString()}pt を自動でフルーツに与える\n

\n \n {EQUIPMENT.map((eq, i) => {\n const owned = state.equipment.includes(i);\n const affordable = state.money >= eq.cost;\n return (\n \n

\n {eq.emoji} {eq.name}\n

\n 毎秒 +{eq.rate}pt\n

\n {owned\n ? (\n \n 開放済み ✓\n \n )\n : (\n buyEquipment(i)}\n disabled={!affordable}\n style={{\n marginTop: 6,\n width: \"100%\",\n padding: 9,\n borderRadius: 9,\n border: \"none\",\n background: affordable\n ? \"linear-gradient(180deg,#42a5f5,#1565c0)\"\n : \"#bdbdbd\",\n color: \"#fff\",\n fontWeight: 800,\n fontSize: 13,\n cursor: affordable ? \"pointer\" : \"not-allowed\",\n }}\n >\n {affordable\n ? `開放する（🪙${eq.cost.toLocaleString()}）`\n : `🪙${eq.cost.toLocaleString()} 必要`}\n \n )}\n \n );\n })}\n \n \n )}\n \n )}\n\n \n 🪙 {state.money.toLocaleString()}\n \n\n

\n \n {fruit.emoji}\n

\n {fruit.name} {state.fruitPoints.toLocaleString()}pt\n

\n {fruitTier < FRUITS.length - 1\n ? `あと ${\n (nextMilestone - state.fruitPoints).toLocaleString()\n }pt で ${FRUITS[fruitTier + 1].name}`\n : \"進化の頂点！\"}\n {totalRate > 0 && ` ／自動 ${totalRate}pt/秒`}\n

\n \n\n \n\n \n 育てる！\n

\n ＋{addPerPress}pt\n

\n 成長 {state.animalGrowth.toLocaleString()}pt / あと{\" \"}\n {(MILESTONES[animalTier] - state.animalGrowth).toLocaleString()}pt\n で進化\n

\n \n\n \n {popups.map((p) => (\n \n {p.text}\n \n ))}\n \n\n \n \n );\n}\n\nfunction MenuHeader({ title, onBack }: { title: string; onBack: () => void }) {\n return (\n \n \n ←\n \n

{title}

\n \n );\n}\n\nfunction MenuRowButton(\n { label, onClick }: { label: string; onClick: () => void },\n) {\n return (\n \n {label}\n \n );\n}\n\nfunction ProgressBar({ value, color }: { value: number; color: string }) {\n return (\n \n \n \n );\n}","createdAt",["D",1788380597113],"branchVersion","branchId","e38e33fe-5b66-4573-a8cc-3aaeb75354a4","id","464d4970-21c6-42c9-8e4a-f2848c10bcec","fruit-grower",["D",1788324502249],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","フルーツ5種・動物5種が成長進化。☰メニューでボタン強化できる育成ゲーム 🍎🐉","imageUrl","56013d82-fc20-4b09-b7af-356225b3b888","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","01a06070-58d7-7233-a7e8-4a9747a9a290","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_96":95,"_104":100},"org",{"_96":95,"_97":98,"_99":100,"_18":56,"_101":102,"_103":25},"branch",{"_13":85,"_32":86,"_44":43,"_87":45,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":46,"_94":95},"isOwned",108,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","fugaku","handle","displayName","あ","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/f536dff0-c6d1-4f05-a36a-fbd7433cd501/square512?exp=1789563599&sig=851a4629a87ef74073d7511024e806d36c87e7cf56b5d1a6c31582c215e77e13","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":218,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":-5,"_58":25,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":219,"_80":220,"_82":221,"_84":25},"tree",[167,173,174],"files",[167,168,169,170,171,172,173,174],"counts",{"_156":62,"_157":158,"_159":62,"_160":161,"_162":163},"contents",[128,129,130],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_44":150,"_32":151,"_30":152,"_134":-5,"_42":43,"_41":135,"_136":123,"_39":153,"_13":62,"_34":154,"_36":-5,"_24":25,"_140":-5,"_27":155},{"_44":142,"_32":143,"_30":144,"_134":-5,"_42":43,"_41":145,"_136":123,"_39":146,"_13":147,"_34":20,"_36":148,"_24":25,"_140":-5,"_27":149},{"_44":131,"_32":132,"_30":133,"_134":-5,"_42":43,"_41":135,"_136":25,"_39":137,"_13":62,"_34":138,"_36":139,"_24":25,"_140":46,"_27":141},"1b525ae2-6210-4794-acbf-96afe7c010fb","index.ts","01a06076-0006-7582-a96a-9a71f67bde8d","parentId",3,"latest",["D",1788324741129],"http","import { parseVal, serveImmutableFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport { Root } from \"./frontend/root.tsx\";\n\nconst app = new Hono();\n\n// Serve the (never-cached) HTML shell at the root /\napp.get(\"/\", (c) => c.html(Root()));\n\n// Serve frontend files at the version-addressed URLs Root() stamps, cached immutably\napp.get(\"/__immutable/*\", (c) => serveImmutableFile(c.req.path));\n\n// View source redirect\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// Add your API routes here\n// app.get(\"/api/data\", c => c.json({ hello: \"world\" }));\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err) => Promise.reject(err));\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;\n","label",[132],"24c1e2c0-3d39-4c96-975b-815b31a80034","README.md","317fc6d2-a68a-11f1-a997-1607ee4eb77e",19,["D",1788329400220],2,"# ペットにエサを！\n\nフルーツを育てて動物に与え、動物をどんどん進化させていくクリッカーゲーム。\n\n[ゲームを遊ぶ](https://fruit-grower.val.run/)\n\n## 遊び方\n\n1. 🔴 **「育てる！」** ボタンを押すと、フルーツにポイントが溜まります（1回\n +1pt。ボタンレベルで増加）。\n2. フルーツのポイントが進化の間隔に達すると **次のフルーツに変化** します。\n3. 🍽️ **「動物に与える！」** を押すと、溜まったフルーツを動物に与えられます。\n - **1ポイント = 1円** の💰お金をもらえます。\n - 与えたポイント分だけ動物が成長し、**同じ間隔で進化** します。\n4. 右上の **☰メニュー**\n から、お金を使って「ボタンレベル」を上げると、育てるボタンの1回あたりの付与ポイントが\n **+1** ずつ増えます。\n\n## 進化（フルーツ・動物とも同じ間隔）\n\n| 間隔（ポイント） | フルーツ | 動物 |\n| ---------------- | ----------------- | ----------- |\n| 0 | りんご 🍎 | ひよこ 🐣 |\n| 100 | メロン 🍈 | にわとり 🐔 |\n| 1,000 | すいか 🍉 | たか 🦅 |\n| 10,000 | キウイ 🥝 | くじゃく 🦚 |\n| 100,000 | 伝説のフルーツ 🍀 | ドラゴン 🐉 |\n\n## ボタンレベル（☰メニューから強化）\n\n最大レベルは\n**5**。毎回レベルを上げるごとに育てるボタンの1クリックあたりの付与ポイントが\n**+1** されます。\n\n| レベルへ | 費用 |\n| -------- | ---------- |\n| Lv1 | ¥100 |\n| Lv2 | ¥1,000 |\n| Lv3 | ¥10,000 |\n| Lv4 | ¥100,000 |\n| Lv5 | ¥1,000,000 |\n\n- 進捗はブラウザの `localStorage` に自動保存されます。\n- 技術: Client-side React（`frontend/components/App.tsx`）+ Hono\n サーバー（`index.ts`）",[143],"2f7de366-a9f1-41e9-a428-060f96b05606","frontend","01a06076-0006-7582-a96a-9c9e1b67d756",["D",1788324741129],"directory",[151],"pulls","branches",1,"forks","envVars",{"_164":62,"_166":62},"connections",{"_164":62,"_165":62},"count","unfilledCount","emptyCount",{"_44":150,"_32":151,"_30":152,"_134":-5,"_42":43,"_41":135,"_136":123,"_39":215,"_13":62,"_34":154,"_36":-5,"_24":25,"_140":-5,"_176":216,"_27":217},{"_44":211,"_32":210,"_30":205,"_134":152,"_42":43,"_41":135,"_136":123,"_39":212,"_13":62,"_34":154,"_36":-5,"_24":25,"_140":-5,"_176":213,"_27":214},{"_44":204,"_32":33,"_30":31,"_134":205,"_42":43,"_41":14,"_136":25,"_39":206,"_13":207,"_34":35,"_36":38,"_24":25,"_140":-5,"_176":208,"_27":209},{"_44":197,"_32":198,"_30":199,"_134":152,"_42":43,"_41":135,"_136":123,"_39":200,"_13":62,"_34":20,"_36":201,"_24":25,"_140":-5,"_176":202,"_27":203},{"_44":190,"_32":191,"_30":192,"_134":152,"_42":43,"_41":135,"_136":123,"_39":193,"_13":62,"_34":35,"_36":194,"_24":25,"_140":-5,"_176":195,"_27":196},{"_44":182,"_32":183,"_30":184,"_134":152,"_42":43,"_41":185,"_136":123,"_39":186,"_13":147,"_34":35,"_36":187,"_24":25,"_140":-5,"_176":188,"_27":189},{"_44":142,"_32":143,"_30":144,"_134":-5,"_42":43,"_41":145,"_136":123,"_39":179,"_13":147,"_34":20,"_36":148,"_24":25,"_140":-5,"_176":180,"_27":181},{"_44":131,"_32":132,"_30":133,"_134":-5,"_42":43,"_41":135,"_136":25,"_39":175,"_13":62,"_34":138,"_36":139,"_24":25,"_140":46,"_176":177,"_27":178},["D",1788324741129],"children",[],[132],["D",1788329400220],[],[143],"d09d64b8-5a3a-42e5-958b-ecc72d90e5a9","root.tsx","01a06076-0007-765a-97e7-fb95033bc009",20,["D",1788329436081],"/** @jsxImportSource npm:hono@4/jsx */\nimport { raw } from \"npm:hono@4/html\";\nimport { immutableFileUrl } from \"https://esm.town/v/std/utils/index.ts\";\n\n// The HTML shell for the app. It is never cached, so immutableFileUrl can stamp\n// the current val version into each asset URL — the browser caches those\n// immutably, and publishing the val changes the URLs, refetching exactly once.\nexport function Root() {\n return (\n <>\n {raw(\"\")}\n \n \n \n \n ペットにエサを！\n

Diff · v47