Merge pull request #400 from QCDIS/398-add-rclone-to-naavre-conda-env…

…ironment

398 add rclone to naavre conda environment

docker/laserfarm-environment.yaml

@@ -10,6 +10,7 @@ dependencies:
   - dask
   - laspy
   - jupyterhub
+  - rclone
   - lazrs-python = 0.4.5 #laserfarm has lazrs 0.4.5
   - pip:
     - git+https://github.com/QCDIS/Laserfarm.git

packages/notebook-containerizer2/package.json

@@ -0,0 +1,58 @@
+{
+    "name": "@jupyter_vre/notebook-containerizer2",
+    "version": "1.0.0",
+    "description": "VRE notebook-containerizer2",
+    "keywords": [
+        "jupyter",
+        "jupyterlab",
+        "jupyterlab-extension"
+    ],
+    "homepage": "https://github.com/QCDIS/NaaVRE",
+    "bugs": {
+        "url": "https://github.com/QCDIS/NaaVRE/issues"
+    },
+    "license": "BSD-3-Clause",
+    "author": "Riccardo Bianchi",
+    "files": [
+        "lib/**/*.{d.ts,eot,gif,html,jpg,js,js.map,json,png,svg,woff2,ttf}",
+        "src/**/*.{ts,tsx}",
+        "style/**/*.{css,eot,gif,html,jpg,json,png,svg,woff2,ttf}"
+    ],
+    "main": "lib/index.js",
+    "types": "lib/index.d.ts",
+    "style": "style/index.css",
+    "repository": {
+        "type": "git",
+        "url": ""
+    },
+    "scripts": {
+        "build": "tsc",
+        "dist": "yarn pack .",
+        "clean": "rimraf lib",
+        "watch": "tsc -w"
+    },
+    "dependencies": {
+        "@material-ui/core": "^4.11.2",
+        "@material-ui/icons": "^4.11.2",
+        "@mrblenny/react-flow-chart": "^0.0.14",
+        "crypto": "^1.0.1",
+        "d3": "^6.5.0",
+        "lodash": "^4.17.21",
+        "prop-types": "^15.7.2",
+        "react": "^17.0.2",
+        "react-dom": "^17.0.2",
+        "react-is": "^17.0.2",
+        "styled-components": "^5.2.3"
+    },
+    "devDependencies": {
+        "@types/node": "^14.14.37",
+        "rimraf": "^2.6.1",
+        "typescript": "~4.1.3"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "jupyterlab": {
+        "extension": true
+    }
+}

packages/notebook-containerizer2/src/AddCellDialog.tsx

@@ -0,0 +1,79 @@
+
+import { requestAPI } from '@jupyter_vre/core';
+import { CircularProgress, styled, ThemeProvider } from '@material-ui/core';
+import CheckCircleOutlineIcon from '@mui/icons-material/CheckCircleOutline';
+import { green } from '@mui/material/colors';
+import * as React from 'react';
+import { theme } from './Theme';
+
+const CatalogBody = styled('div')({
+    padding: '20px',
+    display: 'flex',
+    overflow: 'hidden',
+    flexDirection: 'column',
+})
+
+interface AddCellDialogProps { }
+
+interface IState {
+    loading: boolean
+}
+
+const DefaultState: IState = {
+    loading: true
+}
+
+export class AddCellDialog extends React.Component<AddCellDialogProps, IState> {
+
+    state = DefaultState;
+
+    componentDidMount(): void {
+        this.createCell()
+    }
+
+    createCell = async () => {
+        try {
+
+            await requestAPI<any>('containerizer/addcell', {
+                body: JSON.stringify({}),
+                method: 'POST'
+            });
+
+            this.setState({ loading: false });
+
+        } catch (error) {
+            console.log(error);
+            alert('Error creating  cell : ' + String(error).replace('{"message": "Unknown HTTP Error"}', ''));
+        }
+    }
+
+    render(): React.ReactElement {
+
+        return (
+            <ThemeProvider theme={theme}>
+
+                <p className='section-header'>Create Cell</p>
+                <CatalogBody>
+                {!this.state.loading ? (
+                    <div style={{display: "flex", flexDirection: "row", alignItems: "center"}}>
+                        <div className='cell-submit-box'>
+                            <CheckCircleOutlineIcon
+                                fontSize='large'
+                                sx={{ color: green[500] }}
+                            />
+                            <p className='cell-submit-text'>
+                                The cell has been successfully created!
+                            </p>
+                        </div>
+                    </div>
+                    ) :
+                    (<div>
+                        <CircularProgress />
+                        <p>Creating or updating cell ..</p>
+                    </div>)
+                }
+                </CatalogBody>
+            </ThemeProvider>
+        )
+    }
+}