frontend/latex/output: change auto forward/inverse sync icons; also in help text

Author: haraldschilly

src/packages/frontend/frame-editors/latex-editor/output-control-sync.tsx

@@ -14,7 +14,7 @@ import { defineMessage, useIntl } from "react-intl";
 
 import { Button as BSButton } from "@cocalc/frontend/antd-bootstrap";
 import { useRedux } from "@cocalc/frontend/app-framework";
-import { HelpIcon, Icon, Tip } from "@cocalc/frontend/components";
+import { HelpIcon, Icon, Text, Tip } from "@cocalc/frontend/components";
 import { SYNC_FORWARD_ICON, SYNC_INVERSE_ICON } from "@cocalc/util/consts/ui";
 
 import { Actions } from "./actions";
@@ -53,17 +53,17 @@ const SYNC_HELP_MSG = {
     id: "editor.latex.pdf_controls.sync_help.content",
     defaultMessage: `<p><strong>Manual Mode:</strong></p>
 <ul>
-  <li>Use ALT+Return in source document to jump to corresponding PDF location</li>
+  <li>Use <KB>Alt+Return</KB> (<KB>Option+Return</KB> on Mac) in source document to jump to corresponding PDF location</li>
   <li>Double-click in PDF or the "Sync" button for inverse search to source</li>
 </ul>
 <p><strong>Automatic Mode:</strong></p>
 <ul>
-  <li>Forward Sync (→): Syncs automatically from cursor changes in source to PDF</li>
-  <li>Inverse Sync (←): Moving the PDF viewport moves the cursor in source</li>
+  <li>Forward Sync ({forwardIcon}): Syncs automatically from cursor position changes in source to PDF</li>
+  <li>Inverse Sync ({inverseIcon}): Scrolling the PDF changes the cursor position in source</li>
 </ul>
 <p>This functionality uses SyncTeX to coordinate between LaTeX source and PDF output.</p>`,
     description:
-      "Complete explanation of LaTeX sync functionality including manual and automatic modes",
+      "Explanation of LaTeX sync functionality including manual and automatic modes",
   }),
 };
 
@@ -219,7 +219,11 @@ export function SyncControls({
           title={intl.formatMessage(SYNC_HELP_MSG.title)}
           placement="bottomLeft"
         >
-          {intl.formatMessage(SYNC_HELP_MSG.content)}
+          {intl.formatMessage(SYNC_HELP_MSG.content, {
+            forwardIcon: String.fromCharCode(SYNC_FORWARD_ICON),
+            inverseIcon: String.fromCharCode(SYNC_INVERSE_ICON),
+            KB: (ch) => <Text code>{ch}</Text>,
+          })}
         </HelpIcon>
       )}
     </div>

src/packages/frontend/i18n/trans/ar_EG.json

@@ -595,7 +595,7 @@
   "editor.latex.pdf_controls.forward_sync.tooltip": "المزامنة التلقائية من المصدر إلى PDF: تحريك المؤشر يحرك ملف PDF",
   "editor.latex.pdf_controls.inverse_sync.tooltip": "المزامنة التلقائية من PDF إلى المصدر: تحريك التمرير في PDF يحرك المؤشر",
   "editor.latex.pdf_controls.sync_button.tooltip": "مزامنة عكسية لمرة واحدة إلى محرر المصدر",
-  "editor.latex.pdf_controls.sync_help.content": "<p><strong>الوضع اليدوي:</strong></p> <ul> <li>استخدم ALT+Return في المستند المصدر للقفز إلى الموقع المقابل في PDF</li> <li>انقر نقرًا مزدوجًا في PDF أو على زر \"المزامنة\" للبحث العكسي في المصدر</li> </ul> <p><strong>الوضع التلقائي:</strong></p> <ul> <li>المزامنة الأمامية (→): تقوم بالمزامنة تلقائيًا من تغييرات المؤشر في المصدر إلى PDF</li> <li>المزامنة العكسية (←): تحريك عرض PDF يحرك المؤشر في المصدر</li> </ul> <p>تستخدم هذه الوظيفة SyncTeX للتنسيق بين مصدر LaTeX ومخرجات PDF.</p>",
+  "editor.latex.pdf_controls.sync_help.content": "<p><strong>الوضع اليدوي:</strong></p> <ul> <li>استخدم <KB>Alt+Return</KB> (<KB>Option+Return</KB> على ماك) في المستند المصدر للانتقال إلى الموقع المقابل في PDF</li> <li>انقر نقرًا مزدوجًا في PDF أو زر \"المزامنة\" للبحث العكسي إلى المصدر</li> </ul> <p><strong>الوضع التلقائي:</strong></p> <ul> <li>المزامنة الأمامية ({forwardIcon}): تتم المزامنة تلقائيًا من تغييرات موضع المؤشر في المصدر إلى PDF</li> <li>المزامنة العكسية ({inverseIcon}): يؤدي التمرير في PDF إلى تغيير موضع المؤشر في المصدر</li> </ul> <p>تستخدم هذه الوظيفة SyncTeX للتنسيق بين مصدر LaTeX وإخراج PDF.</p>",
   "editor.latex.pdf_controls.sync_help.title": "مساعدة مزامنة LaTeX",
   "editor.latex.pdf_embed.title": "PDF - أصلي",
   "editor.latex.pdf_embed.title.short": "PDF (native)",
