☰

Selection Context

Get the selected text along with text before and after the selection

Skrip ini tidak untuk dipasang secara langsung. Ini adalah pustaka skrip lain untuk disertakan dengan direktif meta // @require https://update.greatest.deepsurf.us/scripts/528822/1550450/Selection%20Context.js 

  1. // ==UserScript==
  2. // @name         Selection Context
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.1.2
  5. // @description  Get the selected text along with text before and after the selection
  6. // @author       RoCry
  7. // @license MIT
  8. // ==/UserScript==
  9.  
  10. /**
  11.  * Gets the selected text along with text before and after the selection
  12.  * @param {number} tryContextLength - Desired length of context to try to collect (before + after selection)
  13.  * @returns {Object} Object containing selectedHTML, selectedText, textBefore, textAfter, paragraphText
  14.  */
  15. function GetSelectionContext(tryContextLength = 500) {
  16.   const MAX_CONTEXT_LENGTH = 8192; // 8K characters max (reduced from 16K)
  17.   const actualContextLength = Math.min(tryContextLength, MAX_CONTEXT_LENGTH);
  18.   const halfContextLength = Math.floor(actualContextLength / 2);
  19.  
  20.   const selection = window.getSelection();
  21.  
  22.   if (!selection || selection.rangeCount === 0 || selection.toString().trim() === '') {
  23.     return { selectedHTML: null, selectedText: null, textBefore: null, textAfter: null, paragraphText: null };
  24.   }
  25.  
  26.   const range = selection.getRangeAt(0);
  27.   const selectedText = selection.toString().trim();
  28.   
  29.   // Improved HTML extraction
  30.   let selectedHTML;
  31.   try {
  32.     // Method 1: Try to get HTML with surrounding elements
  33.     const clonedRange = range.cloneRange();
  34.     const container = document.createElement('div');
  35.     container.appendChild(clonedRange.cloneContents());
  36.     
  37.     // If selection starts/ends in the middle of an element, we need to recreate parent structure
  38.     const parentElement = range.commonAncestorContainer.nodeType === Node.TEXT_NODE
  39.       ? range.commonAncestorContainer.parentElement
  40.       : range.commonAncestorContainer;
  41.       
  42.     if (parentElement && parentElement.nodeName !== 'BODY') {
  43.       // Get the parent element's tag name and recreate it
  44.       const tagName = parentElement.nodeName.toLowerCase();
  45.       selectedHTML = `<${tagName}>${container.innerHTML}</${tagName}>`;
  46.     } else {
  47.       selectedHTML = container.innerHTML;
  48.     }
  49.   } catch (e) {
  50.     // Fallback method
  51.     console.error('Error extracting HTML from selection:', e);
  52.     selectedHTML = selectedText;
  53.   }
  54.  
  55.   // Helper function to get text nodes in document order
  56.   function getTextNodesIn(node) {
  57.     const textNodes = [];
  58.     const walk = document.createTreeWalker(node, NodeFilter.SHOW_TEXT, null, false);
  59.     let currentNode;
  60.     while (currentNode = walk.nextNode()) {
  61.       textNodes.push(currentNode);
  62.     }
  63.     return textNodes;
  64.   }
  65.  
  66.   // Get all text nodes in document
  67.   const allTextNodes = getTextNodesIn(document.body);
  68.  
  69.   // Find start and end text nodes of the selection
  70.   const startNode = range.startContainer;
  71.   const endNode = range.endContainer;
  72.  
  73.   let textBefore = '';
  74.   let textAfter = '';
  75.  
  76.   // Collect text before the selection
  77.   let beforeIndex = allTextNodes.findIndex(node => node === startNode) - 1;
  78.   let currentLength = 0;
  79.  
  80.   // First add partial text from the start node itself
  81.   if (startNode.nodeType === Node.TEXT_NODE) {
  82.     textBefore = startNode.textContent.substring(0, range.startOffset) + textBefore;
  83.     currentLength = textBefore.length;
  84.   }
  85.  
  86.   // Then add text from previous nodes
  87.   while (beforeIndex >= 0 && currentLength < halfContextLength) {
  88.     const node = allTextNodes[beforeIndex];
  89.     const nodeText = node.textContent;
  90.  
  91.     // Add the entire node's text
  92.     textBefore = nodeText + '\n' + textBefore;
  93.     currentLength += nodeText.length;
  94.  
  95.     beforeIndex--;
  96.   }
  97.  
  98.   // If we didn't get enough context, add ellipsis
  99.   if (beforeIndex >= 0) {
  100.     textBefore = '...\n' + textBefore;
  101.   }
  102.  
  103.   // Collect text after the selection
  104.   let afterIndex = allTextNodes.findIndex(node => node === endNode) + 1;
  105.   currentLength = 0;
  106.  
  107.   // First add partial text from the end node itself
  108.   if (endNode.nodeType === Node.TEXT_NODE) {
  109.     textAfter += endNode.textContent.substring(range.endOffset);
  110.     currentLength = textAfter.length;
  111.   }
  112.  
  113.   // Then add text from subsequent nodes
  114.   while (afterIndex < allTextNodes.length && currentLength < halfContextLength) {
  115.     const node = allTextNodes[afterIndex];
  116.     const nodeText = node.textContent;
  117.  
  118.     // Add the entire node's text
  119.     textAfter += nodeText + '\n';
  120.     currentLength += nodeText.length;
  121.  
  122.     afterIndex++;
  123.   }
  124.  
  125.   // If we didn't get all the text, add ellipsis
  126.   if (afterIndex < allTextNodes.length) {
  127.     textAfter += '\n...';
  128.   }
  129.  
  130.   // Clean up and trim the text
  131.   textBefore = textBefore.trim();
  132.   textAfter = textAfter.trim();
  133.  
  134.   // Combine everything for paragraph text
  135.   const paragraphText = (textBefore + ' ' + selectedText + ' ' + textAfter).trim();
  136.  
  137.   return { selectedHTML, selectedText, textBefore, textAfter, paragraphText };
  138. }
  139.  
  140. // Export the function for use in other scripts
  141. if (typeof module !== 'undefined' && module.exports) {
  142.   module.exports = { GetSelectionContext };
  143. } else {
  144.   // For direct browser use
  145.   window.SelectionUtils = window.SelectionUtils || {};
  146.   window.SelectionUtils.GetSelectionContext = GetSelectionContext;
  147. }