Start of backend and webserver
This commit is contained in:
parent
a06a558d7b
commit
e7e5168073
GPG key ID:
0989A73D8C421174
22 changed files with 130 additions and 283 deletions
3
frontend/.gitignore
vendored
Normal file
3
frontend/.gitignore
vendored
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
# Node files
|
||||
node_modules/
|
||||
package-lock.json
|
||||
30
frontend/config.js
Normal file
30
frontend/config.js
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
const fs = require("fs");
|
||||
|
||||
const loadConfig = module.exports.load = (configPath) => {
|
||||
function writeToObject(write, read) {
|
||||
for (const key in read) {
|
||||
if (typeof read[key] === 'object') {
|
||||
if (write[key] != null) {
|
||||
writeToObject(write[key], read[key]);
|
||||
} else {
|
||||
write[key] = read[key];
|
||||
}
|
||||
} else {
|
||||
write[key] = read[key];
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const baseConfig = JSON.parse(fs.readFileSync(configPath));
|
||||
|
||||
const config = {};
|
||||
if (baseConfig.extends !== undefined) {
|
||||
for (const path of baseConfig.extends) {
|
||||
const parent = loadConfig(path);
|
||||
writeToObject(config, parent);
|
||||
}
|
||||
}
|
||||
writeToObject(config, baseConfig);
|
||||
delete config.extends;
|
||||
return config;
|
||||
};
|
||||
1
frontend/config/base.json
Normal file
1
frontend/config/base.json
Normal file
|
|
@ -0,0 +1 @@
|
|||
{}
|
||||
7
frontend/config/debug.json
Normal file
7
frontend/config/debug.json
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
{
|
||||
"extends": [
|
||||
"config/base.json"
|
||||
],
|
||||
"build": "debug",
|
||||
"port": 8080
|
||||
}
|
||||
7
frontend/config/release.json
Normal file
7
frontend/config/release.json
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
{
|
||||
"extends": [
|
||||
"config/base.json"
|
||||
],
|
||||
"build": "release",
|
||||
"port": 80
|
||||
}
|
||||
19
frontend/package.json
Normal file
19
frontend/package.json
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
{
|
||||
"name": "frontend",
|
||||
"version": "1.0.0",
|
||||
"description": "Cross platform achievement tracker",
|
||||
"repository": "github:Gnarwhal/AchievementProject",
|
||||
"main": "static_server.js",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1",
|
||||
"debug": "node static_server.js config/debug.json",
|
||||
"release": "node static_server.js config/release.json"
|
||||
},
|
||||
"author": "",
|
||||
"license": "ISC",
|
||||
"dependencies": {
|
||||
"express": "^4.17.1",
|
||||
"morgan": "^1.10.0",
|
||||
"xml2js": "^0.4.23"
|
||||
}
|
||||
}
|
||||
58
frontend/static_server.js
Normal file
58
frontend/static_server.js
Normal file
|
|
@ -0,0 +1,58 @@
|
|||
const express = require('express');
|
||||
const morgan = require('morgan' );
|
||||
const fs = require('fs' );
|
||||
const http = require('http' );
|
||||
|
||||
const config = require('./config.js').load(process.argv[2]);
|
||||
|
||||
const app = express();
|
||||
app.use("/", morgan("dev"));
|
||||
app.use("/", (request, response, next) => {
|
||||
/*if (request.headers['accept'].split(',')[0] === 'text/html') {
|
||||
let path = request.url;
|
||||
if (path === '/') {
|
||||
path = "/index.html";
|
||||
}
|
||||
path = 'webpage' + path;
|
||||
fs.readFile(path, 'utf8', (err, fileData) => {
|
||||
if (err) {
|
||||
response.statusCode = 500;
|
||||
response.statusMessage = 'Unkown file read error';
|
||||
console.log(err);
|
||||
}
|
||||
|
||||
if (path === 'webpage/index.html') {
|
||||
console.log("ummmm");
|
||||
dbRequest = http.get("http://localhost:4730/achievements", dbResponse => {
|
||||
console.log("Yesting?");
|
||||
dbResponse.on('data', achievementData => {
|
||||
console.log("Hello?");
|
||||
achievementData = JSON.parse(achievementData);
|
||||
let list = "";
|
||||
for (const achievement of achievementData.achievements) {
|
||||
list = list +
|
||||
`<div class="list-page-list-entry">
|
||||
<img class="achievement-list-page-entry-icon" src="res/dummy_achievement.png" alt="Achievement Icon.png" />
|
||||
<p class="achievement-list-page-entry-name">${achievement.name}</p>
|
||||
<p class="achievement-list-page-entry-description">${achievement.description}</p>
|
||||
<p class="achievement-list-page-entry-game">${achievement.gameID}</p>
|
||||
</div>`;
|
||||
}
|
||||
|
||||
response.statusCode = 200;
|
||||
response.statusMessage = 'OK';
|
||||
response.write(Buffer.from(fileDate.replace("\${list}", list), 'utf8'));
|
||||
response.end();
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
} else {
|
||||
next();
|
||||
}*/
|
||||
next();
|
||||
});
|
||||
app.use("/", express.static("webpage"));
|
||||
|
||||
app.listen(config.port);
|
||||
|
|
@ -116,102 +116,7 @@
|
|||
<p class="achievement-list-page-entry-description">Description</p>
|
||||
<p class="achievement-list-page-entry-game">Game</p>
|
||||
</div>
|
||||
<div class="list-page-list-entry">
|
||||
<img class="achievement-list-page-entry-icon" src="res/dummy_achievement.png" alt="Achievement Icon.png" />
|
||||
<p class="achievement-list-page-entry-name">Lorem Ipsum</p>
|
||||
<p class="achievement-list-page-entry-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
<p class="achievement-list-page-entry-game">Latin</p>
|
||||
</div>
|
||||
<div class="list-page-list-entry">
|
||||
<img class="achievement-list-page-entry-icon" src="res/dummy_achievement.png" alt="Achievement Icon.png" />
|
||||
<p class="achievement-list-page-entry-name">Lorem Ipsum</p>
|
||||
<p class="achievement-list-page-entry-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
<p class="achievement-list-page-entry-game">Latin</p>
|
||||
</div>
|
||||
<div class="list-page-list-entry">
|
||||
<img class="achievement-list-page-entry-icon" src="res/dummy_achievement.png" alt="Achievement Icon.png" />
|
||||
<p class="achievement-list-page-entry-name">Lorem Ipsum</p>
|
||||
<p class="achievement-list-page-entry-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
<p class="achievement-list-page-entry-game">Latin</p>
|
||||
</div>
|
||||
<div class="list-page-list-entry">
|
||||
<img class="achievement-list-page-entry-icon" src="res/dummy_achievement.png" alt="Achievement Icon.png" />
|
||||
<p class="achievement-list-page-entry-name">Lorem Ipsum</p>
|
||||
<p class="achievement-list-page-entry-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
<p class="achievement-list-page-entry-game">Latin</p>
|
||||
</div>
|
||||
<div class="list-page-list-entry">
|
||||
<img class="achievement-list-page-entry-icon" src="res/dummy_achievement.png" alt="Achievement Icon.png" />
|
||||
<p class="achievement-list-page-entry-name">Lorem Ipsum</p>
|
||||
<p class="achievement-list-page-entry-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
<p class="achievement-list-page-entry-game">Latin</p>
|
||||
</div>
|
||||
<div class="list-page-list-entry">
|
||||
<img class="achievement-list-page-entry-icon" src="res/dummy_achievement.png" alt="Achievement Icon.png" />
|
||||
<p class="achievement-list-page-entry-name">Lorem Ipsum</p>
|
||||
<p class="achievement-list-page-entry-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
<p class="achievement-list-page-entry-game">Latin</p>
|
||||
</div>
|
||||
<div class="list-page-list-entry">
|
||||
<img class="achievement-list-page-entry-icon" src="res/dummy_achievement.png" alt="Achievement Icon.png" />
|
||||
<p class="achievement-list-page-entry-name">Lorem Ipsum</p>
|
||||
<p class="achievement-list-page-entry-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
<p class="achievement-list-page-entry-game">Latin</p>
|
||||
</div>
|
||||
<div class="list-page-list-entry">
|
||||
<img class="achievement-list-page-entry-icon" src="res/dummy_achievement.png" alt="Achievement Icon.png" />
|
||||
<p class="achievement-list-page-entry-name">Lorem Ipsum</p>
|
||||
<p class="achievement-list-page-entry-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
<p class="achievement-list-page-entry-game">Latin</p>
|
||||
</div>
|
||||
<div class="list-page-list-entry">
|
||||
<img class="achievement-list-page-entry-icon" src="res/dummy_achievement.png" alt="Achievement Icon.png" />
|
||||
<p class="achievement-list-page-entry-name">Lorem Ipsum</p>
|
||||
<p class="achievement-list-page-entry-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
<p class="achievement-list-page-entry-game">Latin</p>
|
||||
</div>
|
||||
<div class="list-page-list-entry">
|
||||
<img class="achievement-list-page-entry-icon" src="res/dummy_achievement.png" alt="Achievement Icon.png" />
|
||||
<p class="achievement-list-page-entry-name">Lorem Ipsum</p>
|
||||
<p class="achievement-list-page-entry-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
<p class="achievement-list-page-entry-game">Latin</p>
|
||||
</div>
|
||||
<div class="list-page-list-entry">
|
||||
<img class="achievement-list-page-entry-icon" src="res/dummy_achievement.png" alt="Achievement Icon.png" />
|
||||
<p class="achievement-list-page-entry-name">Lorem Ipsum</p>
|
||||
<p class="achievement-list-page-entry-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
<p class="achievement-list-page-entry-game">Latin</p>
|
||||
</div>
|
||||
<div class="list-page-list-entry">
|
||||
<img class="achievement-list-page-entry-icon" src="res/dummy_achievement.png" alt="Achievement Icon.png" />
|
||||
<p class="achievement-list-page-entry-name">Lorem Ipsum</p>
|
||||
<p class="achievement-list-page-entry-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
<p class="achievement-list-page-entry-game">Latin</p>
|
||||
</div>
|
||||
<div class="list-page-list-entry">
|
||||
<img class="achievement-list-page-entry-icon" src="res/dummy_achievement.png" alt="Achievement Icon.png" />
|
||||
<p class="achievement-list-page-entry-name">Lorem Ipsum</p>
|
||||
<p class="achievement-list-page-entry-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
<p class="achievement-list-page-entry-game">Latin</p>
|
||||
</div>
|
||||
<div class="list-page-list-entry">
|
||||
<img class="achievement-list-page-entry-icon" src="res/dummy_achievement.png" alt="Achievement Icon.png" />
|
||||
<p class="achievement-list-page-entry-name">Lorem Ipsum</p>
|
||||
<p class="achievement-list-page-entry-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
<p class="achievement-list-page-entry-game">Latin</p>
|
||||
</div>
|
||||
<div class="list-page-list-entry">
|
||||
<img class="achievement-list-page-entry-icon" src="res/dummy_achievement.png" alt="Achievement Icon.png" />
|
||||
<p class="achievement-list-page-entry-name">Lorem Ipsum</p>
|
||||
<p class="achievement-list-page-entry-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
<p class="achievement-list-page-entry-game">Latin</p>
|
||||
</div>
|
||||
<div class="list-page-list-entry">
|
||||
<img class="achievement-list-page-entry-icon" src="res/dummy_achievement.png" alt="Achievement Icon.png" />
|
||||
<p class="achievement-list-page-entry-name">Lorem Ipsum</p>
|
||||
<p class="achievement-list-page-entry-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
<p class="achievement-list-page-entry-game">Latin</p>
|
||||
</div>
|
||||
${list}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
Before Width: | Height: | Size: 91 KiB After Width: | Height: | Size: 91 KiB |
|
Before Width: | Height: | Size: 113 KiB After Width: | Height: | Size: 113 KiB |
|
Before Width: | Height: | Size: 88 KiB After Width: | Height: | Size: 88 KiB |
|
Before Width: | Height: | Size: 79 KiB After Width: | Height: | Size: 79 KiB |
|
Before Width: | Height: | Size: 41 KiB After Width: | Height: | Size: 41 KiB |
|
Before Width: | Height: | Size: 135 KiB After Width: | Height: | Size: 135 KiB |
Loading…
Add table
Add a link
Reference in a new issue