クッキークリッカー

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_171":172,"_173":174},"routes/_app.x.$handle.$name",{"_99":98,"_33":46,"_108":89,"_28":37,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":-5,"_120":-5,"_121":27,"_122":123,"_124":25,"_125":-5,"_126":-5,"_127":128},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_33":46,"_39":47,"_48":-5,"_49":27,"_50":51,"_52":51,"_53":37,"_54":-5,"_18":55,"_56":57,"_58":25,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":82,"_83":84,"_85":86,"_87":27},"version",19,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":29},"file",{"_31":32,"_33":29,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":27},"previous",{"_31":32,"_33":29,"_34":35,"_36":37},"deleted",true,"deletedHere",false,"path","style.ts","latestPath","fileId","5ff4ed44-a572-11f1-84ce-1607ee4eb77e","name","fileType","script","content","","export default `\n:root{\n --bg: #2b1912;\n --panel: #3a2317;\n --panel-light: #4a2e1c;\n --cream: #f3e3c3;\n --gold: #e8b23d;\n --gold-bright: #ffd35c;\n --accent: #c76a3b;\n --text-dim: #c9a97e;\n --milk-op: 0;\n}\n* { box-sizing: border-box; }\nbody {\n margin: 0;\n font-family: 'Georgia', 'Yu Mincho', serif;\n background: radial-gradient(ellipse at top, #4a2e1c 0%, #2b1912 60%);\n color: var(--cream);\n min-height: 100vh;\n overflow-x: hidden;\n position: relative;\n}\nbody::before{\n content:'';\n position: fixed;\n inset: 0;\n background: radial-gradient(circle at 50% 15%, rgba(255,255,255,var(--milk-op)), transparent 65%);\n pointer-events: none;\n z-index: 1;\n transition: background 1s ease;\n}\n.wrap {\n display: grid;\n grid-template-columns: 1fr 320px;\n gap: 0;\n min-height: 100vh;\n position: relative;\n z-index: 2;\n}\n@media (max-width: 720px) {\n .wrap { grid-template-columns: 1fr; }\n}\n\n.main {\n padding: 24px 20px 60px;\n display: flex;\n flex-direction: column;\n align-items: center;\n position: relative;\n}\n.count {\n font-size: 42px;\n font-weight: bold;\n letter-spacing: 0.5px;\n text-shadow: 0 2px 6px rgba(0,0,0,0.5);\n margin-top: 4px;\n}\n.count small { font-size: 20px; color: var(--text-dim); font-weight: normal; }\n.cps {\n color: var(--text-dim);\n font-size: 14px;\n margin-bottom: 18px;\n}\n\n.cookie-zone {\n position: relative;\n width: min(320px, 70vw);\n height: min(320px, 70vw);\n margin: 10px 0 20px;\n filter: drop-shadow(0 10px 18px rgba(0,0,0,0.55));\n transition: transform 0.08s ease;\n}\n.cookie-zone:active {\n transform: scale(0.94);\n}\n#cookie {\n width: 100%;\n height: 100%;\n cursor: pointer;\n user-select: none;\n -webkit-tap-highlight-color: transparent;\n touch-action: manipulation;\n position: relative;\n z-index: 3;\n}\n\n.cursor-ring {\n position: absolute;\n inset: 0;\n pointer-events: none;\n animation: ringSpin 50s linear infinite;\n z-index: 1;\n}\n.cursor-ring span {\n position: absolute;\n left: 50%;\n top: 50%;\n font-size: 15px;\n transform-origin: 0 0;\n opacity: 0.85;\n}\n@keyframes ringSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\n\n.float-num {\n position: absolute;\n font-size: 20px;\n font-weight: bold;\n color: var(--gold-bright);\n pointer-events: none;\n text-shadow: 0 1px 3px rgba(0,0,0,0.6);\n animation: floatUp 0.9s ease-out forwards;\n z-index: 4;\n}\n@keyframes floatUp {\n 0% { opacity: 1; transform: translateY(0); }\n 100% { opacity: 0; transform: translateY(-60px); }\n}\n\n.stats-row {\n display: flex;\n gap: 18px;\n color: var(--text-dim);\n font-size: 13px;\n margin-top: 4px;\n flex-wrap: wrap;\n justify-content: center;\n}\n\n.panel-btn-row {\n display: flex;\n gap: 10px;\n margin-top: 16px;\n}\n.panel-btn-row button {\n background: var(--panel-light);\n border: 1px solid #5a3a24;\n color: var(--cream);\n padding: 8px 14px;\n border-radius: 6px;\n font-size: 13px;\n cursor: pointer;\n font-family: inherit;\n}\n.panel-btn-row button:hover { background: #5c3a22; }\n\n.golden {\n position: absolute;\n width: 64px;\n height: 64px;\n cursor: pointer;\n filter: drop-shadow(0 0 12px var(--gold-bright)) brightness(1.15);\n animation: spin 3s linear infinite, pulse 1s ease-in-out infinite;\n z-index: 20;\n}\n@keyframes spin { from { transform: rotate(0deg);} to { transform: rotate(360deg);} }\n@keyframes pulse { 0%,100% { filter: drop-shadow(0 0 8px var(--gold-bright)) brightness(1.1);} 50% { filter: drop-shadow(0 0 20px var(--gold-bright)) brightness(1.4);} }\n\n.banner {\n position: fixed;\n top: 16px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--gold);\n color: #2b1912;\n padding: 10px 22px;\n border-radius: 4px;\n font-weight: bold;\n box-shadow: 0 4px 14px rgba(0,0,0,0.4);\n z-index: 50;\n animation: bannerIn 0.3s ease, bannerOut 0.4s ease 2.6s forwards;\n max-width: 90vw;\n text-align: center;\n}\n.banner.achievement { background: var(--accent); color: #fff; }\n@keyframes bannerIn { from { opacity:0; transform: translate(-50%,-12px);} to { opacity:1; transform: translate(-50%,0);} }\n@keyframes bannerOut { to { opacity: 0; transform: translate(-50%,-12px);} }\n\n.store {\n background: var(--panel);\n border-left: 2px solid #1c0f09;\n padding: 18px 14px 40px;\n overflow-y: auto;\n position: relative;\n z-index: 2;\n}\n.store h2 {\n margin: 0 0 12px;\n font-size: 16px;\n letter-spacing: 1px;\n color: var(--gold);\n border-bottom: 1px solid #5a3a24;\n padding-bottom: 8px;\n}\n.tabs { display: flex; gap: 6px; margin-bottom: 12px; }\n.tab-btn {\n flex: 1;\n background: var(--panel-light);\n border: 1px solid #5a3a24;\n color: var(--text-dim);\n padding: 8px 4px;\n border-radius: 5px;\n font-size: 12px;\n cursor: pointer;\n font-family: inherit;\n}\n.tab-btn.active { background: var(--gold); color: #2b1912; font-weight: bold; }\n.hidden { display: none !important; }\n\n.item {\n display: flex;\n align-items: center;\n gap: 10px;\n background: var(--panel-light);\n border: 1px solid #5a3a24;\n border-radius: 6px;\n padding: 10px;\n margin-bottom: 8px;\n cursor: pointer;\n transition: transform 0.1s, background 0.15s, border-color 0.15s;\n}\n.item:hover:not(.disabled) {\n background: #5c3a22;\n transform: translateX(-2px);\n}\n.item.disabled {\n opacity: 0.45;\n cursor: default;\n}\n.item .icon {\n font-size: 26px;\n width: 34px;\n text-align: center;\n flex-shrink: 0;\n}\n.item .info { flex: 1; min-width: 0; }\n.item .name {\n font-weight: bold;\n font-size: 14px;\n display: flex;\n justify-content: space-between;\n gap: 6px;\n}\n.item .name .owned {\n color: var(--gold);\n font-size: 13px;\n}\n.item .desc {\n color: var(--text-dim);\n font-size: 11px;\n margin-top: 2px;\n}\n.item .cost {\n color: var(--gold-bright);\n font-size: 12px;\n margin-top: 4px;\n}\n.empty-note {\n color: var(--text-dim);\n font-size: 12px;\n text-align: center;\n padding: 20px 8px;\n line-height: 1.6;\n}\n\n.save-row {\n display: flex;\n gap: 8px;\n margin-top: 14px;\n}\n.save-row button {\n flex: 1;\n background: var(--panel-light);\n border: 1px solid #5a3a24;\n color: var(--cream);\n padding: 8px;\n border-radius: 5px;\n font-size: 12px;\n cursor: pointer;\n font-family: inherit;\n}\n.save-row button:hover { background: #5c3a22; }\n.save-msg {\n text-align: center;\n font-size: 11px;\n color: var(--text-dim);\n margin-top: 6px;\n min-height: 14px;\n}\n\n.modal-overlay {\n position: fixed;\n inset: 0;\n background: rgba(0,0,0,0.65);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n padding: 20px;\n}\n.modal {\n background: var(--panel);\n border: 1px solid #5a3a24;\n border-radius: 10px;\n max-width: 420px;\n width: 100%;\n max-height: 78vh;\n overflow-y: auto;\n padding: 22px 18px 18px;\n position: relative;\n}\n.modal h3 {\n margin: 0 0 12px;\n color: var(--gold);\n font-size: 16px;\n border-bottom: 1px solid #5a3a24;\n padding-bottom: 8px;\n}\n.modal-close {\n position: absolute;\n top: 10px;\n right: 12px;\n background: none;\n border: none;\n color: var(--cream);\n font-size: 22px;\n cursor: pointer;\n line-height: 1;\n}\n.stat-row {\n display: flex;\n justify-content: space-between;\n padding: 6px 0;\n border-bottom: 1px solid #4a2e1c;\n font-size: 13px;\n}\n.stat-row span:last-child { color: var(--gold-bright); font-weight: bold; }\n.ach-item {\n display: flex;\n gap: 10px;\n padding: 8px 0;\n border-bottom: 1px solid #4a2e1c;\n}\n.ach-item .a-icon { font-size: 22px; width: 28px; text-align: center; flex-shrink: 0; }\n.ach-item .a-name { font-weight: bold; font-size: 13px; }\n.ach-item .a-desc { font-size: 11px; color: var(--text-dim); margin-top: 2px; }\n.ach-item.locked { opacity: 0.35; }\n.ach-progress {\n font-size: 12px;\n color: var(--text-dim);\n margin-bottom: 10px;\n text-align: right;\n}\n\n#rainLayer {\n position: fixed;\n inset: 0;\n pointer-events: none;\n overflow: hidden;\n z-index: 5;\n}\n.rain-cookie {\n position: absolute;\n top: -40px;\n font-size: 22px;\n opacity: 0.85;\n animation-name: fall, sway;\n animation-timing-function: linear, ease-in-out;\n animation-iteration-count: 1, infinite;\n will-change: transform;\n}\n@keyframes fall {\n from { transform: translateY(0) rotate(0deg); }\n to { transform: translateY(110vh) rotate(360deg); }\n}\n@keyframes sway {\n 0%, 100% { margin-left: 0px; }\n 50% { margin-left: 24px; }\n}\n`;","createdAt",["D",1788204654596],"branchVersion","branchId","5b6b29f3-9ac0-41d1-b293-5008419e6c5b","id","f00cd481-77e5-4bf8-b22a-5e4615b701be","cu",["D",1788198506191],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","9f3bac8a-d43d-4ccf-9505-cf0f141186f8","pinnedFileId","52c9049c-a564-11f1-87d9-1607ee4eb77e","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019fa766-f010-73f2-920a-31044edf22b4","tursoName","f00cd48177e54bf8b22a5e4615b701be","tursoHostname","f00cd48177e54bf8b22a5e4615b701be-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789518676100],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_107":103},"org",{"_99":98,"_100":101,"_102":103,"_18":55,"_104":105,"_106":27},"branch",{"_13":88,"_33":89,"_44":43,"_90":45,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":46,"_97":98},"isOwned",56,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","nznp","handle","displayName","AbyssalFractal","avatar","https://avatars.githubusercontent.com/u/308141039?v=4","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_44":45,"_33":46,"_39":166,"_48":-5,"_49":27,"_50":51,"_52":51,"_53":37,"_54":-5,"_18":55,"_56":57,"_58":25,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":167,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":168,"_83":169,"_85":170,"_87":27},"tree",[157,158],"files",[157,158],"counts",{"_146":62,"_147":148,"_149":62,"_150":151,"_152":153},"contents",[129,130],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":138,"_33":139,"_31":57,"_132":-5,"_42":43,"_41":140,"_133":27,"_39":141,"_13":142,"_34":143,"_36":144,"_24":27,"_136":-5,"_28":145},{"_44":131,"_33":29,"_31":32,"_132":-5,"_42":43,"_41":14,"_133":27,"_39":134,"_13":135,"_34":35,"_36":38,"_24":27,"_136":-5,"_28":137},"30294283-5369-4ad0-ad93-6f1f02e8517f","parentId","latest",["D",1788204654596],2,"label",[29],"3745ebe8-55ff-4fc8-ad2f-13dce2c744ad","main.ts",16,["D",1788204604935],9,"http","import css from \"./style.ts\";\nimport js from \"./game.ts\";\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n\n // --- セーブデータ API (サーバー側 SQLite に保存) ---\n if (url.pathname === \"/api/save\" && req.method === \"POST\") {\n try {\n const body = await req.json();\n const id = String(body.id || \"\").slice(0, 64);\n const data = String(body.data || \"\").slice(0, 100000);\n if (!id || !data) return new Response(\"bad request\", { status: 400 });\n await sqlite.execute(\n `CREATE TABLE IF NOT EXISTS saves (id TEXT PRIMARY KEY, data TEXT, updated_at INTEGER)`,\n );\n await sqlite.execute(\n `INSERT INTO saves (id, data, updated_at) VALUES (?, ?, ?)\n ON CONFLICT(id) DO UPDATE SET data = excluded.data, updated_at = excluded.updated_at`,\n [id, data, Date.now()],\n );\n return Response.json({ ok: true });\n } catch (e) {\n return Response.json({ ok: false, error: String(e) }, { status: 500 });\n }\n }\n\n if (url.pathname === \"/api/load\") {\n try {\n const id = url.searchParams.get(\"id\") || \"\";\n if (!id) return Response.json({ value: null });\n await sqlite.execute(\n `CREATE TABLE IF NOT EXISTS saves (id TEXT PRIMARY KEY, data TEXT, updated_at INTEGER)`,\n );\n const result = await sqlite.execute(\n `SELECT data FROM saves WHERE id = ?`,\n [id],\n );\n const row = result.rows[0];\n return Response.json({ value: row ? row.data : null });\n } catch (e) {\n return Response.json({ value: null, error: String(e) });\n }\n }\n\n // --- 静的アセット (CSS / JS を別ファイルとして配信し、1ファイルの文字数を抑える) ---\n if (url.pathname === \"/style.css\") {\n return new Response(css, {\n headers: { \"content-type\": \"text/css;charset=UTF-8\" },\n });\n }\n if (url.pathname === \"/game.js\") {\n return new Response(js, {\n headers: { \"content-type\": \"text/javascript;charset=UTF-8\" },\n });\n }\n\n const html = `\n\n\n\n\nクッキークリッカー\n\n\n\n\n

