Project restart

.babelrc

@@ -1 +1,23 @@
-{"presets": ["es2015", "react"]}
+{
+	"presets": [
+    ["env", {"targets": { "node": 6 }, "useBuiltIns": true }],
+    "stage-0",
+    "react"
+  ],
+  "plugins": ["add-module-exports"],
+  "env": {
+    "production": {
+      "presets": ["react-optimize"],
+      "plugins": ["babel-plugin-dev-expression"]
+    },
+    "development": {
+			"plugins": ["tcomb"],
+      "presets": ["react-hmre"]
+    },
+    "test": {
+      "plugins": [
+        ["webpack-loaders", { "config": "webpack.config.test.js", "verbose": false }]
+      ]
+    }
+  }
+}

.editorconfig

@@ -0,0 +1,19 @@
+root = true
+
+[*]
+indent_style = tab
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.{json,js,jsx,html,css}]
+indent_style = space
+indent_size = 2
+
+[.eslintrc]
+indent_style = space
+indent_size = 2
+
+[*.md]
+trim_trailing_whitespace = false

.eslintrc

@@ -0,0 +1,40 @@
+{
+  "parser": "babel-eslint",
+  "extends": "airbnb",
+  "env": {
+    "browser": true,
+    "mocha": true,
+    "node": true
+  },
+  "rules": {
+    "arrow-parens": ["off"],
+    "consistent-return": "off",
+    "comma-dangle": "off",
+    "generator-star-spacing": "off",
+    "import/no-unresolved": ["error", { "ignore": ["electron"] }],
+    "import/no-extraneous-dependencies": "off",
+    "no-use-before-define": "off",
+    "promise/param-names": 2,
+    "promise/always-return": 2,
+    "promise/catch-or-return": 2,
+    "promise/no-native": 0,
+    "react/jsx-no-bind": "off",
+    "react/jsx-filename-extension": ["error", { "extensions": [".js", ".jsx"] }],
+    "react/prefer-stateless-function": "off",
+    "flowtype-errors/show-errors": 2
+  },
+  "plugins": [
+    "flowtype",
+    "flowtype-errors",
+    "import",
+    "promise",
+    "react"
+  ],
+  "settings": {
+    "import/resolver": {
+      "webpack": {
+        "config": "webpack.config.eslint.js"
+      }
+    }
+  }
+}

.flowconfig

@@ -0,0 +1,21 @@
+[ignore]
+.*/node_modules/fbjs/.*
+.*/app/main.js
+.*/app/dist/.*
+.*/release/.*
+.*/git/.*
+
+[include]
+
+[libs]
+
+[options]
+esproposal.class_static_fields=enable
+esproposal.class_instance_fields=enable
+esproposal.export_star_as=enable
+module.name_mapper.extension='css' -> '<PROJECT_ROOT>/flow/CSSModule.js.flow'
+module.name_mapper.extension='styl' -> '<PROJECT_ROOT>/flow/CSSModule.js.flow'
+module.name_mapper.extension='png' -> '<PROJECT_ROOT>/flow/WebpackAsset.js.flow'
+module.name_mapper.extension='jpg' -> '<PROJECT_ROOT>/flow/WebpackAsset.js.flow'
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe
+suppress_comment=\\(.\\|\n\\)*\\$FlowIssue

.gitattributes

@@ -0,0 +1,4 @@
+* text eol=lf
+*.png binary
+*.ico binary
+*.icns binary

app/.eslintrc

@@ -0,0 +1,22 @@
+{
+  "rules": {
+    "flowtype/boolean-style": [2, "boolean"],
+    "flowtype/define-flow-type": 1,
+    "flowtype/delimiter-dangle": [2, "never"],
+    "flowtype/generic-spacing": [2, "never"],
+    "flowtype/no-primitive-constructor-types": 2,
+    "flowtype/no-weak-types": 1,
+    "flowtype/object-type-delimiter": [2, "comma"],
+    "flowtype/require-parameter-type": 0,
+    "flowtype/require-return-type": 0,
+    "flowtype/require-valid-file-annotation": 0,
+    "flowtype/semi": [2, "always"],
+    "flowtype/space-after-type-colon": [2, "always"],
+    "flowtype/space-before-generic-bracket": [2, "never"],
+    "flowtype/space-before-type-colon": [2, "never"],
+    "flowtype/union-intersection-spacing": [2, "always"],
+    "flowtype/use-flow-type": 2,
+    "flowtype/valid-syntax": 2,
+    "flowtype-errors/show-errors": 2
+  }
+}

app/app.global.css

