Update menu localization IDs (as per our developers' meeting) and sort them

ts/a11y/speech/SpeechMenu.ts

@@ -128,7 +128,7 @@ function csSelectionBox(menu: MJContextMenu, locale: string): object {
     });
   }
   const sb = new SelectionDialog(
-    localize('ClearspeakTitle'),
+    localize('.Clearspeak/Title'),
     '',
     items,
     SelectionOrder.ALPHABETICAL,
@@ -138,7 +138,7 @@ function csSelectionBox(menu: MJContextMenu, locale: string): object {
   return {
     type: 'command',
     id: 'ClearspeakPreferences',
-    content: localize('SelectPrefs'),
+    content: localize('.Clearspeak/SelectPrefs'),
     action: () => sb.post(),
   };
 }
@@ -160,13 +160,13 @@ function basePreferences(previous: string): object[] {
   const items = [
     {
       type: 'radio',
-      content: localize('NoPrefs'),
+      content: localize('.Clearspeak/NoPrefs'),
       id: 'clearspeak-default',
       variable: 'speechRules',
     },
     {
       type: 'radio',
-      content: localize('CurrentPrefs'),
+      content: localize('.Clearspeak/CurrentPrefs'),
       id: 'clearspeak-' + previous,
       variable: 'speechRules',
     },
@@ -192,7 +192,7 @@ function smartPreferences(
 ): object[] {
   const loc = localePreferences.get(locale);
   const items = [
-    { type: 'label', content: localize('PrefsFor', smart) },
+    { type: 'label', content: localize('.Clearspeak/PrefsFor', smart) },
     { type: 'rule' },
   ];
   return items.concat(

ts/ui/menu/Menu.ts

@@ -315,17 +315,17 @@ export class Menu {
     //
     lines.push(
       localize(
-        'InputJax',
+        '.About/InputJax',
         this.document.inputJax.map((jax) => jax.name).join(', ')
       ),
-      localize('OutputJax', this.document.outputJax.name),
-      localize('DocType', this.document.kind)
+      localize('.About/OutputJax', this.document.outputJax.name),
+      localize('.About/DocType', this.document.kind)
     );
     //
     // Add the loaded packages and their versions
     //
     if (MathJax && MathJax.loader) {
-      lines.push('<hr/>' + localize('Modules'));
+      lines.push('<hr/>' + localize('.About/Modules'));
       const Package = MathJax._.components.package.Package;
       const versions = (MathJax as any).loader.versions;
       for (const name of Array.from(Package.packages.keys()).sort(
@@ -406,8 +406,8 @@ export class Menu {
    */
   protected help() {
     InfoDialog.post({
-      title: localize('HelpTitle'),
-      message: localize('HelpMessage'),
+      title: localize('.Help/Title'),
+      message: localize('.Help/Message'),
       adaptor: this.document.adaptor,
       extraNodes: [
         this.document.adaptor.node(
@@ -424,7 +424,7 @@ export class Menu {
    */
   protected mathMLCode() {
     CopyDialog.post({
-      title: localize('MmlTitle'),
+      title: localize('.Mml/Title'),
       message: this.menu.mathItem ? this.toMML(this.menu.mathItem) : '',
       adaptor: this.document.adaptor,
       code: true,
@@ -436,7 +436,7 @@ export class Menu {
    */
   protected originalText() {
     CopyDialog.post({
-      title: localize('SourceTitle'),
+      title: localize('.Source/Title'),
       message: this.menu.mathItem?.math ?? '',
       adaptor: this.document.adaptor,
       code: true,
@@ -448,7 +448,7 @@ export class Menu {
    */
   protected annotationBox() {
     CopyDialog.post({
-      title: localize('AnnotationTitle'),
+      title: localize('.Annotation/Title'),
       message: AnnotationMenu.annotation,
       adaptor: this.document.adaptor,
       code: true,
@@ -460,7 +460,7 @@ export class Menu {
    */
   public async svgImage() {
     CopyDialog.post({
-      title: localize('SvgTitle'),
+      title: localize('.Svg/Title'),
       message: await this.toSVG(this.menu.mathItem),
       adaptor: this.document.adaptor,
       code: true,
@@ -472,7 +472,7 @@ export class Menu {
    */
   protected speechText() {
     CopyDialog.post({
-      title: localize('SpeechTitle'),
+      title: localize('.Speech/Title'),
       message: this.menu.mathItem?.outputData?.speech ?? '',
       adaptor: this.document.adaptor,
       code: true,
@@ -484,7 +484,7 @@ export class Menu {
    */
   protected brailleText() {
     CopyDialog.post({
-      title: localize('BrailleTitle'),
+      title: localize('.Braille/Title'),
       message: this.menu.mathItem?.outputData?.braille ?? '',
       adaptor: this.document.adaptor,
       code: true,
@@ -496,7 +496,7 @@ export class Menu {
    */
   protected errorMessage() {
     CopyDialog.post({
-      title: localize('ErrorTitle'),
+      title: localize('.Error/Title'),
       message: this.menu.mathItem ? this.menu.errorMsg : '',
       adaptor: this.document.adaptor,
       code: true,
@@ -517,7 +517,7 @@ export class Menu {
       text = `<div style="font-size: ${scale}px">${zoom.outerHTML}</div>`;
     }
     InfoDialog.post({
-      title: localize('ZoomTitle'),
+      title: localize('.Zoom/Title'),
       message: text,
       adaptor: this.document.adaptor,
       styles: {
@@ -963,7 +963,7 @@ export class Menu {
       Object.assign(this.settings, settings);
       this.setA11y(settings);
     } catch (err) {
-      Locale.warn(COMPONENT, 'StorageError', err.message);
+      Locale.warn(COMPONENT, '.Warn/StorageError', err.message);
     }
   }
 
@@ -985,7 +985,7 @@ export class Menu {
       }
       localStorage.setItem(Menu.LOCALE_STORAGE, this.settings.language);
     } catch (err) {
-      Locale.warn(COMPONENT, 'StorageError', err.message);
+      Locale.warn(COMPONENT, '.Warn/StorageError', err.message);
     }
   }
 
@@ -1090,7 +1090,7 @@ export class Menu {
       this.loadComponent('output/' + name, () => {
         const startup = MathJax.startup;
         if (!(name in startup.constructors)) {
-          return fail(new Error(localize('ComponentNotLoaded', name)));
+          return fail(new Error(localize('.Warn/ComponentNotLoaded', name)));
         }
         startup.useOutput(name, true);
         startup.output = this.applyRendererOptions(startup.getOutputJax());
@@ -1397,7 +1397,7 @@ export class Menu {
     const scale = (parseFloat(this.settings.scale) * 100)
       .toFixed(1)
       .replace(/.0$/, '');
-    const percent = prompt(localize('ScalePrompt'), scale + '%');
+    const percent = prompt(localize('.Scale/Prompt'), scale + '%');
     if (this.current) {
       const speech = (this.menu.mathItem as ExplorerMathItem).explorers.speech;
       speech.refocus = this.current;
@@ -1409,10 +1409,10 @@ export class Menu {
         if (scale) {
           this.menu.pool.lookup('scale').setValue(String(scale));
         } else {
-          alert(localize('ScaleNonZero'));
+          alert(localize('.Scale/NonZero'));
         }
       } else {
-        alert(localize('ScalePercent'));
+        alert(localize('.Scale/Percent', '120%'));
       }
     }
   }
@@ -1573,7 +1573,7 @@ export class Menu {
   protected async toSVG(math: HTMLMATHITEM): Promise<string> {
     const jax = this.jax.SVG;
     if (!jax) {
-      return localize('NoSvgProduced');
+      return localize('.Svg/NotProduced');
     }
     const adaptor = jax.adaptor;
     const cache = jax.options.fontCache;
@@ -1989,7 +1989,7 @@ export class Menu {
    * @returns {object}            The JSON for the radio button item
    */
   public radio(id: string, variable: string, other: object = {}): object {
-    const content = localize(id);
+    const content = id.match(/^\d+%$/) ? id : localize(id);
     return Object.assign({ type: 'radio', id, content, variable }, other);
   }
 

ts/ui/menu/__locales__/de.json

@@ -1,11 +1,29 @@
 {
-  "150%": "150%",
-  "175%": "175%",
-  "200%": "200%",
-  "250%": "250%",
-  "300%": "300%",
-  "400%": "400%",
-  "500%": "500%",
+  ".About/DocType": "Dokumenttyp: %1",
+  ".About/InputJax": "Input Jax: %1",
+  ".About/Modules": "Geladene Module:",
+  ".About/OutputJax": "Output Jax: %1",
+  ".Annotation/Title": "MathJax-Anmerkungstext",
+  ".Braille/Title": "MathJax-Braille-Text",
+  ".Clearspeak/CurrentPrefs": "Aktuelle Einstellungen",
+  ".Clearspeak/NoPrefs": "Keine Einstellungen",
+  ".Clearspeak/PrefsFor": "Einstellungen für %1",
+  ".Clearspeak/SelectPrefs": "Einstellungen auswählen",
+  ".Clearspeak/Title": "Clearspeak-Einstellungen",
+  ".Error/Title": "MathJax-Fehlermeldung",
+  ".Help/Message": "<p><b>MathJax</b> ist eine JavaScript-Bibliothek, die es Seitenautoren ermöglicht, mathematische Formeln in ihre Webseiten einzubinden.  Als Leser müssen Sie nichts tun, um dies zu nutzen. </p><p><b>Browser</b>: MathJax funktioniert mit allen modernen Browsern, einschließlich Edge, Firefox, Chrome, Safari, Opera und den meisten mobilen Browsern.</p><p><b>Mathematik-Menü</b>: MathJax fügt den Formeln ein Kontextmenü hinzu.  Klicken Sie mit der rechten Maustaste oder bei gedrückter STRG-Taste auf eine beliebige mathematische Formel, um das Menü aufzurufen.</p><div style=\"margin-left: 1em;\"><p><b>Mathematik anzeigen als:</b> Mit diesen Optionen können Sie den Quellcode der Formel (als MathML oder im Originalformat) anzeigen.</p><p><b>In die Zwischenablage kopieren:</b> Diese Optionen kopieren den Quellcode der Formel als MathML oder im Originalformat in die Zwischenablage (in Browsern, die dies unterstützen). </p><p><b>Mathematik-Einstellungen:</b> Hiermit können Sie Funktionen von MathJax steuern, wie z. B. die Größe der mathematischen Ausdrücke, den Mechanismus zur Darstellung von Gleichungen und den Umgang mit zu breiten Gleichungen, sowie die Sprache, die für die Menüs und Fehlermeldungen von MathJax verwendet werden soll (in Version 4 noch nicht implementiert). </p><p><b>Barrierefreiheit</b>: MathJax kann mit Bildschirmleseprogrammen zusammenarbeiten, um Mathematik für Sehbehinderte zugänglich zu machen.  Aktivieren Sie die Sprach- oder Braille-Generierung, um die Erstellung von Sprachausgaben und die Möglichkeit zur interaktiven Untersuchung von Ausdrücken zu ermöglichen.  Sie können den Stil des Explorers über dessen Menü steuern.</p></div><p><b>Mathematik-Zoom</b>: Wenn Sie Schwierigkeiten haben, eine Gleichung zu lesen, MathJax kann die Darstellung vergrößern, damit Sie sie besser erkennen können, oder Sie können alle mathematischen Formeln auf der Seite vergrößern. Aktivieren Sie diese Funktionen im Menü <b>Mathematik-Einstellungen</b>. </p><p><b>Einstellungen</b>: MathJax nutzt die localStorage-Datenbank Ihres Browsers, um die über dieses Menü festgelegten Einstellungen lokal in Ihrem Browser zu speichern.  Diese werden nicht dazu verwendet, Sie zu verfolgen, und werden von MathJax in keiner Weise übertragen oder aus der Ferne genutzt.</p>",
+  ".Help/Title": "MathJax-Hilfe",
+  ".Mml/Title": "MathJax-MathML-Ausdruck",
+  ".Scale/NonZero": "Der Skalierungsfaktor darf nicht Null sein",
+  ".Scale/Percent": "Der Skalierungsfaktor muss ein Prozentsatz sein (z. B. %1)",
+  ".Scale/Prompt": "Alle mathematischen Formeln (im Vergleich zum umgebenden Text) um skalieren",
+  ".Source/Title": "MathJax-Originalquelle",
+  ".Speech/Title": "MathJax-Sprechtext",
+  ".Svg/NotProduced": "SVG kann nicht erzeugt werden. <br>Versuchen Sie zunächst, zur SVG-Ausgabe zu wechseln.",
+  ".Svg/Title": "MathJax-SVG-Bild",
+  ".Warn/ComponentNotLoaded": "Komponente %1 nicht geladen",
+  ".Warn/StorageError": "MathJax-localStorage-Fehler: %1",
+  ".Zoom/Title": "MathJax-vergrößerter Ausdruck",
   "A11yLanguage": "Sprache",
   "About": "Über MathJax",
   "Accessibility": "\u00A0\u00A0 Barrierefreiheit:",
@@ -27,6 +45,7 @@
   "Code": "Code-Format:",
   "Collapsible": "Zusammenklappbare Mathematik",
   "Command": "Befehl",
+  "Commands": "%1 Befehle",
   "Control": "Steuerelement",
   "Copy": "In Zwischenablage kopieren",
   "CopyAnnotation": "Anmerkung",
@@ -50,8 +69,8 @@
   "Magenta": "Magenta",
   "Magnification": "Vergrößerung",
   "MathHelp": "Hilfemeldung bei Fokus",
-  "MathJax": "MathJax",
   "MathJax expression": "MathJax-Ausdruck",
+  "MathJax": "MathJax",
   "MathMLcode": "MathML-Code",
   "MathmlIncludes": "MathML/SVG enthält",
   "Mathspeak": "Mathspeak",
@@ -61,13 +80,14 @@
   "Option": "Option",
   "Options": "\u00A0 \u00A0 Optionen",
   "Original": "Originalform",
+  "OriginalMathML": "Original MathML",
   "Overflow": "Überlauf",
   "Prefix": "Präfix",
-  "Rot": "Rot",
   "Renderer": "Mathematik-Renderer",
   "Reset": "Auf Standardwerte zurücksetzen",
   "Role": "Rolle",
   "RoleDescription": "Mathematik beschreiben als",
+  "Rot": "Rot",
   "Rules": "Regeln:",
   "SVG": "SVG",
   "Scale": "Skalierung",
@@ -109,38 +129,5 @@
   "showSRE": "Semantische Attribute",
   "showTex": "LaTeX-Attribute",
   "texHints": "TeX-Hinweise",
-  "ueb": "UEB",
-
-  "OriginalMathML": "Original MathML",
-  "Commands": "%1 Befehle",
-
-  "InputJax": "Input Jax: %1",
-  "OutputJax": "Output Jax: %1",
-  "DocType": "Dokumenttyp: %1",
-  "Modules": "Geladene Module:",
-
-  "HelpTitle": "MathJax-Hilfe",
-  "HelpMessage": "<p><b>MathJax</b> ist eine JavaScript-Bibliothek, die es Seitenautoren ermöglicht, mathematische Formeln in ihre Webseiten einzubinden.  Als Leser müssen Sie nichts tun, um dies zu nutzen. </p><p><b>Browser</b>: MathJax funktioniert mit allen modernen Browsern, einschließlich Edge, Firefox, Chrome, Safari, Opera und den meisten mobilen Browsern.</p><p><b>Mathematik-Menü</b>: MathJax fügt den Formeln ein Kontextmenü hinzu.  Klicken Sie mit der rechten Maustaste oder bei gedrückter STRG-Taste auf eine beliebige mathematische Formel, um das Menü aufzurufen.</p><div style=\"margin-left: 1em;\"><p><b>Mathematik anzeigen als:</b> Mit diesen Optionen können Sie den Quellcode der Formel (als MathML oder im Originalformat) anzeigen.</p><p><b>In die Zwischenablage kopieren:</b> Diese Optionen kopieren den Quellcode der Formel als MathML oder im Originalformat in die Zwischenablage (in Browsern, die dies unterstützen). </p><p><b>Mathematik-Einstellungen:</b> Hiermit können Sie Funktionen von MathJax steuern, wie z. B. die Größe der mathematischen Ausdrücke, den Mechanismus zur Darstellung von Gleichungen und den Umgang mit zu breiten Gleichungen, sowie die Sprache, die für die Menüs und Fehlermeldungen von MathJax verwendet werden soll (in Version 4 noch nicht implementiert). </p><p><b>Barrierefreiheit</b>: MathJax kann mit Bildschirmleseprogrammen zusammenarbeiten, um Mathematik für Sehbehinderte zugänglich zu machen.  Aktivieren Sie die Sprach- oder Braille-Generierung, um die Erstellung von Sprachausgaben und die Möglichkeit zur interaktiven Untersuchung von Ausdrücken zu ermöglichen.  Sie können den Stil des Explorers über dessen Menü steuern.</p></div><p><b>Mathematik-Zoom</b>: Wenn Sie Schwierigkeiten haben, eine Gleichung zu lesen, MathJax kann die Darstellung vergrößern, damit Sie sie besser erkennen können, oder Sie können alle mathematischen Formeln auf der Seite vergrößern. Aktivieren Sie diese Funktionen im Menü <b>Mathematik-Einstellungen</b>. </p><p><b>Einstellungen</b>: MathJax nutzt die localStorage-Datenbank Ihres Browsers, um die über dieses Menü festgelegten Einstellungen lokal in Ihrem Browser zu speichern.  Diese werden nicht dazu verwendet, Sie zu verfolgen, und werden von MathJax in keiner Weise übertragen oder aus der Ferne genutzt.</p>",
-
-  "MmlTitle": "MathJax-MathML-Ausdruck",
-  "SourceTitle": "MathJax-Originalquelle",
-  "AnnotationTitle": "MathJax-Anmerkungstext",
-  "SvgTitle": "MathJax-SVG-Bild",
-  "SpeechTitle": "MathJax-Sprechtext",
-  "BrailleTitle": "MathJax-Braille-Text",
-  "ErrorTitle": "MathJax-Fehlermeldung",
-  "ZoomTitle": "MathJax-vergrößerter Ausdruck",
-
-  "StorageError": "MathJax-localStorage-Fehler: %1",
-  "ComponentNotLoaded": "Komponente %1 nicht geladen",
-  "ScalePrompt": "Alle mathematischen Formeln (im Vergleich zum umgebenden Text) um skalieren",
-  "ScaleNonZero": "Der Skalierungsfaktor darf nicht Null sein",
-  "ScalePercent": "Der Skalierungsfaktor muss ein Prozentsatz sein (z. B. 120 %)",
-  "NoSvgProduced": "SVG kann nicht erzeugt werden. <br>Versuchen Sie zunächst, zur SVG-Ausgabe zu wechseln.",
-
-  "ClearspeakTitle": "Clearspeak-Einstellungen",
-  "SelectPrefs": "Einstellungen auswählen",
-  "NoPrefs": "Keine Einstellungen",
-  "CurrentPrefs": "Aktuelle Einstellungen",
-  "PrefsFor": "Einstellungen für %1"
+  "ueb": "UEB"
 }