@@ -608,6 +608,8 @@
   "editor.table_of_contents.name": "جدول المحتويات",
   "editor.table_of_contents.short": "المحتويات",
   "editor.terminal.cmd.help.title": "عرض الوثائق لاستخدام محطة لينكس في CoCalc",
+  "editor.toggle_pdf_dark_mode.label": "تبديل وضع PDF الداكن",
+  "editor.toggle_pdf_dark_mode.title": "إيقاف الوضع الداكن لملف PDF لرؤية الملف الأصلي",
   "file_actions.compress.name": "ضغط",
   "file_actions.copy.name": "نسخ",
   "file_actions.create.name": "إنشاء",

src/packages/frontend/i18n/trans/de_DE.json

@@ -595,7 +595,7 @@
   "editor.latex.pdf_controls.forward_sync.tooltip": "Automatische Synchronisierung vom Quelltext zum PDF: Cursorbewegungen scrollen das PDF",
   "editor.latex.pdf_controls.inverse_sync.tooltip": "Automatische Synchronisierung von PDF zur Quelle: PDF-Scrollen bewegt den Cursor",
   "editor.latex.pdf_controls.sync_button.tooltip": "Einmalige inverse Synchronisation mit dem Quell-Editor",
-  "editor.latex.pdf_controls.sync_help.content": "<p><strong>Manueller Modus:</strong></p> <ul> <li>Verwenden Sie ALT+Return im Quelldokument, um zur entsprechenden PDF-Position zu springen</li> <li>Doppelklicken Sie im PDF oder auf die Schaltfläche \"Sync\" für die inverse Suche zur Quelle</li> </ul> <p><strong>Automatischer Modus:</strong></p> <ul> <li>Vorwärtssynchronisierung (→): Synchronisiert automatisch von Cursoränderungen in der Quelle zum PDF</li> <li>Inverse Synchronisierung (←): Verschieben des PDF-Ansichtsbereichs verschiebt den Cursor in der Quelle</li> </ul> <p>Diese Funktionalität verwendet SyncTeX, um zwischen LaTeX-Quelle und PDF-Ausgabe zu koordinieren.</p>",
+  "editor.latex.pdf_controls.sync_help.content": "<p><strong>Manueller Modus:</strong></p> <ul> <li>Verwenden Sie <KB>Alt+Return</KB> (<KB>Option+Return</KB> auf Mac) im Quelldokument, um zur entsprechenden PDF-Position zu springen</li> <li>Doppelklicken Sie im PDF oder auf die \"Sync\"-Schaltfläche für inverse Suche zur Quelle</li> </ul> <p><strong>Automatischer Modus:</strong></p> <ul> <li>Vorwärtssynchronisierung ({forwardIcon}): Synchronisiert automatisch von Cursorpositionsänderungen in der Quelle zum PDF</li> <li>Inverse Synchronisierung ({inverseIcon}): Durch Scrollen im PDF ändert sich die Cursorposition in der Quelle</li> </ul> <p>Diese Funktionalität verwendet SyncTeX, um zwischen LaTeX-Quelle und PDF-Ausgabe zu koordinieren.</p>",
   "editor.latex.pdf_controls.sync_help.title": "LaTeX-Synchronisierungshilfe",
   "editor.latex.pdf_embed.title": "PDF - Native",
   "editor.latex.pdf_embed.title.short": "PDF (nativ)",
@@ -608,6 +608,8 @@
   "editor.table_of_contents.name": "Inhaltsverzeichnis",
   "editor.table_of_contents.short": "Inhalt",
   "editor.terminal.cmd.help.title": "Öffne die Dokumentation für die Nutzung des Linux-Terminals in CoCalc.",
