Vestaboard Hub

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_153":154,"_155":156},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_115":-5,"_20":116,"_22":117,"_118":119,"_120":121,"_25":122,"_24":-5,"_123":-5,"_124":-5,"_125":53,"_126":127,"_128":44,"_129":-5,"_130":-5,"_131":132},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","Cessi","name","vestaboard-proxy","branchName","main","version","path","","project",{"_33":61,"_13":14,"_45":62,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":69,"_70":-5,"_71":72,"_73":37,"_74":44,"_75":-5,"_76":-5,"_77":78,"_79":80,"_81":-5,"_82":-5,"_83":-5,"_84":-5,"_85":86,"_87":86,"_88":89,"_90":89,"_91":89,"_92":86,"_93":86,"_94":95,"_96":97,"_98":99,"_100":53},"tree",[56],"file","contents",[32],"upstream","pull","ahead","behind","envVars",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_18":55},"id","7a206217-4772-475c-a751-a8c95ef7ff4c","main.ts","fileId","8b645bdc-a0d0-11f1-bfd4-1607ee4eb77e","parentId","branchId","2fabfeb6-efe3-4aa3-8dfe-1eb259b3eb9c","branchVersion",17,"latest",true,"createdAt",["D",1787767736278],16,"fileType","http","content","const HTML = `\n\n\n\n\nVestaboard Hub\n\n\n\n\n\n

\n \n\n

\n\n

01 Verbindung

\n \n Cloud API Token\n \n \n

Wird nur in deinem Browser gespeichert (localStorage dieser Seite), nicht auf dem Server abgelegt.

\n\n

02 Dienst

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

\n\n

\n \n \n \n

\n\n\n\n`;\n\n// --- Sonos OAuth -------------------------------------------------------\n// Einmalig auf developer.sonos.com eine \"control integration\" anlegen,\n// Redirect URI = /sonos/callback, dann Key + Secret hier eintragen.\nconst SONOS_CLIENT_ID = \"HIER_DEINE_CLIENT_ID_EINTRAGEN\";\nconst SONOS_CLIENT_SECRET = \"HIER_DEIN_CLIENT_SECRET_EINTRAGEN\";\n\n// Läuft nur im Arbeitsspeicher des Vals — geht bei einem Val-Neustart verloren,\n// dann muss \"Mit Sonos verbinden\" einmal neu geklickt werden.\nlet sonosTokens: {\n accessToken: string;\n refreshToken: string;\n expiresAt: number;\n} | null = null;\n\nasync function sonosRefreshIfNeeded() {\n if (!sonosTokens) {\n throw new Error(\n \"Noch nicht mit Sonos verbunden. Erst auf 'Mit Sonos verbinden' klicken.\",\n );\n }\n if (Date.now() < sonosTokens.expiresAt - 60000) return; // noch gültig\n\n const basic = btoa(`${SONOS_CLIENT_ID}:${SONOS_CLIENT_SECRET}`);\n const res = await fetch(\"https://api.sonos.com/login/v3/oauth/access\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/x-www-form-urlencoded\",\n \"Authorization\": `Basic ${basic}`,\n },\n body: `grant_type=refresh_token&refresh_token=${\n encodeURIComponent(sonosTokens.refreshToken)\n }`,\n });\n if (!res.ok) {\n throw new Error(`Sonos-Token-Refresh fehlgeschlagen: ${await res.text()}`);\n }\n const data = await res.json();\n sonosTokens = {\n accessToken: data.access_token,\n refreshToken: data.refresh_token || sonosTokens.refreshToken,\n expiresAt: Date.now() + data.expires_in * 1000,\n };\n}\n\nasync function sonosNowPlayingText(): Promise {\n await sonosRefreshIfNeeded();\n const auth = { Authorization: `Bearer ${sonosTokens!.accessToken}` };\n\n const householdsRes = await fetch(\n \"https://api.ws.sonos.com/control/api/v1/households\",\n { headers: auth },\n );\n if (!householdsRes.ok) {\n throw new Error(\n `Households-Abruf fehlgeschlagen: ${await householdsRes.text()}`,\n );\n }\n const { households } = await householdsRes.json();\n if (!households?.length) return \"KEIN SONOS SYSTEM GEFUNDEN\";\n\n for (const household of households) {\n const groupsRes = await fetch(\n `https://api.ws.sonos.com/control/api/v1/households/${household.id}/groups`,\n { headers: auth },\n );\n if (!groupsRes.ok) continue;\n const { groups } = await groupsRes.json();\n const playingGroup = groups?.find((g: any) =>\n g.playbackState === \"PLAYBACK_STATE_PLAYING\"\n );\n if (!playingGroup) continue;\n\n const metaRes = await fetch(\n `https://api.ws.sonos.com/control/api/v1/groups/${playingGroup.id}/playbackMetadata`,\n { headers: auth },\n );\n if (!metaRes.ok) continue;\n const meta = await metaRes.json();\n const track = meta?.currentItem?.track;\n if (track?.name) {\n const artist = track.artist?.name ? ` - ${track.artist.name}` : \"\";\n return `${track.name}${artist}`;\n }\n }\n return \"GERADE SPIELT NICHTS\";\n}\n\nconst url = new URL(req.url);\n\n// Frontend ausliefern\nif (req.method === \"GET\" && url.pathname === \"/\") {\n return new Response(HTML, {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n}\n\n// Senden an Vestaboard\nif (url.pathname === \"/send\") {\n if (req.method !== \"POST\") {\n return new Response(JSON.stringify({ error: \"Bitte per POST aufrufen.\" }), {\n status: 405,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n let payload: { token?: string; text?: string };\n try {\n payload = await req.json();\n } catch {\n return new Response(JSON.stringify({ error: \"Ungültiger JSON-Body.\" }), {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n const { token, text } = payload;\n if (!token || !text) {\n return new Response(\n JSON.stringify({ error: \"token und text werden benötigt.\" }),\n {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n try {\n const res = await fetch(\"https://cloud.vestaboard.com/\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"X-Vestaboard-Token\": token,\n },\n body: JSON.stringify({ text }),\n });\n const body = await res.text();\n return new Response(body, {\n status: res.status,\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (err) {\n return new Response(\n JSON.stringify({ error: `Vestaboard nicht erreichbar: ${err.message}` }),\n {\n status: 502,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n}\n\n// --- Sonos: Verbindung starten ---\nif (req.method === \"GET\" && url.pathname === \"/sonos/login\") {\n const redirectUri = `${url.origin}/sonos/callback`;\n const authUrl = new URL(\"https://api.sonos.com/login/v3/oauth\");\n authUrl.searchParams.set(\"client_id\", SONOS_CLIENT_ID);\n authUrl.searchParams.set(\"response_type\", \"code\");\n authUrl.searchParams.set(\"state\", crypto.randomUUID());\n authUrl.searchParams.set(\"scope\", \"playback-control-all\");\n authUrl.searchParams.set(\"redirect_uri\", redirectUri);\n return Response.redirect(authUrl.toString(), 302);\n}\n\n// --- Sonos: Rücksprung nach dem Login ---\nif (req.method === \"GET\" && url.pathname === \"/sonos/callback\") {\n const code = url.searchParams.get(\"code\");\n if (!code) {\n return new Response(\n \"Kein Code von Sonos erhalten. Bitte nochmal versuchen.\",\n { status: 400 },\n );\n }\n const redirectUri = `${url.origin}/sonos/callback`;\n const basic = btoa(`${SONOS_CLIENT_ID}:${SONOS_CLIENT_SECRET}`);\n try {\n const tokenRes = await fetch(\n \"https://api.sonos.com/login/v3/oauth/access\",\n {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/x-www-form-urlencoded\",\n \"Authorization\": `Basic ${basic}`,\n },\n body: `grant_type=authorization_code&code=${\n encodeURIComponent(code)\n }&redirect_uri=${encodeURIComponent(redirectUri)}`,\n },\n );\n if (!tokenRes.ok) throw new Error(await tokenRes.text());\n const data = await tokenRes.json();\n sonosTokens = {\n accessToken: data.access_token,\n refreshToken: data.refresh_token,\n expiresAt: Date.now() + data.expires_in * 1000,\n };\n return new Response(\n \"

