[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_284":285,"_286":287},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_212":-5,"_20":213,"_22":214,"_215":216,"_217":218,"_25":219,"_24":-5,"_220":-5,"_221":222,"_223":51,"_224":225,"_226":74,"_227":-5,"_228":-5,"_229":230},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":28,"_29":-5,"_30":31,"_32":33,"_34":-5},"handle","foliage","name","chordTransposer","branchName","no-server","version","path","","project",{"_35":43,"_13":14,"_37":165,"_49":-5,"_166":51,"_52":53,"_167":53,"_168":169,"_170":-5,"_171":172,"_173":174,"_175":74,"_176":-5,"_177":-5,"_178":31,"_55":56,"_179":180,"_181":182,"_183":184,"_185":31,"_186":187,"_188":187,"_189":190,"_191":190,"_192":190,"_193":187,"_194":187,"_195":196,"_197":198,"_199":200,"_50":51},"tree",[121,122,123,124,125,126],"file","contents",[58,59,60,61,62,63],"upstream",{"_35":36,"_37":38,"_39":40,"_13":41,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":12,"_55":56,"_57":14},"pull","ahead",0,"behind",45,"envVars","id","02abaefe-e6f3-11f0-8c0a-42dde27851f2","createdAt",["D",1767259184468],"updatedAt",["D",1778580679803],"main","projectId","02ab6b74-e6f3-11f0-8c0a-42dde27851f2",135,"forkedBranchId","forkedBranchVersion","lockfileKey","1778581546115-esm.town_v_foliage_chordTransposer@135-main","deletedAt","isOwned",false,"privacy","public","userHandle","orgId","f1a011d2-6ff0-48b1-ae7d-0aba81b3ea1d","projectName",{"_35":114,"_13":115,"_66":116,"_68":-5,"_69":70,"_71":117,"_73":74,"_37":118,"_17":72,"_76":119,"_77":-5,"_79":51,"_80":-5,"_18":120},{"_35":107,"_13":108,"_66":109,"_68":-5,"_69":70,"_71":110,"_73":74,"_37":111,"_17":72,"_76":24,"_77":112,"_79":51,"_80":-5,"_18":113},{"_35":98,"_13":99,"_66":100,"_68":-5,"_69":70,"_71":101,"_73":74,"_37":102,"_17":103,"_76":104,"_77":105,"_79":51,"_80":-5,"_18":106},{"_35":90,"_13":91,"_66":92,"_68":-5,"_69":70,"_71":93,"_73":74,"_37":94,"_17":95,"_76":24,"_77":96,"_79":51,"_80":-5,"_18":97},{"_35":82,"_13":83,"_66":84,"_68":-5,"_69":70,"_71":85,"_73":74,"_37":86,"_17":72,"_76":87,"_77":88,"_79":51,"_80":-5,"_18":89},{"_35":64,"_13":65,"_66":67,"_68":-5,"_69":70,"_71":72,"_73":74,"_37":75,"_17":31,"_76":24,"_77":78,"_79":51,"_80":-5,"_18":81},"0062184a-fd9b-11f0-9288-42dde27851f2","robots.txt","fileId","019c0d55-ef8d-706f-a101-44abf8129fe4","parentId","branchId","005c2746-fd9b-11f0-9288-42dde27851f2","branchVersion",1,"latest",true,["D",1769750261651],"fileType","content","User-agent: *\nDisallow: /","deleted","label",[65],"311a5d7a-0661-11f1-bec7-42dde27851f2","main.ts","019c0d55-ef8d-706f-a101-436ffae61f2e",16,["D",1770714993045],"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\n\nexport default staticHTTPServer(import.meta.url);",[83],"cba79bee-0a0a-11f1-8f12-42dde27851f2","index.html","019c0d55-ef8d-706f-a101-3f3cb843eb9c",39,["D",1771117690784],19,"\n\n\n\n\n\n\n\nChord Transposer\n \n

Chord Transposer

\n \n

