[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_191":192,"_193":194},"routes/_app.x.$handle.$name",{"_96":95,"_32":45,"_104":86,"_27":105,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":25,"_119":120,"_121":58,"_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",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",14,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":37,"_35":36,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","vinyl-ui.ts","latestPath","fileId","a09e98d2-3673-11f0-b678-9e149126039e","name","fileType","script","content","export default async function(req: Request) {\n const html = `\n\n\n \n \n Vinyl Release Generator\n \n \n\n\n

Vinyl Release Generator

\n \n

\n \n \n \n

\n \n

\n Released: \n \n |\n Label: \n \n

\n \n

Backstory

\n \n \n\n`;\n\n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html\"\n }\n });\n}","http","createdAt",["D",1747853072221],"branchVersion","branchId","7d4ea418-3672-11f0-a28b-9e149126039e","id","7d4e713c-3672-11f0-a28b-9e149126039e","deleteLater",["D",1747852580494],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","97567c3b-8285-4589-880d-547c23383b76","pinnedFileId","901b7f94-3672-11f0-b804-9e149126039e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","112e17ac-118d-4072-aca6-a4ddc6b3970f","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_96":95,"_103":99},"org",{"_96":95,"_97":-5,"_98":99,"_18":54,"_100":101,"_102":25},"branch",{"_13":85,"_32":86,"_43":42,"_87":44,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":45,"_94":95},"isOwned",15,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","ashryanio","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaG5kR0hRRTM0S1BSeXlIR2hCdjFqb1dTS3AifQ","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":187,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":188,"_80":189,"_82":190,"_84":25},"tree",[170,171,172,173],"files",[170,171,172,173],"counts",{"_160":62,"_161":134,"_162":62,"_163":164,"_165":166},"contents",[126,127,128,129],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":152,"_32":153,"_30":154,"_131":-5,"_41":42,"_40":155,"_132":25,"_38":156,"_13":157,"_33":20,"_35":158,"_24":25,"_135":-5,"_27":159},{"_43":145,"_32":146,"_30":56,"_131":-5,"_41":42,"_40":147,"_132":58,"_38":148,"_13":149,"_33":37,"_35":150,"_24":25,"_135":-5,"_27":151},{"_43":137,"_32":138,"_30":139,"_131":-5,"_41":42,"_40":140,"_132":58,"_38":141,"_13":142,"_33":37,"_35":143,"_24":25,"_135":-5,"_27":144},{"_43":130,"_32":28,"_30":31,"_131":-5,"_41":42,"_40":14,"_132":58,"_38":133,"_13":134,"_33":37,"_35":36,"_24":25,"_135":-5,"_27":136},"a266dc1a-3673-11f0-9bdb-9e149126039e","parentId","latest",["D",1747853072221],1,"label",[28],"451d6d94-3673-11f0-991d-9e149126039e","vinyl-generator-ui.ts","a1f0f884-3672-11f0-b804-9e149126039e",11,["D",1747852915712],4,"export default async function(req: Request) {\n const html = `\n\n\n \n \n Vinyl Release Generator\n \n \n \n\n\n

Vinyl Release Generator

\n \n

\n \n \n \n

\n \n

\n Released: \n \n |\n Label: \n \n

\n \n

Backstory

\n \n \n\n`;\n\n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html\"\n }\n });\n}",[138],"38a7ccf8-3673-11f0-87a4-9e149126039e","vinyl-generator-api.ts",10,["D",1747852894809],3,"// A collection of fake vinyl releases\nconst vinylReleases = [\n {\n artist: \"Midnight Echoes\",\n album: \"Velvet Horizons\",\n genres: [\"Dream Pop\", \"Shoegaze\", \"Indie\"],\n year: 1992,\n label: \"Ethereal Records\",\n backstory: \"Recorded in a converted church in rural England, 'Velvet Horizons' was the band's response to the emerging grunge scene. The album gained cult status after being featured in an independent film a decade later.\"\n },\n {\n artist: \"The Analog Collective\",\n album: \"Frequencies of Yesterday\",\n genres: [\"Jazz Fusion\", \"Experimental\", \"Electronic\"],\n year: 1978,\n label: \"Soundscape Productions\",\n backstory: \"Created using only analog synthesizers and vintage recording equipment, this album was ahead of its time. The band mysteriously disbanded shortly after its release, adding to its mystique.\"\n },\n {\n artist: \"Crimson Dusk\",\n album: \"Whispers in the Static\",\n genres: [\"Post-Punk\", \"Gothic Rock\", \"New Wave\"],\n year: 1983,\n label: \"Shadow Records\",\n backstory: \"Recorded during a particularly harsh winter in Berlin, the album captures the cold war tension of the era. The band's frontman was known for his theatrical live performances and enigmatic lyrics.\"\n },\n {\n artist: \"Solar Flare\",\n album: \"Cosmic Drift\",\n genres: [\"Space Rock\", \"Progressive\", \"Psychedelic\"],\n year: 1975,\n label: \"Nebula Sounds\",\n backstory: \"This concept album about interstellar travel was recorded in a single 48-hour session while the band was reportedly under the influence of various substances. The 22-minute title track became a staple of late-night FM radio.\"\n },\n {\n artist: \"Velvet Thunder\",\n album: \"Electric Dreams\",\n genres: [\"Synth-Pop\", \"New Wave\", \"Electronic\"],\n year: 1984,\n label: \"Future Records\",\n backstory: \"This album pioneered the use of the Roland Jupiter-8 synthesizer and drum machines. The band's lead singer was discovered working in a record store and had no formal musical training.\"\n },\n {\n artist: \"The Basement Tapes\",\n album: \"Urban Folklore\",\n genres: [\"Folk Rock\", \"Americana\", \"Blues\"],\n year: 1969,\n label: \"Heritage Recordings\",\n backstory: \"Recorded in a makeshift studio in the guitarist's mother's basement, this raw collection of songs documented life in small-town America. The album was nearly lost when the master tapes were damaged in a flood.\"\n },\n {\n artist: \"Neon Palms\",\n album: \"Sunset Boulevard\",\n genres: [\"Synthwave\", \"Vaporwave\", \"Chillwave\"],\n year: 1986,\n label: \"Palm Tree Records\",\n backstory: \"This album captured the essence of 80s Los Angeles with its lush synthesizers and drum machines. Originally a commercial failure, it found new life decades later when it was sampled by numerous electronic artists.\"\n },\n {\n artist: \"The Concrete Jungle\",\n album: \"Street Poetry\",\n genres: [\"Hip-Hop\", \"Jazz Rap\", \"Conscious\"],\n year: 1994,\n label: \"Urban Beats\",\n backstory: \"This groundbreaking album blended jazz samples with raw urban storytelling. The lead MC wrote all the lyrics during a three-month stint in community college, drawing from the stories of people he met on public transit.\"\n },\n {\n artist: \"Rusty Strings\",\n album: \"Dust Bowl Ballads\",\n genres: [\"Country\", \"Folk\", \"Americana\"],\n year: 1972,\n label: \"Heartland Records\",\n backstory: \"Recorded live in a single take with vintage equipment, this album captures the authentic sound of American roots music. The band toured in an old school bus, playing small venues across the Midwest.\"\n },\n {\n artist: \"Quantum State\",\n album: \"Digital Revolution\",\n genres: [\"IDM\", \"Glitch\", \"Experimental Electronic\"],\n year: 1997,\n label: \"Binary Recordings\",\n backstory: \"Created entirely on custom-built computers and synthesizers, this album pushed the boundaries of electronic music. The mysterious producer never performed live and communicated only through encrypted messages.\"\n }\n];\n\n// HTTP endpoint handler\nexport default async function(req: Request) {\n // Handle CORS preflight requests\n if (req.method === \"OPTIONS\") {\n return new Response(null, {\n headers: {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Access-Control-Allow-Methods\": \"GET, POST, OPTIONS\",\n \"Access-Control-Allow-Headers\": \"Content-Type\"\n }\n });\n }\n \n try {\n // Get a random vinyl release\n const randomIndex = Math.floor(Math.random() * vinylReleases.length);\n const vinylRelease = vinylReleases[randomIndex];\n \n // Return the vinyl release as JSON\n return new Response(JSON.stringify(vinylRelease), {\n headers: {\n \"Content-Type\": \"application/json\",\n \"Access-Control-Allow-Origin\": \"*\"\n }\n });\n } catch (error) {\n console.error(\"Error in vinyl generator API:\", error);\n \n // Return a simple error response\n return new Response(JSON.stringify({ \n error: \"Failed to generate vinyl release\", \n details: error instanceof Error ? error.message : \"Unknown error\"\n }), {\n status: 500,\n headers: {\n \"Content-Type\": \"application/json\",\n \"Access-Control-Allow-Origin\": \"*\"\n }\n });\n }\n}",[146],"4f1020a8-3673-11f0-b065-9e149126039e","README.md","a9ba01b4-3672-11f0-9603-9e149126039e",12,["D",1747852932402],2,"# Vinyl Release Generator\n\nThis Val Town project generates fake but plausible vinyl record releases with a single click. Each generated release includes:\n\n- Artist name\n- Album title\n- Genre tags (3-5 tags)\n- Release year (between 1955 and 2023)\n- Record label\n- A brief but interesting backstory about the album\n\n## Project Structure\n\n- `/vinyl-generator-api.ts` - HTTP endpoint that provides random vinyl release data\n- `/vinyl-generator-ui.ts` - Frontend interface with a button to trigger generation\n\n## How It Works\n\n1. When the \"Generate Vinyl Release\" button is clicked, the UI makes a request to the API\n2. The API selects a random vinyl release from a curated collection of fictional releases\n3. The data is returned to the UI and displayed in a visually appealing format\n\n## Features\n\n- **Instant Generation**: Get a new vinyl release with a single click\n- **Detailed Information**: Each release includes artist, album, genres, year, label, and backstory\n- **Visual Appeal**: Animated vinyl record and attractive display of information\n- **Error Handling**: Robust error handling with clear user feedback\n- **Mobile-Friendly**: Responsive design works on all device sizes\n\n## Technologies Used\n\n- Twind (Tailwind CSS in JS) for styling\n- Vanilla JavaScript for the frontend functionality\n- Custom-designed vinyl record animation\n\n## Usage\n\nSimply visit the UI endpoint and click the \"Generate Vinyl Release\" button to get a new vinyl release.\n\nUI URL: https://vinyl-generator-ui.web.val.run\nAPI URL: https://vinyl-generator-api.web.val.run",[153],"pulls","branches","forks","envVars",{"_167":62,"_169":62},"connections",{"_167":62,"_168":62},"count","unfilledCount","emptyCount",{"_43":152,"_32":153,"_30":154,"_131":-5,"_41":42,"_40":155,"_132":25,"_38":184,"_13":157,"_33":20,"_35":158,"_24":25,"_135":-5,"_175":185,"_27":186},{"_43":145,"_32":146,"_30":56,"_131":-5,"_41":42,"_40":147,"_132":58,"_38":181,"_13":149,"_33":37,"_35":150,"_24":25,"_135":-5,"_175":182,"_27":183},{"_43":137,"_32":138,"_30":139,"_131":-5,"_41":42,"_40":140,"_132":58,"_38":178,"_13":142,"_33":37,"_35":143,"_24":25,"_135":-5,"_175":179,"_27":180},{"_43":130,"_32":28,"_30":31,"_131":-5,"_41":42,"_40":14,"_132":58,"_38":174,"_13":134,"_33":37,"_35":36,"_24":25,"_135":-5,"_175":176,"_27":177},["D",1747853072221],"children",[],[28],["D",1747852915712],[],[138],["D",1747852894809],[],[146],["D",1747852932402],[],[153],["D",1747852580494],{"_96":95,"_103":99},{"_96":95,"_97":-5,"_98":99,"_18":54,"_100":101,"_102":25},{"_13":85,"_32":86,"_43":42,"_87":44,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":45,"_94":95},"ctx",{"_78":-5,"_123":224,"_225":226,"_227":228,"_229":25,"_230":25,"_231":25,"_232":58,"_233":-5,"_234":-7,"_235":-7,"_236":62,"_237":25,"_238":25,"_239":-5,"_240":25,"_241":25,"_242":25,"_243":-5},"ENV",{"_195":196,"_197":198,"_199":86,"_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"]

Diff · v14