[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_258":259,"_260":261},"routes/_app.x.$handle.$name",{"_100":99,"_32":45,"_108":90,"_27":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_20":-5,"_120":-5,"_121":-5,"_122":25,"_123":124,"_125":59,"_126":-5,"_127":-5,"_128":129},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":63,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":83,"_84":85,"_86":87,"_88":25},"version",122,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","chordTransposer.js","latestPath","fileId","ef9041aa-0a0a-11f1-bd59-42dde27851f2","name","fileType","script","content","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, i, currentArr) => {\n if (str.includes(\"#\")) {\n return str.slice(0, 2).toUpperCase();\n } else if (str === \"\") {\n arr.splice(i, 1);\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}","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, i, arr) => {\n if (str.includes(\"#\")) {\n return str.slice(0, 2).toUpperCase();\n } else if (str === \"\") {\n arr.splice(i, 1);\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}","createdAt",["D",1771314179038],"branchVersion","branchId","02abaefe-e6f3-11f0-8c0a-42dde27851f2","id","02ab6b74-e6f3-11f0-8c0a-42dde27851f2","chordTransposer",["D",1767259184468],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","simple chord transposer","imageUrl","22de98d0-1a98-11f0-b6b4-8dd629af732f","pinnedFileId","02ad4354-e6f3-11f0-8c0a-42dde27851f2","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"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",{"_100":99,"_107":103},"org",{"_100":99,"_101":-5,"_102":103,"_18":55,"_104":105,"_106":25},"branch",{"_13":89,"_32":90,"_43":42,"_91":44,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":45,"_98":99},"isOwned",135,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","foliage","handle","displayName","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/2e848b6c-a955-453d-dc89-6c494681cc00/square512?exp=1789577999&sig=850c61338bbc92b8f6489cffe04828fe3788a93c42357328b3c8e167f7799ecb","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":253,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69,"_70":254,"_72":63,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":255,"_84":256,"_86":257,"_88":25},"tree",[199,202,204,205,206,207,208],"files",[199,200,201,202,203,204,205,206,207,208],"counts",{"_188":63,"_189":190,"_191":63,"_192":193,"_194":195},"contents",[130,131,132,133,134,135,136],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":183,"_32":184,"_30":185,"_140":-5,"_41":42,"_40":150,"_142":59,"_38":186,"_13":63,"_33":181,"_35":-5,"_24":25,"_146":-5,"_27":187},{"_43":176,"_32":43,"_30":177,"_140":-5,"_41":42,"_40":178,"_142":59,"_38":179,"_13":180,"_33":181,"_35":-5,"_24":25,"_146":-5,"_27":182},{"_43":169,"_32":170,"_30":171,"_140":-5,"_41":42,"_40":150,"_142":59,"_38":172,"_13":173,"_33":20,"_35":174,"_24":25,"_146":-5,"_27":175},{"_43":165,"_32":28,"_30":31,"_140":-5,"_41":42,"_40":14,"_142":25,"_38":166,"_13":167,"_33":34,"_35":37,"_24":25,"_146":-5,"_27":168},{"_43":157,"_32":158,"_30":159,"_140":-5,"_41":42,"_40":160,"_142":59,"_38":161,"_13":162,"_33":20,"_35":163,"_24":25,"_146":-5,"_27":164},{"_43":148,"_32":149,"_30":57,"_140":-5,"_41":42,"_40":150,"_142":59,"_38":151,"_13":152,"_33":153,"_35":154,"_24":25,"_146":155,"_27":156},{"_43":137,"_32":138,"_30":139,"_140":-5,"_41":42,"_40":141,"_142":25,"_38":143,"_13":144,"_33":20,"_35":145,"_24":25,"_146":-5,"_27":147},"4b56b7ee-f755-11f0-8153-42dde27851f2","robots.txt","3e7ffb0c-f755-11f0-98be-42dde27851f2","parentId",52,"latest",["D",1769060615663],3,"User-agent: *\nDisallow: /","label",[138],"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",[149],"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",[158],"47c8ec26-0bd4-11f1-ac9f-42dde27851f2",["D",1771314179038],7,[28],"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.",[170],"249908c6-0bcf-11f1-9219-42dde27851f2","1fd87722-0bcf-11f1-b851-42dde27851f2",109,["D",1771311972522],1,"directory",[43],"ef904a24-0a0a-11f1-bd59-42dde27851f2","archive","019c5ed8-2aeb-7558-9bec-927ee190a569",["D",1771117751021],[184],"pulls","branches",2,"forks","envVars",{"_196":63,"_198":63},"connections",{"_196":63,"_197":63},"count","unfilledCount","emptyCount",{"_43":183,"_32":184,"_30":185,"_140":-5,"_41":42,"_40":150,"_142":59,"_38":250,"_13":63,"_33":181,"_35":-5,"_24":25,"_146":-5,"_210":251,"_27":252},{"_43":243,"_32":244,"_30":245,"_140":185,"_41":42,"_40":150,"_142":59,"_38":246,"_13":63,"_33":34,"_35":247,"_24":25,"_146":-5,"_210":248,"_27":249},{"_43":236,"_32":237,"_30":238,"_140":185,"_41":42,"_40":150,"_142":59,"_38":239,"_13":63,"_33":20,"_35":240,"_24":25,"_146":-5,"_210":241,"_27":242},{"_43":176,"_32":43,"_30":177,"_140":-5,"_41":42,"_40":178,"_142":59,"_38":233,"_13":180,"_33":181,"_35":-5,"_24":25,"_146":-5,"_210":234,"_27":235},{"_43":225,"_32":158,"_30":226,"_140":177,"_41":42,"_40":227,"_142":59,"_38":228,"_13":229,"_33":20,"_35":230,"_24":25,"_146":-5,"_210":231,"_27":232},{"_43":169,"_32":170,"_30":171,"_140":-5,"_41":42,"_40":150,"_142":59,"_38":222,"_13":173,"_33":20,"_35":174,"_24":25,"_146":-5,"_210":223,"_27":224},{"_43":165,"_32":28,"_30":31,"_140":-5,"_41":42,"_40":14,"_142":25,"_38":219,"_13":167,"_33":34,"_35":37,"_24":25,"_146":-5,"_210":220,"_27":221},{"_43":157,"_32":158,"_30":159,"_140":-5,"_41":42,"_40":160,"_142":59,"_38":216,"_13":162,"_33":20,"_35":163,"_24":25,"_146":-5,"_210":217,"_27":218},{"_43":148,"_32":149,"_30":57,"_140":-5,"_41":42,"_40":150,"_142":59,"_38":213,"_13":152,"_33":153,"_35":154,"_24":25,"_146":155,"_210":214,"_27":215},{"_43":137,"_32":138,"_30":139,"_140":-5,"_41":42,"_40":141,"_142":25,"_38":209,"_13":144,"_33":20,"_35":145,"_24":25,"_146":-5,"_210":211,"_27":212},["D",1769060615663],"children",[],[138],["D",1771117751021],[],[149],["D",1771312143557],[],[158],["D",1771314179038],[],[28],["D",1771117751021],[],[170],"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",[],[43,158],["D",1771311972522],[203],[43],"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}",[],[184,237],"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};",[],[184,244],["D",1771117751021],[200,201],[184],["D",1767259184468],["D",1789498239291],{"_100":99,"_107":103},{"_100":99,"_101":-5,"_102":103,"_18":55,"_104":105,"_106":25},{"_13":89,"_32":90,"_43":42,"_91":44,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":45,"_98":99},"ctx",{"_82":-5,"_127":291,"_292":293,"_294":295,"_296":25,"_297":25,"_298":25,"_299":59,"_300":-5,"_301":-7,"_302":-7,"_303":63,"_304":25,"_305":25,"_306":-5,"_307":25,"_308":25,"_309":25,"_310":-5},"ENV",{"_262":263,"_264":265,"_266":90,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288,"_289":290},"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"]

Diff · v122