0 クッキー

1秒あたり 0 クッキー

\n\n \n\n

\n 累計: 0 枚\n クリック: +1\n

\n\n

\n \n \n

\n\n

\n \n \n

\n\n

\n \n \n

\n\n\n\n\n\n`;\n\n return new Response(html, {\n headers: {\n \"content-type\": \"text/html;charset=UTF-8\",\n },\n });\n}",[139],"pulls","branches",1,"forks","envVars",{"_154":62,"_156":62},"connections",{"_154":62,"_155":62},"count","unfilledCount","emptyCount",{"_44":138,"_33":139,"_31":57,"_132":-5,"_42":43,"_41":140,"_133":27,"_39":163,"_13":142,"_34":143,"_36":144,"_24":27,"_136":-5,"_160":164,"_28":165},{"_44":131,"_33":29,"_31":32,"_132":-5,"_42":43,"_41":14,"_133":27,"_39":159,"_13":135,"_34":35,"_36":38,"_24":27,"_136":-5,"_160":161,"_28":162},["D",1788204654596],"children",[],[29],["D",1788204604935],[],[139],["D",1788198506191],["D",1789518676100],{"_99":98,"_107":103},{"_99":98,"_100":101,"_102":103,"_18":55,"_104":105,"_106":27},{"_13":88,"_33":89,"_44":43,"_90":45,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":46,"_97":98},"ctx",{"_81":-5,"_126":204,"_205":206,"_207":208,"_209":27,"_210":27,"_211":27,"_212":25,"_213":-5,"_214":-7,"_215":-7,"_216":62,"_217":27,"_218":27,"_219":-5,"_220":27,"_221":27,"_222":27,"_223":-5},"ENV",{"_175":176,"_177":178,"_179":89,"_180":181,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203},"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"]

Diff · v19