titaniumnet-mirror/Nebula
1
0
Fork 0
mirror of https://github.com/NebulaServices/Nebula.git synced 2025-05-13 03:50:02 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Don't fetch the data unless on the page

Browse source
This commit is contained in:
MotorTruck1221 2024-12-28 03:41:11 -07:00
parent d2b05a1b1b
commit a9b94c27d4
No known key found for this signature in database
GPG key ID: 08F417E2B8B61EA4
1 changed files with 16 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/components/catalog/InstalledThemes.astro
View file

@ -8,7 +8,7 @@
</div>
</div>
</div>
<div class="w-0 h-0 visibility-none hidden"> <asset-loader /> </div>
<script>
type Assets = {
description: string,
@ -22,7 +22,6 @@
type: string,
version: string
}
import { pageLoad } from "@utils/events";
import { Settings, settings } from "@utils/settings";
async function getItem(item: any) {
try {
@ -105,12 +104,19 @@
parent?.appendChild(mainDiv);
console.log(mainDiv);
}
pageLoad(async () => {
const mainElem = document.getElementById("main-theme");
try { attachThemeEvent(mainElem!, true) } catch(_) {}
const assets = await getAssets();
console.log(assets);
assets.map((asset) => { createElem(asset); });
}, true);
//I don't actually want this to run on every page but defining a custom component is an easy way around it.
class AssetLoader extends HTMLElement {
constructor() {
super();
(async function() {
const mainElem = document.getElementById("main-theme");
try { attachThemeEvent(mainElem!, true) } catch(_) {}
const assets = await getAssets();
console.log(assets);
assets.map((asset) => { createElem(asset); });
})();
}
}
customElements.define('asset-loader', AssetLoader);
</script>