Licznik karmy (kilogramy)

\n\n

\n \n \n \n \n\n

\n\n \n \n",[59],"0a1948ee-f95e-4fbb-a18c-1e7d2ad94c5c","app.js","cb9dacc4-631a-11f1-8a26-1607ee4eb77e",23,["D",1781077669023],7,"script","const container = document.getElementById(\"container\");\nconst form = document.getElementById(\"addForm\");\nconst labelInput = document.getElementById(\"newLabel\");\nconst valueInput = document.getElementById(\"newValue\");\n\nlet counters = {};\n\nfunction escapeHtml(str) {\n return String(str).replace(/[&<>\"']/g, (c) => ({\n \"&\": \"&\",\n \"<\": \"<\",\n \">\": \">\",\n '\"': \""\",\n \"'\": \"'\",\n }[c]));\n}\n\nfunction render() {\n const entries = Object.entries(counters).sort(([a], [b]) =>\n a.localeCompare(b, undefined, {\n sensitivity: \"base\",\n })\n );\n\n if (entries.length === 0) {\n container.innerHTML =\n '

No counters yet. Add one above.

';\n return;\n }\n\n const total = entries.reduce((sum, [, value]) => sum + value, 0);\n\n const rows = entries\n .map(([label, value]) => {\n const safe = escapeHtml(label);\n\n return `\n \n ${safe}\n ${value}\n \n \n \n \n \n \n `;\n })\n .join(\"\");\n\n container.innerHTML = `\n \n \n \n \n \n \n \n \n ${rows}\n \n \n \n \n \n \n \n

Imię	Kg
Razem	${total}

`;\n}\n\nasync function api(path, body) {\n const res = await fetch(path, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(body),\n });\n\n counters = await res.json();\n render();\n}\n\nasync function refresh() {\n const res = await fetch(\"/api/counters\");\n counters = await res.json();\n render();\n}\n\ncontainer.addEventListener(\"click\", (e) => {\n const btn = e.target.closest(\"button[data-action]\");\n if (!btn) return;\n\n const label = btn.dataset.label;\n const action = btn.dataset.action;\n\n if (action === \"inc\") {\n api(\"/api/update\", { label, delta: 1 });\n } else if (action === \"dec\") {\n api(\"/api/update\", { label, delta: -1 });\n } else if (action === \"del\") {\n api(\"/api/delete\", { label });\n } else if (action === \"edit\") {\n const newLabel = prompt(\"New name:\", label);\n\n if (\n newLabel &&\n newLabel.trim() &&\n newLabel.trim() !== label\n ) {\n api(\"/api/rename\", {\n oldLabel: label,\n newLabel: newLabel.trim(),\n });\n }\n }\n});\n\nform.addEventListener(\"submit\", (e) => {\n e.preventDefault();\n\n const label = labelInput.value.trim();\n if (!label) return;\n\n const value = Number(valueInput.value) || 0;\n\n api(\"/api/set\", { label, value });\n\n labelInput.value = \"\";\n valueInput.value = \"0\";\n labelInput.focus();\n});\n\nrefresh();\n\n// Light polling so multiple viewers stay roughly in sync\nsetInterval(refresh, 100000);",[67],{"_35":66,"_13":67,"_38":68,"_40":-5,"_41":42,"_43":69,"_45":46,"_47":85,"_17":71,"_50":72,"_52":73,"_54":55,"_56":-5,"_79":86,"_18":87},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":61,"_45":46,"_47":82,"_17":63,"_50":24,"_52":64,"_54":55,"_56":-5,"_79":83,"_18":84},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":78,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_79":80,"_18":81},["D",1781077565844],"children",[],[37],["D",1780914986644],[],[59],["D",1781077669023],[],[67],"0c291c2b-5c86-4c73-9060-6f1c2f70abc8",["D",1780910087883],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Counter","imageUrl","userId","f04b0f59-dbec-4676-93d5-182a7f6ab2bb","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019ea682-1796-731d-8bc0-aab3cf3fc0d9","tursoName","0c291c2b5c864c7390606f1c2f70abc8","tursoHostname","0c291c2b5c864c7390606f1c2f70abc8-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789515055826],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_145":141},"org",{"_11":12,"_139":12,"_140":141,"_98":99,"_142":143,"_144":55},"branch",{"_17":69,"_13":16,"_35":42,"_131":88,"_132":-5,"_133":-5,"_134":-5,"_135":-5,"_136":-5,"_137":14,"_138":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://lh3.googleusercontent.com/a/ACg8ocIoeH_MQES0XdhkOPha1AyJ_2oe53OrsoytTX2Ws5wCnTUjVw=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":88,"_13":14,"_47":189,"_90":-5,"_91":55,"_92":93,"_94":93,"_95":96,"_97":-5,"_98":99,"_100":-5,"_101":55,"_102":-5,"_103":-5,"_104":105,"_106":107,"_108":109,"_110":111,"_112":190,"_114":-5,"_115":116,"_117":116,"_118":119,"_120":119,"_121":119,"_122":116,"_123":116,"_124":191,"_126":192,"_128":193,"_130":55},[180,181,182],"files",[180,181,182],"counts",{"_170":105,"_171":172,"_173":105,"_31":174,"_175":176},[164,165,166],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_35":66,"_13":67,"_38":68,"_40":-5,"_41":42,"_43":69,"_45":46,"_47":70,"_17":71,"_50":72,"_52":73,"_54":55,"_56":-5,"_18":169},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":61,"_45":46,"_47":62,"_17":63,"_50":24,"_52":64,"_54":55,"_56":-5,"_18":168},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":167},[37],[59],[67],"pulls","branches",1,"forks",{"_177":105,"_179":105},"connections",{"_177":105,"_178":105},"count","unfilledCount","emptyCount",{"_35":66,"_13":67,"_38":68,"_40":-5,"_41":42,"_43":69,"_45":46,"_47":85,"_17":71,"_50":72,"_52":73,"_54":55,"_56":-5,"_79":187,"_18":188},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":61,"_45":46,"_47":82,"_17":63,"_50":24,"_52":64,"_54":55,"_56":-5,"_79":185,"_18":186},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":78,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_79":183,"_18":184},[],[37],[],[59],[],[67],["D",1780910087883],["D",1789515055826],{"_11":12,"_145":141},{"_11":12,"_139":12,"_140":141,"_98":99,"_142":143,"_144":55},{"_17":69,"_13":16,"_35":42,"_131":88,"_132":-5,"_133":-5,"_134":-5,"_135":-5,"_136":-5,"_137":14,"_138":12},"ctx",{"_124":-5,"_161":227,"_228":229,"_230":231,"_232":55,"_233":55,"_234":55,"_235":46,"_236":-5,"_237":-7,"_238":-7,"_239":105,"_240":55,"_241":55,"_242":-5,"_243":55,"_244":55,"_245":55,"_246":-5},"ENV",{"_198":199,"_200":201,"_202":16,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226},"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"]

Code