Get extension working

lib/index.js

@@ -1,16 +1,29 @@
+import { stata_mode } from './stata.js';
+import { ICodeMirror } from '@jupyterlab/codemirror';
 
-import './stata'
-
-module.exports = [
+export default [
   {
     id: 'jupyterlab_stata_highlight2',
     autoStart: true,
-    activate: function (app) {
+    requires: [ICodeMirror],
+    activate: function (app, codeMirror) {
       console.log(
-        'JupyterLab extension jupyterlab_stata_highlight2 is activated!'
+        'JupyterLab extension jupyterlab_stata_highlight2 is activated-03!'
       );
       console.log(app.commands);
       registerStataFileType(app);
+      console.log(
+        'JupyterLab extension jupyterlab_stata_highlight2 end'
+      );
+      codeMirror.CodeMirror.defineSimpleMode("stata", stata_mode);
+      codeMirror.CodeMirror.defineMIME('text/x-stata', 'stata');
+      codeMirror.CodeMirror.defineMIME('text/stata', 'stata');
+      codeMirror.CodeMirror.modeInfo.push({
+        ext: ['do', 'ado'],
+        mime: "text/x-stata",
+        mode: 'stata',
+        name: 'Stata'
+      });
     }
   }
 ];
@@ -22,4 +35,4 @@ function registerStataFileType(app) {
     extensions: ['do', 'ado'],
     mimeTypes: ['text/x-stata'],
   });
-}
+}

lib/stata.js

@@ -1,13 +1,9 @@
 // CodeMirror, copyright (c) by Marijn Haverbeke and others
 // Distributed under an MIT license: https://codemirror.net/LICENSE
-import * as CodeMirror from 'codemirror';
-import 'codemirror/addon/mode/simple';
 
 // Code below adapted from jupyterlab-stata-highlight, copyright (c) by Kyle Barron
 // Distributed under an MIT license: https://github.com/kylebarron/jupyterlab-stata-highlight/blob/master/LICENSE
 
-// "use strict";
-
 var builtins_base = [
   'if', 'else', 'in', 'foreach', 'for', 'forv', 'forva',
   'forval', 'forvalu', 'forvalue', 'forvalues', 'by', 'bys',
@@ -423,8 +419,8 @@ var color_translator = {
 };
 
 
-CodeMirror.defineSimpleMode("stata",{
-  // The start state contains the rules that are intially used
+export const stata_mode = {
+  // The start state contains the rules that are initially used
   start: [
     // Comments
     {regex: /\/\/\/?.*$/, token: color_translator['comment'], sol: true},
@@ -496,17 +492,4 @@ CodeMirror.defineSimpleMode("stata",{
     lineComment: '//',
     fold: 'brace'
   }
-});
-
-CodeMirror.defineMIME('text/x-stata', 'stata');
-CodeMirror.defineMIME('text/stata', 'stata');
-
-// When I paste this file in Jupyter, it won't work unless I include the
-// following code, but when I leave this as a separate module, it won't work and
-// raises an error.
-CodeMirror.modeInfo.push({
-  ext: ['do', 'ado'],
-  mime: "text/x-stata",
-  mode: 'stata',
-  name: 'Stata'
-});
+};

package.json

@@ -41,7 +41,7 @@
     "@jupyterlab/codemirror": "*"
   },
   "devDependencies": {
-    "@jupyterlab/builder": "^3.0.0",
+    "@jupyterlab/builder": "^3.5.2",
     "rimraf": "^3.0.2"
   },
   "sideEffects": [