BetterSEQTA/BetterSEQTA-Plus
1
0
Fork 0
mirror of https://github.com/BetterSEQTA/BetterSEQTA-Plus.git synced 2026-06-06 11:44:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: updated theme style store install

Browse Source
This commit is contained in:
SethBurkart123
2024-05-21 19:40:59 +10:00
parent ef5f15d3ea
commit fcfc2d4217
5 changed files with 35 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/seqta/ui/themes/downloadTheme.ts
+17 -69
View File
@@ -1,104 +1,52 @@
//import PocketBase from 'pocketbase';
import localforage from 'localforage';
import { ThemesResponse } from '../../../interface/types/pocketbase-types';
import { CustomTheme } from '../../../interface/types/CustomThemes';
import { Theme } from '../../../interface/pages/Store';
const DownloadTheme = async (theme: ThemesResponse & { theme: CustomTheme & { images: { id: string, variableName: string }[] } }) => {
const images: { imageData: Blob, imageID: string }[] = []
for (const imageID of theme.images) {
console.log(theme.images, `https://betterseqta.pockethost.io/api/files/${theme.collectionId}/${theme.id}/${imageID}`);
const image = await fetch(
`https://betterseqta.pockethost.io/api/files/${theme.collectionId}/${theme.id}/${imageID}`
)
const imageData = await image.blob();
images.push({ imageData, imageID });
}
const coverImage = await fetch(
`https://betterseqta.pockethost.io/api/files/${theme.collectionId}/${theme.id}/${theme.coverImage}`
);
// add to temp storage index
let availableThemes = await localforage.getItem('availableThemes') as string[];
if (availableThemes && !availableThemes.includes(theme.theme.id)) {
availableThemes.push(theme.theme.id);
} else if (!availableThemes) {
availableThemes = [theme.theme.id];
}
localforage.setItem('availableThemes', availableThemes);
localforage.setItem(theme.theme.id, {
...theme.theme,
webURL: theme.id,
coverImage: await coverImage.blob(),
CustomImages: theme.theme.images.map((image) => {
return {
...image,
blob: images.find((img) => {
return image.id.includes(img.imageID.split('_')[0]);
})?.imageData
}
})
});
}
import base64ToBlob from '../../utils/base64ToBlob';
type ThemeContent = {
id: string;
name: string;
coverImage: string;
coverImage: string; // base64
description: string;
defaultColour: string;
CanChangeColour: boolean;
CustomCSS: string;
hideThemeName: boolean;
images: { id: string, variableName: string }[];
}
images: { id: string, variableName: string, data: string }[]; // data: base64
};
export const StoreDownloadTheme = async (theme: { themeContent: Theme }) => {
console.log(theme.themeContent.id);
if (!theme.themeContent.id) return;
const themeContent = await fetch(`https://raw.githubusercontent.com/BetterSEQTA/BetterSEQTA-Themes/main/store/themes/${theme.themeContent.id}/theme.json`);
const themeData = await themeContent.json() as ThemeContent;
const images: { imageData: Blob, imageID: string }[] = []
for (const image of themeData.images) {
const data = await fetch(
`https://raw.githubusercontent.com/BetterSEQTA/BetterSEQTA-Themes/main/store/themes/${themeData.id}/images/${image.id}`
)
const imageData = await data.blob();
const coverImageBlob = base64ToBlob(themeData.coverImage);
images.push({ imageData, imageID: image.id });
}
const images = themeData.images.map((image) => ({
...image,
blob: base64ToBlob(image.data)
}));
const coverImage = await fetch(
`https://raw.githubusercontent.com/BetterSEQTA/BetterSEQTA-Themes/main/store/themes/${themeData.id}/images/${themeData.coverImage}`
);
// add to temp storage index
let availableThemes = await localforage.getItem('availableThemes') as string[];
if (availableThemes && !availableThemes.includes(themeData.id)) {
availableThemes.push(themeData.id);
} else if (!availableThemes) {
availableThemes = [themeData.id];
}
localforage.setItem('availableThemes', availableThemes);
await localforage.setItem('availableThemes', availableThemes);
localforage.setItem(themeData.id, {
await localforage.setItem(themeData.id, {
...themeData,
webURL: theme.themeContent.id,
coverImage: await coverImage.blob(),
coverImage: coverImageBlob,
CustomImages: themeData.images.map((image) => {
return {
...image,
blob: images.find((img) => {
return image.id.includes(img.imageID.split('_')[0]);
})?.imageData
}
blob: images.find((img) => image.id === img.id)?.blob
};
})
});
}
};
export default DownloadTheme;
export default StoreDownloadTheme;