From 6957c246d1aa0271aba5c461e36b35142a9a9dd9 Mon Sep 17 00:00:00 2001
From: Andy Brown <asbrown002@gmail.com>
Date: Mon, 19 Oct 2020 10:59:55 -0700
Subject: [PATCH] fix: allow extension to register multiple publish targets
 (#4424)

* build extension bundle when building client

* enable re-use of plugin host

* require name and description for publish plugins

* update publish plugins

* add multiple publish plugins in sample-ui-plugin

* update azure publish description

* wrap file path in quote for windows compat

* fix tests
---
 .../__tests__/pages/publish/Publish.test.tsx  |   1 +
 Composer/packages/client/package.json         |   2 +-
 .../src/components/PluginHost/PluginHost.tsx  |  66 ++--
 .../src/components/PluginHost/styles.ts       |  10 -
 .../src/pages/publish/createPublishTarget.tsx |  22 +-
 .../packages/client/src/recoilModel/types.ts  |   1 +
 Composer/packages/extension/package.json      |   2 +-
 .../extension/src/extensionContext.ts         |  31 +-
 .../extension/src/extensionRegistration.ts    |  13 +-
 .../server/src/controllers/extensions.ts      |  17 +-
 .../server/src/controllers/publisher.ts       |   1 +
 Composer/packages/types/package.json          |   4 +-
 Composer/packages/types/src/extension.ts      |   1 +
 Composer/packages/types/src/publish.ts        |   5 +-
 Composer/scripts/compileExtensions.js         |   2 +-
 extensions/.prettierrc                        |   7 +
 extensions/authTest/index.js                  |   4 +-
 extensions/azurePublish/src/index.ts          |  28 +-
 extensions/githubAuth/index.js                |  17 +-
 extensions/localPublish/package.json          |   2 +
 extensions/localPublish/src/index.ts          |  43 ++-
 extensions/mockRemotePublish/src/index.ts     |   3 +
 extensions/mongoStorage/src/index.ts          |  14 +-
 extensions/publishTest/index.js               |  21 --
 extensions/publishTest/package.json           |  14 -
 extensions/sample-ui-plugin/README.md         |   2 +-
 extensions/sample-ui-plugin/package.json      |  11 +-
 .../src/client/publish/main.tsx               |   6 +-
 .../publish/{index.tsx => publish1.tsx}       |   2 +-
 .../src/client/publish/publish2.tsx           |   9 +
 extensions/sample-ui-plugin/src/node/index.ts |  23 +-
 .../sample-ui-plugin/tsconfig.node.json       |   1 +
 extensions/sample-ui-plugin/webpack.config.js |   3 +-
 extensions/sample-ui-plugin/yarn.lock         | 308 +++++++++++++++++-
 extensions/samples/.eslintrc.js               |  16 +-
 .../shared/scripts/provisionComposer.js       |  71 ++--
 extensions/samples/src/index.ts               |  35 +-
 extensions/webRoute/index.js                  |   3 +-
 38 files changed, 582 insertions(+), 239 deletions(-)
 delete mode 100644 Composer/packages/client/src/components/PluginHost/styles.ts
 create mode 100644 extensions/.prettierrc
 delete mode 100644 extensions/publishTest/index.js
 delete mode 100644 extensions/publishTest/package.json
 rename extensions/sample-ui-plugin/src/client/publish/{index.tsx => publish1.tsx} (84%)
 create mode 100644 extensions/sample-ui-plugin/src/client/publish/publish2.tsx

diff --git a/Composer/packages/client/__tests__/pages/publish/Publish.test.tsx b/Composer/packages/client/__tests__/pages/publish/Publish.test.tsx
index 5d498305a3..e42d04f5b8 100644
--- a/Composer/packages/client/__tests__/pages/publish/Publish.test.tsx
+++ b/Composer/packages/client/__tests__/pages/publish/Publish.test.tsx
@@ -35,6 +35,7 @@ const state = {
       name: 'azurePublish',
       description: 'azure publish',
       instructions: 'plugin instruction',
+      extensionId: 'azurePublish',
       schema: {
         default: {
           test: 'test',
diff --git a/Composer/packages/client/package.json b/Composer/packages/client/package.json
index 00f12fa533..ff3fa93a80 100644
--- a/Composer/packages/client/package.json
+++ b/Composer/packages/client/package.json
@@ -9,7 +9,7 @@
   },
   "scripts": {
     "start": "yarn build:extension-bundles && node scripts/start.js",
-    "build": "node --max_old_space_size=4096 scripts/build.js",
+    "build": "yarn build:extension-bundles && node --max_old_space_size=4096 scripts/build.js",
     "build:extension-bundles": "webpack --config ./config/extensions.config.js --env production",
     "clean": "rimraf build",
     "test": "jest",
diff --git a/Composer/packages/client/src/components/PluginHost/PluginHost.tsx b/Composer/packages/client/src/components/PluginHost/PluginHost.tsx
index 0df82eabd5..72bc3bff14 100644
--- a/Composer/packages/client/src/components/PluginHost/PluginHost.tsx
+++ b/Composer/packages/client/src/components/PluginHost/PluginHost.tsx
@@ -2,14 +2,18 @@
 // Licensed under the MIT License.
 
 /** @jsx jsx */
-import { jsx, SerializedStyles } from '@emotion/core';
-import React, { useState, useEffect, useRef } from 'react';
+import { jsx, css, SerializedStyles } from '@emotion/core';
+import React, { useEffect, useRef } from 'react';
 import { Shell } from '@botframework-composer/types';
 import { PluginType } from '@bfc/extension-client';
 
 import { PluginAPI } from '../../plugins/api';
 
-import { iframeStyle } from './styles';
+export const iframeStyle = css`
+  height: 100%;
+  width: 100%;
+  border: 0;
+`;
 
 interface PluginHostProps {
   extraIframeStyles?: SerializedStyles[];
@@ -19,6 +23,11 @@ interface PluginHostProps {
   shell?: Shell;
 }
 
+function resetIframe(iframeDoc: Document) {
+  iframeDoc.head.innerHTML = '';
+  iframeDoc.body.innerHTML = '';
+}
+
 /** Binds closures around Composer client code to plugin iframe's window object */
 function attachPluginAPI(win: Window, type: PluginType, shell?: object) {
   const api = { ...PluginAPI[type], ...PluginAPI.auth };
@@ -45,20 +54,35 @@ function injectScript(doc: Document, id: string, src: string, async: boolean, on
  */
 export const PluginHost: React.FC<PluginHostProps> = (props) => {
   const targetRef = useRef<HTMLIFrameElement>(null);
-  const [isLoaded, setIsLoaded] = useState(false);
   const { extraIframeStyles = [], pluginType, pluginName, bundleId, shell } = props;
 
+  const loadBundle = (name: string, bundle: string, type: PluginType) => {
+    const iframeWindow = targetRef.current?.contentWindow as Window;
+    const iframeDocument = targetRef.current?.contentDocument as Document;
+
+    attachPluginAPI(iframeWindow, type, shell);
+
+    //load the bundle for the specified plugin
+    const pluginScriptId = `plugin-${type}-${name}`;
+    const bundleUri = `/api/extensions/${name}/${bundle}`;
+    // If plugin bundles end up being too large and block the client thread due to the load, enable the async flag on this call
+    injectScript(iframeDocument, pluginScriptId, bundleUri, false);
+  };
+
   useEffect(() => {
     // renders the plugin's UI inside of the iframe
-    if (pluginName && pluginType) {
-      const iframeDocument = targetRef.current?.contentDocument as Document;
+    if (pluginName && pluginType && targetRef.current) {
+      const iframeDocument = targetRef.current.contentDocument as Document;
+
+      // cleanup
+      resetIframe(iframeDocument);
 
-      // // load the preload script to setup the plugin API
+      // load the preload script to setup the plugin API
       injectScript(iframeDocument, 'preload-bundle', '/plugin-host-preload.js', false);
 
       const onPreloaded = (ev) => {
         if (ev.data === 'host-preload-complete') {
-          setIsLoaded(true);
+          loadBundle(pluginName, bundleId, pluginType);
         }
       };
 
@@ -68,29 +92,15 @@ export const PluginHost: React.FC<PluginHostProps> = (props) => {
         window.removeEventListener('message', onPreloaded);
       };
     }
-  }, [pluginName, pluginType, bundleId, targetRef]);
-
-  useEffect(() => {
-    if (isLoaded && pluginType && pluginName && bundleId) {
-      const iframeWindow = targetRef.current?.contentWindow as Window;
-      const iframeDocument = targetRef.current?.contentDocument as Document;
-
-      attachPluginAPI(iframeWindow, pluginType, shell);
-
-      //load the bundle for the specified plugin
-      const pluginScriptId = `plugin-${pluginType}-${pluginName}`;
-      const bundleUri = `/api/extensions/${pluginName}/${bundleId}`;
-      // If plugin bundles end up being too large and block the client thread due to the load, enable the async flag on this call
-      injectScript(iframeDocument, pluginScriptId, bundleUri, false);
-    }
-  }, [isLoaded]);
+  }, [pluginName, pluginType, bundleId]);
 
   // sync the shell to the iframe store when shell changes
   useEffect(() => {
-    if (isLoaded && targetRef.current) {
-      targetRef.current.contentWindow?.Composer.sync(shell);
+    const frameApi = targetRef.current?.contentWindow?.Composer;
+    if (frameApi && typeof frameApi.sync === 'function') {
+      frameApi.sync(shell);
     }
-  }, [isLoaded, shell]);
+  }, [shell]);
 
-  return <iframe ref={targetRef} css={[iframeStyle, ...extraIframeStyles]} title={`${pluginName} host`}></iframe>;
+  return <iframe ref={targetRef} css={[iframeStyle, ...extraIframeStyles]} title={`${pluginName} host`} />;
 };
diff --git a/Composer/packages/client/src/components/PluginHost/styles.ts b/Composer/packages/client/src/components/PluginHost/styles.ts
deleted file mode 100644
index 0d5314c988..0000000000
--- a/Composer/packages/client/src/components/PluginHost/styles.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-import { css } from '@emotion/core';
-
-export const iframeStyle = css`
-  height: 100%;
-  width: 100%;
-  border: 0;
-`;
diff --git a/Composer/packages/client/src/pages/publish/createPublishTarget.tsx b/Composer/packages/client/src/pages/publish/createPublishTarget.tsx
index f897f60595..bfe636056a 100644
--- a/Composer/packages/client/src/pages/publish/createPublishTarget.tsx
+++ b/Composer/packages/client/src/pages/publish/createPublishTarget.tsx
@@ -65,12 +65,8 @@ const CreatePublishTarget: React.FC<CreatePublishTargetProps> = (props) => {
     }
   };
 
-  const instructions: string | undefined = useMemo((): string | undefined => {
-    return targetType ? props.types.find((t) => t.name === targetType)?.instructions : '';
-  }, [props.targets, targetType]);
-
-  const schema = useMemo(() => {
-    return targetType ? props.types.find((t) => t.name === targetType)?.schema : undefined;
+  const selectedTarget = useMemo(() => {
+    return props.types.find((t) => t.name === targetType);
   }, [props.targets, targetType]);
 
   const targetBundleId = useMemo(() => {
@@ -107,34 +103,34 @@ const CreatePublishTarget: React.FC<CreatePublishTargetProps> = (props) => {
   };
 
   const publishTargetContent = useMemo(() => {
-    if (targetBundleId && targetType) {
+    if (selectedTarget?.bundleId) {
       // render custom plugin view
       return (
         <PluginHost
-          bundleId={targetBundleId}
+          bundleId={selectedTarget.bundleId}
           extraIframeStyles={[customPublishUISurface]}
-          pluginName={targetType}
+          pluginName={selectedTarget.extensionId}
           pluginType="publish"
-        ></PluginHost>
+        />
       );
     }
     // render default instruction / schema editor view
     return (
       <Fragment>
-        {instructions && <p>{instructions}</p>}
+        {selectedTarget?.instructions && <p>{selectedTarget?.instructions}</p>}
         <div css={label}>{formatMessage('Publish Configuration')}</div>
         <JsonEditor
           key={targetType}
           editorSettings={userSettings.codeEditor}
           height={200}
-          schema={schema}
+          schema={selectedTarget?.schema}
           value={config}
           onChange={updateConfig}
         />
         <button hidden disabled={saveDisabled} type="submit" />
       </Fragment>
     );
-  }, [targetType, instructions, schema, targetBundleId, saveDisabled]);
+  }, [selectedTarget, targetType, saveDisabled]);
 
   return (
     <Fragment>
diff --git a/Composer/packages/client/src/recoilModel/types.ts b/Composer/packages/client/src/recoilModel/types.ts
index 4659e14df8..000d0440e2 100644
--- a/Composer/packages/client/src/recoilModel/types.ts
+++ b/Composer/packages/client/src/recoilModel/types.ts
@@ -30,6 +30,7 @@ export interface StorageFolder extends File {
 export interface PublishType {
   name: string;
   description: string;
+  extensionId: string;
   bundleId?: string;
   instructions?: string;
   schema?: JSONSchema7;
diff --git a/Composer/packages/extension/package.json b/Composer/packages/extension/package.json
index fd9df55fb3..6c47a6889e 100644
--- a/Composer/packages/extension/package.json
+++ b/Composer/packages/extension/package.json
@@ -16,7 +16,6 @@
     "@botframework-composer/test-utils": "*",
     "@types/express": "^4.17.6",
     "@types/fs-extra": "^9.0.1",
-    "@types/passport": "^1.0.3",
     "@types/path-to-regexp": "^1.7.0",
     "@types/tar": "^4.0.3",
     "json-schema": "^0.2.5",
@@ -25,6 +24,7 @@
   },
   "dependencies": {
     "@botframework-composer/types": "*",
+    "@types/passport": "^1.0.3",
     "debug": "^4.1.1",
     "fs-extra": "^9.0.1",
     "globby": "^11.0.0",
diff --git a/Composer/packages/extension/src/extensionContext.ts b/Composer/packages/extension/src/extensionContext.ts
index a4d247ed8f..ce41a505dc 100644
--- a/Composer/packages/extension/src/extensionContext.ts
+++ b/Composer/packages/extension/src/extensionContext.ts
@@ -70,18 +70,25 @@ class ExtensionContext {
 
   public async loadPlugin(name: string, description: string, thisPlugin: any) {
     log('Loading extension: %s', name);
-    const pluginRegistration = new ExtensionRegistration(this, name, description);
-    if (typeof thisPlugin.default === 'function') {
-      // the module exported just an init function
-      thisPlugin.default.call(null, pluginRegistration);
-    } else if (thisPlugin.default && thisPlugin.default.initialize) {
-      // the module exported an object with an initialize method
-      thisPlugin.default.initialize.call(null, pluginRegistration);
-    } else if (thisPlugin.initialize && typeof thisPlugin.initialize === 'function') {
-      // the module exported an object with an initialize method
-      thisPlugin.initialize.call(null, pluginRegistration);
-    } else {
-      throw new Error(formatMessage('Could not init plugin'));
+
+    try {
+      const pluginRegistration = new ExtensionRegistration(this, name, description);
+      if (typeof thisPlugin.default === 'function') {
+        // the module exported just an init function
+        await thisPlugin.default.call(null, pluginRegistration);
+      } else if (thisPlugin.default && thisPlugin.default.initialize) {
+        // the module exported an object with an initialize method
+        await thisPlugin.default.initialize.call(null, pluginRegistration);
+      } else if (thisPlugin.initialize && typeof thisPlugin.initialize === 'function') {
+        // the module exported an object with an initialize method
+        await thisPlugin.initialize.call(null, pluginRegistration);
+      } else {
+        throw new Error(formatMessage('Could not init plugin'));
+      }
+    } catch (err) {
+      log('Error loading extension: %s', name);
+      // eslint-disable-next-line no-console
+      console.error(err);
     }
   }
 
diff --git a/Composer/packages/extension/src/extensionRegistration.ts b/Composer/packages/extension/src/extensionRegistration.ts
index 1ce6e33cf4..e77f8e5b5e 100644
--- a/Composer/packages/extension/src/extensionRegistration.ts
+++ b/Composer/packages/extension/src/extensionRegistration.ts
@@ -58,12 +58,17 @@ export class ExtensionRegistration {
    * Publish related features
    *************************************************************************************/
   public async addPublishMethod(plugin: PublishPlugin) {
-    log('registering publish method', this.name);
-    this.context.extensions.publish[plugin.customName || this.name] = {
+    if (this.context.extensions.publish[plugin.name]) {
+      throw new Error(`Duplicate publish method. Cannot register publish method with name ${plugin.name}.`);
+    }
+
+    log('registering publish method', plugin.name);
+    this.context.extensions.publish[plugin.name] = {
       plugin: {
-        name: plugin.customName || this.name,
-        description: plugin.customDescription || this.description,
+        name: plugin.name,
+        description: plugin.description || this.description,
         instructions: plugin.instructions,
+        extensionId: this.name,
         bundleId: plugin.bundleId,
         schema: plugin.schema,
       },
diff --git a/Composer/packages/server/src/controllers/extensions.ts b/Composer/packages/server/src/controllers/extensions.ts
index 046c4a335a..cfcfbb906b 100644
--- a/Composer/packages/server/src/controllers/extensions.ts
+++ b/Composer/packages/server/src/controllers/extensions.ts
@@ -124,14 +124,21 @@ export async function getBundleForView(req: ExtensionViewBundleRequest, res: Res
   const extension = ExtensionManager.find(id);
 
   if (extension) {
-    const bundle = ExtensionManager.getBundle(id, bundleId);
-    if (bundle) {
-      res.sendFile(bundle);
-      return;
+    try {
+      const bundle = ExtensionManager.getBundle(id, bundleId);
+      if (bundle) {
+        res.sendFile(bundle);
+        return;
+      }
+    } catch (err) {
+      if (err.message && err.message.includes('not found')) {
+        res.status(404).json({ error: 'bundle not found' });
+        return;
+      }
     }
   }
 
-  res.status(404).json({ error: 'extension or bundle not found' });
+  res.status(404).json({ error: 'extension not found' });
 }
 
 export async function performExtensionFetch(req: ExtensionFetchRequest, res: Response) {
diff --git a/Composer/packages/server/src/controllers/publisher.ts b/Composer/packages/server/src/controllers/publisher.ts
index 86bdac48c6..a2a6cb1918 100644
--- a/Composer/packages/server/src/controllers/publisher.ts
+++ b/Composer/packages/server/src/controllers/publisher.ts
@@ -20,6 +20,7 @@ export const PublishController = {
             description: plugin.description,
             instructions: plugin.instructions,
             schema: plugin.schema,
+            extensionId: plugin.extensionId,
             bundleId: plugin.bundleId,
             features: {
               history: typeof methods.history === 'function',
diff --git a/Composer/packages/types/package.json b/Composer/packages/types/package.json
index 1e20041ea8..7c43e4c84d 100644
--- a/Composer/packages/types/package.json
+++ b/Composer/packages/types/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@botframework-composer/types",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Shared types for Botframework Composer..",
   "main": "lib/index.js",
   "files": [
@@ -15,10 +15,10 @@
   "author": "andy.brown@microsoft.com",
   "license": "MIT",
   "dependencies": {
+    "@types/express": "^4.16.1",
     "json-schema": "^0.2.5"
   },
   "devDependencies": {
-    "@types/express": "^4.16.1",
     "eslint": "7.0.0",
     "rimraf": "^3.0.2",
     "typescript": "^3.8.3"
diff --git a/Composer/packages/types/src/extension.ts b/Composer/packages/types/src/extension.ts
index d726c7f2b9..ff285ebae7 100644
--- a/Composer/packages/types/src/extension.ts
+++ b/Composer/packages/types/src/extension.ts
@@ -87,6 +87,7 @@ export type ExtensionCollection = {
       plugin: {
         name: string;
         description: string;
+        extensionId: string;
         /** (Optional instructions displayed in the UI) */
         instructions?: string;
         /** (Optional) Schema for publishing configuration. */
diff --git a/Composer/packages/types/src/publish.ts b/Composer/packages/types/src/publish.ts
index 2c99e3042c..c946fc659b 100644
--- a/Composer/packages/types/src/publish.ts
+++ b/Composer/packages/types/src/publish.ts
@@ -24,6 +24,9 @@ export type PublishResponse = {
 
 // TODO: Add types for project, metadata
 export type PublishPlugin<Config = any> = {
+  name: string;
+  description: string;
+
   // methods plugins should support
   publish: (config: Config, project: IBotProject, metadata: any, user?: UserIdentity) => Promise<PublishResponse>;
   getStatus?: (config: Config, project: IBotProject, user?: UserIdentity) => Promise<PublishResponse>;
@@ -38,8 +41,6 @@ export type PublishPlugin<Config = any> = {
   // other properties
   schema?: JSONSchema7;
   instructions?: string;
-  customName?: string;
-  customDescription?: string;
   bundleId?: string;
   [key: string]: any;
 };
diff --git a/Composer/scripts/compileExtensions.js b/Composer/scripts/compileExtensions.js
index 43dc9f9043..19f351dfe1 100644
--- a/Composer/scripts/compileExtensions.js
+++ b/Composer/scripts/compileExtensions.js
@@ -47,7 +47,7 @@ const getLastModified = (files = []) => {
 
   for (const f of files) {
     // returns last modified date of file in ISO 8601 format
-    const gitTimestamp = execSync(`git log -1 --pretty="%cI" ${f}`).toString().trim();
+    const gitTimestamp = execSync(`git log -1 --pretty="%cI" "${f}"`).toString().trim();
     const timestamp = new Date(gitTimestamp);
     if (timestamp > last) {
       last = timestamp;
diff --git a/extensions/.prettierrc b/extensions/.prettierrc
new file mode 100644
index 0000000000..26b0b5ab92
--- /dev/null
+++ b/extensions/.prettierrc
@@ -0,0 +1,7 @@
+{
+  "printWidth": 120,
+  "parser": "typescript",
+  "singleQuote": true,
+  "tabWidth": 2,
+  "endOfLine": "auto"
+}
diff --git a/extensions/authTest/index.js b/extensions/authTest/index.js
index 701e804b14..8ae7379fd1 100644
--- a/extensions/authTest/index.js
+++ b/extensions/authTest/index.js
@@ -4,11 +4,11 @@
 const LocalStrategy = require('passport-local').Strategy;
 
 module.exports = {
-  initialize: composer => {
+  initialize: (composer) => {
     console.log('Register auth plugin');
 
     composer.usePassportStrategy(
-      new LocalStrategy(function(username, password, done) {
+      new LocalStrategy(function (username, password, done) {
         if (username === 'admin' && password === 'secret') {
           done(null, {
             name: 'admin',
diff --git a/extensions/azurePublish/src/index.ts b/extensions/azurePublish/src/index.ts
index 59c8eec129..ee94004024 100644
--- a/extensions/azurePublish/src/index.ts
+++ b/extensions/azurePublish/src/index.ts
@@ -6,8 +6,8 @@ import path from 'path';
 import { v4 as uuid } from 'uuid';
 import md5 from 'md5';
 import { copy, rmdir, emptyDir, readJson, pathExists, writeJson, mkdirSync, writeFileSync } from 'fs-extra';
-import { IBotProject } from '@botframework-composer/types';
-import { JSONSchema7 } from '@bfc/extension';
+import { IBotProject, PublishPlugin } from '@botframework-composer/types';
+import { JSONSchema7, ExtensionRegistration } from '@bfc/extension';
 import { Debugger } from 'debug';
 
 import { mergeDeep } from './mergeDeep';
@@ -37,8 +37,8 @@ interface PublishConfig {
 }
 
 // Wrap the entire class definition in the export so the composer object can be available to it
-export default async (composer: any): Promise<void> => {
-  class AzurePublisher {
+export default async (composer: ExtensionRegistration): Promise<void> => {
+  class AzurePublisher implements PublishPlugin<PublishConfig> {
     private publishingBots: { [key: string]: any };
     private historyFilePath: string;
     private histories: any;
@@ -46,11 +46,11 @@ export default async (composer: any): Promise<void> => {
     private mode: string;
     public schema: JSONSchema7;
     public instructions: string;
-    public customName: string;
-    public customDescription: string;
+    public name: string;
+    public description: string;
     public logger: Debugger;
 
-    constructor(mode?: string, customName?: string, customDescription?: string) {
+    constructor(mode: string, name: string, description?: string) {
       this.histories = {};
       this.historyFilePath = path.resolve(__dirname, '../publishHistory.txt');
       if (PERSIST_HISTORY) {
@@ -61,8 +61,8 @@ export default async (composer: any): Promise<void> => {
       this.mode = mode || 'azurewebapp';
       this.schema = schema;
       this.instructions = instructions;
-      this.customName = customName;
-      this.customDescription = customDescription;
+      this.name = name;
+      this.description = description;
       this.logger = composer.log;
     }
 
@@ -95,7 +95,7 @@ export default async (composer: any): Promise<void> => {
       }
     }
 
-    private getHistory = async (botId: string, profileName: string) => {
+    private history = async (botId: string, profileName: string) => {
       if (this.histories && this.histories[botId] && this.histories[botId][profileName]) {
         return this.histories[botId][profileName];
       }
@@ -442,7 +442,7 @@ export default async (composer: any): Promise<void> => {
       if (status) {
         return status;
       } else {
-        const current = await this.getHistory(botId, profileName);
+        const current = await this.history(botId, profileName);
         if (current.length > 0) {
           return { status: current[0].status, result: { ...current[0] } };
         }
@@ -455,14 +455,14 @@ export default async (composer: any): Promise<void> => {
       }
     };
 
-    history = async (config: PublishConfig, project: IBotProject, user) => {
+    getHistory = async (config: PublishConfig, project: IBotProject, user) => {
       const profileName = config.profileName;
       const botId = project.id;
-      return await this.getHistory(botId, profileName);
+      return await this.history(botId, profileName);
     };
   }
 
-  const azurePublish = new AzurePublisher();
+  const azurePublish = new AzurePublisher('azurewebapp', 'azurePublish', 'Publish bot to Azure (Preview)');
   const azureFunctionsPublish = new AzurePublisher(
     'azurefunctions',
     'azureFunctionsPublish',
diff --git a/extensions/githubAuth/index.js b/extensions/githubAuth/index.js
index d64760cbdf..fe6fe8d05d 100644
--- a/extensions/githubAuth/index.js
+++ b/extensions/githubAuth/index.js
@@ -7,7 +7,7 @@ const GitHubStrategy = require('passport-github').Strategy;
 const { GITHUB_CLIENT_ID, GITHUB_CLIENT_SECRET, BASE_URL } = require('./config.json');
 
 module.exports = {
-  initialize: composer => {
+  initialize: (composer) => {
     console.log('Register github auth plugin');
 
     composer.usePassportStrategy(
@@ -15,9 +15,9 @@ module.exports = {
         {
           clientID: GITHUB_CLIENT_ID,
           clientSecret: GITHUB_CLIENT_SECRET,
-          callbackURL: `${ BASE_URL }/auth/github/callback`,
+          callbackURL: `${BASE_URL}/auth/github/callback`,
         },
-        function(accessToken, refreshToken, profile, cb) {
+        function (accessToken, refreshToken, profile, cb) {
           return cb(null, {
             id: profile.id,
             token: accessToken,
@@ -29,24 +29,25 @@ module.exports = {
 
     // define this BEFORE turning on the middleware...
     composer.addWebRoute('get', '/login', (req, res) => {
-      res.send('LOGIN REQUIRED! <a href="/auth/github">LOGIN WITH GITHUB HERE</a>')
+      res.send('LOGIN REQUIRED! <a href="/auth/github">LOGIN WITH GITHUB HERE</a>');
     });
 
-    composer.addWebRoute('get','/auth/github', composer.passport.authenticate('github'));
+    composer.addWebRoute('get', '/auth/github', composer.passport.authenticate('github'));
     composer.addWebRoute('get', '/logout', (req, res) => {
       req.logout();
-      res.redirect('/')
+      res.redirect('/');
     });
 
     composer.addWebRoute(
       'get',
       '/auth/github/callback',
       composer.passport.authenticate('github', { failureRedirect: '/login' }),
-      function(req, res) {
+      function (req, res) {
         console.log('login complete!');
         // Successful authentication, redirect home.
         res.redirect('/home');
-      });
+      }
+    );
 
     composer.addAllowedUrl('/logout');
     composer.addAllowedUrl('/auth/github');
diff --git a/extensions/localPublish/package.json b/extensions/localPublish/package.json
index 98517050b6..1f0e7c4ee8 100644
--- a/extensions/localPublish/package.json
+++ b/extensions/localPublish/package.json
@@ -10,6 +10,8 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
+    "@bfc/extension": "file:../../Composer/packages/extension",
+    "@botframework-composer/types": "latest",
     "adm-zip": "^0.4.14",
     "archiver": "^5.0.2",
     "globby": "^11.0.0",
diff --git a/extensions/localPublish/src/index.ts b/extensions/localPublish/src/index.ts
index cefb36dcd2..d1a7c85314 100644
--- a/extensions/localPublish/src/index.ts
+++ b/extensions/localPublish/src/index.ts
@@ -11,6 +11,8 @@ import archiver from 'archiver';
 import { v4 as uuid } from 'uuid';
 import AdmZip from 'adm-zip';
 import portfinder from 'portfinder';
+import { PublishPlugin } from '@botframework-composer/types';
+import { ExtensionRegistration } from '@bfc/extension';
 
 const stat = promisify(fs.stat);
 const readDir = promisify(fs.readdir);
@@ -36,12 +38,14 @@ interface PublishConfig {
 
 const isWin = process.platform === 'win32';
 
-class LocalPublisher {
+class LocalPublisher implements PublishPlugin<PublishConfig> {
+  public name = 'localPublisher';
+  public description = 'Publish bot to local runtime';
   static runningBots: { [key: string]: RunningBot } = {};
   private readonly baseDir = path.resolve(__dirname, '../');
-  private composer: any;
+  private composer: ExtensionRegistration;
 
-  constructor(composer: any) {
+  constructor(composer: ExtensionRegistration) {
     this.composer = composer;
   }
 
@@ -72,14 +76,16 @@ class LocalPublisher {
           this.getBotRuntimeDir(botId),
           project.fileStorage,
           this.getManifestSrcDir(project.dataDir),
-          project.fileStorage
+          project.fileStorage,
+          'azurewebapp'
         );
       } else if (project.settings.runtime.path && project.settings.runtime.command) {
         await runtime.setSkillManifest(
           project.settings.runtime.path,
           project.fileStorage,
           this.getManifestSrcDir(project.dataDir),
-          project.fileStorage
+          project.fileStorage,
+          'azurewebapp'
         );
       } else {
         throw new Error('Custom runtime settings are incomplete. Please specify path and command.');
@@ -105,7 +111,10 @@ class LocalPublisher {
     this.composer.log('Starting publish');
 
     // set the running bot status
-    this.setBotStatus(botId, { status: 202, result: { message: 'Reloading...' } });
+    this.setBotStatus(botId, {
+      status: 202,
+      result: { message: 'Reloading...' },
+    });
 
     try {
       // start or restart the bot process
@@ -395,13 +404,19 @@ class LocalPublisher {
     child.on('exit', (code) => {
       if (code !== 0) {
         logger('error on exit: %s, exit code %d', erroutput, code);
-        this.setBotStatus(botId, { status: 500, result: { message: erroutput } });
+        this.setBotStatus(botId, {
+          status: 500,
+          result: { message: erroutput },
+        });
       }
     });
 
     child.on('error', (err) => {
       logger('error: %s', err.message);
-      this.setBotStatus(botId, { status: 500, result: { message: err.message } });
+      this.setBotStatus(botId, {
+        status: 500,
+        result: { message: err.message },
+      });
     });
 
     child.on('message', (msg) => {
@@ -420,14 +435,20 @@ class LocalPublisher {
     if (fs.existsSync(dstPath)) {
       await removeFile(dstPath);
     }
-    const files = await glob('**/*', { cwd: srcDir, dot: true, ignore: ['runtime'] });
+    const files = await glob('**/*', {
+      cwd: srcDir,
+      dot: true,
+      ignore: ['runtime'],
+    });
     return new Promise((resolve, reject) => {
       const archive = archiver('zip');
       const output = fs.createWriteStream(dstPath);
       archive.pipe(output);
 
       for (const file of files) {
-        archive.append(fs.createReadStream(path.join(srcDir, file)), { name: file });
+        archive.append(fs.createReadStream(path.join(srcDir, file)), {
+          name: file,
+        });
       }
       archive.finalize();
       output.on('close', () => resolve(dstPath));
@@ -501,7 +522,7 @@ class LocalPublisher {
   };
 }
 
-export default async (composer: any): Promise<void> => {
+export default async (composer: ExtensionRegistration): Promise<void> => {
   const publisher = new LocalPublisher(composer);
   // register this publishing method with Composer
   await composer.addPublishMethod(publisher);
diff --git a/extensions/mockRemotePublish/src/index.ts b/extensions/mockRemotePublish/src/index.ts
index 1ee87e60c2..98106a8957 100644
--- a/extensions/mockRemotePublish/src/index.ts
+++ b/extensions/mockRemotePublish/src/index.ts
@@ -25,6 +25,9 @@ class LocalPublisher implements PublishPlugin<PublishConfig> {
   private data: { [botId: string]: LocalPublishData };
   private composer: ExtensionRegistration;
   public schema: JSONSchema7;
+  public name = 'mockRemotePublish';
+  public description = 'Publish bot to mock remote';
+
   constructor(composer: ExtensionRegistration) {
     this.data = {};
     this.composer = composer;
diff --git a/extensions/mongoStorage/src/index.ts b/extensions/mongoStorage/src/index.ts
index 8149fc7a49..7836e8dfe3 100644
--- a/extensions/mongoStorage/src/index.ts
+++ b/extensions/mongoStorage/src/index.ts
@@ -51,23 +51,21 @@ class MongoStorage implements IFileStorage {
     if (!MongoStorage.db) {
       mongoose.connect('mongodb://localhost:27017/composer', {});
       MongoStorage.db = mongoose.connection;
-      MongoStorage.db.on('error', err => {
+      MongoStorage.db.on('error', (err) => {
         throw new Error(err);
       });
-      MongoStorage.db.once('open', function() {
+      MongoStorage.db.once('open', function () {
         // we're connected!
         // eslint-disable-next-line no-console
         // console.log('CONNECTED TO MONGO');
       });
 
       MongoStorage.files = mongoose.model('file', fileSchema, 'files');
-
     }
 
     if (user) {
       this._user = user;
     }
-
   }
 
   async stat(path: string): Promise<any> {
@@ -155,7 +153,7 @@ class MongoStorage implements IFileStorage {
         } else {
           // strip off the path, leaving just the filename
           resolve(
-            files.map(item => {
+            files.map((item) => {
               return item.path.replace(path, '');
             })
           );
@@ -202,7 +200,7 @@ class MongoStorage implements IFileStorage {
     path = cleanPath(path);
 
     return new Promise((resolve, reject) => {
-      MongoStorage.files.deleteOne({ path: path }, err => {
+      MongoStorage.files.deleteOne({ path: path }, (err) => {
         if (err) {
           reject(err);
         } else {
@@ -269,7 +267,7 @@ class MongoStorage implements IFileStorage {
         } else {
           // strip off the path, leaving just the filename
           resolve(
-            files.map(item => {
+            files.map((item) => {
               return item.path.replace(path, '');
             })
           );
@@ -311,4 +309,4 @@ class MongoStorage implements IFileStorage {
 export default async (composer: any): Promise<void> => {
   // pass in the custom storage class that will override the default
   await composer.useStorage(MongoStorage);
-}
\ No newline at end of file
+};
diff --git a/extensions/publishTest/index.js b/extensions/publishTest/index.js
deleted file mode 100644
index 4a0eca2ac0..0000000000
--- a/extensions/publishTest/index.js
+++ /dev/null
@@ -1,21 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-
-const publishMethod = {
-  publish: async (config, project, user) => {
-    console.log('PUBLISH ', config, user);
-    return {
-      status: 200,
-      message: 'successfully published',
-    }
-  },
-  getStatus: async config => {},
-  history: async config => {},
-  rollback: async (config, versionId) => {},
-}
-
-module.exports = {
-  initialize: composer => {
-    composer.addPublishMethod(publishMethod);
-  }
-};
diff --git a/extensions/publishTest/package.json b/extensions/publishTest/package.json
deleted file mode 100644
index 1cba407cf1..0000000000
--- a/extensions/publishTest/package.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "name": "publishtest",
-  "version": "1.0.0",
-  "description": "",
-  "main": "index.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "composer": {
-    "enabled": false
-  },
-  "author": "",
-  "license": "ISC"
-}
diff --git a/extensions/sample-ui-plugin/README.md b/extensions/sample-ui-plugin/README.md
index f9b56db788..899a7f2a0a 100644
--- a/extensions/sample-ui-plugin/README.md
+++ b/extensions/sample-ui-plugin/README.md
@@ -202,7 +202,7 @@ As an example, let's create our NodeJS module:
 // this will be called by Composer
 function initialize(registration) {
   const plugin = {
-    customDescription: 'Publish using custom UI',
+    description: 'Publish using custom UI',
     hasView: true, // we have custom UI to host
     publish,
     getStatus,
diff --git a/extensions/sample-ui-plugin/package.json b/extensions/sample-ui-plugin/package.json
index 82453956e2..9bbe3c3989 100644
--- a/extensions/sample-ui-plugin/package.json
+++ b/extensions/sample-ui-plugin/package.json
@@ -13,7 +13,11 @@
     "bundles": [
       {
         "id": "publish",
-        "path": "dist/publish.js"
+        "path": "dist/publish1.js"
+      },
+      {
+        "id": "publish2",
+        "path": "dist/publish2.js"
       },
       {
         "id": "page",
@@ -25,6 +29,9 @@
         "publish": [
           {
             "bundleId": "publish"
+          },
+          {
+            "bundleId": "publish2"
           }
         ],
         "pages": [
@@ -39,6 +46,7 @@
   },
   "main": "dist/index.js",
   "dependencies": {
+    "@bfc/extension": "file:../../Composer/packages/extension",
     "@bfc/extension-client": "file:../../Composer/packages/extension-client",
     "@fluentui/react": "^7.145.0",
     "emotion": "^10.0.27",
@@ -47,6 +55,7 @@
   },
   "devDependencies": {
     "@types/node": "^14.6.2",
+    "@types/react": "^16.9.53",
     "rimraf": "^3.0.2",
     "ts-loader": "^8.0.0",
     "typescript": "^3.9.6",
diff --git a/extensions/sample-ui-plugin/src/client/publish/main.tsx b/extensions/sample-ui-plugin/src/client/publish/main.tsx
index 4865439411..cf7a71f5c2 100644
--- a/extensions/sample-ui-plugin/src/client/publish/main.tsx
+++ b/extensions/sample-ui-plugin/src/client/publish/main.tsx
@@ -1,13 +1,12 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 
-import * as React from 'react';
-import { useEffect, useCallback, useState } from 'react';
+import React, { useEffect, useCallback, useState } from 'react';
 import { setConfigIsValid, setPublishConfig, useConfigBeingEdited } from '@bfc/extension-client';
 
 import { column, label, publishRoot, textField } from '../styles';
 
-export const Main: React.FC<{}> = (props) => {
+export const Main: React.FC<{ title: string }> = (props) => {
   const [configBeingEdited] = useConfigBeingEdited();
   const [val1, setVal1] = useState(configBeingEdited ? configBeingEdited.val1 : '');
   const [val2, setVal2] = useState(configBeingEdited ? configBeingEdited.val2 : '');
@@ -36,6 +35,7 @@ export const Main: React.FC<{}> = (props) => {
 
   return (
     <div className={publishRoot}>
+      <h3>{props.title}</h3>
       <div className={column}>
         <label className={label} htmlFor={'val1'}>
           Value 1
diff --git a/extensions/sample-ui-plugin/src/client/publish/index.tsx b/extensions/sample-ui-plugin/src/client/publish/publish1.tsx
similarity index 84%
rename from extensions/sample-ui-plugin/src/client/publish/index.tsx
rename to extensions/sample-ui-plugin/src/client/publish/publish1.tsx
index c6d08f8703..38d503d44c 100644
--- a/extensions/sample-ui-plugin/src/client/publish/index.tsx
+++ b/extensions/sample-ui-plugin/src/client/publish/publish1.tsx
@@ -6,4 +6,4 @@ import { render } from '@bfc/extension-client';
 
 import { Main } from './main';
 
-render(<Main />);
+render(<Main title="Publish 1" />);
diff --git a/extensions/sample-ui-plugin/src/client/publish/publish2.tsx b/extensions/sample-ui-plugin/src/client/publish/publish2.tsx
new file mode 100644
index 0000000000..9ab600bc95
--- /dev/null
+++ b/extensions/sample-ui-plugin/src/client/publish/publish2.tsx
@@ -0,0 +1,9 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+
+import * as React from 'react';
+import { render } from '@bfc/extension-client';
+
+import { Main } from './main';
+
+render(<Main title="Publish 2" />);
diff --git a/extensions/sample-ui-plugin/src/node/index.ts b/extensions/sample-ui-plugin/src/node/index.ts
index a5e7d8de20..3257526b49 100644
--- a/extensions/sample-ui-plugin/src/node/index.ts
+++ b/extensions/sample-ui-plugin/src/node/index.ts
@@ -1,15 +1,26 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 
+import { ExtensionRegistration } from '@bfc/extension';
+
 // this will be called by composer
-function initialize(registration) {
-  const plugin = {
-    customDescription: 'Publish using custom UI',
+function initialize(registration: ExtensionRegistration) {
+  const plugin1 = {
+    name: 'samplePublishPlugin1',
+    description: 'Publish using custom UI',
     bundleId: 'publish' /** we have custom UI to host */,
     publish,
     getStatus,
   };
-  registration.addPublishMethod(plugin);
+  const plugin2 = {
+    name: 'samplePublishPlugin2',
+    description: 'Publish using custom UI (2)',
+    bundleId: 'publish2' /** we have custom UI to host */,
+    publish,
+    getStatus,
+  };
+  registration.addPublishMethod(plugin1);
+  registration.addPublishMethod(plugin2);
 }
 
 async function getStatus(config, project, user) {
@@ -18,7 +29,7 @@ async function getStatus(config, project, user) {
     result: {
       time: new Date(),
       message: 'Publish successful.',
-      log: [],
+      log: '',
     },
   };
   return response;
@@ -30,7 +41,7 @@ async function publish(config, project, metadata, user) {
     result: {
       time: new Date(),
       message: 'Publish accepted.',
-      log: [],
+      log: '',
       comment: metadata.comment,
     },
   };
diff --git a/extensions/sample-ui-plugin/tsconfig.node.json b/extensions/sample-ui-plugin/tsconfig.node.json
index 39120ebc55..6f139c8c86 100644
--- a/extensions/sample-ui-plugin/tsconfig.node.json
+++ b/extensions/sample-ui-plugin/tsconfig.node.json
@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "esModuleInterop": true,
     "outDir": "dist",
     "typeRoots" : ["./node_modules/@types"]
   },
diff --git a/extensions/sample-ui-plugin/webpack.config.js b/extensions/sample-ui-plugin/webpack.config.js
index 1eb8d3f021..aac3ceafbb 100644
--- a/extensions/sample-ui-plugin/webpack.config.js
+++ b/extensions/sample-ui-plugin/webpack.config.js
@@ -7,7 +7,8 @@ const path = require('path');
 module.exports = {
   entry: {
     page: './src/client/page/index.tsx',
-    publish: './src/client/publish/index.tsx',
+    publish1: './src/client/publish/publish1.tsx',
+    publish2: './src/client/publish/publish2.tsx',
   },
   mode: 'development',
   devtool: 'eval-source-map',
diff --git a/extensions/sample-ui-plugin/yarn.lock b/extensions/sample-ui-plugin/yarn.lock
index b2c21cf135..aca45b26ac 100644
--- a/extensions/sample-ui-plugin/yarn.lock
+++ b/extensions/sample-ui-plugin/yarn.lock
@@ -53,11 +53,25 @@
     debug "^4.1.1"
     lodash "^4.17.19"
 
+"@bfc/extension@file:../../Composer/packages/extension":
+  version "1.0.0"
+  dependencies:
+    "@botframework-composer/types" "*"
+    "@types/passport" "^1.0.3"
+    debug "^4.1.1"
+    fs-extra "^9.0.1"
+    globby "^11.0.0"
+    node-fetch "^2.6.1"
+    passport "^0.4.1"
+    path-to-regexp "^6.1.0"
+    tar "^6.0.5"
+
 "@botframework-composer/types@*":
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/@botframework-composer/types/-/types-0.0.1.tgz#117b86bf8e3bf43567471d436eb1c2f0ffcd6bb8"
-  integrity sha512-JmCTZpopfcCrso6S6Nj7v68OgVQgyzGd/MwQDU00ieZL29KM0TGL2T9TB+LKeUVfUw9ruJDA9K9stvPAaDErAQ==
+  version "0.0.2"
+  resolved "https://registry.yarnpkg.com/@botframework-composer/types/-/types-0.0.2.tgz#49a083df1afbfdf71a5e439eacfbae5ea550042e"
+  integrity sha512-fx9FJGM32C6BvCLPpkHuG4aH8PzL7A6CimEZNzPJX1nESPRQLQyrnMlE/wDPEDISr4VdfThExVMomuJbtxg1zg==
   dependencies:
+    "@types/express" "^4.16.1"
     json-schema "^0.2.5"
 
 "@emotion/cache@^10.0.27":
@@ -183,6 +197,71 @@
   resolved "https://registry.yarnpkg.com/@microsoft/load-themed-styles/-/load-themed-styles-1.10.109.tgz#75baf9732fbc9311bf8c238b4b122186d5133899"
   integrity sha512-SmMg0H0HiYfGRahbMeNpvZo6+eQ2+Er1oXzDdHGiNqNY/9lwnKRVL98GtN0kguQfSs2uRjxv3UB7B0+kAT4wIg==
 
+"@nodelib/fs.scandir@2.1.3":
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.3.tgz#3a582bdb53804c6ba6d146579c46e52130cf4a3b"
+  integrity sha512-eGmwYQn3gxo4r7jdQnkrrN6bY478C3P+a/y72IJukF8LjB6ZHeB3c+Ehacj3sYeSmUXGlnA67/PmbM9CVwL7Dw==
+  dependencies:
+    "@nodelib/fs.stat" "2.0.3"
+    run-parallel "^1.1.9"
+
+"@nodelib/fs.stat@2.0.3", "@nodelib/fs.stat@^2.0.2":
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.3.tgz#34dc5f4cabbc720f4e60f75a747e7ecd6c175bd3"
+  integrity sha512-bQBFruR2TAwoevBEd/NWMoAAtNGzTRgdrqnYCc7dhzfoNvqPzLyqlEQnzZ3kVnNrSp25iyxE00/3h2fqGAGArA==
+
+"@nodelib/fs.walk@^1.2.3":
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.4.tgz#011b9202a70a6366e436ca5c065844528ab04976"
+  integrity sha512-1V9XOY4rDW0rehzbrcqAmHnz8e7SKvX27gh8Gt2WgB0+pdzdiLV83p72kZPU+jvMbS1qU5mauP2iOvO8rhmurQ==
+  dependencies:
+    "@nodelib/fs.scandir" "2.1.3"
+    fastq "^1.6.0"
+
+"@types/body-parser@*":
+  version "1.19.0"
+  resolved "https://registry.yarnpkg.com/@types/body-parser/-/body-parser-1.19.0.tgz#0685b3c47eb3006ffed117cdd55164b61f80538f"
+  integrity sha512-W98JrE0j2K78swW4ukqMleo8R7h/pFETjM2DQ90MF6XK2i4LO4W3gQ71Lt4w3bfm2EvVSyWHplECvB5sK22yFQ==
+  dependencies:
+    "@types/connect" "*"
+    "@types/node" "*"
+
+"@types/connect@*":
+  version "3.4.33"
+  resolved "https://registry.yarnpkg.com/@types/connect/-/connect-3.4.33.tgz#31610c901eca573b8713c3330abc6e6b9f588546"
+  integrity sha512-2+FrkXY4zllzTNfJth7jOqEHC+enpLeGslEhpnTAkg21GkRrWV4SsAtqchtT4YS9/nODBU2/ZfsBY2X4J/dX7A==
+  dependencies:
+    "@types/node" "*"
+
+"@types/express-serve-static-core@*":
+  version "4.17.13"
+  resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.17.13.tgz#d9af025e925fc8b089be37423b8d1eac781be084"
+  integrity sha512-RgDi5a4nuzam073lRGKTUIaL3eF2+H7LJvJ8eUnCI0wA6SNjXc44DCmWNiTLs/AZ7QlsFWZiw/gTG3nSQGL0fA==
+  dependencies:
+    "@types/node" "*"
+    "@types/qs" "*"
+    "@types/range-parser" "*"
+
+"@types/express@*", "@types/express@^4.16.1":
+  version "4.17.8"
+  resolved "https://registry.yarnpkg.com/@types/express/-/express-4.17.8.tgz#3df4293293317e61c60137d273a2e96cd8d5f27a"
+  integrity sha512-wLhcKh3PMlyA2cNAB9sjM1BntnhPMiM0JOBwPBqttjHev2428MLEB4AYVN+d8s2iyCVZac+o41Pflm/ZH5vLXQ==
+  dependencies:
+    "@types/body-parser" "*"
+    "@types/express-serve-static-core" "*"
+    "@types/qs" "*"
+    "@types/serve-static" "*"
+
+"@types/mime@*":
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/@types/mime/-/mime-2.0.3.tgz#c893b73721db73699943bfc3653b1deb7faa4a3a"
+  integrity sha512-Jus9s4CDbqwocc5pOAnh8ShfrnMcPHuJYzVcSUU7lrh8Ni5HuIqX3oilL86p3dlTrk0LzHRCgA/GQ7uNCw6l2Q==
+
+"@types/node@*":
+  version "14.11.10"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-14.11.10.tgz#8c102aba13bf5253f35146affbf8b26275069bef"
+  integrity sha512-yV1nWZPlMFpoXyoknm4S56y2nlTAuFYaJuQtYRAOU7xA/FJ9RY0Xm7QOkaYMMmr8ESdHIuUb6oQgR/0+2NqlyA==
+
 "@types/node@^14.6.2":
   version "14.6.2"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-14.6.2.tgz#264b44c5a28dfa80198fc2f7b6d3c8a054b9491f"
@@ -193,6 +272,44 @@
   resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0"
   integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==
 
+"@types/passport@^1.0.3":
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/@types/passport/-/passport-1.0.4.tgz#1b35c4e197560d3974fa5f71711b6e9cce0711f0"
+  integrity sha512-h5OfAbfBBYSzjeU0GTuuqYEk9McTgWeGQql9g3gUw2/NNCfD7VgExVRYJVVeU13Twn202Mvk9BT0bUrl30sEgA==
+  dependencies:
+    "@types/express" "*"
+
+"@types/prop-types@*":
+  version "15.7.3"
+  resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.3.tgz#2ab0d5da2e5815f94b0b9d4b95d1e5f243ab2ca7"
+  integrity sha512-KfRL3PuHmqQLOG+2tGpRO26Ctg+Cq1E01D2DMriKEATHgWLfeNDmq9e29Q9WIky0dQ3NPkd1mzYH8Lm936Z9qw==
+
+"@types/qs@*":
+  version "6.9.5"
+  resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.5.tgz#434711bdd49eb5ee69d90c1d67c354a9a8ecb18b"
+  integrity sha512-/JHkVHtx/REVG0VVToGRGH2+23hsYLHdyG+GrvoUGlGAd0ErauXDyvHtRI/7H7mzLm+tBCKA7pfcpkQ1lf58iQ==
+
+"@types/range-parser@*":
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.3.tgz#7ee330ba7caafb98090bece86a5ee44115904c2c"
+  integrity sha512-ewFXqrQHlFsgc09MK5jP5iR7vumV/BYayNC6PgJO2LPe8vrnNFyjQjSppfEngITi0qvfKtzFvgKymGheFM9UOA==
+
+"@types/react@^16.9.53":
+  version "16.9.53"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-16.9.53.tgz#40cd4f8b8d6b9528aedd1fff8fcffe7a112a3d23"
+  integrity sha512-4nW60Sd4L7+WMXH1D6jCdVftuW7j4Za6zdp6tJ33Rqv0nk1ZAmQKML9ZLD4H0dehA3FZxXR/GM8gXplf82oNGw==
+  dependencies:
+    "@types/prop-types" "*"
+    csstype "^3.0.2"
+
+"@types/serve-static@*":
+  version "1.13.5"
+  resolved "https://registry.yarnpkg.com/@types/serve-static/-/serve-static-1.13.5.tgz#3d25d941a18415d3ab092def846e135a08bbcf53"
+  integrity sha512-6M64P58N+OXjU432WoLLBQxbA0LRGBCRm7aAGQJ+SMC1IMl0dgRVi9EFfoDcS2a7Xogygk/eGN94CfwU9UF7UQ==
+  dependencies:
+    "@types/express-serve-static-core" "*"
+    "@types/mime" "*"
+
 "@uifabric/foundation@^7.9.10":
   version "7.9.10"
   resolved "https://registry.yarnpkg.com/@uifabric/foundation/-/foundation-7.9.10.tgz#3855fe1490e20eb2ac5c8bfb428d7488dd6989bf"
@@ -489,6 +606,11 @@ arr-union@^3.1.0:
   resolved "https://registry.yarnpkg.com/arr-union/-/arr-union-3.1.0.tgz#e39b09aea9def866a8f206e288af63919bae39c4"
   integrity sha1-45sJrqne+Gao8gbiiK9jkZuuOcQ=
 
+array-union@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
+  integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
+
 array-unique@^0.3.2:
   version "0.3.2"
   resolved "https://registry.yarnpkg.com/array-unique/-/array-unique-0.3.2.tgz#a894b75d4bc4f6cd679ef3244a9fd8f46ae2d428"
@@ -521,6 +643,11 @@ async-each@^1.0.1:
   resolved "https://registry.yarnpkg.com/async-each/-/async-each-1.0.3.tgz#b727dbf87d7651602f06f4d4ac387f47d91b0cbf"
   integrity sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ==
 
+at-least-node@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/at-least-node/-/at-least-node-1.0.0.tgz#602cd4b46e844ad4effc92a8011a3c46e0238dc2"
+  integrity sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==
+
 atob@^2.1.2:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
@@ -831,6 +958,11 @@ chownr@^1.1.1:
   resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.4.tgz#6fc9d7b42d32a583596337666e7d08084da2cc6b"
   integrity sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==
 
+chownr@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/chownr/-/chownr-2.0.0.tgz#15bfbe53d2eab4cf70f18a8cd68ebe5b3cb1dece"
+  integrity sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==
+
 chrome-trace-event@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.2.tgz#234090ee97c7d4ad1a2c4beae27505deffc608a4"
@@ -1039,6 +1171,11 @@ csstype@^2.5.7:
   resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.13.tgz#a6893015b90e84dd6e85d0e3b442a1e84f2dbe0f"
   integrity sha512-ul26pfSQTZW8dcOnD2iiJssfXw0gdNVX9IJDH/X3K5DGPfj+fUYe3kB+swUY6BF3oZDxaID3AJt+9/ojSAE05A==
 
+csstype@^3.0.2:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.0.3.tgz#2b410bbeba38ba9633353aff34b05d9755d065f8"
+  integrity sha512-jPl+wbWPOWJ7SXsWyqGRk3lGecbar0Cb0OvZF/r/ZU011R4YqiRehgkQ9p4eQfo9DSDLqLL3wHwfxeJiuIsNag==
+
 cyclist@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/cyclist/-/cyclist-1.0.1.tgz#596e9698fd0c80e12038c2b82d6eb1b35b6224d9"
@@ -1112,6 +1249,13 @@ diffie-hellman@^5.0.0:
     miller-rabin "^4.0.0"
     randombytes "^2.0.0"
 
+dir-glob@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-3.0.1.tgz#56dbf73d992a4a93ba1584f4534063fd2e41717f"
+  integrity sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==
+  dependencies:
+    path-type "^4.0.0"
+
 domain-browser@^1.1.1:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-1.2.0.tgz#3d31f50191a6749dd1375a7f522e823d42e54eda"
@@ -1280,11 +1424,30 @@ fast-deep-equal@^3.1.1:
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
   integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
 
+fast-glob@^3.1.1:
+  version "3.2.4"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.4.tgz#d20aefbf99579383e7f3cc66529158c9b98554d3"
+  integrity sha512-kr/Oo6PX51265qeuCYsyGypiO5uJFgBS0jksyG7FUeCyQzNwYnzrNIMR1NXfkZXsMYXYLRAHgISHBz8gQcxKHQ==
+  dependencies:
+    "@nodelib/fs.stat" "^2.0.2"
+    "@nodelib/fs.walk" "^1.2.3"
+    glob-parent "^5.1.0"
+    merge2 "^1.3.0"
+    micromatch "^4.0.2"
+    picomatch "^2.2.1"
+
 fast-json-stable-stringify@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
   integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
 
+fastq@^1.6.0:
+  version "1.8.0"
+  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.8.0.tgz#550e1f9f59bbc65fe185cb6a9b4d95357107f481"
+  integrity sha512-SMIZoZdLh/fgofivvIkmknUXyPnvxRE3DhtZ5Me3Mrsk5gyPL42F0xr51TdRXskBxHfMp+07bcYzfsYEsSQA9Q==
+  dependencies:
+    reusify "^1.0.4"
+
 figgy-pudding@^3.5.1:
   version "3.5.2"
   resolved "https://registry.yarnpkg.com/figgy-pudding/-/figgy-pudding-3.5.2.tgz#b4eee8148abb01dcf1d1ac34367d59e12fa61d6e"
@@ -1371,6 +1534,23 @@ from2@^2.1.0:
     inherits "^2.0.1"
     readable-stream "^2.0.0"
 
+fs-extra@^9.0.1:
+  version "9.0.1"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-9.0.1.tgz#910da0062437ba4c39fedd863f1675ccfefcb9fc"
+  integrity sha512-h2iAoN838FqAFJY2/qVpzFXy+EBxfVE220PalAqQLDVsFOHLJrZvut5puAbCdNv6WJk+B8ihI+k0c7JK5erwqQ==
+  dependencies:
+    at-least-node "^1.0.0"
+    graceful-fs "^4.2.0"
+    jsonfile "^6.0.1"
+    universalify "^1.0.0"
+
+fs-minipass@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/fs-minipass/-/fs-minipass-2.1.0.tgz#7f5036fdbf12c63c169190cbe4199c852271f9fb"
+  integrity sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==
+  dependencies:
+    minipass "^3.0.0"
+
 fs-write-stream-atomic@^1.0.8:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/fs-write-stream-atomic/-/fs-write-stream-atomic-1.0.10.tgz#b47df53493ef911df75731e70a9ded0189db40c9"
@@ -1417,7 +1597,7 @@ glob-parent@^3.1.0:
     is-glob "^3.1.0"
     path-dirname "^1.0.0"
 
-glob-parent@~5.1.0:
+glob-parent@^5.1.0, glob-parent@~5.1.0:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.1.tgz#b6c1ef417c4e5663ea498f1c45afac6916bbc229"
   integrity sha512-FnI+VGOpnlGHWZxthPGR+QhR78fuiK0sNLkHQv+bL9fQi57lNNdquIbna/WrfROrolq8GK5Ek6BiMwqL/voRYQ==
@@ -1472,7 +1652,19 @@ global-prefix@^3.0.0:
     kind-of "^6.0.2"
     which "^1.3.1"
 
-graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2:
+globby@^11.0.0:
+  version "11.0.1"
+  resolved "https://registry.yarnpkg.com/globby/-/globby-11.0.1.tgz#9a2bf107a068f3ffeabc49ad702c79ede8cfd357"
+  integrity sha512-iH9RmgwCmUJHi2z5o2l3eTtGBtXek1OYlHrbcxOYugyHLmAsZrPj43OtHThd62Buh/Vv6VyCBD2bdyWcGNQqoQ==
+  dependencies:
+    array-union "^2.1.0"
+    dir-glob "^3.0.1"
+    fast-glob "^3.1.1"
+    ignore "^5.1.4"
+    merge2 "^1.3.0"
+    slash "^3.0.0"
+
+graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0:
   version "4.2.4"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.4.tgz#2256bde14d3632958c465ebc96dc467ca07a29fb"
   integrity sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw==
@@ -1561,6 +1753,11 @@ iferr@^0.1.5:
   resolved "https://registry.yarnpkg.com/iferr/-/iferr-0.1.5.tgz#c60eed69e6d8fdb6b3104a1fcbca1c192dc5b501"
   integrity sha1-xg7taebY/bazEEofy8ocGS3FtQE=
 
+ignore@^5.1.4:
+  version "5.1.8"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.1.8.tgz#f150a8b50a34289b33e22f5889abd4d8016f0e57"
+  integrity sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==
+
 import-fresh@^3.1.0:
   version "3.2.1"
   resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.2.1.tgz#633ff618506e793af5ac91bf48b72677e15cbe66"
@@ -1809,6 +2006,15 @@ json5@^1.0.1:
   dependencies:
     minimist "^1.2.0"
 
+jsonfile@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.0.1.tgz#98966cba214378c8c84b82e085907b40bf614179"
+  integrity sha512-jR2b5v7d2vIOust+w3wtFKZIfpC2pnRmFAhAC/BuweZFQR8qZzxH1OyrQ10HmdVYiXWkYUqPVsz91cG7EL2FBg==
+  dependencies:
+    universalify "^1.0.0"
+  optionalDependencies:
+    graceful-fs "^4.1.6"
+
 kind-of@^3.0.2, kind-of@^3.0.3, kind-of@^3.2.0:
   version "3.2.2"
   resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-3.2.2.tgz#31ea21a734bab9bbb0f32466d893aea51e4a3c64"
@@ -1924,6 +2130,11 @@ memory-fs@^0.5.0:
     errno "^0.1.3"
     readable-stream "^2.0.1"
 
+merge2@^1.3.0:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
+  integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
+
 micromatch@^3.0.4, micromatch@^3.1.10, micromatch@^3.1.4:
   version "3.1.10"
   resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-3.1.10.tgz#70859bc95c9840952f359a068a3fc49f9ecfac23"
@@ -1943,7 +2154,7 @@ micromatch@^3.0.4, micromatch@^3.1.10, micromatch@^3.1.4:
     snapdragon "^0.8.1"
     to-regex "^3.0.2"
 
-micromatch@^4.0.0:
+micromatch@^4.0.0, micromatch@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.2.tgz#4fcb0999bf9fbc2fcbdd212f6d629b9a56c39259"
   integrity sha512-y7FpHSbMUMoyPbYUSzO6PaZ6FyRnQOpHuKwbo1G+Knck95XVU4QAiKdGEnj5wwoS7PlOgthX/09u5iFJ+aYf5Q==
@@ -1981,6 +2192,21 @@ minimist@^1.2.0, minimist@^1.2.5:
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602"
   integrity sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==
 
+minipass@^3.0.0:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/minipass/-/minipass-3.1.3.tgz#7d42ff1f39635482e15f9cdb53184deebd5815fd"
+  integrity sha512-Mgd2GdMVzY+x3IJ+oHnVM+KG3lA5c8tnabyJKmHSaG2kAGpudxuOf8ToDkhumF7UzME7DecbQE9uOZhNm7PuJg==
+  dependencies:
+    yallist "^4.0.0"
+
+minizlib@^2.1.1:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/minizlib/-/minizlib-2.1.2.tgz#e90d3466ba209b932451508a11ce3d3632145931"
+  integrity sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==
+  dependencies:
+    minipass "^3.0.0"
+    yallist "^4.0.0"
+
 mississippi@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/mississippi/-/mississippi-3.0.0.tgz#ea0a3291f97e0b5e8776b363d5f0a12d94c67022"
@@ -2012,6 +2238,11 @@ mkdirp@^0.5.1, mkdirp@^0.5.3:
   dependencies:
     minimist "^1.2.5"
 
+mkdirp@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
+  integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==
+
 move-concurrently@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/move-concurrently/-/move-concurrently-1.0.1.tgz#be2c005fda32e0b29af1f05d7c4b33214c701f92"
@@ -2066,6 +2297,11 @@ nice-try@^1.0.4:
   resolved "https://registry.yarnpkg.com/nice-try/-/nice-try-1.0.5.tgz#a3378a7696ce7d223e88fc9b764bd7ef1089e366"
   integrity sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==
 
+node-fetch@^2.6.1:
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.1.tgz#045bd323631f76ed2e2b55573394416b639a0052"
+  integrity sha512-V4aYg89jEoVRxRb2fJdAg8FHvI7cEyYdVAh94HH0UIK8oJxUfkjlDQN9RbMx+bEjP7+ggMiFRprSti032Oipxw==
+
 node-libs-browser@^2.2.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/node-libs-browser/-/node-libs-browser-2.2.1.tgz#b64f513d18338625f90346d27b0d235e631f6425"
@@ -2238,6 +2474,19 @@ pascalcase@^0.1.1:
   resolved "https://registry.yarnpkg.com/pascalcase/-/pascalcase-0.1.1.tgz#b363e55e8006ca6fe21784d2db22bd15d7917f14"
   integrity sha1-s2PlXoAGym/iF4TS2yK9FdeRfxQ=
 
+passport-strategy@1.x.x:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/passport-strategy/-/passport-strategy-1.0.0.tgz#b5539aa8fc225a3d1ad179476ddf236b440f52e4"
+  integrity sha1-tVOaqPwiWj0a0XlHbd8ja0QPUuQ=
+
+passport@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/passport/-/passport-0.4.1.tgz#941446a21cb92fc688d97a0861c38ce9f738f270"
+  integrity sha512-IxXgZZs8d7uFSt3eqNjM9NQ3g3uQCW5avD8mRNoXV99Yig50vjuaez6dQK2qC0kVWPRTujxY0dWgGfT09adjYg==
+  dependencies:
+    passport-strategy "1.x.x"
+    pause "0.0.1"
+
 path-browserify@0.0.1:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/path-browserify/-/path-browserify-0.0.1.tgz#e6c4ddd7ed3aa27c68a20cc4e50e1a4ee83bbc4a"
@@ -2268,11 +2517,21 @@ path-parse@^1.0.6:
   resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.6.tgz#d62dbb5679405d72c4737ec58600e9ddcf06d24c"
   integrity sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==
 
+path-to-regexp@^6.1.0:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-6.2.0.tgz#f7b3803336104c346889adece614669230645f38"
+  integrity sha512-f66KywYG6+43afgE/8j/GoiNyygk/bnoCbps++3ErRKsIYkGGupyv07R2Ok5m9i67Iqc+T2g1eAUGUPzWhYTyg==
+
 path-type@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
   integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
 
+pause@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/pause/-/pause-0.0.1.tgz#1d408b3fdb76923b9543d96fb4c9dfd535d9cb5d"
+  integrity sha1-HUCLP9t2kjuVQ9lvtMnf1TXZy10=
+
 pbkdf2@^3.0.3:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/pbkdf2/-/pbkdf2-3.1.1.tgz#cb8724b0fada984596856d1a6ebafd3584654b94"
@@ -2554,6 +2813,11 @@ ret@~0.1.10:
   resolved "https://registry.yarnpkg.com/ret/-/ret-0.1.15.tgz#b8a4825d5bdb1fc3f6f53c2bc33f81388681c7bc"
   integrity sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==
 
+reusify@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
+  integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
+
 rimraf@^2.5.4, rimraf@^2.6.3:
   version "2.7.1"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.7.1.tgz#35797f13a7fdadc566142c29d4f07ccad483e3ec"
@@ -2576,6 +2840,11 @@ ripemd160@^2.0.0, ripemd160@^2.0.1:
     hash-base "^3.0.0"
     inherits "^2.0.1"
 
+run-parallel@^1.1.9:
+  version "1.1.9"
+  resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.1.9.tgz#c9dd3a7cf9f4b2c4b6244e173a6ed866e61dd679"
+  integrity sha512-DEqnSRTDw/Tc3FXf49zedI638Z9onwUotBMiUFKmrO2sdFKIbXamXGQ3Axd4qgphxKB4kw/qP1w5kTxnfU1B9Q==
+
 run-queue@^1.0.0, run-queue@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/run-queue/-/run-queue-1.0.3.tgz#e848396f057d223f24386924618e25694161ec47"
@@ -2674,6 +2943,11 @@ shebang-regex@^1.0.0:
   resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-1.0.0.tgz#da42f49740c0b42db2ca9728571cb190c98efea3"
   integrity sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=
 
+slash@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
+  integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
+
 snapdragon-node@^2.0.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/snapdragon-node/-/snapdragon-node-2.1.1.tgz#6c175f86ff14bdb0724563e8f3c1b021a286853b"
@@ -2846,6 +3120,18 @@ tapable@^1.0.0, tapable@^1.1.3:
   resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"
   integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==
 
+tar@^6.0.5:
+  version "6.0.5"
+  resolved "https://registry.yarnpkg.com/tar/-/tar-6.0.5.tgz#bde815086e10b39f1dcd298e89d596e1535e200f"
+  integrity sha512-0b4HOimQHj9nXNEAA7zWwMM91Zhhba3pspja6sQbgTpynOJf+bkjBnfybNYzbpLbnwXnbyB4LOREvlyXLkCHSg==
+  dependencies:
+    chownr "^2.0.0"
+    fs-minipass "^2.0.0"
+    minipass "^3.0.0"
+    minizlib "^2.1.1"
+    mkdirp "^1.0.3"
+    yallist "^4.0.0"
+
 terser-webpack-plugin@^1.4.3:
   version "1.4.4"
   resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-1.4.4.tgz#2c63544347324baafa9a56baaddf1634c8abfc2f"
@@ -2987,6 +3273,11 @@ unique-slug@^2.0.0:
   dependencies:
     imurmurhash "^0.1.4"
 
+universalify@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/universalify/-/universalify-1.0.0.tgz#b61a1da173e8435b2fe3c67d29b9adf8594bd16d"
+  integrity sha512-rb6X1W158d7pRQBg5gkR8uPaSfiids68LTJQYOtEUhoJUWBdaQHsuT/EUduxXYxcrt4r5PJ4fuHW1MHT6p0qug==
+
 unset-value@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/unset-value/-/unset-value-1.0.0.tgz#8376873f7d2335179ffb1e6fc3a8ed0dfc8ab559"
@@ -3174,6 +3465,11 @@ yallist@^3.0.2:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
   integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
 
+yallist@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
+  integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
+
 yaml@^1.7.2:
   version "1.10.0"
   resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.0.tgz#3b593add944876077d4d683fee01081bd9fff31e"
diff --git a/extensions/samples/.eslintrc.js b/extensions/samples/.eslintrc.js
index bcfa12e31d..8cbe448349 100644
--- a/extensions/samples/.eslintrc.js
+++ b/extensions/samples/.eslintrc.js
@@ -1,10 +1,10 @@
 module.exports = {
-    extends: ['../../.eslintrc.js'],
-    parserOptions: {
-        project: './tsconfig.json',
-        tsconfigRootDir: __dirname,
-    },
-    rules: {
-        'security/detect-non-literal-fs-filename': 'off',
-    },
+  extends: ['../../.eslintrc.js'],
+  parserOptions: {
+    project: './tsconfig.json',
+    tsconfigRootDir: __dirname,
+  },
+  rules: {
+    'security/detect-non-literal-fs-filename': 'off',
+  },
 };
diff --git a/extensions/samples/assets/shared/scripts/provisionComposer.js b/extensions/samples/assets/shared/scripts/provisionComposer.js
index fbf4f2bdd9..b53d006c4d 100644
--- a/extensions/samples/assets/shared/scripts/provisionComposer.js
+++ b/extensions/samples/assets/shared/scripts/provisionComposer.js
@@ -43,10 +43,7 @@ const usage = () => {
       'customArmTemplate',
       'Path to runtime ARM template. By default it will use an Azure WebApp template. Pass `DeploymentTemplates/function-template-with-preexisting-rg.json` for Azure Functions or your own template for a custom deployment.',
     ],
-    [
-      'qnaTemplate',
-      'Path to qna template. By default it will use `DeploymentTemplates/qna-template.json`'
-    ]
+    ['qnaTemplate', 'Path to qna template. By default it will use `DeploymentTemplates/qna-template.json`'],
   ];
 
   const instructions = [
@@ -57,11 +54,11 @@ const usage = () => {
     ``,
     chalk.bold(`Basic Usage:`),
     chalk.greenBright(`node provisionComposer --subscriptionId=`) +
-    chalk.yellow('<Azure Subscription Id>') +
-    chalk.greenBright(' --name=') +
-    chalk.yellow('<Name for your environment>') +
-    chalk.greenBright(' --appPassword=') +
-    chalk.yellow('<16 character password>'),
+      chalk.yellow('<Azure Subscription Id>') +
+      chalk.greenBright(' --name=') +
+      chalk.yellow('<Name for your environment>') +
+      chalk.greenBright(' --appPassword=') +
+      chalk.yellow('<16 character password>'),
     ``,
     chalk.bold(`All options:`),
     ...options.map((option) => {
@@ -102,8 +99,7 @@ var tenantId = argv.tenantId ? argv.tenantId : '';
 
 const templatePath =
   argv.customArmTemplate || path.join(__dirname, 'DeploymentTemplates', 'template-with-preexisting-rg.json');
-const qnaTemplatePath =
-  argv.qnaTemplate || path.join(__dirname, 'DeploymentTemplates', 'qna-template.json');
+const qnaTemplatePath = argv.qnaTemplate || path.join(__dirname, 'DeploymentTemplates', 'qna-template.json');
 
 const BotProjectDeployLoggerType = {
   // Logger Type for Provision
@@ -213,16 +209,16 @@ const getTenantId = async (accessToken) => {
 };
 
 /**
- * 
+ *
  * @param {*} appId the appId of application registration
  * @param {*} appPwd the app password of application registration
  * @param {*} location the locaiton of all resources
  * @param {*} name the name of resource group
  * @param {*} shouldCreateAuthoringResource
- * @param {*} shouldCreateLuisResource 
- * @param {*} useAppInsights 
- * @param {*} useCosmosDb 
- * @param {*} useStorage 
+ * @param {*} shouldCreateLuisResource
+ * @param {*} useAppInsights
+ * @param {*} useCosmosDb
+ * @param {*} useStorage
  */
 const getDeploymentTemplateParam = (
   appId,
@@ -251,13 +247,10 @@ const getDeploymentTemplateParam = (
 /**
  * Get QnA template param
  */
-const getQnaTemplateParam = (
-  location,
-  name
-) => {
+const getQnaTemplateParam = (location, name) => {
   return {
     appServicePlanLocation: pack(location),
-    name: pack(name)
+    name: pack(name),
   };
 };
 
@@ -283,10 +276,10 @@ const validateQnADeployment = async (client, resourceGroupName, deployName, temp
 
 /**
  * Create a QnA resource deployment
- * @param {*} client 
- * @param {*} resourceGroupName 
- * @param {*} deployName 
- * @param {*} templateParam 
+ * @param {*} client
+ * @param {*} resourceGroupName
+ * @param {*} deployName
+ * @param {*} templateParam
  */
 const createQnADeployment = async (client, resourceGroupName, deployName, templateParam) => {
   const templateFile = await readFile(qnaTemplatePath, { encoding: 'utf-8' });
@@ -416,7 +409,6 @@ const create = async (
   createStorage = true,
   createAppInsights = true
 ) => {
-  
   // App insights is a dependency of QnA
   if (createQnAResource) {
     createAppInsights = true;
@@ -562,14 +554,16 @@ const create = async (
 
   var qnaResult = null;
 
-  // Create qna resources, the reason why seperate the qna resources from others: https://github.com/Azure/azure-sdk-for-js/issues/10186 
+  // Create qna resources, the reason why seperate the qna resources from others: https://github.com/Azure/azure-sdk-for-js/issues/10186
   if (createQnAResource) {
     const qnaDeployName = new Date().getTime().toString();
-    const qnaDeploymentTemplateParam = getQnaTemplateParam(
-      location,
-      name
+    const qnaDeploymentTemplateParam = getQnaTemplateParam(location, name);
+    const qnaValidation = await validateQnADeployment(
+      client,
+      resourceGroupName,
+      qnaDeployName,
+      qnaDeploymentTemplateParam
     );
-    const qnaValidation = await validateQnADeployment(client, resourceGroupName, qnaDeployName, qnaDeploymentTemplateParam);
     if (qnaValidation.error) {
       logger({
         status: BotProjectDeployLoggerType.PROVISION_ERROR,
@@ -595,7 +589,12 @@ const create = async (
     });
     const spinner = ora().start();
     try {
-      const qnaDeployment = await createQnADeployment(client, resourceGroupName, qnaDeployName, qnaDeploymentTemplateParam);
+      const qnaDeployment = await createQnADeployment(
+        client,
+        resourceGroupName,
+        qnaDeployName,
+        qnaDeploymentTemplateParam
+      );
       // Handle errors
       if (qnaDeployment._response.status != 200) {
         spinner.fail();
@@ -717,10 +716,10 @@ const create = async (
       if (failedOperations) {
         failedOperations.forEach((operation) => {
           switch (
-          operation &&
-          operation.properties &&
-          operation.properties.statusMessage.error.code &&
-          operation.properties.targetResource
+            operation &&
+            operation.properties &&
+            operation.properties.statusMessage.error.code &&
+            operation.properties.targetResource
           ) {
             case 'MissingRegistrationForLocation':
               logger({
diff --git a/extensions/samples/src/index.ts b/extensions/samples/src/index.ts
index 98b3dcddb3..6eb91f8174 100644
--- a/extensions/samples/src/index.ts
+++ b/extensions/samples/src/index.ts
@@ -8,9 +8,10 @@ const samplesDir = path.resolve(__dirname, '../assets/projects');
 const boilerplateDir = path.resolve(__dirname, '../assets/shared');
 
 const samplesRegitry = {
-  '*': {  // base registry item, can be override by later specific entry
-    tags: ["Basic"],
-    support: ["C#", "JS"]
+  '*': {
+    // base registry item, can be override by later specific entry
+    tags: ['Basic'],
+    support: ['C#', 'JS'],
   },
   EchoBot: {
     name: 'Echo Bot',
@@ -42,7 +43,8 @@ const samplesRegitry = {
   },
   InterruptionSample: {
     name: 'Interruptions',
-    description: 'An advanced sample bot that shows how to handle context switching and interruption in a conversation.',
+    description:
+      'An advanced sample bot that shows how to handle context switching and interruption in a conversation.',
   },
   RespondingWithTextSample: {
     name: 'Responding with Text',
@@ -63,15 +65,14 @@ const samplesRegitry = {
   QnASample: {
     name: 'QnA Sample',
     description: 'A sample bot that import online QnA resource',
-  }
-}
-
+  },
+};
 
 function getSamples(): any[] {
   const subPaths = fs.readdirSync(samplesDir);
   const samples = [];
   for (const subPath of subPaths) {
-    const fullPath = samplesDir + "/" + subPath;
+    const fullPath = samplesDir + '/' + subPath;
     if (!fs.statSync(fullPath).isDirectory()) {
       continue;
     }
@@ -92,21 +93,21 @@ function getSamples(): any[] {
       return -1;
     }
     return 1;
-  })
+  });
   return samples;
 }
 
 function getBoilerplates() {
   return [
     {
-      id: "boilerplate",
-      name: "boilerplate",
-      description: "base template for every bot template",
+      id: 'boilerplate',
+      name: 'boilerplate',
+      description: 'base template for every bot template',
       path: boilerplateDir,
-      tags: ["boilerplate"],
-      support: ["*"],
-    }
-  ]
+      tags: ['boilerplate'],
+      support: ['*'],
+    },
+  ];
 }
 
 const samples = getSamples();
@@ -121,4 +122,4 @@ export default async (composer: any): Promise<void> => {
   for (const temlate of boilerplates) {
     await composer.addBaseTemplate(temlate);
   }
-};
\ No newline at end of file
+};
diff --git a/extensions/webRoute/index.js b/extensions/webRoute/index.js
index 08ca833e40..38bb5fa8af 100644
--- a/extensions/webRoute/index.js
+++ b/extensions/webRoute/index.js
@@ -2,8 +2,7 @@
 // Licensed under the MIT License.
 
 module.exports = {
-  initialize: composer => {
-
+  initialize: (composer) => {
     console.log('Register web route middleware');
 
     composer.addWebMiddleware((req, res, next) => {