From 65c6b45ff68833d65b7c0a1877e06673b52e584b Mon Sep 17 00:00:00 2001
From: Nguyen Duy <wuuyi123@gmail.com>
Date: Tue, 21 Nov 2023 20:33:05 +0700
Subject: [PATCH] Add source

---
 assets/social-button.png | Bin 0 -> 3819 bytes
 index.js                 |   1 +
 indie-theme.js           |   8 ++
 package.json             |  23 +++++
 src/index.js             |  77 ++++++++++++++++
 src/theme.css            | 193 +++++++++++++++++++++++++++++++++++++++
 6 files changed, 302 insertions(+)
 create mode 100644 assets/social-button.png
 create mode 100644 index.js
 create mode 100644 indie-theme.js
 create mode 100644 package.json
 create mode 100644 src/index.js
 create mode 100644 src/theme.css

diff --git a/assets/social-button.png b/assets/social-button.png
new file mode 100644
index 0000000000000000000000000000000000000000..8cf51e745d771fac34b0171b346f2ad443d38d90
GIT binary patch
literal 3819
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
X<8ZrnE3-xXkpwx~xty#y9+3JU^sX=a

literal 0
HcmV?d00001

diff --git a/index.js b/index.js
new file mode 100644
index 0000000..5714d64
--- /dev/null
+++ b/index.js
@@ -0,0 +1 @@
+import './src/index'
\ No newline at end of file
diff --git a/indie-theme.js b/indie-theme.js
new file mode 100644
index 0000000..b7d3c0f
--- /dev/null
+++ b/indie-theme.js
@@ -0,0 +1,8 @@
+/**
+ * @name indie-theme
+ * @description A simple and clean theme for Pengu Loader
+ * @author nomi-san
+ * @link https://github.com/nomi-san/indie-theme
+ */
+
+export * from 'https://unpkg.com/indie-theme@latest'
\ No newline at end of file
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..91349e3
--- /dev/null
+++ b/package.json
@@ -0,0 +1,23 @@
+{
+  "name": "indie-theme",
+  "version": "0.1.0",
+  "description": "A simple and clean theme for Pengu Loader",
+  "main": "src/index.js",
+  "type": "module",
+  "keywords": [
+    "pengu-loader",
+    "pengu-theme",
+    "pengu-plugin",
+    "league-client"
+  ],
+  "author": "nomi-san",
+  "license": "MIT",
+  "files": [
+    "assets/",
+    "src/"
+  ],
+  "exports": {
+    ".": "./src/index.js",
+    "./index.js": "./src/index.js"
+  }
+}
\ No newline at end of file
diff --git a/src/index.js b/src/index.js
new file mode 100644
index 0000000..d71343e
--- /dev/null
+++ b/src/index.js
@@ -0,0 +1,77 @@
+async function delay(t) {
+    return new Promise(r => setTimeout(r, t))
+}
+
+function toggleSocial() {
+    /** @type {HTMLDivElement} */
+    let pane = document.querySelector('.lol-social-lower-pane-container')
+    if (pane != null) {
+        pane.classList.toggle('hidden')
+        window.DataStore?.set('__social_hidden', pane.classList.contains('hidden'))
+    }
+}
+
+/** @returns {Promise<HTMLElement>} */
+function watchElement(selector, interval = 500) {
+    return new Promise(async resolve => {
+        while (true) {
+            let el = document.querySelector(selector)
+            if (el != null) {
+                resolve(el)
+                break
+            }
+            await delay(interval)
+        }
+    })
+}
+
+export async function load() {
+    watchElement('.bug-report-button')
+        .then(el => {
+            let clone = el.cloneNode(true)
+            el.style.display = 'none'
+            el.parentNode.appendChild(clone)
+            clone.addEventListener('click', (e) => {
+                e.stopPropagation()
+                e.preventDefault()
+                toggleSocial()
+            }, true)
+        })
+
+    watchElement('.lol-social-lower-pane-container')
+        .then(el => {
+            let hidden = window.DataStore?.get('__social_hidden', false)
+            if (hidden === true) {
+                el.classList.add('hidden')
+            }
+        })
+
+    // watchElement('.rcp-fe-viewport-persistent')
+    //     .then(el => {
+    //         console.log('.rcp-fe-viewport-persistent created')
+    //         let mo = new MutationObserver(mutations => {
+    //             mutations.forEach(mutation => {
+    //                 mutation.addedNodes.forEach(node => {
+    //                     if (node.nodeName === 'IFRAME') {
+    //                         /** @type {HTMLIFrameElement} */
+    //                         // todo
+    //                     }
+    //                 })
+    //             })
+    //         })
+    //         mo.observe(el, {
+    //             childList: true,
+    //             subtree: true
+    //         })
+    //     })
+
+    let url = import.meta.url
+    if (url.startsWith('https://plugins/')) {
+        import('./theme.css')
+    } else {
+        let link = document.createElement('link')
+        link.setAttribute('rel', 'stylesheet');
+        link.setAttribute('href', new URL('./theme.css', url).href);
+        document.body.appendChild(link)
+    }
+}
\ No newline at end of file
diff --git a/src/theme.css b/src/theme.css
new file mode 100644
index 0000000..4ecbef3
--- /dev/null
+++ b/src/theme.css
@@ -0,0 +1,193 @@
+.rcp-fe-viewport-main {
+  width: 100% !important;
+}
+
+lol-uikit-flyout-frame {
+  z-index: 100;
+}
+
+.bg-current.uikit-background-switcher {
+  width: 100% !important;
+}
+
+.rcp-fe-viewport-sidebar {
+  position: fixed;
+  right: 0px;
+  z-index: 1;
+  background: transparent !important;
+  height: auto !important;
+}
+
+.lol-social-sidebar {
+  background: transparent !important;
+}
+
+lol-social-avatar {
+  transform: scale(0.85);
+}
+
+lol-social-roster {
+  /* padding-bottom: 160px; */
+}
+
+.v2-header-component {
+  top: 0 !important;
+}
+
+.v2-header-component .lobby-header-content {
+  margin-top: 18px !important;
+}
+
+.v2-parties-invite-info-panel {
+  background: transparent !important;
+}
+
+.parties-invite-info-panel-body {
+  border-bottom: none !important;
+}
+
+.lobby-header-buttons-container {
+  position: absolute;
+  top: calc(90vh - 4px);
+  right: calc(60vw + 4px);
+}
+
+.alpha-version-panel {
+  position: fixed;
+  bottom: 1px;
+  right: 1px;
+  width: 223px !important;
+}
+
+.navbar-blur {
+  display: none;
+}
+
+.navigation-root-component {
+  border-bottom: none !important;
+}
+
+/* lol-parties-game-info-panel {
+  display: none !important;
+} */
+
+.lol-social-lower-pane-container {
+  position: fixed;
+  height: 330px;
+  right: 1px;
+  bottom: 36px;
+  width: 223px;
+  background-image: linear-gradient(rgb(7, 34, 55), rgb(1, 10, 19));
+  /* border-top: 2px solid transparent;
+  border-image: linear-gradient(0deg, rgb(120, 91, 40), rgb(200, 156, 60) 55%, rgb(200, 163, 85) 71%, rgb(200, 170, 110)) 1 / 1 / 0 stretch; */
+  box-sizing: border-box;
+
+  /* flex-flow: column-reverse; */
+  box-shadow: -14px -13px 39px 6px rgba(0, 0, 0, 0.5);
+}
+
+.lol-social-lower-pane-container.hidden {
+  display: none;
+}
+
+.bug-report-button {
+  background-image: url(../assets/social-button.png) !important;
+}
+
+.play-button-component.disabled {
+  visibility: hidden;
+}
+
+.navigation-root-component {
+  justify-content: flex-end !important;
+}
+
+lol-uikit-navigation-bar {
+  width: unset !important;
+}
+
+.right-nav-vertical-rule {
+  display: none;
+}
+
+.wallet-and-badges {
+  margin-right: 0 !important;
+}
+
+.wallet-and-badges>* {
+  margin-left: 8px !important;
+}
+
+.main-navigation-menu-item,
+.wallet-and-badges,
+.ticker-button,
+lol-social-panel>* {
+  opacity: .2;
+}
+
+.main-navigation-menu-item:hover,
+.main-navigation-menu-item[active],
+.wallet-and-badges:hover,
+.ticker-button:hover,
+lol-social-panel>*:hover {
+  opacity: .8;
+}
+
+.style-profile-skin-picker-button {
+  z-index: 100;
+}
+
+.loot-content-wrapper,
+.collections-application {
+  width: 100% !important;
+}
+
+.loot-backdrop {
+  width: 100% !important;
+  background-size: cover !important;
+}
+
+.rcp-fe-viewport-overlay {
+  z-index: 2;
+}
+
+.rcp-fe-viewport-overlay>.screen-root:first-child {
+  border-top: 1px solid #1e282d;
+}
+
+.invite-info-panel-container {
+  bottom: 40px !important;
+  /* z-index: 1; */
+}
+
+.vng-age-rating {
+  display: none;
+}
+
+.left-nav-menu>* {
+  margin: 0 -4px !important;
+}
+
+.right-nav-menu .main-navigation-menu-item:last-of-type {
+  margin-right: 0 !important;
+}
+
+.right-nav-menu .main-navigation-menu-item {
+  width: 40px !important;
+}
+
+/* landing pages */
+
+.rcp-fe-viewport-persistent,
+.rcp-fe-viewport-persistent>* {
+  width: 100% !important;
+}
+
+
+
+/* postgame stats */
+
+.postgame-header-container {
+  padding-right: 250px;
+  width: unset !important;
+}
\ No newline at end of file