ペットにエサを！

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_223":224,"_225":226},"routes/_app.x.$handle.$name",{"_95":94,"_32":46,"_104":85,"_27":105,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":25,"_119":120,"_121":122,"_123":-5,"_124":-5,"_125":126},"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",108,"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, {\n useEffect,\n useRef,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\n\nconst MILESTONES = [100, 1000, 10000, 100000, 1000000, 5000000];\nconst FRUITS = [\n { name: \"りんご\", emoji: \"🍎\" },\n { name: \"メロン\", emoji: \"🍈\" },\n { name: \"すいか\", emoji: \"🍉\" },\n { name: \"キウイ\", emoji: \"🥝\" },\n { name: \"伝説のフルーツ\", emoji: \"🍀\" },\n { name: \"脳の果実\", emoji: \"🧠\" },\n { name: \"海月の果実\", emoji: \"🪼\" },\n { name: \"キャンディの果実\", emoji: \"🍭\" },\n { name: \"星の果実\", emoji: \"⭐\" },\n { name: \"地球の果実\", emoji: \"🌏️\" },\n];\nconst FRUIT_BOUNDS = [\n 0,\n ...MILESTONES,\n 500000000,\n 5000000000,\n 500000000000,\n 1000000000000,\n];\nconst ANIMALS = [\n { name: \"ひよこ\", emoji: \"🐣\" },\n { name: \"にわとり\", emoji: \"🐔\" },\n { name: \"たか\", emoji: \"🦅\" },\n { name: \"くじゃく\", emoji: \"🦚\" },\n { name: \"ドラゴン\", emoji: \"🐉\" },\n { name: \"大海の蛙\", emoji: \"🐸\" },\n { name: \"不死鳥\", emoji: \"🐦‍🔥\" },\n { name: \"巨人\", emoji: \"🧌\" },\n { name: \"梟\", emoji: \"🦉\" },\n { name: \"鯨\", emoji: \"🐳\" },\n { name: \"獅子\", emoji: \"🦁\" },\n { name: \"ユニコーン\", emoji: \"🦄\" },\n];\nconst ANIMAL_BOUNDS = [\n 0,\n ...MILESTONES,\n 1000000000,\n 5000000000,\n 50000000000,\n 100000000000,\n 1000000000000,\n 10000000000000,\n];\nconst MAX_LEVEL = 10;\nconst PER_PRESS = [1, 2, 10, 20, 50, 100, 200, 300, 400, 500, 600];\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 { name: \"気候変動の助け-大氷\", emoji: \"🧊\", cost: 5000000000, rate: 15000 },\n { name: \"気候変動の助け-大雷\", emoji: \"⚡️\", cost: 10000000000, rate: 20000 },\n { name: \"スマート農業\", emoji: \"🤖\", cost: 100000000000, rate: 50000 },\n {\n name: \"ウルトラ農家（終身雇用）\",\n emoji: \"🤸\",\n cost: 500000000000,\n rate: 100000,\n },\n];\nconst STATUES = [\n { key: \"wolf\", emoji: \"🐺\", name: \"狼の像\", prob: 60, mult: 1.1 },\n { key: \"turtle\", emoji: \"🐢\", name: \"亀の像\", prob: 30, mult: 1.5 },\n { key: \"devil\", emoji: \"😈\", name: \"悪魔の像\", prob: 9, mult: 1.7 },\n { key: \"angel\", emoji: \"👼\", name: \"天使の像\", prob: 1, mult: 2 },\n];\nconst GACHA_OPTIONS = [{ n: 1, cost: 50 }, { n: 5, cost: 250 }, {\n n: 10,\n cost: 400,\n}];\nconst STATUE_MAX = 3;\nconst MAX_EQUIPPED = 3;\n\nconst tierFor = (p, bounds, len) => {\n let t = 0;\n while (t < len - 1 && p >= bounds[t + 1]) t++;\n return t;\n};\nconst UPGRADE_COST = (\n lv,\n) => ({\n 5: 500000,\n 6: 10000000,\n 7: 100000000,\n 8: 500000000,\n 9: 1000000000,\n}[lv] ?? 100 * 10 ** lv);\nconst clamp = (v, a, b) => Math.max(a, Math.min(b, v));\nconst SAVE_KEY = \"fruit-grower-save\";\n\nfunction formatNum(n) {\n n = Math.floor(n);\n if (n < 0) return \"-\" + formatNum(-n);\n const units = [\n { value: 1e16, symbol: \"京\" },\n { value: 1e12, symbol: \"兆\" },\n { value: 1e8, symbol: \"億\" },\n { value: 1e4, symbol: \"万\" },\n ];\n for (const u of units) {\n if (n >= u.value) {\n const main = Math.floor(n / u.value);\n return `${main.toLocaleString()}${u.symbol}`;\n }\n }\n return n.toLocaleString();\n}\n\nfunction calcStatueMult(inventory, displayedStatues) {\n return (displayedStatues || []).reduce((acc, key) => {\n const def = STATUES.find((s) => s.key === key);\n const owned = Math.min((inventory && inventory[key]) || 0, STATUE_MAX);\n if (!def || owned <= 0) return acc;\n return acc * def.mult * Math.pow(2, owned - 1);\n }, 1);\n}\n\nfunction makeDeviceId() {\n try {\n return crypto.randomUUID();\n } catch {\n return \"dev-\" + Math.random().toString(36).slice(2) + Date.now();\n }\n}\n\nconst initialState = {\n money: 0,\n fruitPoints: 0,\n animalGrowth: 0,\n buttonLevel: 0,\n equipment: [],\n timePoints: 0,\n inventory: {},\n inventoryOrder: [],\n displayedStatues: [],\n myName: \"\",\n deviceId: \"\",\n chatLastSeen: {},\n lastSaveTime: Date.now(),\n};\n\nfunction load() {\n try {\n const raw = localStorage.getItem(SAVE_KEY);\n if (!raw) return { ...initialState, deviceId: makeDeviceId() };\n const saved = JSON.parse(raw);\n const restored = {\n ...initialState,\n ...saved,\n inventory: { ...saved.inventory },\n inventoryOrder: [...(saved.inventoryOrder || [])],\n displayedStatues: Array.isArray(saved.displayedStatues)\n ? [...saved.displayedStatues]\n : (saved.displayedStatue ? [saved.displayedStatue] : []),\n myName: saved.myName || saved.giftName || \"\",\n deviceId: saved.deviceId || makeDeviceId(),\n chatLastSeen: { ...(saved.chatLastSeen || {}) },\n };\n if (saved.lastSaveTime) {\n const elapsed = Math.floor((Date.now() - saved.lastSaveTime) / 1000);\n if (elapsed > 0) {\n const rate = (restored.equipment || []).reduce(\n (s, i) => s + EQUIPMENT[i].rate,\n 0,\n );\n const mult = calcStatueMult(\n restored.inventory,\n restored.displayedStatues,\n );\n const fGain = Math.round(rate * mult * elapsed);\n const tGain = Math.floor(elapsed / 60);\n if (fGain > 0) restored.fruitPoints += fGain;\n if (tGain > 0) restored.timePoints += tGain;\n if (fGain > 0 || tGain > 0) restored._offline = { f: fGain, t: tGain };\n }\n }\n restored.lastSaveTime = Date.now();\n return restored;\n } catch {\n return { ...initialState, deviceId: makeDeviceId() };\n }\n}\n\nfunction progress(points, tier, bounds) {\n const start = bounds[tier], end = bounds[tier + 1];\n return clamp((points - start) / (end - start), 0, 1);\n}\n\nconst S = {\n btn: (bg) => ({\n border: \"none\",\n borderRadius: 10,\n color: \"#fff\",\n fontWeight: 800,\n cursor: \"pointer\",\n background: bg,\n }),\n};\n\nexport function App() {\n const [state, setState] = useState(load);\n const [popups, setPopups] = useState([]);\n const [growShake, setGrowShake] = useState(0);\n const [menuOpen, setMenuOpen] = useState(false);\n const [menuScreen, setMenuScreen] = useState(null);\n\n const [giftInbox, setGiftInbox] = useState([]);\n const [giftBusy, setGiftBusy] = useState(false);\n const [giftForm, setGiftForm] = useState({ to: \"\", statueKey: \"\", qty: 1 });\n\n const [nameInput, setNameInput] = useState(state.myName || \"\");\n const [nameError, setNameError] = useState(\"\");\n const [nameBusy, setNameBusy] = useState(false);\n const [nameOpen, setNameOpen] = useState(false);\n\n const [chatScreen, setChatScreen] = useState(null);\n const [chatMatches, setChatMatches] = useState([]);\n const [chatIncoming, setChatIncoming] = useState([]);\n const [chatSendTo, setChatSendTo] = useState(\"\");\n const [chatBusy, setChatBusy] = useState(false);\n const [activeChat, setActiveChat] = useState(null);\n const [chatMessages, setChatMessages] = useState([]);\n const [chatInput, setChatInput] = useState(\"\");\n\n const [notifyGift, setNotifyGift] = useState(false);\n const [notifyChatRequest, setNotifyChatRequest] = useState(false);\n const [notifyChatMessage, setNotifyChatMessage] = useState(false);\n\n useEffect(() => {\n const raw = localStorage.getItem(SAVE_KEY);\n if (raw) {\n try {\n const saved = JSON.parse(raw);\n if (saved._offline) {\n const { f, t } = saved._offline;\n if (f) showPopup(`📴 オフラインで +${formatNum(f)}pt 獲得！`, \"note\");\n if (t) {\n setTimeout(\n () => showPopup(`⏳ +${formatNum(t)} タイムポイント`, \"note\"),\n 300,\n );\n }\n delete saved._offline;\n localStorage.setItem(SAVE_KEY, JSON.stringify(saved));\n }\n } catch {}\n }\n }, []);\n\n useEffect(() => {\n localStorage.setItem(\n SAVE_KEY,\n JSON.stringify({ ...state, lastSaveTime: Date.now() }),\n );\n }, [state]);\n\n useEffect(() => {\n const onUnload = () =>\n localStorage.setItem(\n SAVE_KEY,\n JSON.stringify({ ...state, lastSaveTime: Date.now() }),\n );\n window.addEventListener(\"beforeunload\", onUnload);\n return () => window.removeEventListener(\"beforeunload\", onUnload);\n }, [state]);\n\n const showPopup = (text, 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 const fruitTier = tierFor(state.fruitPoints, FRUIT_BOUNDS, FRUITS.length);\n const fruit = FRUITS[fruitTier];\n const animalTier = tierFor(state.animalGrowth, ANIMAL_BOUNDS, ANIMALS.length);\n const animal = ANIMALS[animalTier];\n const baseRate = state.equipment.reduce((s, i) => s + EQUIPMENT[i].rate, 0);\n\n const statueMultTotal = calcStatueMult(\n state.inventory,\n state.displayedStatues,\n );\n const totalRate = Math.round(baseRate * statueMultTotal);\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, next = prev + totalRate;\n const nt = tierFor(next, FRUIT_BOUNDS, FRUITS.length);\n if (nt > tierFor(prev, FRUIT_BOUNDS, FRUITS.length)) {\n setTimeout(() =>\n showPopup(\n `${FRUITS[nt].emoji} ${FRUITS[nt].name} に変化！`,\n \"evolve\",\n ), 300);\n }\n setState((s) => ({ ...s, fruitPoints: s.fruitPoints + totalRate }));\n }, 1000);\n return () => clearInterval(id);\n }, [totalRate]);\n\n useEffect(() => {\n const id = setInterval(\n () => setState((s) => ({ ...s, timePoints: s.timePoints + 1 })),\n 60000,\n );\n return () => clearInterval(id);\n }, []);\n\n const grow = () => {\n const newTier = tierFor(\n state.fruitPoints + addPerPress,\n FRUIT_BOUNDS,\n FRUITS.length,\n );\n if (newTier > fruitTier) {\n setTimeout(() =>\n showPopup(\n `${FRUITS[newTier].emoji} ${FRUITS[newTier].name} に変化！`,\n \"evolve\",\n ), 250);\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) return showPopup(\"まだ育っていないよ\", \"note\");\n const newGrowth = state.animalGrowth + gained;\n const newAnimalTier = tierFor(newGrowth, ANIMAL_BOUNDS, ANIMALS.length);\n const evolutions = [];\n for (let t = animalTier + 1; t <= newAnimalTier; t++) {\n evolutions.push(`${ANIMALS[t].emoji} ${ANIMALS[t].name} に進化！`);\n }\n setState((s) => ({\n ...s,\n money: s.money + gained,\n animalGrowth: newGrowth,\n fruitPoints: 0,\n }));\n showPopup(\n `+${formatNum(gained)}🪙 / 動物 +${formatNum(gained)}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 setState((s) => ({\n ...s,\n money: s.money - UPGRADE_COST(s.buttonLevel),\n buttonLevel: newLevel,\n }));\n showPopup(\n `ボタン Lv${newLevel}！ 1クリック ${PER_PRESS[newLevel] ?? 1}pt`,\n \"note\",\n );\n };\n const buyEquipment = (i) => {\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} を開放！毎秒 +${formatNum(eq.rate)}pt`, \"note\");\n };\n\n const pullOne = () => {\n const r = Math.random() * 100;\n let acc = 0;\n for (const s of STATUES) {\n acc += s.prob;\n if (r < acc) return s.key;\n }\n return STATUES[STATUES.length - 1].key;\n };\n\n const doGacha = (n, cost) => {\n if (state.timePoints < cost) {\n return showPopup(\"タイムポイントが足りない\", \"note\");\n }\n const results = {};\n const pullOrder = [];\n for (let i = 0; i < n; i++) {\n const k = pullOne();\n results[k] = (results[k] || 0) + 1;\n pullOrder.push(k);\n }\n setState((s) => {\n const inv = { ...s.inventory };\n const order = [...s.inventoryOrder];\n pullOrder.forEach((k) => {\n if (!order.includes(k)) order.push(k);\n });\n Object.entries(results).forEach(([k, c]) => {\n inv[k] = Math.min((inv[k] || 0) + c, STATUE_MAX);\n });\n return {\n ...s,\n timePoints: s.timePoints - cost,\n inventory: inv,\n inventoryOrder: order,\n };\n });\n const summary = Object.entries(results).map(([k, c]) =>\n `${STATUES.find((s) => s.key === k).emoji}×${c}`\n ).join(\" \");\n showPopup(`ガチャ結果: ${summary}（上限${STATUE_MAX}体/種）`, \"evolve\");\n };\n\n const toggleStatue = (key) => {\n const owned = state.inventory[key] || 0;\n if (owned <= 0) return;\n if (state.displayedStatues.includes(key)) {\n setState((s) => ({\n ...s,\n displayedStatues: s.displayedStatues.filter((k) => k !== key),\n }));\n } else {\n if (state.displayedStatues.length >= MAX_EQUIPPED) {\n return showPopup(`最大${MAX_EQUIPPED}体まで飾れます`, \"note\");\n }\n setState((s) => ({\n ...s,\n displayedStatues: [...s.displayedStatues, key],\n }));\n }\n };\n\n const deleteInventoryType = (key) => {\n if (\n !confirm(\n `${STATUES.find((s) => s.key === key).name} を全部削除しますか？`,\n )\n ) return;\n setState((s) => {\n const inv = { ...s.inventory };\n delete inv[key];\n return {\n ...s,\n inventory: inv,\n inventoryOrder: s.inventoryOrder.filter((k) => k !== key),\n displayedStatues: s.displayedStatues.filter((k) => k !== key),\n };\n });\n };\n\n const reset = () => {\n if (confirm(\"進捗をリセットしますか？\")) {\n localStorage.removeItem(SAVE_KEY);\n setState({\n ...initialState,\n deviceId: makeDeviceId(),\n lastSaveTime: Date.now(),\n });\n setMenuOpen(false);\n setMenuScreen(null);\n }\n };\n\n const claimName = async () => {\n const name = nameInput.trim().slice(0, 20);\n if (!name) return setNameError(\"名前を入力してください\");\n setNameBusy(true);\n setNameError(\"\");\n try {\n const res = await fetch(\"/api/user/claim\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ name, deviceId: state.deviceId }),\n });\n const data = await res.json();\n if (data.error === \"duplicate\") {\n setNameError(\"名前が重複しています\");\n setNameBusy(false);\n return;\n }\n if (!data.ok) {\n setNameError(\n data.message\n ? `設定に失敗しました（${data.message}）`\n : \"設定に失敗しました\",\n );\n setNameBusy(false);\n return;\n }\n setState((s) => ({\n ...s,\n myName: name,\n deviceId: data.deviceId || s.deviceId,\n }));\n setNameOpen(false);\n showPopup(`ID「${name}」を設定しました`, \"note\");\n } catch (err) {\n setNameError(\"通信エラー\");\n }\n setNameBusy(false);\n };\n\n const refreshInbox = async () => {\n if (!state.myName) return showPopup(\"先にIDを設定してください\", \"note\");\n setGiftBusy(true);\n try {\n const res = await fetch(\n `/api/gift/inbox?name=${encodeURIComponent(state.myName)}`,\n );\n const data = await res.json();\n setGiftInbox(data.gifts || []);\n setNotifyGift((data.gifts || []).length > 0);\n } catch {\n showPopup(\"通信エラー\", \"note\");\n }\n setGiftBusy(false);\n };\n\n const claimGift = async (id) => {\n try {\n const res = await fetch(\"/api/gift/claim\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ id, name: state.myName }),\n });\n const data = await res.json();\n if (!data.ok) return showPopup(\"受け取りに失敗しました\", \"note\");\n setState((s) => {\n const inv = { ...s.inventory };\n inv[data.statueKey] = Math.min(\n (inv[data.statueKey] || 0) + data.qty,\n STATUE_MAX,\n );\n const order = s.inventoryOrder.includes(data.statueKey)\n ? s.inventoryOrder\n : [...s.inventoryOrder, data.statueKey];\n return { ...s, inventory: inv, inventoryOrder: order };\n });\n setGiftInbox((list) => {\n const next = list.filter((g) => g.id !== id);\n setNotifyGift(next.length > 0);\n return next;\n });\n const def = STATUES.find((s) => s.key === data.statueKey);\n showPopup(`🎁 ${def.emoji}${def.name} を受け取りました！`, \"evolve\");\n } catch {\n showPopup(\"通信エラー\", \"note\");\n }\n };\n\n const sendGift = async () => {\n const { to, statueKey, qty } = giftForm;\n if (!state.myName) return showPopup(\"先にIDを設定してください\", \"note\");\n if (!to.trim() || !statueKey) {\n return showPopup(\"宛先と像を選んでください\", \"note\");\n }\n const owned = state.inventory[statueKey] || 0;\n if (owned < qty) return showPopup(\"所持数が足りません\", \"note\");\n setGiftBusy(true);\n try {\n const res = await fetch(\"/api/gift/send\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n from: state.myName,\n to: to.trim(),\n statueKey,\n qty,\n }),\n });\n const data = await res.json();\n if (!data.ok) {\n showPopup(\"送信に失敗しました\", \"note\");\n setGiftBusy(false);\n return;\n }\n setState((s) => {\n const inv = { ...s.inventory };\n inv[statueKey] = Math.max(0, (inv[statueKey] || 0) - qty);\n const stillOwned = inv[statueKey] > 0;\n return {\n ...s,\n inventory: inv,\n inventoryOrder: stillOwned\n ? s.inventoryOrder\n : s.inventoryOrder.filter((k) => k !== statueKey),\n displayedStatues: stillOwned\n ? s.displayedStatues\n : s.displayedStatues.filter((k) => k !== statueKey),\n };\n });\n showPopup(`🎁 ${to} に送りました！`, \"money\");\n setGiftForm({ to: \"\", statueKey: \"\", qty: 1 });\n } catch {\n showPopup(\"通信エラー\", \"note\");\n }\n setGiftBusy(false);\n };\n\n const loadChatMatches = async () => {\n if (!state.myName) return;\n try {\n const res = await fetch(\n `/api/chat/matches?name=${encodeURIComponent(state.myName)}`,\n );\n const data = await res.json();\n setChatMatches(data.matches || []);\n } catch {}\n };\n\n const loadChatIncoming = async () => {\n if (!state.myName) return;\n try {\n const res = await fetch(\n `/api/chat/requests?name=${encodeURIComponent(state.myName)}`,\n );\n const data = await res.json();\n setChatIncoming(data.requests || []);\n setNotifyChatRequest((data.requests || []).length > 0);\n } catch {}\n };\n\n const respondRequest = async (id, accept) => {\n setChatBusy(true);\n try {\n await fetch(\"/api/chat/respond\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ id, name: state.myName, accept }),\n });\n setChatIncoming((list) => {\n const next = list.filter((r) => r.id !== id);\n setNotifyChatRequest(next.length > 0);\n return next;\n });\n if (accept) {\n showPopup(\"チャットが繋がりました！\", \"evolve\");\n loadChatMatches();\n }\n } catch {\n showPopup(\"通信エラー\", \"note\");\n }\n setChatBusy(false);\n };\n\n const sendChatRequest = async () => {\n if (!state.myName) return showPopup(\"先にIDを設定してください\", \"note\");\n const to = chatSendTo.trim();\n if (!to) return showPopup(\"相手のIDを入力してください\", \"note\");\n if (to.toLowerCase() === state.myName.toLowerCase()) {\n return showPopup(\"自分には送れません\", \"note\");\n }\n setChatBusy(true);\n try {\n const res = await fetch(\"/api/chat/request\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ from: state.myName, to }),\n });\n const data = await res.json();\n if (!data.ok) {\n showPopup(\"送信に失敗しました\", \"note\");\n setChatBusy(false);\n return;\n }\n showPopup(\n data.alreadyMatched ? \"既に繋がっています\" : `${to} に申請を送りました`,\n \"note\",\n );\n setChatSendTo(\"\");\n if (data.alreadyMatched) loadChatMatches();\n } catch {\n showPopup(\"通信エラー\", \"note\");\n }\n setChatBusy(false);\n };\n\n const loadMessages = async (partner) => {\n if (!state.myName || !partner) return;\n try {\n const res = await fetch(\n `/api/chat/messages?name=${encodeURIComponent(state.myName)}&with=${\n encodeURIComponent(partner)\n }`,\n );\n const data = await res.json();\n setChatMessages(data.messages || []);\n } catch {}\n };\n\n const openChat = (partner) => {\n setActiveChat(partner);\n setChatMessages([]);\n loadMessages(partner);\n setState((s) => ({\n ...s,\n chatLastSeen: { ...s.chatLastSeen, [partner]: Date.now() },\n }));\n setNotifyChatMessage(false);\n };\n const closeChat = () => {\n setActiveChat(null);\n setChatMessages([]);\n setChatInput(\"\");\n };\n\n const sendMessage = async () => {\n const body = chatInput.trim();\n if (!body || !activeChat) return;\n setChatInput(\"\");\n try {\n await fetch(\"/api/chat/send\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ from: state.myName, to: activeChat, body }),\n });\n loadMessages(activeChat);\n } catch {\n showPopup(\"送信に失敗しました\", \"note\");\n }\n };\n\n const pollNotifications = async () => {\n const myName = stateRef.current.myName;\n if (!myName) return;\n try {\n const [giftRes, reqRes, sumRes] = await Promise.all([\n fetch(`/api/gift/inbox?name=${encodeURIComponent(myName)}`),\n fetch(`/api/chat/requests?name=${encodeURIComponent(myName)}`),\n fetch(`/api/chat/summary?name=${encodeURIComponent(myName)}`),\n ]);\n const giftData = await giftRes.json();\n const reqData = await reqRes.json();\n const sumData = await sumRes.json();\n setNotifyGift((giftData.gifts || []).length > 0);\n setNotifyChatRequest((reqData.requests || []).length > 0);\n setChatMatches((sumData.summary || []).map((s) => s.partner));\n const seen = stateRef.current.chatLastSeen || {};\n const unread = (sumData.summary || []).some((s) =>\n s.lastFrom && s.lastFrom.toLowerCase() !== myName.toLowerCase() &&\n s.lastAt > (seen[s.partner] || 0)\n );\n setNotifyChatMessage(unread);\n } catch {}\n };\n\n useEffect(() => {\n if (!state.myName) return;\n pollNotifications();\n const id = setInterval(pollNotifications, 10000);\n return () => clearInterval(id);\n }, [state.myName]);\n\n useEffect(() => {\n if (menuScreen === \"chat\" && chatScreen === null) loadChatMatches();\n if (menuScreen === \"chat\" && chatScreen === \"incoming\") loadChatIncoming();\n if (menuScreen === \"gift\") refreshInbox();\n }, [menuScreen, chatScreen]);\n\n useEffect(() => {\n if (!activeChat) return;\n const id = setInterval(() => {\n loadMessages(activeChat);\n setState((s) => ({\n ...s,\n chatLastSeen: { ...s.chatLastSeen, [activeChat]: Date.now() },\n }));\n }, 3000);\n return () => clearInterval(id);\n }, [activeChat]);\n const nextMilestone = FRUIT_BOUNDS[fruitTier + 1];\n return (\n \n \n ⏳ {formatNum(state.timePoints)}\n \n\n {\n setMenuOpen((o) => !o);\n setMenuScreen(null);\n }}\n aria-label=\"メニュー\"\n style={{\n position: \"fixed\",\n top: 14,\n right: 16,\n zIndex: 30,\n width: 46,\n height: 46,\n borderRadius: 12,\n border: \"none\",\n background: \"#ffffffcc\",\n fontSize: 24,\n cursor: \"pointer\",\n boxShadow: \"0 2px 8px rgba(0,0,0,.15)\",\n }}\n >\n ☰\n {(notifyGift || notifyChatRequest || notifyChatMessage) && (\n \n )}\n \n\n {menuOpen && (\n \n {menuScreen === null && (\n

