Fixed Alerts using setTimeout instead of setInterval

Author: samadwar

labextension/sagemaker_studio_docker_ui/package/lib/components/GetContainers.js

@@ -21,6 +21,7 @@ export async function getContainers(instance){
     instance.addAlert({
         type: "error",
         message: `Error checking containers list! "`,
+        wait: 5000
     });
     contexts = []
   };

labextension/sagemaker_studio_docker_ui/package/lib/components/GetContexts.js

@@ -25,6 +25,7 @@ export async function getContexts(instance){
     instance.addAlert({
         type: "error",
         message: `Error checking contexts list! "`,
+        wait: 5000
     });
     contexts = []
   };

labextension/sagemaker_studio_docker_ui/package/lib/components/GetImages.js

@@ -21,6 +21,7 @@ export async function getImages(instance){
     instance.addAlert({
         type: "error",
         message: `Error checking images list! "`,
+        wait: 5000
     });
     images = []
   };

labextension/sagemaker_studio_docker_ui/package/lib/components/SdockerPanel.js

@@ -44,23 +44,22 @@ export class SdockerPanel extends React.Component {
         this.handleSubmit = async () => {
             console.log("Creating new docker host");
             const dataToSend = { instance_type: this.state.INSTANCE_TYPE };
-            this.clearAlerts();
             try {
                 const reply = await requestAPIServer("create_host", {
                     body: JSON.stringify(dataToSend),
                     method: "POST",
                 });
                 console.log(reply);
-                this.addAlert({ message: `Creating new docker host - instance will appear once it is healthy, might take few minutes` });
+                this.addAlert({ message: `Creating new docker host - instance will appear once it is healthy, might take few minutes`, wait 15000 });
             }
             catch (reason) {
                 console.error(`Error on POST /docker-host/create_host ${dataToSend}.\n${reason}`);
                 this.addAlert({
                     type: "error",
                     message: `Error creating new docker host! "`,
+                    wait: 5000
                 });
             }
-            setInterval(() => this.clearAlerts(), 5000);
         };
         this.alertKey = 0;
         this.state = {
@@ -197,9 +196,7 @@ export class SdockerPanel extends React.Component {
         const key = this.alertKey++;
         const keyedAlert = Object.assign(Object.assign({}, alert), { key: `alert-${key}` });
         this.setState({ alerts: [keyedAlert] });
-    }
-    clearAlerts() {
-        this.setState({ alerts: [] });
+        setTimeout(() => { this.setState({ alerts: [] }) }, alert.wait );
     }
     saveState() {
         const state = {

labextension/sagemaker_studio_docker_ui/package/lib/components/SwitchContext.js

@@ -11,13 +11,14 @@ async function switchContext(instance, instanceType, instanceId){
       method: 'POST',
     });
     console.log(reply);
-    instance.addAlert({message: `Switching to host ${instanceId}`});
+    instance.addAlert({message: `Switching to host ${instanceId}`, wait: 5000});
   }
   catch (reason) {
     console.error(`Error on POST /docker-host/switch_context ${JSON.stringify(dataToSend)}.\n${reason}`);
     instance.addAlert({
         type: "error",
         message: `Error checking switching context! "`,
+        wait: 5000
     });
   };
 }

labextension/sagemaker_studio_docker_ui/package/lib/components/TerminateHost.js

@@ -11,13 +11,14 @@ async function terminateHost(instance, instanceId){
       method: 'POST',
     });
     console.log(reply);
-    instance.addAlert({message: `Terminating host ${instanceId}`});
+    instance.addAlert({message: `Terminating host ${instanceId}`, wait: 5000 });
   }
   catch (reason) {
     console.error(`Error on POST /docker-host/terminate_host ${JSON.stringify(dataToSend)}.\n${reason}`);
     instance.addAlert({
         type: "error",
         message: `Error terminating host! "`,
+        wait: 5000
     });
   };
 }

labextension/sagemaker_studio_docker_ui/package/lib/index.js

@@ -1,7 +1,5 @@
 import { ILayoutRestorer } from '@jupyterlab/application';
 import { IStateDB } from '@jupyterlab/coreutils';
-import { IRenderMimeRegistry } from '@jupyterlab/rendermime';
-import { IIconRegistry } from '@jupyterlab/ui-components';
 import { requestAPIServer } from './sagemaker-studio-docker-ui';
 import { SdockerWidget } from './widgets/SdockerWidget';
 /**
@@ -10,8 +8,8 @@ import { SdockerWidget } from './widgets/SdockerWidget';
 const extension = {
     id: 'sagemaker-studio-docker-ui',
     autoStart: true,
-    requires: [ILayoutRestorer, IIconRegistry, IRenderMimeRegistry, IStateDB],
-    activate: async (app, restorer, iconRegistry, rendermime, stateDB) => {
+    requires: [ILayoutRestorer, IStateDB],
+    activate: async (app, restorer, stateDB) => {
         console.log('JupyterLab extension sagemaker-studio-docker-ui is activated!');
         let INSTANCE_TYPE = 'm5.large';
         const KEY = 'sagemaker-studio-docker-ui:settings:data';

setup.sh

@@ -2,22 +2,24 @@
 
 set -eux
 
-cd ~/sagemaker-studio-docker-ui-extension/labextension/sagemaker_studio_docker_ui/
-
-tar -czvf sagemaker_studio_docker_ui-0.1.0.tgz --exclude=.* --exclude=__py* package/
-
-mkdir -p labextension
-
-mv sagemaker_studio_docker_ui-0.1.0.tgz labextension/
-
-cd
-
-tar -czvf sagemaker_studio_docker_ui-0.1.0.tar.gz --exclude=.* sagemaker-studio-docker-ui-extension/
-
-pip install sagemaker_studio_docker_ui-0.1.0.tar.gz
-
+# Before installing extension
+export AWS_SAGEMAKER_JUPYTERSERVER_IMAGE="${AWS_SAGEMAKER_JUPYTERSERVER_IMAGE:-'jupyter-server'}"
+if [ "$AWS_SAGEMAKER_JUPYTERSERVER_IMAGE" = "jupyter-server-3" ]
+then
+    eval "$(conda shell.bash hook)"
+    conda activate studio
+    cd ~/sagemaker-studio-docker-ui-extension/labextension/sagemaker_studio_docker_ui/
+    tar -czvf sagemaker_studio_docker_ui_component.tgz --exclude=.* --exclude=__py* package/
+    mkdir -p labextension
+    mv sagemaker_studio_docker_ui_component.tgz labextension/
+    cd
+    tar -czvf sagemaker_studio_docker_ui_extension.tar.gz --exclude=.* sagemaker-studio-docker-ui-extension/
+    PACKAGE=sagemaker_studio_docker_ui_extension.tar.gz
+else
+    PACKAGE=https://github.com/aws-samples/sagemaker-studio-docker-ui-extension/releases/download/v0.1.0/sagemaker_studio_docker_ui_extension.tar.gz
+fi;
+
+pip install $PACKAGE
 jlpm config set cache-folder /tmp/yarncache
-
 jupyter lab build --debug --minimize=False
-
 nohup supervisorctl -c /etc/supervisor/conf.d/supervisord.conf restart jupyterlabserver