Chord Transposer

🇺🇸 English | 🇮🇩 Bahasa Indonesia

\n \n

\n\n",[18,79],"pulls","branches",2,"forks","envVars",{"_194":26,"_196":26},"connections",{"_194":26,"_195":26},"count","unfilledCount","emptyCount",{"_18":274,"_13":266,"_64":261,"_45":-5,"_37":38,"_172":218,"_174":24,"_39":275,"_41":26,"_67":96,"_177":-5,"_68":30,"_178":-5,"_213":276,"_17":277},{"_18":267,"_13":268,"_64":269,"_45":261,"_37":38,"_172":218,"_174":24,"_39":270,"_41":26,"_67":240,"_177":271,"_68":30,"_178":-5,"_213":272,"_17":273},{"_18":258,"_13":259,"_64":260,"_45":261,"_37":38,"_172":218,"_174":24,"_39":262,"_41":26,"_67":21,"_177":263,"_68":30,"_178":-5,"_213":264,"_17":265},{"_18":171,"_13":18,"_64":95,"_45":-5,"_37":38,"_172":173,"_174":24,"_39":255,"_41":176,"_67":96,"_177":-5,"_68":30,"_178":-5,"_213":256,"_17":257},{"_18":181,"_13":79,"_64":65,"_45":95,"_37":38,"_172":90,"_174":24,"_39":252,"_41":183,"_67":21,"_177":184,"_68":30,"_178":-5,"_213":253,"_17":254},{"_18":244,"_13":245,"_64":246,"_45":-5,"_37":38,"_172":218,"_174":24,"_39":247,"_41":248,"_67":21,"_177":249,"_68":30,"_178":-5,"_213":250,"_17":251},{"_18":234,"_13":235,"_64":236,"_45":-5,"_37":38,"_172":237,"_174":24,"_39":238,"_41":239,"_67":240,"_177":241,"_68":30,"_178":-5,"_213":242,"_17":243},{"_18":226,"_13":79,"_64":227,"_45":-5,"_37":38,"_172":228,"_174":24,"_39":229,"_41":230,"_67":21,"_177":231,"_68":30,"_178":-5,"_213":232,"_17":233},{"_18":216,"_13":217,"_64":109,"_45":-5,"_37":38,"_172":218,"_174":24,"_39":219,"_41":220,"_67":221,"_177":222,"_68":30,"_178":223,"_213":224,"_17":225},{"_18":207,"_13":208,"_64":209,"_45":-5,"_37":38,"_172":136,"_174":24,"_39":210,"_41":211,"_67":21,"_177":212,"_68":30,"_178":-5,"_213":214,"_17":215},"ebc16bac-4dea-11f1-91ec-ee650bb23af1","robots.txt","3e7ffb0c-f755-11f0-98be-42dde27851f2",["D",1778580679803],5,"User-agent: *\nDisallow: /","children",[],[208],"ef905d7a-0a0a-11f1-bd59-42dde27851f2","main.ts",90,["D",1771117751021],40,"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\n\nexport default staticHTTPServer(import.meta.url);","chordtransposer",[],[217],"8a8b6c14-0bcf-11f1-9787-42dde27851f2","7f40d9b4-f650-11f0-b7db-42dde27851f2",113,["D",1771312143557],42,"\n\n\n\n\n\n\n\n\nChord Transposer\n \n

Chord Transposer

🇺🇸 English | 🇮🇩 Bahasa Indonesia

\n \n

