snek-at · pinterid · Jun 6, 2020 · Jun 6, 2020 · Jun 6, 2020 · Jun 6, 2020
diff --git a/.env.template b/.env.template
@@ -0,0 +1,2 @@
+REACT_APP_ANONYMOUS_USER=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+REACT_APP_VERSION=$npm_package_version
diff --git a/.gitignore b/.gitignore
@@ -31,4 +31,4 @@ mdb*
 *.log*
 
 # SPDX-License-Identifier: (EUPL-1.2)
-# Copyright © Simon Prast
+# Copyright © 2019-2020 Simon Prast
diff --git a/.prettierrc b/.prettierrc
@@ -2,5 +2,5 @@
   "trailingComma": "es5",
   "arrowParens": "always",
   "tabWidth": 2,
-  "singleQuote": false,
+  "singleQuote": false
 }
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -4,11 +4,14 @@
   "editor.snippetSuggestions": "top",
   "editor.rulers": [80, 120],
   "editor.formatOnSave": false,
-    "[javascript]": {
-        "editor.formatOnSave": true
-    },
-    "[javascriptreact]": {
-      "editor.formatOnSave": true
+  "[javascript]": {
+    "editor.formatOnSave": true
+  },
+  "[scss]": {
+    "editor.formatOnSave": true
+  },
+  "[javascriptreact]": {
+    "editor.formatOnSave": true
   },
   "terminal.integrated.fontFamily": "Consolas",
   "workbench.colorTheme": "Dracula Soft",

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -41,4 +41,4 @@
 -   Each pull request should be merged by a reviewer
 
 SPDX-License-Identifier: (EUPL-1.2)
-Copyright © Simon Prast
+Copyright © 2019-2020 Simon Prast
diff --git a/LICENSES/preferred/EUPL-1.2 b/LICENSES/preferred/EUPL-1.2
@@ -11,7 +11,7 @@ License-Text:
 European Union Public Licence
 V. 1.2
 
-Copyright © Simon Prast
+Copyright © 2019-2020 Simon Prast
 
 Everyone is permitted to copy and distribute verbatim copies
 of this license document, but changing it is not allowed.

diff --git a/README.md b/README.md
@@ -139,4 +139,4 @@ to [contribute to our project](#contributing).
 ![GitHub repository license](https://img.shields.io/badge/license-EUPL--1.2-blue)
 
 SPDX-License-Identifier: (EUPL-1.2)
-Copyright © Simon Prast
+Copyright © 2019-2020 Simon Prast
diff --git a/package.json b/package.json
@@ -2,15 +2,30 @@
   "name": "snek-front",
   "version": "0.1.0",
   "private": true,
-  "homepage": ".",
+  "homepage": "https://snek.at",
   "license": "(EUPL-1.2)",
   "dependencies": {
+    "fuzzysort": "^1.1.4",
+    "gh-pages": "^3.1.0",
+    "js-sha256": "^0.9.0",
+    "mdb-react-sortable": "mdb-react-sortable-4.26.0.tgz",
     "mdbreact": "mdbreact-4.26.1.tgz",
     "node-sass": "^4.12.0",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6",
+    "obelisk.js": "^1.2.2",
+    "react-avatar-editor": "^11.0.7",
+    "react-chartjs-2": "^2.9.0",
+    "react-dropzone": "^11.0.1",
+    "react-redux": "^7.2.0",
+    "react-redux-loading-bar": "^4.6.0",
     "react-router-dom": "^5.0.1",
-    "react-scripts": "3.0.1"
+    "react-text-loop": "^2.3.0",
+    "react-typed": "^1.2.0",
+    "reactjs-oauth": "0.1.0",
+    "redux": "^4.0.5",
+    "redux-thunk": "^2.3.0",
+    "serialize-error": "^7.0.1",
+    "snek-intel": "file:snek-intel-0.2.0-rc.2.tgz",
+    "tippy.js": "^6.2.3"
   },
   "repository": {
     "type": "git",
@@ -25,7 +40,10 @@
   },
   "devDependencies": {
     "renamer": "^1.0.0",
-    "rimraf": "^2.6.2"
+    "rimraf": "^2.6.2",
+    "react": "^16.8.6",
+    "react-dom": "^16.8.6",
+    "react-scripts": "^3.4.1"
   },
   "browserslist": [
     ">0.2%",

diff --git a/public/404.html b/public/404.html
@@ -0,0 +1,55 @@
+<!--
+  SPDX-License-Identifier: (EUPL-1.2)
+  Copyright © 2019-2020 Simon Prast
+-->
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>SNEK - Social Network</title>
+    <script type="text/javascript">
+      // Single Page Apps for GitHub Pages
+      // https://github.com/rafrex/spa-github-pages
+      // Copyright (c) 2016 Rafael Pedicini, licensed under the MIT License
+      // ----------------------------------------------------------------------
+      // This script takes the current url and converts the path and query
+      // string into just a query string, and then redirects the browser
+      // to the new url with only a query string and hash fragment,
+      // e.g. http://www.foo.tld/one/two?a=b&c=d#qwe, becomes
+      // http://www.foo.tld/?p=/one/two&q=a=b~and~c=d#qwe
+      // Note: this 404.html file must be at least 512 bytes for it to work
+      // with Internet Explorer (it is currently > 512 bytes)
+
+      // If you're creating a Project Pages site and NOT using a custom domain,
+      // then set segmentCount to 1 (enterprise users may need to set it to > 1).
+      // This way the code will only replace the route part of the path, and not
+      // the real directory in which the app resides, for example:
+      // https://username.github.io/repo-name/one/two?a=b&c=d#qwe becomes
+      // https://username.github.io/repo-name/?p=/one/two&q=a=b~and~c=d#qwe
+      // Otherwise, leave segmentCount as 0.
+      var segmentCount = 0;
+
+      var l = window.location;
+
+      l.replace(
+        l.protocol +
+          "//" +
+          l.hostname +
+          (l.port ? ":" + l.port : "") +
+          l.pathname
+            .split("/")
+            .slice(0, 1 + segmentCount)
+            .join("/") +
+          "/?p=/" +
+          l.pathname
+            .slice(1)
+            .split("/")
+            .slice(segmentCount)
+            .join("/")
+            .replace(/&/g, "~and~") +
+          (l.search ? "&q=" + l.search.slice(1).replace(/&/g, "~and~") : "") +
+          l.hash
+      );
+    </script>
+  </head>
+</html>
diff --git a/public/CNAME b/public/CNAME
@@ -0,0 +1 @@
+snek.at
diff --git a/public/fav/android-icon-144x144.png b/public/fav/android-icon-144x144.png
diff --git a/public/fav/android-icon-192x192.png b/public/fav/android-icon-192x192.png
diff --git a/public/fav/android-icon-36x36.png b/public/fav/android-icon-36x36.png
diff --git a/public/fav/android-icon-48x48.png b/public/fav/android-icon-48x48.png
diff --git a/public/fav/android-icon-72x72.png b/public/fav/android-icon-72x72.png
diff --git a/public/fav/android-icon-96x96.png b/public/fav/android-icon-96x96.png
diff --git a/public/fav/apple-icon-114x114.png b/public/fav/apple-icon-114x114.png
diff --git a/public/fav/apple-icon-120x120.png b/public/fav/apple-icon-120x120.png
diff --git a/public/fav/apple-icon-144x144.png b/public/fav/apple-icon-144x144.png
diff --git a/public/fav/apple-icon-152x152.png b/public/fav/apple-icon-152x152.png
diff --git a/public/fav/apple-icon-180x180.png b/public/fav/apple-icon-180x180.png
diff --git a/public/fav/apple-icon-57x57.png b/public/fav/apple-icon-57x57.png
diff --git a/public/fav/apple-icon-60x60.png b/public/fav/apple-icon-60x60.png
diff --git a/public/fav/apple-icon-72x72.png b/public/fav/apple-icon-72x72.png
diff --git a/public/fav/apple-icon-76x76.png b/public/fav/apple-icon-76x76.png
diff --git a/public/fav/apple-icon-precomposed.png b/public/fav/apple-icon-precomposed.png
diff --git a/public/fav/apple-icon.png b/public/fav/apple-icon.png
diff --git a/public/fav/browserconfig.xml b/public/fav/browserconfig.xml
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig><msapplication><tile><square70x70logo src="/ms-icon-70x70.png"/><square150x150logo src="/ms-icon-150x150.png"/><square310x310logo src="/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>
diff --git a/public/fav/favicon-16x16.png b/public/fav/favicon-16x16.png
diff --git a/public/fav/favicon-32x32.png b/public/fav/favicon-32x32.png
diff --git a/public/fav/favicon-96x96.png b/public/fav/favicon-96x96.png
diff --git a/public/fav/favicon.ico b/public/fav/favicon.ico
diff --git a/public/fav/manifest.json b/public/fav/manifest.json
@@ -0,0 +1,41 @@
+{
+  "name": "App",
+  "icons": [
+    {
+      "src": "/android-icon-36x36.png",
+      "sizes": "36x36",
+      "type": "image/png",
+      "density": "0.75"
+    },
+    {
+      "src": "/android-icon-48x48.png",
+      "sizes": "48x48",
+      "type": "image/png",
+      "density": "1.0"
+    },
+    {
+      "src": "/android-icon-72x72.png",
+      "sizes": "72x72",
+      "type": "image/png",
+      "density": "1.5"
+    },
+    {
+      "src": "/android-icon-96x96.png",
+      "sizes": "96x96",
+      "type": "image/png",
+      "density": "2.0"
+    },
+    {
+      "src": "/android-icon-144x144.png",
+      "sizes": "144x144",
+      "type": "image/png",
+      "density": "3.0"
+    },
+    {
+      "src": "/android-icon-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "density": "4.0"
+    }
+  ]
+}
diff --git a/public/fav/ms-icon-144x144.png b/public/fav/ms-icon-144x144.png
diff --git a/public/fav/ms-icon-150x150.png b/public/fav/ms-icon-150x150.png
diff --git a/public/fav/ms-icon-310x310.png b/public/fav/ms-icon-310x310.png
diff --git a/public/fav/ms-icon-70x70.png b/public/fav/ms-icon-70x70.png
diff --git a/public/index.html b/public/index.html
@@ -1,6 +1,6 @@
 <!--
   SPDX-License-Identifier: (EUPL-1.2)
-  Copyright © Simon Prast
+  Copyright © 2019-2020 Simon Prast
 -->
 <!DOCTYPE html>
 <html lang="en">
@@ -10,23 +10,55 @@
       name="viewport"
       content="width=device-width, initial-scale=1, shrink-to-fit=no"
     />
-    <meta name="theme-color" content="#000000" />
-    <!--
-      manifest.json provides metadata used when your web app is added to the
-      homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>React App</title>
+    <link rel="apple-touch-icon" sizes="57x57" href="%PUBLIC_URL%/fav/apple-icon-57x57.png">
+    <link rel="apple-touch-icon" sizes="60x60" href="%PUBLIC_URL%/fav/apple-icon-60x60.png">
+    <link rel="apple-touch-icon" sizes="72x72" href="%PUBLIC_URL%/fav/apple-icon-72x72.png">
+    <link rel="apple-touch-icon" sizes="76x76" href="%PUBLIC_URL%/fav/apple-icon-76x76.png">
+    <link rel="apple-touch-icon" sizes="114x114" href="%PUBLIC_URL%/fav/apple-icon-114x114.png">
+    <link rel="apple-touch-icon" sizes="120x120" href="%PUBLIC_URL%/fav/apple-icon-120x120.png">
+    <link rel="apple-touch-icon" sizes="144x144" href="%PUBLIC_URL%/fav/apple-icon-144x144.png">
+    <link rel="apple-touch-icon" sizes="152x152" href="%PUBLIC_URL%/fav/apple-icon-152x152.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="%PUBLIC_URL%/fav/apple-icon-180x180.png">
+    <link rel="icon" type="image/png" sizes="192x192"  href="%PUBLIC_URL%/fav/android-icon-192x192.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="%PUBLIC_URL%/fav/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="96x96" href="%PUBLIC_URL%/fav/favicon-96x96.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="%PUBLIC_URL%/fav/favicon-16x16.png">
+    <link rel="manifest" href="%PUBLIC_URL%/fav/manifest.json">
+    <meta name="msapplication-TileColor" content="#ffffff">
+    <meta name="msapplication-TileImage" content="%PUBLIC_URL%/fav/ms-icon-144x144.png">
+    <meta name="theme-color" content="#ffffff">
+    <title>SNEK - Social Network</title>
+    <!-- Start Single Page Apps for GitHub Pages -->
+    <script type="text/javascript">
+      // Single Page Apps for GitHub Pages
+      // https://github.com/rafrex/spa-github-pages
+      // Copyright (c) 2016 Rafael Pedicini, licensed under the MIT License
+      // ----------------------------------------------------------------------
+      // This script checks to see if a redirect is present in the query string
+      // and converts it back into the correct url and adds it to the
+      // browser's history using window.history.replaceState(...),
+      // which won't cause the browser to attempt to load the new url.
+      // When the single page app is loaded further down in this file,
+      // the correct url will be waiting in the browser's history for
+      // the single page app to route accordingly.
+      (function(l) {
+        if (l.search) {
+          var q = {};
+          l.search.slice(1).split('&').forEach(function(v) {
+            var a = v.split('=');
+            q[a[0]] = a.slice(1).join('=').replace(/~and~/g, '&');
+          });
+          if (q.p !== undefined) {
+            window.history.replaceState(null, null,
+              l.pathname.slice(0, -1) + (q.p || '') +
+              (q.q ? ('?' + q.q) : '') +
+              l.hash
+            );
+          }
+        }
+      }(window.location))
+    </script>
+    <!-- End Single Page Apps for GitHub Pages -->
   </head>
   <body>
     <noscript>

diff --git a/public/manifest.json b/public/manifest.json
@@ -1,6 +1,6 @@
 {
-  "short_name": "React App",
-  "name": "Create React App Sample",
+  "short_name": "SNEK",
+  "name": "SNEK - Social Network",
   "icons": [
     {
       "src": "favicon.ico",

diff --git a/snek-client-0.2.0-rc.5.tgz b/snek-client-0.2.0-rc.5.tgz
diff --git a/snek-intel-0.2.0-rc.2.tgz b/snek-intel-0.2.0-rc.2.tgz
diff --git a/src/App.js b/src/App.js
@@ -1,48 +1,67 @@
 //#region > Imports
 //> React
 // Contains all the functionality necessary to define React components
-import React from "react";
+import React, { useEffect } from "react";
 // DOM bindings for React Router
-import { BrowserRouter as Router } from "react-router-dom";
+import { withRouter } from "react-router-dom";
+//> Redux
+// Allows to React components read data from a Redux store, and dispatch actions
+// to the store to update data.
+import { useDispatch } from "react-redux";
+// Allows to manually display a LoadingBar
+import LoadingBarContainer from "react-redux-loading-bar";
 
+//> Actions
+// Functions to send data from the application to the store
+import { loginAction } from "./store/actions/authActions";
 //> Components
-/**
- * Footer: Global Footer
- * Navbar: Global navigation bar
- */
-//import { Footer, Navbar } from "./components/molecules";
-
+import { Footer, Navbar } from "./components/molecules";
+// Starts the page on top when reloaded or redirected
+import { ScrollToTop } from "./components/atoms";
 //> Routes
 import Routes from "./Routes";
 //#endregion
 
 //#region > Components
-class App extends React.Component {
-  render() {
-    return (
-      <Router>
+/**
+ * @class Root component which loads all other components
+ */
+function App() {
+  const dispatch = useDispatch();
+
+  useEffect(() => {
+    dispatch(loginAction());
+  }, []);
+
+  return (
+    <>
+      <header className="loading">
+        <LoadingBarContainer className="loading" maxProgress={35} />
+      </header>
+      <ScrollToTop>
         <div className="flyout">
-          {/*
           <Navbar />
-          */}
           <main>
             <Routes />
           </main>
-          {/*
           <Footer />
-          */}
         </div>
-      </Router>
-    );
-  }
+      </ScrollToTop>
+    </>
+  );
 }
 //#endregion
 
 //#region > Exports
-export default App;
+//> Default Component
+/**
+ * Got access to the history object’s properties and the closest
+ * <Route>'s match.
+ */
+export default withRouter(App);
 //#endregion
 
 /**
  * SPDX-License-Identifier: (EUPL-1.2)
- * Copyright © Simon Prast
+ * Copyright © 2019-2020 Simon Prast
  */
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		REACT_APP_ANONYMOUS_USER=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
		REACT_APP_VERSION=$npm_package_version
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		<?xml version="1.0" encoding="utf-8"?>
		<browserconfig><msapplication><tile><square70x70logo src="/ms-icon-70x70.png"/><square150x150logo src="/ms-icon-150x150.png"/><square310x310logo src="/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>