RevelaNetwork/Revela-v4
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix bug with adding extensions to indexedDB

Browse source
This commit is contained in:
wearrrrr 2024-04-17 09:24:12 -05:00
parent 3040dfc66e
commit 0b87af884e
2 changed files with 41 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/layouts/Layout.astro
View file

@ -160,6 +160,10 @@ const { title, optionalPreloads } = Astro.props;
font-weight: 400; font-weight: 400;
font-size: 40px; font-size: 40px;
} }
.title-desc {
color: var(--text-color);
text-align: center;
}
::-webkit-scrollbar { ::-webkit-scrollbar {
display: none; display: none;
} }

73
src/pages/[lang]/marketplace.astro
View file

@ -18,6 +18,7 @@ type MarketplaceItem = {
<Layout title="Marketplace | Alu"> <Layout title="Marketplace | Alu">
<div id="main-content"> <div id="main-content">
<h1 class="title-text">Marketplace</h1> <h1 class="title-text">Marketplace</h1>
<p class="title-desc">Install custom userscripts and themes for Alu.</p>
<div class="marketplace-ext-grid"> <div class="marketplace-ext-grid">
{ {
Object.keys(marketplace).map((mp_item) => { Object.keys(marketplace).map((mp_item) => {
@ -117,44 +118,44 @@ type MarketplaceItem = {
async function installExtension(ext: ExtensionMetadata, slug: string) { async function installExtension(ext: ExtensionMetadata, slug: string) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
const request = window.indexedDB.open("AluDB", 1); const request = window.indexedDB.open("AluDB", 1);
request.onupgradeneeded = (event) => { request.onupgradeneeded = (event) => {
const db = (event.target as IDBOpenDBRequest).result; const db = (event.target as IDBOpenDBRequest).result;
if (!db.objectStoreNames.contains("InstalledExtensions")) { if (!db.objectStoreNames.contains("InstalledExtensions")) {
db.createObjectStore("InstalledExtensions", { keyPath: "slug" }); db.createObjectStore("InstalledExtensions", { keyPath: "slug" });
} }
}; };
request.onsuccess = async (event) => { request.onsuccess = async (event) => {
const db = (event.target as IDBOpenDBRequest).result; const db = (event.target as IDBOpenDBRequest).result;
const transaction = db.transaction("InstalledExtensions", "readwrite"); const transaction = db.transaction("InstalledExtensions", "readwrite");
const store = transaction.objectStore("InstalledExtensions"); const store = transaction.objectStore("InstalledExtensions");
const extensionObject = { const extensionObject = {
slug: slug, slug: slug,
title: ext.title, title: ext.title,
version: ext.version, version: ext.version,
script: ext.script, script: ext.script,
}; };
// Check if the key already exists in the IDB // Check if the key already exists in the IDB
let slugCheck = store.get(slug); let slugCheck = store.get(slug);
slugCheck.onsuccess = (event) => { slugCheck.onsuccess = () => {
if (slugCheck.result) { console.log(slugCheck.result)
resolve(EXT_RETURN.ALREADY_INSTALLED); if (slugCheck.result != undefined) {
} else { resolve(EXT_RETURN.ALREADY_INSTALLED);
if (store.get(slug)) resolve(EXT_RETURN.ALREADY_INSTALLED); } else {
const addRequest = store.add(extensionObject); const addRequest = store.add(extensionObject);
addRequest.onerror = (event) => { addRequest.onerror = () => {
console.error(`Error installing ${slug}!`) console.error(`Error installing ${slug}!`)
reject(EXT_RETURN.INSTALL_FAILED);
};
addRequest.onsuccess = () => {
resolve(EXT_RETURN.INSTALL_SUCCESS);
};
}
};
slugCheck.onerror = () => {
console.error("Error checking install status!");
reject(EXT_RETURN.INSTALL_FAILED); reject(EXT_RETURN.INSTALL_FAILED);
}; };
addRequest.onsuccess = (event) => { };
resolve(EXT_RETURN.INSTALL_SUCCESS);
};
}
};
slugCheck.onerror = (event) => {
console.error("Error checking install status!");
reject(EXT_RETURN.INSTALL_FAILED);
};
};
}) })
} }