149 lines
4.6 KiB
JavaScript
149 lines
4.6 KiB
JavaScript
import Socket from "/_/code/ws/Socket.js"
|
|
import "./Home.js"
|
|
import util from "./util.js"
|
|
|
|
let Global = class {
|
|
Socket = new Socket()
|
|
profile = null
|
|
currentNetwork = ""
|
|
currentApp = ""
|
|
util = util
|
|
|
|
openApp = function(appName) {
|
|
const appUrl = appName.charAt(0).toLowerCase() + appName.slice(1);
|
|
let parts = window.location.pathname.split('/').filter(Boolean);
|
|
let newPath = "/" + parts[0] + "/" + appUrl
|
|
window.navigateTo(newPath)
|
|
const event = new CustomEvent('appchange', {
|
|
detail: { name: appName }
|
|
});
|
|
window.dispatchEvent(event)
|
|
}
|
|
|
|
async fetchAppData() {
|
|
let personalSpace = this.currentNetwork === this.profile
|
|
let appData = await fetch(`/app/${personalSpace ? "my" : "org"}data/` + this.currentNetwork.id, {method: "GET"})
|
|
let json = await appData.json()
|
|
return json
|
|
}
|
|
|
|
onNavigate = async () => {
|
|
|
|
let selectedNetwork = this.networkFromPath()
|
|
let selectedApp = this.appFromPath()
|
|
|
|
if(!selectedNetwork) {
|
|
if(this.profile.networks.length > 0) {
|
|
let path = `/${this.getDefaultNetworkName()}/${this.getDefaultAppName()}`
|
|
history.replaceState({}, '', path)
|
|
}
|
|
} else if(!selectedApp) {
|
|
if(this.currentNetwork === window.profile) {
|
|
history.replaceState({}, '', `${window.location.pathname}/${window.profile.apps[0]}`)
|
|
} else {
|
|
history.replaceState({}, '', `${window.location.pathname}/${this.getDefaultAppName()}`)
|
|
}
|
|
}
|
|
|
|
selectedNetwork = this.networkFromPath()
|
|
selectedApp = this.appFromPath()
|
|
|
|
let networkChanged = this.currentNetwork !== selectedNetwork
|
|
let appChanged = this.currentApp !== selectedApp
|
|
if(networkChanged) {
|
|
this.currentNetwork = selectedNetwork
|
|
this.currentApp = selectedApp
|
|
const event = new CustomEvent('networkchange', {
|
|
detail: { name: this.currentNetwork }
|
|
});
|
|
window.dispatchEvent(event)
|
|
}
|
|
|
|
if(!this.currentNetwork.data) {
|
|
this.currentNetwork.data = await this.fetchAppData()
|
|
}
|
|
|
|
if(appChanged && !networkChanged) {
|
|
this.currentApp = selectedApp
|
|
const event = new CustomEvent('appchange', {
|
|
detail: { name: this.currentApp }
|
|
});
|
|
window.dispatchEvent(event)
|
|
}
|
|
|
|
document.title = (this.currentNetwork === this.profile) ? "Parchment" : `${this.currentNetwork.abbreviation} | Parchment`
|
|
}
|
|
|
|
setCurrentNetworkAndApp() {
|
|
this.currentNetwork = this.networkFromPath()
|
|
|
|
}
|
|
|
|
getDefaultNetworkName() {
|
|
let defaultNetwork = this.profile.networks[0]
|
|
return defaultNetwork.abbreviation
|
|
}
|
|
|
|
getDefaultAppName() {
|
|
let defaultNetwork = this.profile.networks[0]
|
|
return defaultNetwork.apps[0].toLowerCase()
|
|
}
|
|
|
|
networkFromPath = function () {
|
|
const pathname = window.location.pathname;
|
|
const firstSegment = pathname.split('/').filter(Boolean)[0] || '';
|
|
if(firstSegment === "my") {
|
|
return this.profile
|
|
} else {
|
|
let networks = this.profile.networks
|
|
for(let i = 0; i < networks.length; i++) {
|
|
let network = networks[i]
|
|
if(network.abbreviation === firstSegment) {
|
|
return network
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
appFromPath = function() {
|
|
const pathname = window.location.pathname;
|
|
const segments = pathname.split('/').filter(Boolean);
|
|
const secondSegment = segments[1] || ""
|
|
const capitalized = secondSegment.charAt(0).toUpperCase() + secondSegment.slice(1);
|
|
return capitalized
|
|
}
|
|
|
|
async getProfile() {
|
|
try {
|
|
const res = await fetch("/profile", {
|
|
method: "GET",
|
|
credentials: "include",
|
|
headers: {
|
|
"Content-Type": "application/json"
|
|
}
|
|
});
|
|
|
|
if (!res.ok) throw new Error("Failed to fetch profile");
|
|
|
|
const profile = await res.json();
|
|
console.log("getProfile: ", profile);
|
|
this.profile = profile
|
|
} catch (err) {
|
|
console.error(err);
|
|
}
|
|
}
|
|
|
|
constructor() {
|
|
window.addEventListener("navigate", this.onNavigate)
|
|
|
|
this.getProfile().then(async () => {
|
|
|
|
await this.onNavigate()
|
|
|
|
Home()
|
|
|
|
})
|
|
}
|
|
}
|
|
|
|
window.global = new Global() |