Granblue Fantasy scene text Extractor

This userscript extracts text content from story scenes in Granblue Fantasy and
换行
// ==UserScript==
// @name        Granblue Fantasy scene text Extractor
// @namespace   Tampermonkey Scripts
// @match       *://game.granbluefantasy.jp/*
// @match       *://gbf.game.mbga.jp/*
// @version     2.1
// @author      wtxdew
// @description This userscript extracts text content from story scenes in Granblue Fantasy and
// copies it to the clipboard. It provides notifications through both browser notifications and
// visual cues when text extraction occurs. Additionally, it allows triggering text extraction with
// a keyboard shortcut or by clicking on the story interface.
// ==/UserScript==
// debugger;

(function() {
'use strict';
// Function to copy text to clipboard
function copyToClipboard(text)
{
    navigator.clipboard.writeText(text);
}

function notifyText()
{
    // Add notification
    if ('Notification' in window && Notification.permission === 'granted') {
        new Notification('Text Extracted', { body : 'Text has been copied to clipboard.' });
    } else if ('Notification' in window && Notification.permission !== 'denied') {
        Notification.requestPermission().then(function(permission) {
            if (permission === 'granted') {
                new Notification('Text Extracted', { body : 'Text has been copied to clipboard.' });
            }
        });
    } else {
        // Fallback for browsers that do not support Notifications or where permissions are denied
        alert('Text has been copied to clipboard.');
    }
}

function notifyVisual(block)
{
    // Add visual notification
    block.style.transition = 'background-color 0.5s';
    block.style.backgroundColor = 'yellow';
    setTimeout(() => { block.style.backgroundColor = ''; },
               500); // Change to desired duration (in milliseconds)
}

// Function to extract text content from the specific block
function extractText()
{
    var messageBlock = document.querySelector('.prt-message-area .txt-message');
    if (messageBlock) {
        var textContent = messageBlock.textContent.trim();
        copyToClipboard(textContent);
        notifyVisual(messageBlock);
    }
}

function setupTextExtraction()
{
    const targetNode = document.querySelector('.ico-cursor-talk');
    if (!targetNode)
        return; // Exit if the target node is not found
    // If the initial style is already 'block', extract text immediately
    if (targetNode.style.display === 'block') {
        notifyVisual(targetNode);
        extractText();
        return;
    }
    const observer = new MutationObserver(() => {
        if (targetNode.style.display === 'block') {
            observer.disconnect(); // Stop observing once the style changes to 'block'
            extractText();
        }
    });
    observer.observe(targetNode, { attributes : true, attributeFilter : [ 'style' ] });
}

document.addEventListener('keydown', function(event) {
    if (event.key == " ") {
        setupTextExtraction()
    }
});

const contentArea = document.querySelector('.contents');
contentArea.addEventListener('click', function() { setupTextExtraction(); });
})();