Updated embedded code snippets in readme

Author: thegooman

advanced/kernel-messaging/README.md

@@ -36,17 +36,17 @@ Jupyterlab provides a class `SessionContext`
 that manages a single kernel session. Here is the code to initialize such session:
 
 ```ts
-// src/panel.ts#L33-L37
+// src/panel.ts#L41-L45
 
 this._sessionContext = new SessionContext({
   sessionManager: manager.sessions,
   specsManager: manager.kernelspecs,
-  name: 'Extension Examples'
+  name: 'Extension Examples',
 });
 ```
 
 <!-- prettier-ignore-start -->
-<!-- embedme src/panel.ts#L43-L54 -->
+<!-- embedme src/panel.ts#L51-L62 -->
 
 ```ts
 void this._sessionContext
@@ -68,7 +68,7 @@ The session manager object is
 provided directly by the JupyterLab application:
 
 ```ts
-// src/index.ts#L48-L48
+// src/index.ts#L52-L52
 
 const manager = app.serviceManager;
 ```
@@ -81,20 +81,22 @@ to free the kernel session resources if the panel is closed. The whole adapted
 panel class looks like this:
 
 ```ts
-// src/panel.ts#L25-L74
+// src/panel.ts#L31-L85
 
 export class ExamplePanel extends StackedPanel {
-  constructor(manager: ServiceManager.IManager) {
+  constructor(manager: ServiceManager.IManager, translator?: ITranslator) {
     super();
+    this._translator = translator || nullTranslator;
+    this._trans = this._translator.load('jupyterlab');
     this.addClass(PANEL_CLASS);
     this.id = 'kernel-messaging-panel';
-    this.title.label = 'Kernel Messaging Example View';
+    this.title.label = this._trans.__('Kernel Messaging Example View');
     this.title.closable = true;
 
     this._sessionContext = new SessionContext({
       sessionManager: manager.sessions,
       specsManager: manager.kernelspecs,
-      name: 'Extension Examples'
+      name: 'Extension Examples',
     });
 
     this._model = new KernelModel(this._sessionContext);
@@ -103,12 +105,12 @@ export class ExamplePanel extends StackedPanel {
     this.addWidget(this._example);
     void this._sessionContext
       .initialize()
-      .then(async value => {
+      .then(async (value) => {
         if (value) {
           await sessionContextDialogs.selectKernel(this._sessionContext);
         }
       })
-      .catch(reason => {
+      .catch((reason) => {
         console.error(
           `Failed to initialize the session in ExamplePanel.\n${reason}`
         );
@@ -132,6 +134,9 @@ export class ExamplePanel extends StackedPanel {
   private _model: KernelModel;
   private _sessionContext: SessionContext;
   private _example: KernelView;
+
+  private _translator: ITranslator;
+  private _trans: TranslationBundle;
 }
 ```
 
@@ -143,7 +148,7 @@ Once a kernel is initialized and ready, code can be executed with the following
 // src/model.ts#L46-L48
 
 this.future = this._sessionContext.session?.kernel?.requestExecute({
-  code
+  code,
 });
 ```
 
@@ -200,7 +205,7 @@ export class KernelModel {
       return;
     }
     this.future = this._sessionContext.session?.kernel?.requestExecute({
-      code
+      code,
     });
   }
 

advanced/kernel-messaging/package.json

@@ -42,10 +42,11 @@
     "watch:src": "tsc -w"
   },
   "dependencies": {
-    "@jupyterlab/application": "~3.0.0-beta.4",
-    "@jupyterlab/launcher": "~3.0.0-beta.4",
-    "@jupyterlab/mainmenu": "~3.0.0-beta.4",
-    "@jupyterlab/nbformat": "~3.0.0-beta.4",
+    "@jupyterlab/application": "^3.0.0-beta.8",
+    "@jupyterlab/launcher": "^3.0.0-beta.8",
+    "@jupyterlab/mainmenu": "^3.0.0-beta.8",
+    "@jupyterlab/nbformat": "^3.0.0-beta.8",
+    "@jupyterlab/translation": "^3.0.0-beta.8",
     "@lumino/algorithm": "^1.3.3",
     "@lumino/coreutils": "^1.5.3",
     "@lumino/datagrid": "^0.5.2",

advanced/kernel-messaging/src/index.ts

@@ -1,6 +1,6 @@
 import {
   JupyterFrontEnd,
-  JupyterFrontEndPlugin
+  JupyterFrontEndPlugin,
 } from '@jupyterlab/application';
 
 import { ICommandPalette } from '@jupyterlab/apputils';
@@ -30,7 +30,7 @@ const extension: JupyterFrontEndPlugin<void> = {
   autoStart: true,
   optional: [ILauncher],
   requires: [ICommandPalette, IMainMenu, ITranslator],
-  activate: activate
+  activate: activate,
 };
 
 /**
@@ -46,8 +46,8 @@ function activate(
   app: JupyterFrontEnd,
   palette: ICommandPalette,
   mainMenu: IMainMenu,
-  launcher: ILauncher | null,
-  translator: ITranslator
+  translator: ITranslator,
+  launcher: ILauncher | null
 ): void {
   const manager = app.serviceManager;
   const { commands, shell } = app;
@@ -58,7 +58,7 @@ function activate(
   if (launcher) {
     launcher.add({
       command: CommandIDs.create,
-      category: category
+      category: category,
     });
   }
 
@@ -82,7 +82,7 @@ function activate(
   commands.addCommand(CommandIDs.create, {
     label: trans.__('Open the Kernel Messaging Panel'),
     caption: trans.__('Open the Kernel Messaging Panel'),
-    execute: createPanel
+    execute: createPanel,
   });
 
   // add items in command palette and menu