Warmup cache for new packager (codesandbox#13)

* Warmup cache for new packager

* Throw initial error

Author: CompuIves

src/app/store/entities/sandboxes/bundler/index.js

@@ -8,6 +8,7 @@ import logError from '../../../../utils/error';
 const debug = _debug('cs:app:packager');
 
 export const PACKAGER_URL = 'https://cdn.jsdelivr.net/webpack/v2';
+export const NEW_PACKAGER_URL = 'https://cdn.jsdelivr.net/webpack/v3';
 
 /**
  * Request the packager, if retries > 4 it will throw if something goes wrong
@@ -35,9 +36,22 @@ async function requestPackager(query: string) {
   }
 }
 
-async function callNewPackager(dependencies: Object) {
+async function callNewPackager(query: string) {
+  try {
+    const url = `${NEW_PACKAGER_URL}/${query}`;
+    await callApi(`${url}/manifest.json`); // eslint-disable-line
+  } catch (e) {
+    logError(e, {
+      level: 'warning',
+      service: 'packager',
+    });
+  }
+}
+
+async function callPackager(dependencies: Object) {
   const dependencyUrl = dependenciesToQuery(dependencies);
 
+  callNewPackager(dependencyUrl);
   const result = await requestPackager(dependencyUrl);
   return result;
 }
@@ -48,7 +62,7 @@ export default function fetch(actions, id: string, npmDependencies: Object) {
       dispatch({ type: actions.REQUEST, initial: true, id });
       // New Packager flow
       try {
-        const result = await callNewPackager(npmDependencies);
+        const result = await callPackager(npmDependencies);
 
         dispatch({ type: actions.SUCCESS, id, result });
         return result;