From ede1443810ab14878d31de37c8b72102d0f210bd Mon Sep 17 00:00:00 2001 From: lonkaars Date: Thu, 4 Feb 2021 22:11:47 +0100 Subject: initial poopy --- largePiPEnergy.plugin.js | 42 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 42 insertions(+) create mode 100644 largePiPEnergy.plugin.js diff --git a/largePiPEnergy.plugin.js b/largePiPEnergy.plugin.js new file mode 100644 index 0000000..ae07cf2 --- /dev/null +++ b/largePiPEnergy.plugin.js @@ -0,0 +1,42 @@ +/** + * @name largePiPEnergy + * @version 0.0.1 + * @author loekaars + * @description Enables resizing the screenshare/webcam picture in picture window by scrolling + * + * @website https://github.com/lonkaars + */ + +module.exports = class largePiPEnergy { + constructor() { + this.size = 320; + } + + start() { + BdApi.injectCSS("largePiPEnergy", [ + ":root {", + ` --largePiPEnergySize: ${this.size}`, + "}", + ".da-pictureInPicture .da-pictureInPictureVideo {", + ` width: calc(var(--largePiPEnergySize) * 1px);`, + " height: unset;", + " padding-bottom: 56.25%;", + " transition: width .3s;", + "}" + ].join("\n")) + + setInterval(() => { + var element = document.getElementsByClassName("da-pictureInPictureWindow")[0]; + if (!element) return; + element.onmousewheel = event => { + this.size -= event.deltaY / 3; + document.documentElement.style.setProperty("--largePiPEnergySize", `${this.size}`) + console.log(event.deltaY) + } + }, 1e3); // this is a crappy solution but i'll fix this tomorrow or something + } + + stop() { + BdApi.clearCSS("largePiPEnergy") + } +} -- cgit v1.2.3