- // ==UserScript==
- // @name Greasy Fork tweaks
- // @namespace almaceleste
- // @version 0.4.2
- // @description opens pages of scripts from lists in a new tab and makes the user interface more compact, informative and interactive
- // @description:ru открывает страницы скриптов из списков в новой вкладке и делает пользовательский интерфейс более компактным, информативным и интерактивным
- // @author (ɔ) almaceleste (https://almaceleste.github.io)
- // @license AGPL-3.0-or-later; http://www.gnu.org/licenses/agpl.txt
- // @icon https://greasyfork.org/assets/blacklogo16-bc64b9f7afdc9be4cbfa58bdd5fc2e5c098ad4bca3ad513a27b15602083fd5bc.png
- // @icon64 https://greasyfork.org/assets/blacklogo96-e0c2c76180916332b7516ad47e1e206b42d131d36ff4afe98da3b1ba61fd5d6c.png
-
- // @homepageURL https://greasyfork.org/en/users/174037-almaceleste
- // @homepageURL https://openuserjs.org/users/almaceleste
- // @homepageURL https://github.com/almaceleste/userscripts
- // @supportURL https://github.com/almaceleste/userscripts/issues
-
- // @require https://code.jquery.com/jquery-3.3.1.js
- // @require https://code.jquery.com/ui/1.12.1/jquery-ui.js
- // @require https://openuserjs.org/src/libs/sizzle/GM_config.js
- // @grant GM_getValue
- // @grant GM_setValue
- // @grant GM_registerMenuCommand
- // @grant GM_openInTab
- // @grant GM_getResourceText
-
- // @resource css https://github.com/almaceleste/userscripts/raw/master/css/default.css
-
- // @match https://greasyfork.org/*/users/*
- // @match https://greasyfork.org/*/scripts*
- // ==/UserScript==
-
- // ==OpenUserJS==
- // @author almaceleste
- // ==/OpenUserJS==
-
- const listitem = '.script-list li';
- const separator = '.name-description-separator';
- const scriptversion = 'data-script-version';
- const scriptrating = 'dd.script-list-ratings';
- const scriptstats = '.inline-script-stats';
- const dailyinstalls = '.script-list-daily-installs';
- const totalinstalls = '.script-list-total-installs';
- const createddate = '.script-list-created-date';
- const updateddate = '.script-list-updated-date';
-
- const userprofile = {};
- userprofile.path = '#user-profile';
- userprofile.header = 'body > div.width-constraint > section:first-child > h2';
-
- const sections = {};
- sections.controlpanel = '#control-panel';
- sections.discussions = '#user-discussions-on-scripts-written';
- sections.scriptsets = 'section:has(h3:contains("Script Sets"))';
-
- const configId = 'greasyforktweaksCfg';
- const iconUrl = GM_info.script.icon64;
- const pattern = {};
- pattern[`#${configId}`] = /#configId/g;
- pattern[`${iconUrl}`] = /iconUrl/g;
-
- let css = GM_getResourceText('css');
- Object.keys(pattern).forEach((key) => {
- css = css.replace(pattern[key], key);
- });
- const windowcss = css;
- const iframecss = `
- height: 455px;
- width: 435px;
- border: 1px solid;
- border-radius: 3px;
- position: fixed;
- z-index: 9999;
- `;
-
- GM_registerMenuCommand(`${GM_info.script.name} Settings`, () => {
- GM_config.open();
- GM_config.frame.style = iframecss;
- });
-
- GM_config.init({
- id: `${configId}`,
- title: `${GM_info.script.name} ${GM_info.script.version}`,
- fields: {
- version: {
- section: ['', 'Script list options (own and other pages)'],
- label: 'add script version number in the list of scripts',
- labelPos: 'right',
- type: 'checkbox',
- default: true,
- },
- ratingscore: {
- label: 'display script rating score',
- labelPos: 'right',
- type: 'checkbox',
- default: true,
- },
- compact: {
- label: 'compact script information',
- labelPos: 'right',
- type: 'checkbox',
- default: true,
- },
- userprofile: {
- section: ['', 'User page options (own page and other users`)'],
- label: 'collapse user profile info on user page',
- labelPos: 'right',
- type: 'checkbox',
- default: true,
- },
- controlpanel: {
- label: 'collapse control panel on user page',
- labelPos: 'right',
- type: 'checkbox',
- default: true,
- },
- discussions: {
- label: 'collapse discussions on user page',
- labelPos: 'right',
- type: 'checkbox',
- default: true,
- },
- scriptsets: {
- label: 'collapse script sets on user page',
- labelPos: 'right',
- type: 'checkbox',
- default: true,
- },
- newtab: {
- section: ['', 'Other options'],
- label: 'open script page in new tab',
- labelPos: 'right',
- type: 'checkbox',
- default: true,
- },
- background: {
- label: 'open new tab in background',
- labelPos: 'right',
- type: 'checkbox',
- default: false,
- },
- insert: {
- label: 'insert new tab next to the current instead of the right end',
- labelPos: 'right',
- type: 'checkbox',
- default: true,
- },
- setParent: {
- label: 'return to the current tab after new tab closed',
- labelPos: 'right',
- type: 'checkbox',
- default: true,
- },
- support: {
- section: ['', 'Support'],
- label: 'almaceleste.github.io',
- title: 'more info on almaceleste.github.io',
- type: 'button',
- click: () => {
- GM_openInTab('https://almaceleste.github.io', {
- active: true,
- insert: true,
- setParent: true
- });
- }
- },
- },
- css: windowcss,
- events: {
- save: function() {
- GM_config.close();
- }
- },
- });
-
- function arrow(element){
- const arrow = $(`
- <svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
- <style>
- .collapsed {
- transform: rotate(0deg);
- }
- .expanded {
- transform: rotate(180deg);
- }
- </style>
- <text x='0' y='18'>▼</text>
- </svg>
- `).css({
- fill: 'whitesmoke',
- height: '20px',
- width: '30px',
- });
- $(element).append(arrow);
- }
-
- function collapse(element, header){
- $(element).css({
- cursor: 'pointer',
- });
- arrow($(element).find(header));
- $(element).accordion({
- collapsible: true,
- active: false,
- beforeActivate: () => {
- rotate($(element).find('svg'));
- }
- });
- }
-
- function rotate(element){
- if ($(element).hasClass('expanded')) {
- $(element).animate({
- transform: 'rotate(0deg)',
- });
- }
- else {
- $(element).animate({
- transform: 'rotate(180deg)',
- });
- }
- $(element).toggleClass('expanded');
- }
-
- function compact(first, second){
- $('dt' + first).each(function(){
- $(this).css('display','none');
- $(this).siblings('dt' + second).find('span').append(' (' + $(this).find('span').text() + ')');
- });
- $('dd' + first).each(function(){
- $(this).css('display','none');
- $(this).siblings('dd' + second).find('span').append(' (' + $(this).find('span').text() + ')');
- });
- }
-
- function newtaber(e){
- const options = {active: !GM_config.get('background'), insert: GM_config.get('insert'), setParent: GM_config.get('setParent')};
- e.preventDefault();
- e.stopPropagation();
- GM_openInTab(e.target.href, options);
- }
-
- (function() {
- 'use strict';
-
- const version = GM_config.get('version');
- const newtab = GM_config.get('newtab');
-
- if (GM_config.get('userprofile')){
- $(userprofile.path).slideUp();
- arrow($(userprofile.header));
- $(userprofile.header).css({
- cursor: 'pointer',
- })
- .click(function(){
- $(userprofile.path).slideToggle();
- rotate($(this).find('svg'));
- });
- }
-
- Object.keys(sections).forEach((section) => {
- if (GM_config.get(section)) {
- collapse(sections[section], 'header h3');
- }
- });
- $(listitem).each(function(){
- if (version){
- $(this).find(separator).before(` ${$(this).attr(scriptversion)}`);
- }
- if (newtab){
- $(this).find(separator).prev('a').click(newtaber);
- }
- });
- if (GM_config.get('ratingscore')) {
- $(scriptrating).each(function(){
- $(this).children('span').after(` - ${$(this).attr('data-rating-score')}`);
- });
- }
- if (GM_config.get('compact')){
- $(scriptstats).children().css('width','auto');
- compact(totalinstalls, dailyinstalls);
- compact(updateddate, createddate);
- }
- })();