[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_201":202,"_203":204},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_151":-5,"_20":152,"_22":153,"_154":155,"_156":157,"_26":158,"_24":159,"_160":-5,"_161":-5,"_162":55,"_163":164,"_165":47,"_166":-5,"_167":-5,"_168":169},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","yoshiokaren","name","yoyaku-app","branchName","main","version","path","frontend","project",{"_35":93,"_13":14,"_48":94,"_95":-5,"_96":55,"_97":98,"_99":98,"_100":101,"_102":-5,"_103":104,"_105":74,"_106":47,"_107":-5,"_108":-5,"_109":50,"_110":111,"_112":113,"_114":115,"_116":117,"_118":-5,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_128":129,"_130":131,"_132":133,"_134":55},"tree",[70,71],"file",{"_35":66,"_13":19,"_38":41,"_40":-5,"_42":43,"_44":45,"_46":47,"_48":67,"_17":50,"_51":68,"_52":-5,"_54":55,"_56":-5,"_18":69},"contents",[33,34],"upstream","pull","ahead","behind","envVars",{"_35":58,"_13":59,"_38":60,"_40":41,"_42":43,"_44":61,"_46":47,"_48":62,"_17":50,"_51":63,"_52":64,"_54":55,"_56":-5,"_18":65},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_18":57},"id","f0b126d5-9458-4323-9373-6c411a7157c3","index.html","fileId","22e06f70-789d-11f1-b7b9-1607ee4eb77e","parentId","42ac0732-0a78-43d3-a4bc-5b868c928259","branchId","6f493242-f0ab-4e59-9e00-dc3b2817f4fc","branchVersion",2,"latest",true,"createdAt",["D",1783275171531],0,"fileType","content","\n\n \n \n \n 予約フォーム\n \n \n \n \n

\n \n \n\n","deleted",false,"label",[19,37],"6190b916-402e-4ee0-9ef0-272ed64b0959","app.tsx","30e0b382-789d-11f1-9e9e-1607ee4eb77e",3,["D",1783275195031],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0\";\n\ntype Slot = { time: string; available: boolean };\n\nconst WEEKDAYS = [\"日\", \"月\", \"火\", \"水\", \"木\", \"金\", \"土\"];\n\nfunction buildDates(daysAhead: number): string[] {\n const out: string[] = [];\n const base = new Date();\n for (let i = 0; i < daysAhead; i++) {\n const d = new Date(base);\n d.setDate(base.getDate() + i);\n const s = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, \"0\")}-${String(d.getDate()).padStart(2, \"0\")}`;\n out.push(s);\n }\n return out;\n}\n\nfunction labelForDate(s: string): string {\n const [y, m, d] = s.split(\"-\").map(Number);\n const dow = new Date(y, m - 1, d).getDay();\n return `${m}/${d}（${WEEKDAYS[dow]}）`;\n}\n\nfunction App() {\n const [dates, setDates] = useState([]);\n const [date, setDate] = useState(\"\");\n const [slots, setSlots] = useState([]);\n const [time, setTime] = useState(\"\");\n const [name, setName] = useState(\"\");\n const [contact, setContact] = useState(\"\");\n const [notes, setNotes] = useState(\"\");\n const [loading, setLoading] = useState(false);\n const [msg, setMsg] = useState<{ type: \"ok\" | \"err\"; text: string } | null>(null);\n const [done, setDone] = useState<{ date: string; time: string } | null>(null);\n\n useEffect(() => {\n fetch(\"/api/config\")\n .then((r) => r.json())\n .then((cfg) => {\n const ds = buildDates(cfg.daysAhead ?? 30);\n setDates(ds);\n setDate(ds[0] ?? \"\");\n });\n }, []);\n\n useEffect(() => {\n if (!date) return;\n setTime(\"\");\n setSlots([]);\n fetch(`/api/slots?date=${date}`)\n .then((r) => r.json())\n .then((d) => setSlots(d.slots ?? []));\n }, [date]);\n\n async function submit(e: React.FormEvent) {\n e.preventDefault();\n setMsg(null);\n if (!time) return setMsg({ type: \"err\", text: \"時間を選択してください\" });\n setLoading(true);\n try {\n const res = await fetch(\"/api/reservations\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ date, time, name, contact, notes }),\n });\n const data = await res.json();\n if (!res.ok) {\n setMsg({ type: \"err\", text: data.error ?? \"予約に失敗しました\" });\n fetch(`/api/slots?date=${date}`).then((r) => r.json()).then((d) => setSlots(d.slots ?? []));\n } else {\n setDone({ date, time });\n }\n } catch {\n setMsg({ type: \"err\", text: \"通信エラーが発生しました\" });\n } finally {\n setLoading(false);\n }\n }\n\n if (done) {\n return (\n \n

