${app}

\n \n \n \n \n `;\n\n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n}",[129],"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, );",[138],"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}",[147],"pulls","branches",1,"forks","envVars",{"_162":41,"_164":41},"connections",{"_162":41,"_163":41},"count","unfilledCount","emptyCount",{"_18":146,"_20":147,"_113":148,"_115":-5,"_116":67,"_117":149,"_119":102,"_22":179,"_64":151,"_122":143,"_123":152,"_125":26,"_126":-5,"_170":180,"_84":181},{"_18":137,"_20":138,"_113":139,"_115":-5,"_116":67,"_117":140,"_119":102,"_22":176,"_64":142,"_122":143,"_123":144,"_125":26,"_126":-5,"_170":177,"_84":178},{"_18":128,"_20":129,"_113":130,"_115":-5,"_116":67,"_117":131,"_119":102,"_22":173,"_64":133,"_122":134,"_123":135,"_125":26,"_126":-5,"_170":174,"_84":175},{"_18":111,"_20":112,"_113":114,"_115":-5,"_116":67,"_117":118,"_119":102,"_22":169,"_64":121,"_122":95,"_123":124,"_125":26,"_126":-5,"_170":171,"_84":172},["D",1775848013495],"children",[],[112],["D",1775847435149],[],[129],["D",1775844473679],[],[138],["D",1775847979162],[],[147],["D",1775764163401],{"_16":17,"_82":78},{"_16":17,"_76":-5,"_77":78,"_34":35,"_79":80,"_81":26},{"_64":65,"_20":66,"_18":67,"_68":19,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":21,"_75":17},"ctx",{"_57":-5,"_104":219,"_220":221,"_222":223,"_224":26,"_225":26,"_226":26,"_227":102,"_228":-5,"_229":-7,"_230":-7,"_231":41,"_232":26,"_233":26,"_234":-5,"_235":26,"_236":26,"_237":26,"_238":-5},"ENV",{"_190":191,"_192":193,"_194":66,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218},"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"]

Search