microsoft · cwhitten · Apr 22, 2019 · Apr 22, 2019 · Apr 22, 2019 · Apr 22, 2019
@@ -33,6 +33,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 - Fix [#1827](https://github.com/Microsoft/BotFramework-WebChat/issues/1827). Remove renderer for unknown activities, by [@corinagum](https://github.com/corinagum) in PR [#1873](https://github.com/Microsoft/BotFramework-WebChat/pull/1873)
 - Fix [#1586](https://github.com/Microsoft/BotFramework-WebChat/issues/1586). Fix theming of suggested actions buttons, by [@corinagum](https://github.com/corinagum) in PR [#1883](https://github.com/Microsoft/BotFramework-WebChat/pull/1883)
 - Fix [#1837](https://github.com/Microsoft/BotFramework-WebChat/issues/1837), [#1643](https://github.com/Microsoft/BotFramework-WebChat/issues/1643). Fix style conflicts with bootstrap and bump `memoize-one`, by [@corinagum](https://github.com/corinagum) in PR [#1884](https://github.com/Microsoft/BotFramework-WebChat/pull/1884)
+- Fix [#1877](https://github.com/Microsoft/BotFramework-WebChat/issues/1877). Add viewport meta tag and fix a few sample links, by [@corinagum](https://github.com/corinagum) in PR [#XXX](https://github.com/Microsoft/BotFramework-WebChat/pull/XXX)
 - Fix [#1789](https://github.com/Microsoft/BotFramework-WebChat/issues/1789). Return focus Send Box after Send Button is pushed, by [@corinagum](https://github.com/corinagum) in PR [#1915](https://github.com/Microsoft/BotFramework-WebChat/pull/1915)
 
 ### Changed
@@ -182,8 +183,8 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 - Backchannel: [Inject custom data into every `POST_ACTIVITY`](https://microsoft.github.io/BotFramework-WebChat/15.backchannel-piggyback-on-outgoing-activities/), in [#1331](https://github.com/Microsoft/BotFramework-WebChat/pull/1331)
 - UI: [Minimizable Web Chat](https://microsoft.github.io/BotFramework-WebChat/12.customization-minimizable-web-chat/), in [#1290](https://github.com/Microsoft/BotFramework-WebChat/pull/1290)
 - Others: [Using Web Chat v3](https://microsoft.github.io/BotFramework-WebChat/webchat-v3/), in [#1287](https://github.com/Microsoft/BotFramework-WebChat/pull/1287)
-- Speech: [Cognitive Services Speech to Text and Text to Speech](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/6.c.cognitive-services-speech-services-js) (both subscription key and authorization token flow)
-- Speech: [Cognitive Services Speech to Text using lexical result](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/6.e.cognitive-services-speech-services-with-lexical-result) (text normalization)
+- Speech: [Cognitive Services Speech to Text and Text to Speech](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/06.c.cognitive-services-speech-services-js) (both subscription key and authorization token flow)
+- Speech: [Cognitive Services Speech to Text using lexical result](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/06.e.cognitive-services-speech-services-with-lexical-result) (text normalization)
 
 ## [4.1.0] - 2018-10-31
 ### Added

@@ -245,7 +245,7 @@ npm run prepublishOnly
 | [`05.d.hide-upload-button-styling`](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/05.d.hide-upload-button-styling)                                                 | Demonstrates how to hide file upload button via styling.                                                                                                                                                                            | [Hide Upload Button Demo](https://microsoft.github.io/BotFramework-WebChat/05.d.hide-upload-button-styling)          |
 | [`06.a.cognitive-services-bing-speech-js`](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/06.a.cognitive-services-bing-speech-js)                                   | Introduces speech-to-text and text-to-speech ability using the (deprecated) Cognitive Services Bing Speech API and JavaScript.                                                                                                      | [Bing Speech with JS Demo](https://microsoft.github.io/BotFramework-WebChat/06.a.cognitive-services-bing-speech-js)  |
 | [`06.b.cognitive-services-bing-speech-react`](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/06.b.cognitive-services-bing-speech-react)                             | Introduces speech-to-text and text-to-speech ability using the (deprecated) Cognitive Services Bing Speech API and React.                                                                                                           | [Bing Speech with React Demo](https://microsoft.github.io/BotFramework-WebChat/06.b.cognitive-services-bing-speech-react)|
-| [`06.c.cognitive-services-speech-services-js`](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/06.c.cognitive-services-speech-services-js)                           | Introduces speech-to-text and text-to-speech ability using Cognitive Services Speech Services API.                                                                                                                                  | [Speech Services with JS Demo](https://microsoft.github.io/BotFramework-WebChat/6.c.cognitive-services-speech-services-js)|
+| [`06.c.cognitive-services-speech-services-js`](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/06.c.cognitive-services-speech-services-js)                           | Introduces speech-to-text and text-to-speech ability using Cognitive Services Speech Services API.                                                                                                                                  | [Speech Services with JS Demo](https://microsoft.github.io/BotFramework-WebChat/06.c.cognitive-services-speech-services-js)|
 | [`06.d.speech-web-browser`](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/06.d.speech-web-browser)                                                                 | Demonstrates how to implement text-to-speech using Web Chat's browser-based Web Speech API. (link to W3C standard in the sample)                                                                                                    | [Web Speech API Demo](https://microsoft.github.io/BotFramework-WebChat/06.d.speech-web-browser)                      |
 | [`06.e.cognitive-services-speech-services-with-lexical-result`](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/06.e.cognitive-services-speech-services-with-lexical-result) | Demonstrates how to use lexical result from Cognitive Services Speech Services API.                                                                                                                                         | [Lexical Result Demo](https://microsoft.github.io/BotFramework-WebChat/06.e.cognitive-services-speech-services-with-lexical-result)|
 | [`06.f.hybrid-speech`](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/06.f.hybrid-speech)                                                                           | Demonstrates how to use both browser-based Web Speech API for speech-to-text, and Cognitive Services Speech Services API for text-to-speech.                                                                                        | [Hybrid Speech Demo](https://microsoft.github.io/BotFramework-WebChat/06.f.hybrid-speech)                            |

@@ -2,6 +2,7 @@
 <html lang="en-US">
   <head>
     <title>Web Chat: Full-featured bundle</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!--
       For demonstration purposes, we are using the development branch of Web Chat at "/master/webchat.js".
       When you are using Web Chat for production, you should use the latest stable release at "/latest/webchat.js",

@@ -2,6 +2,7 @@
 <html lang="en-US">
   <head>
     <title>Web Chat: Full-featured bundle with ES5 polyfills</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!--
       For demonstration purposes, we are using the development branch of Web Chat at "/master/webchat.js".
       When you are using Web Chat for production, you should use the latest stable release at "/latest/webchat.js",

@@ -2,6 +2,7 @@
 <html lang="en-US">
   <head>
     <title>Web Chat: Full-featured bundle</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!--
       For demonstration purposes, we are using the development branch of Web Chat at "/master/webchat.js".
       When you are using Web Chat for production, you should use the latest stable release at "/latest/webchat.js",

@@ -2,6 +2,7 @@
 <html lang="en-US">
   <head>
     <title>Web Chat: Minimal bundle</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!--
       We are using a "minimal" build, which does not contain:
       - Adaptive Cards

@@ -2,6 +2,7 @@
 <html lang="en-US">
   <head>
     <title>Web Chat: Minimal bundle with Markdown</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!--
       We are using a "core" build, which does not contains:
       - Adaptive Cards

@@ -2,6 +2,7 @@
 <html lang="en-US">
   <head>
     <title>Web Chat: Integrate with React</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!--
       For simplicity and code clarity, we are using Babel and React from unpkg.com.
     -->

@@ -2,6 +2,7 @@
 <html lang="en-US">
   <head>
     <title>Web Chat: Avatar with initials</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!--
       For demonstration purposes, we are using the development branch of Web Chat at "/master/webchat.js".
       When you are using Web Chat for production, you should use the latest stable release at "/latest/webchat.js",

@@ -2,6 +2,7 @@
 <html lang="en-US">
   <head>
     <title>Web Chat: Avatar with images and initials</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!--
       For demonstration purposes, we are using the development branch of Web Chat at "/master/webchat.js".
       When you are using Web Chat for production, you should use the latest stable release at "/latest/webchat.js",

@@ -2,6 +2,7 @@
 <html lang="en-US">
   <head>
     <title>Web Chat: Custom style options</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!--
       For demonstration purposes, we are using the development branch of Web Chat at "/master/webchat.js".
       When you are using Web Chat for production, you should use the latest stable release at "/latest/webchat.js",

@@ -2,6 +2,7 @@
 <html lang="en-US">
   <head>
     <title>Web Chat: Custom style set</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!--
       For demonstration purposes, we are using the development branch of Web Chat at "/master/webchat.js".
       When you are using Web Chat for production, you should use the latest stable release at "/latest/webchat.js",

@@ -2,6 +2,7 @@
 <html lang="en-US">
   <head>
     <title>Web Chat: Presentation mode</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!--
       For demonstration purposes, we are using the development branch of Web Chat at "/master/webchat.js".
       When you are using Web Chat for production, you should use the latest stable release at "/latest/webchat.js",

@@ -2,6 +2,7 @@
 <html lang="en-US">
   <head>
     <title>Web Chat: Hide upload button</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!--
       For demonstration purposes, we are using the development branch of Web Chat at "/master/webchat.js".
       When you are using Web Chat for production, you should use the latest stable release at "/latest/webchat.js",

@@ -8,7 +8,7 @@ A simple web page with a maximized and full-featured Web Chat embed from a CDN,
 
 # Test out the hosted sample
 
-- [Try out MockBot](https://microsoft.github.io/BotFramework-WebChat/06.a.cognitive-services-bing-speech-js)
+- [Try out MockBot](https://microsoft.github.io/BotFramework-WebChat/06.a.cognitive-services-bing-speech-js/)
 
 # How to run
 - Fork this repository
@@ -156,7 +156,7 @@ Here is the finished `index.html` for authorization token flow:
 ```
 
 # Further reading
-- [Cognitive Services Speech Services bot](https://microsoft.github.io/BotFramework-WebChat/6.c.cognitive-services-speech-services-js) | [(Cognitive Services Speech Services source code)](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/06.c.cognitive-services-speech-services-js)
+- [Cognitive Services Speech Services bot](https://microsoft.github.io/BotFramework-WebChat/06.c.cognitive-services-speech-services-js) | [(Cognitive Services Speech Services source code)](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/06.c.cognitive-services-speech-services-js)
 
 
 ## Full list of Web Chat Hosted Samples

@@ -2,6 +2,7 @@
 <html lang="en-US">
   <head>
     <title>Web Chat: Cognitive Services Bing Speech using JavaScript</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!-- Cognitive Services Bing Speech adapter is only available in full bundle -->
     <!--
       For demonstration purposes, we are using the development branch of Web Chat at "/master/webchat.js".

@@ -170,7 +170,7 @@ Here is the finished `index.html` for authorization token flow:
 ```
 
 # Further reading
-- [Cognitive Services Speech Services bot](https://microsoft.github.io/BotFramework-WebChat/6.c.cognitive-services-speech-services-js) | [(Cognitive Services Speech Services source code)](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/06.c.cognitive-services-speech-services-js)
+- [Cognitive Services Speech Services bot](https://microsoft.github.io/BotFramework-WebChat/06.c.cognitive-services-speech-services-js) | [(Cognitive Services Speech Services source code)](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/06.c.cognitive-services-speech-services-js)
 
 
 

@@ -2,6 +2,7 @@
 <html lang="en-US">
   <head>
     <title>Web Chat: Cognitive Services Bing Speech using React</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!--
       For simplicity and code clarity, we are using Babel and React from unpkg.com.
     -->

@@ -7,7 +7,7 @@ A simple page with Web Chat integrated with speech-to-text and text-to-speech fe
 
 # Test out the hosted sample
 
-- [Try out MockBot](https://microsoft.github.io/BotFramework-WebChat/6.c.cognitive-services-speech-services-js)
+- [Try out MockBot](https://microsoft.github.io/BotFramework-WebChat/06.c.cognitive-services-speech-services-js)
 
 # How to run
 - Fork this repository

@@ -3,6 +3,8 @@
   <head>
     <title>Web Chat: Cognitive Services Speech Services using JavaScript</title>
     <!-- Cognitive Services Speech Services adapter is only available in full bundle -->
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!--
       For demonstration purposes, we are using development branch of Web Chat at "/master/webchat.js".
       When you are using Web Chat for production, you should use the latest stable at "/latest/webchat.js".

@@ -6,6 +6,7 @@
        Speech functionality is a core feature in Web Chat and does not require the full bundle.
        You can use either the core bundle or full bundle, depending on your other bot specifications.
     -->
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!--
       For demonstration purposes, we are using the development branch of Web Chat at "/master/webchat.js".
       When you are using Web Chat for production, you should use the latest stable release at "/latest/webchat.js",

@@ -6,7 +6,7 @@ A simple page with Web Chat integrated with speech-to-text and text-to-speech fe
 
 # Test out the hosted sample
 
-- [Try out MockBot](https://microsoft.github.io/BotFramework-WebChat/6.e.cognitive-services-speech-services-with-lexical-result)
+- [Try out MockBot](https://microsoft.github.io/BotFramework-WebChat/06.e.cognitive-services-speech-services-with-lexical-result)
 
 # How to run locally
 

@@ -3,6 +3,8 @@
   <head>
     <title>Web Chat: Cognitive Services Speech Services with lexical result</title>
     <!-- Cognitive Services Speech Services adapter is only available in full bundle -->
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!--
       For demonstration purposes, we are using development branch of Web Chat at "/master/webchat.js".
       When you are using Web Chat for production, you should use the latest stable at "/latest/webchat.js".

@@ -3,6 +3,8 @@
   <head>
     <title>Web Chat: Hybrid speech engine using JavaScript</title>
     <!-- Cognitive Services Speech Services adapter is only available in full bundle -->
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
     <!--
       For demonstration purposes, we are using the development branch of Web Chat at "/master/webchat.js".
       When you are using Web Chat for production, you should use the latest stable release at "/latest/webchat.js",

@@ -2,6 +2,7 @@
 <html lang="en-US">
   <head>
     <title>Web Chat: Configurable timestamp grouping</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!--
       For demonstration purposes, we are using the development branch of Web Chat at "/master/webchat.js".
       When you are using Web Chat for production, you should use the latest stable release at "/latest/webchat.js",

@@ -2,6 +2,7 @@
 <html lang="en-US">
   <head>
     <title>Web Chat: Send typing indicator</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!--
       For demonstration purposes, we are using the development branch of Web Chat at "/master/webchat.js".
       When you are using Web Chat for production, you should use the latest stable release at "/latest/webchat.js",

@@ -2,6 +2,7 @@
 <html lang="en-US">
   <head>
     <title>Web Chat: Custom attachment with GitHub Stargazers</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!--
       For simplicity and code clarity, we are using Babel and React from unpkg.com.
     -->

@@ -2,6 +2,7 @@
 <html lang="en-US">
   <head>
     <title>Web Chat: Custom attachment with GitHub Stargazers</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!--
       For simplicity and code clarity, we are using Babel and React from unpkg.com.
     -->

@@ -2,6 +2,8 @@
 <html lang="en-US">
   <head>
     <title>Web Chat: Custom attachment with GitHub Stargazers</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
     <!--
       For simplicity and code clarity, we are using Babel and React from unpkg.com.
     -->

@@ -2,6 +2,8 @@
 <html lang="en-US">
   <head>
     <title>Web Chat: Password input activity</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
     <!--
       For simplicity and code clarity, we are using Babel and React from unpkg.com.
     -->