Improved configuration system on frontend.

frontend/app/js/views/App/index.jsx

@@ -7,7 +7,7 @@ import { ban, authenticate } from "actions/app";
 import Menu from "components/Global/Menu";
 
 import io from "../../io";
-import config from "../../../../config/default";
+import config from "config";
 import AuthRoute from "../Auth/AuthRoute";
 
 const asyncComponent = getComponent => {

frontend/app/js/views/Auth/Login.jsx

@@ -4,7 +4,7 @@ import CustomInput from "./CustomInput.jsx";
 import CustomErrors from "./CustomErrors.jsx";
 
 import io from "../../io";
-import config from "../../../../config/default";
+import config from "config";
 
 export default class Login extends Component {
 	constructor() {

frontend/app/js/views/Auth/Register.jsx

@@ -4,7 +4,7 @@ import CustomInput from "./CustomInput.jsx";
 import CustomErrors from "./CustomErrors.jsx";
 
 import io from "../../io";
-import config from "../../../../config/default";
+import config from "config";
 
 export default class Register extends Component {
 	constructor() {

frontend/app/js/views/Auth/Settings.jsx

@@ -4,7 +4,7 @@ import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { NavLink } from "react-router-dom";
 
-import config from "../../../../config/default";
+import config from "config";
 
 import CustomInput from "./CustomInput.jsx";
 import CustomErrors from "./CustomErrors.jsx";

frontend/app/js/views/Home/index.jsx

@@ -3,6 +3,8 @@ import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { increment } from "actions/app";
 
+import config from "config";
+
 @connect(state => ({
 	counter: state.app.get("counter"),
 }))

frontend/config/index.js

@@ -0,0 +1,18 @@
+import templateConfig from "./template";
+import defaultConfig from "./default";
+
+function replaceObject(toReplace, toReplaceWith) {
+	const toReplaceObj = toReplace;
+	Object.keys(toReplaceWith).forEach((key) => {
+		const value = toReplaceWith[key];
+		if (!value) return;
+		if (typeof value === "object") {
+			toReplaceObj[key] = replaceObject(toReplace[key], toReplaceWith[key]);
+		} else {
+			toReplaceObj[key] = value;
+		}
+	});
+	return toReplaceObj;
+}
+
+export default replaceObject(templateConfig, defaultConfig);

frontend/config/template.js

@@ -1,11 +1,11 @@
 export default {
-    "recaptcha": {
-		"key": ""
+	"recaptcha": {
+		"key": "",
 	},
-  	"serverDomain": "",
-  	"cookie": {
+	"serverDomain": "",
+	"cookie": {
 		"domain": "",
 		"secure": false,
 		"sidName": "SID",
-	}
-}
+	},
+};

frontend/webpack.config.js

@@ -142,7 +142,8 @@ module.exports = {
 		extensions: [".webpack-loader.js", ".web-loader.js", ".loader.js", ".js", ".jsx"],
 		modules: [
 			path.resolve(__dirname, "node_modules"),
-			path.join(__dirname, "./app/js"),
+			path.resolve(__dirname, "./app/js"),
+			path.resolve(__dirname, "./"),
 		],
 	},
 	plugins,