From 5d200009ce96c9f5095758b62f7d9a36d521efbc Mon Sep 17 00:00:00 2001 From: xkeyC <3334969096@qq.com> Date: Wed, 19 Feb 2025 12:20:02 +0800 Subject: [PATCH] Feat: add RSI-Hangar-Button --- StarCitizenBoxBrowserEx/manifest.json | 9 ++ StarCitizenBoxBrowserEx/rsi_hangar_fix.js | 93 +++++++++++++++++++ StarCitizenBoxBrowserEx_Firefox/manifest.json | 9 ++ .../rsi_hangar_fix.js | 93 +++++++++++++++++++ 4 files changed, 204 insertions(+) create mode 100644 StarCitizenBoxBrowserEx/rsi_hangar_fix.js create mode 100644 StarCitizenBoxBrowserEx_Firefox/rsi_hangar_fix.js diff --git a/StarCitizenBoxBrowserEx/manifest.json b/StarCitizenBoxBrowserEx/manifest.json index 0baec93..7e0446e 100644 --- a/StarCitizenBoxBrowserEx/manifest.json +++ b/StarCitizenBoxBrowserEx/manifest.json @@ -42,6 +42,15 @@ "js": [ "thirdparty/jquery.min.js" ] + }, + { + "matches": [ + "https://robertsspaceindustries.com/*" + ], + "js": [ + "rsi_hangar_fix.js" + ], + "run_at": "document_idle" } ] } \ No newline at end of file diff --git a/StarCitizenBoxBrowserEx/rsi_hangar_fix.js b/StarCitizenBoxBrowserEx/rsi_hangar_fix.js new file mode 100644 index 0000000..1a281c8 --- /dev/null +++ b/StarCitizenBoxBrowserEx/rsi_hangar_fix.js @@ -0,0 +1,93 @@ +// form https://github.com/cfdxkk/RSI-Hangar-Button +// LICENSE GLWT(Good Luck With That) Public License +(function () { + /** + * 寻找元素直到元素被加载 + * @param dom 查找的根元素 + * @param selector 元素的查找 + * @param callback 查找到的回调 + * @param interval 查找的间隔，默认 100 毫秒 + */ + function waitForElement(dom, selector, callback, interval = 100) { + const checkExist = setInterval(() => { + const element = dom.querySelector(selector) + if (element) { + clearInterval(checkExist) // 停止轮询 + callback(element) + } + }, interval) + } + + /** + * 开始监听抽屉，如果监听到点击事件，则添加按钮 + * @param element + */ + function startObserve(element) { + // 创建一个 MutationObserver 实例，监听元素的子元素变化 + const observer = new MutationObserver((mutationsList) => { + for (const mutation of mutationsList) { + if (mutation.type === 'childList' && mutation.addedNodes.length > 0) { + mutation.addedNodes.forEach(node => { + if (node.nodeType === 1) { // 只处理元素节点 (忽略文本节点) + waitForElement(node, "a[data-cy-id=\"button\"][href=\"/account/settings\"]", (button) => { + copyAndAddButton(button) + }) + } + }) + } + } + }) + + // 监听子节点变化，并对子树内的变化也进行监听 + observer.observe(element, { childList: true, subtree: true }) + } + + /** + * 复制原有按钮，将其修改为机库按钮并插入到原按钮的上方 + * 在插入前先检查是否已经存在对应的按钮 + * @param {HTMLElement} button 原始按钮 + */ + function copyAndAddButton(button) { + if (!button) return + + // 如果已经存在 href 为 /account/pledges 的按钮，则不再添加 + if (button.parentNode.querySelector('a[data-cy-id="button"][href="/account/pledges"]')) { + return + } + // 复制元素 + const hangarButton = button.cloneNode(true) + + // 修改 href + hangarButton.href = "/account/pledges" + + // 查找按钮中的文本部分 + const hangarButtonText = hangarButton.querySelector('span[data-cy-id="button__text"]') + + // 修改文本 + if (hangarButtonText) { + hangarButtonText.innerText = "My Hangar" + } + + // 查找按钮中的图标部分 + const hangarButtonIcon = hangarButton.querySelector('i[data-cy-id="button__icon"]') + + // 修改图标 + if (hangarButtonIcon) { + hangarButtonIcon.className = "a-button__icon a-icon -gridView" + } + + // 插入到目标元素的前方 + button.parentNode.insertBefore(hangarButton, button) + } + + // 开始查找抽屉，如果找到执行监听回调 + waitForElement(document, "#sidePanel", (risSidePanel) => { + startObserve(risSidePanel) + + // 初始检查：防止首次打开抽屉时按钮已经存在，MutationObserver 不触发 + const button = sidePanel.querySelector('a[data-cy-id="button"][href="/account/settings"]') + if (button) { + copyAndAddButton(button) + } + }) +})() \ No newline at end of file diff --git a/StarCitizenBoxBrowserEx_Firefox/manifest.json b/StarCitizenBoxBrowserEx_Firefox/manifest.json index f269ada..9fef25d 100644 --- a/StarCitizenBoxBrowserEx_Firefox/manifest.json +++ b/StarCitizenBoxBrowserEx_Firefox/manifest.json @@ -43,6 +43,15 @@ "js": [ "thirdparty/jquery.min.js" ] + }, + { + "matches": [ + "https://robertsspaceindustries.com/*" + ], + "js": [ + "rsi_hangar_fix.js" + ], + "run_at": "document_idle" } ] } \ No newline at end of file diff --git a/StarCitizenBoxBrowserEx_Firefox/rsi_hangar_fix.js b/StarCitizenBoxBrowserEx_Firefox/rsi_hangar_fix.js new file mode 100644 index 0000000..1a281c8 --- /dev/null +++ b/StarCitizenBoxBrowserEx_Firefox/rsi_hangar_fix.js @@ -0,0 +1,93 @@ +// form https://github.com/cfdxkk/RSI-Hangar-Button +// LICENSE GLWT(Good Luck With That) Public License +(function () { + /** + * 寻找元素直到元素被加载 + * @param dom 查找的根元素 + * @param selector 元素的查找 + * @param callback 查找到的回调 + * @param interval 查找的间隔，默认 100 毫秒 + */ + function waitForElement(dom, selector, callback, interval = 100) { + const checkExist = setInterval(() => { + const element = dom.querySelector(selector) + if (element) { + clearInterval(checkExist) // 停止轮询 + callback(element) + } + }, interval) + } + + /** + * 开始监听抽屉，如果监听到点击事件，则添加按钮 + * @param element + */ + function startObserve(element) { + // 创建一个 MutationObserver 实例，监听元素的子元素变化 + const observer = new MutationObserver((mutationsList) => { + for (const mutation of mutationsList) { + if (mutation.type === 'childList' && mutation.addedNodes.length > 0) { + mutation.addedNodes.forEach(node => { + if (node.nodeType === 1) { // 只处理元素节点 (忽略文本节点) + waitForElement(node, "a[data-cy-id=\"button\"][href=\"/account/settings\"]", (button) => { + copyAndAddButton(button) + }) + } + }) + } + } + }) + + // 监听子节点变化，并对子树内的变化也进行监听 + observer.observe(element, { childList: true, subtree: true }) + } + + /** + * 复制原有按钮，将其修改为机库按钮并插入到原按钮的上方 + * 在插入前先检查是否已经存在对应的按钮 + * @param {HTMLElement} button 原始按钮 + */ + function copyAndAddButton(button) { + if (!button) return + + // 如果已经存在 href 为 /account/pledges 的按钮，则不再添加 + if (button.parentNode.querySelector('a[data-cy-id="button"][href="/account/pledges"]')) { + return + } + // 复制元素 + const hangarButton = button.cloneNode(true) + + // 修改 href + hangarButton.href = "/account/pledges" + + // 查找按钮中的文本部分 + const hangarButtonText = hangarButton.querySelector('span[data-cy-id="button__text"]') + + // 修改文本 + if (hangarButtonText) { + hangarButtonText.innerText = "My Hangar" + } + + // 查找按钮中的图标部分 + const hangarButtonIcon = hangarButton.querySelector('i[data-cy-id="button__icon"]') + + // 修改图标 + if (hangarButtonIcon) { + hangarButtonIcon.className = "a-button__icon a-icon -gridView" + } + + // 插入到目标元素的前方 + button.parentNode.insertBefore(hangarButton, button) + } + + // 开始查找抽屉，如果找到执行监听回调 + waitForElement(document, "#sidePanel", (risSidePanel) => { + startObserve(risSidePanel) + + // 初始检查：防止首次打开抽屉时按钮已经存在，MutationObserver 不触发 + const button = sidePanel.querySelector('a[data-cy-id="button"][href="/account/settings"]') + if (button) { + copyAndAddButton(button) + } + }) +})() \ No newline at end of file