Update normalization of different spellings, add a way to add differently spelled presets

Author: DMNerd

docs/custom-tunings.md

@@ -38,6 +38,7 @@
 {
   "version": 2,
   "name": "My Custom Tuning",
+  "spelling": "german",
   "system": { "edo": 12 },
   "tuning": {
     "strings": [
@@ -66,6 +67,7 @@
 
 - `version` (number, optional for parsing, exporter writes `2`): tag for your own bookkeeping.
 - `name` (string, required): shown in the UI.
+- `spelling` (string, optional): spelling hint for note parsing. If set to a Germanic/Czech marker (`"german"`, `"germanic"`, `"czech"`, `"cz"`, `"de"`, `"de h/b"`, `"de-h/b"`, `"de_h/b"`, `"h/b"`), note tokens are translated to international spellings internally (for example `H` → `B`, `B` → `Bb`, `Fis` → `F#`, `Hih` → `B↑`, `Aeh` → `A↓`).
 - `system.edo` (number, required): equal divisions of the octave (12 for 12‑TET, 19 for 19‑TET, etc.).
 
 **Strings (array, required, ≥1)**
@@ -121,9 +123,24 @@ This example models the short 5th string starting at fret 5 and showing a grey s
 ## Tips & gotchas
 
 - **Octaves are ignored.** Use `E`, not `E2`. Use `F#` or `Gb` — whichever you prefer; import does not change your accidental spelling.
+- **German/Czech preset spelling.** If your JSON uses `H/B/Fis/Es/...`, set top-level `spelling` to a Germanic/Czech value (for example `"german"`, `"czech"`, or `"cz"`). Internally the app stores/uses international spellings and only localizes at display time.
+- **Microtonal German suffixes work too.** With `spelling: "german"` or `spelling: "czech"`, both `ih/eh` suffixes and arrow forms are accepted (`Hih` or `B↑`, `Aeh` or `A↓`).
 - **Order matters.** Strings are read top‑to‑bottom in the JSON array the same way they’re drawn in the UI.
 - **Short strings (banjo, etc.).** Put `startFret` and `greyBefore: true` on that string (and optionally mirror in `meta.stringMeta`).
 
+Microtonal example:
+
+```json
+{
+  "name": "24-TET Germanic micro example",
+  "spelling": "german",
+  "system": { "edo": 24 },
+  "tuning": {
+    "strings": [{ "note": "Hih" }, { "note": "Aeh" }, { "note": "Fis" }]
+  }
+}
+```
+
 ---
 
 ## Multiple tunings in one file

package.json

@@ -49,7 +49,7 @@
     "tsx": "^4.21.0",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.58.0",
-    "vite": "^8.0.3",
+    "vite": "^8.0.5",
     "vite-plugin-html-minifier-terser": "^3.8.0",
     "vite-plugin-image-optimizer": "^2.0.3"
   },

pnpm-lock.yaml

@@ -90,6 +90,7 @@ export default function App() {
     defaultTunings: DEFAULT_TUNINGS,
     presetTunings: PRESET_TUNINGS,
     confirm,
+    noteNaming: displayPrefs.noteNaming,
   });
   const { instrumentState, instrumentDerived, capo } = instrumentDomain;
   const { strings, tuning, stringMeta, boardMeta } = instrumentState;

src/app/App.jsx

@@ -29,6 +29,7 @@ export function buildInstrumentControlModel({
     meta: {
       systems: instrument.tunings,
       sysNames: instrument.sysNames,
+      noteNaming: instrument.noteNaming,
       presetNames: presets.mergedPresetNames,
       customPresetNames: presets.customPresetNames,
       presetMetaMap: presets.mergedPresetMetaMap,

src/app/adapters/controls.js

@@ -24,6 +24,7 @@ export function useInstrumentDomain({
   defaultTunings,
   presetTunings,
   confirm,
+  noteNaming = "english",
 }) {
   const instrument = useInstrumentConfig({
     system,
@@ -101,6 +102,7 @@ export function useInstrumentDomain({
         systemDivisions,
         sysNames,
         tunings,
+        noteNaming,
       },
       presets: {
         mergedPresetNames,
@@ -127,6 +129,7 @@ export function useInstrumentDomain({
       systemDivisions,
       sysNames,
       tunings,
+      noteNaming,
       mergedPresetNames,
       customPresetNames,
       mergedPresetMetaMap,

src/app/hooks/useInstrumentDomain.js

@@ -10,6 +10,8 @@ import {
 import { withToastPromise } from "@/utils/toast";
 import { memoWithShallowPick } from "@/utils/memo";
 import NumberField from "@/components/UI/NumberField";
+import { renderNoteName } from "@/lib/theory/noteNaming";
+import { normalizeIntlNoteName } from "@/lib/theory/notation";
 
 function InstrumentControls({ state, actions, meta }) {
   const { strings, frets, tuning, systemId, selectedPreset } = state;
@@ -24,12 +26,30 @@ function InstrumentControls({ state, actions, meta }) {
     onCreateCustomPack,
     onEditCustomPack,
   } = actions;
-  const { systems, sysNames, presetNames, customPresetNames, presetMetaMap } =
+  const {
+    systems,
+    sysNames,
+    noteNaming,
+    presetNames,
+    customPresetNames,
+    presetMetaMap,
+  } =
     meta;
   const safeSystems = systems ?? {};
   const safeSysNames = Array.isArray(sysNames) ? sysNames : [];
   const safeTuning = Array.isArray(tuning) ? tuning : [];
 
+  const optionEntries = Array.from(
+    new Map(
+      safeSysNames.map((displayName) => [
+        normalizeIntlNoteName(displayName, {
+          translateGerman: noteNaming === "german",
+        }),
+        displayName,
+      ]),
+    ),
+  ).map(([value, label]) => ({ value, label }));
+
   const onSaveDefault = () =>
     withToastPromise(
       () => handleSaveDefault?.(),
@@ -100,7 +120,10 @@ function InstrumentControls({ state, actions, meta }) {
         <div className="tv-controls__strings-grid">
           {safeTuning.map((note, i) => {
             const stringNum = strings - i;
-            const hasOption = safeSysNames.includes(note);
+            const noteValue = normalizeIntlNoteName(note, {
+              translateGerman: noteNaming === "german",
+            });
+            const hasOption = optionEntries.some((entry) => entry.value === noteValue);
             return (
               <div key={i} className="tv-field">
                 <label htmlFor={`string-${stringNum}`}>
@@ -109,18 +132,22 @@ function InstrumentControls({ state, actions, meta }) {
                 <select
                   id={`string-${stringNum}`}
                   name={`string-${stringNum}`}
-                  value={note}
+                  value={noteValue}
                   onChange={(e) => {
                     const value = e.target.value;
                     setTuning((d) => {
                       d[i] = value;
                     });
                   }}
                 >
-                  {!hasOption && <option value={note}>{note}</option>}
-                  {safeSysNames.map((n) => (
-                    <option key={n} value={n}>
-                      {n}
+                  {!hasOption && (
+                    <option value={noteValue}>
+                      {renderNoteName(noteValue, noteNaming)}
+                    </option>
+                  )}
+                  {optionEntries.map((entry) => (
+                    <option key={`${entry.value}:${entry.label}`} value={entry.value}>
+                      {entry.label}
                     </option>
                   ))}
                 </select>
@@ -190,6 +217,7 @@ function pickInstrumentMemoProps(p) {
     selectedPreset: s.selectedPreset,
     systems: m.systems,
     sysNames: m.sysNames,
+    noteNaming: m.noteNaming,
     presetNames: m.presetNames,
     customPresetNames: m.customPresetNames,
     presetMetaMap: m.presetMetaMap,