Ходьба · лайв

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_166":167,"_168":169},"routes/_app.x.$handle.$name",{"_95":94,"_31":43,"_104":85,"_26":105,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":24,"_119":120,"_121":57,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_41":42,"_31":43,"_36":44,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":24},"version",3,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":27,"_32":33,"_34":35,"_36":37,"_38":14,"_39":40,"_23":24},"previous","deleted",false,"deletedHere","path","client.ts","latestPath","fileId","03108698-a3be-11f1-acf8-1607ee4eb77e","name","fileType","script","content","// Лайв-трекер ходьбы: читает дорожку по Web Bluetooth, считает шаги.\n// Поддержка: FTMS (0x1826) — скорость/дистанция/время, RSC (0x1814) — каденс/шаги.\n// Если дорожка не отдаёт ничего понятного — считаем по скорости и длине шага.\n\nconst $ = (id: string) => document.getElementById(id)!;\n\nconst FTMS = 0x1826;\nconst FTMS_TREADMILL = 0x2acd;\nconst RSC = 0x1814;\nconst RSC_MEASURE = 0x2a53;\nconst EXTRA_SERVICES = [0x180d, 0x180f, 0x181c, 0xfe00, 0xffe0, 0xfff0];\n\ntype State = {\n speedKmh: number;\n distanceM: number;\n movingS: number;\n steps: number;\n source: string;\n deviceDistance: boolean;\n deviceSteps: boolean;\n};\n\nconst DAY = () => new Date().toISOString().slice(0, 10);\nconst KEY = \"walk-live\";\n\nfunction load(): State {\n const empty: State = {\n speedKmh: 0, distanceM: 0, movingS: 0, steps: 0,\n source: \"\", deviceDistance: false, deviceSteps: false,\n };\n try {\n const raw = JSON.parse(localStorage.getItem(KEY) || \"{}\");\n if (raw.day === DAY()) return { ...empty, ...raw.state, speedKmh: 0 };\n } catch { /* пусто */ }\n return empty;\n}\n\nfunction save() {\n try {\n localStorage.setItem(KEY, JSON.stringify({ day: DAY(), state: { ...s, speedKmh: 0 } }));\n } catch { /* приватный режим — просто не сохраняем */ }\n}\n\nconst s = load();\n\nconst num = (id: string, fallback: number) => {\n const v = parseFloat(($(id) as HTMLInputElement).value);\n return Number.isFinite(v) ? v : fallback;\n};\n\nfunction log(line: string) {\n const el = $(\"log\");\n const stamp = new Date().toLocaleTimeString(\"ru-RU\");\n el.textContent = `${stamp} ${line}\\n${el.textContent === \"пусто\" ? \"\" : el.textContent}`\n .split(\"\\n\").slice(0, 60).join(\"\\n\");\n}\n\nfunction fmtTime(sec: number) {\n const m = Math.floor(sec / 60);\n const ss = Math.floor(sec % 60);\n if (m < 60) return `${m}:${String(ss).padStart(2, \"0\")}`;\n return `${Math.floor(m / 60)}:${String(m % 60).padStart(2, \"0\")}:${String(ss).padStart(2, \"0\")}`;\n}\n\nfunction render() {\n const goal = num(\"goal\", 10000);\n const weight = num(\"weight\", 80);\n\n $(\"steps\").textContent = Math.round(s.steps).toLocaleString(\"ru-RU\");\n $(\"speed\").textContent = s.speedKmh.toFixed(1);\n $(\"dist\").textContent = (s.distanceM / 1000).toFixed(2);\n $(\"time\").textContent = fmtTime(s.movingS);\n\n // ходьба ~3.5 MET на 5 км/ч, грубо масштабируем по скорости\n const met = s.speedKmh > 0 ? Math.max(2, 1.2 + s.speedKmh * 0.55) : 0;\n const kcal = (met * weight * (s.movingS / 3600));\n $(\"kcal\").textContent = Math.round(kcal).toString();\n\n const pct = Math.min(100, (s.steps / goal) * 100);\n ($(\"goalBar\") as HTMLElement).style.width = pct + \"%\";\n $(\"stepsSub\").textContent = s.steps >= goal\n ? `цель ${goal.toLocaleString(\"ru-RU\")} взята`\n : `осталось ${Math.max(0, Math.round(goal - s.steps)).toLocaleString(\"ru-RU\")} до цели`;\n\n const dot = $(\"dot\");\n dot.classList.toggle(\"on\", connected);\n dot.classList.toggle(\"walking\", s.speedKmh > 0.2);\n $(\"state\").textContent = !connected\n ? \"не подключено\"\n : s.speedKmh > 0.2\n ? \"идёшь\"\n : \"стоишь\";\n $(\"src\").textContent = s.source ? `источник: ${s.source}` : \"\";\n}\n\nlet connected = false;\nlet lastTick = performance.now();\n\n// Локальный тикер: считает время в движении, а дистанцию и шаги — если дорожка их не отдаёт.\nsetInterval(() => {\n const now = performance.now();\n const dt = (now - lastTick) / 1000;\n lastTick = now;\n\n if (s.speedKmh > 0.2) {\n s.movingS += dt;\n if (!s.deviceDistance) s.distanceM += (s.speedKmh / 3.6) * dt;\n if (!s.deviceSteps) s.steps = s.distanceM / num(\"stride\", 0.7);\n }\n render();\n save();\n}, 1000);\n\nfunction parseFtms(v: DataView) {\n const flags = v.getUint16(0, true);\n let i = 2;\n const speed = v.getUint16(i, true) / 100; i += 2; // км/ч\n s.speedKmh = speed;\n if (flags & 0x02) i += 2; // средняя скорость\n if (flags & 0x04) { // общая дистанция, uint24, метры\n const d = v.getUint8(i) | (v.getUint8(i + 1) << 8) | (v.getUint8(i + 2) << 16);\n i += 3;\n if (d > 0) { s.distanceM = d; s.deviceDistance = true; }\n }\n s.source = \"дорожка (FTMS)\";\n}\n\nlet lastRsc = 0;\nfunction parseRsc(v: DataView) {\n const flags = v.getUint8(0);\n const speed = v.getUint16(1, true) / 256; // м/с\n const cadence = v.getUint8(3); // шагов в минуту\n s.speedKmh = speed * 3.6;\n\n const now = performance.now();\n if (lastRsc && cadence > 0) {\n s.steps += (cadence / 60) * ((now - lastRsc) / 1000);\n s.deviceSteps = true;\n }\n lastRsc = now;\n\n if (flags & 0x04) { // общая дистанция, 1/10 м\n const d = v.getUint32(flags & 0x01 ? 6 : 4, true) / 10;\n if (d > 0) { s.distanceM = d; s.deviceDistance = true; }\n }\n s.source = \"дорожка (каденс)\";\n}\n\nconst hex = (v: DataView) =>\n [...new Uint8Array(v.buffer)].map((b) => b.toString(16).padStart(2, \"0\")).join(\" \");\n\nasync function connect() {\n const bt = (navigator as any).bluetooth;\n if (!bt) {\n alert(\"Web Bluetooth не поддерживается. Открой страницу в Chrome — в Safari эта штука не работает.\");\n return;\n }\n\n try {\n log(\"выбор устройства…\");\n const device = await bt.requestDevice({\n acceptAllDevices: true,\n optionalServices: [FTMS, RSC, ...EXTRA_SERVICES],\n });\n log(`выбрано: ${device.name || \"без имени\"}`);\n\n device.addEventListener(\"gattserverdisconnected\", () => {\n connected = false;\n s.speedKmh = 0;\n log(\"соединение потеряно\");\n render();\n });\n\n const server = await device.gatt.connect();\n const services = await server.getPrimaryServices();\n log(`сервисов: ${services.length}`);\n\n let bound = 0;\n for (const svc of services) {\n const chars = await svc.getCharacteristics().catch(() => []);\n for (const ch of chars) {\n if (!ch.properties.notify) continue;\n try {\n await ch.startNotifications();\n bound++;\n const uuid = ch.uuid;\n log(`слушаю ${uuid.slice(4, 8)}`);\n ch.addEventListener(\"characteristicvaluechanged\", (e: any) => {\n const v: DataView = e.target.value;\n if (uuid.includes(\"2acd\")) parseFtms(v);\n else if (uuid.includes(\"2a53\")) parseRsc(v);\n else log(`${uuid.slice(4, 8)}: ${hex(v)}`);\n render();\n });\n } catch { /* характеристика не даёт подписаться */ }\n }\n }\n\n connected = true;\n if (!bound) log(\"дорожка не отдаёт данные — считаю по скорости вручную\");\n render();\n } catch (e: any) {\n log(`ошибка: ${e.message || e}`);\n }\n}\n\n// Демо: имитирует ходьбу, чтобы посмотреть экран без дорожки.\nlet demoTimer: number | null = null;\nfunction demo() {\n if (demoTimer) {\n clearInterval(demoTimer);\n demoTimer = null;\n connected = false;\n s.speedKmh = 0;\n render();\n return;\n }\n connected = true;\n s.source = \"демо\";\n demoTimer = setInterval(() => {\n s.speedKmh = 3.6 + Math.sin(Date.now() / 9000) * 0.7;\n }, 1000) as unknown as number;\n}\n\n$(\"connect\").addEventListener(\"click\", connect);\n$(\"demo\").addEventListener(\"click\", demo);\n$(\"reset\").addEventListener(\"click\", () => {\n s.distanceM = 0;\n s.movingS = 0;\n s.steps = 0;\n s.deviceDistance = false;\n s.deviceSteps = false;\n save();\n render();\n});\n\nfor (const id of [\"stride\", \"goal\", \"weight\"]) {\n const el = $(id) as HTMLInputElement;\n const saved = localStorage.getItem(KEY + \":\" + id);\n if (saved) el.value = saved;\n el.addEventListener(\"change\", () => {\n localStorage.setItem(KEY + \":\" + id, el.value);\n render();\n });\n}\n\nrender();\n","createdAt",["D",1788017191503],"branchVersion","branchId","c270ceb6-3896-4262-8fa3-5dce4eabc0ce","id","d0d67057-e6b5-44b8-b83b-4f8cd5569e22","walk-live",["D",1788016699715],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Лайв-трекер ходьбы с беговой дорожки по Bluetooth","imageUrl","94b6ff1e-39d0-4aac-abdc-f9580a9fbfd6","pinnedFileId","ddf07216-a3bc-11f1-ba65-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","01a04517-2ac6-7299-92e0-09b1ca020230","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":53,"_100":101,"_102":24},"branch",{"_13":84,"_31":85,"_41":40,"_86":42,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":43,"_93":94},"isOwned",29,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","johnjackson","handle","displayName","AliHub","avatar","https://lh3.googleusercontent.com/a/ACg8ocLAL9gApFt0v9NhVqz2GYSanHEA5HvmQyCq3ZsuuMms0ucuosTw=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_41":42,"_31":43,"_36":162,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":163,"_79":164,"_81":165,"_83":24},"tree",[153,154],"files",[153,154],"counts",{"_143":61,"_144":134,"_145":61,"_146":147,"_148":149},"contents",[126,127],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_41":140,"_31":27,"_29":30,"_130":-5,"_39":40,"_38":14,"_132":24,"_36":141,"_13":61,"_32":33,"_34":35,"_23":24,"_137":-5,"_26":142},{"_41":128,"_31":129,"_29":55,"_130":-5,"_39":40,"_38":131,"_132":24,"_36":133,"_13":134,"_32":135,"_34":136,"_23":24,"_137":138,"_26":139},"22ad7458-c304-4fdc-985b-36427f5208d9","index.ts","parentId",2,"latest",["D",1788016733967],1,"http","import { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst HTML = `\n\n\n\n\nХодьба · лайв\n\n\n\n\n\n\n

