Code rewriting and change to feed summary version

jokenox · Sep 8, 2018 · 3df5102 · 3df5102 · adicore · Jun 11, 2021
1 parent 1ae5c76
commit 3df5102
Show file tree

Hide file tree

Showing 5 changed files with 121 additions and 135 deletions.
diff --git a/README.md b/README.md
@@ -1,52 +1,45 @@
-<p align="center"><a href="#" target="_blank"><img width="100" src="/resources/logo.svg"></a></p>
+<p align="center"><a href="#" target="_blank"><img width="100" src="/img/logo.svg"></a></p>
 <h1>BloggerJS</h1>
 <p>
   <a href="./LICENSE"><img src="https://img.shields.io/badge/license-MIT-brightgreen.svg"></a>
-  <a href="https://github.com/jokenox/bloggerjs/tree/2ea81a1"><img src="https://img.shields.io/badge/latest%20ver-v0.3.1-orange.svg"></a>
+  <a href="https://github.com/jokenox/bloggerjs/tree/2ea81a1"><img src="https://img.shields.io/badge/latest%20ver-v0.4.0-orange.svg"></a>
 </p>
 
 **BloggerJS** es un script para modificar el formato de las URL en un blog de Blogger. Creando visualmente una mejor navegación.<br/><br/>
 El script se integra a tu blog y "limpia" las URLs en todo el sitio durante la navegación, eliminando de ellas la fecha ```"/YYYY/MM"``` o el ```"/p"```, según sea el caso, así como también el ```".html"```.
 También de esta manera resulta más cómodo compartir una URL, pues luce mucho mejor.<br/>
