[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_228":229,"_230":231},"routes/_app.x.$handle.$name",{"_101":100,"_32":44,"_109":89,"_27":110,"_13":14,"_111":-5,"_11":112,"_113":114,"_115":116,"_117":118,"_119":120,"_20":-5,"_121":-5,"_122":123,"_124":25,"_125":126,"_127":58,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_32":44,"_37":45,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":62,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":82,"_83":84,"_85":86,"_87":25},"version",13,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":20,"_34":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous",{"_30":31,"_32":28,"_33":20,"_34":35},"deleted",false,"deletedHere","path","index.html","latestPath","fileId","019c0d55-ef8d-706f-a101-3f3cb843eb9c","name","fileType","content","\n\n\n\n\n\n\nTranspose Chords\n\n

Chord Transposer

\n \n \n

just enter space-separated valid chords (case insensitive) and the number of half-steps to transpose by (-11 – 11). it does not accept flat chords at the moment so you have to convert it to sharp chords first, sorry.\n\n

sometimes i just want to enter four chords and transpose it but have found no tools that simply does this so i made it myself.\n\n

i forgot how to make this the easy way using HTML and vanilla JavaScript so i did it the hard way using Hono server and everything.\n

","\n\n\n\n\n\n\nTranspose Chords\n\n

Chord Transposer

\n \n \n

sometimes i just want to enter four chords and transpose it but have found no tools that simply does this so i made it myself.\n\n

i forgot how to make this the easy way using HTML and vanilla JavaScript so i did it the hard way using Hono server and everything.\n

","createdAt",["D",1770713583148],"branchVersion","branchId","005c2746-fd9b-11f0-9288-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",{"_101":100,"_108":104},"org",{"_101":100,"_102":-5,"_103":104,"_18":54,"_105":106,"_107":25},"branch",{"_13":88,"_32":89,"_42":41,"_90":43,"_91":92,"_93":94,"_95":49,"_96":43,"_97":64,"_98":44,"_99":100},"isOwned",39,"no-server","projectId","forkedBranchId","02abaefe-e6f3-11f0-8c0a-42dde27851f2","forkedBranchVersion",90,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","foliage","handle","displayName","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/2e848b6c-a955-453d-dc89-6c494681cc00/square512?exp=1789592399&sig=31c1e67c6bece058ecb1a1d54412ebc2b4eba7690cef520c615fdd32f236b354","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_32":44,"_37":223,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":224,"_71":62,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":225,"_83":226,"_85":227,"_87":25},"tree",[198,199,200,201,202,203],"files",[198,199,200,201,202,203],"counts",{"_187":62,"_188":189,"_190":62,"_191":192,"_193":194},"contents",[139,140,141,142,143,144],"upstreamProject","upstreamBranch",{"_42":92,"_37":132,"_133":134,"_32":135,"_90":43,"_13":136,"_91":-5,"_93":-5,"_137":138,"_46":-5,"_87":25,"_48":49,"_99":100,"_63":64,"_98":44},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1767259184468],"updatedAt",["D",1778580679803],"main",135,"lockfileKey","1778581546115-esm.town_v_foliage_chordTransposer@135-main",{"_42":181,"_32":182,"_30":183,"_148":-5,"_40":41,"_39":159,"_150":25,"_37":184,"_13":62,"_33":20,"_34":185,"_24":25,"_154":-5,"_27":186},{"_42":174,"_32":175,"_30":176,"_148":-5,"_40":41,"_39":159,"_150":25,"_37":177,"_13":62,"_33":178,"_34":179,"_24":25,"_154":-5,"_27":180},{"_42":170,"_32":28,"_30":31,"_148":-5,"_40":41,"_39":14,"_150":25,"_37":171,"_13":172,"_33":20,"_34":36,"_24":25,"_154":-5,"_27":173},{"_42":163,"_32":164,"_30":165,"_148":-5,"_40":41,"_39":159,"_150":25,"_37":166,"_13":62,"_33":167,"_34":168,"_24":25,"_154":-5,"_27":169},{"_42":156,"_32":157,"_30":158,"_148":-5,"_40":41,"_39":159,"_150":58,"_37":160,"_13":62,"_33":20,"_34":161,"_24":25,"_154":-5,"_27":162},{"_42":145,"_32":146,"_30":147,"_148":-5,"_40":41,"_39":149,"_150":25,"_37":151,"_13":152,"_33":20,"_34":153,"_24":25,"_154":-5,"_27":155},"cd20a8fc-0637-11f1-8e4f-42dde27851f2","styles.css","9d2540e0-0637-11f1-a954-42dde27851f2","parentId",7,"latest",["D",1770697215952],3,"/* :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)) 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* { box-sizing: border-box; }\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} */","label",[146],"0062184a-fd9b-11f0-9288-42dde27851f2","robots.txt","019c0d55-ef8d-706f-a101-44abf8129fe4",1,["D",1769750261651],"User-agent: *\nDisallow: /",[157],"00620bac-fd9b-11f0-9288-42dde27851f2","main.ts","019c0d55-ef8d-706f-a101-436ffae61f2e",["D",1769750261651],"http","import { Hono } from \"https://esm.sh/hono@4\";\nimport { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport {\n getChordTypes,\n getMajorChords,\n type MajorChord,\n rejoinTransposedChords,\n transpose,\n} from \"./chordTransposer.ts\";\n\nconst app = new Hono();\n\napp.get(\"/\", async () => await serveFile(\"index.html\"));\napp.post(\"/\", async (c) => {\n const { chords, transposeby }: { chords: string; transposeby: string } =\n await c\n .req.parseBody({ all: true });\n\n console.log(typeof chords, chords, typeof transposeby, transposeby);\n const chordArr = chords.split(\" \");\n const majorChordArr = getMajorChords(chordArr);\n const transposedChordsArr: MajorChord[] = majorChordArr.map((\n chord: MajorChord,\n ) => transpose(chord, parseInt(transposeby)));\n const chordTypesArr = getChordTypes(chordArr);\n const completeTransposedChordsArr = rejoinTransposedChords(\n transposedChordsArr,\n chordTypesArr,\n );\n console.log(chordArr, transposedChordsArr);\n return c.html(`\n \n \n \n \n \n \n Transposed\n

