chrome_agent/popup/content.js

function getPageTextContent() {
  var textContent = document.body.textContent;
  return textContent;
}

function cache_browser(){
  const body = document.querySelector('html');
  const text = body.innerHTML;
  console.log(text);
  chrome.runtime.sendMessage({ data: text , close: true , flag: 'open_tab_and_cache_from_content', type: 'html'});

}

const floatingBox = document.createElement('div');
floatingBox.style.position = 'fixed';
floatingBox.style.bottom = '650px';
floatingBox.style.right = '60px';
floatingBox.style.width = '125px';
floatingBox.style.height = '55px';
floatingBox.style.backgroundColor = '#f2f2f2';
floatingBox.style.border = '1px solid black';
floatingBox.style.borderRadius = '5px';
floatingBox.style.padding = '10px';
floatingBox.style.zIndex = '9999';

const button = document.createElement('button');
button.style.position = 'fixed';
button.style.top = '30px';
button.style.right = '30px';
button.style.zIndex = "9999";
button.textContent = "Add to LLMBB's Reading List";
button.style.fontFamily = 'Arial, sans-serif';
button.style.fontSize = '14px';
button.style.width = '140px';
button.style.height = '60px';
button.style.backgroundColor = '#695DE8';
button.style.color = 'white';
button.style.borderRadius = '5px';
button.style.border = '0px';
button.style.whiteSpace = 'pre-wrap';
button.style.boxShadow = '0 4px 6px rgba(0, 0, 0, 0.2)';

floatingBox.appendChild(button);

document.body.appendChild(button);

let isDragging = false;
var isMouseReleased = false;
let initialX;
let initialY;

button.addEventListener('mousedown', (e) => {
  isDragging = true;
  initialX = e.clientX;
  initialY = e.clientY;
});

document.addEventListener('mousemove', (e) => {
  if (isDragging) {
    const dx = e.clientX - initialX;
    const dy = e.clientY - initialY;
    button.style.right = `${parseFloat(button.style.right) - dx}px`;
    button.style.top = `${parseFloat(button.style.top) + dy}px`;
    initialX = e.clientX;
    initialY = e.clientY;
    isMouseReleased = true;
  }
});

document.addEventListener('mouseup', (e) => {
  isDragging = false;

});

button.addEventListener('click', (e) => {
  if (isMouseReleased) {
    isMouseReleased = false;
    e.stopPropagation();
  } else {
      try {
        var result = confirm("Are you sure to ask LLMBB to remember this page?");
        if (result) {
          cache_browser()
        }
      }catch (error) {
      cache_browser()
      console.error(error);
    }
  }
});