${app}

\n \n \n \n \n `;\n\n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n}",[135],"31cfa330-3508-11f1-9495-42b51c65c3df","client.tsx","019d73ca-cbc2-7326-ab6b-0b397503cc78",38,["D",1775844473679],4,"script","/** @jsxImportSource https://esm.sh/react@19 */\nimport React from \"https://esm.sh/react@19\";\nimport { hydrateRoot } from \"https://esm.sh/react-dom@19/client\";\nimport App from \"./App.tsx\";\nimport type { Props } from \"./App.tsx\";\n\nconst div = document.getElementById(\"app\");\nconst { url, tracks, start, end } = window.__PRELOADED_STATE__ as Props;\nhydrateRoot(div, );",[144],"5b3e9ce6-3510-11f1-8090-42b51c65c3df","App.tsx","019d73ca-cbc2-7326-ab6b-004c7e54eb95",91,["D",1775847979162],48,"/** @jsxImportSource https://esm.sh/react@19 */\nimport { useMemo, useState } from \"https://esm.sh/react@19\";\n\ntype TrackList = {\n name: string;\n artist: string;\n timestamp: number;\n}[];\n\nexport interface Props {\n url: string | null;\n tracks: TrackList | null;\n start: number | null;\n end: number | null;\n}\n\n/*\nInformation must be strictly in CSV structure, with each row in the format\n\"{artist}\", \"{track}\", \"{album}\", \"{timestamp}\", \"{album artist}\", \"{duration}\"\n(e.g. \"Jeff Buckley\", \"Last Goodbye\", \"Grace\", \"2016-01-26 15:35:55\", \"Jeff Buckley\", \"275\").\nOnly \"artist\" and \"track\" are mandatory. Duration should be in seconds.\nDo not include a header row.\n\nBulk scrobbles will be reverse timestamped according to duration, finishing with\nthe current timestamp. If duration is not specified for a track, 3 minute track\nlength is assumed.\n*/\n\nfunction formatDatetimeInput(timestamp: number) {\n const date = new Date(timestamp);\n date.setMinutes(date.getMinutes() - date.getTimezoneOffset());\n return date.toISOString().slice(0, 16);\n}\n\nfunction formatDatetimeScrobble(timestamp: number) {\n const date = new Date(timestamp);\n return date.toISOString().slice(0, 19).replace(\"T\", \" \");\n}\n\nexport default function App(\n props: Props,\n) {\n const { tracks } = props;\n const [url, setUrl] = useState(props.url ?? \"\");\n const [start, setStart] = useState(\n props.start ? props.start : Date.now(),\n );\n const duration = props.start && props.end ? props.end - props.start : null;\n\n function onStartChange(event) {\n setStart(new Date(event.target.value).getTime());\n }\n\n const scrobbleTracks = useMemo(\n () =>\n tracks?.map(({ name, artist, timestamp }, index) => (\n {\n name,\n artist,\n rawTimestamp: timestamp,\n timestamp: start + timestamp,\n timestampStr: formatDatetimeScrobble(start + timestamp),\n duration: (tracks[index + 1]\n ? tracks[index + 1].timestamp - timestamp\n : duration - timestamp) / 1000,\n }\n )),\n [tracks, start],\n );\n\n return (\n

The Lot Radio scrobbler*

\n Convert a set from The Lot Radio into a bulk CSV for Universal Scrobbler\n

\n \n\n {tracks && (\n <>\n

\n \n Started listening\n \n \n \n )}\n\n {duration &&

Total duration: {duration / 1000}s

}\n {scrobbleTracks && (\n <>\n \n \n \n \n \n \n \n \n \n \n \n {scrobbleTracks.map((\n { name, artist, rawTimestamp, timestampStr, duration },\n ) => (\n \n \n \n \n \n \n \n ))}\n \n

Title	Artist	Raw timestamp (ms)	Scrobble timestamp (UTC)	Duration (s)
{name}	{artist}	{rawTimestamp}	{timestampStr}	{duration}

\n \n

\n CSV (paste into{\" \"}\n \n bulk scrobbler\n )\n

\n \n \n \n )}\n

\n );\n}",[153],"pulls",1,"forks","envVars",{"_167":53,"_169":53},"connections",{"_167":53,"_168":53},"count","unfilledCount","emptyCount",{"_20":152,"_13":153,"_119":154,"_121":-5,"_122":21,"_123":155,"_125":108,"_22":184,"_29":157,"_128":149,"_129":158,"_131":38,"_132":-5,"_175":185,"_89":186},{"_20":143,"_13":144,"_119":145,"_121":-5,"_122":21,"_123":146,"_125":108,"_22":181,"_29":148,"_128":149,"_129":150,"_131":38,"_132":-5,"_175":182,"_89":183},{"_20":134,"_13":135,"_119":136,"_121":-5,"_122":21,"_123":137,"_125":108,"_22":178,"_29":139,"_128":140,"_129":141,"_131":38,"_132":-5,"_175":179,"_89":180},{"_20":117,"_13":118,"_119":120,"_121":-5,"_122":21,"_123":124,"_125":108,"_22":174,"_29":127,"_128":101,"_129":130,"_131":38,"_132":-5,"_175":176,"_89":177},["D",1775848013495],"children",[],[118],["D",1775847435149],[],[135],["D",1775844473679],[],[144],["D",1775847979162],[],[153],["D",1775764163401],{"_11":12,"_87":83},{"_11":12,"_81":-5,"_82":83,"_46":47,"_84":85,"_86":38},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":-5,"_32":-5,"_76":-5,"_77":-5,"_78":-5,"_79":14,"_80":12},"ctx",{"_69":-5,"_110":224,"_225":226,"_227":228,"_229":38,"_230":38,"_231":38,"_232":108,"_233":-5,"_234":-7,"_235":-7,"_236":53,"_237":38,"_238":38,"_239":-5,"_240":38,"_241":38,"_242":38,"_243":-5},"ENV",{"_195":196,"_197":198,"_199":26,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223},"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"]

Branches1

Branches
1