popup.js

let btn = document.getElementById("btn");
chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
  let title = message.title;
  let questions = message.questions;
  createPDF(title, questions);
});

btn.addEventListener("click", async () => {
  let [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
  if (tab.url.match(/sanfoundry.com/)) {
    chrome.scripting.executeScript({
      target: { tabId: tab.id },
      func: scrapeData,
    });
  } else {
    alert("This extension only works on sanfoundry.com");
  }
});
function scrapeData() {
  let title = document.querySelector("h1.entry-title");
  let content = document.querySelector("div.entry-content");
  let questions = [];
  function formatChoices(str) {
    // Splitting it to array contains choices and answers
    let choices = str.split(/(^[a-z]\))/im);

    // removing the new lines between the answer.
    choices = choices.map((choice) => {
      choice = choice.trim();
      return choice;
    });
    let modifiedChoices = {};
    for (let i = 1; i < choices.length; i += 2) {
      modifiedChoices[choices[i]] = choices[i + 1] + "\n";
    }
    return modifiedChoices;
  }
  var i = 0;
  let isAD = function (element) {
    if (
      element &&
      element.classList &&
      (element.classList.contains("google-auto-placed") ||
        element.classList.contains("ap_container") ||
        element.classList.contains("google-auto-placed ap_container") ||
        element.classList.contains("sf-mobile-ads") ||
        element.classList.contains("sf-desktop-ads"))
    ) {
      return true;
    }
    return false;
  };
  let QuestionWithCode = function (child, content) {
    let questionText = child.innerText;
    let codeText = "";
    let choices = "";
    let answer = "";
    let explanation = "";
    let ExplanationCode = "";
    i++;
    // get the code
    // skip ad
    while (isAD(content.children[i])) {
      i++;
    }
    // skip website recommendation
    while (i < content.children.length) {
      let child = content.children[i];
      if (child.tagName === "PRE" || child.querySelector("pre")) {
        break;
      }
      i++;
    }
    // skip ad
    while (isAD(content.children[i])) {
      i++;
    }

    // get the pre tag
    let pre = content.children[i];
    // get the code formatted
    codeText = pre.innerText;
    // get the choices
    while (content.children[i].tagName !== "P") {
      i++;
    }
    let x = "";
    if (
      content.children[i].tagName === "P" ||
      content.children[i].tagName === "PRE"
    ) {
      while (
        content.children[i].tagName === "P" ||
        content.children[i].tagName === "PRE"
      ) {
        x += content.children[i].innerText + "\n";
        i++;
      }
    }
    choices = x.replace("View Answer", "");
    choices = choices.trim();
    // console.log(formatChoices(choices));
    choices = formatChoices(choices);
    // get the answer
    // while it is an AD
    while (isAD(content.children[i])) {
      i++;
    }
    // the answer is in div tag, skip any other tags
    while (content.children[i].tagName !== "DIV") {
      i++;
    }
    let answerDiv = content.children[i];
    answer = answerDiv.innerText;
    // remove "Answer: " from the string
    // remove "Explanation: " from the string
    answer = answer.replace("Answer: ", "");
    answer = answer.replace("Explanation: ", "");
    let newAnswer = answer.split("\n");
    answer = newAnswer[0];
    // trim the answer
    answer = answer.trim();
    explanation = newAnswer[1];
    let preTag = answerDiv.querySelector("pre");
    if (preTag) {
      ExplanationCode = preTag.innerText;
      explanation += "\n" + ExplanationCode;
    }
    return {
      questionText,
      codeText,
      choices,
      answer,
      explanation,
    };
  };
  let Question = function (child, content) {
    let questionText = child.innerText.replace("View Answer", "");
    let questionLines = questionText.split("\n");
    let choicesStartIndex = questionLines.findIndex((line) =>
      line.match(/^[a-z]\)/)
    );
    let questionLinesWithoutChoices = questionLines.slice(0, choicesStartIndex);
    let choicesLines = questionLines.slice(choicesStartIndex, -1);

    let questionTextWithoutChoices = questionLinesWithoutChoices.join("\n");
    let choices = formatChoices(choicesLines.join("\n"));

    let codeText = "";
    let answer = "";
    let explanation = "";
    let ExplanationCode = "";
    i++;

    while (isAD(content.children[i])) {
      i++;
    }
    let answerDiv = content.children[i];
    answer = answerDiv.innerText;
    answer = answer.replace("Answer: ", "");
    answer = answer.replace("Explanation: ", "");
    let newAnswer = answer.split("\n");
    answer = newAnswer[0];
    // trim the answer
    answer = answer.trim();
    explanation = newAnswer[1];
    let preTag = answerDiv.querySelector("pre");
    if (preTag) {
      ExplanationCode = preTag.innerText;
      explanation += "\n" + ExplanationCode;
    }
    return {
      questionText: questionTextWithoutChoices,
      codeText,
      choices,
      answer,
      explanation,
    };
  };
  while (i < content.children.length) {
    let child = content.children[i];
    if (child.tagName === "P" && child.innerText.match(/^\d+\./)) {
      if (child.children.length > 0) {
        let question = Question(child, content, i);
        questions.push(question);
      } else {
        let question = QuestionWithCode(child, content, i);
        questions.push(question);
      }
    }
    i++;
  }
  chrome.runtime.sendMessage({ title: title.innerText, questions });
}

