translator

Author: jtpio

package.json

@@ -57,6 +57,7 @@
         "@jupyterlab/coreutils": "^6.4.2",
         "@jupyterlab/services": "^7.4.2",
         "@jupyterlab/settingregistry": "^4.4.2",
+        "@jupyterlab/translation": "^4.4.2",
         "@jupyterlite/services": "^0.7.0",
         "@lumino/signaling": "^2.1.5",
         "mock-socket": "^9.3.1"

src/dialogs.ts

@@ -1,4 +1,5 @@
 import type { Dialog } from '@jupyterlab/apputils';
+import type { TranslationBundle } from '@jupyterlab/translation';
 import { Widget } from '@lumino/widgets';
 
 /**
@@ -65,13 +66,15 @@ export class RemoteServerConfigBody
     super();
     this.addClass('jp-HybridKernels-configDialog');
 
+    const trans = options.trans;
+
     // Full URL input section
     const fullUrlSection = document.createElement('div');
     fullUrlSection.className = 'jp-HybridKernels-formSection';
 
     const fullUrlLabel = document.createElement('label');
     fullUrlLabel.className = 'jp-HybridKernels-label';
-    fullUrlLabel.textContent = 'Paste Full URL (with token)';
+    fullUrlLabel.textContent = trans.__('Paste Full URL (with token)');
     fullUrlLabel.htmlFor = 'hybrid-kernels-full-url';
     fullUrlSection.appendChild(fullUrlLabel);
 
@@ -85,8 +88,9 @@ export class RemoteServerConfigBody
 
     const fullUrlHelp = document.createElement('small');
     fullUrlHelp.className = 'jp-HybridKernels-help';
-    fullUrlHelp.textContent =
-      'Paste a full JupyterHub/Binder URL to auto-fill the fields below';
+    fullUrlHelp.textContent = trans.__(
+      'Paste a full JupyterHub/Binder URL to auto-fill the fields below'
+    );
     fullUrlSection.appendChild(fullUrlHelp);
 
     this.node.appendChild(fullUrlSection);
@@ -102,7 +106,7 @@ export class RemoteServerConfigBody
 
     const serverUrlLabel = document.createElement('label');
     serverUrlLabel.className = 'jp-HybridKernels-label';
-    serverUrlLabel.textContent = 'Server URL';
+    serverUrlLabel.textContent = trans.__('Server URL');
     serverUrlLabel.htmlFor = 'hybrid-kernels-server-url';
     serverUrlSection.appendChild(serverUrlLabel);
 
@@ -122,15 +126,15 @@ export class RemoteServerConfigBody
 
     const tokenLabel = document.createElement('label');
     tokenLabel.className = 'jp-HybridKernels-label';
-    tokenLabel.textContent = 'Authentication Token';
+    tokenLabel.textContent = trans.__('Authentication Token');
     tokenLabel.htmlFor = 'hybrid-kernels-token';
     tokenSection.appendChild(tokenLabel);
 
     this._tokenInput = document.createElement('input');
     this._tokenInput.type = 'password';
     this._tokenInput.id = 'hybrid-kernels-token';
     this._tokenInput.className = 'jp-mod-styled jp-HybridKernels-input';
-    this._tokenInput.placeholder = 'Enter token (optional)';
+    this._tokenInput.placeholder = trans.__('Enter token (optional)');
     this._tokenInput.value = options.token;
     tokenSection.appendChild(this._tokenInput);
 
@@ -189,5 +193,10 @@ export namespace RemoteServerConfigBody {
      * The initial token value.
      */
     token: string;
+
+    /**
+     * The translation bundle.
+     */
+    trans: TranslationBundle;
   }
 }

src/index.ts

@@ -24,6 +24,8 @@ import {
 
 import { URLExt } from '@jupyterlab/coreutils';
 
+import { ITranslator, nullTranslator } from '@jupyterlab/translation';
+
 import { linkIcon } from '@jupyterlab/ui-components';
 
 import { Widget } from '@lumino/widgets';
@@ -155,14 +157,18 @@ const configDialogPlugin: JupyterFrontEndPlugin<void> = {
   description: 'Provides a dialog to configure the remote server',
   autoStart: true,
   requires: [IRemoteServerConfig, IKernelSpecManager, IToolbarWidgetRegistry],
-  optional: [ICommandPalette],
+  optional: [ICommandPalette, ITranslator],
   activate: (
     app: JupyterFrontEnd,
     remoteConfig: IRemoteServerConfig,
     kernelSpecManager: KernelSpec.IManager,
     toolbarRegistry: IToolbarWidgetRegistry,
-    palette: ICommandPalette | null
+    palette: ICommandPalette | null,
+    translator: ITranslator | null
   ): void => {
+    const trans = (translator ?? nullTranslator).load(
+      'jupyterlab_hybrid_kernels'
+    );
     const isRemoteMode = getHybridKernelsMode() === 'remote';
 
     if (isRemoteMode) {
@@ -176,20 +182,24 @@ const configDialogPlugin: JupyterFrontEndPlugin<void> = {
     }
 
     app.commands.addCommand(CommandIds.configureRemoteServer, {
-      label: 'Configure Remote Jupyter Server',
-      caption: 'Configure the remote Jupyter server connection',
+      label: trans.__('Configure Remote Jupyter Server'),
+      caption: trans.__('Configure the remote Jupyter server connection'),
       icon: linkIcon,
       isVisible: () => isRemoteMode,
       execute: async () => {
         const body = new RemoteServerConfigBody({
           baseUrl: remoteConfig.baseUrl,
-          token: remoteConfig.token
+          token: remoteConfig.token,
+          trans
         });
 
         const result = await showDialog({
-          title: 'Remote Server Configuration',
+          title: trans.__('Remote Server Configuration'),
           body,
-          buttons: [Dialog.cancelButton(), Dialog.okButton({ label: 'Save' })],
+          buttons: [
+            Dialog.cancelButton(),
+            Dialog.okButton({ label: trans.__('Save') })
+          ],
           focusNodeSelector: 'input'
         });
 
@@ -223,7 +233,7 @@ const configDialogPlugin: JupyterFrontEndPlugin<void> = {
     if (palette) {
       palette.addItem({
         command: CommandIds.configureRemoteServer,
-        category: 'Kernel'
+        category: trans.__('Kernel')
       });
     }
   }