☰

🌺 Clean ChatGPT

Cleaner and better ChatGPT 3.5

当前为 2024-02-13 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name              🌺 Clean ChatGPT
  3. // @name:pl           🌺 Clean ChatGPT
  4. // @namespace         https://greasyfork.org/pl/users/1081704-nameniok
  5. // @version           1.2.3
  6. // @author            Nameniok
  7. // @description       Cleaner and better ChatGPT 3.5
  8. // @description:pl    Czystszy i lepszy ChatGPT 3.5
  9. // @run-at            document-start
  10. // @match             https://chat.openai.com/*
  11. // @grant             none
  12. // @license           MIT
  13. // ==/UserScript==
  14.  
  15. // Cleaner ui //
  16. function removeElements() {
  17.     var elementsToRemove = [
  18.         ".to-gray-900.from-gray-900\\/0.bg-gradient-to-t.h-24",
  19.         ".uppercase.rounded-md.md\\:text-sm.text-xs.px-1\\.5.py-0\\.5.text-yellow-900.bg-yellow-200",
  20.         ".border-white\\/20.border.flex-shrink-0.mb-1.text-sm.rounded-md.gap-3.items-center.px-3.py-3.flex.kgold",
  21.         ".py-3.px-4.bg-gray-900",
  22.         "span.uppercase.rounded-md.md\\:text-sm.text-xs.px-1\\.5.py-0\\.5.text-yellow-900.bg-yellow-200",
  23.         "#kcg",
  24.         ".pt-2.pb-3",
  25.         ".space-y-2.flex-col.flex",
  26.         ".w-\\[72px\\].h-\\[72px\\].mb-3",
  27.         ".font-medium.text-2xl.mb-5",
  28.         // Upgrade button
  29.         ".px-2.rounded-lg.m-0.hover\\:bg-token-sidebar-surface-secondary.radix-disabled\\:opacity-50.radix-disabled\\:pointer-events-none.focus\\:ring-0.cursor-pointer.text-sm.p-2\\.5.gap-2.flex.group",
  30.         // Upgrade button on smaller width
  31.         "div.\\!pr-3.group.radix-disabled\\:opacity-50.radix-disabled\\:pointer-events-none.hover\\:bg-token-main-surface-secondary.focus\\:ring-0.cursor-pointer.text-sm.p-2\\.5.rounded.m-1\\.5.gap-2.flex:nth-of-type(2)",
  32.         ".justify-center.md\\:gap-2.gap-0.md\\:mb-4.md\\:m-auto.md\\:w-full.ml-1.flex.h-full > .grow",
  33.  
  34.         ".text-token-text-tertiary > .mt-2",
  35.         ".md\\:mt-14.relative",
  36.         ".w-12.h-12.mb-3",
  37.         ".pr-1.gap-2.flex",
  38.         // Invite members button
  39.         ".rounded-lg.hover\\:bg-token-sidebar-surface-secondary.radix-disabled\\:opacity-50.radix-disabled\\:pointer-events-none.focus\\:ring-0.cursor-pointer.text-sm.p-2\\.5.gap-2.flex.group",
  40.         //
  41.         // Archive small button
  42.         ".flex.pr-2.gap-1\\.5.items-center.top-0.right-0.bottom-0.absolute > span > .radix-state-open\\:text-token-text-secondary.hover\\:text-token-text-secondary.transition.text-token-text-primary.justify-center.items-center.flex",
  43.         ".flex.items-center.justify-center.text-token-text-primary.transition.hover\\:text-token-text-secondary.radix-state-open\\:text-token-text-secondary > svg",
  44.         //
  45.  
  46.       /*
  47.       // CLEANER - Chat history not visible with this
  48.         //".justify-center.items-center.flex-col.h-full.flex",
  49.         //".text-token-text-primary.justify-center.items-center.flex-col.h-full.flex",
  50.       */
  51.  
  52.       /*
  53.       // MEGA CLEAN
  54.         ".ml-2.focus\\:ring-0.border-token-border-medium.border.rounded-lg.whitespace-nowrap.justify-center.items-center.w-9.h-9.flex.btn-small.btn-neutral.relative.btn",
  55.         ".bg-token-sidebar-surface-primary.overflow-x-hidden.flex-shrink-0",
  56.         ".justify-center.items-center.w-8.h-\\[72px\\].flex",
  57.         ".z-40.top-1\\/2.left-0.fixed",
  58.         "#headlessui-portal-root > div > div > .relative",
  59.         ".active\\:opacity-50.focus\\:ring-white.focus\\:ring-inset.focus\\:ring-2.focus\\:outline-none.hover\\:text-token-text-primary.rounded-md.justify-center.items-center.w-10.h-10.inline-flex.-mt-0\\.5.-ml-0\\.5.left-0.absolute",
  60.      */
  61.  
  62.         ".md\\:px-\\[60px\\].text-token-text-secondary.text-xs.text-center.py-2.px-2.relative > span"
  63.     ];
  64.     elementsToRemove.forEach(function(selector) {
  65.         var elements = document.querySelectorAll(selector);
  66.         elements.forEach(function(element) {
  67.             element.remove();
  68.         });
  69.     });
  70.     setTimeout(function() {
  71.     observer.disconnect();
  72. }, 5000);
  73. }
  74. function observeDOMChanges() {
  75.     var observer = new MutationObserver(function(mutationsList, observer) {
  76.         removeElements();
  77.     });
  78.     observer.observe(document.documentElement, { childList: true, subtree: true });
  79.     return observer;
  80. }
  81. var observer = observeDOMChanges();
  82. window.addEventListener('load', function() {
  83.     removeElements();
  84. });
  85.  
  86. function removeElements2() {
  87.     var elementsToRemove = [
  88.         ".to-gray-900.from-gray-900\\/0.bg-gradient-to-t.h-24",
  89.         ".pr-1.gap-2.flex",
  90.         // Hide upgrade button
  91.         ".px-2.rounded-lg.m-0.hover\\:bg-token-sidebar-surface-secondary.radix-disabled\\:opacity-50.radix-disabled\\:pointer-events-none.focus\\:ring-0.cursor-pointer.text-sm.p-2\\.5.gap-2.flex.group",
  92.         //
  93.         // Hide upgrade button on smaller width
  94.         "div.\\!pr-3.group.radix-disabled\\:opacity-50.radix-disabled\\:pointer-events-none.hover\\:bg-token-main-surface-secondary.focus\\:ring-0.cursor-pointer.text-sm.p-2\\.5.rounded.m-1\\.5.gap-2.flex:nth-of-type(2)",
  95.         //
  96.         ".text-token-text-tertiary > .mt-2",
  97.         ".justify-center.md\\:gap-2.gap-0.md\\:mb-4.md\\:m-auto.md\\:w-full.ml-1.flex.h-full > .grow",
  98.         ".md\\:px-\\[60px\\].text-token-text-secondary.text-xs.text-center.py-2.px-2.relative > span",
  99.         ".font-medium.text-2xl.mb-5",
  100.         ".w-12.h-12.mb-3",
  101.         "gizmo-shadow-stroke relative.flex h-full.items-center.justify-center.rounded-full.bg-white text-black",
  102.         ".py-3.px-4.bg-gray-900",
  103.         // Invite members button
  104.         ".rounded-lg.hover\\:bg-token-sidebar-surface-secondary.radix-disabled\\:opacity-50.radix-disabled\\:pointer-events-none.focus\\:ring-0.cursor-pointer.text-sm.p-2\\.5.gap-2.flex.group",
  105.         //
  106.         // Share chat button
  107.         ".my-1-5.border-b.border-token-border-light",
  108.         ".border-token-border-light.border-b.my-1\\.5",
  109.         //
  110.         // Archive small button
  111.         ".flex.pr-2.gap-1\\.5.items-center.top-0.right-0.bottom-0.absolute > span > .radix-state-open\\:text-token-text-secondary.hover\\:text-token-text-secondary.transition.text-token-text-primary.justify-center.items-center.flex",
  112.         ".flex.items-center.justify-center.text-token-text-primary.transition.hover\\:text-token-text-secondary.radix-state-open\\:text-token-text-secondary > svg",
  113.         //
  114.  
  115.       /*
  116.       // CLEANER - Chat history not visible with this (remember - disable Chat history & training and Delete all chats)
  117.         "div.group.radix-disabled\\:opacity-50.radix-disabled\\:pointer-events-none.hover\\:bg-token-main-surface-secondary.focus\\:ring-0.cursor-pointer.text-sm.p-2\\.5.rounded.m-1\\.5.gap-2.flex:nth-of-type(2)",
  118.         "div.group.radix-disabled\\:opacity-50.radix-disabled\\:pointer-events-none.hover\\:bg-token-main-surface-secondary.focus\\:ring-0.cursor-pointer.text-sm.p-2\\.5.rounded.m-1\\.5.gap-2.flex:nth-of-type(3)",
  119.         ".justify-center.items-center.flex-col.h-full.flex",
  120.         ".text-token-text-primary.justify-center.items-center.flex-col.h-full.flex",
  121.       */
  122.  
  123.       /*
  124.       // MEGA CLEAN
  125.         ".ml-2.focus\\:ring-0.border-token-border-medium.border.rounded-lg.whitespace-nowrap.justify-center.items-center.w-9.h-9.flex.btn-small.btn-neutral.relative.btn",
  126.         ".bg-token-sidebar-surface-primary.overflow-x-hidden.flex-shrink-0",
  127.         ".justify-center.items-center.w-8.h-\\[72px\\].flex",
  128.         ".z-40.top-1\\/2.left-0.fixed",
  129.         "#headlessui-dialog-\\:r1p\\: > .flex.inset-0.fixed",
  130.         "#headlessui-portal-root > div > div > .relative",
  131.         ".active\\:opacity-50.focus\\:ring-white.focus\\:ring-inset.focus\\:ring-2.focus\\:outline-none.hover\\:text-token-text-primary.rounded-md.justify-center.items-center.w-10.h-10.inline-flex.-mt-0\\.5.-ml-0\\.5.left-0.absolute",
  132.       */
  133.  
  134.         // Gradient bar on button when clicked more
  135.         ".absolute.bottom-0.right-0.top-0.bg-gradient-to-l"
  136.         //
  137.     ];
  138.     elementsToRemove.forEach(function(selector) {
  139.         var elements = document.querySelectorAll(selector);
  140.         elements.forEach(function(element) {
  141.             element.remove();
  142.         });
  143.     });
  144. }
  145.  
  146. function observeDOMChanges2() {
  147.     var observer2 = new MutationObserver(function(mutationsList, observer2) {
  148.         mutationsList.forEach(function(mutation) {
  149.             if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {
  150.                 var hasTextNodes = Array.from(mutation.addedNodes).some(function(node) {
  151.                     if (node.nodeType === 3 && node.textContent.trim().length > 0) {
  152.                         return true;
  153.                     } else if (node.nodeType === 1 && node.tagName.toLowerCase() === 'p') {
  154.                         return true;
  155.                     } else if (node.nodeType === 1 && node.classList) {
  156.                         var ignoredClasses = ['m-auto', 'md:gap-6', 'text-base', 'justify-center', 'py-2', 'px-4'];
  157.                         return ignoredClasses.some(function(ignoredClass) {
  158.                             return node.classList.contains(ignoredClass);
  159.                         });
  160.                     }
  161.                     return false;
  162.                 });
  163.                 if (!hasTextNodes) {
  164.                     removeElements2();
  165.                 }
  166.             }
  167.         });
  168.     });
  169.     observer2.observe(document.documentElement, { childList: true, subtree: true });  // subtree: false - for better optimization but inaccurate
  170.     return observer2;
  171. }
  172. var observer2 = observeDOMChanges2();
  173. window.addEventListener('load', function() {
  174.     removeElements2();
  175. });
  176.  
  177. // Auto continue //
  178. window.addEventListener('load', function() {
  179.     let AutoContinueButton;
  180.     if (!AutoContinueButton) {
  181.         AutoContinueButton = new MutationObserver(mutations =>
  182.             mutations.forEach(mutation => {
  183.                 if (mutation.attributeName == 'style' && mutation.target.style.opacity == '1') {
  184.                     document.querySelectorAll('button').forEach(button => {
  185.                         if (button.textContent.includes('Continue generating')) {
  186.                             button.click();
  187.                         } else if (button.classList.contains('btn') && button.classList.contains('relative') && button.classList.contains('btn-neutral') && button.classList.contains('whitespace-nowrap') && button.classList.contains('border-0') && button.classList.contains('md:border')) {
  188.                             button.click();
  189.                         }
  190.                     });
  191.                 }
  192.             })
  193.         );
  194.         AutoContinueButton.observe(document.querySelector('main'), { attributes: true, subtree: true });
  195.     }
  196. });