-<p><img src="/resources/url_demo.png"></p>
+<p><img src="/img/url_demo.png"></p>
 
 ## Implementación
 
 Para implementar **BloggerJS** en tu blog, copia todo el siguiente código:
 ```javascript
 <script type="text/javascript">
-// BloggerJS v0.3.1
-// Copyright (c) 2017-2018 Kenny Cruz
+// BloggerJS v0.4.0
 // Licensed under the MIT License
+// Copyright (c) 2017-2018 Kenny Cruz
+// github.com/jokenox
 
-// Configuration -----------
-var postsDatePrefix = false;
-var accessOnly = false;
+// Configuration
+var config = {
+  postsDatePrefix: false,
+  accessOnly: false,
 
-var useApiV3 = false;
-var apiKey = "";
-var blogId = "";
-// -------------------------
-var postsOrPages=["pages","posts"],urlTotal,jsonIndex=1,secondRequest=!0,feedPriority=0,amp="&amp;"[0],nextPageToken;function urlVal(){var url=window.location.pathname;var length=url.length;var urlEnd=url.substring(length-5);if(urlEnd===".html")return 0;else if(length>1)return 1;else return 2}
-function urlMod(){var url=window.location.pathname;if(url.substring(1,2)==="p"){url=url.substring(url.indexOf("/",1)+1);url=url.substr(0,url.indexOf(".html"));history.replaceState(null,null,"../"+url)}
-else{if(!postsDatePrefix)url=url.substring(url.indexOf("/",7)+1);else url=url.substring(1);url=url.substr(0,url.indexOf(".html"));history.replaceState(null,null,"../../"+url)}}
+  useApiV3: false,
+  apiKey: "YOUR-API-KEY-HERE"
+}
+var postsOrPages=["pages","posts"],blogId="<data:blog.blogId/>",urlTotal,fetchIndex=1,ampChar="&amp;"[0],secondRequest=!0,feedPriority=0,nextPageToken;function urlVal(){var url=window.location.pathname;var length=url.length;var urlEnd=url.substring(length-5);if(urlEnd===".html")return 0;else if(length>1)return 1;else return 2}
+function urlMod(){var url=window.location.pathname;if(url.substring(1,2)==="p"){url=url.substring(url.indexOf("/",1)+1);url=url.substr(0,url.indexOf(".html"));history.replaceState(null,null,"../"+url)}else{if(!config.postsDatePrefix)url=url.substring(url.indexOf("/",7)+1);else url=url.substring(1);url=url.substr(0,url.indexOf(".html"));history.replaceState(null,null,"../../"+url)}}
 function urlSearch(url,database){var pathname=url+".html";database.forEach(function(element){var search=element.search(pathname);if(search!==-1)window.location=element})}
-function urlManager(){var validation=urlVal();if(validation===0){if(!accessOnly)urlMod()}
-else if(validation===1){getJSON(postsOrPages[feedPriority],1)}
-else if(validation===2){if(!accessOnly)history.replaceState(null,null,"/")}}
-function getJSON(postsOrPages,index){var script=document.createElement('script');if(useApiV3){var jsonUrl="https://www.googleapis.com/blogger/v3/blogs/"+blogId+"/"+postsOrPages+"?key="+apiKey+"#maxResults=500#fields=nextPageToken%2Citems(url)#callback=bloggerJSON";if(nextPageToken)jsonUrl+="#pageToken="+nextPageToken;nextPageToken=undefined}
-else var jsonUrl=window.location.protocol+"//"+window.location.hostname+"/feeds/"+postsOrPages+"/default?start-index="+index+"#max-results=150#orderby=published#alt=json-in-script#callback=bloggerJSON";jsonUrl=jsonUrl.replace(/#/g,amp);script.type='text/javascript';script.src=jsonUrl;document.getElementsByTagName('head')[0].appendChild(script)}
-function bloggerJSON(json){var database=[];if(!useApiV3)if(urlTotal===undefined)urlTotal=parseInt(json.feed.openSearch$totalResults.$t);if(!useApiV3){try{json.feed.entry.forEach(function(element,index){var entry=json.feed.entry[index];entry.link.forEach(function(element,index){if(entry.link[index].rel==="alternate")database.push(entry.link[index].href)})})}
-catch(e){}}
-else{try{json.items.forEach(function(element,index){database.push(element.url)})}
-catch(e){}
+function urlManager(){var validation=urlVal();if(validation===0){if(!config.accessOnly)urlMod()}else if(validation===1){fetchData(postsOrPages[feedPriority],1)}else if(validation===2){if(!config.accessOnly)history.replaceState(null,null,"/")}}
+function fetchData(postsOrPages,index){var script=document.createElement("script");if(config.useApiV3){var jsonUrl="https://www.googleapis.com/blogger/v3/blogs/"+blogId+"/"+postsOrPages+"?key="+config.apiKey+"#maxResults=500#fields=nextPageToken%2Citems(url)#callback=parseData";if(nextPageToken)jsonUrl+="#pageToken="+nextPageToken;nextPageToken=undefined}else{var jsonUrl=window.location.protocol+"//"+window.location.hostname+"/feeds/"+postsOrPages+"/summary?start-index="+index+"#max-results=150#orderby=published#alt=json-in-script#callback=parseData"}
+jsonUrl=jsonUrl.replace(/#/g,ampChar);script.type="text/javascript";script.src=jsonUrl;document.getElementsByTagName("head")[0].appendChild(script)}
+function parseData(json){var database=[];if(!config.useApiV3){if(!urlTotal){urlTotal=parseInt(json.feed.openSearch$totalResults.$t)}
+try{json.feed.entry.forEach(function(element,index){var entry=json.feed.entry[index];entry.link.forEach(function(element,index){if(entry.link[index].rel==="alternate")database.push(entry.link[index].href)})})}catch(e){}}else{try{json.items.forEach(function(element,index){database.push(element.url)})}catch(e){}
 nextPageToken=json.nextPageToken}
-urlSearch(window.location.pathname,database);if(urlTotal>150){jsonIndex+=150;urlTotal-=150;getJSON(postsOrPages[feedPriority],jsonIndex)}
-else if(nextPageToken){getJSON(postsOrPages[feedPriority])}
-else if(secondRequest){nextPageToken=undefined;urlTotal=undefined;jsonIndex=1;secondRequest=!1;if(feedPriority===0){feedPriority=1;getJSON("posts",1)}
-else if(feedPriority===1){feedPriority=0;getJSON("pages",1)}}}
+urlSearch(window.location.pathname,database);if(urlTotal>150){fetchIndex+=150;urlTotal-=150;fetchData(postsOrPages[feedPriority],fetchIndex)}else if(nextPageToken){fetchData(postsOrPages[feedPriority])}else if(secondRequest){nextPageToken=undefined;urlTotal=0;fetchIndex=1;secondRequest=!1;if(feedPriority===0){feedPriority=1;fetchData("posts",1)}else if(feedPriority===1){feedPriority=0;fetchData("pages",1)}}}
 function bloggerJS(priority){if(priority)feedPriority=priority;urlManager()}
-bloggerJS();
+bloggerJS()
 </script>
 ```
 
