Embed support (codesandbox#7)

* Add embeds

* Progress in embeds

* Embedding progress

* Finish embeds

* Specify embedly

* Add editor url

* Allow options for main url as well

* Make babel async generator main dep

* More babel plugins

Author: CompuIves

config/paths.js

@@ -23,6 +23,7 @@ function resolveApp(relativePath) {
 const src = resolveApp('src');
 const appSrc = path.join(src, 'app');
 const sandboxSrc = path.join(src, 'sandbox');
+const embedSrc = path.join(src, 'embed');
 
 // config after eject: we're in ./config/
 module.exports = {
@@ -34,6 +35,7 @@ module.exports = {
   src,
   appSrc,
   sandboxSrc,
+  embedSrc,
   appNodeModules: resolveApp('node_modules'),
   ownNodeModules: resolveApp('node_modules'),
   nodePaths,

config/webpack.config.js

@@ -52,7 +52,11 @@ const config = {
       require.resolve('./polyfills'),
       path.join(paths.sandboxSrc, 'index.js'),
     ],
-    vendor: ['babel-standalone', 'codemirror', 'react', 'styled-components'],
+    embed: [
+      require.resolve('./polyfills'),
+      path.join(paths.embedSrc, 'index.js'),
+    ],
+    vendor: ['codemirror', 'react', 'react-dom', 'styled-components'],
   },
 
   target: 'web',
@@ -192,6 +196,24 @@ const config = {
         minifyURLs: true,
       },
     }),
+    new HtmlWebpackPlugin({
+      inject: true,
+      chunks: ['vendor', 'embed'],
+      filename: 'embed.html',
+      template: path.join(paths.embedSrc, 'index.html'),
+      minify: __PROD__ && {
+        removeComments: true,
+        collapseWhitespace: true,
+        removeRedundantAttributes: true,
+        useShortDoctype: true,
+        removeEmptyAttributes: true,
+        removeStyleLinkTypeAttributes: true,
+        keepClosingSlash: true,
+        minifyJS: true,
+        minifyCSS: true,
+        minifyURLs: true,
+      },
+    }),
     // Makes some environment variables available to the JS code, for example:
     // if (process.env.NODE_ENV === 'development') { ... }. See `env.js`.
     new webpack.DefinePlugin(env),
@@ -226,6 +248,7 @@ if (__DEV__) {
   ];
 
   config.entry.app = [...devEntries, ...config.entry.app];
+  config.entry.embed = [...devEntries, ...config.entry.embed];
 }
 
 if (__PROD__) {

flow-typed/npm/autoprefixer_vx.x.x.js

@@ -1,5 +1,5 @@
-// flow-typed signature: 48cff332d8dbc4fef7bdfee9c9af1bbe
-// flow-typed version: <<STUB>>/autoprefixer_v^6.6.0/flow_v0.37.4
+// flow-typed signature: a1feacd63a3a8365b7f331bf9372676d
+// flow-typed version: <<STUB>>/autoprefixer_v^6.7.7/flow_v0.43.0
 
 /**
  * This is an autogenerated libdef stub for:

flow-typed/npm/babel-core_vx.x.x.js

@@ -1,5 +1,5 @@
-// flow-typed signature: e5374ea2d55a1f89dd8c75f3e224f943
-// flow-typed version: <<STUB>>/babel-core_v^6.21.0/flow_v0.37.4
+// flow-typed signature: c429165753b6efc81cdaf5d9991baf55
+// flow-typed version: <<STUB>>/babel-core_v^6.21.0/flow_v0.43.0
 
 /**
  * This is an autogenerated libdef stub for:

flow-typed/npm/babel-eslint_vx.x.x.js

@@ -1,5 +1,5 @@
-// flow-typed signature: b46ccd1d41acd642bb71bfff7cc58fef
-// flow-typed version: <<STUB>>/babel-eslint_v^7.1.1/flow_v0.37.4
+// flow-typed signature: 17a66f6409e310c0b8e272c7bb4400c8
+// flow-typed version: <<STUB>>/babel-eslint_v^7.1.1/flow_v0.43.0
 
 /**
  * This is an autogenerated libdef stub for:

flow-typed/npm/babel-jest_vx.x.x.js

@@ -1,5 +1,5 @@
-// flow-typed signature: 51d4b0b47762393443b387d205a0632d
-// flow-typed version: <<STUB>>/babel-jest_v^18.0.0/flow_v0.37.4
+// flow-typed signature: 71591a897e9fca2a6b850c5d1a4b1f86
+// flow-typed version: <<STUB>>/babel-jest_v^19.0.0/flow_v0.43.0
 
 /**
  * This is an autogenerated libdef stub for:

flow-typed/npm/babel-loader_vx.x.x.js

@@ -1,5 +1,5 @@
-// flow-typed signature: 9993a9f24a5ed8b6251a48dd5e994b31
-// flow-typed version: <<STUB>>/babel-loader_v^6.2.10/flow_v0.37.4
+// flow-typed signature: 0d9d22848bd3ddbab6e01dd42e2300d7
+// flow-typed version: <<STUB>>/babel-loader_v^6.2.10/flow_v0.43.0
 
 /**
  * This is an autogenerated libdef stub for:

flow-typed/npm/babel-plugin-lodash_vx.x.x.js

@@ -1,5 +1,5 @@
-// flow-typed signature: 50b19df9f51e3ffc3cf6ff99fd3bcb37
-// flow-typed version: <<STUB>>/babel-plugin-lodash_v^3.2.11/flow_v0.37.4
+// flow-typed signature: 1c20a1b1297f292636a33bcd8baa8fe5
+// flow-typed version: <<STUB>>/babel-plugin-lodash_v^3.2.11/flow_v0.43.0
 
 /**
  * This is an autogenerated libdef stub for:

flow-typed/npm/babel-plugin-transform-class-properties_vx.x.x.js

@@ -1,5 +1,5 @@
-// flow-typed signature: 6a1f626ec5c9266edcb7e52247f30890
-// flow-typed version: <<STUB>>/babel-plugin-transform-class-properties_v^6.19.0/flow_v0.37.4
+// flow-typed signature: 28a83de0b5c2eef9bf54c24c5dc3e096
+// flow-typed version: <<STUB>>/babel-plugin-transform-class-properties_v^6.19.0/flow_v0.43.0
 
 /**
  * This is an autogenerated libdef stub for:

flow-typed/npm/babel-plugin-transform-decorators-legacy_vx.x.x.js

@@ -0,0 +1,32 @@
+// flow-typed signature: 03fdf990451d5163224e1c01448bf09b
+// flow-typed version: <<STUB>>/babel-plugin-transform-decorators-legacy_v^1.3.4/flow_v0.43.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'babel-plugin-transform-decorators-legacy'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the 
+ * community by sending a pull request to: 
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'babel-plugin-transform-decorators-legacy' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'babel-plugin-transform-decorators-legacy/lib/index' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'babel-plugin-transform-decorators-legacy/lib/index.js' {
+  declare module.exports: $Exports<'babel-plugin-transform-decorators-legacy/lib/index'>;
+}