Ported to Next.js + React

Isomorphic app provides Server-Side Rendering.

.gitignore

@@ -1,130 +1,137 @@
-# Byte-compiled / optimized / DLL files
-__pycache__/
-*.py[cod]
-*$py.class
-
-# C extensions
-*.so
-
-# Distribution / packaging
-.Python
-build/
-develop-eggs/
-dist/
-downloads/
-eggs/
-.eggs/
-lib/
-lib64/
-parts/
-sdist/
-var/
-wheels/
-pip-wheel-metadata/
-share/python-wheels/
-*.egg-info/
-.installed.cfg
-*.egg
-MANIFEST
-
-# PyInstaller
-#  Usually these files are written by a python script from a template
-#  before PyInstaller builds the exe, so as to inject date/other infos into it.
-*.manifest
-*.spec
-
-# Installer logs
-pip-log.txt
-pip-delete-this-directory.txt
-
-# Unit test / coverage reports
-htmlcov/
-.tox/
-.nox/
-.coverage
-.coverage.*
-.cache
-nosetests.xml
-coverage.xml
-*.cover
-.hypothesis/
-.pytest_cache/
-
-# Translations
-*.mo
-*.pot
-
-# Django stuff:
-*.log
-local_settings.py
-db.sqlite3
-db.sqlite3-journal
-
-# Flask stuff:
-instance/
-.webassets-cache
-
-# Scrapy stuff:
-.scrapy
-
-# Sphinx documentation
-docs/_build/
-
-# PyBuilder
-target/
-
-# Jupyter Notebook
-.ipynb_checkpoints
-
-# IPython
-profile_default/
-ipython_config.py
-
-# pyenv
-.python-version
-
-# pipenv
-#   According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control.
-#   However, in case of collaboration, if having platform-specific dependencies or dependencies
-#   having no cross-platform support, pipenv may install dependencies that don't work, or not
-#   install all needed dependencies.
-#Pipfile.lock
-
-# celery beat schedule file
-celerybeat-schedule
-
-# SageMath parsed files
-*.sage.py
-
-# Environments
-.env
-.venv
-env/
-venv/
-ENV/
-env.bak/
-venv.bak/
-
-# Spyder project settings
-.spyderproject
-.spyproject
-
-# Rope project settings
-.ropeproject
-
-# mkdocs documentation
-/site
-
-# mypy
-.mypy_cache/
-.dmypy.json
-dmypy.json
-
-# Pyre type checker
-.pyre/
-
-#Unfinished postgres scripts
-/src/data/postgres/
-
-# Dependency directories
-src/web/node_modules/
+# Byte-compiled / optimized / DLL files
+__pycache__/
+*.py[cod]
+*$py.class
+
+# C extensions
+*.so
+
+# Distribution / packaging
+.Python
+build/
+develop-eggs/
+dist/
+downloads/
+eggs/
+.eggs/
+lib/
+lib64/
+parts/
+sdist/
+var/
+wheels/
+pip-wheel-metadata/
+share/python-wheels/
+*.egg-info/
+.installed.cfg
+*.egg
+MANIFEST
+
+# PyInstaller
+#  Usually these files are written by a python script from a template
+#  before PyInstaller builds the exe, so as to inject date/other infos into it.
+*.manifest
+*.spec
+
+# Installer logs
+pip-log.txt
+pip-delete-this-directory.txt
+
+# Unit test / coverage reports
+htmlcov/
+.tox/
+.nox/
+.coverage
+.coverage.*
+.cache
+nosetests.xml
+coverage.xml
+*.cover
+.hypothesis/
+.pytest_cache/
+
+# Translations
+*.mo
+*.pot
+
+# Django stuff:
+*.log
+local_settings.py
+db.sqlite3
+db.sqlite3-journal
+
+# Flask stuff:
+instance/
+.webassets-cache
+
+# Scrapy stuff:
+.scrapy
+
+# Sphinx documentation
+docs/_build/
+
+# PyBuilder
+target/
+
+# Jupyter Notebook
+.ipynb_checkpoints
+
+# IPython
+profile_default/
+ipython_config.py
+
+# pyenv
+.python-version
+
+# pipenv
+#   According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control.
+#   However, in case of collaboration, if having platform-specific dependencies or dependencies
+#   having no cross-platform support, pipenv may install dependencies that don't work, or not
+#   install all needed dependencies.
+#Pipfile.lock
+
+# celery beat schedule file
+celerybeat-schedule
+
+# SageMath parsed files
+*.sage.py
+
+# Environments
+.env
+.venv
+env/
+venv/
+ENV/
+env.bak/
+venv.bak/
+
+# Spyder project settings
+.spyderproject
+.spyproject
+
+# Rope project settings
+.ropeproject
+
+# mkdocs documentation
+/site
+
+# mypy
+.mypy_cache/
+.dmypy.json
+dmypy.json
+
+# Pyre type checker
+.pyre/
+
+#Unfinished postgres scripts
+/src/data/postgres/
+
+# Dependency directories
+src/web/node_modules/
+frontend/public/vendor/
+
+src/web/public/images/faces/
+
+src/web/public/images/dashboard/
+
+src/web/public/images/auth/

