handle nbl (#36)

Author: trungleduc

app/bootstrap.js

@@ -122,6 +122,27 @@ async function loadComponent(url, scope) {
 }
 
 void (async function bootstrap() {
+  let labExtensionUrl = getOption('fullLabextensionsUrl');
+
+  const notebookLinkExtensions = getOption('notebookLinkExtensions');
+  if (notebookLinkExtensions && notebookLinkExtensions.length > 0) {
+    const nblinkExtensions = await Promise.allSettled(
+      notebookLinkExtensions.map(async data => {
+        await loadComponent(
+          `${labExtensionUrl}/${data.name}/${data.load}`,
+          data.name
+        );
+      })
+    );
+
+    nblinkExtensions.forEach(p => {
+      if (p.status === 'rejected') {
+        // There was an error loading the component
+        console.error(p.reason);
+      }
+    });
+  }
+
   await applyThemeToAppLoadingIndicator();
 
   // This is all the data needed to load and activate plugins. This should be
@@ -133,7 +154,7 @@ void (async function bootstrap() {
   // components should be actually used. We have to do this before importing
   // and using the module that actually uses these components so that all
   // dependencies are initialized.
-  let labExtensionUrl = getOption('fullLabextensionsUrl');
+
   const extensions = await Promise.allSettled(
     extension_data.map(async data => {
       await loadComponent(

app/index.template.js

@@ -45,6 +45,46 @@ export async function main() {
   const federatedMimeExtensionPromises = [];
   const federatedStylePromises = [];
 
+  const notebookLinkExtensionsString = PageConfig.getOption(
+    "notebookLinkExtensions"
+  );
+  if (notebookLinkExtensionsString && notebookLinkExtensionsString.length > 0) {
+    const notebookLinkExtensions = JSON.parse(notebookLinkExtensionsString);
+    const notebookLinkExtensionPromises = []
+    const notebookLinkStylePromises = [];
+    notebookLinkExtensions.forEach((data) => {
+      if (data.extension) {
+        notebookLinkExtensionPromises.push(
+          createModule(data.name, data.extension)
+        );
+      }
+      if (data.style) {
+        notebookLinkStylePromises.push(createModule(data.name, data.style));
+      }
+    });
+
+    // Add the notebook.link extensions.
+    const notebookLinkExtensionsResult = await Promise.allSettled(
+      notebookLinkExtensionPromises
+    );
+    notebookLinkExtensionsResult.forEach((p) => {
+      if (p.status === "fulfilled") {
+        for (let plugin of activePlugins(p.value)) {
+          pluginsToRegister.push(plugin);
+        }
+      } else {
+        console.error(p.reason);
+      }
+    });
+
+    // Load all notebook.link styles and log errors for any that do not
+    (await Promise.allSettled(notebookLinkStylePromises))
+      .filter(({ status }) => status === "rejected")
+      .forEach(({ reason }) => {
+        console.error(reason);
+      });
+  }
+
   // This is all the data needed to load and activate plugins. This should be
   // gathered by the server and put onto the initial page template.
   const extensions = JSON.parse(