[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_160":161,"_162":163},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_91":-7,"_92":93,"_29":-7,"_94":-5,"_15":95,"_96":97,"_98":99,"_100":101,"_102":103,"_104":-5,"_105":106,"_107":108,"_109":76,"_110":111,"_112":40,"_113":-5,"_114":-5,"_115":116},"routes/_app.x.$handle.$name.branches",{"_11":12,"_13":14,"_15":16,"_17":18},"handle","stevekrouse","name","randoDisc","project",{"_20":28,"_13":14,"_22":38,"_37":-5,"_39":40,"_41":42,"_43":42,"_44":-5,"_45":-5,"_46":47,"_48":49,"_50":40,"_51":-5,"_52":-5,"_53":34,"_54":55,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":61,"_62":61,"_63":64,"_65":64,"_66":64,"_67":61,"_68":61,"_69":70,"_71":72,"_73":74,"_75":76},"branches",[19],{"_20":21,"_22":23,"_24":25,"_13":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":-5},"id","11b64eaa-2541-11f0-a4ea-569c3dd06744","createdAt",["D",1745962184870],"updatedAt",["D",1733576238036],"main","projectId","11b60062-2541-11f0-a4ea-569c3dd06744","version",4,"forkedBranchId","31edab00-2785-11f0-b46e-569c3dd06744","forkedBranchVersion",0,"lockfileKey","1767893571474-esm.town_v_stevekrouse_randoDisc@4-main","deletedAt",["D",1745962184870],"legacyEnvVars",true,"privacy","public","httpPrivacy","description","imageUrl","userId","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","11b8c90a-2541-11f0-a4ea-569c3dd06744","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_90":86},"org",{"_11":12,"_84":-5,"_85":86,"_46":47,"_87":88,"_89":76},"branch",{"_29":30,"_13":26,"_20":21,"_27":28,"_31":32,"_33":34,"_77":42,"_78":79,"_80":81,"_82":14,"_83":12},"isOwned",false,"forkedProjectPrivacy","forkedProjectId","31ed5d80-2785-11f0-b46e-569c3dd06744","forkedProjectOrgId","112e17ac-118d-4072-aca6-a4ddc6b3970f","projectName","userHandle","displayName","avatar","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","tier","pro","canRestrictVals","profileImageUrl","branchName","path","","adoptOrgId",{"_20":28,"_13":14,"_22":156,"_37":-5,"_39":40,"_41":42,"_43":42,"_44":-5,"_45":-5,"_46":47,"_48":49,"_50":40,"_51":-5,"_52":-5,"_53":34,"_54":55,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":61,"_62":61,"_63":64,"_65":64,"_66":64,"_67":61,"_68":61,"_69":157,"_71":158,"_73":159,"_75":76},"tree",[151],"files",[151],"counts",{"_141":34,"_17":142,"_143":34,"_144":145,"_146":147},"contents",[124],"file","upstreamProject",{"_20":79,"_13":14,"_44":-5,"_45":-5,"_41":42,"_69":122},"upstreamBranch",{"_20":32,"_22":117,"_24":118,"_13":26,"_27":79,"_29":119,"_31":-5,"_33":-5,"_35":120,"_37":-5,"_75":76,"_41":42,"_83":121,"_54":81,"_82":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746211347023],["D",1747842542942],219,"1767102256674-esm.town_v_ashryanio_randoDisc@219-main","ashryanio",{"_11":121,"_90":123},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaG5kR0hRRTM0S1BSeXlIR2hCdjFqb1dTS3AifQ",{"_20":125,"_13":126,"_127":49,"_128":-5,"_129":21,"_130":30,"_131":40,"_22":132,"_29":133,"_134":135,"_136":137,"_138":76,"_139":-5,"_92":140},"11c8b298-2541-11f0-a4ea-569c3dd06744","main.tsx","fileId","parentId","branchId","branchVersion","latest",["D",1733576238036],3,"fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { AnimatePresence, motion } from \"https://esm.sh/framer-motion?deps=react@18.2.0,react-dom@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useCallback, useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\nconsole.log(AnimatePresence);\n\nfunction ErrorMessage({ message }) {\n return (\n

\n Oops!\n {message}\n

\n );\n}\n\nfunction Loader() {\n return (\n

\n {/* Outer container for spin */}\n

\n {/* Main record container */}\n

\n {/* Outer ring groove */}\n

\n\n {/* Inner grooves */}\n

\n\n {/* Light arcs to show rotation */}\n

\n\n {/* Center label */}\n

\n {/* Center hole */}\n

\n {/* Subtle label detail */}\n

\n\n {/* Loading text with subtle pulse animation */}\n

\n Loading Ash's record collection...\n

\n );\n}\n\nfunction shuffleArray(array) {\n const shuffledArray = [...array];\n for (let i = shuffledArray.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [shuffledArray[i], shuffledArray[j]] = [shuffledArray[j], shuffledArray[i]];\n }\n return shuffledArray;\n}\n\nfunction RecordCard() {\n const [records, setRecords] = useState([]);\n const [currentRecordIndex, setCurrentRecordIndex] = useState(0);\n const [isLoading, setIsLoading] = useState(true);\n const [error, setError] = useState(null);\n const [backHistory, setBackHistory] = useState([]);\n const [forwardHistory, setForwardHistory] = useState([]);\n const [moveDirection, setMoveDirection] = useState(null);\n const [hasInteracted, setHasInteracted] = useState(false);\n\n useEffect(() => {\n async function fetchReleases() {\n try {\n const response = await fetch(\"https://ashryanio-getallreleasesfromdiscogs.web.val.run\");\n if (!response.ok) {\n throw new Error(`HTTP error! status: ${response.status}`);\n }\n const fetchedRecords = await response.json();\n console.log(fetchedRecords);\n if (!Array.isArray(fetchedRecords)) {\n throw new Error(\"Received data is not an array\");\n }\n const shuffledRecords = shuffleArray(fetchedRecords);\n setRecords(shuffledRecords);\n setIsLoading(false);\n } catch (error) {\n console.error(\"Failed to fetch releases:\", error);\n setError(error.message);\n setIsLoading(false);\n }\n }\n fetchReleases();\n }, []);\n\n const getRandomRecord = useCallback(() => {\n if (!hasInteracted) setHasInteracted(true);\n setMoveDirection(\"right\");\n\n if (forwardHistory.length > 0) {\n const nextIndex = forwardHistory[forwardHistory.length - 1];\n setCurrentRecordIndex(nextIndex);\n setForwardHistory(prev => prev.slice(0, -1));\n setBackHistory(prev => [...prev, currentRecordIndex]);\n } else {\n const randomIndex = Math.floor(Math.random() * records.length);\n setBackHistory(prev => [...prev, currentRecordIndex]);\n setForwardHistory([]);\n setCurrentRecordIndex(randomIndex);\n }\n }, [records, currentRecordIndex, forwardHistory, hasInteracted]);\n\n const goBack = useCallback(() => {\n if (!hasInteracted) setHasInteracted(true);\n setMoveDirection(\"left\");\n\n if (backHistory.length > 0) {\n const lastIndex = backHistory[backHistory.length - 1];\n setForwardHistory(prev => [...prev, currentRecordIndex]);\n setCurrentRecordIndex(lastIndex);\n setBackHistory(prev => prev.slice(0, -1));\n }\n }, [backHistory, currentRecordIndex, hasInteracted]);\n\n useEffect(() => {\n function handleKeydown(event) {\n if (\n event.target.tagName.toLowerCase() !== \"input\"\n && event.target.tagName.toLowerCase() !== \"textarea\"\n ) {\n switch (event.key) {\n case \"ArrowLeft\":\n if (backHistory.length > 0) {\n goBack();\n }\n break;\n case \"ArrowRight\":\n getRandomRecord();\n break;\n }\n }\n }\n\n window.addEventListener(\"keydown\", handleKeydown);\n return () => window.removeEventListener(\"keydown\", handleKeydown);\n }, [goBack, getRandomRecord]);\n\n const handleDragEnd = useCallback((event, info) => {\n const SWIPE_THRESHOLD = 50;\n const SWIPE_VELOCITY = 0.3;\n\n if (Math.abs(info.offset.x) > SWIPE_THRESHOLD && Math.abs(info.velocity.x) > SWIPE_VELOCITY) {\n if (info.offset.x > 0 && backHistory.length > 0) {\n goBack();\n } else if (info.offset.x < 0) {\n getRandomRecord();\n }\n }\n }, [goBack, getRandomRecord, backHistory.length]);\n\n if (error) return ;\n if (isLoading) return ;\n if (records.length === 0) {\n return (\n

No records found.

\n );\n }\n\n const record = records[currentRecordIndex];\n\n const variants = {\n enter: (direction) => ({\n x: direction === \"left\" ? -200 : 200,\n opacity: 0,\n }),\n center: {\n x: 0,\n opacity: 1,\n },\n exit: (direction) => ({\n x: direction === \"left\" ? 200 : -200,\n opacity: 0,\n }),\n };\n\n const navigationVariants = {\n visible: { opacity: 1 },\n hidden: { opacity: 0 },\n };\n\n return (\n

Ash Randorecs

\n Pulling from {records.length} records\n

\n\n

\n {/* Navigation buttons outside AnimatePresence */}\n {backHistory.length > 0 && (\n \n \n \n \n \n )}\n\n \n \n \n \n \n\n \n \n

\n \n

\n\n

{record.basic_information.title}

\n {record.basic_information.artists.map(a => a.name).join(\", \")} • {record.basic_information.year}\n

\n\n

Format

{record.basic_information.formats[0]?.name} - {record.basic_information.formats[0]?.text}

{record.basic_information.formats[0]?.descriptions?.join(\" • \")}

\n\n

Label

{record.basic_information.labels[0]?.name} • {record.basic_information.labels[0]?.catno}

\n\n

\n {record.basic_information.genres?.map(genre => (\n \n {genre}\n \n ))}\n {record.basic_information.styles?.map(style => (\n \n {style}\n \n ))}\n

\n \n \n

\n );\n}\n\nclass ErrorBoundary extends React.Component {\n constructor(props) {\n super(props);\n this.state = { hasError: false };\n }\n\n static getDerivedStateFromError(error) {\n return { hasError: true };\n }\n\n componentDidCatch(error, errorInfo) {\n console.error(\"ErrorBoundary caught an error:\", error, errorInfo);\n }\n\n render() {\n if (this.state.hasError) {\n return ;\n }\n\n return this.props.children;\n }\n}\n\nfunction client() {\n const rootElement = document.getElementById(\"root\");\n if (!rootElement) {\n console.error(\"Root element not found\");\n return;\n }\n const root = createRoot(rootElement);\n root.render(\n \n \n ,\n );\n}\n\n// Ensure client() runs after the DOM is fully loaded\nif (typeof document !== \"undefined\") {\n document.addEventListener(\"DOMContentLoaded\", client);\n}\n\nexport default async function server(request: Request): Promise {\n const url = new URL(request.url);\n\n if (url.pathname === \"/favicon.svg\") {\n return new Response(\n ``,\n );\n }\n\n return new Response(\n `\n \n \n Ash Randorecs\n \n \n \n \n \n \n

\n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}","deleted","label",[126],"pulls",1,"forks","envVars",{"_148":34,"_150":34},"connections",{"_148":34,"_149":34},"count","unfilledCount","emptyCount",{"_20":125,"_13":126,"_127":49,"_128":-5,"_129":21,"_130":30,"_131":40,"_22":152,"_29":133,"_134":135,"_136":137,"_138":76,"_139":-5,"_153":154,"_92":155},["D",1733576238036],"children",[],[126],["D",1745962184870],{"_11":12,"_90":86},{"_11":12,"_84":-5,"_85":86,"_46":47,"_87":88,"_89":76},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":32,"_33":34,"_77":42,"_78":79,"_80":81,"_82":14,"_83":12},"ctx",{"_69":-5,"_114":193,"_194":195,"_196":197,"_198":76,"_199":76,"_200":76,"_201":40,"_202":-5,"_203":-7,"_204":-7,"_205":34,"_206":76,"_207":76,"_208":-5,"_209":76,"_210":76,"_211":76,"_212":-5},"ENV",{"_164":165,"_166":167,"_168":26,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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