☰

GC - Universal Userscripts Settings

Library for adding a user interface to manage settings for grundos.cafe userscripts

目前为 2024-10-28 提交的版本。查看 最新版本。

此脚本不应直接安装，它是一个供其他脚本使用的外部库。如果您需要使用该库，请在脚本元属性加入：// @require https://update.cn-greasyfork.org/scripts/514423/1472892/GC%20-%20Universal%20Userscripts%20Settings.js 

  1. function _addSettingsLink() {
  2.     const existingNav = document.querySelector('nav.center.margin-1');
  3.   
  4.     if (existingNav) {
  5.       const newNav = document.createElement('nav');
  6.       newNav.classList.add('center', 'margin-1');
  7.       newNav.id = 'userscript-navigation';
  8.       
  9.       const newLink = document.createElement('a');
  10.       newLink.href = '/help/userscripts/';
  11.       newLink.textContent = 'Userscript Preferences';
  12.       
  13.       newNav.appendChild(newLink);
  14.       
  15.       existingNav.after(newNav);
  16.     } else {
  17.       console.error('Existing navigation element not found.');
  18.     }
  19. }
  20.  
  21. function _createLabel(labelText) {
  22.     const labelContainer = document.createElement('div');
  23.     labelContainer.classList.add('data', 'left');
  24.  
  25.     const label = document.createElement('span');
  26.     label.textContent = labelText;
  27.     labelContainer.appendChild(label);
  28.     return labelContainer;
  29. }
  30.  
  31. function _createInput(input) {
  32.     const inputContainer = document.createElement('div');
  33.     inputContainer.classList.add('data', 'flex-column', 'right');
  34.     inputContainer.appendChild(input);
  35.     return inputContainer;
  36. }
  37.  
  38. function _addCallback(callbackFunction) {
  39.     document.getElementById('userscript-update').addEventListener('click', callbackFunction);
  40. }
  41.  
  42. async function _addCategoryHeader(categoryName) {
  43.     if (!window.location.href.includes('/help/userscripts/')) return;
  44.     await _checkSettingsSetup();
  45.     const settings = document.querySelector('.market_grid.profile.prefs.margin-auto');
  46.     const footer = document.querySelector('#userscript-preferences>.market_grid.profile.prefs.margin-auto>.footer.small-gap');
  47.     if (!settings) {
  48.         console.error('Settings not found.');
  49.         return;
  50.     }
  51.  
  52.     const headers = Array.from(settings.querySelectorAll('.header'));
  53.     let header = headers.find(header => header.textContent.trim() === categoryName);
  54.  
  55.     if (!header) {
  56.         header = document.createElement('div');
  57.         header.classList.add('header');
  58.         header.innerHTML = `<strong>${categoryName}</strong>`;
  59.     
  60.         const insertionPoint = headers.find(existingHeader => existingHeader.textContent.trim().localeCompare(categoryName) > 0);
  61.     
  62.         if (insertionPoint) {
  63.             insertionPoint.insertAdjacentElement('beforebegin', header);
  64.         } else {
  65.             footer.insertAdjacentElement('beforebegin', header);
  66.         }
  67.     }
  68.  
  69.     return header;
  70. }
  71.  
  72. async function addTextInput(categoryName, settingName, labelText, currentSetting = undefined, callbackFunction = undefined) {
  73.     if (!window.location.href.includes('/help/userscripts/')) throw Error('Attempted to add setting outside of settings page.');    const header = await _addCategoryHeader(categoryName);
  74.  
  75.     if (currentSetting === undefined) {
  76.         currentSetting = await GM.getValue(settingName, '');
  77.     }
  78.  
  79.     const textInput = document.createElement('input');
  80.     textInput.type = 'text';
  81.     textInput.name = settingName;
  82.     textInput.value = currentSetting;
  83.     
  84.     const label = _createLabel(labelText);
  85.     header.insertAdjacentElement('afterend', label);
  86.  
  87.     const inputElement = _createInput(textInput);
  88.     label.insertAdjacentElement('afterend', inputElement);
  89.  
  90.     if (callbackFunction) {
  91.         _addCallback(() => callbackFunction(settingName, textInput.value));
  92.     } else {
  93.         _addCallback(async () => await GM.setValue(settingName, checkbox.checked));
  94.     }
  95. }
  96.  
  97. async function addNumberInput(categoryName, settingName, labelText, min = 0, max = 100, step = 1, currentSetting = undefined, callbackFunction = undefined) {
  98.     if (!window.location.href.includes('/help/userscripts/')) throw Error('Attempted to add setting outside of settings page.');    const header = await _addCategoryHeader(categoryName);
  99.     if (currentSetting === undefined) {
  100.         currentSetting = await GM.getValue(settingName, min);
  101.     }
  102.  
  103.     const numberInput = document.createElement('input');
  104.     numberInput.type = 'number';
  105.     numberInput.name = settingName;
  106.     numberInput.value = currentSetting;
  107.     numberInput.min = min;
  108.     numberInput.max = max;
  109.     numberInput.step = step;
  110.     
  111.     const label = _createLabel(labelText);
  112.     header.insertAdjacentElement('afterend', label);
  113.  
  114.     const inputElement = _createInput(numberInput);
  115.     label.insertAdjacentElement('afterend', inputElement);
  116.  
  117.     if (callbackFunction) {
  118.         _addCallback(() => callbackFunction(settingName, numberInput.value));
  119.     } else {
  120.         _addCallback(async () => await GM.setValue(settingName, checkbox.checked));
  121.     }
  122. }
  123.  
  124. async function addCheckboxInput(categoryName, settingName, labelText, currentSetting = undefined, callbackFunction = undefined) {
  125.     if (!window.location.href.includes('/help/userscripts/')) throw Error('Attempted to add setting outside of settings page.');    const header = await _addCategoryHeader(categoryName);
  126.     if (currentSetting === undefined) {
  127.         currentSetting = await GM.getValue(settingName, false);
  128.     }
  129.  
  130.     const checkbox = document.createElement('input');
  131.     checkbox.type = 'checkbox';
  132.     checkbox.name = settingName;
  133.     checkbox.checked = currentSetting;
  134.     
  135.     const label = _createLabel(labelText);
  136.     header.insertAdjacentElement('afterend', label);
  137.  
  138.     const inputElement = _createInput(checkbox);
  139.     label.insertAdjacentElement('afterend', inputElement);
  140.  
  141.     if (callbackFunction) {
  142.         _addCallback(() => callbackFunction(settingName, checkbox.checked));
  143.     } else {
  144.         _addCallback(async () => await GM.setValue(settingName, checkbox.checked));
  145.     }
  146. }
  147.  
  148. async function addDropdown(categoryName, settingName, labelText, options, currentSetting = undefined, callbackFunction = undefined) {
  149.     if (!window.location.href.includes('/help/userscripts/')) throw Error('Attempted to add setting outside of settings page.');
  150.     const header = await _addCategoryHeader(categoryName);
  151.     if (currentSetting === undefined) {
  152.         currentSetting = await GM.getValue(settingName, options[0].value);
  153.     }
  154.  
  155.     const select = document.createElement('select');
  156.     select.name = settingName;
  157.     select.classList.add('form-control');
  158.  
  159.     options.forEach(option => {
  160.         const optionElement = document.createElement('option');
  161.         optionElement.value = option.value;
  162.         optionElement.textContent = option.text;
  163.         if (option.value === currentSetting) {
  164.             optionElement.selected = true;
  165.         }
  166.         select.appendChild(optionElement);
  167.     });
  168.     
  169.     const label = _createLabel(labelText);
  170.     header.insertAdjacentElement('afterend', label);
  171.  
  172.     const inputElement = _createInput(select);
  173.     label.insertAdjacentElement('afterend', inputElement);
  174.  
  175.     if (callbackFunction) {
  176.         _addCallback(() => callbackFunction(settingName, select.value));
  177.     } else {
  178.         _addCallback(async () => await GM.setValue(settingName, checkbox.checked));
  179.     }
  180. }
  181.  
  182. function _replaceBannerImage() {
  183.     const bannerImage = document.getElementById('top-header-image');
  184.     if (bannerImage) {
  185.         bannerImage.src = 'https://grundoscafe.b-cdn.net/misc/banners/userinfo.gif';
  186.     } else {
  187.         console.error('Banner image not found.');
  188.     }
  189. }
  190.  
  191. function _setupShareSettings() {
  192.     const urlPattern = /\/help\/(?:profile|siteprefs|sidebar|randomevents)\/|\/discord\//;
  193.     const settings = window.location.href.includes('/help/userscripts/');
  194.     const help = urlPattern.test(window.location.href) && !settings;
  195.     if (help) {
  196.         _addSettingsLink();
  197.     } else if (settings) {
  198.         _replaceBannerImage();
  199.         const element = document.querySelector('main');
  200.         if (element) {
  201.             element.id = 'userscript-preferences';  
  202.             element.innerHTML = `
  203.                 <h1>Userscript Preferences</h1>
  204.                 <nav class="center margin-1">
  205.                     <a href="/help/profile/">Edit Profile</a> |
  206.                     <a href="/help/siteprefs/">Site Preferences</a> |
  207.                     <a href="/help/sidebar/">Edit Sidebar</a> |
  208.                     <a href="/discord/">Discord</a> |
  209.                     <a href="/help/randomevents/">Random Event Log</a>
  210.                 </nav>
  211.                 <nav class="center margin-1" id="userscript-navigation"><a href="/help/userscripts/">Userscript Preferences</a></nav>
  212.                 <p>Here you can adjust settings for participating userscripts.</p>
  213.                 <div class="market_grid profile prefs margin-auto">
  214.                     <div class="footer small-gap">
  215.                         <input class="form-control half-width" type="submit" value="Update Preferences" id="userscript-update">
  216.                     </div>
  217.                 </div>
  218.                 `;
  219.         }
  220.     }
  221. }
  222.  
  223. async function _checkSettingsSetup() {
  224.     return new Promise((resolve, reject) => {
  225.         const interval = setInterval(() => {
  226.             if (document.getElementById('userscript-preferences') !== null) {
  227.                 clearInterval(interval);
  228.                 clearTimeout(timeout);
  229.                 resolve(true);
  230.             }
  231.         }, 50);
  232.  
  233.         const timeout = setTimeout(() => {
  234.             clearInterval(interval);
  235.             reject(new Error('Timeout: userscript-preferences element not found within 10 seconds'));
  236.         }, 10000);
  237.     });
  238. }
  239.  
  240. if (!document.getElementById('userscript-navigation')) {
  241.     console.log("settings running");
  242.     _setupShareSettings();
  243. }