diff --git a/renderer.js b/renderer.js index 878444f..37e60e5 100644 --- a/renderer.js +++ b/renderer.js @@ -16,90 +16,6 @@ export default new (class PackageDownloader { const Tooltip = Webpack.findByDisplayName("Tooltip") const funcCopy = MiniPopover.default - const Button = (componentProps) => { - const [disabled, setDisabled] = React.useState(false) - const props = componentProps.props - - const gitURL = props.message.content - .slice(props.message.content.indexOf("Repository")) - .match( - /((git@|http(s)?:\/\/)([\w\.@]+)(\/|:))([\w,\-,\_]+)\/([\w,\-,\_]+)(.git){0,1}((\/){0,1})/ - ) - - if (!disabled) - Object.values(kernel.packages.getPackages()).forEach((pkg) => { - if (pkg.path.split("/").at(-1) == gitURL[7]) - setDisabled(true) - }) - - return [ - React.createElement( - Tooltip, - { - position: "top", - text: disabled - ? "Already Installed" - : "Install Package", - }, - (args) => - React.createElement( - MiniPopover.Button, - { - ...args, - disabled: disabled, - onClick: async () => { - setDisabled(true) - const failed = await window.package.install( - gitURL - ) - - if (failed) { - Toasts.showToast( - Toasts.createToast( - "Failed to install package", - Toasts.ToastType.ERROR - ) - ) - console.error( - `[${this.constructor.name}]`, - "Package installation failed, error above." - ) - setDisabled(false) - } else { - Toasts.showToast( - Toasts.createToast( - "Successfully installed package! Please reload discord with Ctrl+R.", - Toasts.ToastType.SUCCESS - ) - ) - console.log( - `%c[${this.constructor.name}]`, - "color:#14bbaa", - "Successfully installed package! Please reload discord with Ctrl+R." - ) - } - }, - }, - React.createElement( - "svg", - { - xmlns: "http://www.w3.org/2000/svg", - width: "16", - height: "16", - fill: "currentColor", - class: "bi bi-arrow-down-circle-fill", - viewBox: "0 0 16 16", - }, - React.createElement("path", { - d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.5 4.5a.5.5 0 0 0-1 0v5.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V4.5z", - }) - ) - ) - ), - React.createElement(MiniPopover.Separator, null), - ] - } - MiniPopover.default = (...args) => { const props = args[0].children.at ? args[0].children.at(-1).props @@ -110,7 +26,105 @@ export default new (class PackageDownloader { props.channel && props.channel.id == "899717501120806963" ) - args[0].children.unshift(React.createElement(Button, { props })) + args[0].children.unshift( + React.createElement( + (componentProps) => { + const [disabled, setDisabled] = + React.useState(false) + const props = componentProps.props + + const gitURL = props.message.content + .slice( + props.message.content.indexOf("Repository") + ) + .match( + /((git@|http(s)?:\/\/)([\w\.@]+)(\/|:))([\w,\-,\_]+)\/([\w,\-,\_]+)(.git){0,1}((\/){0,1})/ + ) + + if (!disabled) + Object.values( + kernel.packages.getPackages() + ).forEach((pkg) => { + if (pkg.path.split("/").at(-1) == gitURL[7]) + setDisabled(true) + }) + + return [ + React.createElement( + Tooltip, + { + position: "top", + text: disabled + ? "Already Installed" + : "Install Package", + }, + (args) => + React.createElement( + MiniPopover.Button, + { + ...args, + disabled: disabled, + onClick: async () => { + setDisabled(true) + const failed = + await window.package.install( + gitURL + ) + + if (failed) { + Toasts.showToast( + Toasts.createToast( + "Failed to install package", + Toasts.ToastType + .ERROR + ) + ) + console.error( + `[${this.constructor.name}]`, + "Package installation failed, error above." + ) + setDisabled(false) + } else { + Toasts.showToast( + Toasts.createToast( + "Successfully installed package! Please reload discord with Ctrl+R.", + Toasts.ToastType + .SUCCESS + ) + ) + console.log( + `%c[${this.constructor.name}]`, + "color:#14bbaa", + "Successfully installed package! Please reload discord with Ctrl+R." + ) + } + }, + }, + React.createElement( + "svg", + { + xmlns: "http://www.w3.org/2000/svg", + width: "16", + height: "16", + fill: "currentColor", + class: "bi bi-arrow-down-circle-fill", + viewBox: "0 0 16 16", + }, + React.createElement("path", { + d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.5 4.5a.5.5 0 0 0-1 0v5.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V4.5z", + }) + ) + ) + ), + React.createElement( + MiniPopover.Separator, + null + ), + ] + }, + { props } + ) + ) return funcCopy.apply(this, args) }