@@ -0,0 +1,177 @@
+@import "~../resources/external/bootstrap/css/bootstrap.min.css";
+@import "~../resources/external/font-awesome/css/font-awesome.min.css";
+@import "~../resources/external/fonts/Questrial/font.css";
+
+
+html {
+  cursor: default;
+  -webkit-user-select: none;
+}
+
+body {
+  position: relative;
+  height: 100vh;
+  background-color: #16171A;
+  background-image: linear-gradient(45deg, #4568DC, #B06AB3);
+  font-family: Questrial;
+  font-size: 24px;
+  overflow-y: hidden;
+  margin-bottom: 100px;
+  color: #FAFAFA;
+}
+
+a, a:hover, a:focus {
+  color: white;
+  text-decoration: none;
+}
+
+::-webkit-scrollbar {
+    width: 12px;
+}
+
+::-webkit-scrollbar-track {
+    background-color: #16171A00;
+    border-radius: 0px;
+}
+
+::-webkit-scrollbar-thumb {
+    border-radius: 8px;
+    background-color: #16171AAA;
+}
+
+.navbar {
+  min-height: 25px;
+  height: 25px;
+  line-height: 25px;
+  z-index: 3;
+  cursor: default;
+  border-radius: 0px;
+  border-width: 0px;
+  background-color: #16171A;
+  box-shadow: 0 -6px 25px #000000;
+}
+
+.navbar>a {
+  height:100%;
+  padding: 0;
+}
+
+.btn:focus,
+.btn:active {
+  outline:none;
+}
+
+.navbar>button.btn-link, .navbar>button.btn-link:focus {
+  padding-left: 10px;
+  padding-right: 10px;
+  padding-top: 2px;
+  padding-bottom: 0px;
+  color: white;
+  text-decoration: none;
+  cursor: default;
+  outline:none;
+}
+
+.navbar-header {
+  height: 25px;
+}
+
+.navbar-brand {
+  padding: 0;
+  padding-top: 2px;
+  height: 100%;
+}
+
+.table>tbody>tr:hover {
+  background-color: #16171ADD;
+}
+
+.form-inline {
+  width: 100%;
+}
+
+.form-group {
+  padding: 0px 0px 0px 0px;
+  margin: 0px;
+  width: 100%;
+}
+
+.searchfield-group{
+  margin-bottom: 12px;
+}
+
+.searchicon {
+  width: 24px !important;
+  color: #FAFAFA;
+  background-color:rgba(0,0,0,0) !important;
+  border-radius: 0px;
+  border: 0px;
+  border-bottom: 2px solid #FAFAFA;
+}
+
+.searchfield {
+  width:150px;
+  color: #FAFAFA;
+  background-color:rgba(0,0,0,0) !important;
+  border-radius: 0px;
+  border: 0px;
+  border-bottom: 2px solid #FAFAFA;
+  margin-bottom: 6px;
+  box-shadow: inset 0 0px 0px rgba(0,0,0,0),0 0 0px rgba(0,0,0,0);
+}
+
+.searchfield:focus {
+  box-shadow: inset 0 0px 0px rgba(0,0,0,0),0 0 0px rgba(0,0,0,0);
+}
+
+.multiselect-native-select>select {
+  display: none;
+}
+
+.multiselect-native-select>.btn-group {
+  width: 100%;
+}
+
+.multiselect-search-source,
+.multiselect-search-source:hover,
+.multiselect-search-source:focus,
+.multiselect-search-source:active  {
+  width: 100%;
+  color: #FAFAFA;
+  background-color:rgba(0,0,0,0) !important;
+  border-radius: 0px;
+  border: 0px;
+  border-bottom: 2px solid #FAFAFA;
+  margin-bottom: 1px;
+  box-shadow: inset 0 0px 0px rgba(0,0,0,0),0 0 0px rgba(0,0,0,0);
+}
+
+.btn-group.open .dropdown-toggle {
+  box-shadow: inset 0 0px 0px rgba(0,0,0,0),0 0 0px rgba(0,0,0,0);
+}
+
+.open>.dropdown-toggle.btn-default:focus,
+.open>.dropdown-toggle.btn-default:hover {
+  border-color: #66afe9;
+}
+
+.input-group .form-control{
+  z-index: auto;
+}
+
+.form-inline{
+  padding-left: 12px;
+  padding-right: 12px;
+  margin-bottom: 12px;
+}
+
+.content-loading {
+  height: 100%;
+  line-height: 750px;
+  vertical-align:middle;
+  text-align: center;
+}
+
+.alert {
+  padding: 0px;
+}

app/app.html

@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Hello Electron React!</title>
+    <script>
+      (function() {
+        if (!process.env.HOT) {
+          const link = document.createElement('link');
+          link.rel = 'stylesheet';
+          link.href = './dist/style.css';
+          // HACK: Writing the script path should be done with webpack
+          document.getElementsByTagName('head')[0].appendChild(link);
+        }
+      }());
+    </script>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script src="../resources/external/bootstrap/js/bootstrap.min.js"></script>
+    <script>
+      {
+        const script = document.createElement('script');
+        const port = process.env.PORT || 3000;
+        script.src = (process.env.HOT)
+          ? 'http://localhost:' + port + '/dist/bundle.js'
+          : './dist/bundle.js';
+        // HACK: Writing the script path should be done with webpack
+        document.body.appendChild(script);
+      }
+    </script>
+  </body>
+</html>

app/components/Home.css

@@ -0,0 +1,10 @@
+.container {
+  position: absolute;
+  left: 0px;
+  right: 250px;
+  text-align: center;
+}
+
+.container h2 {
+  font-size: 5rem;
+}