Beta development start
This commit is contained in:
GitHub
parent
9a7684c048
commit
2b615282af
22 changed files with 102 additions and 825 deletions
296
index.js
296
index.js
|
|
@ -2,7 +2,8 @@ const express = require('express'),
|
|||
path = require('path'),
|
||||
fs = require('fs'),
|
||||
WebSocket = require('ws'),
|
||||
minify = require('minify-html')
|
||||
minify = require('minify-html'),
|
||||
pageUpdater = require('./pageUpdater.js')
|
||||
|
||||
var app = express()
|
||||
|
||||
|
|
@ -98,287 +99,7 @@ function gameTimeFormatter(seconds) {
|
|||
|
||||
}
|
||||
|
||||
async function pageUpdate() {
|
||||
|
||||
var genStart = Date.now()
|
||||
|
||||
var statuses = {
|
||||
"online": {
|
||||
"text": "Online",
|
||||
"color": "rgb(100, 255, 100)"
|
||||
},
|
||||
"dnd": {
|
||||
"text": "DND",
|
||||
"color": "rgb(255, 100, 100)"
|
||||
},
|
||||
"idle": {
|
||||
"text": "Idle",
|
||||
"color": "rgb(255, 255, 75)"
|
||||
},
|
||||
"offline": {
|
||||
"text": "",
|
||||
"color": "rgb(255, 255, 255)"
|
||||
}
|
||||
}
|
||||
|
||||
var html = fs.readFileSync(mainpage).toString()
|
||||
|
||||
var addedHTML = ""
|
||||
|
||||
if (lanyardData) {
|
||||
var statusData = statuses[lanyardData.discord_status]
|
||||
|
||||
addedHTML += `<p style="color: ${statusData.color}">${statusData.text}</p>`
|
||||
addedHTML += `<style>.pfp { border-color: ${statusData.color} !important }</style>`
|
||||
}
|
||||
|
||||
html = html.replace("{LANYARD_STATUS}", addedHTML)
|
||||
|
||||
addedHTML = ""
|
||||
|
||||
if (lanyardData && lanyardData.activities.length > 0) {
|
||||
if (lanyardData.activities[0].type == 4) {
|
||||
var status = lanyardData.activities[0]
|
||||
addedHTML += "<hr><p>"
|
||||
if (status.emoji) {
|
||||
if (status.emoji.id) {
|
||||
addedHTML += `<img class="emoji" src="${getThumbor()}/https://cdn.discordapp.com/emojis/${status.emoji.id}.webp?size=32&quality=lossless"/> `
|
||||
} else {
|
||||
addedHTML += status.emoji.name
|
||||
}
|
||||
}
|
||||
if (status.state) {
|
||||
addedHTML += `<em><span style="color: lightgray; white-space: pre-wrap">"`
|
||||
// addedHTML += (status.state || "")
|
||||
var splitStatus = status.state.split(' ')
|
||||
|
||||
for (let index = 0; index < splitStatus.length; index++) {
|
||||
const text = splitStatus[index];
|
||||
if (highlight[text]) {
|
||||
addedHTML += `<span style="color: ${highlight[text]}">${text}</span>`
|
||||
} else {
|
||||
addedHTML += text
|
||||
}
|
||||
addedHTML += ' '
|
||||
}
|
||||
addedHTML = addedHTML.trim()
|
||||
addedHTML += `"</span>`
|
||||
}
|
||||
addedHTML += ` - ${lanyardData.discord_user.display_name} ${new Date(Date.now()).getFullYear()}</em></p>`
|
||||
}
|
||||
}
|
||||
|
||||
html = html.replace("{LANYARD_QUOTE}", addedHTML)
|
||||
|
||||
addedHTML = ""
|
||||
|
||||
var debounce = false
|
||||
|
||||
if (lanyardData && lanyardData.activities.length > 0) {
|
||||
for (let index = 0; index < lanyardData.activities.length; index++) {
|
||||
const activity = lanyardData.activities[index];
|
||||
|
||||
var found = false
|
||||
for (let index = 0; index < lanyardData.activities.length; index++) {
|
||||
const act = lanyardData.activities[index]
|
||||
if (act.name == activity.name) {
|
||||
if (Object.keys(act).length > Object.keys(activity).length) {
|
||||
found = true
|
||||
}
|
||||
}
|
||||
}
|
||||
if (found) {
|
||||
continue
|
||||
}
|
||||
|
||||
if (!debounce && activity.type != 4) {
|
||||
addedHTML += `<h2><hr>What I'm up to:</h2><div class="container-fluid row" style="margin: 0; padding: 0; display: flex;">`
|
||||
debounce = true
|
||||
}
|
||||
|
||||
|
||||
function get_img(activity, size = "large_image") {
|
||||
if (cachedImages[get_img_url(activity, size)]) {
|
||||
var fn = cachedImages[get_img_url(activity, size)]
|
||||
var fp = path.join(staticpath, 'cached', fn)
|
||||
} else {
|
||||
return 'imgs/notFound.png'
|
||||
}
|
||||
|
||||
return '/cached/' + fn
|
||||
}
|
||||
|
||||
function songStats() {
|
||||
var html = ``
|
||||
|
||||
if (activity.assets && activity.assets.large_text != activity.details) {
|
||||
html += `
|
||||
<br> Album: ${activity.assets.large_text || " "}
|
||||
<br> Artist: ${activity.state || " "}
|
||||
`
|
||||
} else {
|
||||
html += `<br> Artist: ${activity.state || " "}`
|
||||
}
|
||||
|
||||
return html
|
||||
}
|
||||
if (activity.type == 2) {
|
||||
var timeLeft = Math.round((activity.timestamps.end - Date.now()) / 1000)
|
||||
var currentPercent = (Date.now() - activity.timestamps.start) / (activity.timestamps.end - activity.timestamps.start) * 100
|
||||
addedHTML += `
|
||||
<div class="chip activity col-md-6 testing">
|
||||
<img src="${get_img(activity)}" title="${activity.assets.large_text || activity.assets.small_text || activity.state || ""}">
|
||||
<p>
|
||||
Listening to <span style="color: limegreen;">${activity.name}</span>
|
||||
<br> Song: ${activity.details || " "}
|
||||
${songStats()}
|
||||
<br>
|
||||
<span class="lengthBar lengthBar${index}"><span></span></span>
|
||||
${timeFormatter((activity.timestamps.end - activity.timestamps.start) / 1000)}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
|
||||
.lengthBar${index} > span {
|
||||
animation-name: songSlider${index};
|
||||
animation-duration: ${timeLeft}s;
|
||||
animation-timing-function: linear;
|
||||
}
|
||||
|
||||
@keyframes songSlider${index} {
|
||||
0% {
|
||||
width: ${currentPercent}%;
|
||||
}
|
||||
100% {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
`
|
||||
} else if (activity.type == 0) {
|
||||
var time = activity.created_at
|
||||
if (activity.timestamps) {
|
||||
time = activity.timestamps.start
|
||||
}
|
||||
if (!activity.assets) {
|
||||
activity.assets = { "large_text": " ", "small_text": " " }
|
||||
}
|
||||
|
||||
function smch() {
|
||||
if (get_img_url(activity, "small_image")) {
|
||||
return `<img class="smallimg" src="${get_img(activity, "small_image")}" title="${activity.assets.small_text}">`
|
||||
}
|
||||
return ""
|
||||
}
|
||||
|
||||
|
||||
addedHTML += `
|
||||
<div class="chip activity col-md-6 testing">
|
||||
<img src="${get_img(activity)}" title="${activity.assets.large_text}">
|
||||
${smch()}
|
||||
<p>
|
||||
Playing <span style="color: rgb(255, 100, 150);">${activity.name}</span>
|
||||
<br> ${(activity.details || activity.assets.large_text || " ")}
|
||||
<br> ${(activity.state || activity.assets.small_text || " ")}
|
||||
<br> ${gameTimeFormatter((Date.now() - time) / 1000)}
|
||||
</p>
|
||||
|
||||
</div>
|
||||
`
|
||||
} else if (activity.type != 4) {
|
||||
var time = activity.created_at
|
||||
if (activity.timestamps) {
|
||||
time = activity.timestamps.start
|
||||
}
|
||||
if (!activity.assets) {
|
||||
activity.assets = { "large_text": " ", "small_text": " " }
|
||||
}
|
||||
|
||||
addedHTML += `
|
||||
<div class="chip activity col-md-6 testing">
|
||||
<img src="${get_img(activity)}" title="${activity.assets.large_text || activity.assets.small_text}">
|
||||
<p>
|
||||
<span style="color: rgb(225, 200, 255);">${activity.name}</span>
|
||||
<br> ${(activity.details || activity.assets.large_text || " ")}
|
||||
<br> ${(activity.state || activity.assets.small_text || " ")}
|
||||
<br> ${gameTimeFormatter((Date.now() - time) / 1000)}
|
||||
</p>
|
||||
|
||||
</div>
|
||||
`
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (addedHTML) {
|
||||
addedHTML += "</div>"
|
||||
}
|
||||
|
||||
html = html.replace("{LANYARD_FULL}", addedHTML)
|
||||
|
||||
addedHTML = ""
|
||||
|
||||
var socialsHTML = fs.readFileSync(path.join(__dirname, 'static/socials/index.html')).toString()
|
||||
// socialsHTML = socialsHTML.substring(0, socialsHTML.lastIndexOf("</div>"))
|
||||
addedHTML += "<h2><hr>Socials</h2>"
|
||||
addedHTML += socialsHTML.substring(socialsHTML.indexOf("<div"), socialsHTML.lastIndexOf("</div>") + 6)
|
||||
|
||||
html = html.replace("{SOCIALS}", addedHTML)
|
||||
|
||||
var now = new Date()
|
||||
|
||||
currentMonth = now.getMonth() + 1
|
||||
|
||||
if ([11, 12].includes(currentMonth)) { // The Below HTML is copy and pasted from that one site :>
|
||||
html = html.replace("{SEASONAL_EFFECT}", fs.readFileSync(path.join(__dirname, 'static/snow.html')))
|
||||
} else {
|
||||
html = html.replace("{SEASONAL_EFFECT}", "")
|
||||
}
|
||||
|
||||
var quote = randomQuotes[Math.floor(Math.random() * randomQuotes.length)]
|
||||
|
||||
var splitQuote = quote.split(' ')
|
||||
|
||||
var finalQuote = ''
|
||||
|
||||
for (let index = 0; index < splitQuote.length; index++) {
|
||||
const text = splitQuote[index];
|
||||
if (highlight[text]) {
|
||||
finalQuote += `<span style="color: ${highlight[text]}">${text}</span>`
|
||||
} else {
|
||||
finalQuote += text
|
||||
}
|
||||
finalQuote += ' '
|
||||
}
|
||||
|
||||
quote = finalQuote.trim()
|
||||
|
||||
quote = quote.replace("{QUOTE_COUNT}", randomQuotes.length)
|
||||
|
||||
html = html.replace("{RANDOM_QUOTE}", quote)
|
||||
|
||||
if (process.env.BRANCH == "dev") {
|
||||
html = html.replace("{OPPOSITE_URL}", "www")
|
||||
html = html.replace("{OPPOSITE_BRANCH}", "Main")
|
||||
} else {
|
||||
html = html.replace("{OPPOSITE_URL}", "beta")
|
||||
html = html.replace("{OPPOSITE_BRANCH}", "Beta")
|
||||
}
|
||||
|
||||
html = html.replace("{COMMIT_COUNT}", commitCount)
|
||||
|
||||
html = html.replace("{UPTIME}", gameTimeFormatter((Date.now() - uptime) / 1000))
|
||||
html = html.replace("{LAST_LANYARD}", gameTimeFormatter((Date.now() - lastLanyardUpdate) / 1000) + ' ago')
|
||||
html = html.replace("{QUOTE_COUNT}", randomQuotes.length)
|
||||
html = html.replace("{CACHED_IMAGES}", fs.readdirSync(path.join(staticpath, 'cached')).length)
|
||||
|
||||
html = html.replace("{GENERATION_TIME}", Math.ceil(Date.now() - genStart).toString() + 'ms')
|
||||
|
||||
//fs.writeFileSync(path.join(__dirname, 'static/index.html'), html)
|
||||
return html
|
||||
}
|
||||
|
||||
app.use(pageUpdater.middleWare)
|
||||
|
||||
// Lanyard Stuffs
|
||||
|
||||
|
|
@ -447,12 +168,11 @@ function socketeer() {
|
|||
|
||||
socketeer()
|
||||
|
||||
app.get('/', async (req, res) => {
|
||||
var html = await (pageUpdate())
|
||||
res.send(minify.minify(html).toString('utf-8'))
|
||||
})
|
||||
|
||||
app.use(express.static(staticpath))
|
||||
// app.get('/index.html', async (req, res) => {
|
||||
// console.log(req.params[0])
|
||||
// var html = await (pageUpdate(req.params[0]))
|
||||
// res.send(minify.minify(html))
|
||||
// })
|
||||
|
||||
app.use((req, res, next) => {
|
||||
res.status(404).send(`
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue