Attempt fetching an index.yaml using cors anywhere if it fails. (#582)

* Remove preview limitation notice.

* Attempt fetching with cors anywhere if the fetch fails.

* Run prettier.

src/actions/catalogActions.js

@@ -5,16 +5,37 @@ import yaml from 'js-yaml';
 // loadCatalog takes a catalog object and tries to load further data.
 function loadCatalogIndex(catalog) {
   return fetch(catalog.spec.storage.URL + 'index.yaml', { mode: 'cors' })
+    .catch(() => {
+      console.log(
+        `Fetch error for ${
+          catalog.spec.storage.URL
+        }, attempting with cors anywhere.`
+      );
+      return fetch(
+        'https://cors-anywhere.herokuapp.com/' +
+          catalog.spec.storage.URL +
+          'index.yaml',
+        { mode: 'cors' }
+      );
+    })
+    .catch(error => {
+      console.error('Fetch error: ', error);
+      throw error;
+    })
     .then(response => {
-      return response.text();
+      if (response.status === 200) {
+        return response.text();
+      } else {
+        throw `Could not fetch index.yaml at ${catalog.spec.storage.URL}`;
+      }
     })
     .then(body => {
       let rawCatalog = yaml.safeLoad(body);
       catalog.apps = rawCatalog.entries;
       return catalog;
     })
     .catch(error => {
-      console.error(error);
+      console.error('YAML error: ', error);
       throw error;
     });
 }

src/components/app_catalog/catalogs/index.js

@@ -54,12 +54,6 @@ class Catalogs extends React.Component {
               </div>
             </React.Fragment>
           )}
-          <p className='well'>
-            <b>Preview Limitations:</b>
-            <br />
-            During the preview you&apos;ll only be able to browse apps.
-            Installing apps is coming soon!
-          </p>
         </React.Fragment>
       </DocumentTitle>
     );