Merge pull request #962 from NERC-CEH/ED-87-streamlit-frontend

ED-87 Add Streamlit Frontend

code/development-env/config/local/image_config.json

@@ -130,15 +130,16 @@
       "sharedRLibs": "/data/packages/R/%p/%v"
     },
     "streamlit": {
+      "displayName": "Streamlit",
       "category": "PUBLISH",
-      "userCanChooseFile": true,
-      "userCanChooseConda": true,
       "versions": [
         {
-          "displayName": "Dask 2023.1/Spark 3.3.0",
+          "displayName": "Streamlit",
           "image": "nerc/jupyterlab:ee1e157f36f5-spark-3.3.0"
         }
-      ]
+      ],
+      "userCanChooseFile": true,
+      "userCanChooseConda": true
     },
     "vscode": {
       "displayName": "VS Code Server",
@@ -173,4 +174,4 @@
       ]
     }
   }
-}
+}

code/workspaces/common/src/config/image_config.json

@@ -130,15 +130,16 @@
       "sharedRLibs": "/data/packages/R/%p/%v"
     },
     "streamlit": {
+      "displayName": "Streamlit",
       "category": "PUBLISH",
-      "userCanChooseFile": true,
-      "userCanChooseConda": true,
       "versions": [
         {
-          "displayName": "Dask 2023.1/Spark 3.3.0",
+          "displayName": "Streamlit",
           "image": "nerc/jupyterlab:ee1e157f36f5-spark-3.3.0"
         }
-      ]
+      ],
+      "userCanChooseFile": true,
+      "userCanChooseConda": true
     },
     "vscode": {
       "displayName": "VS Code Server",
@@ -174,4 +175,4 @@
       ]
     }
   }
-}
+}

code/workspaces/web-app/public/image_config.json

@@ -130,15 +130,16 @@
       "sharedRLibs": "/data/packages/R/%p/%v"
     },
     "streamlit": {
+      "displayName": "Streamlit",
       "category": "PUBLISH",
-      "userCanChooseFile": true,
-      "userCanChooseConda": true,
       "versions": [
         {
-          "displayName": "Dask 2023.1/Spark 3.3.0",
+          "displayName": "Streamlit",
           "image": "nerc/jupyterlab:ee1e157f36f5-spark-3.3.0"
         }
-      ]
+      ],
+      "userCanChooseFile": true,
+      "userCanChooseConda": true
     },
     "vscode": {
       "displayName": "VS Code Server",
@@ -173,4 +174,4 @@
       ]
     }
   }
-}
+}

code/workspaces/web-app/src/components/stacks/__snapshots__/typeAndVersionFormUtils.spec.js.snap

@@ -39,7 +39,7 @@ Array [
     "value": "spark",
   },
   Object {
-    "text": undefined,
+    "text": "Streamlit",
     "value": "streamlit",
   },
   Object {

code/workspaces/web-app/src/components/stacks/stackDescriptions.js

@@ -10,8 +10,9 @@ import zeppelinLogo from '../../assets/images/zeppelin-logo.svg';
 import vscodeLogo from '../../assets/images/vscode-logo.svg';
 import daskLogo from '../../assets/images/dask-logo.svg';
 import sparkLogo from '../../assets/images/apache-spark-logo.svg';
+import streamlitLogo from '../../assets/images/streamlit-logo.svg';
 
-const { JUPYTER, JUPYTERLAB, ZEPPELIN, RSTUDIO, RSHINY, NBVIEWER, PANEL, VOILA, VSCODE, PROJECT, DASK, SPARK } = stackTypes;
+const { JUPYTER, JUPYTERLAB, ZEPPELIN, RSTUDIO, RSHINY, NBVIEWER, PANEL, VOILA, VSCODE, PROJECT, DASK, SPARK, STREAMLIT } = stackTypes;
 
 const jupyterDescription = 'Web application that allows you to create and share documents that contain live code, equations, visualizations and explanatory text.';
 const jupyterlabDescription = 'Web application that allows you to create and share documents that contain live code, equations, visualizations and explanatory text.';
@@ -24,6 +25,7 @@ const rshinyDescription = 'Shiny is an R package that makes it easy to build int
 const nbviewerDescription = 'NBViewer is a simple way to share notebooks. Any Jupyter notebook can be served as a web page.';
 const panelDescription = 'Panel is a Python library that lets you create custom interactive web apps and dashboards by connecting user-defined widgets to plots, images, tables, or text.';
 const voilaDescription = 'Voila is a library that allows for rendering of live Jupyter notebooks with interactive widgets.';
+const streamlitDescription = 'A faster way to build and share data apps. Streamlit turns data scripts into shareable web apps in minutes. All in pure Python.';
 const projectDescription = 'A project lets users share information';
 const daskDescription = 'Dask natively scales Python across multiple workers, providing advanced parallelism for analytics and enabling performance at scale.';
 const sparkDescription = 'Spark is an open-source cluster-computing framework for large-scale data processing.';
@@ -42,5 +44,6 @@ const stackDescriptions = {
   [PROJECT]: { description: projectDescription, initial: true },
   [DASK]: { description: daskDescription, logo: daskLogo },
   [SPARK]: { description: sparkDescription, logo: sparkLogo },
+  [STREAMLIT]: { description: streamlitDescription, logo: streamlitLogo },
 };
 export default stackDescriptions;

code/workspaces/web-app/src/config/__snapshots__/images.spec.js.snap

@@ -110,11 +110,12 @@ Object {
   },
   "streamlit": Object {
     "category": "PUBLISH",
+    "displayName": "Streamlit",
     "userCanChooseConda": true,
     "userCanChooseFile": true,
     "versions": Array [
       Object {
-        "displayName": "Dask 2023.1/Spark 3.3.0",
+        "displayName": "Streamlit",
         "image": "nerc/jupyterlab:ee1e157f36f5-spark-3.3.0",
       },
     ],

datalab.code-workspace

@@ -31,13 +31,16 @@
 	},
 	"settings": {
 		"editor.codeActionsOnSave": {
-			"source.fixAll": true
+			"source.fixAll": "explicit"
 		},
 		"editor.formatOnSave": true,
 		"editor.tabSize": 2,
 		"eslint.workingDirectories": [
 			"./code"
 		],
+		"jest": {
+			"runMode": "on-demand"
+		}
 		"eslint.format.enable": true,
 		"jest.disabledWorkspaceFolders": [
 			"datalab"
@@ -89,6 +92,7 @@
 			"setup",
 			"signin",
 			"signout",
+			"streamlit",
 			"unmount",
 			"updateable",
 			"uppercase",