[{"_1":2,"_171":-5,"_172":-5},"loaderData",{"_3":4,"_91":92,"_155":156,"_170":-5},"root",{"_5":6,"_32":33,"_58":59,"_89":90},"ctx",{"_7":8,"_18":19,"_20":-5,"_21":22,"_23":24,"_25":26,"_27":26,"_28":29,"_30":31},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5},"sessionClaims","sessionId","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","environmentVariableKeys",[],"user","preferences_keybindings","default","preferences_theme","light","preferences_fixers",false,"preferences_copilot","preferences_model","claude-3-5-haiku-20241022","notification_count",0,"ENV",{"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","916dca53a6d0eab0a5e41cb9939a60dd57fbb992","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","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","API_URL","https://api.val.town","WORKER_FINGERPRINT","d0746fd0512e0614e3f717607f0da4cd","clerkState",{"_60":61},"__internal_clerk_state",{"_62":63,"_64":43,"_65":66,"_67":66,"_68":26,"_69":66,"_70":66,"_71":66,"_72":66,"_73":66,"_74":66,"_75":66,"_76":66,"_77":78,"_87":26,"_88":26},"__clerk_ssr_state",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__signInForceRedirectUrl","__signUpForceRedirectUrl","__signInFallbackRedirectUrl","__signUpFallbackRedirectUrl","__clerk_debug",{"_79":26,"_80":66,"_81":82,"_83":66,"_84":43,"_85":26,"_86":66},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","remixVersion",2,"routes/_app.v.$handle.$name",{"_93":94,"_95":96,"_94":97,"_150":-5,"_151":-5,"_152":153,"_128":129,"_140":141,"_100":101,"_98":99,"_117":-7,"_50":51,"_154":26},"type","val","author","85193190-ee06-11ef-ac85-5764b82f31b6",{"_98":99,"_95":96,"_100":101,"_102":-5,"_103":-5,"_104":105,"_106":66,"_107":108,"_109":110,"_111":26,"_112":110,"_113":114,"_115":116,"_117":118,"_119":26,"_120":31,"_121":31,"_122":31,"_123":31,"_124":31,"_125":31,"_126":-5,"_20":127,"_132":133,"_137":-7,"_138":139,"_140":141,"_142":143},"name","Musical_Instrument_Identification","valNameId","9e029932-ee13-11ef-8110-e6cdfca9ef9f","parentFolderId","isOwned","privacy","public","readme","valType","http","currentVersion","f53cc174-ee21-11ef-ac50-e6cdfca9ef9f","legacyPrivate","id","code","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useRef, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\n// Expanded instrument classes with emoji representations\nconst INSTRUMENT_CLASSES = [\n { name: 'piano', emoji: '🎹' },\n { name: 'guitar', emoji: '🎸' },\n { name: 'violin', emoji: '🎻' },\n { name: 'trumpet', emoji: '🎺' },\n { name: 'drums', emoji: '🥁' },\n { name: 'flute', emoji: '🎼' },\n { name: 'saxophone', emoji: '🎷' },\n { name: 'cello', emoji: '🎻' }\n];\n\nfunction InstrumentConfidenceBar({ name, emoji, confidence }) {\n return (\n

\n {emoji}\n

0.7 ? '#4CAF50' : confidence > 0.4 ? '#FFC107' : '#F44336',\n height: '100%',\n borderRadius: '5px',\n transition: 'width 0.5s ease-in-out'\n }}>

\n \n {(confidence * 100).toFixed(2)}%\n \n

