☰

SurferSEO Lines to Paragraph

Combines lines separated by newlines into a single paragraph.

// ==UserScript==
// @name         SurferSEO Lines to Paragraph
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Combines lines separated by newlines into a single paragraph.
// @match        https://app.surferseo.com/drafts/*
// @grant        none
// @author       mhshan
// @license      MIT
// ==/UserScript==

(function () {
    'use strict';

    // Function to combine lines into a single paragraph
    function combineLinesToParagraph(text) {
        return text
            .split(/\n+/) // Split text by newlines
            .map(line => line.trim()) // Trim spaces from each line
            .filter(line => line.length > 0) // Remove empty lines
            .join(' '); // Combine lines into one paragraph with spaces
    }

    // Add a button to combine lines into a paragraph
    const combineButton = document.createElement('button');
    combineButton.innerText = 'Lines to Paragraph';
    combineButton.style.position = 'fixed';
    combineButton.style.top = '250px';
    combineButton.style.left = '60px';
    combineButton.style.padding = '10px 15px';
    combineButton.style.fontSize = '14px';
    combineButton.style.backgroundColor = '#000000';
    combineButton.style.color = 'white';
    combineButton.style.border = 'none';
    combineButton.style.borderRadius = '5px';
    combineButton.style.cursor = 'pointer';
    combineButton.style.transition = 'transform 0.3s ease, background-color 0.3s ease';
    combineButton.style.zIndex = '1000';
    document.body.appendChild(combineButton);

    // Hover animation for the button
    combineButton.addEventListener('mouseover', () => {
        combineButton.style.transform = 'scale(1.1)';
        combineButton.style.backgroundColor = '#3ccf4e';
    });

    combineButton.addEventListener('mouseout', () => {
        combineButton.style.transform = 'scale(1)';
        combineButton.style.backgroundColor = '#000000';
    });

    // Display "Combined!" confirmation message with animation
    const combinedMessage = document.createElement('div');
    combinedMessage.innerText = 'Combined!';
    combinedMessage.style.position = 'fixed';
    combinedMessage.style.top = '100px';
    combinedMessage.style.left = '60px';
    combinedMessage.style.padding = '5px 10px';
    combinedMessage.style.backgroundColor = '#4CAF50';
    combinedMessage.style.color = 'white';
    combinedMessage.style.fontSize = '14px';
    combinedMessage.style.borderRadius = '5px';
    combinedMessage.style.zIndex = '1000';
    combinedMessage.style.opacity = '0'; // Initially hidden
    combinedMessage.style.transition = 'opacity 0.5s ease';
    document.body.appendChild(combinedMessage);

    // Event listener for the button
    combineButton.addEventListener('click', () => {
        const selectedText = window.getSelection().toString();
        if (selectedText) {
            const combinedText = combineLinesToParagraph(selectedText);

            // Replace selected text with combined text in place
            document.execCommand('insertText', false, combinedText);

            // Show "Combined!" message with fade-in/out animation
            combinedMessage.style.opacity = '1'; // Fade in
            setTimeout(() => {
                combinedMessage.style.opacity = '0'; // Fade out after 1 second
            }, 1000);
        } else {
            // If no text is selected, show message
            combinedMessage.innerText = 'Please select text to combine!';
            combinedMessage.style.opacity = '1';
            setTimeout(() => {
                combinedMessage.style.opacity = '0';
                combinedMessage.innerText = 'Combined!';
            }, 1000);
        }
    });
})();