\n Ходьба · лайв\n

не подключено

\n \n \n

\n\n

шагов сегодня

цель 10 000

\n\n

скорость

0.0км/ч

дистанция

0.00км

в движении

0:00

ккал

\n\n \n\n \n\n`;\n\nexport default async function (req: Request): Promise {\n const path = new URL(req.url).pathname;\n if (path === \"/client.ts\") return serveFile(\"/client.ts\", import.meta.url);\n return new Response(HTML, { headers: { \"content-type\": \"text/html; charset=utf-8\" } });\n}\n","label","van-walk",[129],"eeb8fc01-1961-4e03-ae8b-44122bcc83ac",["D",1788017191503],[27],"pulls","branches","forks","envVars",{"_150":61,"_152":61},"connections",{"_150":61,"_151":61},"count","unfilledCount","emptyCount",{"_41":140,"_31":27,"_29":30,"_130":-5,"_39":40,"_38":14,"_132":24,"_36":159,"_13":61,"_32":33,"_34":35,"_23":24,"_137":-5,"_156":160,"_26":161},{"_41":128,"_31":129,"_29":55,"_130":-5,"_39":40,"_38":131,"_132":24,"_36":155,"_13":134,"_32":135,"_34":136,"_23":24,"_137":138,"_156":157,"_26":158},["D",1788016733967],"children",[],[129],["D",1788017191503],[],[27],["D",1788016699715],{"_95":94,"_103":99},{"_95":94,"_96":97,"_98":99,"_18":53,"_100":101,"_102":24},{"_13":84,"_31":85,"_41":40,"_86":42,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":43,"_93":94},"ctx",{"_77":-5,"_123":199,"_200":201,"_202":203,"_204":24,"_205":24,"_206":24,"_207":57,"_208":-5,"_209":-7,"_210":-7,"_211":61,"_212":24,"_213":24,"_214":-5,"_215":24,"_216":24,"_217":24,"_218":-5},"ENV",{"_170":171,"_172":173,"_174":85,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198},"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 · v3