Addon store

assets/locales/cs.json

@@ -228,7 +228,7 @@
         "compileError": "Nepodařilo se zkompilovat.",
         "wasUnloaded": "Doplněk {{name}} byl odnačten.",
         "blankSlateHeader": "Nemáš žádné/žádný {{type}}!",
-        "blankSlateMessage": "Najdi si nějaké na [tomto webu]({{link}}) a přidej je do své {{type}} složky."
+        "blankSlateMessage": ""
     },
     "CustomCSS": {
         "confirmationText": "Máš neuložené změny ve vlastním CSS. Zavřením tohoto okna je všechny ztratíš.",

assets/locales/de.json

@@ -228,7 +228,7 @@
         "compileError": "Konnte nicht kompiliert werden.",
         "wasUnloaded": "{{name}} wurde entladen.",
         "blankSlateHeader": "Du besitzt keine {{type}}s!",
-        "blankSlateMessage": "Lade dir welche von [this website]({{link}}) herunter und füge sie deinem {{type}} Ordner hinzu."
+        "blankSlateMessage": ""
     },
     "CustomCSS": {
         "confirmationText": "Du hast ungespeicherte Änderungen im Custom-CSS. Durch das Schließen dieses Fensters verlierst du alle Änderungen.",

assets/locales/en-us.json

@@ -32,6 +32,14 @@
             },
             "addons": {
                 "name": "Addon Manager",
+                "store": {
+                    "name": "Addon Store",
+                    "note": "Enables the Store, allowing you to download themes and plugins remotely."
+                },
+                "autoEnable": {
+                    "name": "Enable Addons on Install",
+                    "note": "Automatically enables addons when they are installed via the store."
+                },
                 "addonErrors": {
                     "name": "Show Addon Errors",
                     "note": "Shows a modal with plugin/theme errors"
@@ -203,6 +211,12 @@
         }
     },
     "Addons": {
+        "installed": "Installed",
+        "install": "Install",
+        "store": "Store",
+        "view": "View",
+        "list": "List",
+        "grid": "Grid",
         "title": "{{name}} v{{version}} by {{author}}",
         "byline": "by {{author}}",
         "openFolder": "Open {{type}} Folder",
@@ -216,10 +230,13 @@
         "name": "Name",
         "author": "Author",
         "version": "Version",
+        "description": "Description",
         "added": "Date Added",
+        "uploaded": "Date Uploaded",
         "modified": "Date Modified",
         "isEnabled": "Enabled",
         "search": "Search {{type}}",
+        "noResults": "We searched far and wide. Unfortunately, no results were found.",
         "editAddon": "Edit",
         "deleteAddon": "Delete",
         "confirmDelete": "Are you sure you want to delete {{name}}?",
@@ -242,7 +259,7 @@
         "compileError": "Could not be compiled. See console for details.",
         "wasUnloaded": "{{name}} was unloaded.",
         "blankSlateHeader": "You don't have any {{type}}s!",
-        "blankSlateMessage": "Grab some from [this website]({{link}}) and add them to your {{type}} folder."
+        "blankSlateMessage": "Download some from the store to get started."
     },
     "CustomCSS": {
         "confirmationText": "You have unsaved changes to your Custom CSS. Closing this window will lose all those changes.",
@@ -251,7 +268,22 @@
         "openNative": "Open in System Editor",
         "openDetached": "Detach Window",
         "settings": "Editor Settings",
-        "editorTitle": "Custom CSS Editor"
+        "editorTitle": "Custom CSS Editor",
+        "writeError": "Failed to write {{type}} to disk."
+    },
+    "Store": {
+        "connectionError": "Failed to connect to Store.",
+        "connectionErrorMessage": "There was an error connecting to the store, it's possible our website/api is down. Would you like to retry?",
+        "downloadError": "Failed to download {{type}}.",
+        "installConfirmation": "Do you want to add this to your installed {{type}}s?",
+        "back": "Back",
+        "next": "Next",
+        "new": "New",
+        "likes": "Likes",
+        "likesAmount": "{{amount}} likes",
+        "downloads": "Downloads",
+        "downloadsAmount": "{{amount}} downloads",
+        "uploadDate": "Uploaded on {{date}}"
     },
     "Emotes": {
         "loading": "Loading emotes in the background do not reload.",
@@ -289,6 +321,7 @@
         "cancel": "Cancel",
         "nevermind": "Nevermind",
         "close": "Close",
+        "retry": "Retry",
         "name": "Name",
         "message": "Message",
         "error": "Error",

assets/locales/es-es.json

@@ -228,7 +228,7 @@
         "compileError": "No se ha podido compilar.",
         "wasUnloaded": "{{name}} ha sido descargado.",
         "blankSlateHeader": "¡No tienes {{type}}s!",
-        "blankSlateMessage": "Consigue alguno en [esta página web]({{link}}) y añadelos a tu carpeta de {{type}}."
+        "blankSlateMessage": ""
     },
     "CustomCSS": {
         "confirmationText": "Tienes cambios sin guardar en tu CSS Personalizado. Al cerrar esta ventana se perderán todos los cambios.",

assets/locales/fr.json

@@ -228,7 +228,7 @@
         "compileError": "Compilation impossible.",
         "wasUnloaded": "{{name}} a été déchargé.",
         "blankSlateHeader": "Vous n'avez pas de {{type}}!",
-        "blankSlateMessage": "Récupère-les depuis [ce site]({{link}}) et ajoute-les dans ton dossier {{type}}."
+        "blankSlateMessage": ""
     },
     "CustomCSS": {
         "confirmationText": "Vous avez des changements non sauvegardés dans votre CSS Personnalisé. Fermer cette fenêtre vous fera perdre ces changements.",

assets/locales/pl.json

@@ -228,7 +228,7 @@
         "compileError": "Błąd kompilacji.",
         "wasUnloaded": "Dodatek {{name}} został odładowany.",
         "blankSlateHeader": "Wygląda na to, że nic tu nie ma!",
-        "blankSlateMessage": "Pobierz nowe dodatki z [tej strony]({{link}}) i przenieś je do odpowiedniego folderu."
+        "blankSlateMessage": ""
     },
     "CustomCSS": {
         "confirmationText": "Masz niezapisane zmiany w swoim niestandardowym kodzie CSS. Zamknięcie tego okienka spowoduje utratę danych.",

assets/locales/pt-br.json

@@ -228,7 +228,7 @@
         "compileError": "Não foi possível compilar.",
         "wasUnloaded": "{{name}} foi descarregado.",
         "blankSlateHeader": "Você não tem nenhum {{type}}!",
-        "blankSlateMessage": "Baixe alguns [desse website]({{link}}) e os adicione na sua pasta de {{type}}s."
+        "blankSlateMessage": ""
     },
     "CustomCSS": {
         "confirmationText": "Você tem mudanças ainda não salvas no seu CSS Personalizado. Fechar essa janela fará você perder todas elas.",

assets/locales/pt-pt.json

@@ -228,7 +228,7 @@
         "compileError": "Não foi possível compilar.",
         "wasUnloaded": "{{name}} foi descarregado.",
         "blankSlateHeader": "Não tem nenhum {{type}}!",
-        "blankSlateMessage": "Pega um pouco deste [this website]({{link}}) e adiciona eles à tua pasta {{type}}."
+        "blankSlateMessage": ""
     },
     "CustomCSS": {
         "confirmationText": "Tem alterações não guardadas no CSS Personalizado. Se fechar esta janela irá perder essas alterações.",

assets/locales/ro.json

@@ -228,7 +228,7 @@
         "compileError": "Nu s-a putut incărca.",
         "wasUnloaded": "{{name}} a fost dezactivat.",
         "blankSlateHeader": "Nu ai nici un {{type}}!",
-        "blankSlateMessage": "Descarcă câteva din [acest website]({{link}}) și adaugă-le in folder-ul tău {{type}}."
+        "blankSlateMessage": ""
     },
     "CustomCSS": {
         "confirmationText": "Ai modificări nesalvate in CSS-ul personalizat. Închiderea acestei ferestre va duce la anularea schimbărilor.",

assets/locales/ru.json

@@ -228,7 +228,7 @@
         "compileError": "Не удалось скомпилировать.",
         "wasUnloaded": "{{name}} был выгружен.",
         "blankSlateHeader": "У вас нету {{type}}",
-        "blankSlateMessage": "Возьмите что-то с [этого сайта]({{link}}) и добавьте их в свою папку {{type}}."
+        "blankSlateMessage": ""
     },
     "CustomCSS": {
         "confirmationText": "У вас есть не сохраненные изменения в быстром CSS.  При закрытии этого окна все изменения будут потеряны.",

assets/locales/sk.json

@@ -228,7 +228,7 @@
         "compileError": "Nepodarilo sa zostaviť.",
         "wasUnloaded": "{{name}} bol odpojený.",
         "blankSlateHeader": "Nenachádza sa žiadny/žiadna {{type}}!",
-        "blankSlateMessage": "Nájdi nejaké na [tejto stránke]({{link}}) a pridaj ich do zložky pre {{type}}."
+        "blankSlateMessage": ""
     },
     "CustomCSS": {
         "confirmationText": "Máte neuložené zmeny pre Custom CSS. Zatvorením tohto okna stratíte všetky zmeny.",

assets/locales/tr.json

@@ -228,7 +228,7 @@
         "compileError": "Derlenemedi.",
         "wasUnloaded": "{{name}} çıkarıldı.",
         "blankSlateHeader": "Hiç {{type}}(a/e)arın yok!",
-        "blankSlateMessage": "[Bu siteden]({{link}}) al ve {{type}} klasörüne ekle."
+        "blankSlateMessage": ""
     },
     "CustomCSS": {
         "confirmationText": "Özel CSS'inde kaydedilmemiş değişimler var. Bu pencereyi kapatmak değişikliklerin kaybolmasına yol açar.",

assets/locales/zh-cn.json

@@ -228,7 +228,7 @@
         "compileError": "无法编译。",
         "wasUnloaded": "已卸载{{name}}。",
         "blankSlateHeader": "你还添加任何{{type}}！",
-        "blankSlateMessage": "你可以在[此网站]({{link}})中获取，并将其添加到你的{{type}}文件夹中。"
+        "blankSlateMessage": ""
     },
     "CustomCSS": {
         "confirmationText": "你还有未保存的更改，关闭此窗口将失去所有对自定义样式所做的更改。",

assets/locales/zh-tw.json

@@ -228,7 +228,7 @@
         "compileError": "無法編譯。",
         "wasUnloaded": "已卸載{{name}}。",
         "blankSlateHeader": "你还未添加任何{{type}}！",
-        "blankSlateMessage": "你可以在[此网站]({{link}})中獲取，並將其添加到你的{{type}}資料夾中。"
+        "blankSlateMessage": ""
     },
     "CustomCSS": {
         "confirmationText": "你还有未保存的更改，關閉此窗口將失去所有對客製化樣式所做的更改。",

renderer/src/builtins/addons/store.js

@@ -0,0 +1,164 @@
+import {React, WebpackModules, BdWebApi, Strings} from "modules";
+import {Web} from "data";
+
+import Builtin from "../../structs/builtin";
+import PluginManager from "../../modules/pluginmanager";
+import ThemeManager from "../../modules/thememanager";
+import StoreCard from "../../ui/settings/addonlist/storecard";
+import Modals from "../../ui/modals";
+import Toasts from "../../ui/toasts";
+
+import {URL} from "url";
+
+const PROTOCOL_REGEX = new RegExp("<([^: >]+:/[^ >]+)>", "g");
+const BD_PROTOCOL = "betterdiscord:";
+const BD_PROTOCOL_REGEX = new RegExp(BD_PROTOCOL + "//", "i");
+
+export default new class Store extends Builtin {
+    get name() {return "Store";}
+    get category() {return "addons";}
+    get id() {return "store";}
+
+    enabled() {
+        this.patchMarkdownParser();
+        this.patchTrustedModule();
+        this.patchEmbeds();
+    }
+
+    disabled() {
+        this.unpatchAll();
+    }
+
+    patchEmbeds() {
+        const MessageAccessories = WebpackModules.getByProps("MessageAccessories")?.MessageAccessories;
+
+        if (!MessageAccessories?.prototype.renderEmbeds) return;
+
+        this.instead(MessageAccessories.prototype, "renderEmbeds", (thisObject, methodArguments, renderEmbeds) => {
+            const embeds = Reflect.apply(renderEmbeds, thisObject, methodArguments);
+            const matchedProtocols = methodArguments[0]?.content.match(PROTOCOL_REGEX)?.map(match => {
+                const url = new URL(match.replace(/\s+/g, " ").replaceAll(/[<>]+/g, "").trim());
+
+                if (url.hostname === "addon" && url.protocol === BD_PROTOCOL) return url;
+            }).filter(m => m != null);
+
+            if (!matchedProtocols || !matchedProtocols?.length) return embeds;
+
+            return (embeds ?? []).concat(matchedProtocols.map((url) => {
+                const parameter = url.pathname.slice(1);
+                const addonId = Number.isNaN(Number(parameter)) ? parameter : Number(parameter);
+                if (!addonId) return null;
+
+                return React.createElement(EmbeddedStoreCard, {addonId});
+            }));
+        });
+    }
+
+    patchTrustedModule() {
+        const TrustedModule = WebpackModules.getByProps("isLinkTrusted", "handleClick");
+
+        if (!TrustedModule) return;
+
+        this.instead(TrustedModule, "handleClick", (thisObject, methodArguments, handleClick) => {
+            const [{href, onClick}, event] = methodArguments;
+
+            if (BD_PROTOCOL_REGEX.test(href)) {
+                if (typeof onClick === "function") onClick(event);
+
+                if (event) {
+                    event.preventDefault();
+                    event.stopPropagation();
+                }
+
+                return true;
+            }
+
+            return Reflect.apply(handleClick, thisObject, methodArguments);
+        });
+    }
+
+    patchMarkdownParser() {
+        const SimpleMarkdown = WebpackModules.getByProps("parseTopic", "defaultRules");
+
+        if (!SimpleMarkdown?.defaultRules?.link) return;
+
+        this.after(SimpleMarkdown.defaultRules.link, "react", (_, [{target: url}], returnValue) => {
+            if (!BD_PROTOCOL_REGEX.test(url)) return;
+
+            return this.renderContent(url, returnValue);
+        });
+    }
+
+    renderContent(path, link) {
+        const url = new URL(path);
+
+        if (url.hostname === "addon") {
+            const parameter = url.pathname.slice(1);
+            const addonId = Number.isNaN(Number(parameter)) ? parameter : Number(parameter);
+            if (!addonId) return link;
+
+            link.props.onClick = async (event) => {
+                const addon = await BdWebApi.getAddon(addonId);
+
+                if (addon?.type) {
+                    event.preventDefault();
+                    window.open((Web.PAGES[addon.type] + (typeof(addonId) === "number" ? "?id=" : "/") + addonId), "_blank");
+                }
+            };
+        }
+
+        return link;
+    }
+};
+
+class EmbeddedStoreCard extends React.Component {
+    constructor(props) {
+        super(props);
+
+        this.state = {
+            addon: null
+        };
+    }
+
+    componentDidMount() {
+        BdWebApi.getAddon(this.props.addonId).then(data => {
+            if (data?.id) this.setState({addon: data});
+        });
+    }
+
+    get manager() {
+        return this.state.addon?.type === "theme" ? ThemeManager : PluginManager;
+    }
+
+    async install(id, filename) {
+        await BdWebApi.getAddonContents(id).then(contents => {
+            return this.manager.installAddon(contents, filename);
+        }).catch(err => {
+            Toasts.error(Strings.Store.downloadError.format({type: this.state.addon.type}), err);
+        });
+    }
+
+    render() {
+        const {addon} = this.state;
+
+        return addon ? React.createElement(StoreCard, {
+            ...addon,
+            key: addon.id,
+            className: "bd-store-card-embedded",
+            thumbnail: Web.ENDPOINTS.thumbnail(addon.thumbnail_url),
+            filename: addon.file_name,
+            releaseDate: new Date(addon.release_date),
+            isInstalled: this.manager.isLoaded(addon.file_name),
+            onInstall: () => Modals.showInstallationModal({
+                ...addon,
+                thumbnail: Web.ENDPOINTS.thumbnail(addon.thumbnail_url),
+                filename: addon.file_name,
+                releaseDate: new Date(addon.release_date),
+                onInstall: () => this.install(addon.id, addon.file_name)
+            }),
+            onForceInstall: () => this.install(addon.id, addon.file_name),
+            onDelete: () => this.manager.confirmAddonDelete(addon.file_name),
+            onForceDelete: () => this.manager.deleteAddon(addon.file_name)
+        }) : null;
+    }
+}

renderer/src/builtins/builtins.js

@@ -6,6 +6,8 @@ export {default as PublicServers} from "./general/publicservers";
 export {default as VoiceDisconnect} from "./general/voicedisconnect";
 export {default as MediaKeys} from "./general/mediakeys";
 
+export {default as Store} from "./addons/store";
+
 export {default as EmoteModule} from "./emotes/emotes";
 export {default as EmoteMenu} from "./emotes/emotemenu";
 // export {default as EmoteAutocaps} from "./emotes/emoteautocaps";

renderer/src/data/data.js

@@ -1,4 +1,5 @@
 export {default as Config} from "./config";
 export {default as EmoteConfig} from "./emotesettings";
 export {default as SettingsConfig} from "./settings";
-export {default as Changelog} from "./changelog";
+export {default as Changelog} from "./changelog";
+export {default as Web} from "./web";

renderer/src/data/settings.js

@@ -17,6 +17,8 @@ export default [
         collapsible: true,
         shown: false,
         settings: [
+            {type: "switch", id: "store", value: true},
+            {type: "switch", id: "autoEnable", value: false},
             {type: "switch", id: "addonErrors", value: true},
             {type: "switch", id: "autoReload", value: true},
             {type: "dropdown", id: "editAction", value: "detached", options: [{value: "detached"}, {value: "system"}]}