☰

Google Gemini Mod (Toolbar & Download)

Enhances Google Gemini with a toolbar for snippets and canvas content download.

  1. // ==UserScript==
  2. // @name         Google Gemini Mod (Toolbar & Download)
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.0.7
  5. // @description  Enhances Google Gemini with a toolbar for snippets and canvas content download.
  6. // @description[de] Verbessert Google Gemini mit einer Symbolleiste für Snippets und dem Herunterladen von Canvas-Inhalten.
  7. // @author       Adromir
  8. // @match        https://gemini.google.com/*
  9. // @icon         https://www.google.com/s2/favicons?sz=64&domain=gemini.google.com
  10. // @license      MIT
  11. // @licenseURL   https://opensource.org/licenses/MIT
  12. // @homepageURL  https://github.com/adromir/scripts/tree/main/userscripts/gemini-snippets
  13. // @supportURL   https://github.com/adromir/scripts/issues
  14. // @grant        GM_addStyle
  15. // @grant        GM_setClipboard
  16. // @grant        GM_getClipboard
  17. // ==/UserScript==
  18.  
  19. (function() {
  20.     'use strict';
  21.  
  22.     // ===================================================================================
  23.     // I. CONFIGURATION SECTION
  24.     // ===================================================================================
  25.  
  26.     // --- Customizable Labels for Toolbar Buttons ---
  27.     const PASTE_BUTTON_LABEL = "📋 Paste";
  28.     const DOWNLOAD_BUTTON_LABEL = "💾 Download Canvas as File";
  29.  
  30.     // --- CSS Selectors for DOM Elements ---
  31.     const GEMINI_CANVAS_TITLE_TEXT_SELECTOR = "code-immersive-panel > toolbar > div > div.left-panel > h2.title-text.gds-title-s.ng-star-inserted"; 
  32.     
  33.     // Selector for the "Share" button within the canvas's toolbar area.
  34.     const GEMINI_CANVAS_SHARE_BUTTON_SELECTOR = "toolbar div.action-buttons share-button > button";
  35.  
  36.     // Selector for the "Copy to Clipboard" button, likely in a modal/overlay after share is clicked.
  37.     // Using the more robust alternative focusing on data-test-id if the div structure is too volatile.
  38.     const GEMINI_CANVAS_COPY_BUTTON_SELECTOR = "copy-button[data-test-id='copy-button'] > button.copy-button";
  39.     // Fallback if the above is too specific or div structure changes often:
  40.     // const GEMINI_CANVAS_COPY_BUTTON_SELECTOR_FALLBACK = "body > div:nth-child(n) > div:nth-child(n) > div > div > div > copy-button[data-test-id='copy-button'] > button.copy-button";
  41.  
  42.  
  43.     const GEMINI_INPUT_FIELD_SELECTORS = [
  44.         '.ql-editor p', 
  45.         '.ql-editor',   
  46.         'div[contenteditable="true"]' 
  47.     ];
  48.  
  49.     // --- Download Feature Configuration ---
  50.     const DEFAULT_DOWNLOAD_EXTENSION = "txt"; 
  51.  
  52.     // --- Regular Expressions for Filename Sanitization ---
  53.     // eslint-disable-next-line no-control-regex
  54.     const INVALID_FILENAME_CHARS_REGEX = /[<>:"/\\|?*\x00-\x1F]/g;
  55.     const RESERVED_WINDOWS_NAMES_REGEX = /^(CON|PRN|AUX|NUL|COM[1-9]|LPT[1-9])$/i;
  56.     const FILENAME_WITH_EXT_REGEX = /^(.+)\.([a-zA-Z0-9]{1,8})$/; 
  57.     const SUBSTRING_FILENAME_REGEX = /([\w\s.,\-()[\\]{}'!~@#$%^&+=]+?\.([a-zA-Z0-9]{1,8}))(?=\s|$|[,.;:!?])/g;
  58.  
  59.     // ===================================================================================
  60.     // II. TOOLBAR ELEMENT DEFINITIONS
  61.     // ===================================================================================
  62.  
  63.     const buttonSnippets = [
  64.         { label: "Greeting", text: "Hello Gemini!" },
  65.         { label: "Explain", text: "Could you please explain ... in more detail?" },
  66.     ];
  67.  
  68.     const dropdownConfigurations = [
  69.         {
  70.             placeholder: "Actions...",
  71.             options: [
  72.                 { label: "Summarize", text: "Please summarize the following text:\n" },
  73.                 { label: "Ideas", text: "Give me 5 ideas for ..." },
  74.                 { label: "Code (JS)", text: "Give me a JavaScript code example for ..." },
  75.             ]
  76.         },
  77.         {
  78.             placeholder: "Translations",
  79.             options: [
  80.                 { label: "DE -> EN", text: "Translate the following into English:\n" },
  81.                 { label: "EN -> DE", text: "Translate the following into German:\n" },
  82.                 { label: "Correct Text", text: "Please correct the grammar and spelling in the following text:\n" }
  83.             ]
  84.         },
  85.     ];
  86.  
  87.     // ===================================================================================
  88.     // III. SCRIPT LOGIC
  89.     // ===================================================================================
  90.     
  91.     const embeddedCSS = `
  92.         #gemini-snippet-toolbar-userscript { 
  93.           position: fixed !important; top: 0 !important; left: 50% !important; 
  94.           transform: translateX(-50%) !important; 
  95.           width: auto !important; 
  96.           max-width: 80% !important; 
  97.           padding: 10px 15px !important; 
  98.           z-index: 999999 !important; 
  99.           display: flex !important; flex-wrap: wrap !important;
  100.           gap: 8px !important; align-items: center !important; font-family: 'Roboto', 'Arial', sans-serif !important;
  101.           box-sizing: border-box !important; background-color: rgba(40, 42, 44, 0.95) !important;
  102.           border-radius: 0 0 16px 16px !important; 
  103.           box-shadow: 0 4px 12px rgba(0,0,0,0.25);
  104.         }
  105.         #gemini-snippet-toolbar-userscript button, 
  106.         #gemini-snippet-toolbar-userscript select {
  107.           padding: 4px 10px !important; cursor: pointer !important; background-color: #202122 !important;
  108.           color: #e3e3e3 !important; border-radius: 16px !important; font-size: 13px !important;
  109.           font-family: inherit !important; font-weight: 500 !important; height: 28px !important;
  110.           box-sizing: border-box !important; vertical-align: middle !important;
  111.           transition: background-color 0.2s ease, transform 0.1s ease !important;
  112.           border: none !important; flex-shrink: 0;
  113.         }
  114.         #gemini-snippet-toolbar-userscript select {
  115.           padding-right: 25px !important;
  116.           appearance: none !important;
  117.           background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="%23e3e3e3" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>') !important;
  118.           background-repeat: no-repeat !important;
  119.           background-position: right 8px center !important;
  120.           background-size: 12px 12px !important;
  121.         }
  122.         #gemini-snippet-toolbar-userscript option {
  123.           background-color: #2a2a2a !important;
  124.           color: #e3e3e3 !important;
  125.           font-weight: normal !important;
  126.           padding: 5px 10px !important;
  127.         }
  128.         #gemini-snippet-toolbar-userscript button:hover,
  129.         #gemini-snippet-toolbar-userscript select:hover {
  130.           background-color: #4a4e51 !important;
  131.         }
  132.         #gemini-snippet-toolbar-userscript button:active {
  133.           background-color: #5f6368 !important;
  134.           transform: scale(0.98) !important;
  135.         }
  136.         .userscript-toolbar-spacer { 
  137.             margin-left: auto !important;
  138.         }
  139.     `;
  140.  
  141.     function injectCustomCSS() {
  142.         try {
  143.             GM_addStyle(embeddedCSS);
  144.             console.log("Gemini Mod Userscript: Custom CSS injected successfully.");
  145.         } catch (error) {
  146.             console.error("Gemini Mod Userscript: Failed to inject custom CSS:", error);
  147.             const styleId = 'gemini-mod-userscript-styles';
  148.             if (document.getElementById(styleId)) return;
  149.             const style = document.createElement('style');
  150.             style.id = styleId;
  151.             style.textContent = embeddedCSS;
  152.             document.head.appendChild(style);
  153.         }
  154.     }
  155.  
  156.     function displayUserscriptMessage(message, isError = true) {
  157.         const prefix = "Gemini Mod Userscript: ";
  158.         if (isError) console.error(prefix + message);
  159.         else console.log(prefix + message);
  160.         alert(prefix + message);
  161.     }
  162.  
  163.     function moveCursorToEnd(element) {
  164.         try {
  165.             const range = document.createRange();
  166.             const sel = window.getSelection();
  167.             range.selectNodeContents(element);
  168.             range.collapse(false);
  169.             sel.removeAllRanges();
  170.             sel.addRange(range);
  171.             element.focus();
  172.         } catch (e) {
  173.             console.error("Gemini Mod Userscript: Error setting cursor position:", e);
  174.         }
  175.     }
  176.  
  177.     function findTargetInputElement() {
  178.         let targetInputElement = null;
  179.         for (const selector of GEMINI_INPUT_FIELD_SELECTORS) {
  180.             const element = document.querySelector(selector);
  181.             if (element) {
  182.                 if (element.classList.contains('ql-editor')) {
  183.                     const pInEditor = element.querySelector('p');
  184.                     targetInputElement = pInEditor || element;
  185.                 } else {
  186.                     targetInputElement = element;
  187.                 }
  188.                 break;
  189.             }
  190.         }
  191.         return targetInputElement;
  192.     }
  193.  
  194.     function insertSnippetText(textToInsert) {
  195.         let targetInputElement = findTargetInputElement();
  196.         if (!targetInputElement) {
  197.             displayUserscriptMessage("Could not find Gemini input field.");
  198.             return;
  199.         }
  200.         let actualInsertionPoint = targetInputElement;
  201.         if (targetInputElement.classList.contains('ql-editor')) {
  202.             let p = targetInputElement.querySelector('p');
  203.             if (!p) {
  204.                 p = document.createElement('p');
  205.                 targetInputElement.appendChild(p);
  206.             }
  207.             actualInsertionPoint = p;
  208.         }
  209.         actualInsertionPoint.focus();
  210.         setTimeout(() => {
  211.             moveCursorToEnd(actualInsertionPoint);
  212.             let insertedViaExec = false;
  213.             try {
  214.                 insertedViaExec = document.execCommand('insertText', false, textToInsert);
  215.             } catch (e) {
  216.                 console.warn("Gemini Mod Userscript: execCommand('insertText') threw an error:", e);
  217.             }
  218.             if (!insertedViaExec) {
  219.                 if (actualInsertionPoint.innerHTML === '<br>') actualInsertionPoint.innerHTML = '';
  220.                 actualInsertionPoint.textContent += textToInsert;
  221.                 moveCursorToEnd(actualInsertionPoint);
  222.             }
  223.             const editorToDispatchOn = document.querySelector('.ql-editor') || targetInputElement;
  224.             if (editorToDispatchOn) {
  225.                 editorToDispatchOn.dispatchEvent(new Event('input', { bubbles: true, cancelable: true }));
  226.                 editorToDispatchOn.dispatchEvent(new Event('change', { bubbles: true, cancelable: true }));
  227.             }
  228.             console.log("Gemini Mod Userscript: Snippet inserted.");
  229.         }, 50);
  230.     }
  231.  
  232.     async function handlePasteButtonClick() {
  233.         try {
  234.             if (!navigator.clipboard || !navigator.clipboard.readText) {
  235.                 displayUserscriptMessage("Clipboard access is not available or not permitted.");
  236.                 return;
  237.             }
  238.             const text = await navigator.clipboard.readText();
  239.             if (text) insertSnippetText(text);
  240.             else console.log("Gemini Mod Userscript: Clipboard is empty.");
  241.         } catch (err) {
  242.             console.error('Gemini Mod Userscript: Failed to read clipboard contents: ', err);
  243.             displayUserscriptMessage(err.name === 'NotAllowedError' ? 'Permission to read clipboard was denied.' : 'Failed to paste from clipboard. See console.');
  244.         }
  245.     }
  246.  
  247.     function ensureLength(filename, maxLength = 255) {
  248.         if (filename.length <= maxLength) {
  249.             return filename;
  250.         }
  251.         const dotIndex = filename.lastIndexOf('.');
  252.         if (dotIndex === -1 || dotIndex < filename.length - 10 ) { 
  253.             return filename.substring(0, maxLength);
  254.         }
  255.         const base = filename.substring(0, dotIndex);
  256.         const ext = filename.substring(dotIndex);
  257.         const maxBaseLength = maxLength - ext.length;
  258.         if (maxBaseLength <= 0) {
  259.             return filename.substring(0, maxLength);
  260.         }
  261.         return base.substring(0, maxBaseLength) + ext;
  262.     }
  263.  
  264.     function sanitizeBasename(baseName) {
  265.         if (typeof baseName !== 'string' || baseName.trim() === "") return "downloaded_document";
  266.         let sanitized = baseName.trim()
  267.             .replace(INVALID_FILENAME_CHARS_REGEX, '_')
  268.             .replace(/\s+/g, '_')
  269.             .replace(/__+/g, '_')
  270.             .replace(/^[_.-]+|[_.-]+$/g, '');
  271.         if (!sanitized || RESERVED_WINDOWS_NAMES_REGEX.test(sanitized)) {
  272.             sanitized = `_${sanitized || "file"}_`;
  273.             sanitized = sanitized.replace(INVALID_FILENAME_CHARS_REGEX, '_').replace(/\s+/g, '_').replace(/__+/g, '_').replace(/^[_.-]+|[_.-]+$/g, '');
  274.         }
  275.         return sanitized || "downloaded_document";
  276.     }
  277.  
  278.    function determineFilename(title, defaultExtension = "txt") {
  279.         const logPrefix = "Gemini Mod Userscript: determineFilename - ";
  280.         if (!title || typeof title !== 'string' || title.trim() === "") {
  281.             console.log(`${logPrefix}Input title invalid or empty, defaulting to "downloaded_document.${defaultExtension}".`);
  282.             return ensureLength(`downloaded_document.${defaultExtension}`);
  283.         }
  284.  
  285.         let trimmedTitle = title.trim();
  286.         let baseNamePart = "";
  287.         let extensionPart = "";
  288.  
  289.         function stripPath(base) {
  290.             if (typeof base !== 'string') return base;
  291.             const lastSlash = Math.max(base.lastIndexOf('/'), base.lastIndexOf('\\'));
  292.             return lastSlash !== -1 ? base.substring(lastSlash + 1) : base;
  293.         }
  294.  
  295.         const fullTitleMatch = trimmedTitle.match(FILENAME_WITH_EXT_REGEX);
  296.         if (fullTitleMatch) {
  297.             let potentialBase = fullTitleMatch[1];
  298.             const potentialExt = fullTitleMatch[2].toLowerCase();
  299.             potentialBase = stripPath(potentialBase); 
  300.  
  301.             if (!INVALID_FILENAME_CHARS_REGEX.test(potentialBase.replace(/\s/g, '_')) && potentialBase.trim() !== "") {
  302.                 baseNamePart = potentialBase;
  303.                 extensionPart = potentialExt;
  304.                 console.log(`${logPrefix}Entire title "${trimmedTitle}" (path stripped) matches basename.ext. Base: "${baseNamePart}", Ext: "${extensionPart}"`);
  305.             }
  306.         }
  307.  
  308.         if (!extensionPart) { 
  309.             let lastMatch = null;
  310.             let currentMatch;
  311.             SUBSTRING_FILENAME_REGEX.lastIndex = 0; 
  312.             while ((currentMatch = SUBSTRING_FILENAME_REGEX.exec(trimmedTitle)) !== null) {
  313.                 lastMatch = currentMatch;
  314.             }
  315.             if (lastMatch) {
  316.                 const substringCandidate = lastMatch[1]; 
  317.                 const substringExtMatch = substringCandidate.match(FILENAME_WITH_EXT_REGEX);
  318.                 if (substringExtMatch) {
  319.                     let potentialBaseFromSub = substringExtMatch[1];
  320.                     const potentialExtFromSub = substringExtMatch[2].toLowerCase();
  321.                     potentialBaseFromSub = stripPath(potentialBaseFromSub);
  322.                     if (potentialBaseFromSub.trim() !== "") {
  323.                          baseNamePart = potentialBaseFromSub;
  324.                          extensionPart = potentialExtFromSub;
  325.                          console.log(`${logPrefix}Found substring "${substringCandidate}" (path stripped) matching basename.ext. Base: "${baseNamePart}", Ext: "${extensionPart}"`);
  326.                     }
  327.                 }
  328.             }
  329.         }
  330.  
  331.         if (extensionPart) { 
  332.             const sanitizedBase = sanitizeBasename(baseNamePart);
  333.             return ensureLength(`${sanitizedBase}.${extensionPart}`);
  334.         } else {
  335.             console.log(`${logPrefix}No basename.ext pattern found. Sanitizing full title (path stripped) "${trimmedTitle}" with default extension "${defaultExtension}".`);
  336.             const baseForDefault = stripPath(trimmedTitle); 
  337.             const sanitizedTitleBase = sanitizeBasename(baseForDefault);
  338.             return ensureLength(`${sanitizedTitleBase}.${defaultExtension}`);
  339.         }
  340.     }
  341.  
  342.     function triggerDownload(filename, content) {
  343.         try {
  344.             const blob = new Blob([content], { type: 'text/plain;charset=utf-8' });
  345.             const url = URL.createObjectURL(blob);
  346.             const a = document.createElement('a');
  347.             a.href = url;
  348.             a.download = filename;
  349.             document.body.appendChild(a);
  350.             a.click();
  351.             document.body.removeChild(a);
  352.             URL.revokeObjectURL(url);
  353.             console.log(`Gemini Mod Userscript: Download triggered for "${filename}".`);
  354.         } catch (error) {
  355.             console.error(`Gemini Mod Userscript: Failed to trigger download for "${filename}":`, error);
  356.             displayUserscriptMessage(`Failed to download: ${error.message}`);
  357.         }
  358.     }
  359.  
  360.     async function handleGlobalCanvasDownload() {
  361.         const titleTextElement = document.querySelector(GEMINI_CANVAS_TITLE_TEXT_SELECTOR);
  362.         if (!titleTextElement) {
  363.             console.warn("Gemini Mod Userscript: No active canvas title found. Selector:", GEMINI_CANVAS_TITLE_TEXT_SELECTOR);
  364.             displayUserscriptMessage("No active canvas found to download.");
  365.             return;
  366.         }
  367.         console.log("Gemini Mod Userscript: Found canvas title element:", titleTextElement);
  368.  
  369.         const codeImmersivePanelElement = titleTextElement.closest('code-immersive-panel');
  370.         if (!codeImmersivePanelElement) {
  371.             console.warn("Gemini Mod Userscript: Could not find parent 'code-immersive-panel' for the title element.");
  372.             displayUserscriptMessage("Could not locate the main canvas panel for the active canvas.");
  373.             return;
  374.         }
  375.         console.log("Gemini Mod Userscript: Found 'code-immersive-panel' element:", codeImmersivePanelElement);
  376.         
  377.         const shareButton = codeImmersivePanelElement.querySelector(GEMINI_CANVAS_SHARE_BUTTON_SELECTOR);
  378.         if (!shareButton) {
  379.           console.warn("Gemini Mod Userscript: 'Share' button not found within 'code-immersive-panel'. Selector used:", GEMINI_CANVAS_SHARE_BUTTON_SELECTOR);
  380.           displayUserscriptMessage("Could not find the 'Share' button in the active canvas's panel.");
  381.           return;
  382.         }
  383.         console.log("Gemini Mod Userscript: Found 'Share' button:", shareButton);
  384.         shareButton.click();
  385.         console.log("Gemini Mod Userscript: Programmatically clicked the 'Share' button.");
  386.  
  387.         // Wait for the copy button (potentially in a modal/overlay) to appear
  388.         setTimeout(() => {
  389.             const copyButton = document.querySelector(GEMINI_CANVAS_COPY_BUTTON_SELECTOR);
  390.             if (!copyButton) {
  391.               console.warn("Gemini Mod Userscript: 'Copy to Clipboard' button not found globally after clicking share. Selector used:", GEMINI_CANVAS_COPY_BUTTON_SELECTOR);
  392.               displayUserscriptMessage("Could not find the 'Copy to Clipboard' button after clicking share.");
  393.               return;
  394.             }
  395.             console.log("Gemini Mod Userscript: Found 'Copy to Clipboard' button globally:", copyButton);
  396.  
  397.             copyButton.click();
  398.             console.log("Gemini Mod Userscript: Programmatically clicked the 'Copy to Clipboard' button.");
  399.  
  400.             setTimeout(async () => {
  401.                 try {
  402.                     if (!navigator.clipboard || !navigator.clipboard.readText) {
  403.                         displayUserscriptMessage("Clipboard access not available.");
  404.                         return;
  405.                     }
  406.                     const clipboardContent = await navigator.clipboard.readText();
  407.                     console.log("Gemini Mod Userscript: Successfully read from clipboard.");
  408.                     if (!clipboardContent || clipboardContent.trim() === "") {
  409.                         displayUserscriptMessage("Clipboard empty after copy. Nothing to download.");
  410.                         return;
  411.                     }
  412.                     
  413.                     const canvasTitle = (titleTextElement.textContent || "Untitled Canvas").trim();
  414.                     const filename = determineFilename(canvasTitle); 
  415.                     triggerDownload(filename, clipboardContent);
  416.                     console.log("Gemini Mod Userscript: Global download initiated for canvas title:", canvasTitle, "using clipboard content. Filename:", filename);
  417.                 } catch (err) {
  418.                     console.error('Gemini Mod Userscript: Error reading from clipboard:', err);
  419.                     displayUserscriptMessage(err.name === 'NotAllowedError' ? 'Clipboard permission denied.' : 'Failed to read clipboard.');
  420.                 }
  421.             }, 300); // Delay for clipboard write
  422.         }, 500); // Delay for share menu to open and copy button to appear
  423.     }
  424.  
  425.     function createToolbar() {
  426.         const toolbarId = 'gemini-snippet-toolbar-userscript';
  427.         if (document.getElementById(toolbarId)) {
  428.             console.log("Gemini Mod Userscript: Toolbar already exists.");
  429.             return;
  430.         }
  431.         console.log("Gemini Mod Userscript: Initializing toolbar...");
  432.         const toolbar = document.createElement('div');
  433.         toolbar.id = toolbarId;
  434.         buttonSnippets.forEach(snippet => {
  435.             const button = document.createElement('button');
  436.             button.textContent = snippet.label;
  437.             button.title = snippet.text;
  438.             button.addEventListener('click', () => insertSnippetText(snippet.text));
  439.             toolbar.appendChild(button);
  440.         });
  441.         dropdownConfigurations.forEach(config => {
  442.             if (config.options && config.options.length > 0) {
  443.                 const select = document.createElement('select');
  444.                 select.title = config.placeholder || "Select snippet";
  445.                 const defaultOption = document.createElement('option');
  446.                 defaultOption.textContent = config.placeholder || "Select...";
  447.                 defaultOption.value = "";
  448.                 defaultOption.disabled = true;
  449.                 defaultOption.selected = true;
  450.                 select.appendChild(defaultOption);
  451.                 config.options.forEach(snippet => {
  452.                     const option = document.createElement('option');
  453.                     option.textContent = snippet.label;
  454.                     option.value = snippet.text;
  455.                     select.appendChild(option);
  456.                 });
  457.                 select.addEventListener('change', (event) => {
  458.                     const selectedText = event.target.value;
  459.                     if (selectedText) {
  460.                         insertSnippetText(selectedText);
  461.                         event.target.selectedIndex = 0;
  462.                     }
  463.                 });
  464.                 toolbar.appendChild(select);
  465.             }
  466.         });
  467.         const spacer = document.createElement('div');
  468.         spacer.className = 'userscript-toolbar-spacer';
  469.         toolbar.appendChild(spacer);
  470.         const pasteButton = document.createElement('button');
  471.         pasteButton.textContent = PASTE_BUTTON_LABEL;
  472.         pasteButton.title = "Paste from Clipboard";
  473.         pasteButton.addEventListener('click', handlePasteButtonClick);
  474.         toolbar.appendChild(pasteButton);
  475.         const globalDownloadButton = document.createElement('button');
  476.         globalDownloadButton.textContent = DOWNLOAD_BUTTON_LABEL;
  477.         globalDownloadButton.title = "Download active canvas content (uses canvas's copy button)";
  478.         globalDownloadButton.addEventListener('click', handleGlobalCanvasDownload);
  479.         toolbar.appendChild(globalDownloadButton);
  480.         document.body.insertBefore(toolbar, document.body.firstChild);
  481.         console.log("Gemini Mod Userscript: Toolbar inserted.");
  482.     }
  483.  
  484.     function handleDarkModeForUserscript() {
  485.         console.log("Gemini Mod Userscript: Dark mode handling is passive (toolbar is dark by default).");
  486.     }
  487.  
  488.     // --- Initialization Logic ---
  489.     function init() {
  490.         console.log("Gemini Mod Userscript: Initializing...");
  491.         injectCustomCSS();
  492.         const M_INITIALIZATION_DELAY = 1500;
  493.         setTimeout(() => {
  494.             try {
  495.                 createToolbar();
  496.                 handleDarkModeForUserscript();
  497.                  console.log("Gemini Mod Userscript: Fully initialized.");
  498.             } catch(e) {
  499.                 console.error("Gemini Mod Userscript: Error during delayed initialization:", e);
  500.                 displayUserscriptMessage("Error initializing toolbar. See console.");
  501.             }
  502.         }, M_INITIALIZATION_DELAY);
  503.     }
  504.  
  505.     if (document.readyState === 'loading') {
  506.         window.addEventListener('DOMContentLoaded', init);
  507.     } else {
  508.         init();
  509.     }
  510.  
  511. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址