Add a warmup for the new packager

Author: CompuIves

packages/app/src/sandbox/compile.js

@@ -109,7 +109,7 @@ const BABEL_DEPENDENCIES = [
 // Dependencies that we actually don't need, we will replace this by a dynamic
 // system in the future
 const PREINSTALLED_DEPENDENCIES = [
-  'node-lib-browser',
+  'node-libs-browser',
   'react-scripts',
   'react-scripts-ts',
   'parcel-bundler',

packages/app/src/sandbox/npm/fetch-dependencies.js

@@ -17,10 +17,27 @@ const host = process.env.CODESANDBOX_HOST;
 
 const VERSION = 1;
 
+/**
+ * Warm the cache of our new API
+ */
+const warmNewPackagerAPI = (url: string, method: string = 'GET') => {
+  try {
+    fetch(url, { method })
+      .then(() => {})
+      .catch(() => {});
+  } catch (e) {
+    /* ignore */
+  }
+};
+
 const BUCKET_URL =
   process.env.NODE_ENV === 'production' || process.env.NODE_ENV === 'test'
     ? 'https://d1jyvh0kxilfa7.cloudfront.net'
     : 'https://s3-eu-west-1.amazonaws.com/dev.packager.packages';
+
+const NEW_PACKAGER_URL =
+  'https://aiwi8rnkp5.execute-api.eu-west-1.amazonaws.com/prod/packages';
+
 const PACKAGER_URL =
   process.env.NODE_ENV === 'production' || process.env.NODE_ENV === 'test'
     ? 'https://drq28qbjmc.execute-api.eu-west-1.amazonaws.com/prod/packages'
@@ -145,6 +162,7 @@ async function getDependencies(dependencies: Object) {
 
   setScreen({ type: 'loading', text: 'Downloading Dependencies...' });
   try {
+    warmNewPackagerAPI(`${NEW_PACKAGER_URL}/${dependencyUrl}`, 'POST');
     const bucketManifest = await callApi(
       `${BUCKET_URL}/${bucketDependencyUrl}`
     );