[next] Embed plus (#1877)

* Implement StreamEmbed instance and rename library to coral

* Add article & articleButton.html, only show embed htmls in production

* Respect assetURL

* Add tests

* Add parseHashQuery

* Fix permalink query and integration tests

* Fix permalink URL

* Remove optionalparams from pym

* Scroll when showing permalink view

* Implement autoRender

* AutoRender immediately when render permalink

* Add test for `showPermalink` event

* Add comment

src/core/build/createWebpackConfig.ts

@@ -448,25 +448,41 @@ export default function createWebpackConfig({
       ].filter(s => s),
       output: {
         ...baseConfig.output,
-        library: "Talk",
+        library: "Coral",
         // don't hash the embed, cache-busting must be completed by the requester
         // as this lives in a static template on the embed site.
         filename: "assets/js/embed.js",
       },
       plugins: [
         ...baseConfig.plugins!,
-        // Generates an `stream.html` file with the <script> injected.
-        new HtmlWebpackPlugin({
-          filename: "embed.html",
-          template: paths.appEmbedHTML,
-          inject: "head",
-          ...htmlWebpackConfig,
-        }),
-        // Makes some environment variables available in index.html.
-        // The public URL is available as %PUBLIC_URL% in index.html, e.g.:
-        // <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
-        // In development, this will be an empty string.
-        new InterpolateHtmlPlugin(env),
+        ...(isProduction
+          ? []
+          : [
+              // Generates an `embed.html` file with the <script> injected.
+              new HtmlWebpackPlugin({
+                filename: "embed.html",
+                template: paths.appEmbedHTML,
+                inject: "head",
+                ...htmlWebpackConfig,
+              }),
+              new HtmlWebpackPlugin({
+                filename: "article.html",
+                template: paths.appEmbedArticleHTML,
+                inject: "head",
+                ...htmlWebpackConfig,
+              }),
+              new HtmlWebpackPlugin({
+                filename: "articleButton.html",
+                template: paths.appEmbedArticleButtonHTML,
+                inject: "head",
+                ...htmlWebpackConfig,
+              }),
+              // Makes some environment variables available in index.html.
+              // The public URL is available as %PUBLIC_URL% in index.html, e.g.:
+              // <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+              // In development, this will be an empty string.
+              new InterpolateHtmlPlugin(env),
+            ]),
         // Generate a manifest file which contains a mapping of all asset filenames
         // to their corresponding output file so that tools can pick it up without
         // having to parse `index.html`.