\n );\n}\n\nfunction App() {\n const [recording, setRecording] = useState(false);\n const [result, setResult] = useState(null);\n const [error, setError] = useState(null);\n const mediaRecorderRef = useRef(null);\n const audioChunksRef = useRef([]);\n const fileInputRef = useRef(null);\n const streamRef = useRef(null);\n\n const classifyAudio = async (audioBlob: Blob) => {\n try {\n const formData = new FormData();\n formData.append('audio', audioBlob, 'audio.wav');\n\n const response = await fetch('/classify', {\n method: 'POST',\n body: formData\n });\n \n if (!response.ok) {\n throw new Error('Classification failed');\n }\n \n const data = await response.json();\n setResult(data);\n setError(null);\n } catch (error) {\n console.error('Classification error:', error);\n setError(error instanceof Error ? error.message : 'An unknown error occurred');\n setResult(null);\n }\n };\n\n const startRecording = async () => {\n audioChunksRef.current = [];\n try {\n // Check for microphone permissions\n const micPermission = await navigator.permissions.query({ name: 'microphone' as PermissionName });\n \n if (micPermission.state === 'denied') {\n setError('Microphone access is blocked. Please check your browser settings.');\n return;\n }\n\n const stream = await navigator.mediaDevices.getUserMedia({ audio: true });\n streamRef.current = stream;\n \n mediaRecorderRef.current = new MediaRecorder(stream);\n \n mediaRecorderRef.current.ondataavailable = (event) => {\n if (event.data.size > 0) {\n audioChunksRef.current.push(event.data);\n }\n };\n\n mediaRecorderRef.current.onstop = async () => {\n // Stop all tracks to release microphone\n stream.getTracks().forEach(track => track.stop());\n \n const audioBlob = new Blob(audioChunksRef.current, { type: 'audio/wav' });\n \n // Only classify if we have audio data\n if (audioBlob.size > 0) {\n await classifyAudio(audioBlob);\n }\n \n audioChunksRef.current = [];\n };\n\n mediaRecorderRef.current.start();\n setRecording(true);\n setError(null);\n } catch (err) {\n console.error('Recording error:', err);\n const errorMessage = err instanceof Error \n ? err.message \n : 'Could not access microphone. Please check permissions.';\n \n setError(errorMessage);\n setRecording(false);\n \n // Attempt to stop any existing stream\n if (streamRef.current) {\n streamRef.current.getTracks().forEach(track => track.stop());\n }\n }\n };\n\n const stopRecording = () => {\n try {\n if (mediaRecorderRef.current && recording) {\n mediaRecorderRef.current.stop();\n setRecording(false);\n }\n } catch (err) {\n console.error('Stop recording error:', err);\n setError('Error stopping recording');\n }\n };\n\n const handleFileUpload = async (event: React.ChangeEvent) => {\n const file = event.target.files?.[0];\n if (file) {\n // Validate file type\n if (!file.type.startsWith('audio/')) {\n setError('Please upload an audio file');\n return;\n }\n\n // Validate file size (e.g., max 10MB)\n if (file.size > 10 * 1024 * 1024) {\n setError('File is too large. Max 10MB allowed.');\n return;\n }\n\n await classifyAudio(file);\n }\n };\n\n // Clean up stream on component unmount\n useEffect(() => {\n return () => {\n if (streamRef.current) {\n streamRef.current.getTracks().forEach(track => track.stop());\n }\n };\n }, []);\n\n return (\n

🎵 Instrument Classifier

\n \n

\n \n\n

\n OR\n

\n\n \n fileInputRef.current?.click()}\n style={{\n padding: '10px 20px',\n fontSize: '16px',\n backgroundColor: '#4CAF50',\n color: 'white',\n border: 'none',\n borderRadius: '5px',\n cursor: 'pointer',\n width: '200px'\n }}\n >\n Upload Audio File\n \n

\n \n {error && (\n

\n {error}\n

\n )}\n\n {result && (\n

Classification Results:

\n {result.instruments.map((instrument, index) => (\n i.name === instrument.name)?.emoji || '🎵'}\n confidence={instrument.confidence}\n />\n ))}\n

\n )}\n \n

\n Supported formats: MP3, WAV, FLAC (max 10MB)\n

\n\n

\n \n View Source\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n if (request.method === 'POST' && new URL(request.url).pathname === '/classify') {\n try {\n const formData = await request.formData();\n const audioBlob = formData.get('audio') as Blob;\n\n // Mock multi-instrument classification with probabilities\n const mockClassification = {\n instruments: INSTRUMENT_CLASSES.map(instrument => ({\n name: instrument.name,\n confidence: Math.random()\n }))\n // Sort instruments by confidence in descending order\n .sort((a, b) => b.confidence - a.confidence)\n };\n\n return new Response(JSON.stringify(mockClassification), {\n headers: { 'Content-Type': 'application/json' }\n });\n } catch (error) {\n return new Response(JSON.stringify({ error: 'Classification failed' }), { status: 500 });\n }\n }\n\n return new Response(`\n \n \n Instrument Classifier\n \n \n \n

\n \n \n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n}","createdAt",["D",1739901508732],"version",1,"currentUserHasLiked","likeCount","forkCount","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_128":129,"_130":131},"handle","uday_8897","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ0RGJmV3o4Mzl6aEtLdDBWQzl1ZUlRYnljYiJ9","forkedVal",{"_112":134,"_128":129,"_98":135,"_117":90,"_136":-5},"748b5b02-ee13-11ef-b481-e6cdfca9ef9f","musicalInstrumentIdentification","prDisabledHint","interval","slug","uday_8897/Musical_Instrument_Identification","description","@jsxImportSource https://esm.sh/react@18.2.0","versions",[144,147],{"_117":118,"_145":-5,"_115":146,"_112":110},"prId",["D",1739901508732],{"_117":31,"_145":-5,"_115":148,"_112":149},["D",1739895349441],"9e04d1d4-ee13-11ef-8110-e6cdfca9ef9f","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.pulls._index",{"_95":96,"_94":157,"_128":129,"_140":141,"_98":99,"_166":31,"_167":31,"_50":51,"_168":169},{"_98":99,"_95":96,"_100":101,"_102":-5,"_103":-5,"_104":105,"_106":66,"_107":108,"_109":110,"_111":26,"_112":110,"_113":114,"_115":158,"_117":118,"_119":26,"_120":31,"_121":31,"_122":31,"_123":31,"_124":31,"_125":31,"_126":-5,"_20":159,"_132":160,"_137":-7,"_138":139,"_140":141,"_142":161},["D",1739901508732],{"_128":129,"_130":131},{"_112":134,"_128":129,"_98":135,"_117":90,"_136":-5},[162,164],{"_117":118,"_145":-5,"_115":163,"_112":110},["D",1739901508732],{"_117":31,"_145":-5,"_115":165,"_112":149},["D",1739895349441],"page","count","prs",[],"routes/_app","actionData","errors"]