Merge pull request #3487 from Vizzuality/feature/rails-cache-keys

feature/rails-cache-keys

Author: pjosh

app/controllers/application_controller.rb

@@ -3,6 +3,7 @@ class ApplicationController < ActionController::Base
   protect_from_forgery with: :exception
 
   before_action :check_browser, if: proc { Rails.env.production? }
+  before_action :cache_keys
 
   def not_found
     raise ActionController::RoutingError.new('Not Found')
@@ -14,6 +15,10 @@ def accept_terms
     @title = 'Terms of Service'
   end
 
+  def cache_keys
+    @cache_keys = $redis.keys('*')
+  end
+
   private
 
     def check_browser

app/javascript/utils/request.js

@@ -5,26 +5,27 @@ import { getKey, addKey } from 'services/cache';
 import CACHE_EXCEPTIONS from 'data/cache-exceptions.json';
 
 const EXPIRE_DEFAULT = 86400;
+let cacheKeys = [];
 
 const request = {
   get(url, expire = EXPIRE_DEFAULT, exceptionId = null) {
+    if (cacheKeys.length) {
+      cacheKeys = window.RequestCache.keys;
+    }
     const key = btoa(url);
-    return axios.get(`/cache/${key}`).then(cache => {
-      const { data } = cache;
-      if (!data) {
-        const axiosInstance = axios.create();
-        const haveException = checkException(exceptionId);
-        if (!haveException) {
-          axiosInstance.interceptors.response.use(response =>
-            addKey(key, response.data, expire, exceptionId)
-              .then(() => response)
-              .catch(() => response)
-          );
-        }
-        return axiosInstance.get(url);
+    if (cacheKeys.indexOf(key) === -1) {
+      const axiosInstance = axios.create();
+      const haveException = checkException(exceptionId);
+      if (!haveException) {
+        axiosInstance.interceptors.response.use(response =>
+          addKey(key, response.data, expire, exceptionId)
+            .then(() => response)
+            .catch(() => response)
+        );
       }
-      return getKey(key);
-    });
+      return axiosInstance.get(url);
+    }
+    return getKey(key);
   }
 };
 

app/views/layouts/application_react.html.erb

@@ -12,6 +12,7 @@
     <link rel="canonical" href="<%= request.original_url %>" />
     <script src="https://cdn.optimizely.com/js/7988050790.js"></script>
     <%= render 'shared/gfw_assets' %>
+    <%= render 'shared/cache_keys' %>
     <%= render 'shared/track' %>
 
     <%= yield :head %>

app/views/shared/_cache_keys.html.erb

@@ -0,0 +1,5 @@
+<script type="text/javascript">
+  window.RequestCache = {
+    keys: <%= raw @cache_keys %>
+  };
+</script>