[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_296":297,"_298":299},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_219":-5,"_20":220,"_22":221,"_222":223,"_224":225,"_25":226,"_24":-5,"_227":-5,"_228":-5,"_229":58,"_230":231,"_232":50,"_233":-5,"_234":-5,"_235":236},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","foliage","name","chordTransposer","branchName","main","version","path","","project",{"_39":162,"_13":14,"_51":163,"_164":-5,"_165":58,"_166":167,"_168":167,"_169":170,"_171":-5,"_172":173,"_174":63,"_175":50,"_176":-5,"_177":-5,"_178":106,"_179":180,"_181":182,"_183":184,"_185":186,"_187":106,"_188":189,"_190":189,"_191":192,"_193":192,"_194":192,"_195":189,"_196":189,"_197":198,"_199":200,"_201":202,"_203":58},"tree",[108,109,110,111,112,113,114],"file","contents",[32,33,34,35,36,37,38],"upstream","pull","ahead","behind","envVars",{"_39":102,"_13":103,"_42":104,"_44":-5,"_45":46,"_47":64,"_49":50,"_51":105,"_17":106,"_54":100,"_55":-5,"_57":58,"_59":-5,"_18":107},{"_39":95,"_13":39,"_42":96,"_44":-5,"_45":46,"_47":97,"_49":50,"_51":98,"_17":99,"_54":100,"_55":-5,"_57":58,"_59":-5,"_18":101},{"_39":88,"_13":89,"_42":90,"_44":-5,"_45":46,"_47":64,"_49":50,"_51":91,"_17":92,"_54":24,"_55":93,"_57":58,"_59":-5,"_18":94},{"_39":79,"_13":80,"_42":81,"_44":-5,"_45":46,"_47":82,"_49":50,"_51":83,"_17":84,"_54":85,"_55":86,"_57":58,"_59":-5,"_18":87},{"_39":71,"_13":72,"_42":73,"_44":-5,"_45":46,"_47":74,"_49":50,"_51":75,"_17":76,"_54":24,"_55":77,"_57":58,"_59":-5,"_18":78},{"_39":61,"_13":62,"_42":63,"_44":-5,"_45":46,"_47":64,"_49":50,"_51":65,"_17":66,"_54":67,"_55":68,"_57":58,"_59":69,"_18":70},{"_39":40,"_13":41,"_42":43,"_44":-5,"_45":46,"_47":48,"_49":50,"_51":52,"_17":53,"_54":24,"_55":56,"_57":58,"_59":-5,"_18":60},"id","ebc16bac-4dea-11f1-91ec-ee650bb23af1","robots.txt","fileId","3e7ffb0c-f755-11f0-98be-42dde27851f2","parentId","branchId","02abaefe-e6f3-11f0-8c0a-42dde27851f2","branchVersion",135,"latest",true,"createdAt",["D",1778580679803],5,"fileType","content","User-agent: *\nDisallow: /","deleted",false,"label",[41],"ef905d7a-0a0a-11f1-bd59-42dde27851f2","main.ts","02ad4354-e6f3-11f0-8c0a-42dde27851f2",90,["D",1771117751021],40,"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\n\nexport default staticHTTPServer(import.meta.url);","chordtransposer",[62],"8a8b6c14-0bcf-11f1-9787-42dde27851f2","index.html","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",[72],"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}",[80],"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.",[89],"249908c6-0bcf-11f1-9219-42dde27851f2","1fd87722-0bcf-11f1-b851-42dde27851f2",109,["D",1771311972522],1,"directory",[39],"ef904a24-0a0a-11f1-bd59-42dde27851f2","archive","019c5ed8-2aeb-7558-9bec-927ee190a569",["D",1771117751021],0,[103],{"_39":102,"_13":103,"_42":104,"_44":-5,"_45":46,"_47":64,"_49":50,"_51":143,"_17":106,"_54":100,"_55":-5,"_57":58,"_59":-5,"_116":144,"_18":145},{"_39":95,"_13":39,"_42":96,"_44":-5,"_45":46,"_47":97,"_49":50,"_51":131,"_17":99,"_54":100,"_55":-5,"_57":58,"_59":-5,"_116":132,"_18":133},{"_39":88,"_13":89,"_42":90,"_44":-5,"_45":46,"_47":64,"_49":50,"_51":128,"_17":92,"_54":24,"_55":93,"_57":58,"_59":-5,"_116":129,"_18":130},{"_39":79,"_13":80,"_42":81,"_44":-5,"_45":46,"_47":82,"_49":50,"_51":125,"_17":84,"_54":85,"_55":86,"_57":58,"_59":-5,"_116":126,"_18":127},{"_39":71,"_13":72,"_42":73,"_44":-5,"_45":46,"_47":74,"_49":50,"_51":122,"_17":76,"_54":24,"_55":77,"_57":58,"_59":-5,"_116":123,"_18":124},{"_39":61,"_13":62,"_42":63,"_44":-5,"_45":46,"_47":64,"_49":50,"_51":119,"_17":66,"_54":67,"_55":68,"_57":58,"_59":69,"_116":120,"_18":121},{"_39":40,"_13":41,"_42":43,"_44":-5,"_45":46,"_47":48,"_49":50,"_51":115,"_17":53,"_54":24,"_55":56,"_57":58,"_59":-5,"_116":117,"_18":118},["D",1778580679803],"children",[],[41],["D",1771117751021],[],[62],["D",1771312143557],[],[72],["D",1771316316597],[],[80],["D",1771117751021],[],[89],["D",1771311972522],[134],[39],{"_39":135,"_13":72,"_42":136,"_44":96,"_45":46,"_47":137,"_49":50,"_51":138,"_17":139,"_54":24,"_55":140,"_57":58,"_59":-5,"_116":141,"_18":142},"3bab99b0-0bd0-11f1-86fa-42dde27851f2","2cba8636-0bc2-11f1-86f9-42dde27851f2",115,["D",1771312440706],15,"\n\n\n\n\n\n\n\n\nChord Transposer\n \n