@@ -60,7 +53,7 @@ Ya que copiaste completamente el código anterior, dirígete al código HTML de
 Una vez hecho esto, sólo guarda los cambios hechos a tu plantilla. Después de ello, **BloggerJS** estará funcionando.
 
 ### Nota:
-Aunque con sólo copiar y pegar el código, **BloggerJS** estará funcionando, es recomendable (sobre todo para blogs con mucho contenido) configurar el script para funcionar con el API v3 de Blogger, pues funcionará más rápido.
+Aunque con sólo copiar y pegar el código, **BloggerJS** estará funcionando, es recomendable (sobre todo para blogs con mucho contenido) configurar el script para funcionar con el API v3 de Blogger, puesto que esta es muy superior en rendimiento y velocidad.
 
 ## Configuración
 Al principio del script encontrarás variables de configuración, modificar estas propiedades es opcional. La descripción de cada una está en la siguiente tabla:
@@ -70,8 +63,7 @@ Al principio del script encontrarás variables de configuración, modificar esta
 | postsDatePrefix | false             | Permitir la fecha en las URLs de las entradas/posts.                                    |
 | accessOnly      | false             | Las URLs cortas sólo sirven para acceder al sitio, mas no en su funcionamiento general. |
 | useApiV3        | false             | Usar API v3 de Blogger.                                                                 |
-| apiKey          | vacío             | API Key para el uso del API v3 de Blogger.                                              |
-| blogId          | vacío             | ID del blog (para uso del API v3 de Blogger).                                           |
+| apiKey          | -             | API Key para el uso del API v3 de Blogger.                                              |
 
 ## Licencia
 Licensed under the [MIT License](./LICENSE).<br/>

diff --git a/blogger.js b/blogger.js
@@ -1,54 +1,52 @@
-// BloggerJS v0.3.1
-// Copyright (c) 2017-2018 Kenny Cruz
+// BloggerJS v0.4.0
 // Licensed under the MIT License
+// Copyright (c) 2017-2018 Kenny Cruz
+// github.com/jokenox
 
-// Configuración -----------
-
-// Permite las fechas en las URL de entradas.
-var postsDatePrefix = false;
-
-// URL cortas sólo para entrar al sitio,
-// mas no en su funcionamiento general.
-var accessOnly = false;
+// Configuración
+var config = {
+  // Permite las fechas en las URL de entradas.
+  postsDatePrefix: false,
 
-// Usar API v3 de Blogger
-var useApiV3 = false;
-var apiKey = "";
-var blogId = "";
+  // URL cortas sólo para entrar al sitio,
+  // mas no en su funcionamiento general.
+  accessOnly: false,
 
-// -------------------------
+  // Usar API v3 de Blogger.
+  useApiV3: false,
+  apiKey: "YOUR-API-KEY-HERE"
+}
 
 var postsOrPages = ["pages", "posts"],
-    urlTotal, jsonIndex = 1,
+    blogId = "<data:blog.blogId/>",
+    urlTotal, fetchIndex = 1,
+    ampChar = "&amp;"[0],
     secondRequest = true,
     feedPriority = 0,
