Optimizations (codesandbox#409)

* Optimizations

* Update snapshots

* Update styled-components and snapshot info

* Update snaps

Author: CompuIves

packages/app/package.json

@@ -24,7 +24,7 @@
     "babel-macros": "^1.0.2",
     "babel-plugin-codegen": "^1.2.0",
     "babel-plugin-lodash": "^3.2.11",
-    "babel-plugin-styled-components": "^1.1.7",
+    "babel-plugin-styled-components": "^1.3.0",
     "babel-plugin-syntax-dynamic-import": "^6.18.0",
     "babel-plugin-transform-class-properties": "^6.24.1",
     "babel-plugin-transform-object-rest-spread": "^6.23.0",
@@ -170,7 +170,7 @@
     "script-ext-html-webpack-plugin": "^1.8.8",
     "shelljs": "^0.7.8",
     "store": "^2.0.12",
-    "styled-components": "^2.1.1",
+    "styled-components": "^2.3.2",
     "svg-react-loader": "^0.4.4",
     "tern": "^0.21.0",
     "vue": "^2.5.2",

packages/app/src/app/index.html

@@ -26,7 +26,18 @@
   <title>CodeSandbox</title>
 
   <!-- AMD Loader for Monaco -->
-  <script rel="preload" src="/public/vs/loader.js"></script>
+  <link data-name="vs/editor/editor.main" rel="stylesheet" href="/public/vs/editor/editor.main.css">
+  <script src="/public/vs/loader.js"></script>
+  <script>
+    window.require.config({
+      url: '/public/vs/loader.js',
+      paths: {
+        vs: '/public/vs',
+      },
+    });
+  </script>
+  <script src="/public/vs/editor/editor.main.nls.js"></script>
+  <script src="/public/vs/editor/editor.main.js"></script>
 
   <!-- Google Tag Manager -->
   <script>

packages/app/src/embed/components/__snapshots__/File.test.js.snap

@@ -47,6 +47,7 @@ exports[`File renders 1`] = `
   display: inline-block;
   -webkit-font-smoothing: antialiased;
   vertical-align: top;
+  -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
 }
@@ -151,6 +152,7 @@ exports[`File renders alternative 1`] = `
   display: inline-block;
   -webkit-font-smoothing: antialiased;
   vertical-align: top;
+  -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
 }
@@ -252,6 +254,7 @@ exports[`File renders as active 1`] = `
   display: inline-block;
   -webkit-font-smoothing: antialiased;
   vertical-align: top;
+  -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
 }
@@ -356,6 +359,7 @@ exports[`File renders directory 1`] = `
   display: inline-block;
   -webkit-font-smoothing: antialiased;
   vertical-align: top;
+  -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
 }

yarn.lock

@@ -1212,7 +1212,7 @@ babel-plugin-preval@^1.6.2:
     babylon "^6.18.0"
     require-from-string "^2.0.1"
 
-babel-plugin-styled-components@^1.1.7:
+babel-plugin-styled-components@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-styled-components/-/babel-plugin-styled-components-1.3.0.tgz#9e4d9f718b2975dadbfab0bc1c6793d93c751404"
   dependencies:
@@ -14024,7 +14024,7 @@ style-loader@^0.18.2:
     loader-utils "^1.0.2"
     schema-utils "^0.3.0"
 
-styled-components@^2.0.0, styled-components@^2.1.1:
+styled-components@^2.0.0:
   version "2.2.3"
   resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-2.2.3.tgz#154575c269880c840f903f580287dab155cf684c"
   dependencies:
@@ -14052,6 +14052,19 @@ styled-components@^2.2.4:
     stylis "^3.4.0"
     supports-color "^3.2.3"
 
+styled-components@^2.3.2:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-2.3.2.tgz#323d86cc9ac89f3fd233a2dfa0849da236f143e3"
+  dependencies:
+    buffer "^5.0.3"
+    css-to-react-native "^2.0.3"
+    fbjs "^0.8.9"
+    hoist-non-react-statics "^1.2.0"
+    is-plain-object "^2.0.1"
+    prop-types "^15.5.4"
+    stylis "^3.4.0"
+    supports-color "^3.2.3"
+
 [email protected]:
   version "3.4.3"
   resolved "https://registry.yarnpkg.com/stylis/-/stylis-3.4.3.tgz#875bd0db3db37bb6de08f89275fc38ee2e32ee75"