First commit

Author: Max

.eslintrc

@@ -0,0 +1,37 @@
+{
+  "extends": [
+    "airbnb"
+  ],
+  "env": {
+    "browser": true,
+    "jest": true,
+    "es6": true,
+    "node": true
+  },
+  "plugins": [
+    "react-hooks"
+  ],
+  "parserOptions": {
+    "requireConfigFile": false,
+    "parser": "@babel/eslint-parser"
+  },
+  "rules": {
+    "linebreak-style": 0,
+    "react/jsx-one-expression-per-line": 0,
+    "import/no-extraneous-dependencies": [
+      "error",
+      {
+        "devDependencies": true
+      }
+    ],
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/exhaustive-deps": "warn",
+    "react/function-component-definition": [
+      2,
+      {
+        "namedComponents": "arrow-function",
+        "unnamedComponents": "arrow-function"
+      }
+    ]
+  }
+}

.gitignore

@@ -0,0 +1,3 @@
+.env
+node_modules
+backend/uploads

MLJavascript.code-workspace

@@ -0,0 +1,22 @@
+{
+	"folders": [
+		{
+			"path": "."
+		}
+	],
+	"settings": {
+		"editor.formatOnSave": true,
+		"javascript.format.enable": false,
+		"eslint.alwaysShowStatus": true,
+		"editor.codeActionsOnSave": {
+			"source.fixAll.eslint": true,
+			"source.fixAll.stylelint": true
+		},
+		"stylelint.validate": [
+			"css",
+			"less",
+			"postcss",
+			"scss"
+		]
+	}
+}

README.md

@@ -0,0 +1,13 @@
+# ML Javascript
+
+Small javascript client server for Machine Learning example with TensorFlow.js (`#MadeWithTFJS`)
+
+## How to run
+
+Define an `.env` file with the environment variables `http_proxy` and `https_proxy`
+
+    docker-compose up
+    
+Enjoy on: 
+
+    http://localhost:3000/ 

backend/.dockerignore

@@ -0,0 +1,2 @@
+node_modules
+uploads

backend/Dockerfile

@@ -0,0 +1,8 @@
+FROM node:14.17.0
+
+COPY package* .
+
+RUN npm ci
+
+COPY . .
+

backend/backend.js

@@ -0,0 +1,57 @@
+const express = require('express');
+const multer = require('multer');
+const fs = require('fs');
+const cors = require('cors');
+
+const app = express();
+
+app.use(cors());
+
+const PORT = 5000;
+
+const FilesFolder = 'uploads';
+const FileModel = 'model.json';
+const FileModelWeights = 'model.weights.bin';
+
+const storage = multer.diskStorage({
+  destination(req, file, callback) {
+    if (!fs.existsSync(FilesFolder)) {
+      fs.mkdirSync(FilesFolder);
+    }
+    callback(null, FilesFolder);
+  },
+  filename(req, file, callback) {
+    callback(null, file.fieldname);
+  },
+});
+const upload = multer({ storage });
+
+app.post('/uploadModel', upload.fields([{
+  name: FileModel, maxCount: 1,
+}, {
+  name: FileModelWeights, maxCount: 1,
+}]), (req, res, next) => {
+  const { complete } = req;
+  if (!complete) {
+    const error = new Error('Error during upload');
+    error.httpStatusCode = 400;
+    return next(error);
+  }
+  return res.send(complete);
+});
+
+app.get('/downloadModel', (req, res) => {
+  const file = `${FilesFolder}/${FileModel}`;
+  res.download(file);
+});
+
+app.get('/downloadModelWeight', (req, res) => {
+  const file = `${FilesFolder}/${FileModelWeights}`;
+  res.download(file);
+});
+
+
+app.listen(PORT, () => {
+  // eslint-disable-next-line no-console
+  console.info(`Backend ready on port ${PORT}`);
+});