✅ Mit Sonos verbunden

Du kannst dieses Fenster jetzt schließen und zur Vestaboard-Seite zurückkehren.

\",\n { headers: { \"Content-Type\": \"text/html; charset=utf-8\" } },\n );\n } catch (err) {\n return new Response(`Fehler beim Verbinden mit Sonos: ${err.message}`, {\n status: 502,\n });\n }\n}\n\n// --- Sonos: aktuellen Song abfragen ---\nif (req.method === \"GET\" && url.pathname === \"/sonos/nowplaying\") {\n try {\n const text = await sonosNowPlayingText();\n return new Response(JSON.stringify({ text }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (err) {\n return new Response(JSON.stringify({ error: err.message }), {\n status: 502,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n}\n\nreturn new Response(\"Not found\", { status: 404 });}","deleted",false,"label",[35],{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_58":59,"_18":60},["D",1787767736278],"children",[],[35],"bc59c02f-5bb0-4485-a73b-0ecb1197d5dd",["D",1787695293574],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Proxy to post messages to Vestaboard cloud API","imageUrl","userId","243983b7-907e-4b20-8226-813fb14a2e01","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","01a03af0-bb8d-737e-acc3-6d3b0ce9bf7a","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_114":19},"org",{"_11":12,"_109":19,"_110":19,"_71":72,"_111":112,"_113":53},"branch",{"_17":42,"_13":16,"_33":40,"_101":61,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":-5,"_107":14,"_108":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":61,"_13":14,"_45":149,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":69,"_70":-5,"_71":72,"_73":37,"_74":44,"_75":-5,"_76":-5,"_77":78,"_79":80,"_81":-5,"_82":-5,"_83":-5,"_84":-5,"_85":86,"_87":86,"_88":89,"_90":89,"_91":89,"_92":86,"_93":86,"_94":150,"_96":151,"_98":152,"_100":53},[146],"files",[146],"counts",{"_135":78,"_136":137,"_138":78,"_31":139,"_140":141},[133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_18":134},[35],"pulls","branches",1,"forks",{"_142":144,"_145":144},"connections",{"_142":78,"_143":78},"count","unfilledCount",2,"emptyCount",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_58":147,"_18":148},[],[35],["D",1787695293574],{"_11":12,"_114":19},{"_11":12,"_109":19,"_110":19,"_71":72,"_111":112,"_113":53},{"_17":42,"_13":16,"_33":40,"_101":61,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":-5,"_107":14,"_108":12},"ctx",{"_94":-5,"_130":186,"_187":188,"_189":190,"_191":53,"_192":53,"_193":53,"_194":44,"_195":-5,"_196":-7,"_197":-7,"_198":78,"_199":53,"_200":53,"_201":-5,"_202":53,"_203":53,"_204":53,"_205":-5},"ENV",{"_157":158,"_159":160,"_161":16,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185},"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"]