+  "editor.toggle_pdf_dark_mode.label": "PDF-Dunkelmodus umschalten",
+  "editor.toggle_pdf_dark_mode.title": "Schalten Sie den Dunkelmodus der PDF aus, um die Originaldatei zu sehen",
   "file_actions.compress.name": "Komprimieren",
   "file_actions.copy.name": "Kopieren",
   "file_actions.create.name": "Erstellen",

src/packages/frontend/i18n/trans/es_ES.json

@@ -595,7 +595,7 @@
   "editor.latex.pdf_controls.forward_sync.tooltip": "Auto-sincronización de fuente a PDF: el cursor mueve el desplazamiento del PDF",
   "editor.latex.pdf_controls.inverse_sync.tooltip": "Sincronización automática de PDF a fuente: el desplazamiento del PDF mueve el cursor",
   "editor.latex.pdf_controls.sync_button.tooltip": "Sincronización inversa única con el editor de origen",
-  "editor.latex.pdf_controls.sync_help.content": "<p><strong>Modo Manual:</strong></p> <ul> <li>Usa ALT+Return en el documento fuente para saltar a la ubicación correspondiente en el PDF</li> <li>Haz doble clic en el PDF o en el botón \"Sincronizar\" para buscar inversamente en la fuente</li> </ul> <p><strong>Modo Automático:</strong></p> <ul> <li>Sincronización directa (→): Sincroniza automáticamente los cambios de cursor en la fuente al PDF</li> <li>Sincronización inversa (←): Mover la vista del PDF mueve el cursor en la fuente</li> </ul> <p>Esta funcionalidad utiliza SyncTeX para coordinar entre la fuente LaTeX y la salida PDF.</p>",
+  "editor.latex.pdf_controls.sync_help.content": "<p><strong>Modo Manual:</strong></p> <ul> <li>Usa <KB>Alt+Return</KB> (<KB>Option+Return</KB> en Mac) en el documento fuente para saltar a la ubicación correspondiente en el PDF</li> <li>Haz doble clic en el PDF o en el botón \"Sync\" para la búsqueda inversa en la fuente</li> </ul> <p><strong>Modo Automático:</strong></p> <ul> <li>Sincronización Directa ({forwardIcon}): Sincroniza automáticamente desde los cambios de posición del cursor en la fuente al PDF</li> <li>Sincronización Inversa ({inverseIcon}): Desplazar el PDF cambia la posición del cursor en la fuente</li> </ul> <p>Esta funcionalidad utiliza SyncTeX para coordinar entre la fuente LaTeX y la salida PDF.</p>",
   "editor.latex.pdf_controls.sync_help.title": "Ayuda de sincronización de LaTeX",
   "editor.latex.pdf_embed.title": "PDF - Nativo",
   "editor.latex.pdf_embed.title.short": "PDF (nativo)",
@@ -608,6 +608,8 @@
   "editor.table_of_contents.name": "Tabla de Contenidos",
   "editor.table_of_contents.short": "Contenido",
   "editor.terminal.cmd.help.title": "Mostrar documentación para usar el Terminal de Linux en CoCalc",
+  "editor.toggle_pdf_dark_mode.label": "Alternar modo oscuro de PDF",
+  "editor.toggle_pdf_dark_mode.title": "Desactivar el modo oscuro del PDF para ver el archivo original",
   "file_actions.compress.name": "Comprimir",
   "file_actions.copy.name": "Copiar",
   "file_actions.create.name": "Crear",

src/packages/frontend/i18n/trans/es_PV.json

@@ -595,7 +595,7 @@
   "editor.latex.pdf_controls.forward_sync.tooltip": "Iturburutik PDFra auto-sinkronizazioa: kurtsorea mugitzean PDFa korritzen da",
   "editor.latex.pdf_controls.inverse_sync.tooltip": "Auto-sinkronizazioa PDFtik iturburura: PDFa korritzeak kurtsorea mugitzen du",
   "editor.latex.pdf_controls.sync_button.tooltip": "Aldibaterako alderantzizko sinkronizazioa iturburu editorearekin",