Chord Transposer

🇺🇸 English | 🇮🇩 Bahasa Indonesia

\n \n

\n\n",[],[39,72],["D",1771117751021],[146,147],[103],{"_39":155,"_13":156,"_42":157,"_44":104,"_45":46,"_47":64,"_49":50,"_51":158,"_17":106,"_54":85,"_55":159,"_57":58,"_59":-5,"_116":160,"_18":161},{"_39":148,"_13":149,"_42":150,"_44":104,"_45":46,"_47":64,"_49":50,"_51":151,"_17":106,"_54":24,"_55":152,"_57":58,"_59":-5,"_116":153,"_18":154},"ef903ade-0a0a-11f1-bd59-42dde27851f2","styles.css","ef903b74-0a0a-11f1-bd59-42dde27851f2",["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}",[],[103,149],"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};",[],[103,156],"02ab6b74-e6f3-11f0-8c0a-42dde27851f2",["D",1767259184468],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","simple chord transposer","imageUrl","userId","22de98d0-1a98-11f0-b6b4-8dd629af732f","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","f1a011d2-6ff0-48b1-ae7d-0aba81b3ea1d","tursoName","02ab6b74e6f311f08c0a42dde27851f2","tursoHostname","02ab6b74e6f311f08c0a42dde27851f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789498239291],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_218":214},"org",{"_11":12,"_212":-5,"_213":214,"_172":173,"_215":216,"_217":58},"branch",{"_17":48,"_13":16,"_39":46,"_204":162,"_205":-5,"_206":-5,"_207":-5,"_208":-5,"_209":-5,"_210":14,"_211":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/2e848b6c-a955-453d-dc89-6c494681cc00/square512?exp=1789559999&sig=070da19593d6133b8ff95456acb06350134109ec410f43f5ce9d5ffb10eed206","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_39":162,"_13":14,"_51":291,"_164":-5,"_165":58,"_166":167,"_168":167,"_169":170,"_171":-5,"_172":173,"_174":63,"_175":50,"_176":-5,"_177":-5,"_178":106,"_179":180,"_181":182,"_183":184,"_185":292,"_187":106,"_188":189,"_190":189,"_191":192,"_193":192,"_194":192,"_195":189,"_196":189,"_197":293,"_199":294,"_201":295,"_203":58},[261,264,266,267,268,269,270],"files",[261,262,263,264,265,266,267,268,269,270],"counts",{"_251":106,"_252":253,"_254":106,"_31":255,"_256":257},[237,238,239,240,241,242,243],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_39":102,"_13":103,"_42":104,"_44":-5,"_45":46,"_47":64,"_49":50,"_51":105,"_17":106,"_54":100,"_55":-5,"_57":58,"_59":-5,"_18":250},{"_39":95,"_13":39,"_42":96,"_44":-5,"_45":46,"_47":97,"_49":50,"_51":98,"_17":99,"_54":100,"_55":-5,"_57":58,"_59":-5,"_18":249},{"_39":88,"_13":89,"_42":90,"_44":-5,"_45":46,"_47":64,"_49":50,"_51":91,"_17":92,"_54":24,"_55":93,"_57":58,"_59":-5,"_18":248},{"_39":79,"_13":80,"_42":81,"_44":-5,"_45":46,"_47":82,"_49":50,"_51":83,"_17":84,"_54":85,"_55":86,"_57":58,"_59":-5,"_18":247},{"_39":71,"_13":72,"_42":73,"_44":-5,"_45":46,"_47":74,"_49":50,"_51":75,"_17":76,"_54":24,"_55":77,"_57":58,"_59":-5,"_18":246},{"_39":61,"_13":62,"_42":63,"_44":-5,"_45":46,"_47":64,"_49":50,"_51":65,"_17":66,"_54":67,"_55":68,"_57":58,"_59":69,"_18":245},{"_39":40,"_13":41,"_42":43,"_44":-5,"_45":46,"_47":48,"_49":50,"_51":52,"_17":53,"_54":24,"_55":56,"_57":58,"_59":-5,"_18":244},[41],[62],[72],[80],[89],[39],[103],"pulls","branches",2,"forks",{"_258":106,"_260":106},"connections",{"_258":106,"_259":106},"count","unfilledCount","emptyCount",{"_39":102,"_13":103,"_42":104,"_44":-5,"_45":46,"_47":64,"_49":50,"_51":143,"_17":106,"_54":100,"_55":-5,"_57":58,"_59":-5,"_116":289,"_18":290},{"_39":155,"_13":156,"_42":157,"_44":104,"_45":46,"_47":64,"_49":50,"_51":158,"_17":106,"_54":85,"_55":159,"_57":58,"_59":-5,"_116":287,"_18":288},{"_39":148,"_13":149,"_42":150,"_44":104,"_45":46,"_47":64,"_49":50,"_51":151,"_17":106,"_54":24,"_55":152,"_57":58,"_59":-5,"_116":285,"_18":286},{"_39":95,"_13":39,"_42":96,"_44":-5,"_45":46,"_47":97,"_49":50,"_51":131,"_17":99,"_54":100,"_55":-5,"_57":58,"_59":-5,"_116":283,"_18":284},{"_39":135,"_13":72,"_42":136,"_44":96,"_45":46,"_47":137,"_49":50,"_51":138,"_17":139,"_54":24,"_55":140,"_57":58,"_59":-5,"_116":281,"_18":282},{"_39":88,"_13":89,"_42":90,"_44":-5,"_45":46,"_47":64,"_49":50,"_51":128,"_17":92,"_54":24,"_55":93,"_57":58,"_59":-5,"_116":279,"_18":280},{"_39":79,"_13":80,"_42":81,"_44":-5,"_45":46,"_47":82,"_49":50,"_51":125,"_17":84,"_54":85,"_55":86,"_57":58,"_59":-5,"_116":277,"_18":278},{"_39":71,"_13":72,"_42":73,"_44":-5,"_45":46,"_47":74,"_49":50,"_51":122,"_17":76,"_54":24,"_55":77,"_57":58,"_59":-5,"_116":275,"_18":276},{"_39":61,"_13":62,"_42":63,"_44":-5,"_45":46,"_47":64,"_49":50,"_51":119,"_17":66,"_54":67,"_55":68,"_57":58,"_59":69,"_116":273,"_18":274},{"_39":40,"_13":41,"_42":43,"_44":-5,"_45":46,"_47":48,"_49":50,"_51":115,"_17":53,"_54":24,"_55":56,"_57":58,"_59":-5,"_116":271,"_18":272},[],[41],[],[62],[],[72],[],[80],[],[89],[],[39,72],[265],[39],[],[103,149],[],[103,156],[262,263],[103],["D",1767259184468],["D",1789498239291],{"_11":12,"_218":214},{"_11":12,"_212":-5,"_213":214,"_172":173,"_215":216,"_217":58},{"_17":48,"_13":16,"_39":46,"_204":162,"_205":-5,"_206":-5,"_207":-5,"_208":-5,"_209":-5,"_210":14,"_211":12},"ctx",{"_197":-5,"_234":329,"_330":331,"_332":333,"_334":58,"_335":58,"_336":58,"_337":50,"_338":-5,"_339":-7,"_340":-7,"_341":106,"_342":58,"_343":58,"_344":-5,"_345":58,"_346":58,"_347":58,"_348":-5},"ENV",{"_300":301,"_302":303,"_304":16,"_305":306,"_307":308,"_309":310,"_311":312,"_313":314,"_315":316,"_317":318,"_319":320,"_321":322,"_323":324,"_325":326,"_327":328},"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"]

Code