Merge pull request #8 from mcclatchy/cue-public-api

Cue public api

Author: pilgreen

demo/locker.js

@@ -14,12 +14,14 @@ const locker = {
   // generic pageInfo getter
   getConfig(key) {
     switch(key) {
+      case "domainName":
+        return "www.kansascity.com";
+      case "articleCredit":
+        return "The Kansas City Star";
       case "marketInfo.domain":
         return "miamiherald";
       case "marketInfo.taxonomy":
         return "News/Sports//";
-      case "articleCredit":
-        return "The Kansas City Star";
       case "zone.carousel":
         return true;
       case "zone.zeeto":

lib/config.js

@@ -91,6 +91,11 @@ export function load(url) {
           zone.zephr(feature);
         }
 
+        // CUE connection
+        if(config.cue) {
+          zone.cue(config.cue);
+        }
+
         // Add classes
         if(config.classList) {
           zone.classList.add(...config.classList)

lib/zones.js

@@ -101,6 +101,27 @@ export class Zone {
     }
   }
 
+  /*
+   * CUE content item functionality
+   * @param id {string} the content id in CUE
+   */
+
+  async cue(id) {
+    const market = locker.getConfig("domainName");
+    const endpoint = `https://${market}/webapi-public/v2/content/${id}`
+
+    const req = await fetch(endpoint);
+    const response = await req.json();
+    const payload = response.content;
+
+    if(payload) {
+      const range = document.createRange().createContextualFragment(payload);
+      this.element.append(range);
+    } else {
+      this.log("CUE payload was empty");
+    }
+  }
+
   /*
    * Injects this zone
    * @param ele {element} the injection point