-  "editor.latex.pdf_controls.sync_help.content": "<p><strong>Eskuzko modua:</strong></p> <ul> <li>Erabili ALT+Return iturburu dokumentuan dagokion PDF kokapenera jauzi egiteko</li> <li>Egin klik bikoitza PDFan edo \"Sinkronizatu\" botoian iturburura alderantzizko bilaketa egiteko</li> </ul> <p><strong>Modu automatikoa:</strong></p> <ul> <li>Aurrerako Sinkronizazioa (→): Iturburuko kurtsore aldaketetatik PDFra automatikoki sinkronizatzen da</li> <li>Alderantzizko Sinkronizazioa (←): PDF ikuspegi-leihoa mugitzean iturburuko kurtsorea mugitzen da</li> </ul> <p>Funtzionalitate honek SyncTeX erabiltzen du LaTeX iturburuaren eta PDF irteeraren artean koordinatzeko.</p>",
+  "editor.latex.pdf_controls.sync_help.content": "<p><strong>Eskuzko Modua:</strong></p> <ul> <li>Erabili <KB>Alt+Return</KB> (<KB>Option+Return</KB> Mac-en) iturburu dokumentuan dagokion PDF kokapenera jauzi egiteko</li> <li>Egin klik bikoitza PDF-an edo \"Sinkronizatu\" botoian iturburura alderantzizko bilaketa egiteko</li> </ul> <p><strong>Modu Automatikoa:</strong></p> <ul> <li>Aurrerako Sinkronizazioa ({forwardIcon}): Automatikoki sinkronizatzen da iturburuko kurtsorearen posizio aldaketetatik PDF-ra</li> <li>Alderantzizko Sinkronizazioa ({inverseIcon}): PDF-a korritzeak iturburuan kurtsorearen posizioa aldatzen du</li> </ul> <p>Funtzionalitate honek SyncTeX erabiltzen du LaTeX iturburuaren eta PDF irteeraren artean koordinatzeko.</p>",
   "editor.latex.pdf_controls.sync_help.title": "LaTeX Sinkronizazio Laguntza",
   "editor.latex.pdf_embed.title": "PDF - Natifoa",
   "editor.latex.pdf_embed.title.short": "PDF (natiboa)",
@@ -608,6 +608,8 @@
   "editor.table_of_contents.name": "Edukiaren Taula",
   "editor.table_of_contents.short": "Edukia",
   "editor.terminal.cmd.help.title": "Erakutsi dokumentazioa Linux Terminala CoCalc-en erabiltzeko.",
+  "editor.toggle_pdf_dark_mode.label": "Aldatu PDF Modu Ilunera",
+  "editor.toggle_pdf_dark_mode.title": "PDFaren ilunpeko modua desaktibatu, jatorrizko fitxategia ikusteko",
   "file_actions.compress.name": "Konprimitu",
   "file_actions.copy.name": "Kopiatu",
   "file_actions.create.name": "Sortu",

src/packages/frontend/i18n/trans/fr_FR.json

@@ -595,7 +595,7 @@
   "editor.latex.pdf_controls.forward_sync.tooltip": "Synchronisation automatique de la source au PDF : le défilement du curseur déplace le PDF",
   "editor.latex.pdf_controls.inverse_sync.tooltip": "Synchronisation automatique du PDF vers la source : le défilement du PDF déplace le curseur",
   "editor.latex.pdf_controls.sync_button.tooltip": "Synchronisation inverse unique vers l'éditeur source",
-  "editor.latex.pdf_controls.sync_help.content": "<p><strong>Mode manuel :</strong></p> <ul> <li>Utilisez ALT+Entrée dans le document source pour sauter à l'emplacement PDF correspondant</li> <li>Double-cliquez dans le PDF ou sur le bouton \"Sync\" pour rechercher inversement dans la source</li> </ul> <p><strong>Mode automatique :</strong></p> <ul> <li>Synchronisation avant (→) : Synchronise automatiquement les modifications du curseur dans la source vers le PDF</li> <li>Synchronisation inverse (←) : Déplacer la vue du PDF déplace le curseur dans la source</li> </ul> <p>Cette fonctionnalité utilise SyncTeX pour coordonner entre la source LaTeX et la sortie PDF.</p>",
+  "editor.latex.pdf_controls.sync_help.content": "<p><strong>Mode Manuel :</strong></p> <ul> <li>Utilisez <KB>Alt+Retour</KB> (<KB>Option+Retour</KB> sur Mac) dans le document source pour sauter à l'emplacement correspondant dans le PDF</li> <li>Double-cliquez dans le PDF ou sur le bouton \"Sync\" pour la recherche inverse vers la source</li> </ul> <p><strong>Mode Automatique :</strong></p> <ul> <li>Synchronisation Avant ({forwardIcon}): Synchronise automatiquement des changements de position du curseur dans la source vers le PDF</li> <li>Synchronisation Inverse ({inverseIcon}): Faire défiler le PDF change la position du curseur dans la source</li> </ul> <p>Cette fonctionnalité utilise SyncTeX pour coordonner entre le source LaTeX et la sortie PDF.</p>",
   "editor.latex.pdf_controls.sync_help.title": "Aide à la synchronisation LaTeX",
   "editor.latex.pdf_embed.title": "PDF - Natif",
   "editor.latex.pdf_embed.title.short": "PDF (natif)",