\n",[],[79],"41de2358-0bd9-11f1-84db-42dde27851f2","chordTransposer.js","ef9041aa-0a0a-11f1-bd59-42dde27851f2",133,["D",1771316316597],18,"script","const $ = (elt) => document.querySelector(elt);\nconst transposeBtn = $(\"#transpose-button\");\ntransposeBtn.addEventListener(\"click\", transpose);\n\nfunction transpose() {\n const chords = $(\"#chords-input\").value;\n const transposeBy = $(\"#transpose-by\").value;\n const chordArr = chords.split(\" \").filter((chord) => chord !== \"\");\n const majorChordArr = getMajorChords(chordArr);\n const transposedChordsArr = majorChordArr.map((chord) =>\n transposeSingleChord(chord, parseInt(transposeBy))\n );\n const chordTypesArr = getChordTypes(chordArr);\n const completeTransposedChordsArr = rejoinTransposedChords(\n transposedChordsArr,\n chordTypesArr,\n );\n console.log(chordArr, transposedChordsArr);\n const output = $(\"#chords-output\");\n output.value = completeTransposedChordsArr.join(\" \");\n}\n\nconst majorChords = [\n \"C\",\n \"C#\",\n \"D\",\n \"D#\",\n \"E\",\n \"F\",\n \"F#\",\n \"G\",\n \"G#\",\n \"A\",\n \"A#\",\n \"B\",\n];\n\nfunction getMajorChords(arr) {\n const majorChords = arr.map((str) => {\n if (str.includes(\"#\")) {\n return str.slice(0, 2).toUpperCase();\n } else {\n return str.slice(0, 1).toUpperCase();\n }\n });\n\n return majorChords;\n}\n\nfunction getChordTypes(arr) {\n const chordTypes = arr.map((str) => {\n if (str.includes(\"#\")) {\n return str.slice(2);\n } else {\n return str.slice(1);\n }\n });\n\n return chordTypes;\n}\n\nfunction transposeSingleChord(chord, num) {\n const index = majorChords.findIndex((validChord) => chord === validChord);\n let transposedIndex = index + num;\n\n if (transposedIndex > 11) {\n transposedIndex -= 12;\n } else if (transposedIndex < 0) {\n transposedIndex += 12;\n }\n\n return majorChords[transposedIndex];\n}\n\nfunction rejoinTransposedChords(majorChords, chordTypes) {\n return (\n majorChords.map((chord, index) => {\n return chord + chordTypes[index];\n })\n );\n}",[],[235],"ef904dda-0a0a-11f1-bd59-42dde27851f2","README.md","3be475dc-f74e-11f0-a012-42dde27851f2",["D",1771117751021],8,"# chordTransposer\n\nhttps://chordtransposer.val.run\n\njust enter space-separated valid chords (case insensitive) and the number of\nhalf-steps to transpose by (`-11` – `11`). it does not accept flat chords at the\nmoment so you have to convert it to sharp chords first, sorry.\n\nsometimes i just want to enter four chords and transpose it but have found no\ntools that simply does this so i made it myself.",[],[245],["D",1771312440706],[],[18,79],["D",1771311972522],[201],[18],"ef903ade-0a0a-11f1-bd59-42dde27851f2","styles.css","ef903b74-0a0a-11f1-bd59-42dde27851f2","019c5ed8-2aeb-7558-9bec-927ee190a569",["D",1771117751021],":root {\n color-scheme: light dark;\n\n /* has to be set on :root to change viewport scrollbar */\n scrollbar-color: light-dark(var(--accent-light), var(--accent-dark))\n light-dark(var(--bg-light), var(--bg-dark));\n}\n\nhtml {\n --bg-light: whitesmoke;\n --accent-light: lightcoral;\n --text-light: slategrey;\n --bg-dark: darkslategray;\n --accent-dark: #916e7f;\n --text-dark: #c3a38a;\n}\n\n* {\n box-sizing: border-box;\n}\n\nbody {\n color: light-dark(var(--text-light), var(--text-dark));\n background-color: light-dark(var(--bg-light), var(--bg-dark));\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.5;\n font-family: monospace;\n}\n\nlabel {\n display: block;\n}\n\ncode {\n border: 1px solid dimgrey;\n border-radius: 3px;\n padding: 3px;\n}",[],[266,259],"archive","ef901bda-0a0a-11f1-bd59-42dde27851f2","chordTransposer.ts","ef901c84-0a0a-11f1-bd59-42dde27851f2",["D",1771117751021],"type MajorChord =\n | \"C\"\n | \"C#\"\n | \"D\"\n | \"D#\"\n | \"E\"\n | \"F\"\n | \"F#\"\n | \"G\"\n | \"G#\"\n | \"A\"\n | \"A#\"\n | \"B\";\n\nconst majorChords: MajorChord[] = [\n \"C\",\n \"C#\",\n \"D\",\n \"D#\",\n \"E\",\n \"F\",\n \"F#\",\n \"G\",\n \"G#\",\n \"A\",\n \"A#\",\n \"B\",\n];\n\nfunction getMajorChords(arr: string[]): string[] {\n const majorChords = arr.map((str) => {\n if (str.includes(\"#\")) {\n return str.slice(0, 2).toUpperCase();\n } else {\n return str.slice(0, 1).toUpperCase();\n }\n });\n\n return majorChords;\n}\n\nfunction getChordTypes(arr: string[]): string[] {\n const chordTypes = arr.map((str) => {\n if (str.includes(\"#\")) {\n return str.slice(2);\n } else {\n return str.slice(1);\n }\n });\n\n return chordTypes;\n}\n\nfunction transpose(chord: MajorChord, num: number) {\n const index = majorChords.findIndex((validChord) => chord === validChord);\n let transposedIndex = index + num;\n\n if (transposedIndex > 11) {\n transposedIndex -= 12;\n } else if (transposedIndex < 0) {\n transposedIndex += 12;\n }\n\n return majorChords[transposedIndex];\n}\n\nfunction rejoinTransposedChords(\n majorChords: MajorChord[],\n chordTypes: string[],\n) {\n return (\n majorChords.map((chord: string, index: number) => {\n return chord + chordTypes[index];\n })\n );\n}\n\nexport {\n getChordTypes,\n getMajorChords,\n type MajorChord,\n majorChords,\n rejoinTransposedChords,\n transpose,\n};",[],[266,268],"ef904a24-0a0a-11f1-bd59-42dde27851f2",["D",1771117751021],[198,199],[266],["D",1767259184468],["D",1789498239291],{"_11":12,"_149":71},{"_11":12,"_145":-5,"_70":71,"_31":69,"_146":147,"_148":30},{"_41":136,"_13":16,"_18":38,"_137":98,"_138":-5,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":14,"_144":12},"ctx",{"_54":-5,"_168":316,"_317":318,"_319":320,"_321":30,"_322":30,"_323":30,"_324":24,"_325":-5,"_326":-7,"_327":-7,"_328":26,"_329":30,"_330":30,"_331":-5,"_332":30,"_333":30,"_334":30,"_335":-5},"ENV",{"_287":288,"_289":290,"_291":16,"_292":293,"_294":295,"_296":297,"_298":299,"_300":301,"_302":303,"_304":305,"_306":307,"_308":309,"_310":311,"_312":313,"_314":315},"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"]

History · id