Sending Activities

BotBuilder's pattern for sending activities via its TurnContext is similar to that in Teams SDK, but one key difference is that sending adaptive cards doesn't require constructing the entire activity yourself.

Diff

-    import { TeamsActivityHandler } from 'botbuilder';

-    export class ActivityHandler extends TeamsActivityHandler {
-      constructor() {
-        super();
-        this.onMessage(async (context) => {
-          await context.sendActivity({ type: 'typing' });
-        });
-      }
-    }
+    app.on('message', async ({ send }) => {
+      await send({ type: 'typing' });
+    });

BotBuilder

import { TeamsActivityHandler } from 'botbuilder';

export class ActivityHandler extends TeamsActivityHandler {
  constructor() {
    super();
    this.onMessage(async (context) => {
      await context.sendActivity({ type: 'typing' });
    });
  }
}

Teams SDK

app.on('message', async ({ send }) => {
  await send({ type: 'typing' });
});

Strings

Diff

-    import { TeamsActivityHandler } from 'botbuilder';

-    export class ActivityHandler extends TeamsActivityHandler {
-      constructor() {
-        super();
-        this.onMessage(async (context) => {
-          await context.sendActivity('hello world');
-        });
-      }
-    }
+    app.on('message', async ({ send }) => {
+      await send('hello world');
+    });

BotBuilder

import { TeamsActivityHandler } from 'botbuilder';

export class ActivityHandler extends TeamsActivityHandler {
  constructor() {
    super();
    this.onMessage(async (context) => {
      await context.sendActivity('hello world');
    });
  }
}

Teams SDK

app.on('message', async ({ send }) => {
  await send('hello world');
});

Adaptive Cards

Diff

-    import { TeamsActivityHandler, CardFactory } from 'botbuilder';
+    import { AdaptiveCard, TextBlock } from '@microsoft/teams.cards';

-    export class ActivityHandler extends TeamsActivityHandler {
-      constructor() {
-        super();
-        this.onMessage(async (context) => {
-          await context.sendActivity({
-            type: 'message',
-            attachments: [
-              CardFactory.adaptiveCard({
-                $schema: 'http://adaptivecards.io/schemas/adaptive-card.json',
-                type: 'AdaptiveCard',
-                version: '1.0',
-                body: [{
-                  type: 'TextBlock',
-                  text: 'hello world'
-                }]
-              })
-            ]
-          });
-        });
-      }
-    }
+    app.on('message', async ({ send }) => {
+      await send(new AdaptiveCard(new TextBlock('hello world')));
+    });

BotBuilder

import { TeamsActivityHandler, CardFactory } from 'botbuilder';

export class ActivityHandler extends TeamsActivityHandler {
  constructor() {
    super();
    this.onMessage(async (context) => {
      await context.sendActivity({
        type: 'message',
        attachments: [
          CardFactory.adaptiveCard({
            $schema: 'http://adaptivecards.io/schemas/adaptive-card.json',
            type: 'AdaptiveCard',
            version: '1.0',
            body: [{
              type: 'TextBlock',
              text: 'hello world'
            }]
          })
        ]
      });
    });
  }
}

Teams SDK

import { AdaptiveCard, TextBlock } from '@microsoft/teams.cards';

app.on('message', async ({ send }) => {
  await send(new AdaptiveCard(new TextBlock('hello world')));
});

Attachments

Diff

-    import { TeamsActivityHandler } from 'botbuilder';
+    import { AdaptiveCard, TextBlock } from '@microsoft/teams.cards';

-    export class ActivityHandler extends TeamsActivityHandler {
-      constructor() {
-        super();
-        this.onMessage(async (context) => {
-          await context.sendActivity({
-            type: 'message',
-            attachments: [
-              ...
-            ]
-          });
-        });
-      }
-    }
+    app.on('message', async ({ send }) => {
+      await send(new MessageActivity().addAttachment(...));
+    });

BotBuilder

import { TeamsActivityHandler } from 'botbuilder';

export class ActivityHandler extends TeamsActivityHandler {
  constructor() {
    super();
    this.onMessage(async (context) => {
      await context.sendActivity({
        type: 'message',
        attachments: [
          ...
        ]
      });
    });
  }
}

Teams SDK

app.on('message', async ({ send }) => {
  await send(new MessageActivity().addAttachment(...));
});