✅

ご予約ありがとうございます

\n {labelForDate(done.date)} {done.time} で承りました。\n

\n {\n setDone(null);\n setName(\"\");\n setContact(\"\");\n setNotes(\"\");\n setTime(\"\");\n }}\n >\n 続けて予約する\n \n

\n \n );\n }\n\n return (\n \n

\n 日付\n setDate(e.target.value)}\n >\n {dates.map((d) => (\n \n ))}\n \n

\n\n

\n 時間\n {slots.length === 0 ? (\n

この日は予約枠がありません。

\n ) : (\n

\n {slots.map((s) => (\n setTime(s.time)}\n className={\n \"px-2 py-2 rounded text-sm border transition \" +\n (!s.available\n ? \"bg-gray-100 text-gray-400 cursor-not-allowed line-through\"\n : time === s.time\n ? \"bg-gray-800 text-white border-gray-800\"\n : \"bg-white hover:border-gray-800\")\n }\n >\n {s.time}\n \n ))}\n

\n )}\n

\n\n

\n お名前 *\n setName(e.target.value)}\n />\n

\n\n

\n メール / 電話 *\n setContact(e.target.value)}\n />\n

\n\n

\n 備考・ご要望\n setNotes(e.target.value)}\n />\n

\n\n {msg && (\n

\n {msg.text}\n

\n )}\n\n \n {loading ? \"送信中…\" : time ? `${labelForDate(date)} ${time} で予約する` : \"時間を選択してください\"}\n \n \n

\n );\n}\n\nfunction Shell({ children }: { children: React.ReactNode }) {\n return (\n

ご予約

ご希望の日時を選んでお申し込みください。

{children}

\n view source\n

\n );\n}\n\ncreateRoot(document.getElementById(\"root\")!).render();\n",[19,59],"063ad1b2-0048-4d9d-a8dc-917b1a1f0100",["D",1783275171531],"directory",[19],{"_35":66,"_13":19,"_38":41,"_40":-5,"_42":43,"_44":45,"_46":47,"_48":82,"_17":50,"_51":68,"_52":-5,"_54":55,"_56":-5,"_79":83,"_18":84},{"_35":72,"_13":73,"_38":74,"_40":-5,"_42":43,"_44":75,"_46":47,"_48":76,"_17":50,"_51":77,"_52":78,"_54":55,"_56":-5,"_79":80,"_18":81},"931bca1a-a5f1-4e6d-9619-a172e741615e","main.ts","1e1e736a-789d-11f1-8f84-1607ee4eb77e",1,["D",1783275163557],"http","// 予約アプリ — HTTP val (Hono + SQLite)\n// Learn more: https://docs.val.town/vals/http/\nimport { Hono } from \"npm:hono\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\n/* ───────────── 設定（ここを変えれば営業時間・枠が変わります） ───────────── */\nconst CONFIG = {\n openHour: 10, // 営業開始（時）\n closeHour: 18, // 営業終了（時）— この時刻の開始枠は作りません\n slotMinutes: 60, // 1枠の長さ（分）\n openWeekdays: [1, 2, 3, 4, 5, 6], // 予約可能な曜日 0=日 … 6=土\n daysAhead: 30, // 何日先まで予約可能か\n};\n\n/* ───────────── DB 初期化 ───────────── */\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS reservations (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n slot TEXT NOT NULL UNIQUE,\n name TEXT NOT NULL,\n contact TEXT NOT NULL,\n notes TEXT,\n created_at TEXT NOT NULL\n)`);\n\n/* ───────────── ユーティリティ ───────────── */\nfunction slotsForDate(dateStr: string): string[] {\n const [y, m, d] = dateStr.split(\"-\").map(Number);\n const dow = new Date(Date.UTC(y, m - 1, d)).getUTCDay();\n if (!CONFIG.openWeekdays.includes(dow)) return [];\n const out: string[] = [];\n for (let min = CONFIG.openHour * 60; min < CONFIG.closeHour * 60; min += CONFIG.slotMinutes) {\n const hh = String(Math.floor(min / 60)).padStart(2, \"0\");\n const mm = String(min % 60).padStart(2, \"0\");\n out.push(`${hh}:${mm}`);\n }\n return out;\n}\n\nfunction isValidDate(dateStr: string): boolean {\n return /^\\d{4}-\\d{2}-\\d{2}$/.test(dateStr) && !Number.isNaN(Date.parse(dateStr));\n}\n\n/* ───────────── アプリ ───────────── */\nconst app = new Hono();\n\n// フロントエンド配信\napp.get(\"/\", (c) => serveFile(\"/frontend/index.html\", import.meta.url));\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n// ソース表示\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// 指定日の空き枠を返す\napp.get(\"/api/slots\", async (c) => {\n const date = c.req.query(\"date\") ?? \"\";\n if (!isValidDate(date)) return c.json({ error: \"invalid date\" }, 400);\n const all = slotsForDate(date);\n const taken = await sqlite.execute({\n sql: \"SELECT slot FROM reservations WHERE slot LIKE ?\",\n args: [`${date}T%`],\n });\n const takenSet = new Set(taken.rows.map((r: any) => String(r.slot)));\n const slots = all.map((t) => ({ time: t, available: !takenSet.has(`${date}T${t}`) }));\n return c.json({ date, slots });\n});\n\n// 予約作成\napp.post(\"/api/reservations\", async (c) => {\n const body = await c.req.json().catch(() => null);\n if (!body) return c.json({ error: \"invalid body\" }, 400);\n const { date, time, name, contact, notes } = body as Record;\n\n if (!isValidDate(date) || !/^\\d{2}:\\d{2}$/.test(time ?? \"\")) {\n return c.json({ error: \"日付または時間の形式が不正です\" }, 400);\n }\n if (!slotsForDate(date).includes(time)) {\n return c.json({ error: \"その時間は予約枠外です\" }, 400);\n }\n if (!name?.trim()) return c.json({ error: \"お名前を入力してください\" }, 400);\n if (!contact?.trim()) return c.json({ error: \"メールまたは電話を入力してください\" }, 400);\n\n const slot = `${date}T${time}`;\n try {\n await sqlite.execute({\n sql: \"INSERT INTO reservations (slot, name, contact, notes, created_at) VALUES (?, ?, ?, ?, ?)\",\n args: [slot, name.trim(), contact.trim(), (notes ?? \"\").trim(), new Date().toISOString()],\n });\n } catch (e: any) {\n if (String(e?.message ?? e).includes(\"UNIQUE\")) {\n return c.json({ error: \"申し訳ありません。その枠は先ほど埋まりました。別の時間をお選びください。\" }, 409);\n }\n throw e;\n }\n return c.json({ ok: true, slot });\n});\n\n// 管理用：予約一覧（本番では認証を追加してください。valtown:oauth スキル参照）\napp.get(\"/api/reservations\", async (c) => {\n const rows = await sqlite.execute(\n \"SELECT id, slot, name, contact, notes, created_at FROM reservations ORDER BY slot ASC\",\n );\n return c.json({ reservations: rows.rows });\n});\n\n// 設定をフロントに渡す\napp.get(\"/api/config\", (c) =>\n c.json({ daysAhead: CONFIG.daysAhead, slotMinutes: CONFIG.slotMinutes }),\n);\n\n// エラー時にフルスタックトレースを出す\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","children",[],[73],["D",1783275171531],[85,86],[19],{"_35":58,"_13":59,"_38":60,"_40":41,"_42":43,"_44":61,"_46":47,"_48":90,"_17":50,"_51":63,"_52":64,"_54":55,"_56":-5,"_79":91,"_18":92},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":87,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_79":88,"_18":89},["D",1783275171531],[],[19,37],["D",1783275195031],[],[19,59],"48eeeb9e-1384-41be-8bae-bbf375670800",["D",1783275088408],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","日時予約フォーム (Hono + SQLite + React)","imageUrl","userId","2e5f3a11-3ecf-4768-a436-abfe0467880b","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019f3378-c037-7109-869d-8900c383fcb3","tursoName","48eeeb9e138441be8baebbf375670800","tursoHostname","48eeeb9e138441be8baebbf375670800-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789521041830],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_150":146},"org",{"_11":12,"_143":144,"_145":146,"_103":104,"_147":148,"_149":55},"branch",{"_17":61,"_13":16,"_35":43,"_135":93,"_136":-5,"_137":-5,"_138":-5,"_139":-5,"_140":-5,"_141":14,"_142":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","吉岡蓮","avatar","https://lh3.googleusercontent.com/a/ACg8ocJoAQzKMObUH_Y10IrLwHP-VLUVThbIP7Q-p0QkGvJB2Re_AQ=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":93,"_13":14,"_48":196,"_95":-5,"_96":55,"_97":98,"_99":98,"_100":101,"_102":-5,"_103":104,"_105":74,"_106":47,"_107":-5,"_108":-5,"_109":50,"_110":111,"_112":113,"_114":115,"_116":197,"_118":-5,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_128":198,"_130":199,"_132":200,"_134":55},[184,187],"files",[184,185,186,187],"counts",{"_175":50,"_176":75,"_177":50,"_32":178,"_179":180},[171,172],{"_35":66,"_13":19,"_38":41,"_40":-5,"_42":43,"_44":45,"_46":47,"_48":67,"_17":50,"_51":68,"_52":-5,"_54":55,"_56":-5,"_18":170},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],{"_35":58,"_13":59,"_38":60,"_40":41,"_42":43,"_44":61,"_46":47,"_48":62,"_17":50,"_51":63,"_52":64,"_54":55,"_56":-5,"_18":174},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_18":173},[19,37],[19,59],"pulls","branches","forks",{"_181":50,"_183":50},"connections",{"_181":50,"_182":50},"count","unfilledCount","emptyCount",{"_35":66,"_13":19,"_38":41,"_40":-5,"_42":43,"_44":45,"_46":47,"_48":82,"_17":50,"_51":68,"_52":-5,"_54":55,"_56":-5,"_79":194,"_18":195},{"_35":58,"_13":59,"_38":60,"_40":41,"_42":43,"_44":61,"_46":47,"_48":90,"_17":50,"_51":63,"_52":64,"_54":55,"_56":-5,"_79":192,"_18":193},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":87,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_79":190,"_18":191},{"_35":72,"_13":73,"_38":74,"_40":-5,"_42":43,"_44":75,"_46":47,"_48":76,"_17":50,"_51":77,"_52":78,"_54":55,"_56":-5,"_79":188,"_18":189},[],[73],[],[19,37],[],[19,59],[185,186],[19],["D",1783275088408],["D",1789521041830],{"_11":12,"_150":146},{"_11":12,"_143":144,"_145":146,"_103":104,"_147":148,"_149":55},{"_17":61,"_13":16,"_35":43,"_135":93,"_136":-5,"_137":-5,"_138":-5,"_139":-5,"_140":-5,"_141":14,"_142":12},"ctx",{"_128":-5,"_167":234,"_235":236,"_237":238,"_239":55,"_240":55,"_241":55,"_242":47,"_243":-5,"_244":-7,"_245":-7,"_246":50,"_247":55,"_248":55,"_249":-5,"_250":55,"_251":55,"_252":55,"_253":-5},"ENV",{"_205":206,"_207":208,"_209":16,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]