Chord Transposer

\n \n

\n",[151],"4c5c90cc-0a07-11f1-b3d0-42dde27851f2","chordTransposer.js","43784680-0661-11f1-95d1-42dde27851f2",26,["D",1771116188719],7,"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(\" \");\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}",[158],"82b27014-0a08-11f1-a4d0-42dde27851f2","README.md","019c0d55-ef8d-706f-a101-36c4ae9a6adf",29,["D",1771116709383],"# 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.",[167],"b22c4a5e-0a08-11f1-97bb-42dde27851f2","archive","ac8ce964-0a08-11f1-b293-42dde27851f2",32,["D",1771116789032],"directory",[174],"pulls","branches",2,"forks","envVars",{"_188":42,"_190":42},"connections",{"_188":42,"_189":42},"count","unfilledCount","emptyCount",{"_18":173,"_20":174,"_128":175,"_130":-5,"_131":71,"_132":176,"_134":38,"_22":232,"_68":133,"_136":178,"_137":-5,"_139":26,"_140":-5,"_200":233,"_90":234},{"_18":224,"_20":225,"_128":226,"_130":175,"_131":71,"_132":227,"_134":38,"_22":228,"_68":133,"_136":163,"_137":229,"_139":26,"_140":-5,"_200":230,"_90":231},{"_18":215,"_20":216,"_128":217,"_130":175,"_131":71,"_132":218,"_134":38,"_22":219,"_68":220,"_136":101,"_137":221,"_139":26,"_140":-5,"_200":222,"_90":223},{"_18":166,"_20":167,"_128":168,"_130":-5,"_131":71,"_132":169,"_134":38,"_22":212,"_68":133,"_136":101,"_137":171,"_139":26,"_140":-5,"_200":213,"_90":214},{"_18":157,"_20":158,"_128":159,"_130":-5,"_131":71,"_132":160,"_134":38,"_22":209,"_68":162,"_136":163,"_137":164,"_139":26,"_140":-5,"_200":210,"_90":211},{"_18":150,"_20":151,"_128":152,"_130":-5,"_131":71,"_132":69,"_134":38,"_22":206,"_68":154,"_136":101,"_137":155,"_139":26,"_140":-5,"_200":207,"_90":208},{"_18":142,"_20":143,"_128":144,"_130":-5,"_131":71,"_132":145,"_134":38,"_22":203,"_68":133,"_136":147,"_137":148,"_139":26,"_140":-5,"_200":204,"_90":205},{"_18":126,"_20":127,"_128":129,"_130":-5,"_131":71,"_132":133,"_134":38,"_22":199,"_68":42,"_136":101,"_137":138,"_139":26,"_140":-5,"_200":201,"_90":202},["D",1769750261651],"children",[],[127],["D",1770714993045],[],[143],["D",1771117690784],[],[151],["D",1771116188719],[],[158],["D",1771116709383],[],[167],"b7acf050-0a08-11f1-a589-42dde27851f2","styles.css","9d2540e0-0637-11f1-a954-42dde27851f2",34,["D",1771116798264],5,":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}",[],[174,216],"b58b1aae-0a08-11f1-bbf1-42dde27851f2","chordTransposer.ts","019c0d55-ef8d-706f-a101-3846666b3288",33,["D",1771116794683],"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};",[],[174,225],["D",1771116789032],[192,193],[174],["D",1767259184468],["D",1789498239291],{"_16":17,"_88":84},{"_16":17,"_82":-5,"_83":84,"_33":34,"_85":86,"_87":26},{"_68":69,"_20":70,"_18":71,"_72":19,"_73":74,"_75":76,"_77":28,"_78":19,"_79":44,"_80":21,"_81":17},"ctx",{"_61":-5,"_110":273,"_274":275,"_276":277,"_278":26,"_279":26,"_280":26,"_281":38,"_282":-5,"_283":-7,"_284":-7,"_285":42,"_286":26,"_287":26,"_288":-5,"_289":26,"_290":26,"_291":26,"_292":-5},"ENV",{"_244":245,"_246":247,"_248":116,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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"]

Search