MarkdownIt | Efficient Code Editor to live render Markdown | Editor library

I would like to know why we have resize:detect option in renderwebchat function for azure chat bot.Can someone explain me whats the outcome or whats the use of this option.

I've been trying to run my nuxt app in docker and the build seem to work for the most part other than it keep missing core.js dependencie. I've tried adding core-js manually, babel, tried to run the suggested install command in the error, but to no help.

Dockerfile:

I'm using @nuxtjs/markdownit to parse markdown files, I want to enable creating permanent links feature in 'markdown-it-anchor' plugin, I used following code in nuxt.config.js but not working:

I'd like to add renderMarkdown using the React component in the Bot framework. I am able to add through HTML like below and it's working as expected but my requirement is to add the same feature using the react.

I am creating a Nuxt.js application (created with npx and create-nuxt) that renders markdown (using markdown-it). I created a plugin for markdown-it. The plugin is in "helpers" directory.

nuxt.config.js

I had use the Bot Services sample from Microsoft Sample for Bot Services.

After I debug, the web page does not shown any thing. Here with my source code:

Every webchat session, I retrieve a token from a restify service which is talking to https://webchat.botframework.com/api/tokens. I use a directline secret to get the token. The token is retrieved correctly. When I use the token manually (by entering it in the html), webchat renders. When I pass a Javascript variable in the function I am unable to create the directline. Some guidance appreciated. A workaround would be to use secret in html but I rather not do that

I tried multiple syntaxes to pass the variable in: window.WebChat.createDirectLine({ webChatToken }) or (webChatToken) or ({ webChatToken }) or (token: webChatToken) and ({ token: webChatToken })

The only thing that worked was entering the token manually in the html.

I use the restify server already in my index.js (for a sample bot) to listen for and process token requests:

By overruling the defaultStyleOptions.js of the BotFramework webchat client, I am customizing the client. THis works fine for one part. I am not able to modify the focus color when hovering over Adaptive Card actions or hovering the send button (see attached picture) I tried overruling different properties that made sense but without succes. Help appreciated.

I tried modifying the following properties: default accent and default subtle cardEmphasisBackgroundColor sendBoxButtonColorOnFocus sendBoxButtonColorOnHover

There’s a typed module – 'markdown-it' – defining an interface that describes a class living in another (untyped) module – 'markdown-it/lib/token'

I would like to define typings for the latter, for which I created a .d.ts file: