Localization for kernel-output example

Author: thegooman

advanced/kernel-output/package.json

@@ -46,6 +46,7 @@
     "@jupyterlab/launcher": "~3.0.0-beta.4",
     "@jupyterlab/mainmenu": "~3.0.0-beta.4",
     "@jupyterlab/outputarea": "~3.0.0-beta.4",
+    "@jupyterlab/translation": "^3.0.0-beta.4",
     "@lumino/algorithm": "^1.3.3",
     "@lumino/coreutils": "^1.5.3",
     "@lumino/datagrid": "^0.3.1",

advanced/kernel-output/src/index.ts

@@ -9,6 +9,8 @@ import { ILauncher } from '@jupyterlab/launcher';
 
 import { IMainMenu } from '@jupyterlab/mainmenu';
 
+import { ITranslator } from '@jupyterlab/translation';
+
 import { IRenderMimeRegistry } from '@jupyterlab/rendermime';
 
 import { Menu } from '@lumino/widgets';
@@ -31,29 +33,32 @@ const extension: JupyterFrontEndPlugin<void> = {
   id: 'kernel-output',
   autoStart: true,
   optional: [ILauncher],
-  requires: [ICommandPalette, IMainMenu, IRenderMimeRegistry],
+  requires: [ICommandPalette, IMainMenu, IRenderMimeRegistry, ITranslator],
   activate: activate
 };
 
 /**
  * Activate the JupyterLab extension.
  *
- * @param app Jupyter Font End
+ * @param app Jupyter Front End
  * @param palette Jupyter Commands Palette
  * @param mainMenu Jupyter Menu
  * @param rendermime Jupyter Render Mime Registry
+ * @param translator Jupyter Translator
  * @param launcher [optional] Jupyter Launcher
  */
 function activate(
   app: JupyterFrontEnd,
   palette: ICommandPalette,
   mainMenu: IMainMenu,
   rendermime: IRenderMimeRegistry,
+  translator: ITranslator,
   launcher: ILauncher | null
 ): void {
   const manager = app.serviceManager;
   const { commands, shell } = app;
   const category = 'Extension Examples';
+  const trans = translator.load('jupyterlab');
 
   let panel: ExamplePanel;
 
@@ -63,36 +68,36 @@ function activate(
    * @returns The panel
    */
   async function createPanel(): Promise<ExamplePanel> {
-    panel = new ExamplePanel(manager, rendermime);
+    panel = new ExamplePanel(manager, rendermime, translator);
     shell.add(panel, 'main');
     return panel;
   }
 
   // add menu tab
   const exampleMenu = new Menu({ commands });
-  exampleMenu.title.label = 'Kernel Output';
+  exampleMenu.title.label = trans.__('Kernel Output');
   mainMenu.addMenu(exampleMenu);
 
   // add commands to registry
   commands.addCommand(CommandIDs.create, {
-    label: 'Open the Kernel Output Panel',
-    caption: 'Open the Kernel Output Panel',
+    label: trans.__('Open the Kernel Output Panel'),
+    caption: trans.__('Open the Kernel Output Panel'),
     execute: createPanel
   });
 
   commands.addCommand(CommandIDs.execute, {
-    label: 'Contact Kernel and Execute Code',
-    caption: 'Contact Kernel and Execute Code',
+    label: trans.__('Contact Kernel and Execute Code'),
+    caption: trans.__('Contact Kernel and Execute Code'),
     execute: async () => {
       // Create the panel if it does not exist
       if (!panel) {
         await createPanel();
       }
       // Prompt the user about the statement to be executed
       const input = await InputDialog.getText({
-        title: 'Code to execute',
-        okLabel: 'Execute',
-        placeholder: 'Statement to execute'
+        title: trans.__('Code to execute'),
+        okLabel: trans.__('Execute'),
+        placeholder: trans.__('Statement to execute')
       });
       // Execute the statement
       if (input.button.accept) {

advanced/kernel-output/src/panel.ts

@@ -9,6 +9,11 @@ import { OutputAreaModel, SimplifiedOutputArea } from '@jupyterlab/outputarea';
 import { IRenderMimeRegistry } from '@jupyterlab/rendermime';
 
 import { KernelMessage, ServiceManager } from '@jupyterlab/services';
+import {
+  ITranslator,
+  nullTranslator,
+  TranslationBundle
+} from '@jupyterlab/translation';
 
 import { Message } from '@lumino/messaging';
 
@@ -25,12 +30,15 @@ const PANEL_CLASS = 'jp-RovaPanel';
 export class ExamplePanel extends StackedPanel {
   constructor(
     manager: ServiceManager.IManager,
-    rendermime: IRenderMimeRegistry
+    rendermime: IRenderMimeRegistry,
+    translator?: ITranslator
   ) {
     super();
+    this._translator = translator || nullTranslator;
+    this._trans = this._translator.load('jupyterlab');
     this.addClass(PANEL_CLASS);
     this.id = 'kernel-output-panel';
-    this.title.label = 'Kernel Output Example View';
+    this.title.label = this._trans.__('Kernel Output Example View');
     this.title.closable = true;
 
     this._sessionContext = new SessionContext({
@@ -86,4 +94,7 @@ export class ExamplePanel extends StackedPanel {
   private _sessionContext: SessionContext;
   private _outputarea: SimplifiedOutputArea;
   private _outputareamodel: OutputAreaModel;
+
+  private _translator: ITranslator;
+  private _trans: TranslationBundle;
 }