- Cleanup before submission (removed commented code and unused pages)

Author: lukevp

background.js

@@ -1,49 +1,31 @@
-
-const CSS = "body { border: 20px solid red; }";
-
 // Production Regex
 var playerRegex = /^https?\:\/\/app\.pluralsight\.com\/player\?.*course=([^&]*)(&|$)/ig;
 // Local Mock Regex (IIS can't easily serve static files with no extension).
 //var playerRegex = /^https?\:\/\/app\.pluralsight\.com\/player.html\?.*course=([^&]*)(&|$)/ig;
 
-
 /*
  Define callback function that will lookup the active course popup in our list and
  Update the DOM to highlight the current line of the transcript.
  Also define a second callback that will call updateTranscriptTIme
 */
-
-//var transcriptPort = undefined;
 function updateTranscriptTime(m) {
  if (m.source == "content")
  {
  console.log("In background script, received message from content script");
  console.log("MODULE: " + m.module);
  console.log("CLIP: " + m.clip);
  console.log("TIME: " + m.time);
- /*if (transcriptPort != undefined)
- {
- transcriptPort.postMessage(
- {
- source: "background",
- module: m.module,
- clip: m.clip,
- time: m.time
- })
- }*/
  }
  else if (m.source == "transcript")
  {
  console.log("In background script, received message from transcript");
  console.log("TabID: " + m.tabid);
  console.log("Title: " + m.title);
-
  }
 }
 
 function onCreated(windowInfo, tab, active_course) {
  console.log(`Created window: ${windowInfo.id}`);
- //transcriptPort = browser.tabs.connect(windowInfo.tabs[0].id, {name: "bg-to-transcript"});
 }
 
 function onError(error) {
@@ -60,11 +42,8 @@ function showTranscript(tab) {
  console.log("Course: " + active_course);
  // Returns 404 if can't find course.
  // What if can't find transcript but course exists?
-
  var transcriptURL = "transcript.html";
  transcriptURL += "?course=" + active_course;
-
-
  browser.tabs.executeScript(tab.id, { file: "content.js" });
  var creating = browser.windows.create(
  {
@@ -73,7 +52,6 @@ function showTranscript(tab) {
  });
  creating.then(function(windowInfo) { onCreated(windowInfo, tab, active_course); }, onError);
 }
-
 /* Register an event handler for the pageClick event to open a pop-up window
  with the active course's transcript. */
 browser.pageAction.onClicked.addListener(showTranscript);
@@ -84,7 +62,3 @@ browser.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
  browser.pageAction.show(tab.id);
  }
 });
-/* Register event handler to capture injected client script communication back
- to the background tab. */
-//browser.runtime.onConnect.addListener(function(p) { p.onMessage.addListener(updateTranscriptTime); });
-//browser.runtime.onDisconnect.addListener(function(p) { p.}

content.js

@@ -1,22 +1,6 @@
-// http://app.pluralsight.com/player.html?course=ionic2-angular2-typescript-mobile-apps&author=steve-michelotti&name=ionic2-angular2-typescript-mobile-apps-m0&clip=0&mode=live
-
-//var myPort = browser.runtime.connect({name:"port-from-cs"});
-/*
-myPort.postMessage({greeting: "hello from content script"});
-
-myPort.onMessage.addListener(function(m) {
- console.log("In content script, received message from background script: ");
- console.log(m.greeting);
-});
-document.body.addEventListener("click", function() {
- myPort.postMessage({greeting: "they clicked the page!"});
-});
-
-*/
 var currentModule = -1;
 var currentClip = -1;
 var currentTime = -1;
-
 var transcriptData = undefined;
 
 /* Get JSON from pluralsight and parse it into DOM elements.
@@ -48,8 +32,6 @@ function renderTranscript(course)
  };
 }
 
-
-
 urlParams = parseQuery(window.location.href);
 var course = urlParams["course"];
 renderTranscript(course);
@@ -103,11 +85,10 @@ function parseQuery(url) {
  return query;
 }
 
-
 function updateData()
 {
  var data_changed = false;
- 
+
  var urlParams = parseQuery(window.location.href);
  var nameComponents = urlParams["name"].split('-');
  var targetModule = nameComponents[nameComponents.length - 1].substring(1);
@@ -142,12 +123,3 @@ function updateData()
 // Invoke updateData immediately upon definition so we don't have any lag time
 // from the first time the button is clicked.
 updateData();
-
-/*
-(function() {
- var script = document.createElement('script');
- script.type = 'text/javascript';
- script.src = 'alert("hi")';
- document.body.appendChild(script);
-})();
-*/

manifest.json

@@ -1,11 +1,8 @@
 {
-
  "manifest_version": 2,
  "name": "Pluralsight-Transcript",
  "version": "1.0",
-
- "description": "Creates a popup window with transcript along with live highlighting on Pluralsight videos",
-
+ "description": "Add a Page Action to every Pluralsight video player. Clicking the Page Action will create a new popup window with a transcript (if available) along with live highlighting and automatic scrolling in time with the video playback.",
  "permissions": [
  "activeTab",
  "tabs"
@@ -17,7 +14,6 @@
  "background": {
  "scripts": ["background.js"]
  },
-
  "page_action": {
  "browser_style": true,
  "default_icon": {
@@ -26,7 +22,4 @@
  },
  "default_title": "Show Transcript"
  }
-
-
-
 }

popup/pageAction.html

@@ -31,10 +31,8 @@
  padding: 15px;
  margin: 0px 30px;
  }
-
  .segment.selected {
  background-color: rgba(248, 255, 81, 0.61);
- 
  }
  </style>
  <title>Transcript</title>

transcript.html

@@ -1,4 +1,3 @@
-//var myPort = browser.runtime.connect({name:"port-from-transcript"});
 var title = "";
 var currentTab = -1;
 var currentModuleAndClip = "";
@@ -20,9 +19,6 @@ function parseQuery(url) {
  return query;
 }
 
-/*function updateTranscriptTime(m) {
- console.log("In transcript script, received message from background script");
-}*/
 function updateTitle(tab)
 {
  currentTab = tab.id;
@@ -78,7 +74,6 @@ function renderTranscript()
  }
  text += "</div>";
  }
- //var text = JSON.stringify(transcriptData);
  document.body.innerHTML = text;
 }
 
@@ -90,7 +85,6 @@ function updateTranscript(module, clip, time)
  }
  document.getElementById('module'+module).classList.add('selected');
  document.getElementById('module' + module + 'clip' + clip).classList.add('selected');
-
  // If clip/module has changed, scroll to new clip.
  var newModuleAndClip = 'm' + module + 'c' + clip;
  if (currentModuleAndClip != newModuleAndClip)
@@ -123,36 +117,6 @@ function handleMessage(request, sender, sendResponse) {
  renderTranscript();
  }
  updateTranscript(request.module, request.clip, request.time);
- /*
- console.log("TODO: Update transcript to: ");
- console.log();
- console.log(request.module);
- console.log(request.clip);
- console.log(request.time);*/
  }
-
- //sendResponse({response: "Response from background script"});
 }
 browser.runtime.onMessage.addListener(handleMessage);
-
-
-
-
-//browser.runtime.onConnect.addListener(function(p) { p.onMessage.addListener(updateTranscriptTime); });
-
-//var myId = tab.id;
-/*
-function dataChanged() {
- if (currentTab != -1)
- {
- myPort.postMessage(
- {
- source: "transcript",
- tabid: currentTab,
- title: title
- });
- }
- window.setTimeout(dataChanged, 1000);
-}
-dataChanged();
-*/