From 3d0da3ec22601068203365004d408072063f8c69 Mon Sep 17 00:00:00 2001 From: Corina Date: Tue, 4 Dec 2018 11:09:13 -0800 Subject: [PATCH 1/7] Add credit for localization help --- LOCALIZATION.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/LOCALIZATION.md b/LOCALIZATION.md index 6de72012ec..4c3b2d0135 100644 --- a/LOCALIZATION.md +++ b/LOCALIZATION.md @@ -12,7 +12,7 @@ If you want to help to translate Web Chat to different language, please submit a | el-gr | @qdoop | | es-es | @SantiEspada | | fi-fi | @jsur | -| fr-fr | @meulta | +| fr-fr | @meulta, @tao1 | | hu-hu | | | it-it | Maurizio Moriconi | | ja-jp | @bigplants | @@ -23,7 +23,7 @@ If you want to help to translate Web Chat to different language, please submit a | pl-pl | @peterblazejewicz | | pt-br | @rcarubbi | | pt-pt | | -| ru-ru | | +| ru-ru | @odysseus1973 | | sv-se | | | tr-tr | | | zh-hans | @Antimoney | From 79a399c2720c5f648ad1e3bcf10292069d91b5c2 Mon Sep 17 00:00:00 2001 From: Corina Date: Tue, 4 Dec 2018 11:17:00 -0800 Subject: [PATCH 2/7] rename samples and add samples table --- README.md | 28 ++++++++++++++++++ .../README.md | 0 .../index.html | 0 .../index.html | 0 .../README.md | 0 .../index.html | 0 .../README.md | 0 .../index.html | 0 .../README.md | 0 .../index.html | 0 .../.gitignore | 0 .../README.md | 0 .../package-lock.json | 0 .../package.json | 0 .../public/favicon.ico | Bin .../public/index.html | 0 .../public/manifest.json | 0 .../src/App.css | 0 .../src/App.js | 0 .../src/App.test.js | 0 .../src/MinimizableWebChat.css | 0 .../src/MinimizableWebChat.js | 0 .../src/WebChat.css | 0 .../src/WebChat.js | 0 .../src/WebPage.jpg | Bin .../src/WebPage.png | Bin .../src/fabric-icons-inline.css | 0 .../src/index.css | 0 .../src/index.js | 0 .../src/serviceWorker.js | 0 .../.gitignore | 0 .../README.md | 0 .../package-lock.json | 0 .../package.json | 0 .../public/favicon.ico | Bin .../public/index.html | 0 .../public/manifest.json | 0 .../src/App.css | 0 .../src/App.js | 0 .../src/App.test.js | 0 .../src/CustomDictationInterims.js | 0 .../src/CustomMicrophoneButton.js | 0 .../src/LastBotActivity.js | 0 .../src/MicrophoneIcon.js | 0 .../src/fetchBingSpeechToken.js | 0 .../src/index.css | 0 .../src/index.js | 0 .../src/logo.svg | 0 .../src/serviceWorker.js | 0 .../.gitignore | 0 .../README.md | 0 .../package-lock.json | 0 .../package.json | 0 .../public/favicon.ico | Bin .../public/index.html | 0 .../public/manifest.json | 0 .../src/App.js | 0 .../src/WebChat.js | 0 .../src/dispatchIncomingActivityMiddleware.js | 0 .../src/index.css | 0 .../src/index.js | 0 .../src/redux/actions.js | 0 .../src/redux/reducer.js | 0 .../src/redux/store.js | 0 .../src/registerServiceWorker.js | 0 .../README.md | 0 .../index.html | 0 .../README.md | 0 .../index.html | 0 .../README.md | 0 .../index.html | 0 .../README.md | 0 .../index.html | 0 .../index.html | 0 .../index.html | 0 .../README.md | 0 .../index.html | 0 .../README.md | 0 .../index.html | 0 .../index.html | 0 .../README.md | 0 .../index.html | 0 .../serve.json | 0 .../index.html | 0 .../README.md | 0 .../index.html | 0 .../README.md | 0 .../index.html | 0 88 files changed, 28 insertions(+) rename samples/{full-bundle => 1.a.getting-started-full-bundle}/README.md (100%) rename samples/{full-bundle => 1.a.getting-started-full-bundle}/index.html (100%) rename samples/{es5-bundle => 1.b.getting-started-es5-bundle}/index.html (100%) rename samples/{migration => 1.c.getting-started-migration}/README.md (100%) rename samples/{migration => 1.c.getting-started-migration}/index.html (100%) rename samples/{custom-attachment-github-repository => 10.customization-card-components}/README.md (100%) rename samples/{custom-attachment-github-repository => 10.customization-card-components}/index.html (100%) rename samples/{custom-redux-store => 11.customization-redux-actions}/README.md (100%) rename samples/{custom-redux-store => 11.customization-redux-actions}/index.html (100%) rename samples/{minimize-mode => 12.customization-minimizable-web-chat}/.gitignore (100%) rename samples/{minimize-mode => 12.customization-minimizable-web-chat}/README.md (100%) rename samples/{minimize-mode => 12.customization-minimizable-web-chat}/package-lock.json (100%) rename samples/{minimize-mode => 12.customization-minimizable-web-chat}/package.json (100%) rename samples/{breakaway-speech-button => 12.customization-minimizable-web-chat}/public/favicon.ico (100%) rename samples/{minimize-mode => 12.customization-minimizable-web-chat}/public/index.html (100%) rename samples/{breakaway-speech-button => 12.customization-minimizable-web-chat}/public/manifest.json (100%) rename samples/{minimize-mode => 12.customization-minimizable-web-chat}/src/App.css (100%) rename samples/{minimize-mode => 12.customization-minimizable-web-chat}/src/App.js (100%) rename samples/{breakaway-speech-button => 12.customization-minimizable-web-chat}/src/App.test.js (100%) rename samples/{minimize-mode => 12.customization-minimizable-web-chat}/src/MinimizableWebChat.css (100%) rename samples/{minimize-mode => 12.customization-minimizable-web-chat}/src/MinimizableWebChat.js (100%) rename samples/{minimize-mode => 12.customization-minimizable-web-chat}/src/WebChat.css (100%) rename samples/{minimize-mode => 12.customization-minimizable-web-chat}/src/WebChat.js (100%) rename samples/{minimize-mode => 12.customization-minimizable-web-chat}/src/WebPage.jpg (100%) rename samples/{minimize-mode => 12.customization-minimizable-web-chat}/src/WebPage.png (100%) rename samples/{minimize-mode => 12.customization-minimizable-web-chat}/src/fabric-icons-inline.css (100%) rename samples/{breakaway-speech-button => 12.customization-minimizable-web-chat}/src/index.css (100%) rename samples/{minimize-mode => 12.customization-minimizable-web-chat}/src/index.js (100%) rename samples/{minimize-mode => 12.customization-minimizable-web-chat}/src/serviceWorker.js (100%) rename samples/{breakaway-speech-button => 13.customization-speech-ui}/.gitignore (100%) rename samples/{breakaway-speech-button => 13.customization-speech-ui}/README.md (100%) rename samples/{breakaway-speech-button => 13.customization-speech-ui}/package-lock.json (100%) rename samples/{breakaway-speech-button => 13.customization-speech-ui}/package.json (100%) rename samples/{minimize-mode => 13.customization-speech-ui}/public/favicon.ico (100%) rename samples/{breakaway-speech-button => 13.customization-speech-ui}/public/index.html (100%) rename samples/{minimize-mode => 13.customization-speech-ui}/public/manifest.json (100%) rename samples/{breakaway-speech-button => 13.customization-speech-ui}/src/App.css (100%) rename samples/{breakaway-speech-button => 13.customization-speech-ui}/src/App.js (100%) rename samples/{minimize-mode => 13.customization-speech-ui}/src/App.test.js (100%) rename samples/{breakaway-speech-button => 13.customization-speech-ui}/src/CustomDictationInterims.js (100%) rename samples/{breakaway-speech-button => 13.customization-speech-ui}/src/CustomMicrophoneButton.js (100%) rename samples/{breakaway-speech-button => 13.customization-speech-ui}/src/LastBotActivity.js (100%) rename samples/{breakaway-speech-button => 13.customization-speech-ui}/src/MicrophoneIcon.js (100%) rename samples/{breakaway-speech-button => 13.customization-speech-ui}/src/fetchBingSpeechToken.js (100%) rename samples/{minimize-mode => 13.customization-speech-ui}/src/index.css (100%) rename samples/{breakaway-speech-button => 13.customization-speech-ui}/src/index.js (100%) rename samples/{breakaway-speech-button => 13.customization-speech-ui}/src/logo.svg (100%) rename samples/{breakaway-speech-button => 13.customization-speech-ui}/src/serviceWorker.js (100%) rename samples/{redux-activity-middleware => 14.customization-piping-to-redux}/.gitignore (100%) rename samples/{redux-activity-middleware => 14.customization-piping-to-redux}/README.md (100%) rename samples/{redux-activity-middleware => 14.customization-piping-to-redux}/package-lock.json (100%) rename samples/{redux-activity-middleware => 14.customization-piping-to-redux}/package.json (100%) rename samples/{redux-activity-middleware => 14.customization-piping-to-redux}/public/favicon.ico (100%) rename samples/{redux-activity-middleware => 14.customization-piping-to-redux}/public/index.html (100%) rename samples/{redux-activity-middleware => 14.customization-piping-to-redux}/public/manifest.json (100%) rename samples/{redux-activity-middleware => 14.customization-piping-to-redux}/src/App.js (100%) rename samples/{redux-activity-middleware => 14.customization-piping-to-redux}/src/WebChat.js (100%) rename samples/{redux-activity-middleware => 14.customization-piping-to-redux}/src/dispatchIncomingActivityMiddleware.js (100%) rename samples/{redux-activity-middleware => 14.customization-piping-to-redux}/src/index.css (100%) rename samples/{redux-activity-middleware => 14.customization-piping-to-redux}/src/index.js (100%) rename samples/{redux-activity-middleware => 14.customization-piping-to-redux}/src/redux/actions.js (100%) rename samples/{redux-activity-middleware => 14.customization-piping-to-redux}/src/redux/reducer.js (100%) rename samples/{redux-activity-middleware => 14.customization-piping-to-redux}/src/redux/store.js (100%) rename samples/{redux-activity-middleware => 14.customization-piping-to-redux}/src/registerServiceWorker.js (100%) rename samples/{minimal-bundle => 2.a.getting-started-minimal-bundle}/README.md (100%) rename samples/{minimal-bundle => 2.a.getting-started-minimal-bundle}/index.html (100%) rename samples/{minimal-bundle-with-markdown => 2.b.getting-started-minimal-markdown}/README.md (100%) rename samples/{minimal-bundle-with-markdown => 2.b.getting-started-minimal-markdown}/index.html (100%) rename samples/{integrate-with-react => 3.a.host-with-react}/README.md (100%) rename samples/{integrate-with-react => 3.a.host-with-react}/index.html (100%) rename samples/{avatar-initials => 4.display-user-bot-initials-styling}/README.md (100%) rename samples/{avatar-initials => 4.display-user-bot-initials-styling}/index.html (100%) rename samples/{custom-style-options => 5.a.branding-webchat-styling}/index.html (100%) rename samples/{custom-style-set => 5.b.idiosyncratic-manual-styling}/index.html (100%) rename samples/{presentation-mode => 5.c.presentation-mode-styling}/README.md (100%) rename samples/{presentation-mode => 5.c.presentation-mode-styling}/index.html (100%) rename samples/{speech-cognitive-services-bing-speech => 6.a.cognitive-services-bing-speech-js}/README.md (100%) rename samples/{speech-cognitive-services-bing-speech => 6.a.cognitive-services-bing-speech-js}/index.html (100%) rename samples/{speech-cognitive-services-bing-speech-react => 6.b.cognitive-services-bing-speech-react}/index.html (100%) rename samples/{speech-browser => 6.e.speech-web-browser}/README.md (100%) rename samples/{speech-browser => 6.e.speech-web-browser}/index.html (100%) rename samples/{speech-browser => 6.e.speech-web-browser}/serve.json (100%) rename samples/{timestamp-grouping => 7.customization-timestamp-grouping}/index.html (100%) rename samples/{activity-decorator-highlight => 8.customization-user-highlighting}/README.md (100%) rename samples/{activity-decorator-highlight => 8.customization-user-highlighting}/index.html (100%) rename samples/{activity-decorator-button => 9.customization-reaction-buttons}/README.md (100%) rename samples/{activity-decorator-button => 9.customization-reaction-buttons}/index.html (100%) diff --git a/README.md b/README.md index e54d63fe53..460dd3ccab 100644 --- a/README.md +++ b/README.md @@ -198,6 +198,34 @@ cd packages/bundle npm run prepublishOnly ``` +# Samples list + +| Sample Name | Description | Bot | Link | +|------------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------------|-------------------------------------------------------------------------------------------------------------------| +| 1.a.getting-started-full-bundle | Introduces Web Chat embed from a CDN, and demonstrates a simple, full-featured Web Chat. This includes Adaptive Cards, Cognitive Services, and Markdown-It dependencies. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/1.a.getting-started-full-bundle) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/1.a.getting-started-full-bundle) | +| 1.b.getting-started-es5-bundle | Introduces full-featured Web Chat embed with backwards compatibility for ES5 browsers using Web Chat's ES5 ponyfill. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/1.b.getting-started-es5-bundle) | [View](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/1.b.getting-started-es5-bundle) | +| 1.c.getting-started-migration | Demonstrates how to migrate from your Web Chat v3 bot to v4. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/1.c.getting-started-migration) | [View](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/1.c.getting-started-migration) | +| 2.a.getting-started-minimal-bundle | Introduces the minimized CDN with only basic dependencies. This does NOT include Adaptive Cards, Cognitive Services dependencies, or Markdown-It dependencies. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/2.a.getting-started-minimal-bundle) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/2.a.getting-started-minimal-bundle) | +| 2.b.getting-started-minimal-markdown | Demonstrates how to add the CDN for Markdown-It dependency on top of the minimal bundle. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/2.b.getting-started-minimal-markdown) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/2.b.getting-started-minimal-markdown) | +| 3.a.host-with-react | Demonstrates how to create a React component that hosts the full-featured Web Chat. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/3.a.host-with-react) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/3.a.host-with-react) | +| 3.b.host-with-Angular5 | Demonstrates how to create an Angular component that hosts the full-featured Web Chat. | | [not available](https://github.com/Microsoft/BotFramework-WebChat/issues/1423) | +| 4.display-user-bot-initials-styling | Demonstrates how to display initials for both Web Chat participants. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/4.display-user-bot-initials-styling) | [View](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/4.display-user-bot-initials-styling) | +| 5.a.branding-webchat-styling | Introduces the ability to style Web Chat to match your brand. This method of custom styling will not break upon Web Chat updates. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/5.a.branding-webchat-styling) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/5.a.branding-webchat-styling) | +| 5.b.idiosyncratic-manual-styling | Demonstrates how to make manual style changes, and is a more complicated and time-consuming way to customize styling of Web Chat. Manual styles may be broken upon Web Chat updates. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/5.b.idiosyncratic-manual-styling) | [View](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/5.b.idiosyncratic-manual-styling/) | +| 5.c.presentation-mode-styling | Demonstrates how to set up Presentation Mode, which displays chat history but does not show the send box, and disables the interactivity of Adaptive Cards. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/5.c.presentation-mode-styling) | [View](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/5.c.presentation-mode-styling) | +| 6.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. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/6.a.cognitive-services-bing-speech-js) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/6.a.cognitive-services-bing-speech-js) | +| 6.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. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/6.b.cognitive-services-bing-speech-react) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/6.b.cognitive-services-bing-speech-react) | +| 6.d.cognitive-services-speech-services | Introduces speech-to-text and text-to-speech ability using Cognitive Services Speech Services API. | | [not available](https://github.com/Microsoft/BotFramework-WebChat/issues/1424) | +| 6.e.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) | [Test bot](https://microsoft.github.io/BotFramework-WebChat/6.e.speech-web-browser) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/6.e.speech-web-browser) | +| 7.customization-timestamp-grouping | Demonstrates how to customize timestamps by showing or hiding timestamps and changing the grouping of messages by time. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/7.customization-timestamp-grouping) | [View](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/7.customization-timestamp-grouping) | +| 8.customization-user-highlighting | Demonstrates how to customize the styling of activities based whether the message is from the user or the bot. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/8.customization-user-highlighting) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/8.customization-user-highlighting) | +| 9.customization-reaction-buttons | Introduces the ability to create custom components for Web Chat that are unique to your bot's needs. This tutorial demonstrates the ability to add reaction emoji such as :thumbsup: and :thumbsdown: to conversational activities. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/9.customization-reaction-buttons) | [View](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/9.customization-reaction-buttons/) | +| 10.customization-card-components | Demonstrates how to create custom activity card attachments, in this case GitHub repository cards. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/10.customization-card-components) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/10.customization-card-components) | +| 11.customization-redux-actions | Advanced tutorial: Demonstrates how to incorporate redux middleware into your Web Chat app by sending redux actions through the bot. This example demonstrates manual styling based on activities between bot and user. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/11.customization-redux-actions) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/11.customization-redux-actions) | +| 12.customization-minimizable-web-chat | Advanced tutorial: Demonstrates how to add the Web Chat interface to your website as a minimizable show/hide chat box. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/12.customization-minimizable-web-chat) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/12.customization-minimizable-web-chat) | +| 13.customization-speech-ui | Advanced tutorial: Demonstrates how to fully customize key components of your bot, in this case speech, which entirely replaces the text-based transcript UI and instead shows a simple speech button with the bot's response. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/13.customization-speech-ui) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/13.customization-speech-ui) | +| 14.customization-piping-to-redux | Advanced tutorial: Demonstrates how to pipe bot activities to your own Redux store and use your bot to control your page through bot activities and Redux. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/14.customization-piping-to-redux) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/14.customization-piping-to-redux) | + # Contributions Like us? [Star](https://github.com/Microsoft/BotFramework-WebChat/stargazers) us. diff --git a/samples/full-bundle/README.md b/samples/1.a.getting-started-full-bundle/README.md similarity index 100% rename from samples/full-bundle/README.md rename to samples/1.a.getting-started-full-bundle/README.md diff --git a/samples/full-bundle/index.html b/samples/1.a.getting-started-full-bundle/index.html similarity index 100% rename from samples/full-bundle/index.html rename to samples/1.a.getting-started-full-bundle/index.html diff --git a/samples/es5-bundle/index.html b/samples/1.b.getting-started-es5-bundle/index.html similarity index 100% rename from samples/es5-bundle/index.html rename to samples/1.b.getting-started-es5-bundle/index.html diff --git a/samples/migration/README.md b/samples/1.c.getting-started-migration/README.md similarity index 100% rename from samples/migration/README.md rename to samples/1.c.getting-started-migration/README.md diff --git a/samples/migration/index.html b/samples/1.c.getting-started-migration/index.html similarity index 100% rename from samples/migration/index.html rename to samples/1.c.getting-started-migration/index.html diff --git a/samples/custom-attachment-github-repository/README.md b/samples/10.customization-card-components/README.md similarity index 100% rename from samples/custom-attachment-github-repository/README.md rename to samples/10.customization-card-components/README.md diff --git a/samples/custom-attachment-github-repository/index.html b/samples/10.customization-card-components/index.html similarity index 100% rename from samples/custom-attachment-github-repository/index.html rename to samples/10.customization-card-components/index.html diff --git a/samples/custom-redux-store/README.md b/samples/11.customization-redux-actions/README.md similarity index 100% rename from samples/custom-redux-store/README.md rename to samples/11.customization-redux-actions/README.md diff --git a/samples/custom-redux-store/index.html b/samples/11.customization-redux-actions/index.html similarity index 100% rename from samples/custom-redux-store/index.html rename to samples/11.customization-redux-actions/index.html diff --git a/samples/minimize-mode/.gitignore b/samples/12.customization-minimizable-web-chat/.gitignore similarity index 100% rename from samples/minimize-mode/.gitignore rename to samples/12.customization-minimizable-web-chat/.gitignore diff --git a/samples/minimize-mode/README.md b/samples/12.customization-minimizable-web-chat/README.md similarity index 100% rename from samples/minimize-mode/README.md rename to samples/12.customization-minimizable-web-chat/README.md diff --git a/samples/minimize-mode/package-lock.json b/samples/12.customization-minimizable-web-chat/package-lock.json similarity index 100% rename from samples/minimize-mode/package-lock.json rename to samples/12.customization-minimizable-web-chat/package-lock.json diff --git a/samples/minimize-mode/package.json b/samples/12.customization-minimizable-web-chat/package.json similarity index 100% rename from samples/minimize-mode/package.json rename to samples/12.customization-minimizable-web-chat/package.json diff --git a/samples/breakaway-speech-button/public/favicon.ico b/samples/12.customization-minimizable-web-chat/public/favicon.ico similarity index 100% rename from samples/breakaway-speech-button/public/favicon.ico rename to samples/12.customization-minimizable-web-chat/public/favicon.ico diff --git a/samples/minimize-mode/public/index.html b/samples/12.customization-minimizable-web-chat/public/index.html similarity index 100% rename from samples/minimize-mode/public/index.html rename to samples/12.customization-minimizable-web-chat/public/index.html diff --git a/samples/breakaway-speech-button/public/manifest.json b/samples/12.customization-minimizable-web-chat/public/manifest.json similarity index 100% rename from samples/breakaway-speech-button/public/manifest.json rename to samples/12.customization-minimizable-web-chat/public/manifest.json diff --git a/samples/minimize-mode/src/App.css b/samples/12.customization-minimizable-web-chat/src/App.css similarity index 100% rename from samples/minimize-mode/src/App.css rename to samples/12.customization-minimizable-web-chat/src/App.css diff --git a/samples/minimize-mode/src/App.js b/samples/12.customization-minimizable-web-chat/src/App.js similarity index 100% rename from samples/minimize-mode/src/App.js rename to samples/12.customization-minimizable-web-chat/src/App.js diff --git a/samples/breakaway-speech-button/src/App.test.js b/samples/12.customization-minimizable-web-chat/src/App.test.js similarity index 100% rename from samples/breakaway-speech-button/src/App.test.js rename to samples/12.customization-minimizable-web-chat/src/App.test.js diff --git a/samples/minimize-mode/src/MinimizableWebChat.css b/samples/12.customization-minimizable-web-chat/src/MinimizableWebChat.css similarity index 100% rename from samples/minimize-mode/src/MinimizableWebChat.css rename to samples/12.customization-minimizable-web-chat/src/MinimizableWebChat.css diff --git a/samples/minimize-mode/src/MinimizableWebChat.js b/samples/12.customization-minimizable-web-chat/src/MinimizableWebChat.js similarity index 100% rename from samples/minimize-mode/src/MinimizableWebChat.js rename to samples/12.customization-minimizable-web-chat/src/MinimizableWebChat.js diff --git a/samples/minimize-mode/src/WebChat.css b/samples/12.customization-minimizable-web-chat/src/WebChat.css similarity index 100% rename from samples/minimize-mode/src/WebChat.css rename to samples/12.customization-minimizable-web-chat/src/WebChat.css diff --git a/samples/minimize-mode/src/WebChat.js b/samples/12.customization-minimizable-web-chat/src/WebChat.js similarity index 100% rename from samples/minimize-mode/src/WebChat.js rename to samples/12.customization-minimizable-web-chat/src/WebChat.js diff --git a/samples/minimize-mode/src/WebPage.jpg b/samples/12.customization-minimizable-web-chat/src/WebPage.jpg similarity index 100% rename from samples/minimize-mode/src/WebPage.jpg rename to samples/12.customization-minimizable-web-chat/src/WebPage.jpg diff --git a/samples/minimize-mode/src/WebPage.png b/samples/12.customization-minimizable-web-chat/src/WebPage.png similarity index 100% rename from samples/minimize-mode/src/WebPage.png rename to samples/12.customization-minimizable-web-chat/src/WebPage.png diff --git a/samples/minimize-mode/src/fabric-icons-inline.css b/samples/12.customization-minimizable-web-chat/src/fabric-icons-inline.css similarity index 100% rename from samples/minimize-mode/src/fabric-icons-inline.css rename to samples/12.customization-minimizable-web-chat/src/fabric-icons-inline.css diff --git a/samples/breakaway-speech-button/src/index.css b/samples/12.customization-minimizable-web-chat/src/index.css similarity index 100% rename from samples/breakaway-speech-button/src/index.css rename to samples/12.customization-minimizable-web-chat/src/index.css diff --git a/samples/minimize-mode/src/index.js b/samples/12.customization-minimizable-web-chat/src/index.js similarity index 100% rename from samples/minimize-mode/src/index.js rename to samples/12.customization-minimizable-web-chat/src/index.js diff --git a/samples/minimize-mode/src/serviceWorker.js b/samples/12.customization-minimizable-web-chat/src/serviceWorker.js similarity index 100% rename from samples/minimize-mode/src/serviceWorker.js rename to samples/12.customization-minimizable-web-chat/src/serviceWorker.js diff --git a/samples/breakaway-speech-button/.gitignore b/samples/13.customization-speech-ui/.gitignore similarity index 100% rename from samples/breakaway-speech-button/.gitignore rename to samples/13.customization-speech-ui/.gitignore diff --git a/samples/breakaway-speech-button/README.md b/samples/13.customization-speech-ui/README.md similarity index 100% rename from samples/breakaway-speech-button/README.md rename to samples/13.customization-speech-ui/README.md diff --git a/samples/breakaway-speech-button/package-lock.json b/samples/13.customization-speech-ui/package-lock.json similarity index 100% rename from samples/breakaway-speech-button/package-lock.json rename to samples/13.customization-speech-ui/package-lock.json diff --git a/samples/breakaway-speech-button/package.json b/samples/13.customization-speech-ui/package.json similarity index 100% rename from samples/breakaway-speech-button/package.json rename to samples/13.customization-speech-ui/package.json diff --git a/samples/minimize-mode/public/favicon.ico b/samples/13.customization-speech-ui/public/favicon.ico similarity index 100% rename from samples/minimize-mode/public/favicon.ico rename to samples/13.customization-speech-ui/public/favicon.ico diff --git a/samples/breakaway-speech-button/public/index.html b/samples/13.customization-speech-ui/public/index.html similarity index 100% rename from samples/breakaway-speech-button/public/index.html rename to samples/13.customization-speech-ui/public/index.html diff --git a/samples/minimize-mode/public/manifest.json b/samples/13.customization-speech-ui/public/manifest.json similarity index 100% rename from samples/minimize-mode/public/manifest.json rename to samples/13.customization-speech-ui/public/manifest.json diff --git a/samples/breakaway-speech-button/src/App.css b/samples/13.customization-speech-ui/src/App.css similarity index 100% rename from samples/breakaway-speech-button/src/App.css rename to samples/13.customization-speech-ui/src/App.css diff --git a/samples/breakaway-speech-button/src/App.js b/samples/13.customization-speech-ui/src/App.js similarity index 100% rename from samples/breakaway-speech-button/src/App.js rename to samples/13.customization-speech-ui/src/App.js diff --git a/samples/minimize-mode/src/App.test.js b/samples/13.customization-speech-ui/src/App.test.js similarity index 100% rename from samples/minimize-mode/src/App.test.js rename to samples/13.customization-speech-ui/src/App.test.js diff --git a/samples/breakaway-speech-button/src/CustomDictationInterims.js b/samples/13.customization-speech-ui/src/CustomDictationInterims.js similarity index 100% rename from samples/breakaway-speech-button/src/CustomDictationInterims.js rename to samples/13.customization-speech-ui/src/CustomDictationInterims.js diff --git a/samples/breakaway-speech-button/src/CustomMicrophoneButton.js b/samples/13.customization-speech-ui/src/CustomMicrophoneButton.js similarity index 100% rename from samples/breakaway-speech-button/src/CustomMicrophoneButton.js rename to samples/13.customization-speech-ui/src/CustomMicrophoneButton.js diff --git a/samples/breakaway-speech-button/src/LastBotActivity.js b/samples/13.customization-speech-ui/src/LastBotActivity.js similarity index 100% rename from samples/breakaway-speech-button/src/LastBotActivity.js rename to samples/13.customization-speech-ui/src/LastBotActivity.js diff --git a/samples/breakaway-speech-button/src/MicrophoneIcon.js b/samples/13.customization-speech-ui/src/MicrophoneIcon.js similarity index 100% rename from samples/breakaway-speech-button/src/MicrophoneIcon.js rename to samples/13.customization-speech-ui/src/MicrophoneIcon.js diff --git a/samples/breakaway-speech-button/src/fetchBingSpeechToken.js b/samples/13.customization-speech-ui/src/fetchBingSpeechToken.js similarity index 100% rename from samples/breakaway-speech-button/src/fetchBingSpeechToken.js rename to samples/13.customization-speech-ui/src/fetchBingSpeechToken.js diff --git a/samples/minimize-mode/src/index.css b/samples/13.customization-speech-ui/src/index.css similarity index 100% rename from samples/minimize-mode/src/index.css rename to samples/13.customization-speech-ui/src/index.css diff --git a/samples/breakaway-speech-button/src/index.js b/samples/13.customization-speech-ui/src/index.js similarity index 100% rename from samples/breakaway-speech-button/src/index.js rename to samples/13.customization-speech-ui/src/index.js diff --git a/samples/breakaway-speech-button/src/logo.svg b/samples/13.customization-speech-ui/src/logo.svg similarity index 100% rename from samples/breakaway-speech-button/src/logo.svg rename to samples/13.customization-speech-ui/src/logo.svg diff --git a/samples/breakaway-speech-button/src/serviceWorker.js b/samples/13.customization-speech-ui/src/serviceWorker.js similarity index 100% rename from samples/breakaway-speech-button/src/serviceWorker.js rename to samples/13.customization-speech-ui/src/serviceWorker.js diff --git a/samples/redux-activity-middleware/.gitignore b/samples/14.customization-piping-to-redux/.gitignore similarity index 100% rename from samples/redux-activity-middleware/.gitignore rename to samples/14.customization-piping-to-redux/.gitignore diff --git a/samples/redux-activity-middleware/README.md b/samples/14.customization-piping-to-redux/README.md similarity index 100% rename from samples/redux-activity-middleware/README.md rename to samples/14.customization-piping-to-redux/README.md diff --git a/samples/redux-activity-middleware/package-lock.json b/samples/14.customization-piping-to-redux/package-lock.json similarity index 100% rename from samples/redux-activity-middleware/package-lock.json rename to samples/14.customization-piping-to-redux/package-lock.json diff --git a/samples/redux-activity-middleware/package.json b/samples/14.customization-piping-to-redux/package.json similarity index 100% rename from samples/redux-activity-middleware/package.json rename to samples/14.customization-piping-to-redux/package.json diff --git a/samples/redux-activity-middleware/public/favicon.ico b/samples/14.customization-piping-to-redux/public/favicon.ico similarity index 100% rename from samples/redux-activity-middleware/public/favicon.ico rename to samples/14.customization-piping-to-redux/public/favicon.ico diff --git a/samples/redux-activity-middleware/public/index.html b/samples/14.customization-piping-to-redux/public/index.html similarity index 100% rename from samples/redux-activity-middleware/public/index.html rename to samples/14.customization-piping-to-redux/public/index.html diff --git a/samples/redux-activity-middleware/public/manifest.json b/samples/14.customization-piping-to-redux/public/manifest.json similarity index 100% rename from samples/redux-activity-middleware/public/manifest.json rename to samples/14.customization-piping-to-redux/public/manifest.json diff --git a/samples/redux-activity-middleware/src/App.js b/samples/14.customization-piping-to-redux/src/App.js similarity index 100% rename from samples/redux-activity-middleware/src/App.js rename to samples/14.customization-piping-to-redux/src/App.js diff --git a/samples/redux-activity-middleware/src/WebChat.js b/samples/14.customization-piping-to-redux/src/WebChat.js similarity index 100% rename from samples/redux-activity-middleware/src/WebChat.js rename to samples/14.customization-piping-to-redux/src/WebChat.js diff --git a/samples/redux-activity-middleware/src/dispatchIncomingActivityMiddleware.js b/samples/14.customization-piping-to-redux/src/dispatchIncomingActivityMiddleware.js similarity index 100% rename from samples/redux-activity-middleware/src/dispatchIncomingActivityMiddleware.js rename to samples/14.customization-piping-to-redux/src/dispatchIncomingActivityMiddleware.js diff --git a/samples/redux-activity-middleware/src/index.css b/samples/14.customization-piping-to-redux/src/index.css similarity index 100% rename from samples/redux-activity-middleware/src/index.css rename to samples/14.customization-piping-to-redux/src/index.css diff --git a/samples/redux-activity-middleware/src/index.js b/samples/14.customization-piping-to-redux/src/index.js similarity index 100% rename from samples/redux-activity-middleware/src/index.js rename to samples/14.customization-piping-to-redux/src/index.js diff --git a/samples/redux-activity-middleware/src/redux/actions.js b/samples/14.customization-piping-to-redux/src/redux/actions.js similarity index 100% rename from samples/redux-activity-middleware/src/redux/actions.js rename to samples/14.customization-piping-to-redux/src/redux/actions.js diff --git a/samples/redux-activity-middleware/src/redux/reducer.js b/samples/14.customization-piping-to-redux/src/redux/reducer.js similarity index 100% rename from samples/redux-activity-middleware/src/redux/reducer.js rename to samples/14.customization-piping-to-redux/src/redux/reducer.js diff --git a/samples/redux-activity-middleware/src/redux/store.js b/samples/14.customization-piping-to-redux/src/redux/store.js similarity index 100% rename from samples/redux-activity-middleware/src/redux/store.js rename to samples/14.customization-piping-to-redux/src/redux/store.js diff --git a/samples/redux-activity-middleware/src/registerServiceWorker.js b/samples/14.customization-piping-to-redux/src/registerServiceWorker.js similarity index 100% rename from samples/redux-activity-middleware/src/registerServiceWorker.js rename to samples/14.customization-piping-to-redux/src/registerServiceWorker.js diff --git a/samples/minimal-bundle/README.md b/samples/2.a.getting-started-minimal-bundle/README.md similarity index 100% rename from samples/minimal-bundle/README.md rename to samples/2.a.getting-started-minimal-bundle/README.md diff --git a/samples/minimal-bundle/index.html b/samples/2.a.getting-started-minimal-bundle/index.html similarity index 100% rename from samples/minimal-bundle/index.html rename to samples/2.a.getting-started-minimal-bundle/index.html diff --git a/samples/minimal-bundle-with-markdown/README.md b/samples/2.b.getting-started-minimal-markdown/README.md similarity index 100% rename from samples/minimal-bundle-with-markdown/README.md rename to samples/2.b.getting-started-minimal-markdown/README.md diff --git a/samples/minimal-bundle-with-markdown/index.html b/samples/2.b.getting-started-minimal-markdown/index.html similarity index 100% rename from samples/minimal-bundle-with-markdown/index.html rename to samples/2.b.getting-started-minimal-markdown/index.html diff --git a/samples/integrate-with-react/README.md b/samples/3.a.host-with-react/README.md similarity index 100% rename from samples/integrate-with-react/README.md rename to samples/3.a.host-with-react/README.md diff --git a/samples/integrate-with-react/index.html b/samples/3.a.host-with-react/index.html similarity index 100% rename from samples/integrate-with-react/index.html rename to samples/3.a.host-with-react/index.html diff --git a/samples/avatar-initials/README.md b/samples/4.display-user-bot-initials-styling/README.md similarity index 100% rename from samples/avatar-initials/README.md rename to samples/4.display-user-bot-initials-styling/README.md diff --git a/samples/avatar-initials/index.html b/samples/4.display-user-bot-initials-styling/index.html similarity index 100% rename from samples/avatar-initials/index.html rename to samples/4.display-user-bot-initials-styling/index.html diff --git a/samples/custom-style-options/index.html b/samples/5.a.branding-webchat-styling/index.html similarity index 100% rename from samples/custom-style-options/index.html rename to samples/5.a.branding-webchat-styling/index.html diff --git a/samples/custom-style-set/index.html b/samples/5.b.idiosyncratic-manual-styling/index.html similarity index 100% rename from samples/custom-style-set/index.html rename to samples/5.b.idiosyncratic-manual-styling/index.html diff --git a/samples/presentation-mode/README.md b/samples/5.c.presentation-mode-styling/README.md similarity index 100% rename from samples/presentation-mode/README.md rename to samples/5.c.presentation-mode-styling/README.md diff --git a/samples/presentation-mode/index.html b/samples/5.c.presentation-mode-styling/index.html similarity index 100% rename from samples/presentation-mode/index.html rename to samples/5.c.presentation-mode-styling/index.html diff --git a/samples/speech-cognitive-services-bing-speech/README.md b/samples/6.a.cognitive-services-bing-speech-js/README.md similarity index 100% rename from samples/speech-cognitive-services-bing-speech/README.md rename to samples/6.a.cognitive-services-bing-speech-js/README.md diff --git a/samples/speech-cognitive-services-bing-speech/index.html b/samples/6.a.cognitive-services-bing-speech-js/index.html similarity index 100% rename from samples/speech-cognitive-services-bing-speech/index.html rename to samples/6.a.cognitive-services-bing-speech-js/index.html diff --git a/samples/speech-cognitive-services-bing-speech-react/index.html b/samples/6.b.cognitive-services-bing-speech-react/index.html similarity index 100% rename from samples/speech-cognitive-services-bing-speech-react/index.html rename to samples/6.b.cognitive-services-bing-speech-react/index.html diff --git a/samples/speech-browser/README.md b/samples/6.e.speech-web-browser/README.md similarity index 100% rename from samples/speech-browser/README.md rename to samples/6.e.speech-web-browser/README.md diff --git a/samples/speech-browser/index.html b/samples/6.e.speech-web-browser/index.html similarity index 100% rename from samples/speech-browser/index.html rename to samples/6.e.speech-web-browser/index.html diff --git a/samples/speech-browser/serve.json b/samples/6.e.speech-web-browser/serve.json similarity index 100% rename from samples/speech-browser/serve.json rename to samples/6.e.speech-web-browser/serve.json diff --git a/samples/timestamp-grouping/index.html b/samples/7.customization-timestamp-grouping/index.html similarity index 100% rename from samples/timestamp-grouping/index.html rename to samples/7.customization-timestamp-grouping/index.html diff --git a/samples/activity-decorator-highlight/README.md b/samples/8.customization-user-highlighting/README.md similarity index 100% rename from samples/activity-decorator-highlight/README.md rename to samples/8.customization-user-highlighting/README.md diff --git a/samples/activity-decorator-highlight/index.html b/samples/8.customization-user-highlighting/index.html similarity index 100% rename from samples/activity-decorator-highlight/index.html rename to samples/8.customization-user-highlighting/index.html diff --git a/samples/activity-decorator-button/README.md b/samples/9.customization-reaction-buttons/README.md similarity index 100% rename from samples/activity-decorator-button/README.md rename to samples/9.customization-reaction-buttons/README.md diff --git a/samples/activity-decorator-button/index.html b/samples/9.customization-reaction-buttons/index.html similarity index 100% rename from samples/activity-decorator-button/index.html rename to samples/9.customization-reaction-buttons/index.html From 83b4d3b75f53bd99255656e86304bd0fb79a73d5 Mon Sep 17 00:00:00 2001 From: Corina Date: Tue, 4 Dec 2018 11:21:59 -0800 Subject: [PATCH 3/7] Update CHANGELOG.md --- CHANGELOG.md | 1 + 1 file changed, 1 insertion(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index a86fceac7e..0842de3c5a 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -44,6 +44,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0. ### Fixed - Fix [#1397](https://github.com/Microsoft/BotFramework-WebChat/issues/1397/) by patching activities without `from` field, in PR [#1405](https://github.com/Microsoft/BotFramework-WebChat/pull/1405) - Fix [#1237](https://github.com/Microsoft/BotFramework-WebChat/issues/1237). Added new sample called `migration`, by [@corinagum](https://github.com/corinagum) in PR [#1398](https://github.com/Microsoft/BotFramework-WebChat/pull/1398) +- Fix sample names and add table to README; resolves [Issue #1332](https://github.com/Microsoft/BotFramework-WebChat/issues/1332) by [@corinagum](https://github.com/corinagum) in PR [#1435](https://github.com/Microsoft/BotFramework-WebChat/pull/1435) ## [4.1.0] - 2018-10-31 ### Added From 7fc619c4308dbea037f35c7d9bea83c4fe3eee07 Mon Sep 17 00:00:00 2001 From: William Wong Date: Tue, 4 Dec 2018 11:30:33 -0800 Subject: [PATCH 4/7] Clean up table alignment --- README.md | 50 +++++++++++++++++++++++++------------------------- 1 file changed, 25 insertions(+), 25 deletions(-) diff --git a/README.md b/README.md index 460dd3ccab..c0a0c0ba8a 100644 --- a/README.md +++ b/README.md @@ -200,31 +200,31 @@ npm run prepublishOnly # Samples list -| Sample Name | Description | Bot | Link | -|------------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------------|-------------------------------------------------------------------------------------------------------------------| -| 1.a.getting-started-full-bundle | Introduces Web Chat embed from a CDN, and demonstrates a simple, full-featured Web Chat. This includes Adaptive Cards, Cognitive Services, and Markdown-It dependencies. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/1.a.getting-started-full-bundle) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/1.a.getting-started-full-bundle) | -| 1.b.getting-started-es5-bundle | Introduces full-featured Web Chat embed with backwards compatibility for ES5 browsers using Web Chat's ES5 ponyfill. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/1.b.getting-started-es5-bundle) | [View](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/1.b.getting-started-es5-bundle) | -| 1.c.getting-started-migration | Demonstrates how to migrate from your Web Chat v3 bot to v4. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/1.c.getting-started-migration) | [View](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/1.c.getting-started-migration) | -| 2.a.getting-started-minimal-bundle | Introduces the minimized CDN with only basic dependencies. This does NOT include Adaptive Cards, Cognitive Services dependencies, or Markdown-It dependencies. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/2.a.getting-started-minimal-bundle) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/2.a.getting-started-minimal-bundle) | -| 2.b.getting-started-minimal-markdown | Demonstrates how to add the CDN for Markdown-It dependency on top of the minimal bundle. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/2.b.getting-started-minimal-markdown) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/2.b.getting-started-minimal-markdown) | -| 3.a.host-with-react | Demonstrates how to create a React component that hosts the full-featured Web Chat. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/3.a.host-with-react) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/3.a.host-with-react) | -| 3.b.host-with-Angular5 | Demonstrates how to create an Angular component that hosts the full-featured Web Chat. | | [not available](https://github.com/Microsoft/BotFramework-WebChat/issues/1423) | -| 4.display-user-bot-initials-styling | Demonstrates how to display initials for both Web Chat participants. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/4.display-user-bot-initials-styling) | [View](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/4.display-user-bot-initials-styling) | -| 5.a.branding-webchat-styling | Introduces the ability to style Web Chat to match your brand. This method of custom styling will not break upon Web Chat updates. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/5.a.branding-webchat-styling) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/5.a.branding-webchat-styling) | -| 5.b.idiosyncratic-manual-styling | Demonstrates how to make manual style changes, and is a more complicated and time-consuming way to customize styling of Web Chat. Manual styles may be broken upon Web Chat updates. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/5.b.idiosyncratic-manual-styling) | [View](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/5.b.idiosyncratic-manual-styling/) | -| 5.c.presentation-mode-styling | Demonstrates how to set up Presentation Mode, which displays chat history but does not show the send box, and disables the interactivity of Adaptive Cards. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/5.c.presentation-mode-styling) | [View](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/5.c.presentation-mode-styling) | -| 6.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. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/6.a.cognitive-services-bing-speech-js) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/6.a.cognitive-services-bing-speech-js) | -| 6.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. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/6.b.cognitive-services-bing-speech-react) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/6.b.cognitive-services-bing-speech-react) | -| 6.d.cognitive-services-speech-services | Introduces speech-to-text and text-to-speech ability using Cognitive Services Speech Services API. | | [not available](https://github.com/Microsoft/BotFramework-WebChat/issues/1424) | -| 6.e.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) | [Test bot](https://microsoft.github.io/BotFramework-WebChat/6.e.speech-web-browser) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/6.e.speech-web-browser) | -| 7.customization-timestamp-grouping | Demonstrates how to customize timestamps by showing or hiding timestamps and changing the grouping of messages by time. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/7.customization-timestamp-grouping) | [View](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/7.customization-timestamp-grouping) | -| 8.customization-user-highlighting | Demonstrates how to customize the styling of activities based whether the message is from the user or the bot. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/8.customization-user-highlighting) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/8.customization-user-highlighting) | -| 9.customization-reaction-buttons | Introduces the ability to create custom components for Web Chat that are unique to your bot's needs. This tutorial demonstrates the ability to add reaction emoji such as :thumbsup: and :thumbsdown: to conversational activities. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/9.customization-reaction-buttons) | [View](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/9.customization-reaction-buttons/) | -| 10.customization-card-components | Demonstrates how to create custom activity card attachments, in this case GitHub repository cards. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/10.customization-card-components) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/10.customization-card-components) | -| 11.customization-redux-actions | Advanced tutorial: Demonstrates how to incorporate redux middleware into your Web Chat app by sending redux actions through the bot. This example demonstrates manual styling based on activities between bot and user. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/11.customization-redux-actions) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/11.customization-redux-actions) | -| 12.customization-minimizable-web-chat | Advanced tutorial: Demonstrates how to add the Web Chat interface to your website as a minimizable show/hide chat box. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/12.customization-minimizable-web-chat) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/12.customization-minimizable-web-chat) | -| 13.customization-speech-ui | Advanced tutorial: Demonstrates how to fully customize key components of your bot, in this case speech, which entirely replaces the text-based transcript UI and instead shows a simple speech button with the bot's response. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/13.customization-speech-ui) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/13.customization-speech-ui) | -| 14.customization-piping-to-redux | Advanced tutorial: Demonstrates how to pipe bot activities to your own Redux store and use your bot to control your page through bot activities and Redux. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/14.customization-piping-to-redux) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/14.customization-piping-to-redux) | +| Sample Name | Description | Bot | Link | +|------------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------------------------------------|------------------------------------------------------------------------------------------------------------------------| +| 1.a.getting-started-full-bundle | Introduces Web Chat embed from a CDN, and demonstrates a simple, full-featured Web Chat. This includes Adaptive Cards, Cognitive Services, and Markdown-It dependencies. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/1.a.getting-started-full-bundle) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/1.a.getting-started-full-bundle) | +| 1.b.getting-started-es5-bundle | Introduces full-featured Web Chat embed with backwards compatibility for ES5 browsers using Web Chat's ES5 ponyfill. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/1.b.getting-started-es5-bundle) | [View](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/1.b.getting-started-es5-bundle) | +| 1.c.getting-started-migration | Demonstrates how to migrate from your Web Chat v3 bot to v4. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/1.c.getting-started-migration) | [View](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/1.c.getting-started-migration) | +| 2.a.getting-started-minimal-bundle | Introduces the minimized CDN with only basic dependencies. This does NOT include Adaptive Cards, Cognitive Services dependencies, or Markdown-It dependencies. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/2.a.getting-started-minimal-bundle) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/2.a.getting-started-minimal-bundle) | +| 2.b.getting-started-minimal-markdown | Demonstrates how to add the CDN for Markdown-It dependency on top of the minimal bundle. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/2.b.getting-started-minimal-markdown) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/2.b.getting-started-minimal-markdown) | +| 3.a.host-with-react | Demonstrates how to create a React component that hosts the full-featured Web Chat. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/3.a.host-with-react) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/3.a.host-with-react) | +| 3.b.host-with-Angular5 | Demonstrates how to create an Angular component that hosts the full-featured Web Chat. | | [not available](https://github.com/Microsoft/BotFramework-WebChat/issues/1423) | +| 4.display-user-bot-initials-styling | Demonstrates how to display initials for both Web Chat participants. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/4.display-user-bot-initials-styling) | [View](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/4.display-user-bot-initials-styling) | +| 5.a.branding-webchat-styling | Introduces the ability to style Web Chat to match your brand. This method of custom styling will not break upon Web Chat updates. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/5.a.branding-webchat-styling) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/5.a.branding-webchat-styling) | +| 5.b.idiosyncratic-manual-styling | Demonstrates how to make manual style changes, and is a more complicated and time-consuming way to customize styling of Web Chat. Manual styles may be broken upon Web Chat updates. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/5.b.idiosyncratic-manual-styling) | [View](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/5.b.idiosyncratic-manual-styling/) | +| 5.c.presentation-mode-styling | Demonstrates how to set up Presentation Mode, which displays chat history but does not show the send box, and disables the interactivity of Adaptive Cards. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/5.c.presentation-mode-styling) | [View](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/5.c.presentation-mode-styling) | +| 6.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. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/6.a.cognitive-services-bing-speech-js) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/6.a.cognitive-services-bing-speech-js) | +| 6.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. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/6.b.cognitive-services-bing-speech-react) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/6.b.cognitive-services-bing-speech-react) | +| 6.d.cognitive-services-speech-services | Introduces speech-to-text and text-to-speech ability using Cognitive Services Speech Services API. | | [not available](https://github.com/Microsoft/BotFramework-WebChat/issues/1424) | +| 6.e.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) | [Test bot](https://microsoft.github.io/BotFramework-WebChat/6.e.speech-web-browser) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/6.e.speech-web-browser) | +| 7.customization-timestamp-grouping | Demonstrates how to customize timestamps by showing or hiding timestamps and changing the grouping of messages by time. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/7.customization-timestamp-grouping) | [View](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/7.customization-timestamp-grouping) | +| 8.customization-user-highlighting | Demonstrates how to customize the styling of activities based whether the message is from the user or the bot. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/8.customization-user-highlighting) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/8.customization-user-highlighting) | +| 9.customization-reaction-buttons | Introduces the ability to create custom components for Web Chat that are unique to your bot's needs. This tutorial demonstrates the ability to add reaction emoji such as :thumbsup: and :thumbsdown: to conversational activities. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/9.customization-reaction-buttons) | [View](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/9.customization-reaction-buttons/) | +| 10.customization-card-components | Demonstrates how to create custom activity card attachments, in this case GitHub repository cards. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/10.customization-card-components) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/10.customization-card-components) | +| 11.customization-redux-actions | Advanced tutorial: Demonstrates how to incorporate redux middleware into your Web Chat app by sending redux actions through the bot. This example demonstrates manual styling based on activities between bot and user. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/11.customization-redux-actions) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/11.customization-redux-actions) | +| 12.customization-minimizable-web-chat | Advanced tutorial: Demonstrates how to add the Web Chat interface to your website as a minimizable show/hide chat box. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/12.customization-minimizable-web-chat) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/12.customization-minimizable-web-chat) | +| 13.customization-speech-ui | Advanced tutorial: Demonstrates how to fully customize key components of your bot, in this case speech, which entirely replaces the text-based transcript UI and instead shows a simple speech button with the bot's response. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/13.customization-speech-ui) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/13.customization-speech-ui) | +| 14.customization-piping-to-redux | Advanced tutorial: Demonstrates how to pipe bot activities to your own Redux store and use your bot to control your page through bot activities and Redux. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/14.customization-piping-to-redux) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/14.customization-piping-to-redux) | # Contributions From 40bf7db753cbbcb9cfec73dd37f2831dbcb33d8a Mon Sep 17 00:00:00 2001 From: William Wong Date: Tue, 4 Dec 2018 11:36:00 -0800 Subject: [PATCH 5/7] Trying out different layout --- README.md | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/README.md b/README.md index c0a0c0ba8a..3948c1fec5 100644 --- a/README.md +++ b/README.md @@ -200,6 +200,14 @@ npm run prepublishOnly # Samples list +| Description | Link | +|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------| +| **[`1.a.getting-started-full-bundle`](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/1.a.getting-started-full-bundle)**

Introduces Web Chat embed from a CDN, and demonstrates a simple, full-featured Web Chat. This includes Adaptive Cards, Cognitive Services, and Markdown-It dependencies. | [Live demo](https://microsoft.github.io/BotFramework-WebChat/1.a.getting-started-full-bundle) | + +| Sample Name | Description | Link | +|--------------------------------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------| +| [`1.a.getting-started-full-bundle`](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/1.a.getting-started-full-bundle) | Introduces Web Chat embed from a CDN, and demonstrates a simple, full-featured Web Chat. This includes Adaptive Cards, Cognitive Services, and Markdown-It dependencies. | [Live demo](https://microsoft.github.io/BotFramework-WebChat/1.a.getting-started-full-bundle) | + | Sample Name | Description | Bot | Link | |------------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------------------------------------|------------------------------------------------------------------------------------------------------------------------| | 1.a.getting-started-full-bundle | Introduces Web Chat embed from a CDN, and demonstrates a simple, full-featured Web Chat. This includes Adaptive Cards, Cognitive Services, and Markdown-It dependencies. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/1.a.getting-started-full-bundle) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/1.a.getting-started-full-bundle) | From 02afe65c57d0b1034ab6ff01a606b8ae4518ad0e Mon Sep 17 00:00:00 2001 From: Corina Date: Tue, 4 Dec 2018 14:00:40 -0800 Subject: [PATCH 6/7] fixes for sample table --- README.md | 56 ++++++++----------- .../README.md | 0 .../index.html | 0 .../serve.json | 0 4 files changed, 24 insertions(+), 32 deletions(-) rename samples/{6.e.speech-web-browser => 6.d.speech-web-browser}/README.md (100%) rename samples/{6.e.speech-web-browser => 6.d.speech-web-browser}/index.html (100%) rename samples/{6.e.speech-web-browser => 6.d.speech-web-browser}/serve.json (100%) diff --git a/README.md b/README.md index 3948c1fec5..93d5d9461e 100644 --- a/README.md +++ b/README.md @@ -200,39 +200,31 @@ npm run prepublishOnly # Samples list -| Description | Link | -|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------| -| **[`1.a.getting-started-full-bundle`](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/1.a.getting-started-full-bundle)**

Introduces Web Chat embed from a CDN, and demonstrates a simple, full-featured Web Chat. This includes Adaptive Cards, Cognitive Services, and Markdown-It dependencies. | [Live demo](https://microsoft.github.io/BotFramework-WebChat/1.a.getting-started-full-bundle) | - -| Sample Name | Description | Link | +| Sample Name | Description | Link | |--------------------------------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------| -| [`1.a.getting-started-full-bundle`](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/1.a.getting-started-full-bundle) | Introduces Web Chat embed from a CDN, and demonstrates a simple, full-featured Web Chat. This includes Adaptive Cards, Cognitive Services, and Markdown-It dependencies. | [Live demo](https://microsoft.github.io/BotFramework-WebChat/1.a.getting-started-full-bundle) | - -| Sample Name | Description | Bot | Link | -|------------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------------------------------------|------------------------------------------------------------------------------------------------------------------------| -| 1.a.getting-started-full-bundle | Introduces Web Chat embed from a CDN, and demonstrates a simple, full-featured Web Chat. This includes Adaptive Cards, Cognitive Services, and Markdown-It dependencies. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/1.a.getting-started-full-bundle) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/1.a.getting-started-full-bundle) | -| 1.b.getting-started-es5-bundle | Introduces full-featured Web Chat embed with backwards compatibility for ES5 browsers using Web Chat's ES5 ponyfill. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/1.b.getting-started-es5-bundle) | [View](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/1.b.getting-started-es5-bundle) | -| 1.c.getting-started-migration | Demonstrates how to migrate from your Web Chat v3 bot to v4. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/1.c.getting-started-migration) | [View](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/1.c.getting-started-migration) | -| 2.a.getting-started-minimal-bundle | Introduces the minimized CDN with only basic dependencies. This does NOT include Adaptive Cards, Cognitive Services dependencies, or Markdown-It dependencies. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/2.a.getting-started-minimal-bundle) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/2.a.getting-started-minimal-bundle) | -| 2.b.getting-started-minimal-markdown | Demonstrates how to add the CDN for Markdown-It dependency on top of the minimal bundle. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/2.b.getting-started-minimal-markdown) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/2.b.getting-started-minimal-markdown) | -| 3.a.host-with-react | Demonstrates how to create a React component that hosts the full-featured Web Chat. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/3.a.host-with-react) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/3.a.host-with-react) | -| 3.b.host-with-Angular5 | Demonstrates how to create an Angular component that hosts the full-featured Web Chat. | | [not available](https://github.com/Microsoft/BotFramework-WebChat/issues/1423) | -| 4.display-user-bot-initials-styling | Demonstrates how to display initials for both Web Chat participants. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/4.display-user-bot-initials-styling) | [View](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/4.display-user-bot-initials-styling) | -| 5.a.branding-webchat-styling | Introduces the ability to style Web Chat to match your brand. This method of custom styling will not break upon Web Chat updates. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/5.a.branding-webchat-styling) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/5.a.branding-webchat-styling) | -| 5.b.idiosyncratic-manual-styling | Demonstrates how to make manual style changes, and is a more complicated and time-consuming way to customize styling of Web Chat. Manual styles may be broken upon Web Chat updates. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/5.b.idiosyncratic-manual-styling) | [View](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/5.b.idiosyncratic-manual-styling/) | -| 5.c.presentation-mode-styling | Demonstrates how to set up Presentation Mode, which displays chat history but does not show the send box, and disables the interactivity of Adaptive Cards. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/5.c.presentation-mode-styling) | [View](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/5.c.presentation-mode-styling) | -| 6.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. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/6.a.cognitive-services-bing-speech-js) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/6.a.cognitive-services-bing-speech-js) | -| 6.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. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/6.b.cognitive-services-bing-speech-react) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/6.b.cognitive-services-bing-speech-react) | -| 6.d.cognitive-services-speech-services | Introduces speech-to-text and text-to-speech ability using Cognitive Services Speech Services API. | | [not available](https://github.com/Microsoft/BotFramework-WebChat/issues/1424) | -| 6.e.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) | [Test bot](https://microsoft.github.io/BotFramework-WebChat/6.e.speech-web-browser) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/6.e.speech-web-browser) | -| 7.customization-timestamp-grouping | Demonstrates how to customize timestamps by showing or hiding timestamps and changing the grouping of messages by time. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/7.customization-timestamp-grouping) | [View](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/7.customization-timestamp-grouping) | -| 8.customization-user-highlighting | Demonstrates how to customize the styling of activities based whether the message is from the user or the bot. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/8.customization-user-highlighting) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/8.customization-user-highlighting) | -| 9.customization-reaction-buttons | Introduces the ability to create custom components for Web Chat that are unique to your bot's needs. This tutorial demonstrates the ability to add reaction emoji such as :thumbsup: and :thumbsdown: to conversational activities. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/9.customization-reaction-buttons) | [View](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/9.customization-reaction-buttons/) | -| 10.customization-card-components | Demonstrates how to create custom activity card attachments, in this case GitHub repository cards. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/10.customization-card-components) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/10.customization-card-components) | -| 11.customization-redux-actions | Advanced tutorial: Demonstrates how to incorporate redux middleware into your Web Chat app by sending redux actions through the bot. This example demonstrates manual styling based on activities between bot and user. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/11.customization-redux-actions) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/11.customization-redux-actions) | -| 12.customization-minimizable-web-chat | Advanced tutorial: Demonstrates how to add the Web Chat interface to your website as a minimizable show/hide chat box. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/12.customization-minimizable-web-chat) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/12.customization-minimizable-web-chat) | -| 13.customization-speech-ui | Advanced tutorial: Demonstrates how to fully customize key components of your bot, in this case speech, which entirely replaces the text-based transcript UI and instead shows a simple speech button with the bot's response. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/13.customization-speech-ui) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/13.customization-speech-ui) | -| 14.customization-piping-to-redux | Advanced tutorial: Demonstrates how to pipe bot activities to your own Redux store and use your bot to control your page through bot activities and Redux. | [Test bot](https://microsoft.github.io/BotFramework-WebChat/14.customization-piping-to-redux) | [View](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/14.customization-piping-to-redux) | +| [`1.a.getting-started-full-bundle`](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/1.a.getting-started-full-bundle) | Introduces Web Chat embed from a CDN, and demonstrates a simple, full-featured Web Chat. This includes Adaptive Cards, Cognitive Services, and Markdown-It dependencies. | [Demo](https://microsoft.github.io/BotFramework-WebChat/1.a.getting-started-full-bundle) | +| [`1.b.getting-started-es5-bundle`](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/1.b.getting-started-es5-bundle) | Introduces full-featured Web Chat embed with backwards compatibility for ES5 browsers using Web Chat's ES5 ponyfill. | [Demo](https://microsoft.github.io/BotFramework-WebChat/1.b.getting-started-es5-bundle) | | +| [`1.c.getting-started-migration`](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/1.c.getting-started-migration) | Demonstrates how to migrate from your Web Chat v3 bot to v4. | [Demo](https://microsoft.github.io/BotFramework-WebChat/1.c.getting-started-migration) | | +| [`2.a.getting-started-minimal-bundle`](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/2.a.getting-started-minimal-bundle) | Introduces the minimized CDN with only basic dependencies. This does NOT include Adaptive Cards, Cognitive Services dependencies, or Markdown-It dependencies. | [Demo](https://microsoft.github.io/BotFramework-WebChat/2.a.getting-started-minimal-bundle) | | +| [`2.b.getting-started-minimal-markdown`](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/2.b.getting-started-minimal-markdown) | Demonstrates how to add the CDN for Markdown-It dependency on top of the minimal bundle. | [Demo](https://microsoft.github.io/BotFramework-WebChat/2.b.getting-started-minimal-markdown) | +| [`3.a.host-with-react`](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/3.a.host-with-react) | Demonstrates how to create a React component that hosts the full-featured Web Chat. | [Demo](https://microsoft.github.io/BotFramework-WebChat/3.a.host-with-react) | | +| [`3.b.host-with-Angular5`](https://github.com/Microsoft/BotFramework-WebChat/issues/1423) | Demonstrates how to create an Angular component that hosts the full-featured Web Chat. | | +| [`4.display-user-bot-initials-styling`](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/4.display-user-bot-initials-styling) | Demonstrates how to display initials for both Web Chat participants. | [Demo](https://microsoft.github.io/BotFramework-WebChat/4.display-user-bot-initials-styling) | +| [`5.a.branding-webchat-styling`](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/5.a.branding-webchat-styling) | Introduces the ability to style Web Chat to match your brand. This method of custom styling will not break upon Web Chat updates. | [Demo](https://microsoft.github.io/BotFramework-WebChat/5.a.branding-webchat-styling) | +| [`5.b.idiosyncratic-manual-styling`](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/5.b.idiosyncratic-manual-styling/) | Demonstrates how to make manual style changes, and is a more complicated and time-consuming way to customize styling of Web Chat. Manual styles may be broken upon Web Chat updates. | [Demo](https://microsoft.github.io/BotFramework-WebChat/5.b.idiosyncratic-manual-styling) | +| [`5.c.presentation-mode-styling`](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/5.c.presentation-mode-styling) | Demonstrates how to set up Presentation Mode, which displays chat history but does not show the send box, and disables the interactivity of Adaptive Cards. | [Demo](https://microsoft.github.io/BotFramework-WebChat/5.c.presentation-mode-styling) | +| [`6.a.cognitive-services-bing-speech-js`](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/6.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. | [Demo](https://microsoft.github.io/BotFramework-WebChat/6.a.cognitive-services-bing-speech-js) | +| [`6.b.cognitive-services-bing-speech-react`](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/6.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. | [Demo](https://microsoft.github.io/BotFramework-WebChat/6.b.cognitive-services-bing-speech-react) | +| [`6.c.cognitive-services-speech-services`](https://github.com/Microsoft/BotFramework-WebChat/issues/1424) | Introduces speech-to-text and text-to-speech ability using Cognitive Services Speech Services API. | | +| [`6.d.speech-web-browser`](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/6.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) | [Demo](https://microsoft.github.io/BotFramework-WebChat/6.d.speech-web-browser) | +| [`7.customization-timestamp-grouping`](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/7.customization-timestamp-grouping) | Demonstrates how to customize timestamps by showing or hiding timestamps and changing the grouping of messages by time. | [Demo](https://microsoft.github.io/BotFramework-WebChat/7.customization-timestamp-grouping) | +| [`8.customization-user-highlighting`](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/8.customization-user-highlighting) | Demonstrates how to customize the styling of activities based whether the message is from the user or the bot. | [Demo](https://microsoft.github.io/BotFramework-WebChat/8.customization-user-highlighting) | +| [`9.customization-reaction-buttons`](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/9.customization-reaction-buttons/) | Introduces the ability to create custom components for Web Chat that are unique to your bot's needs. This tutorial demonstrates the ability to add reaction emoji such as :thumbsup: and :thumbsdown: to conversational activities. | [Demo](https://microsoft.github.io/BotFramework-WebChat/9.customization-reaction-buttons) | +| [`10.customization-card-components`](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/10.customization-card-components) | Demonstrates how to create custom activity card attachments, in this case GitHub repository cards. | [Demo](https://microsoft.github.io/BotFramework-WebChat/10.customization-card-components) | +| [`11.customization-redux-actions`](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/11.customization-redux-actions) | Advanced tutorial: Demonstrates how to incorporate redux middleware into your Web Chat app by sending redux actions through the bot. This example demonstrates manual styling based on activities between bot and user. | [Demo](https://microsoft.github.io/BotFramework-WebChat/11.customization-redux-actions) | +| [`12.customization-minimizable-web-chat`](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/12.customization-minimizable-web-chat) | Advanced tutorial: Demonstrates how to add the Web Chat interface to your website as a minimizable show/hide chat box. | [Demo](https://microsoft.github.io/BotFramework-WebChat/12.customization-minimizable-web-chat) | +| [`13.customization-speech-ui`](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/13.customization-speech-ui) | Advanced tutorial: Demonstrates how to fully customize key components of your bot, in this case speech, which entirely replaces the text-based transcript UI and instead shows a simple speech button with the bot's response. | [Demo](https://microsoft.github.io/BotFramework-WebChat/13.customization-speech-ui) | +| [`14.customization-piping-to-redux`](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/14.customization-piping-to-redux) | Advanced tutorial: Demonstrates how to pipe bot activities to your own Redux store and use your bot to control your page through bot activities and Redux. | [Demo](https://microsoft.github.io/BotFramework-WebChat/14.customization-piping-to-redux) | # Contributions diff --git a/samples/6.e.speech-web-browser/README.md b/samples/6.d.speech-web-browser/README.md similarity index 100% rename from samples/6.e.speech-web-browser/README.md rename to samples/6.d.speech-web-browser/README.md diff --git a/samples/6.e.speech-web-browser/index.html b/samples/6.d.speech-web-browser/index.html similarity index 100% rename from samples/6.e.speech-web-browser/index.html rename to samples/6.d.speech-web-browser/index.html diff --git a/samples/6.e.speech-web-browser/serve.json b/samples/6.d.speech-web-browser/serve.json similarity index 100% rename from samples/6.e.speech-web-browser/serve.json rename to samples/6.d.speech-web-browser/serve.json From bead15f1f0068d6c345bbc71c1a5ca8bd257339c Mon Sep 17 00:00:00 2001 From: Corina Date: Tue, 4 Dec 2018 14:04:24 -0800 Subject: [PATCH 7/7] spacing fixes --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 93d5d9461e..c45824af06 100644 --- a/README.md +++ b/README.md @@ -200,7 +200,7 @@ npm run prepublishOnly # Samples list -| Sample Name | Description | Link | +|                Sample Name                    | Description | Link | |--------------------------------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------| | [`1.a.getting-started-full-bundle`](https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/1.a.getting-started-full-bundle) | Introduces Web Chat embed from a CDN, and demonstrates a simple, full-featured Web Chat. This includes Adaptive Cards, Cognitive Services, and Markdown-It dependencies. | [Demo](https://microsoft.github.io/BotFramework-WebChat/1.a.getting-started-full-bundle) | | [`1.b.getting-started-es5-bundle`](https://github.com/Microsoft/BotFramework-WebChat/blob/master/samples/1.b.getting-started-es5-bundle) | Introduces full-featured Web Chat embed with backwards compatibility for ES5 browsers using Web Chat's ES5 ponyfill. | [Demo](https://microsoft.github.io/BotFramework-WebChat/1.b.getting-started-es5-bundle) | |