Remove cliente specific handling and switch player code to CFE format (MailOnline#20)

Author: iq-dot

src/App.jsx

@@ -32,6 +32,7 @@ function getClient() {
   if (urlMatch('zmescience.com')) return 'sovrnus';
   if (urlMatch(['livingly.com', 'independent.ie'])) return 'sovrnuk';
   if (urlMatch('clickon.co')) return 'clickon';
+  if (urlMatch(['lbc.co.uk', 'classicfm.com', 'capitalfm.com', 'heart.co.uk'])) return 'global-radio';
 
   function urlMatch(url) {
     return Array.isArray(url)
@@ -46,11 +47,7 @@ const CLIENT = getClient();
 
 class App extends React.Component {
   static getVideos(url, client) {
-    let endpoint = `https://uat.suggestv.io/semantics?url=${url}&skipcache=true`;
-
-    if (client === 'telegraph') {
-      endpoint += `&client=${client}`;
-    }
+    let endpoint = `https://uat.suggestv.io/semantics?url=${url}&client=${client}&skipcache=true`;
 
     return fetch(endpoint, {
       method: 'GET',
@@ -167,54 +164,26 @@ class App extends React.Component {
 
   setVideos(data) {
     let videos = [];
-    const SCORE_LIMIT = CLIENT === 'telegraph' ? 7 : 25;
-    this.setState({ query: data.query });
+    const SCORE_LIMIT = 15;
+    this.setState({ query: data.keywords });
 
-    if (data !== null && data.results && data.results.hits && data.results.hits.hit.length !== 0) {
+    if (data !== null && data.results && data.results.length > 0) {
 
-      data.results.hits.hit.slice(0, 4).forEach((video) => {
+      data.results.forEach((video) => {
         let keywordsMatched = [];
         const highlights = video.highlights;
         const fields = video.fields;
         const regex = /\*(\S[\s\S]*?)\*/g;
 
-        // grab all highlighted keywords
-        if (CLIENT === 'telegraph') {
-          keywordsMatched = keywordsMatched
-              .concat(highlights.extra_one.match(regex) || [])
-              .concat(highlights.description.match(regex) || [])
-              .concat(highlights.keywords.match(regex) || [])
-              .concat(highlights.thumbnail_alt.match(regex) || [])
-              .concat(highlights.thumbnail_alt_small.match(regex) || []);
-
-        } else {
-          keywordsMatched = keywordsMatched
-              .concat(highlights.descriptions_default.match(regex) || [])
-              .concat(highlights.descriptions_long.match(regex) || [])
-              .concat(highlights.title.match(regex) || [])
-              .concat(highlights.slug.match(regex) || [])
-              .concat(highlights.thumbnails_large_alttext.match(regex) || [])
-              .concat(highlights.thumbnails_small_alttext.match(regex) || [])
-              .concat(highlights.published.match(regex) || []);
-        }
-
-        // deduplicate array
-        const uniqueKeywords = [];
-        keywordsMatched
-              .map(k => k.toLowerCase())
-              .forEach((k) => {
-                if (uniqueKeywords.indexOf(k) === -1) uniqueKeywords.push(k);
-              });
-
-        if (Number(fields._score[0]) > SCORE_LIMIT && uniqueKeywords.length >= 1) {
+        if (Number(fields._score[0]) > SCORE_LIMIT) {
           videos.push({
             sources: [{
-              src: CLIENT === 'telegraph' ? fields.video_url[0] : fields.videos_hd_uri[0],
+              src: fields.sources[0],
               type: 'video/mp4',
             }],
-            poster: CLIENT === 'telegraph' ? fields.thumbnail_url[0] : fields.thumbnails_large_src[0],
-            title: CLIENT === 'telegraph' ? fields.extra_one[0] : fields.title[0],
-            description: CLIENT === 'telegraph' ? fields.description[0] : fields.descriptions_default[0],
+            poster: fields.poster[0],
+            title: fields.title[0],
+            description: fields.description[0],
             videoId: video.id,
           });
         }