frontend/.gitignore

@@ -1,5 +1,8 @@
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
+# node.js
+package-lock.json
+
 # dependencies
 /node_modules
 /.pnp

frontend/components/JSMEComponent.js

@@ -0,0 +1,36 @@
+import { useEffect } from 'react';
+import dynamic from 'next/dynamic';
+
+const NonSSRHead = dynamic(
+  () => import('next/head'),
+  {
+    ssr: false,
+    loading: () => <p>Loading JSME...</p>
+  }
+);
+
+// JSME Molecule Editor
+function JSMEComponent(props) {
+
+  useEffect(() => {
+    function jsmeOnLoad(status) {
+      const jsmeApplet = new JSApplet.JSME("jsme_container", "100%", "100%");
+      jsmeApplet.setCallBack(
+        "AfterStructureModified",
+        () => props.callBack(jsmeApplet.smiles())
+      );
+    }
+    window.jsmeOnLoad = jsmeOnLoad;
+  });
+
+  return(
+    <>
+      <NonSSRHead>
+        <script type="text/javascript" src="/vendor/jsme/jsme.nocache.js" />
+      </NonSSRHead>
+      <div id={ "jsme_container" } style={{height: '311px'}} />
+    </>
+  );
+}
+
+export default JSMEComponent;

frontend/components/Layout/AppBar.js

@@ -0,0 +1,25 @@
+import AppBar from '@material-ui/core/AppBar';
+import Avatar from '@material-ui/core/Avatar';
+import IconButton from '@material-ui/core/IconButton';
+import Link from '@material-ui/core/Link';
+import Toolbar from '@material-ui/core/Toolbar';
+import useStyles from './style';
+
+export default function appbar() {
+  const classes = useStyles();
+
+  return (
+    <AppBar position="absolute" className={classes.appBar}>
+      <Toolbar paddingright="24">
+        <Link href="/">
+          <IconButton className={classes.menuButton} >
+            <Avatar
+              src={"/images/logomark.svg"}
+              alt={"Bionce"}
+            />
+          </IconButton>
+        </Link>
+      </Toolbar>
+    </AppBar>
+  );
+}

frontend/components/Layout/Copyright.js

@@ -0,0 +1,17 @@
+import Box from '@material-ui/core/Box';
+import MuiLink from '@material-ui/core/Link';
+import Typography from '@material-ui/core/Typography';
+
+export default function Copyright() {
+  return (
+    <Box pt={4}>
+      <Typography variant="body2" color="textSecondary" align="center">
+        {'© ' + new Date().getFullYear() + ' '}
+        <MuiLink href="http://nequimed.iqsc.usp.br/" target="_blank" color="inherit">
+          NEQUIMED/IQSC/USP
+        </MuiLink>
+        {'. All rights reserved.'}
+      </Typography>
+    </Box>
+  );
+}