MVP Wallpaper Setter
This commit is contained in:
commit
176a46c2e9
44
project.json
Normal file
44
project.json
Normal file
@ -0,0 +1,44 @@
|
||||
{
|
||||
"file" : "scene.html",
|
||||
"description": "Storage limit: 10240 images because of windows max path and locastorage limits",
|
||||
"general" :
|
||||
{
|
||||
"properties" :
|
||||
{
|
||||
"schemecolor" :
|
||||
{
|
||||
"order" : 0,
|
||||
"text" : "ui_browse_properties_scheme_color",
|
||||
"type" : "color",
|
||||
"value" : "0.8980392156862745 0.18823529411764706 0.9294117647058824"
|
||||
},
|
||||
"dir" :
|
||||
{
|
||||
"index" : 2,
|
||||
"order": 102,
|
||||
"mode" : "fetchall",
|
||||
"text" : "Wallpaper Dir",
|
||||
"type" : "directory"
|
||||
},
|
||||
"uri" :
|
||||
{
|
||||
"index" : 1,
|
||||
"order" : 101,
|
||||
"text" : "Socket URI",
|
||||
"type" : "textinput",
|
||||
"value" : ""
|
||||
},
|
||||
"systemid" :
|
||||
{
|
||||
"index" : 0,
|
||||
"order" : 100,
|
||||
"text" : "System ID",
|
||||
"type" : "textinput",
|
||||
"value" : ""
|
||||
}
|
||||
}
|
||||
},
|
||||
"title" : "PluralKit",
|
||||
"type" : "scene",
|
||||
"version" : 0
|
||||
}
|
||||
22
scene.html
Normal file
22
scene.html
Normal file
@ -0,0 +1,22 @@
|
||||
<!DOCTYPE html>
|
||||
<!-- Webpage that uses Bootstrap to fill the background with an image from JS -->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Bootstrap Background</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
|
||||
<script src="scripts/scene.js"></script>
|
||||
<!-- LiveJS is not supported when run with the file:// protocol -->
|
||||
<!-- <script src="https://livejs.com/live.js"></script> -->
|
||||
<style>
|
||||
body {
|
||||
/* background-image: url('https://picsum.photos/3840/2160'); */
|
||||
background-size: cover;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body id="wallpaper">
|
||||
</body>
|
||||
</html>
|
||||
45
scene.json
Normal file
45
scene.json
Normal file
@ -0,0 +1,45 @@
|
||||
{
|
||||
"camera" :
|
||||
{
|
||||
"center" : "0.00000 0.00000 -1.00000",
|
||||
"eye" : "0.00000 0.00000 0.00000",
|
||||
"up" : "0.00000 1.00000 0.00000"
|
||||
},
|
||||
"general" :
|
||||
{
|
||||
"ambientcolor" : "0.30000 0.30000 0.30000",
|
||||
"bloom" : false,
|
||||
"bloomhdrfeather" : 0.1,
|
||||
"bloomhdriterations" : 8,
|
||||
"bloomhdrscatter" : 1.619,
|
||||
"bloomhdrstrength" : 2.0,
|
||||
"bloomhdrthreshold" : 1.0,
|
||||
"bloomstrength" : 2.0,
|
||||
"bloomthreshold" : 0.64999998,
|
||||
"camerafade" : true,
|
||||
"cameraparallax" : false,
|
||||
"cameraparallaxamount" : 0.5,
|
||||
"cameraparallaxdelay" : 0.1,
|
||||
"cameraparallaxmouseinfluence" : 0.5,
|
||||
"camerapreview" : true,
|
||||
"camerashake" : false,
|
||||
"camerashakeamplitude" : 0.5,
|
||||
"camerashakeroughness" : 1.0,
|
||||
"camerashakespeed" : 3.0,
|
||||
"clearcolor" : "0.70000 0.70000 0.70000",
|
||||
"clearenabled" : true,
|
||||
"farz" : 10000.0,
|
||||
"fov" : 50.0,
|
||||
"hdr" : false,
|
||||
"nearz" : 0.0099999998,
|
||||
"orthogonalprojection" :
|
||||
{
|
||||
"height" : 2160,
|
||||
"width" : 3840
|
||||
},
|
||||
"skylightcolor" : "0.30000 0.30000 0.30000",
|
||||
"zoom" : 1.0
|
||||
},
|
||||
"objects" : [],
|
||||
"version" : 1
|
||||
}
|
||||
169
scripts/scene.js
Normal file
169
scripts/scene.js
Normal file
@ -0,0 +1,169 @@
|
||||
let socket
|
||||
let socketStatus = false
|
||||
|
||||
let jsonValid = (json) => {
|
||||
try {
|
||||
JSON.parse(json);
|
||||
if (json == null) {
|
||||
return false;
|
||||
}
|
||||
} catch (e) {
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
let setWallpaper = (path) => {
|
||||
console.log(`Setting wallpaper to ${path}`)
|
||||
let wallpaper = document.getElementById('wallpaper')
|
||||
// wallpaper.src = path
|
||||
wallpaper.style.backgroundImage = `url(${path})`
|
||||
}
|
||||
|
||||
let dumpStorage = () => {
|
||||
console.log('%cDumping Local Storage', 'color: #EBCB8B; font-family: monospace; font-size: 18px;')
|
||||
console.log(' Member:' + localStorage.getItem('member'))
|
||||
// console.log(' Token' + localStorage.getItem('token'))
|
||||
console.log(' System:' + localStorage.getItem('systemId'))
|
||||
console.log(' Socket:' + localStorage.getItem('socket'))
|
||||
console.log(' Wallpapers:' + localStorage.getItem('wallpapers'))
|
||||
}
|
||||
|
||||
let grabLatestFronter = () => {
|
||||
let systemId = localStorage.getItem('systemId')
|
||||
if (systemId != null) {
|
||||
var xhr = new XMLHttpRequest()
|
||||
xhr.withCredentials = true
|
||||
xhr.addEventListener("readystatechange", function() {
|
||||
if(this.readyState === 4) {
|
||||
// console.log(this.responseText)
|
||||
let fronter = JSON.parse(this.responseText).members[0].id
|
||||
localStorage.setItem('member', fronter)
|
||||
console.log(`%cFronter: ${fronter}`, 'color: #ECEFF4; font-family: monospace;')
|
||||
pickWallpaper()
|
||||
}
|
||||
})
|
||||
xhr.open("GET", "https://api.pluralkit.me/v2/systems/"+systemId+"/fronters")
|
||||
xhr.send()
|
||||
}else{
|
||||
localStorage.setItem('member', 'null')
|
||||
}
|
||||
}
|
||||
|
||||
let pickWallpaper = () => {
|
||||
let wallpapers = localStorage.getItem('wallpapers')
|
||||
if (jsonValid(wallpapers)) {
|
||||
wallpapers = JSON.parse(localStorage.getItem('wallpapers'))
|
||||
} else {
|
||||
wallpapers = []
|
||||
console.log('%cWallpapers not found in Local Storage', 'color: #BF616A; font-size: 18px; font-family: monospace;')
|
||||
}
|
||||
// for (let index = wallpapers.length-1; index >= 0; index--) {
|
||||
// if (!wallpapers.includes(localStorage.getItem('member'))) {
|
||||
// wallpapers.splice(index, 1)
|
||||
// }
|
||||
// }
|
||||
let validWallpapers = []
|
||||
wallpapers.forEach(wp => {
|
||||
if (wp.includes(localStorage.getItem('member'))) {
|
||||
validWallpapers.push(wp)
|
||||
}
|
||||
})
|
||||
let wallpaper = "file:///" + validWallpapers[Math.floor(Math.random() * validWallpapers.length)]
|
||||
if (validWallpapers.length == 0) {
|
||||
wallpaper = "https://picsum.photos/3840/2160"
|
||||
}
|
||||
setWallpaper(wallpaper)
|
||||
}
|
||||
|
||||
let loadSocket = () => {
|
||||
console.log('%cLoading Socket', 'color: #ECEFF4; font-family: monospace;')
|
||||
if (socket){
|
||||
try {
|
||||
socket.close()
|
||||
} catch (error) {
|
||||
console.log('%cSocket not found', 'color: #BF616A; font-size: 18px; font-family: monospace;')
|
||||
}
|
||||
}
|
||||
socket = new WebSocket(localStorage.getItem('socket'))
|
||||
socket.onopen = (e) => {
|
||||
console.log('%cSocket Opened', 'color: #A3BE8C; font-size: 18px; font-family: serif;')
|
||||
socketStatus = true
|
||||
}
|
||||
socket.onmessage = (e) => {
|
||||
console.log('%cMessage Received', 'color: #ECEFF4; font-family: monospace;')
|
||||
|
||||
// e.data contains member ID
|
||||
// console.dir(e)
|
||||
localStorage.setItem('member', e.data)
|
||||
pickWallpaper()
|
||||
|
||||
// Copilot-generated Code
|
||||
// let data = JSON.parse(e.data)
|
||||
// if (data.type === 'wallpaper') {
|
||||
// setWallpaper(data.path)
|
||||
// }
|
||||
}
|
||||
socket.onclose = (e) => {
|
||||
console.log('%cSocket Closed', 'color: #BF616A; font-size: 18px; font-family: serif;')
|
||||
socketStatus = false
|
||||
setTimeout(() => {
|
||||
loadSocket()
|
||||
}, 1200)
|
||||
}
|
||||
socket.onerror = (e) => {
|
||||
console.log('%cSocket Error', 'color: #BF616A; font-size: 18px; font-family: monospace;')
|
||||
console.dir(e)
|
||||
}
|
||||
}
|
||||
|
||||
window.wallpaperPropertyListener = {
|
||||
applyUserProperties: function(properties) {
|
||||
// Grab PKit token, System ID, and Socket URI
|
||||
// if (properties.token) {
|
||||
// // config.token = properties.token.value
|
||||
// localStorage.setItem('token', properties.token.value)
|
||||
// }
|
||||
if (properties.systemid) {
|
||||
// config.systemId = properties.systemid.value
|
||||
localStorage.setItem('systemId', properties.systemid.value)
|
||||
}
|
||||
if (properties.uri) {
|
||||
// config.socket = properties.uri.value
|
||||
localStorage.setItem('socket', properties.uri.value)
|
||||
}
|
||||
dumpStorage()
|
||||
// Reload Socket
|
||||
if (socketStatus) {
|
||||
socketStatus = false
|
||||
socket.close()
|
||||
}
|
||||
loadSocket()
|
||||
},
|
||||
userDirectoryFilesAddedOrChanged: function(propertyName, changedFiles) {
|
||||
// Do something with the list of added files here
|
||||
// console.dir(propertyName)
|
||||
console.dir(changedFiles) // Array of filepaths added
|
||||
let wallpapers = localStorage.getItem('wallpapers')
|
||||
if (jsonValid(wallpapers)) {
|
||||
wallpapers = JSON.parse(localStorage.getItem('wallpapers'))
|
||||
} else {
|
||||
wallpapers = []
|
||||
console.log('%cWallpapers not found in Local Storage', 'color: #BF616A; font-size: 18px; font-family: monospace;')
|
||||
}
|
||||
changedFiles.forEach((file) => {
|
||||
if (!wallpapers.includes(file)) {
|
||||
wallpapers.push(file)
|
||||
}
|
||||
})
|
||||
localStorage.setItem('wallpapers', JSON.stringify(wallpapers))
|
||||
},
|
||||
}
|
||||
|
||||
window.onload = () => {
|
||||
console.log("%cPage Loaded.", "background: #2E3440; color: #A3BE8C; font-size: 24px;")
|
||||
// Set default member
|
||||
dumpStorage()
|
||||
grabLatestFronter()
|
||||
loadSocket()
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Loading…
Reference in New Issue
Block a user