[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_190":191,"_192":193},"routes/_app.x.$handle.$name",{"_94":93,"_31":43,"_102":84,"_26":103,"_13":14,"_104":-5,"_11":105,"_106":107,"_108":109,"_110":111,"_112":113,"_20":-5,"_114":-5,"_115":-5,"_116":24,"_117":118,"_119":56,"_120":-5,"_121":-5,"_122":123},"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":-5,"_51":-5,"_18":52,"_53":54,"_55":56,"_57":56,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":77,"_78":79,"_80":81,"_82":24},"version",13,"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","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}","createdAt",["D",1747853069232],"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",{"_94":93,"_101":97},"org",{"_94":93,"_95":-5,"_96":97,"_18":52,"_98":99,"_100":24},"branch",{"_13":83,"_31":84,"_41":40,"_85":42,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":43,"_92":93},"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",{"_41":42,"_31":43,"_36":186,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":-5,"_51":-5,"_18":52,"_53":54,"_55":56,"_57":56,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":187,"_78":188,"_80":189,"_82":24},"tree",[169,170,171,172],"files",[169,170,171,172],"counts",{"_158":60,"_159":160,"_161":60,"_162":163,"_164":165},"contents",[124,125,126,127],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_41":150,"_31":151,"_29":152,"_129":-5,"_39":40,"_38":153,"_130":24,"_36":154,"_13":155,"_32":20,"_34":156,"_23":24,"_132":-5,"_26":157},{"_41":143,"_31":144,"_29":54,"_129":-5,"_39":40,"_38":145,"_130":56,"_36":146,"_13":147,"_32":140,"_34":148,"_23":24,"_132":-5,"_26":149},{"_41":134,"_31":135,"_29":136,"_129":-5,"_39":40,"_38":137,"_130":56,"_36":138,"_13":139,"_32":140,"_34":141,"_23":24,"_132":-5,"_26":142},{"_41":128,"_31":27,"_29":30,"_129":-5,"_39":40,"_38":14,"_130":24,"_36":131,"_13":60,"_32":33,"_34":35,"_23":24,"_132":-5,"_26":133},"a09e980a-3673-11f0-b678-9e149126039e","parentId","latest",["D",1747853069232],"label",[27],"451d6d94-3673-11f0-991d-9e149126039e","vinyl-generator-ui.ts","a1f0f884-3672-11f0-b804-9e149126039e",11,["D",1747852915712],4,"http","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}",[135],"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}",[144],"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",[151],"pulls","branches",1,"forks","envVars",{"_166":60,"_168":60},"connections",{"_166":60,"_167":60},"count","unfilledCount","emptyCount",{"_41":150,"_31":151,"_29":152,"_129":-5,"_39":40,"_38":153,"_130":24,"_36":183,"_13":155,"_32":20,"_34":156,"_23":24,"_132":-5,"_174":184,"_26":185},{"_41":143,"_31":144,"_29":54,"_129":-5,"_39":40,"_38":145,"_130":56,"_36":180,"_13":147,"_32":140,"_34":148,"_23":24,"_132":-5,"_174":181,"_26":182},{"_41":134,"_31":135,"_29":136,"_129":-5,"_39":40,"_38":137,"_130":56,"_36":177,"_13":139,"_32":140,"_34":141,"_23":24,"_132":-5,"_174":178,"_26":179},{"_41":128,"_31":27,"_29":30,"_129":-5,"_39":40,"_38":14,"_130":24,"_36":173,"_13":60,"_32":33,"_34":35,"_23":24,"_132":-5,"_174":175,"_26":176},["D",1747853069232],"children",[],[27],["D",1747852915712],[],[135],["D",1747852894809],[],[144],["D",1747852932402],[],[151],["D",1747852580494],{"_94":93,"_101":97},{"_94":93,"_95":-5,"_96":97,"_18":52,"_98":99,"_100":24},{"_13":83,"_31":84,"_41":40,"_85":42,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":43,"_92":93},"ctx",{"_76":-5,"_121":223,"_224":225,"_226":227,"_228":24,"_229":24,"_230":24,"_231":56,"_232":-5,"_233":-7,"_234":-7,"_235":60,"_236":24,"_237":24,"_238":-5,"_239":24,"_240":24,"_241":24,"_242":-5},"ENV",{"_194":195,"_196":197,"_198":84,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222},"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 · v13