\n setMenuScreen(\"button\")}\n />\n setMenuScreen(\"equipment\")}\n />\n setMenuScreen(\"gacha\")}\n />\n setMenuScreen(\"inventory\")}\n />\n setMenuScreen(\"gift\")}\n />\n {\n setMenuScreen(\"chat\");\n setChatScreen(null);\n }}\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 formatNum(UPGRADE_COST(state.buttonLevel))\n }）`\n : `🪙${formatNum(UPGRADE_COST(state.buttonLevel))} 必要`}\n \n )\n : (\n \n 最大レベル到達！（1クリック {addPerPress}pt）\n \n )}\n \n )}\n\n {menuScreen === \"equipment\" && (\n <>\n setMenuScreen(null)} />\n

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

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

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

\n 毎秒 +{formatNum(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 ...S.btn(\n affordable\n ? \"linear-gradient(180deg,#42a5f5,#1565c0)\"\n : \"#bdbdbd\",\n ),\n fontSize: 13,\n cursor: affordable ? \"pointer\" : \"not-allowed\",\n }}\n >\n {affordable\n ? `開放する（🪙${formatNum(eq.cost)}）`\n : `🪙${formatNum(eq.cost)} 必要`}\n \n )}\n \n );\n })}\n \n \n )}\n\n {menuScreen === \"gacha\" && (\n <>\n setMenuScreen(null)}\n />\n

\n 所持 ⏳ {formatNum(state.timePoints)}\n

\n {GACHA_OPTIONS.map((o) => {\n const ok = state.timePoints >= o.cost;\n return (\n doGacha(o.n, o.cost)}\n disabled={!ok}\n style={{\n width: \"100%\",\n padding: 10,\n ...S.btn(\n ok\n ? \"linear-gradient(180deg,#ab47bc,#6a1b9a)\"\n : \"#bdbdbd\",\n ),\n fontSize: 14,\n cursor: ok ? \"pointer\" : \"not-allowed\",\n }}\n >\n {o.n}連ガチャ（⏳{o.cost}）\n \n );\n })}\n

\n \n {STATUES.map((s) => (\n

\n {s.emoji} {s.name}：{s.prob}%（所持上限{STATUE_MAX}）\n

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

\n タップで飾る/外す（最大{MAX_EQUIPPED}体）\n

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

\n まだ何もありません\n

\n )\n : (\n \n {state.inventoryOrder.map((key) => {\n const def = STATUES.find((s) => s.key === key);\n const count = state.inventory[key] || 0;\n const equipped = state.displayedStatues.includes(key);\n if (count <= 0) return null;\n return (\n toggleStatue(key)}\n style={{\n position: \"relative\",\n border: equipped\n ? \"2px solid #ff8f00\"\n : \"1px solid #e0e0e0\",\n borderRadius: 12,\n padding: \"10px 4px 6px\",\n background: equipped ? \"#fff3e0\" : \"#fff\",\n cursor: \"pointer\",\n textAlign: \"center\",\n }}\n >\n {\n e.stopPropagation();\n deleteInventoryType(key);\n }}\n style={{\n position: \"absolute\",\n top: -6,\n right: -6,\n width: 20,\n height: 20,\n borderRadius: \"50%\",\n border: \"none\",\n background: \"#e57373\",\n color: \"#fff\",\n fontSize: 11,\n fontWeight: 900,\n cursor: \"pointer\",\n lineHeight: \"20px\",\n padding: 0,\n }}\n >\n ✕\n \n {equipped && (\n \n ✓\n \n )}\n

{def.emoji}

\n \n ×{count}\n \n \n );\n })}\n \n )}\n \n )}\n\n {menuScreen === \"gift\" && (\n <>\n setMenuScreen(null)}\n />\n

\n あなたのID: {state.myName || \"未設定（右下のIDボタンから設定）\"}\n

\n\n \n

\n 受信箱\n

\n \n {giftBusy ? \"確認中...\" : \"受信箱を確認\"}\n \n {giftInbox.length > 0 && (\n \n {giftInbox.map((g) => {\n const def = STATUES.find((s) => s.key === g.statueKey);\n return (\n \n {def?.emoji}×{g.qty} from {g.from}\n claimGift(g.id)}\n style={{\n padding: \"4px 10px\",\n ...S.btn(\"linear-gradient(180deg,#66bb6a,#2e7d32)\"),\n fontSize: 12,\n }}\n >\n 受取\n \n \n );\n })}\n \n )}\n\n \n

\n プレゼントする\n

\n \n setGiftForm((f) => ({ ...f, statueKey: e.target.value }))}\n style={{\n width: \"100%\",\n padding: 8,\n borderRadius: 8,\n border: \"1px solid #cfd8dc\",\n marginBottom: 6,\n fontSize: 13,\n }}\n >\n \n {STATUES.filter((s) => (state.inventory[s.key] || 0) > 0).map(\n (s) => (\n \n )\n )}\n \n \n setGiftForm((f) => ({\n ...f,\n qty: clamp(parseInt(e.target.value) || 1, 1, 3),\n }))}\n style={{\n width: \"100%\",\n padding: 8,\n borderRadius: 8,\n border: \"1px solid #cfd8dc\",\n marginBottom: 6,\n fontSize: 13,\n boxSizing: \"border-box\",\n }}\n />\n \n setGiftForm((f) => ({ ...f, to: e.target.value }))}\n placeholder=\"相手のID\"\n style={{\n width: \"100%\",\n padding: 8,\n borderRadius: 8,\n border: \"1px solid #cfd8dc\",\n marginBottom: 8,\n fontSize: 13,\n boxSizing: \"border-box\",\n }}\n />\n \n {giftBusy ? \"送信中...\" : \"送る\"}\n \n \n )}\n\n {menuScreen === \"chat\" && (\n <>\n {\n setMenuScreen(null);\n setChatScreen(null);\n }}\n />\n {chatScreen === null && (\n <>\n

\n setChatScreen(\"incoming\")}\n style={{\n flex: 1,\n padding: 9,\n ...S.btn(\"linear-gradient(180deg,#26a69a,#00695c)\"),\n fontSize: 12,\n }}\n >\n 📥 申請受け取り{notifyChatRequest ? \" 🔴\" : \"\"}\n \n setChatScreen(\"send\")}\n style={{\n flex: 1,\n padding: 9,\n ...S.btn(\"linear-gradient(180deg,#42a5f5,#1565c0)\"),\n fontSize: 12,\n }}\n >\n 📤 申請送信\n \n

\n \n トーク一覧\n \n {chatMatches.length === 0\n ? (\n

\n まだ誰とも繋がっていません\n

\n )\n : (\n \n {chatMatches.map((p) => (\n openChat(p)}\n style={{\n width: \"100%\",\n textAlign: \"left\",\n padding: 10,\n borderRadius: 10,\n border: \"1px solid #e0e0e0\",\n background: \"#fff\",\n cursor: \"pointer\",\n fontSize: 14,\n fontWeight: 700,\n }}\n >\n 👤 {p}\n \n ))}\n \n )}\n \n )}\n\n {chatScreen === \"incoming\" && (\n <>\n setChatScreen(null)}\n style={{\n border: \"none\",\n background: \"#eceff1\",\n borderRadius: 8,\n padding: \"4px 10px\",\n fontSize: 12,\n marginBottom: 8,\n cursor: \"pointer\",\n }}\n >\n ← 戻る\n \n \n {chatBusy ? \"確認中...\" : \"更新\"}\n \n {chatIncoming.length === 0\n ? (\n

\n 申請はありません\n

\n )\n : (\n \n {chatIncoming.map((r) => (\n \n

\n {r.from} から申請\n

\n respondRequest(r.id, true)}\n style={{\n flex: 1,\n padding: 6,\n ...S.btn(\n \"linear-gradient(180deg,#66bb6a,#2e7d32)\",\n ),\n fontSize: 12,\n }}\n >\n 承認\n \n respondRequest(r.id, false)}\n style={{\n flex: 1,\n padding: 6,\n ...S.btn(\"#e57373\"),\n fontSize: 12,\n }}\n >\n 拒否\n \n

\n \n ))}\n \n )}\n \n )}\n\n {chatScreen === \"send\" && (\n <>\n setChatScreen(null)}\n style={{\n border: \"none\",\n background: \"#eceff1\",\n borderRadius: 8,\n padding: \"4px 10px\",\n fontSize: 12,\n marginBottom: 8,\n cursor: \"pointer\",\n }}\n >\n ← 戻る\n \n \n 申請したい相手のIDを入力\n \n setChatSendTo(e.target.value)}\n placeholder=\"相手のID\"\n style={{\n width: \"100%\",\n padding: 8,\n borderRadius: 8,\n border: \"1px solid #cfd8dc\",\n marginBottom: 8,\n fontSize: 13,\n boxSizing: \"border-box\",\n }}\n />\n \n {chatBusy ? \"送信中...\" : \"申請を送る\"}\n \n \n )}\n \n )}\n \n )}\n

\n {nameOpen\n ? (\n \n

\n あなたのID\n

\n setNameInput(e.target.value)}\n placeholder=\"名前を入力\"\n style={{\n width: \"100%\",\n padding: 6,\n borderRadius: 6,\n border: \"1px solid #cfd8dc\",\n fontSize: 12,\n marginBottom: 6,\n boxSizing: \"border-box\",\n }}\n />\n {nameError && (\n \n {nameError}\n

\n )}\n

\n \n {nameBusy ? \"確認中\" : \"保存\"}\n \n setNameOpen(false)}\n style={{\n flex: 1,\n padding: 6,\n ...S.btn(\"#90a4ae\"),\n fontSize: 12,\n }}\n >\n 閉じる\n \n

\n \n )\n : (\n {\n setNameOpen(true);\n setNameInput(state.myName || \"\");\n setNameError(\"\");\n }}\n style={{\n padding: \"8px 14px\",\n borderRadius: 999,\n border: \"none\",\n background: \"#ffffffcc\",\n fontWeight: 800,\n fontSize: 13,\n cursor: \"pointer\",\n boxShadow: \"0 2px 8px rgba(0,0,0,.15)\",\n }}\n >\n {state.myName ? `🆔 ${state.myName}` : \"🆔 ID設定\"}\n \n )}\n \n\n \n {[0, 1, 2].map((i) => {\n const key = state.displayedStatues[i];\n const def = STATUES.find((s) => s.key === key);\n return (\n \n def\n ? toggleStatue(key)\n : (setMenuOpen(true), setMenuScreen(\"inventory\"))}\n style={{\n width: 60,\n height: 60,\n borderRadius: 12,\n background: \"#ffffffaa\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n fontSize: 28,\n cursor: \"pointer\",\n border: def ? \"2px solid #ff8f00\" : \"2px dashed #b0bec5\",\n }}\n >\n {def ? def.emoji : \"＋\"}\n \n );\n })}\n \n {state.displayedStatues.length > 0 && (\n \n 効果合計 ×{statueMultTotal.toFixed(2)}\n \n )}\n\n \n 🪙 {formatNum(state.money)}\n \n\n

{fruit.emoji}

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

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

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

\n ＋{addPerPress}pt\n

\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 ? `🍽️ 動物に与える！（+🪙${formatNum(state.fruitPoints)}）`\n : \"動物に与える\"}\n \n\n \n \n \n {animal.emoji}\n \n \n {animal.name}\n \n \n \n

\n 成長 {formatNum(state.animalGrowth)}pt / あと{\" \"}\n {formatNum(ANIMAL_BOUNDS[animalTier + 1] - state.animalGrowth)}pt\n で進化\n

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

{activeChat}

\n \n \n {chatMessages.map((m, i) => {\n const mine =\n String(m.from).toLowerCase() === state.myName.toLowerCase();\n return (\n \n {m.body}\n \n );\n })}\n \n \n setChatInput(e.target.value)}\n onKeyDown={(e) => {\n if (e.key === \"Enter\") sendMessage();\n }}\n placeholder=\"メッセージを入力\"\n style={{\n flex: 1,\n padding: 10,\n borderRadius: 20,\n border: \"1px solid #cfd8dc\",\n fontSize: 14,\n }}\n />\n \n 送信\n \n \n \n )}\n\n \n \n );\n}\n\nfunction MenuHeader({ title, onBack }) {\n return (\n \n \n ←\n \n

{title}

\n \n );\n}\n\nfunction MenuRow({ label, onClick }) {\n return (\n \n {label}\n \n );\n}\n\nfunction ProgressBar({ value, color }) {\n return (\n \n \n \n );\n}","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, {\n useEffect,\n useRef,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\n\nconst MILESTONES = [100, 1000, 10000, 100000, 1000000, 5000000];\nconst FRUITS = [\n { name: \"りんご\", emoji: \"🍎\" },\n { name: \"メロン\", emoji: \"🍈\" },\n { name: \"すいか\", emoji: \"🍉\" },\n { name: \"キウイ\", emoji: \"🥝\" },\n { name: \"伝説のフルーツ\", emoji: \"🍀\" },\n { name: \"脳の果実\", emoji: \"🧠\" },\n { name: \"海月の果実\", emoji: \"🪼\" },\n { name: \"キャンディの果実\", emoji: \"🍭\" },\n { name: \"星の果実\", emoji: \"⭐\" },\n { name: \"地球の果実\", emoji: \"🌏️\" },\n];\nconst FRUIT_BOUNDS = [\n 0,\n ...MILESTONES,\n 500000000,\n 5000000000,\n 500000000000,\n 1000000000000,\n];\nconst ANIMALS = [\n { name: \"ひよこ\", emoji: \"🐣\" },\n { name: \"にわとり\", emoji: \"🐔\" },\n { name: \"たか\", emoji: \"🦅\" },\n { name: \"くじゃく\", emoji: \"🦚\" },\n { name: \"ドラゴン\", emoji: \"🐉\" },\n { name: \"大海の蛙\", emoji: \"🐸\" },\n { name: \"不死鳥\", emoji: \"🐦‍🔥\" },\n { name: \"巨人\", emoji: \"🧌\" },\n { name: \"梟\", emoji: \"🦉\" },\n { name: \"鯨\", emoji: \"🐳\" },\n { name: \"獅子\", emoji: \"🦁\" },\n { name: \"ユニコーン\", emoji: \"🦄\" },\n];\nconst ANIMAL_BOUNDS = [\n 0,\n ...MILESTONES,\n 1000000000,\n 5000000000,\n 50000000000,\n 100000000000,\n 1000000000000,\n 10000000000000,\n];\nconst MAX_LEVEL = 10;\nconst PER_PRESS = [1, 2, 10, 20, 50, 100, 200, 300, 400, 500, 600];\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 { name: \"気候変動の助け-大氷\", emoji: \"🧊\", cost: 5000000000, rate: 15000 },\n { name: \"気候変動の助け-大雷\", emoji: \"⚡️\", cost: 10000000000, rate: 20000 },\n { name: \"スマート農業\", emoji: \"🤖\", cost: 100000000000, rate: 50000 },\n {\n name: \"ウルトラ農家（終身雇用）\",\n emoji: \"🤸\",\n cost: 500000000000,\n rate: 100000,\n },\n];\nconst STATUES = [\n { key: \"wolf\", emoji: \"🐺\", name: \"狼の像\", prob: 60, mult: 1.1 },\n { key: \"turtle\", emoji: \"🐢\", name: \"亀の像\", prob: 30, mult: 1.5 },\n { key: \"devil\", emoji: \"😈\", name: \"悪魔の像\", prob: 9, mult: 1.7 },\n { key: \"angel\", emoji: \"👼\", name: \"天使の像\", prob: 1, mult: 2 },\n];\nconst GACHA_OPTIONS = [{ n: 1, cost: 50 }, { n: 5, cost: 250 }, {\n n: 10,\n cost: 400,\n}];\nconst STATUE_MAX = 3;\nconst MAX_EQUIPPED = 3;\n\nconst tierFor = (p, bounds, len) => {\n let t = 0;\n while (t < len - 1 && p >= bounds[t + 1]) t++;\n return t;\n};\nconst UPGRADE_COST = (\n lv,\n) => ({\n 5: 500000,\n 6: 10000000,\n 7: 100000000,\n 8: 500000000,\n 9: 1000000000,\n}[lv] ?? 100 * 10 ** lv);\nconst clamp = (v, a, b) => Math.max(a, Math.min(b, v));\nconst SAVE_KEY = \"fruit-grower-save\";\n\nfunction formatNum(n) {\n n = Math.floor(n);\n if (n < 0) return \"-\" + formatNum(-n);\n const units = [\n { value: 1e16, symbol: \"京\" },\n { value: 1e12, symbol: \"兆\" },\n { value: 1e8, symbol: \"億\" },\n { value: 1e4, symbol: \"万\" },\n ];\n for (const u of units) {\n if (n >= u.value) {\n const main = Math.floor(n / u.value);\n return `${main.toLocaleString()}${u.symbol}`;\n }\n }\n return n.toLocaleString();\n}\n\nfunction calcStatueMult(inventory, displayedStatues) {\n return (displayedStatues || []).reduce((acc, key) => {\n const def = STATUES.find((s) => s.key === key);\n const owned = Math.min((inventory && inventory[key]) || 0, STATUE_MAX);\n if (!def || owned <= 0) return acc;\n return acc * def.mult * Math.pow(2, owned - 1);\n }, 1);\n}\n\nfunction makeDeviceId() {\n try {\n return crypto.randomUUID();\n } catch {\n return \"dev-\" + Math.random().toString(36).slice(2) + Date.now();\n }\n}\n\nconst initialState = {\n money: 0,\n fruitPoints: 0,\n animalGrowth: 0,\n buttonLevel: 0,\n equipment: [],\n timePoints: 0,\n inventory: {},\n inventoryOrder: [],\n displayedStatues: [],\n myName: \"\",\n deviceId: \"\",\n chatLastSeen: {},\n lastSaveTime: Date.now(),\n};\n\nfunction load() {\n try {\n const raw = localStorage.getItem(SAVE_KEY);\n if (!raw) return { ...initialState, deviceId: makeDeviceId() };\n const saved = JSON.parse(raw);\n const restored = {\n ...initialState,\n ...saved,\n inventory: { ...saved.inventory },\n inventoryOrder: [...(saved.inventoryOrder || [])],\n displayedStatues: Array.isArray(saved.displayedStatues)\n ? [...saved.displayedStatues]\n : (saved.displayedStatue ? [saved.displayedStatue] : []),\n myName: saved.myName || saved.giftName || \"\",\n deviceId: saved.deviceId || makeDeviceId(),\n chatLastSeen: { ...(saved.chatLastSeen || {}) },\n };\n if (saved.lastSaveTime) {\n const elapsed = Math.floor((Date.now() - saved.lastSaveTime) / 1000);\n if (elapsed > 0) {\n const rate = (restored.equipment || []).reduce(\n (s, i) => s + EQUIPMENT[i].rate,\n 0,\n );\n const mult = calcStatueMult(\n restored.inventory,\n restored.displayedStatues,\n );\n const fGain = Math.round(rate * mult * elapsed);\n const tGain = Math.floor(elapsed / 60);\n if (fGain > 0) restored.fruitPoints += fGain;\n if (tGain > 0) restored.timePoints += tGain;\n if (fGain > 0 || tGain > 0) restored._offline = { f: fGain, t: tGain };\n }\n }\n restored.lastSaveTime = Date.now();\n return restored;\n } catch {\n return { ...initialState, deviceId: makeDeviceId() };\n }\n}\n\nfunction progress(points, tier, bounds) {\n const start = bounds[tier], end = bounds[tier + 1];\n return clamp((points - start) / (end - start), 0, 1);\n}\n\nconst S = {\n btn: (bg) => ({\n border: \"none\",\n borderRadius: 10,\n color: \"#fff\",\n fontWeight: 800,\n cursor: \"pointer\",\n background: bg,\n }),\n};\n\nexport function App() {\n const [state, setState] = useState(load);\n const [popups, setPopups] = useState([]);\n const [growShake, setGrowShake] = useState(0);\n const [menuOpen, setMenuOpen] = useState(false);\n const [menuScreen, setMenuScreen] = useState(null);\n\n const [giftInbox, setGiftInbox] = useState([]);\n const [giftBusy, setGiftBusy] = useState(false);\n const [giftForm, setGiftForm] = useState({ to: \"\", statueKey: \"\", qty: 1 });\n\n const [nameInput, setNameInput] = useState(state.myName || \"\");\n const [nameError, setNameError] = useState(\"\");\n const [nameBusy, setNameBusy] = useState(false);\n const [nameOpen, setNameOpen] = useState(false);\n\n const [chatScreen, setChatScreen] = useState(null);\n const [chatMatches, setChatMatches] = useState([]);\n const [chatIncoming, setChatIncoming] = useState([]);\n const [chatSendTo, setChatSendTo] = useState(\"\");\n const [chatBusy, setChatBusy] = useState(false);\n const [activeChat, setActiveChat] = useState(null);\n const [chatMessages, setChatMessages] = useState([]);\n const [chatInput, setChatInput] = useState(\"\");\n\n const [notifyGift, setNotifyGift] = useState(false);\n const [notifyChatRequest, setNotifyChatRequest] = useState(false);\n const [notifyChatMessage, setNotifyChatMessage] = useState(false);\n\n useEffect(() => {\n const raw = localStorage.getItem(SAVE_KEY);\n if (raw) {\n try {\n const saved = JSON.parse(raw);\n if (saved._offline) {\n const { f, t } = saved._offline;\n if (f) showPopup(`📴 オフラインで +${formatNum(f)}pt 獲得！`, \"note\");\n if (t) {\n setTimeout(\n () => showPopup(`⏳ +${formatNum(t)} タイムポイント`, \"note\"),\n 300,\n );\n }\n delete saved._offline;\n localStorage.setItem(SAVE_KEY, JSON.stringify(saved));\n }\n } catch {}\n }\n }, []);\n\n useEffect(() => {\n localStorage.setItem(\n SAVE_KEY,\n JSON.stringify({ ...state, lastSaveTime: Date.now() }),\n );\n }, [state]);\n\n useEffect(() => {\n const onUnload = () =>\n localStorage.setItem(\n SAVE_KEY,\n JSON.stringify({ ...state, lastSaveTime: Date.now() }),\n );\n window.addEventListener(\"beforeunload\", onUnload);\n return () => window.removeEventListener(\"beforeunload\", onUnload);\n }, [state]);\n\n const showPopup = (text, 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 const fruitTier = tierFor(state.fruitPoints, FRUIT_BOUNDS, FRUITS.length);\n const fruit = FRUITS[fruitTier];\n const animalTier = tierFor(state.animalGrowth, ANIMAL_BOUNDS, ANIMALS.length);\n const animal = ANIMALS[animalTier];\n const baseRate = state.equipment.reduce((s, i) => s + EQUIPMENT[i].rate, 0);\n\n const statueMultTotal = calcStatueMult(\n state.inventory,\n state.displayedStatues,\n );\n const totalRate = Math.round(baseRate * statueMultTotal);\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, next = prev + totalRate;\n const nt = tierFor(next, FRUIT_BOUNDS, FRUITS.length);\n if (nt > tierFor(prev, FRUIT_BOUNDS, FRUITS.length)) {\n setTimeout(() =>\n showPopup(\n `${FRUITS[nt].emoji} ${FRUITS[nt].name} に変化！`,\n \"evolve\",\n ), 300);\n }\n setState((s) => ({ ...s, fruitPoints: s.fruitPoints + totalRate }));\n }, 1000);\n return () => clearInterval(id);\n }, [totalRate]);\n\n useEffect(() => {\n const id = setInterval(\n () => setState((s) => ({ ...s, timePoints: s.timePoints + 1 })),\n 60000,\n );\n return () => clearInterval(id);\n }, []);\n\n const grow = () => {\n const newTier = tierFor(\n state.fruitPoints + addPerPress,\n FRUIT_BOUNDS,\n FRUITS.length,\n );\n if (newTier > fruitTier) {\n setTimeout(() =>\n showPopup(\n `${FRUITS[newTier].emoji} ${FRUITS[newTier].name} に変化！`,\n \"evolve\",\n ), 250);\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) return showPopup(\"まだ育っていないよ\", \"note\");\n const newGrowth = state.animalGrowth + gained;\n const newAnimalTier = tierFor(newGrowth, ANIMAL_BOUNDS, ANIMALS.length);\n const evolutions = [];\n for (let t = animalTier + 1; t <= newAnimalTier; t++) {\n evolutions.push(`${ANIMALS[t].emoji} ${ANIMALS[t].name} に進化！`);\n }\n setState((s) => ({\n ...s,\n money: s.money + gained,\n animalGrowth: newGrowth,\n fruitPoints: 0,\n }));\n showPopup(\n `+${formatNum(gained)}🪙 / 動物 +${formatNum(gained)}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 setState((s) => ({\n ...s,\n money: s.money - UPGRADE_COST(s.buttonLevel),\n buttonLevel: newLevel,\n }));\n showPopup(\n `ボタン Lv${newLevel}！ 1クリック ${PER_PRESS[newLevel] ?? 1}pt`,\n \"note\",\n );\n };\n const buyEquipment = (i) => {\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} を開放！毎秒 +${formatNum(eq.rate)}pt`, \"note\");\n };\n\n const pullOne = () => {\n const r = Math.random() * 100;\n let acc = 0;\n for (const s of STATUES) {\n acc += s.prob;\n if (r < acc) return s.key;\n }\n return STATUES[STATUES.length - 1].key;\n };\n\n const doGacha = (n, cost) => {\n if (state.timePoints < cost) {\n return showPopup(\"タイムポイントが足りない\", \"note\");\n }\n const results = {};\n const pullOrder = [];\n for (let i = 0; i < n; i++) {\n const k = pullOne();\n results[k] = (results[k] || 0) + 1;\n pullOrder.push(k);\n }\n setState((s) => {\n const inv = { ...s.inventory };\n const order = [...s.inventoryOrder];\n pullOrder.forEach((k) => {\n if (!order.includes(k)) order.push(k);\n });\n Object.entries(results).forEach(([k, c]) => {\n inv[k] = Math.min((inv[k] || 0) + c, STATUE_MAX);\n });\n return {\n ...s,\n timePoints: s.timePoints - cost,\n inventory: inv,\n inventoryOrder: order,\n };\n });\n const summary = Object.entries(results).map(([k, c]) =>\n `${STATUES.find((s) => s.key === k).emoji}×${c}`\n ).join(\" \");\n showPopup(`ガチャ結果: ${summary}（上限${STATUE_MAX}体/種）`, \"evolve\");\n };\n\n const toggleStatue = (key) => {\n const owned = state.inventory[key] || 0;\n if (owned <= 0) return;\n if (state.displayedStatues.includes(key)) {\n setState((s) => ({\n ...s,\n displayedStatues: s.displayedStatues.filter((k) => k !== key),\n }));\n } else {\n if (state.displayedStatues.length >= MAX_EQUIPPED) {\n return showPopup(`最大${MAX_EQUIPPED}体まで飾れます`, \"note\");\n }\n setState((s) => ({\n ...s,\n displayedStatues: [...s.displayedStatues, key],\n }));\n }\n };\n\n const deleteInventoryType = (key) => {\n if (\n !confirm(\n `${STATUES.find((s) => s.key === key).name} を全部削除しますか？`,\n )\n ) return;\n setState((s) => {\n const inv = { ...s.inventory };\n delete inv[key];\n return {\n ...s,\n inventory: inv,\n inventoryOrder: s.inventoryOrder.filter((k) => k !== key),\n displayedStatues: s.displayedStatues.filter((k) => k !== key),\n };\n });\n };\n\n const reset = () => {\n if (confirm(\"進捗をリセットしますか？\")) {\n localStorage.removeItem(SAVE_KEY);\n setState({\n ...initialState,\n deviceId: makeDeviceId(),\n lastSaveTime: Date.now(),\n });\n setMenuOpen(false);\n setMenuScreen(null);\n }\n };\n\n const claimName = async () => {\n const name = nameInput.trim().slice(0, 20);\n if (!name) return setNameError(\"名前を入力してください\");\n setNameBusy(true);\n setNameError(\"\");\n try {\n const res = await fetch(\"/api/user/claim\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ name, deviceId: state.deviceId }),\n });\n const data = await res.json();\n if (data.error === \"duplicate\") {\n setNameError(\"名前が重複しています\");\n setNameBusy(false);\n return;\n }\n if (!data.ok) {\n setNameError(\n data.message\n ? `設定に失敗しました（${data.message}）`\n : \"設定に失敗しました\",\n );\n setNameBusy(false);\n return;\n }\n setState((s) => ({\n ...s,\n myName: name,\n deviceId: data.deviceId || s.deviceId,\n }));\n setNameOpen(false);\n showPopup(`ID「${name}」を設定しました`, \"note\");\n } catch (err) {\n setNameError(\"通信エラー\");\n }\n setNameBusy(false);\n };\n\n const refreshInbox = async () => {\n if (!state.myName) return showPopup(\"先にIDを設定してください\", \"note\");\n setGiftBusy(true);\n try {\n const res = await fetch(\n `/api/gift/inbox?name=${encodeURIComponent(state.myName)}`,\n );\n const data = await res.json();\n setGiftInbox(data.gifts || []);\n setNotifyGift((data.gifts || []).length > 0);\n } catch {\n showPopup(\"通信エラー\", \"note\");\n }\n setGiftBusy(false);\n };\n\n const claimGift = async (id) => {\n try {\n const res = await fetch(\"/api/gift/claim\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ id, name: state.myName }),\n });\n const data = await res.json();\n if (!data.ok) return showPopup(\"受け取りに失敗しました\", \"note\");\n setState((s) => {\n const inv = { ...s.inventory };\n inv[data.statueKey] = Math.min(\n (inv[data.statueKey] || 0) + data.qty,\n STATUE_MAX,\n );\n const order = s.inventoryOrder.includes(data.statueKey)\n ? s.inventoryOrder\n : [...s.inventoryOrder, data.statueKey];\n return { ...s, inventory: inv, inventoryOrder: order };\n });\n setGiftInbox((list) => {\n const next = list.filter((g) => g.id !== id);\n setNotifyGift(next.length > 0);\n return next;\n });\n const def = STATUES.find((s) => s.key === data.statueKey);\n showPopup(`🎁 ${def.emoji}${def.name} を受け取りました！`, \"evolve\");\n } catch {\n showPopup(\"通信エラー\", \"note\");\n }\n };\n\n const sendGift = async () => {\n const { to, statueKey, qty } = giftForm;\n if (!state.myName) return showPopup(\"先にIDを設定してください\", \"note\");\n if (!to.trim() || !statueKey) {\n return showPopup(\"宛先と像を選んでください\", \"note\");\n }\n const owned = state.inventory[statueKey] || 0;\n if (owned < qty) return showPopup(\"所持数が足りません\", \"note\");\n setGiftBusy(true);\n try {\n const res = await fetch(\"/api/gift/send\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n from: state.myName,\n to: to.trim(),\n statueKey,\n qty,\n }),\n });\n const data = await res.json();\n if (!data.ok) {\n showPopup(\"送信に失敗しました\", \"note\");\n setGiftBusy(false);\n return;\n }\n setState((s) => {\n const inv = { ...s.inventory };\n inv[statueKey] = Math.max(0, (inv[statueKey] || 0) - qty);\n const stillOwned = inv[statueKey] > 0;\n return {\n ...s,\n inventory: inv,\n inventoryOrder: stillOwned\n ? s.inventoryOrder\n : s.inventoryOrder.filter((k) => k !== statueKey),\n displayedStatues: stillOwned\n ? s.displayedStatues\n : s.displayedStatues.filter((k) => k !== statueKey),\n };\n });\n showPopup(`🎁 ${to} に送りました！`, \"money\");\n setGiftForm({ to: \"\", statueKey: \"\", qty: 1 });\n } catch {\n showPopup(\"通信エラー\", \"note\");\n }\n setGiftBusy(false);\n };\n\n const loadChatMatches = async () => {\n if (!state.myName) return;\n try {\n const res = await fetch(\n `/api/chat/matches?name=${encodeURIComponent(state.myName)}`,\n );\n const data = await res.json();\n setChatMatches(data.matches || []);\n } catch {}\n };\n\n const loadChatIncoming = async () => {\n if (!state.myName) return;\n try {\n const res = await fetch(\n `/api/chat/requests?name=${encodeURIComponent(state.myName)}`,\n );\n const data = await res.json();\n setChatIncoming(data.requests || []);\n setNotifyChatRequest((data.requests || []).length > 0);\n } catch {}\n };\n\n const respondRequest = async (id, accept) => {\n setChatBusy(true);\n try {\n await fetch(\"/api/chat/respond\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ id, name: state.myName, accept }),\n });\n setChatIncoming((list) => {\n const next = list.filter((r) => r.id !== id);\n setNotifyChatRequest(next.length > 0);\n return next;\n });\n if (accept) {\n showPopup(\"チャットが繋がりました！\", \"evolve\");\n loadChatMatches();\n }\n } catch {\n showPopup(\"通信エラー\", \"note\");\n }\n setChatBusy(false);\n };\n\n const sendChatRequest = async () => {\n if (!state.myName) return showPopup(\"先にIDを設定してください\", \"note\");\n const to = chatSendTo.trim();\n if (!to) return showPopup(\"相手のIDを入力してください\", \"note\");\n if (to.toLowerCase() === state.myName.toLowerCase()) {\n return showPopup(\"自分には送れません\", \"note\");\n }\n setChatBusy(true);\n try {\n const res = await fetch(\"/api/chat/request\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ from: state.myName, to }),\n });\n const data = await res.json();\n if (!data.ok) {\n showPopup(\"送信に失敗しました\", \"note\");\n setChatBusy(false);\n return;\n }\n showPopup(\n data.alreadyMatched ? \"既に繋がっています\" : `${to} に申請を送りました`,\n \"note\",\n );\n setChatSendTo(\"\");\n if (data.alreadyMatched) loadChatMatches();\n } catch {\n showPopup(\"通信エラー\", \"note\");\n }\n setChatBusy(false);\n };\n\n const loadMessages = async (partner) => {\n if (!state.myName || !partner) return;\n try {\n const res = await fetch(\n `/api/chat/messages?name=${encodeURIComponent(state.myName)}&with=${\n encodeURIComponent(partner)\n }`,\n );\n const data = await res.json();\n setChatMessages(data.messages || []);\n } catch {}\n };\n\n const openChat = (partner) => {\n setActiveChat(partner);\n setChatMessages([]);\n loadMessages(partner);\n setState((s) => ({\n ...s,\n chatLastSeen: { ...s.chatLastSeen, [partner]: Date.now() },\n }));\n setNotifyChatMessage(false);\n };\n const closeChat = () => {\n setActiveChat(null);\n setChatMessages([]);\n setChatInput(\"\");\n };\n\n const sendMessage = async () => {\n const body = chatInput.trim();\n if (!body || !activeChat) return;\n setChatInput(\"\");\n try {\n await fetch(\"/api/chat/send\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ from: state.myName, to: activeChat, body }),\n });\n loadMessages(activeChat);\n } catch {\n showPopup(\"送信に失敗しました\", \"note\");\n }\n };\n\n const pollNotifications = async () => {\n const myName = stateRef.current.myName;\n if (!myName) return;\n try {\n const [giftRes, reqRes, sumRes] = await Promise.all([\n fetch(`/api/gift/inbox?name=${encodeURIComponent(myName)}`),\n fetch(`/api/chat/requests?name=${encodeURIComponent(myName)}`),\n fetch(`/api/chat/summary?name=${encodeURIComponent(myName)}`),\n ]);\n const giftData = await giftRes.json();\n const reqData = await reqRes.json();\n const sumData = await sumRes.json();\n setNotifyGift((giftData.gifts || []).length > 0);\n setNotifyChatRequest((reqData.requests || []).length > 0);\n setChatMatches((sumData.summary || []).map((s) => s.partner));\n const seen = stateRef.current.chatLastSeen || {};\n const unread = (sumData.summary || []).some((s) =>\n s.lastFrom && s.lastFrom.toLowerCase() !== myName.toLowerCase() &&\n s.lastAt > (seen[s.partner] || 0)\n );\n setNotifyChatMessage(unread);\n } catch {}\n };\n\n useEffect(() => {\n if (!state.myName) return;\n pollNotifications();\n const id = setInterval(pollNotifications, 10000);\n return () => clearInterval(id);\n }, [state.myName]);\n\n useEffect(() => {\n if (menuScreen === \"chat\" && chatScreen === null) loadChatMatches();\n if (menuScreen === \"chat\" && chatScreen === \"incoming\") loadChatIncoming();\n if (menuScreen === \"gift\") refreshInbox();\n }, [menuScreen, chatScreen]);\n\n useEffect(() => {\n if (!activeChat) return;\n const id = setInterval(() => {\n loadMessages(activeChat);\n setState((s) => ({\n ...s,\n chatLastSeen: { ...s.chatLastSeen, [activeChat]: Date.now() },\n }));\n }, 3000);\n return () => clearInterval(id);\n }, [activeChat]);\n const nextMilestone = FRUIT_BOUNDS[fruitTier + 1];\n return (\n \n \n ⏳ {formatNum(state.timePoints)}\n \n\n {\n setMenuOpen((o) => !o);\n setMenuScreen(null);\n }}\n aria-label=\"メニュー\"\n style={{\n position: \"fixed\",\n top: 14,\n right: 16,\n zIndex: 30,\n width: 46,\n height: 46,\n borderRadius: 12,\n border: \"none\",\n background: \"#ffffffcc\",\n fontSize: 24,\n cursor: \"pointer\",\n boxShadow: \"0 2px 8px rgba(0,0,0,.15)\",\n }}\n >\n ☰\n {(notifyGift || notifyChatRequest || notifyChatMessage) && (\n \n )}\n \n\n {menuOpen && (\n \n {menuScreen === null && (\n

\n \n setMenuScreen(\"button\")}\n />\n setMenuScreen(\"equipment\")}\n />\n setMenuScreen(\"gacha\")}\n />\n setMenuScreen(\"inventory\")}\n />\n setMenuScreen(\"gift\")}\n />\n {\n setMenuScreen(\"chat\");\n setChatScreen(null);\n }}\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 毎秒 {formatNum(totalRate)}pt を自動でフルーツに与える\n

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

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

\n 毎秒 +{formatNum(eq.rate)}pt\n

\n 所持 ⏳ {formatNum(state.timePoints)}\n

\n \n {STATUES.map((s) => (\n

\n {s.emoji} {s.name}：{s.prob}%（所持上限{STATUE_MAX}）\n

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

\n タップで飾る/外す（最大{MAX_EQUIPPED}体）\n

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

\n まだ何もありません\n

{def.emoji}

\n \n ×{count}\n \n \n );\n })}\n \n )}\n \n )}\n\n {menuScreen === \"gift\" && (\n <>\n setMenuScreen(null)}\n />\n

\n あなたのID: {state.myName || \"未設定（右下のIDボタンから設定）\"}\n

\n\n \n

\n 受信箱\n

\n プレゼントする\n

\n \n setGiftForm((f) => ({ ...f, statueKey: e.target.value }))}\n style={{\n width: \"100%\",\n padding: 8,\n borderRadius: 8,\n border: \"1px solid #cfd8dc\",\n marginBottom: 6,\n fontSize: 13,\n }}\n >\n \n {STATUES.filter((s) => (state.inventory[s.key] || 0) > 0).map(\n (s) => (\n \n ),\n )}\n \n \n setGiftForm((f) => ({\n ...f,\n qty: clamp(parseInt(e.target.value) || 1, 1, 3),\n }))}\n style={{\n width: \"100%\",\n padding: 8,\n borderRadius: 8,\n border: \"1px solid #cfd8dc\",\n marginBottom: 6,\n fontSize: 13,\n boxSizing: \"border-box\",\n }}\n />\n \n setGiftForm((f) => ({ ...f, to: e.target.value }))}\n placeholder=\"相手のID\"\n style={{\n width: \"100%\",\n padding: 8,\n borderRadius: 8,\n border: \"1px solid #cfd8dc\",\n marginBottom: 8,\n fontSize: 13,\n boxSizing: \"border-box\",\n }}\n />\n \n {giftBusy ? \"送信中...\" : \"送る\"}\n \n \n )}\n\n {menuScreen === \"chat\" && (\n <>\n {\n setMenuScreen(null);\n setChatScreen(null);\n }}\n />\n {chatScreen === null && (\n <>\n

\n \n トーク一覧\n \n {chatMatches.length === 0\n ? (\n

\n まだ誰とも繋がっていません\n

\n 申請はありません\n

\n )\n : (\n \n {chatIncoming.map((r) => (\n \n

\n {r.from} から申請\n

\n {nameOpen\n ? (\n \n

\n あなたのID\n

\n )}\n

\n \n {nameBusy ? \"確認中\" : \"保存\"}\n \n setNameOpen(false)}\n style={{\n flex: 1,\n padding: 6,\n ...S.btn(\"#90a4ae\"),\n fontSize: 12,\n }}\n >\n 閉じる\n \n

{fruit.emoji}

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

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

\n ＋{addPerPress}pt\n

\n 成長 {formatNum(state.animalGrowth)}pt / あと{\" \"}\n {formatNum(ANIMAL_BOUNDS[animalTier + 1] - state.animalGrowth)}pt\n で進化\n

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

{activeChat}

{title}

\n \n );\n}\n\nfunction MenuRow({ label, onClick }) {\n return (\n \n {label}\n \n );\n}\n\nfunction ProgressBar({ value, color }) {\n return (\n \n \n \n );\n}","createdAt",["D",1788645384182],"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",{"_95":94,"_103":99},"org",{"_95":94,"_96":97,"_98":99,"_18":56,"_100":101,"_102":25},"branch",{"_13":14,"_32":85,"_44":43,"_86":45,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":46,"_93":94},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","fugaku","handle","displayName","あ","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/f536dff0-c6d1-4f05-a36a-fbd7433cd501/square512?exp=1789570799&sig=d653e42b7c3f9c1c1c1d1928563989b6aad46fc959a3ab97d1d72502337e8640","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":219,"_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":220,"_80":221,"_82":222,"_84":25},"tree",[168,174,175],"files",[168,169,170,171,172,173,174,175],"counts",{"_157":62,"_158":159,"_160":62,"_161":162,"_163":164},"contents",[127,128,129],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_44":150,"_32":151,"_30":152,"_133":-5,"_42":43,"_41":153,"_135":122,"_39":154,"_13":62,"_34":155,"_36":-5,"_24":25,"_140":-5,"_27":156},{"_44":142,"_32":143,"_30":144,"_133":-5,"_42":43,"_41":145,"_135":122,"_39":146,"_13":147,"_34":20,"_36":148,"_24":25,"_140":-5,"_27":149},{"_44":130,"_32":131,"_30":132,"_133":-5,"_42":43,"_41":134,"_135":122,"_39":136,"_13":137,"_34":138,"_36":139,"_24":25,"_140":46,"_27":141},"ff835403-09cc-4f79-904f-b3bb7a2789c1","index.ts","01a06076-0006-7582-a96a-9a71f67bde8d","parentId",103,"latest",["D",1788515853496],14,"http","import {\n parseVal,\n serveImmutableFile,\n} from \"https://esm.town/v/std/utils/index.ts\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite\";\nimport { Hono } from \"npm:hono\";\nimport { Root } from \"./frontend/root.tsx\";\n\nconst app = new Hono();\n\nconst STATUE_KEYS = [\"wolf\", \"turtle\", \"devil\", \"angel\"];\n\nasync function ensureTables() {\n await sqlite.execute({\n sql: `CREATE TABLE IF NOT EXISTS fruitgrower_users (\n name TEXT PRIMARY KEY,\n device_id TEXT NOT NULL,\n created_at INTEGER NOT NULL\n )`,\n args: [],\n });\n await sqlite.execute({\n sql: `CREATE TABLE IF NOT EXISTS fruitgrower_gifts (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n from_name TEXT NOT NULL,\n to_name TEXT NOT NULL,\n statue_key TEXT NOT NULL,\n qty INTEGER NOT NULL,\n created_at INTEGER NOT NULL,\n claimed INTEGER NOT NULL DEFAULT 0\n )`,\n args: [],\n });\n await sqlite.execute({\n sql: `CREATE TABLE IF NOT EXISTS fruitgrower_chat_requests (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n from_name TEXT NOT NULL,\n to_name TEXT NOT NULL,\n status TEXT NOT NULL DEFAULT 'pending',\n created_at INTEGER NOT NULL\n )`,\n args: [],\n });\n await sqlite.execute({\n sql: `CREATE TABLE IF NOT EXISTS fruitgrower_chat_messages (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n from_name TEXT NOT NULL,\n to_name TEXT NOT NULL,\n body TEXT NOT NULL,\n created_at INTEGER NOT NULL\n )`,\n args: [],\n });\n}\n\napp.get(\"/\", (c) => c.html(Root()));\napp.get(\"/__immutable/*\", (c) => serveImmutableFile(c.req.path));\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// ---- ユーザーID(名前)重複防止 ----\napp.post(\"/api/user/claim\", async (c) => {\n try {\n await ensureTables();\n const body = await c.req.json().catch(() => ({}));\n const name = String(body?.name || \"\").trim().slice(0, 20);\n const rawDeviceId = body?.deviceId;\n const deviceId = (rawDeviceId && String(rawDeviceId).trim()) ||\n crypto.randomUUID();\n\n if (!name) return c.json({ ok: false, error: \"invalid\" }, 200);\n\n const existing = await sqlite.execute({\n sql:\n `SELECT device_id FROM fruitgrower_users WHERE lower(name) = lower(?)`,\n args: [name],\n });\n if (existing.rows.length > 0 && existing.rows[0][0] !== deviceId) {\n return c.json({ ok: false, error: \"duplicate\" }, 200);\n }\n await sqlite.execute({\n sql: `DELETE FROM fruitgrower_users WHERE device_id = ?`,\n args: [deviceId],\n });\n await sqlite.execute({\n sql:\n `INSERT INTO fruitgrower_users (name, device_id, created_at) VALUES (?, ?, ?)`,\n args: [name, deviceId, Date.now()],\n });\n return c.json({ ok: true, deviceId });\n } catch (err) {\n return c.json(\n { ok: false, error: \"server_error\", message: String(err) },\n 200,\n );\n }\n});\n\n// ---- ギフトAPI ----\napp.post(\"/api/gift/send\", async (c) => {\n try {\n await ensureTables();\n const body = await c.req.json();\n const from = String(body.from || \"\").trim().slice(0, 30);\n const to = String(body.to || \"\").trim().slice(0, 30);\n const statueKey = String(body.statueKey || \"\");\n const qty = Math.max(1, Math.min(3, parseInt(body.qty) || 1));\n if (!from || !to || !STATUE_KEYS.includes(statueKey)) {\n return c.json({ ok: false, error: \"invalid\" }, 200);\n }\n if (from.toLowerCase() === to.toLowerCase()) {\n return c.json({ ok: false, error: \"self\" }, 200);\n }\n await sqlite.execute({\n sql:\n `INSERT INTO fruitgrower_gifts (from_name, to_name, statue_key, qty, created_at, claimed) VALUES (?, ?, ?, ?, ?, 0)`,\n args: [from, to, statueKey, qty, Date.now()],\n });\n return c.json({ ok: true });\n } catch (err) {\n return c.json(\n { ok: false, error: \"server_error\", message: String(err) },\n 200,\n );\n }\n});\n\napp.get(\"/api/gift/inbox\", async (c) => {\n try {\n await ensureTables();\n const name = String(c.req.query(\"name\") || \"\").trim();\n if (!name) return c.json({ gifts: [] });\n const result = await sqlite.execute({\n sql:\n `SELECT id, from_name, statue_key, qty, created_at FROM fruitgrower_gifts WHERE lower(to_name) = lower(?) AND claimed = 0 ORDER BY created_at ASC`,\n args: [name],\n });\n const gifts = result.rows.map((r) => ({\n id: r[0],\n from: r[1],\n statueKey: r[2],\n qty: r[3],\n createdAt: r[4],\n }));\n return c.json({ gifts });\n } catch (err) {\n return c.json({ gifts: [], error: String(err) });\n }\n});\n\napp.post(\"/api/gift/claim\", async (c) => {\n try {\n await ensureTables();\n const body = await c.req.json();\n const id = parseInt(body.id);\n const name = String(body.name || \"\").trim();\n if (!id || !name) return c.json({ ok: false, error: \"invalid\" }, 200);\n const check = await sqlite.execute({\n sql:\n `SELECT to_name, statue_key, qty, claimed FROM fruitgrower_gifts WHERE id = ?`,\n args: [id],\n });\n if (check.rows.length === 0) {\n return c.json({ ok: false, error: \"not_found\" }, 200);\n }\n const [toName, statueKey, qty, claimed] = check.rows[0];\n if (String(toName).toLowerCase() !== name.toLowerCase()) {\n return c.json({ ok: false, error: \"not_yours\" }, 200);\n }\n if (claimed) return c.json({ ok: false, error: \"already_claimed\" }, 200);\n await sqlite.execute({\n sql: `UPDATE fruitgrower_gifts SET claimed = 1 WHERE id = ?`,\n args: [id],\n });\n return c.json({ ok: true, statueKey, qty });\n } catch (err) {\n return c.json(\n { ok: false, error: \"server_error\", message: String(err) },\n 200,\n );\n }\n});\n\n// ---- チャットAPI ----\napp.post(\"/api/chat/request\", async (c) => {\n try {\n await ensureTables();\n const body = await c.req.json();\n const from = String(body.from || \"\").trim().slice(0, 20);\n const to = String(body.to || \"\").trim().slice(0, 20);\n if (!from || !to || from.toLowerCase() === to.toLowerCase()) {\n return c.json({ ok: false, error: \"invalid\" }, 200);\n }\n\n const accepted = await sqlite.execute({\n sql:\n `SELECT id FROM fruitgrower_chat_requests WHERE status = 'accepted' AND ((lower(from_name)=lower(?) AND lower(to_name)=lower(?)) OR (lower(from_name)=lower(?) AND lower(to_name)=lower(?)))`,\n args: [from, to, to, from],\n });\n if (accepted.rows.length > 0) {\n return c.json({ ok: true, alreadyMatched: true });\n }\n\n const pending = await sqlite.execute({\n sql:\n `SELECT id FROM fruitgrower_chat_requests WHERE status = 'pending' AND lower(from_name)=lower(?) AND lower(to_name)=lower(?)`,\n args: [from, to],\n });\n if (pending.rows.length === 0) {\n await sqlite.execute({\n sql:\n `INSERT INTO fruitgrower_chat_requests (from_name, to_name, status, created_at) VALUES (?, ?, 'pending', ?)`,\n args: [from, to, Date.now()],\n });\n }\n return c.json({ ok: true });\n } catch (err) {\n return c.json(\n { ok: false, error: \"server_error\", message: String(err) },\n 200,\n );\n }\n});\n\napp.get(\"/api/chat/requests\", async (c) => {\n try {\n await ensureTables();\n const name = String(c.req.query(\"name\") || \"\").trim();\n if (!name) return c.json({ requests: [] });\n const result = await sqlite.execute({\n sql:\n `SELECT id, from_name, created_at FROM fruitgrower_chat_requests WHERE status = 'pending' AND lower(to_name) = lower(?) ORDER BY created_at ASC`,\n args: [name],\n });\n const requests = result.rows.map((r) => ({\n id: r[0],\n from: r[1],\n createdAt: r[2],\n }));\n return c.json({ requests });\n } catch (err) {\n return c.json({ requests: [], error: String(err) });\n }\n});\n\napp.post(\"/api/chat/respond\", async (c) => {\n try {\n await ensureTables();\n const body = await c.req.json();\n const id = parseInt(body.id);\n const name = String(body.name || \"\").trim();\n const accept = !!body.accept;\n if (!id || !name) return c.json({ ok: false, error: \"invalid\" }, 200);\n const check = await sqlite.execute({\n sql: `SELECT to_name FROM fruitgrower_chat_requests WHERE id = ?`,\n args: [id],\n });\n if (check.rows.length === 0) {\n return c.json({ ok: false, error: \"not_found\" }, 200);\n }\n if (String(check.rows[0][0]).toLowerCase() !== name.toLowerCase()) {\n return c.json({ ok: false, error: \"not_yours\" }, 200);\n }\n await sqlite.execute({\n sql: `UPDATE fruitgrower_chat_requests SET status = ? WHERE id = ?`,\n args: [accept ? \"accepted\" : \"rejected\", id],\n });\n return c.json({ ok: true });\n } catch (err) {\n return c.json(\n { ok: false, error: \"server_error\", message: String(err) },\n 200,\n );\n }\n});\n\napp.get(\"/api/chat/matches\", async (c) => {\n try {\n await ensureTables();\n const name = String(c.req.query(\"name\") || \"\").trim();\n if (!name) return c.json({ matches: [] });\n const result = await sqlite.execute({\n sql:\n `SELECT from_name, to_name FROM fruitgrower_chat_requests WHERE status = 'accepted' AND (lower(from_name)=lower(?) OR lower(to_name)=lower(?))`,\n args: [name, name],\n });\n const partners = new Set();\n result.rows.forEach((r) => {\n const [f, t] = r;\n partners.add(String(f).toLowerCase() === name.toLowerCase() ? t : f);\n });\n return c.json({ matches: Array.from(partners) });\n } catch (err) {\n return c.json({ matches: [], error: String(err) });\n }\n});\n\n// ---- チャットの新着まとめ(通知用) ----\napp.get(\"/api/chat/summary\", async (c) => {\n try {\n await ensureTables();\n const name = String(c.req.query(\"name\") || \"\").trim();\n if (!name) return c.json({ summary: [] });\n const matchesResult = await sqlite.execute({\n sql:\n `SELECT from_name, to_name FROM fruitgrower_chat_requests WHERE status='accepted' AND (lower(from_name)=lower(?) OR lower(to_name)=lower(?))`,\n args: [name, name],\n });\n const partners = new Set();\n matchesResult.rows.forEach((r) => {\n const [f, t] = r;\n partners.add(String(f).toLowerCase() === name.toLowerCase() ? t : f);\n });\n const summary = [];\n for (const partner of partners) {\n const msgResult = await sqlite.execute({\n sql:\n `SELECT from_name, created_at FROM fruitgrower_chat_messages WHERE (lower(from_name)=lower(?) AND lower(to_name)=lower(?)) OR (lower(from_name)=lower(?) AND lower(to_name)=lower(?)) ORDER BY created_at DESC LIMIT 1`,\n args: [name, partner, partner, name],\n });\n if (msgResult.rows.length > 0) {\n summary.push({\n partner,\n lastFrom: msgResult.rows[0][0],\n lastAt: msgResult.rows[0][1],\n });\n } else {\n summary.push({ partner, lastFrom: null, lastAt: 0 });\n }\n }\n return c.json({ summary });\n } catch (err) {\n return c.json({ summary: [], error: String(err) });\n }\n});\n\napp.get(\"/api/chat/messages\", async (c) => {\n try {\n await ensureTables();\n const name = String(c.req.query(\"name\") || \"\").trim();\n const withName = String(c.req.query(\"with\") || \"\").trim();\n if (!name || !withName) return c.json({ messages: [] });\n const result = await sqlite.execute({\n sql:\n `SELECT from_name, body, created_at FROM fruitgrower_chat_messages WHERE (lower(from_name)=lower(?) AND lower(to_name)=lower(?)) OR (lower(from_name)=lower(?) AND lower(to_name)=lower(?)) ORDER BY created_at ASC LIMIT 200`,\n args: [name, withName, withName, name],\n });\n const messages = result.rows.map((r) => ({\n from: r[0],\n body: r[1],\n createdAt: r[2],\n }));\n return c.json({ messages });\n } catch (err) {\n return c.json({ messages: [], error: String(err) });\n }\n});\n\napp.post(\"/api/chat/send\", async (c) => {\n try {\n await ensureTables();\n const body = await c.req.json();\n const from = String(body.from || \"\").trim();\n const to = String(body.to || \"\").trim();\n const text = String(body.body || \"\").trim().slice(0, 500);\n if (!from || !to || !text) {\n return c.json({ ok: false, error: \"invalid\" }, 200);\n }\n const accepted = await sqlite.execute({\n sql:\n `SELECT id FROM fruitgrower_chat_requests WHERE status = 'accepted' AND ((lower(from_name)=lower(?) AND lower(to_name)=lower(?)) OR (lower(from_name)=lower(?) AND lower(to_name)=lower(?)))`,\n args: [from, to, to, from],\n });\n if (accepted.rows.length === 0) {\n return c.json({ ok: false, error: \"not_matched\" }, 200);\n }\n await sqlite.execute({\n sql:\n `INSERT INTO fruitgrower_chat_messages (from_name, to_name, body, created_at) VALUES (?, ?, ?, ?)`,\n args: [from, to, text, Date.now()],\n });\n return c.json({ ok: true });\n } catch (err) {\n return c.json(\n { ok: false, error: \"server_error\", message: String(err) },\n 200,\n );\n }\n});\n\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;","label",[131],"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",3,["D",1788324741129],"directory",[151],"pulls","branches",1,"forks","envVars",{"_165":62,"_167":62},"connections",{"_165":62,"_166":62},"count","unfilledCount","emptyCount",{"_44":150,"_32":151,"_30":152,"_133":-5,"_42":43,"_41":153,"_135":122,"_39":216,"_13":62,"_34":155,"_36":-5,"_24":25,"_140":-5,"_177":217,"_27":218},{"_44":212,"_32":211,"_30":206,"_133":152,"_42":43,"_41":153,"_135":122,"_39":213,"_13":62,"_34":155,"_36":-5,"_24":25,"_140":-5,"_177":214,"_27":215},{"_44":205,"_32":33,"_30":31,"_133":206,"_42":43,"_41":14,"_135":122,"_39":207,"_13":208,"_34":35,"_36":38,"_24":25,"_140":-5,"_177":209,"_27":210},{"_44":198,"_32":199,"_30":200,"_133":152,"_42":43,"_41":153,"_135":122,"_39":201,"_13":62,"_34":20,"_36":202,"_24":25,"_140":-5,"_177":203,"_27":204},{"_44":191,"_32":192,"_30":193,"_133":152,"_42":43,"_41":153,"_135":122,"_39":194,"_13":62,"_34":35,"_36":195,"_24":25,"_140":-5,"_177":196,"_27":197},{"_44":183,"_32":184,"_30":185,"_133":152,"_42":43,"_41":186,"_135":122,"_39":187,"_13":147,"_34":35,"_36":188,"_24":25,"_140":-5,"_177":189,"_27":190},{"_44":142,"_32":143,"_30":144,"_133":-5,"_42":43,"_41":145,"_135":122,"_39":180,"_13":147,"_34":20,"_36":148,"_24":25,"_140":-5,"_177":181,"_27":182},{"_44":130,"_32":131,"_30":132,"_133":-5,"_42":43,"_41":134,"_135":122,"_39":176,"_13":137,"_34":138,"_36":139,"_24":25,"_140":46,"_177":178,"_27":179},["D",1788515853496],"children",[],[131],["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 · v108