Your transposed chords: ${completeTransposedChordsArr.join(\" \")}\n `);\n});\napp.get(\"/robots.txt\", async () => await serveFile(\"robots.txt\"));\n\nexport default app.fetch;",[164],"e8bceeec-065d-11f1-be5c-42dde27851f2",["D",1770713583148],8,[28],"0061f158-fd9b-11f0-9288-42dde27851f2","chordTransposer.ts","019c0d55-ef8d-706f-a101-3846666b3288",["D",1769750261651],"script","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};",[175],"0061cd2c-fd9b-11f0-9288-42dde27851f2","README.md","019c0d55-ef8d-706f-a101-36c4ae9a6adf",["D",1769750261651],"# 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.\n\ni forgot how to make this the easy way using HTML and vanilla JavaScript so i\ndid it the hard way using Hono server and everything.",[182],"pulls","branches",2,"forks","envVars",{"_195":62,"_197":62},"connections",{"_195":62,"_196":62},"count","unfilledCount","emptyCount",{"_42":181,"_32":182,"_30":183,"_148":-5,"_40":41,"_39":159,"_150":25,"_37":220,"_13":62,"_33":20,"_34":185,"_24":25,"_154":-5,"_205":221,"_27":222},{"_42":174,"_32":175,"_30":176,"_148":-5,"_40":41,"_39":159,"_150":25,"_37":217,"_13":62,"_33":178,"_34":179,"_24":25,"_154":-5,"_205":218,"_27":219},{"_42":170,"_32":28,"_30":31,"_148":-5,"_40":41,"_39":14,"_150":25,"_37":214,"_13":172,"_33":20,"_34":36,"_24":25,"_154":-5,"_205":215,"_27":216},{"_42":163,"_32":164,"_30":165,"_148":-5,"_40":41,"_39":159,"_150":25,"_37":211,"_13":62,"_33":167,"_34":168,"_24":25,"_154":-5,"_205":212,"_27":213},{"_42":156,"_32":157,"_30":158,"_148":-5,"_40":41,"_39":159,"_150":58,"_37":208,"_13":62,"_33":20,"_34":161,"_24":25,"_154":-5,"_205":209,"_27":210},{"_42":145,"_32":146,"_30":147,"_148":-5,"_40":41,"_39":149,"_150":25,"_37":204,"_13":152,"_33":20,"_34":153,"_24":25,"_154":-5,"_205":206,"_27":207},["D",1770697215952],"children",[],[146],["D",1769750261651],[],[157],["D",1769750261651],[],[164],["D",1770713583148],[],[28],["D",1769750261651],[],[175],["D",1769750261651],[],[182],["D",1767259184468],["D",1789498239291],{"_101":100,"_108":104},{"_101":100,"_102":-5,"_103":104,"_18":54,"_105":106,"_107":25},{"_13":88,"_32":89,"_42":41,"_90":43,"_91":92,"_93":94,"_95":49,"_96":43,"_97":64,"_98":44,"_99":100},"ctx",{"_81":-5,"_129":261,"_262":263,"_264":265,"_266":25,"_267":25,"_268":25,"_269":58,"_270":-5,"_271":-7,"_272":-7,"_273":62,"_274":25,"_275":25,"_276":-5,"_277":25,"_278":25,"_279":25,"_280":-5},"ENV",{"_232":233,"_234":235,"_236":135,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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 · v13