-    amp = "&amp;"[0],
     nextPageToken;
 
 // urlVal();
-// Valida si la URL corresponde a un post/página, si no,
-// o si corresponde al index.
-function urlVal(){
+// Valida si la URL corresponde a un post/página,
+// si no, o si corresponde al index.
+function urlVal() {
   var url = window.location.pathname;
   var length = url.length;
   var urlEnd = url.substring(length - 5);
-  if(urlEnd === ".html") return 0;
-  else if(length > 1) return 1;
+  if (urlEnd === ".html") return 0;
+  else if (length > 1) return 1;
   else return 2;
 }
 
 // urlMod();
-// Analiza la URL para identificar si se trata de un post o una página,
-// para después modificarla eliminando la fecha o el "/p/", así como el ".html".
-function urlMod(){
+// Modifica la URL eliminando la fecha o el "/p/", así como el ".html".
+function urlMod() {
   var url = window.location.pathname;
-  if(url.substring(1, 2) === "p"){
+  if (url.substring(1, 2) === "p") {
     url = url.substring(url.indexOf("/",1) + 1);
     url = url.substr(0, url.indexOf(".html"));
     history.replaceState(null, null, "../" + url);
-  }
-  else{
-    if(!postsDatePrefix) url = url.substring(url.indexOf("/",7) + 1);
+  } else {
+    if (!config.postsDatePrefix) url = url.substring(url.indexOf("/",7) + 1);
     else url = url.substring(1);
     url = url.substr(0, url.indexOf(".html"));
     history.replaceState(null, null, "../../" + url);
@@ -58,97 +56,94 @@ function urlMod(){
 // urlSearch(url, database);
 // Busca una url específica en la base de datos, si la encuentra,
 // entonces dirigirá a ella.
-function urlSearch(url, database){
+function urlSearch(url, database) {
   var pathname = url + ".html";
-  database.forEach(function(element){
+  database.forEach(function(element) {
     var search = element.search(pathname);
-    if(search !== -1) window.location = element;
+    if (search !== -1) window.location = element;
   });
 }
 
 // urlManager(database, id);
 // Ejecuta una validación de URL, para determinar con el resultado
 // la acción a realizar (modificarla o buscarla en el feed del blog).
-function urlManager(){
+function urlManager() {
   var validation = urlVal();
-  if(validation === 0){
-    if(!accessOnly) urlMod();
-  }
-  else if(validation === 1){
-    getJSON(postsOrPages[feedPriority], 1);
-  }
-  else if(validation === 2){
-    if(!accessOnly) history.replaceState(null, null, "/");
+  if (validation === 0) {
+    if (!config.accessOnly) urlMod();
+  } else if (validation === 1) {
+    fetchData(postsOrPages[feedPriority], 1);
+  } else if (validation === 2) {
+    if (!config.accessOnly) history.replaceState(null, null, "/");
   }
 }
 
-// getJSON();
-// Realiza una petición de datos donde vienen las URLs
-// y los pasa mediante un callback.
-function getJSON(postsOrPages, index){
-  var script = document.createElement('script');
-  if(useApiV3){
-    var jsonUrl = "https://www.googleapis.com/blogger/v3/blogs/" + blogId + "/" + postsOrPages + "?key=" + apiKey + "#maxResults=500#fields=nextPageToken%2Citems(url)#callback=bloggerJSON";
-    if(nextPageToken) jsonUrl += "#pageToken=" + nextPageToken;
+// fetchData();
+// Realiza una petición de datos del blog.
+function fetchData(postsOrPages, index) {
+  var script = document.createElement("script");
+  if (config.useApiV3) {
+    var jsonUrl = "https://www.googleapis.com/blogger/v3/blogs/" + blogId + "/" + postsOrPages +
+                  "?key=" + config.apiKey + "#maxResults=500#fields=nextPageToken%2Citems(url)#callback=parseData";
+    if (nextPageToken) jsonUrl += "#pageToken=" + nextPageToken;
     nextPageToken = undefined;
+  } else {
+    var jsonUrl = window.location.protocol + "//" + window.location.hostname + "/feeds/" + postsOrPages +
+                  "/summary?start-index=" + index + "#max-results=150#orderby=published#alt=json-in-script#callback=parseData";
   }
-  else var jsonUrl = window.location.protocol + "//" + window.location.hostname + "/feeds/" + postsOrPages + "/default?start-index=" + index + "#max-results=150#orderby=published#alt=json-in-script#callback=bloggerJSON";
-  jsonUrl = jsonUrl.replace(/#/g, amp);
-  script.type = 'text/javascript';
+  jsonUrl = jsonUrl.replace(/#/g, ampChar);
+  script.type = "text/javascript";
   script.src = jsonUrl;
-  document.getElementsByTagName('head')[0].appendChild(script);
+  document.getElementsByTagName("head")[0].appendChild(script);
 }
 
-// bloggerJSON();
+// parseData();
 // Obtiene datos en formato JSON, los clasifica
 // y los envía para comparar la URL actual.
-function bloggerJSON(json){
+function parseData(json) {
   var database = [];
 
-  if(!useApiV3) if(urlTotal === undefined) urlTotal = parseInt(json.feed.openSearch$totalResults.$t);
-  if(!useApiV3){
-    try{
-      json.feed.entry.forEach(function(element, index){
+  if (!config.useApiV3) {
+    if (!urlTotal) {
+      urlTotal = parseInt(json.feed.openSearch$totalResults.$t);
+    }
+
+    try {
+      json.feed.entry.forEach(function(element, index) {
         var entry = json.feed.entry[index];
-        entry.link.forEach(function(element, index){
-          if(entry.link[index].rel === "alternate") database.push(entry.link[index].href);
+        entry.link.forEach(function(element, index) {
+          if (entry.link[index].rel === "alternate") database.push(entry.link[index].href);
         });
       });
-    }
-    catch(e){}
-  }
-  else{
-    try{
-      json.items.forEach(function(element, index){
+    } catch(e) {}
+  } else {
+    try {
+      json.items.forEach(function(element, index) {
         database.push(element.url);
       });
-    }
-    catch(e){}
+    } catch(e) {}
     nextPageToken = json.nextPageToken;
   }
 
   urlSearch(window.location.pathname, database);
 
-  if(urlTotal > 150){
-    jsonIndex += 150;
+  if (urlTotal > 150) {
+    fetchIndex += 150;
     urlTotal -= 150;
-    getJSON(postsOrPages[feedPriority], jsonIndex);
-  }
-  else if(nextPageToken){
-    getJSON(postsOrPages[feedPriority]);
-  }
-  else if(secondRequest){
+    fetchData(postsOrPages[feedPriority], fetchIndex);
+  } else if (nextPageToken) {
+    fetchData(postsOrPages[feedPriority]);
+  } else if(secondRequest) {
     nextPageToken = undefined;
-    urlTotal = undefined;
-    jsonIndex = 1;
+    urlTotal = 0;
+    fetchIndex = 1;
     secondRequest = false;
-    if(feedPriority === 0){
+    if (feedPriority === 0) {
       feedPriority = 1;
-      getJSON("posts", 1);
-    }
-    else if(feedPriority === 1){
+      fetchData("posts", 1);
+    } else if(feedPriority === 1) {
       feedPriority = 0;
-      getJSON("pages", 1);
+      fetchData("pages", 1);
     }
   }
 }
@@ -158,7 +153,9 @@ function bloggerJSON(json){
 // Puede recibir como parámetro el orden de búsqueda para las URL,
 // es decir, si iniciará a comparar contra las páginas o las entradas.
 // 0 ó vacío = Páginas, 1 = Entradas.
-function bloggerJS(priority){
-  if(priority) feedPriority = priority;
+function bloggerJS(priority) {
+  if (priority) feedPriority = priority;
   urlManager();
 }
+
+bloggerJS();