Dev/soundcloud

src/content_scripts/content_soundcloud.js

@@ -0,0 +1,25 @@
+import browser from 'webextension-polyfill';
+import {
+  sendCreator,
+  addPageChangeListener,
+  waitForElement,
+} from './contentlib.js';
+
+function crawlPage() {
+  // Tries to extract channel URL from page, retries after 1 second if not successful.
+  waitForElement('.playbackSoundBadge__titleContextContainer', 1000).then(
+    soundbadge => {
+      let url = document.location.href;
+      let links = soundbadge.getElementsByTagName('a'); // Song is at index 0, artist at index 1
+      let creator = {
+        id: links[1].getAttribute('href'),
+        name: links[1].innerText,
+      };
+      console.log(creator);
+      sendCreator(url, creator);
+    }
+  );
+}
+
+crawlPage();
+addPageChangeListener(crawlPage);

src/content_scripts/content_youtube.js

@@ -7,11 +7,9 @@ import {
   waitForElement,
 } from './contentlib.js';
 
-// TODO: Should content_youtube.js be renamed to content_script.js and have checks for each site?
-
 function crawlPage() {
   // Tries to extract channel URL from page, retries after 1 second if not successful.
-  waitForElement('owner-container', 1000).then(ownerContainer => {
+  waitForElement('#owner-container', 1000).then(ownerContainer => {
     let url = document.location.href;
     let channelLink = ownerContainer.getElementsByTagName('a')[0];
     let creator = {
@@ -24,15 +22,4 @@ function crawlPage() {
 }
 
 crawlPage();
-
 addPageChangeListener(crawlPage);
-// FROM: https://stackoverflow.com/a/19758800/965332
-// Something like this needed to report the (content_url -> creator_url) mapping back to the background process.
-chrome.runtime.onMessage.addListener(function(msg, sender, sendResponse) {
-  // If the received message has the expected format...
-  if (msg.text === 'report_back') {
-    // Call the specified callback, passing
-    // the web-page's DOM content as argument
-    sendResponse(document.all[0].outerHTML);
-  }
-});

src/content_scripts/contentlib.js

@@ -2,9 +2,9 @@
 
 import browser from 'webextension-polyfill';
 
-export function waitForElement(elementId, retryTime) {
+export function waitForElement(selector, retryTime) {
   return new Promise((resolve, reject) => {
-    let element = document.getElementById(elementId);
+    let element = document.querySelector(selector);
     if (element) {
       resolve(element);
       return;