This commit is contained in:
Henry Hiles 2022-04-26 08:36:46 -04:00
parent a9b6d3c2a5
commit 2db736aa59

View file

@ -3,7 +3,7 @@
export default new (class PackageDownloader { export default new (class PackageDownloader {
async start() { async start() {
await Webpack.whenReady await Webpack.whenReady
const { React } = Webpack.common const { React } = window.Webpack.common
const MiniPopover = Webpack.findByDisplayName("MiniPopover", { const MiniPopover = Webpack.findByDisplayName("MiniPopover", {
default: true, default: true,
}) })
@ -16,7 +16,91 @@ export default new (class PackageDownloader {
const Tooltip = Webpack.findByDisplayName("Tooltip") const Tooltip = Webpack.findByDisplayName("Tooltip")
const funcCopy = MiniPopover.default const funcCopy = MiniPopover.default
MiniPopover.default = function (...args) { 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 const props = args[0].children.at
? args[0].children.at(-1).props ? args[0].children.at(-1).props
: null : null
@ -25,82 +109,16 @@ export default new (class PackageDownloader {
props?.message && props?.message &&
props.channel && props.channel &&
props.channel.id == "899717501120806963" props.channel.id == "899717501120806963"
) { )
const gitURL = props.message.content args[0].children.unshift(React.createElement(Button, { props }))
.slice(props.message.content.indexOf("Repository"))
.match(
/((git@|http(s)?:\/\/)([\w\.@]+)(\/|:))([\w,\-,\_]+)\/([\w,\-,\_]+)(.git){0,1}((\/){0,1})/
)
const Button = () => {
const [disabled, setDisabled] = React.useState(false)
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
)
)
setDisabled(false)
} else
Toasts.showToast(
Toasts.createToast(
"Successfully installed package! Please reload discord with Ctrl+R.",
Toasts.ToastType.SUCCESS
)
)
},
},
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)
)
}
args[0].children.unshift(React.createElement(Button))
}
return funcCopy.apply(this, args) return funcCopy.apply(this, args)
} }
Object.assign(MiniPopover.default, funcCopy) Object.assign(MiniPopover.default, funcCopy)
this.stop = () => {
MiniPopover.default = funcCopy
}
} }
})() })()