@@ -608,6 +608,8 @@
   "editor.table_of_contents.name": "Table des matières",
   "editor.table_of_contents.short": "Contenu",
   "editor.terminal.cmd.help.title": "Afficher la documentation pour utiliser le terminal Linux dans CoCalc.",
+  "editor.toggle_pdf_dark_mode.label": "Basculer le mode sombre PDF",
+  "editor.toggle_pdf_dark_mode.title": "Désactiver le mode sombre du PDF pour voir le fichier original",
   "file_actions.compress.name": "Compresser",
   "file_actions.copy.name": "Copier",
   "file_actions.create.name": "Créer",

src/packages/frontend/i18n/trans/he_IL.json

@@ -595,7 +595,7 @@
   "editor.latex.pdf_controls.forward_sync.tooltip": "סנכרון אוטומטי ממקור ל-PDF: הזזת הסמן מגלגלת את ה-PDF",
   "editor.latex.pdf_controls.inverse_sync.tooltip": "סנכרון אוטומטי מ-PDF למקור: גלילת ה-PDF מזיזה את הסמן",
   "editor.latex.pdf_controls.sync_button.tooltip": "סנכרון הפוך חד-פעמי לעורך המקור",
-  "editor.latex.pdf_controls.sync_help.content": "<p><strong>מצב ידני:</strong></p> <ul> <li>השתמש ב-ALT+Return במסמך המקור כדי לקפוץ למיקום המתאים ב-PDF</li> <li>לחץ פעמיים ב-PDF או על כפתור \"סנכרון\" לחיפוש הפוך למקור</li> </ul> <p><strong>מצב אוטומטי:</strong></p> <ul> <li>סנכרון קדימה (→): מסנכרן אוטומטית משינויים בסמן במקור ל-PDF</li> <li>סנכרון הפוך (←): תזוזת התצוגה ב-PDF מזיזה את הסמן במקור</li> </ul> <p>פונקציונליות זו משתמשת ב-SyncTeX כדי לתאם בין מקור LaTeX לפלט PDF.</p>",
+  "editor.latex.pdf_controls.sync_help.content": "<p><strong>מצב ידני:</strong></p> <ul> <li>השתמש ב-<KB>Alt+Return</KB> (<KB>Option+Return</KB> במק) במסמך המקור כדי לקפוץ למיקום המתאים ב-PDF</li> <li>לחץ פעמיים ב-PDF או על כפתור \"סנכרון\" לחיפוש הפוך למקור</li> </ul> <p><strong>מצב אוטומטי:</strong></p> <ul> <li>סנכרון קדימה ({forwardIcon}): מסנכרן אוטומטית משינויים במיקום הסמן במקור ל-PDF</li> <li>סנכרון הפוך ({inverseIcon}): גלילת ה-PDF משנה את מיקום הסמן במקור</li> </ul> <p>פונקציונליות זו משתמשת ב-SyncTeX כדי לתאם בין מקור LaTeX לפלט PDF.</p>",
   "editor.latex.pdf_controls.sync_help.title": "עזרה לסנכרון LaTeX",
   "editor.latex.pdf_embed.title": "PDF - ילידי",
   "editor.latex.pdf_embed.title.short": "PDF (מקורי)",
@@ -608,6 +608,8 @@
   "editor.table_of_contents.name": "תוכן העניינים",
   "editor.table_of_contents.short": "תוכן",
   "editor.terminal.cmd.help.title": "הצג תיעוד לשימוש בטרמינל לינוקס ב-CoCalc",
+  "editor.toggle_pdf_dark_mode.label": "החלף מצב כהה עבור PDF",
+  "editor.toggle_pdf_dark_mode.title": "כבה את מצב החושך של ה-PDF, כדי לראות את הקובץ המקורי",
   "file_actions.compress.name": "דחוס",
   "file_actions.copy.name": "העתק",
   "file_actions.create.name": "צור",