function createPDF(title, questions) {
  let doc = new jsPDF("p", "mm", [1200, 700]);
  let x = 10,
    y = 10,
    lineHeight = 7,
    fontSize = 12;
  doc.setFontSize(fontSize);
  doc.setFont("Lato-Regular");
  doc.setFont("Roboto-Medium");
  doc.setTextColor(0, 0, 0);
  let text = title;
  let textWidth =
    (doc.getStringUnitWidth(title) * fontSize) / doc.internal.scaleFactor;
  x = (doc.internal.pageSize.width - textWidth) / 2;
  let textLines = doc.splitTextToSize(text, 220);
  textLines.forEach((line) => {
    doc.text(line, x, y);
    y += lineHeight;
  });
  y += lineHeight;
  y += lineHeight / 2;
  doc.setFont("Lato-Regular");
  for (let i = 0; i < questions.length; i++) {
    let question = questions[i];
    let remainingHeight = doc.internal.pageSize.height - y;
    if (
      checkQuestionHeight(
        doc,
        y,
        lineHeight,
        remainingHeight,
        question,
        fontSize
      ) == false
    ) {
      doc.addPage();
      y = 10;
      remainingHeight = doc.internal.pageSize.height - y;
    }
    let questionText = question.questionText;
    let codeText = question.codeText;
    let choices = question.choices;
    let answer = question.answer;
    let explanation = question.explanation;
    doc.setTextColor(0, 0, 0);
    let x = 10;
    let text = questionText;
    let textWidth =
      (doc.getStringUnitWidth(text) * fontSize) / doc.internal.scaleFactor;
    let textLines = doc.splitTextToSize(text, 220);
    textLines.forEach((line) => {
      doc.text(line, x, y);
      y += lineHeight;
    });
    if (codeText !== "") {
      doc.setFont("courier");
      let codeLines = doc.splitTextToSize(codeText, 220);
      codeLines.forEach((line) => {
        doc.text(line, x, y);
        y += lineHeight - 1.3;
      });
      y += 0.5;
    }
    y += 1;
    let choiceKeys = Object.keys(choices);
    doc.setFont("Lato-Regular");
    for (let i = 0; i < choiceKeys.length; i++) {
      let choiceKey = choiceKeys[i];
      let choiceValue = choices[choiceKey];
      // get how many "\n" in the choiceValue
      let newLineCount = (choiceValue.match(/\n/g) || []).length;
      // add the newLineCount to the y
      if (choiceKey[0] === answer) {
        doc.setFont("Roboto-Medium");
        doc.setTextColor(0, 0, 255);
      } else {
        doc.setFont("Lato-Regular");
        doc.setTextColor(0, 0, 0);
      }
      doc.text(choiceKey + " " + choiceValue, x + 4, y);
      y += lineHeight * newLineCount;
    }
    doc.setTextColor(175, 0, 0);
    doc.setFont("Roboto-Medium");
    doc.text("Explanation:", x, y);
    doc.setFont("Lato-Regular");
    y += lineHeight;
    let explanationLines = doc.splitTextToSize(explanation, 220);
    explanationLines.forEach((line) => {
      doc.text(line, x, y);
      y += lineHeight;
    });
    y += lineHeight;
    if (y > doc.internal.pageSize.height + 300) {
      doc.addPage();
      y = 10;
    }
    doc.setTextColor(0, 0, 0);
  }

  doc.save(`${title}.pdf`);
}

function checkQuestionHeight(doc, y, lineHeight, remainingHeight, question) {
  let questionText = question.questionText;
  let codeText = question.codeText;
  let choices = question.choices;
  let answer = question.answer;
  let explanation = question.explanation;
  let text = questionText;
  if (remainingHeight - lineHeight * 5 < 0) {
    return false;
  }
  let textLines = doc.splitTextToSize(text, 220);
  textLines.forEach((line) => {
    y += lineHeight;
  });
  if (codeText !== "") {
    let codeLines = doc.splitTextToSize(codeText, 220);
    codeLines.forEach((line) => {
      y += lineHeight;
    });
  }
  let choicesLines = Object.entries(choices);
  for (let i = 0; i < choicesLines.length; i++) {
    let [choiceKey, choiceValue] = choicesLines[i];
    if (choiceKey === answer) {
    }
    y += lineHeight;
  }

  let answerLines = doc.splitTextToSize(answer, 220);
  answerLines.forEach((line) => {
    y += lineHeight;
  });
  let explanationLines = doc.splitTextToSize(explanation, 220);
  explanationLines.forEach((line) => {
    y += lineHeight;
  });
  y += lineHeight;
  if (y > doc.internal.pageSize.height) {
    return false;
  }
  return true;
}

document.addEventListener("DOMContentLoaded", function () {
  var links = document.getElementsByTagName("a");
  for (var i = 0; i < links.length; i++) {
    (function () {
      var ln = links[i];
      var location = ln.href;
      ln.onclick = function () {
        chrome.tabs.create({ active: true, url: location });
      };
    })();
  }
});