\n",[91],"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}",[99],"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.",[108],"b22c4a5e-0a08-11f1-97bb-42dde27851f2","archive","ac8ce964-0a08-11f1-b293-42dde27851f2",32,["D",1771116789032],"directory",[115],{"_35":114,"_13":115,"_66":116,"_68":-5,"_69":70,"_71":117,"_73":74,"_37":143,"_17":72,"_76":119,"_77":-5,"_79":51,"_80":-5,"_128":144,"_18":145},{"_35":107,"_13":108,"_66":109,"_68":-5,"_69":70,"_71":110,"_73":74,"_37":140,"_17":72,"_76":24,"_77":112,"_79":51,"_80":-5,"_128":141,"_18":142},{"_35":98,"_13":99,"_66":100,"_68":-5,"_69":70,"_71":101,"_73":74,"_37":137,"_17":103,"_76":104,"_77":105,"_79":51,"_80":-5,"_128":138,"_18":139},{"_35":90,"_13":91,"_66":92,"_68":-5,"_69":70,"_71":93,"_73":74,"_37":134,"_17":95,"_76":24,"_77":96,"_79":51,"_80":-5,"_128":135,"_18":136},{"_35":82,"_13":83,"_66":84,"_68":-5,"_69":70,"_71":85,"_73":74,"_37":131,"_17":72,"_76":87,"_77":88,"_79":51,"_80":-5,"_128":132,"_18":133},{"_35":64,"_13":65,"_66":67,"_68":-5,"_69":70,"_71":72,"_73":74,"_37":127,"_17":31,"_76":24,"_77":78,"_79":51,"_80":-5,"_128":129,"_18":130},["D",1769750261651],"children",[],[65],["D",1770714993045],[],[83],["D",1771117690784],[],[91],["D",1771116188719],[],[99],["D",1771116709383],[],[108],["D",1771116789032],[146,147],[115],{"_35":157,"_13":158,"_66":159,"_68":116,"_69":70,"_71":160,"_73":74,"_37":161,"_17":72,"_76":104,"_77":162,"_79":51,"_80":-5,"_128":163,"_18":164},{"_35":148,"_13":149,"_66":150,"_68":116,"_69":70,"_71":151,"_73":74,"_37":152,"_17":153,"_76":24,"_77":154,"_79":51,"_80":-5,"_128":155,"_18":156},"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}",[],[115,149],"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};",[],[115,158],["D",1767259184468],"legacyEnvVars","httpPrivacy","description","simple chord transposer","imageUrl","userId","22de98d0-1a98-11f0-b6b4-8dd629af732f","pinnedFileId","02ad4354-e6f3-11f0-8c0a-42dde27851f2","pinPreview","pinMigrated","screenshotVersion","likeCount","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,"_211":207},"org",{"_11":12,"_205":-5,"_206":207,"_171":172,"_208":209,"_210":51},"branch",{"_17":93,"_13":16,"_35":70,"_42":43,"_45":36,"_46":201,"_202":53,"_203":43,"_204":56,"_57":14,"_54":12},90,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/2e848b6c-a955-453d-dc89-6c494681cc00/square512?exp=1789574399&sig=baa92127180163b17404d7f32f56f283929985b4dfda9aa502068376d9ebfbe5","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":43,"_13":14,"_37":279,"_49":-5,"_166":51,"_52":53,"_167":53,"_168":169,"_170":-5,"_171":172,"_173":174,"_175":74,"_176":-5,"_177":-5,"_178":31,"_55":56,"_179":180,"_181":182,"_183":280,"_185":31,"_186":187,"_188":187,"_189":190,"_191":190,"_192":190,"_193":187,"_194":187,"_195":281,"_197":282,"_199":283,"_50":51},[255,258,259,260,261,262],"files",[255,256,257,258,259,260,261,262],"counts",{"_245":31,"_246":247,"_248":31,"_34":249,"_250":251},[233,234,235,236,237,238],"upstreamProject","upstreamBranch",{"_35":36,"_37":231,"_39":232,"_13":41,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":12,"_55":56,"_57":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1767259184468],["D",1778580679803],{"_35":114,"_13":115,"_66":116,"_68":-5,"_69":70,"_71":117,"_73":74,"_37":118,"_17":72,"_76":119,"_77":-5,"_79":51,"_80":-5,"_18":244},{"_35":107,"_13":108,"_66":109,"_68":-5,"_69":70,"_71":110,"_73":74,"_37":111,"_17":72,"_76":24,"_77":112,"_79":51,"_80":-5,"_18":243},{"_35":98,"_13":99,"_66":100,"_68":-5,"_69":70,"_71":101,"_73":74,"_37":102,"_17":103,"_76":104,"_77":105,"_79":51,"_80":-5,"_18":242},{"_35":90,"_13":91,"_66":92,"_68":-5,"_69":70,"_71":93,"_73":74,"_37":94,"_17":95,"_76":24,"_77":96,"_79":51,"_80":-5,"_18":241},{"_35":82,"_13":83,"_66":84,"_68":-5,"_69":70,"_71":85,"_73":74,"_37":86,"_17":72,"_76":87,"_77":88,"_79":51,"_80":-5,"_18":240},{"_35":64,"_13":65,"_66":67,"_68":-5,"_69":70,"_71":72,"_73":74,"_37":75,"_17":31,"_76":24,"_77":78,"_79":51,"_80":-5,"_18":239},[65],[83],[91],[99],[108],[115],"pulls","branches",2,"forks",{"_252":31,"_254":31},"connections",{"_252":31,"_253":31},"count","unfilledCount","emptyCount",{"_35":114,"_13":115,"_66":116,"_68":-5,"_69":70,"_71":117,"_73":74,"_37":143,"_17":72,"_76":119,"_77":-5,"_79":51,"_80":-5,"_128":277,"_18":278},{"_35":157,"_13":158,"_66":159,"_68":116,"_69":70,"_71":160,"_73":74,"_37":161,"_17":72,"_76":104,"_77":162,"_79":51,"_80":-5,"_128":275,"_18":276},{"_35":148,"_13":149,"_66":150,"_68":116,"_69":70,"_71":151,"_73":74,"_37":152,"_17":153,"_76":24,"_77":154,"_79":51,"_80":-5,"_128":273,"_18":274},{"_35":107,"_13":108,"_66":109,"_68":-5,"_69":70,"_71":110,"_73":74,"_37":140,"_17":72,"_76":24,"_77":112,"_79":51,"_80":-5,"_128":271,"_18":272},{"_35":98,"_13":99,"_66":100,"_68":-5,"_69":70,"_71":101,"_73":74,"_37":137,"_17":103,"_76":104,"_77":105,"_79":51,"_80":-5,"_128":269,"_18":270},{"_35":90,"_13":91,"_66":92,"_68":-5,"_69":70,"_71":93,"_73":74,"_37":134,"_17":95,"_76":24,"_77":96,"_79":51,"_80":-5,"_128":267,"_18":268},{"_35":82,"_13":83,"_66":84,"_68":-5,"_69":70,"_71":85,"_73":74,"_37":131,"_17":72,"_76":87,"_77":88,"_79":51,"_80":-5,"_128":265,"_18":266},{"_35":64,"_13":65,"_66":67,"_68":-5,"_69":70,"_71":72,"_73":74,"_37":127,"_17":31,"_76":24,"_77":78,"_79":51,"_80":-5,"_128":263,"_18":264},[],[65],[],[83],[],[91],[],[99],[],[108],[],[115,149],[],[115,158],[256,257],[115],["D",1767259184468],["D",1789498239291],{"_11":12,"_211":207},{"_11":12,"_205":-5,"_206":207,"_171":172,"_208":209,"_210":51},{"_17":93,"_13":16,"_35":70,"_42":43,"_45":36,"_46":201,"_202":53,"_203":43,"_204":56,"_57":14,"_54":12},"ctx",{"_195":-5,"_228":317,"_318":319,"_320":321,"_322":51,"_323":51,"_324":51,"_325":74,"_326":-5,"_327":-7,"_328":-7,"_329":31,"_330":51,"_331":51,"_332":-5,"_333":51,"_334":51,"_335":51,"_336":-5},"ENV",{"_288":289,"_290":291,"_292":41,"_293":294,"_295":296,"_297":298,"_299":300,"_301":302,"_303":304,"_305":306,"_307":308,"_309":310,"_311":312,"_313":314,"_315":316},"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