►
From YouTube: Microsoft 365 PnP – General Microsoft 365 Developer SIG community call – 30th of September, 2021
Description
Microsoft 365 PnP Community - General SIG call on September 30th. Demos: Teams Leaderboard – measure Channel engagement with a Teams Toolkit sample in Blazor, Surface an embedded web chat that can communicate with users in a Teams Channel, and Updates on Independent Publisher Connectors for Power Platform & UK Bank Holidays Connector Demo. Project releases - PnP Core SDK - PnP Transformation Framework: Public Preview, Yo teams - generator-teams - v3.3.0 GA and yoteams-build-core v1.3.0 GA. Also 4 Script and 3 Teams samples this week. The host of this call was Paolo Pialorsi (PiaSys.com) | @paolopia.
Learn more:
• See the full blog post for this call at: https://aka.ms/m365pnp/community/blog
• Download invite for bi-weekly General M365 Dev SIG call: http://aka.ms/spdev-sig-call
• Learn more about the Microsoft 365 Patterns and Practices community at: http://aka.ms/m365pnp
• Visit the Microsoft 365 Patterns and Practices community YouTube channel: https://aka.ms/m365pnp/videos
A
Welcome
everybody
and
welcome
to
the
microsoft
365
development
by
weekly
call
of
september,
the
30
21,
I'm
paulo
pilorcy,
and
I'm
your
host
today
for
this
call
and
let's
move
to
the
agenda
and
see
what
we
are
going
to
talk
about.
So
like
always
in
these
calls,
we
are
going
to
see
what
are
the
latest
news
about
the
pmp
initiative
and
all
of
the
projects
that
we
have
as
a
pmp
community
and
right
after
that.
We
will
also
see
what
are
the
news
in
all
of
the
galleries
sample
galleries
that
we
have
in
pmp.
A
A
You
can
share
your
demos
and
your
patterns
by
writing
articles
or
submitting
demos,
for
course
like
this
one
and,
for
example,
if
you
want
to
do
that,
keep
into
account
this
url
aka.ms
pmp,
slash,
request,
slash
demo,
to
request
the
demo
spot
and
be
on
the
agenda
of
one
of
the
upcoming
pmp
bi-weekly
calls
as
pmp.
We
also
provide
a
lot
of
useful
content
for
developers
and
it
pros.
For
example,
we
have
the
micro35
developer
videos,
as
well
as
the
community
videos
available
under
the
microsoft
365
community
videos
channel
on
youtube.
A
B
Sure,
thanks
paulo
pmp
script,
samples
is
a
site
for
sharing
your
powershell
scripts
or
bash.
This
will
be
used.
This
is
useful
when
you're
automating
tasks
in
365,
and
you
can
host
things
like
examples
of
where
you
created
scripts
for
cli,
365
or
pmp
powershell
or
many
others
actually
as
well.
I'd
like
to
say
thank
you
for
the
contribution
so
far,
they've
been
absolutely
awesome.
We've
had
four
new
samples
this
this
in
the
last
couple
of
weeks
and
one
updated
sample.
So
this
is
the
case
where
you've
got
an
existing
scenario.
B
That's
listed
in
the
gallery,
you
can
add,
say,
for
example,
the
cli
for
365
to
a
sample
that
contains
pmp
powershot
as
a
way
of
extending
that
sample
further
and
I'd
like
to
thank
you
for
valeres
for
for
majority
of
the
contributions
in
space.
It's
absolutely
awesome.
I've
made
some
visual
improvements
to
the
site.
The
the
imagery
was
a
bit
too
bright
for
by
liking,
so
I've
sort
of
dulled
it
down
and
reduced
the
imagery.
So
it's
focused
more
on
the
samples
you
know
more
samples
on
the
screen
at
once.
B
I've
also
added
a
ton
of
new
issues
to
the
issues
list
in
the
repo.
So
if
you
are
con
participating
in
the
hacktoberfest
there's
some
ideas
there,
where
you
can
contribute
to
the
library
and
and
potentially
get
a
a
t-shirt
at
the
end
of
it
and
a
community
badge
that
kind
of
thing
so
yeah
by
all
means
check
out
the
library
and
over
to
you,
paulo.
A
C
Yeah,
I
can
cover
it
no
problem.
So
hacktoberfest
is
an
industry-wide
initiative
during
the
month
of
october
really
to
get
everyone
involved
in
contributing.
It
is
not
exclusive
to
pnp,
but
we
do
encourage
it
and
support
it.
So
it
begins
tomorrow
october
1st,
but
you
can
register
today
any
pull
request
submitted
by
any
pnp
github
labeled
with
hacktoberfest
is
eligible.
So
if
you
don't
see
one
label,
that's
in
the
upper
right
hand
corner
just
reach
out
to
any
of
the
pnp
team
and
we
can
ensure
it
gets
added.
C
You
submit
four
pull
requests
over
the
course
of
october
first
to
the
31st
and
the
first
55
000
we'll
get
a
shirt
which
is
pretty
cool,
but
we're
also
going
to
do
some
badging
opportunities
which
has
no
limit.
So
we
look
forward
to
everyone's
contributions
and
again
you
can
look
for
good
first
issues
and
help
wanted
within
cli
microsoft,
365
community
docs.
C
If
you
join,
sharing
his
caring
sessions
like
first
time
contributor,
community
docs
or
the
newest
power
platform
first
time
contributor
session,
those
are
all
going
to
be
live
hands-on
with
github
and
will
absolutely
count
towards
the
hacktoberfest
as
well.
So
get
involved
sign
up,
go
to
oktoberfest.digitalocean.com,
you
just
sign
in
with
your
github
account
and
you
will
be
registered.
A
C
Yes,
absolutely
these
are
live
hands-on
sessions
that
will
walk
you
through
a
variety
of
topics,
as
you
can
see.
First
time
contributor
has
mentioned
the
newest
power
platform
samples.
If
you
want
a
demo
on
this
call,
we
encourage
it,
but
we
know
it
might
be
a
little
scary
for
you,
so
we
have
our
first
time
presenter
and
a
whole
host
of
others.
In
addition
to
the
ever
popular
ask
me
anythings,
which
is
going
to
be
including
upcoming
sessions
for
list
formatting
and
pnp
powershell.
So
these
are
all
safe
space
opportunities.
C
C
Right
yep,
absolutely
we
have
the
recognition
program,
which
is
growing
in
popularity,
love
to
see
all
of
the
registrants
for
it.
This
is
a
program
that
we
have
launched
to
really
celebrate
all
the
amazing
work
that
you
do
in
the
community.
We
are
partnering
with
credly,
which
means
that
that
is
the
same
platform
that
provides
the
badging
for
the
microsoft
certification
program.
So
when
you
get
a
pnp
badge,
it
will
sit
right
next
to
those
you
can
proudly
share
it
on
twitter
and
linkedin,
and
it
will
be
connected
to
your
linkedin
profile.
C
You
have
to
opt
in
so
that
we
can
connect
you
to
the
credly
account.
You
can
do
that
ak,
ms
forward
slash,
m365
pnp
dash
recognition.
There
is
no
cost
and,
as
we
head
into
the
end
of
the
year,
we
have
a
lot
of
fun
campaigns
working
with
a
lot
of
folks
across
microsoft
and
the
pnp
team
to
create
some
campaigns
that
are
going
to
be
fun
and
opportunities
for
you
to
earn
those
badges
and
for
us
to
celebrate
the
amazing
work
so
aka
dot.
Ms
four
slash,
m365
tnp
dash
recognition,
paulo
back
to
you.
A
D
So,
as
you
might
know,
just
in
case
always
recapping
in
these
things,
we
have
introduced
a
new
weekly
community
series,
which
is
actually
microsoft
presenting
towards
the
community.
So
these
thursday
goals
are
now
positioned,
more
as
a
community
treatment,
community
calls
and
coming
and
demos,
and
then
tuesday
calls
are
more
about
microsoft.
Program
managers,
engineers
and
cloud
advocates
presenting
for
you,
so
it's
tuesday
at
8
am
pacific
time.
Because
again,
this
is
a
recurrent
weekly
call.
D
We'll
have
two
really
cool
demos
coming
up
with
from
kristen
womack
and
vivian
jambo
latest
on
the
microsoft
graph
explorer,
and
it
is
super
super
cool
stuff.
What
is
happening
in
the
microsoft
craft,
explorer,
new
capabilities
being
introduced
and
christina
and
vivian
are
going
through
that,
and
then
we
have
tesha
smeta
from
the
audi
onedrive
sharepoint
site
talking
about
how
to
get
started
of
using
the
microsoft
debug
connections
in
your
tenant.
So
what
what's
the
viva
connection
all
about?
How
do
you
set
it
up?
D
A
You
visa
thank
you
visa,
so
now
talking
about
the
pmp
initiatives
and
libraries,
let's
start
talking
about
the
pmp.net
libraries
and
let's
see
what
the
news
are
in
this
area.
Well,
first
of
all
talking
about
the
pmp
framework.
We
are
really
proud
of
it,
because
the
number
of
downloads
is
growing
like
crazy.
We
are
now
at
117,
000
downloads,
and
we
are
working
on
preparing
version
1.7
of
the
pmp
framework
library.
A
We
plan
to
release
the
version
1.7
in
early
autumn
2021
and
then
talking
about
the
pmp
core
sdk,
which
is
yet
another
really
heavily
growing
project
in
the
pmp
area.
We
are
proud
to
announce
that
we
released
on
tuesday
this
week,
the
pmp
transformation
framework
public
preview.
So
right
now,
if
you
go
to
the
pmp
core
sdk
repository
on
github,
you
can
see
the
source
code
of
the
pmp
transformation
framework.
A
A
Well,
it's
a
framework
that
helps
you
to
transform
content
from
potentially
any
external
data
source,
and
when
I
say
content,
I
mean
pages
into
modern
pages
in
sharepoint
online
right
now
we
do
provide
support
for
sharepoint
classic
on-premises
or
online
as
the
data
source
and
sharepoint
online
modern,
as
the
target
as
the
unique
target
for
the
pmp
transformation
framework.
But
from
an
architectural
point
of
view,
you
can
build
your
own
connector
for
any
external
data
source
and
you
can
feed
the
content.
Again,
I
mean
pages
into
sharepoint
online
into
modern
pages
of
sharepoint
online.
E
A
E
Yeah,
so
on
on
the
outside
to
the
outside
world,
not
much
is
changing.
We
do
nightly
release.
I
notice
now
that
the
update
number
has
the
download
number
has
not
been
updated,
but
it's
we're
around
850
000
right
now,
it's
a
quite
a
high
number,
reaching
the
one
million
which
is
really
nice,
but
behind
the
scenes
we're
working,
it's
a
bit
hidden
down
there
on
the
right
side
in
the
right.
E
Let's
then
again,
this
is
not
something
we
plan
to
release
immediately
the
idea
that
we
create
a
proof
of
concept
and
then
in
the
second
half
of
october,
we
will
call
out
for
a
community
call
where
all
of
you
are
invited
and
discuss
this
with
us
and
give
us
feedback
on.
If
you
think
we're
on
the
right
approach,
we
will
have
a
very
small
prototype
with
a
few
commandlets
in
there
to
demo.
E
Then,
and
you
can
see
what
what
is
what
it's
all
about
and
if
it's
an
idea
instead
of
having
a
new
pnp
site
command,
that
there
will
be
a
new
pnp
team
site,
commandment,
a
new
pnp
communication
site
commandlet.
So
instead
of
having
a
single
command
that
creates
sites
depending
on
switches,
we
will
have
a
dedicated
commandlet
and
the
idea
is
that
we
break
up
a
lot
of
all
these
commandlets
into
like
somewhat
more
detailed,
more
specific
commandlets.
E
E
But
first
we
have
to
get
this
proof
of
concept
a
bit
demoable
to
use
that
word
and
then
second
half
of
october.
There
will
be
a
call
which
we
will
spread
on
social
media
to
find
so
that
you
can
find
where,
when
and
what
time
that
call
is
and
then
we're
looking
for
feedback
and
hopefully
a
very
vivid
discussion.
A
Thank
you
erwin,
so
yet
another
really
cool
project
of
pmp
is
the
yo
teams,
the
human
generator
for
microsoft
teams.
In
this
area,
we
are
happy
to
announce
that
we
have
released
a
3.3
in
which
you
can
find
a
lot
of
cool
new
stuff
like,
for
example,
support
for
teams,
manifest
version
1.11,
and
thanks
to
stefan
biser
for
that,
as
well
as
a
lot
of
improvements
here
and
there
to
make
the
human
generator
for
teams
better
and
better
on
a
daily
basis.
A
F
Yeah,
thank
you
so
for
the
microsoft
graph
toolkit
for
those
of
you
who
don't
know
what
this
is.
It's
a
reusable
web
component
library
and
authentication
providers
that
help
you
work
and
connect
with
the
microsoft
graph
for
the
past
month.
We're
still
working
closely
with
our
partners
around
microsoft
to
preparing
for
a
v3
release
which
is
going
to
introduce
a
whole
bunch
of
breaking
changes,
including
the
alignment
of
all
the
token
components
to
full
and
ui
web
components.
F
This
is
going
to
introduce
a
similar
look
and
few
across
most
of
our
m365
products
after
this
is
done,
and
one
of
the
components
that
we're
going
to
introduce
based
on
this
is
called
mgt
pickers.
It's
going
to
enable
you
to
have
your
own
entities
to
be
added
to
the
picker
component,
that
you
know
you
can
pick
files,
people
chats
that
sort
of
things.
F
Another
thing
that
we're
working
on-
that's
not
on
the
list
is
we
have
a
lot
of
accessibility
bugs
on
our
playground.
That's
taking
a
lot
of
the
time
from
our
team.
So,
since
the
v
2.3
release,
we
haven't
really
been
able
to
manage
to
introduce
new
features
on
the
v2
realm,
which
is
why
we
really
need
our
community's
help
come
to
our
repo
and
help
us
fix
bugs.
F
It's
been
a
couple
years
and
make
sure
that
you
take
the
issues
that
you
contribute
to
art
ripple
with
hacktoberfests
tags
in
github,
to
win
your
badges
and
your
gifts
and
give
us
feedback
for
some
of
the
pr's
that
we
have,
for
you
know
our
new
components.
There
are
specs
out
there
and
you
can
try
these
new
features
in
the
next
packages
with
slash
mgt
at
next
and
future
name
in
the
pages.
Thank
you.
A
G
Yes,
hi
everyone
and
today
I'm
pleased
to
announce
three
updates
and
new
samples
from
marcus
mohler.
So
thank
you.
So
much
marcus
he's
been
working
really
hard
on
sharing
cool
things
with
the
community
I'll
start
at
the
bottom
of
the
list
and
go
to
the
the
funnest
one
at
the
top
is
funnest
a
word
anyway.
He
has
improved
his
yo
team's
graph
toolkit
integration
to
use
the
msl
2.0
provider.
So
that's
a
really
nice
step
forward
and
the
other.
The
sso
provider
still
works
as
before.
G
G
So
the
meeting
sdk
will
tell
you
like
if
you
are
running
before,
during
or
after
a
meeting
and
now
he's
showing
how
to
use
all
this
from
inside
of
a
bot,
the
one
I'm
the
most
excited
about,
and
this
was
actually
sort
of
a
request
from
teams,
engineering
and
so
marcus
I
think,
has
delivered
and
then
some
imagine
that
you
go
to
a
meeting
and
you're
trying
to
pronounce
somebody's
name,
and
you
don't
want
to
keep
asking
them.
How
do
you
say
your
name
again
so
with
this
solution?
G
It
will
actually
allow
each
person
to
record
their
name
at
the
beginning
of
the
meeting,
and
then
anyone
in
the
meeting
can
use
this
the
flyout
to
play
back
privately,
the
name
so
that,
if
I'm
not
sure
how
to
say
paulo-
and
you
know
I
can
say
okay-
I
will
play
that
back
and
then,
when
I
say
his
name,
I
will
have
just
heard
it
properly
said
and
I
will
get
it
right
the
first
time.
I
think
this
is
just
a
great
it's.
G
It's
not
only
really
innovative
and
and
great
use
of
teams
meeting
apps,
but
it's
also
something
that
I
think
will
help
people
to
get
closer
together
and
to
work
more
closely.
So
I'm
just
a
huge
fan
of
this.
He
actually
also
went
above
and
beyond
and
integrated
this
with
graph
toolkit
so
that
we
now
have
pictures
of
the
attendees
right
inside
the
recordings
next
to
their
names.
G
So
I'm
pleased
to
announce
that
this
will
be
marcus
will
be
on
the
next
one
of
these
calls
on
october
14th,
demonstrating
this
solution
and
explaining
how
it
works,
but
it's
now
live
in
the
team
samples.
So
thanks
again
to
marcus
and
everyone,
we
love
your
samples.
Please
go
ahead,
go
to
aka.ms
team
samples
and
browse
all
the
samples
that
are
there
and
also
please
contribute
your
samples
if
you've
done
something
cool
or
different.
Please
please
share
it
with
the
community.
We
really
appreciate
it
and
that's
it
for
me
back
to
you,
paulo.
A
Thank
you
bob,
and
just
for
the
sake
of
completeness
you
pronounce
my
name
correctly.
So
that's
paul
right.
Okay,
so
we
also
have
the
power
platform
samples
where
you
can
find
plenty
of
samples.
I
think
april
will
not
with
that
will
not
be
with
us
today.
So
just
to
remember
that
you
can
go
to
ak
dot
message,
power
platform,
dash
samples
and
there
you
will
find
plenty
of
samples
in
the
area
of
no
code
low
code
development.
A
H
D
D
Scene,
take
it
away,
I
do
I
I
do
so.
Oh
there
we
go
so
we
are
already
recording
and
that
should
be
fine.
I'm
just
double
checking.
Yes,
the
recording
is
ongoing.
We
can
see
everybody
and
everybody
can
see
each
other.
We
are
fully
backed
in
the
room.
So
let's
do
some
handwaving
thanks
everybody
for
being
here
waiting
for
the
end
of
the
year
whenever
we
get
to
see,
hopefully
specifically
in
the
in
prayer,
personal
conferences,
thanks,
everybody
gonna
crap,
a
gif
animation.
Out
of
that.
A
I
There's
the
teams
toolkit
for
visual
studio
code
that
is
based
on
top
of
your
well-known
and
respected
technology,
from
typescript
node.js
javascript
to
create
applications
that
way,
and
there
is
also
an
option
to
got
to
the
netway
using
blazer
for
which
is
studio
2019
and
that's
something
we're
going
to
focus
today.
So
that's
teams
fx.
I
We
already
had
a
pnp
call,
I
think,
a
couple
of
weeks
ago,
so
I'm
not
doing
the
totally
introduction,
but
there
are
links
in
the
presentation
to
videos
and
articles
that
really
get
you
going,
but
today
we
want
to
make
an
example,
and
for
that
example,
we
want
to
set
the
reference
right
and
make
a
short
business
case
in
in
a
dream
world.
There
is
the
mindful
team's
consultant
him
or
her
doesn't
matter
sitting
somewhere,
nice
and
thinking
of
what
is
really
needed
and
what's
really
needed
is
happy.
I
You
need
to
be
a
little
bit
careful,
because
if
there
are
winners,
there
are
also
people
on
the
other
side
of
the
table,
so
be
careful,
and
my
parents
always
told
me
that
you
can
learn
nothing
from
watching
movies
and
actually
that's
false.
When
you
see
that
quote
enough
from
powerpoint,
let's
write
dive
right
into
the
demo.
The
leaderboard
is
running
in
the
back
already.
Here
is
a
teams
application?
I'm
going
to
show
you
the
application
up
front
and
then
we
can
walk
through
the
code.
I
It's
a
simple
static
team
step
at
the
moment,
I'm
locked
in
on
my
developer
tenant.
I
can
have
a
look
at
a
team,
let's
go
for
the
pnp
demo
team
and
there
is
a
channel
selection
and
I
have
the
scoring
lab
channel
here.
It
refreshes
and
then
its
course
points
and
gives
a
leader
point.
What's
that
all
about
how
we
have
here
in
a
different
world,
I'm
logged
in
as
chris
kent
so
to
make
that
more
interactive?
I
We
have
this
scoring
lab
channel
here
and
you
see
there
are
yeah
channel
messages,
replies
interactions
with
with
emojis
and
all
the
typical
stuff
that
you
do
in
a
channel
and
the
leaderboard
actually
counts
all
those
things.
So
we
give
different
amount
of
points
for
messages.
We
give
points
extra
points
for
a
message
with
a
subject
because
everyone
likes
to
have
proper
subject
in
the
team's
channel
and
of
course
we
have
reactions
here.
I
So
when
I
ask
chris
just
copy
one
of
his
last
tweets
over
here
to
really
have
something
powerful
to
say
to
my
rather
senseless
comment,
so
I
post
it
here
and
if
I
switch
back
to
my
other
view,
you
see
here
at
first.
Of
course
I
get
the
information,
I'm
switching
back
and
just
have
1413
here,
switching
back
to
channels-
and
you
see
I
got
more
points
now.
So
that's
a
live
grabbing
all
the
channel
messages
and
going
through
that
and
counting
all
the
different
scores
how's
that
built.
I
Let's
stop
the
debugger
for
a
second
that's
actually
built
with
teams
fx
the
component
you
get
when
you
install
the
teams
toolkit
for
visual
studio.
How
do
you
do
that?
You
click
on
manage
extensions
over
here
and
just
search
for
teams
and
be
careful.
Take
the
team's
toolkit
preview.
There
is
a
different
one
for
teams.
Also
that's
outdated,
but
the
team's
toolkit
preview
is
the
one
that
you
want
to
have.
You
need
to
do
that
still
in
visual
studio
2019,
it's
not
available
yet
in
visual
studio
2022.
I
It's
one
tab
here.
So
it's
a
simple
tab
that
uses
some
some
components
that
are
open
sourced.
I'm
not
100
sure
how
to
pronounce
that.
So
I
leave
that
out,
but
there's
a
data
grid
and
some
columns
that
is
actually
the
the
board
and
there
are
two
drop
downs
with
values
and,
of
course
the
the
drop
down
is
going
to
pop
are
populated
at
the
beginning
with
our
teams.
I
So
when
we
at
first
render
the
page
at
first,
we
gonna
set
up
teams
fx,
that's
actually
a
a
class,
a
helper
class
that
comes
with
the
team's
toolkit,
it's
down
here,
teamsfx.
So
if
you
trade
a
new
project,
you
already
get
the
project
scaffold
that
way.
In
that
case,
I
only
added,
I
think,
60
or
80
lines
of
code
in
there.
So
the
structure
is
the
same
when
you,
when
you
start
now-
and
it's
also
already
creating
this
first
on
after
render
async
method.
I
So
you
just
need
to
add
your
own
code
here
and
my
code
down
is
here,
so
I'm
adding
a
get
teams
method
and
the
get
teams
method
gets
a
graph
service,
client
and
the
graph
service
client
is
also
something
you
get
from
the
team's
toolkit.
Basically,
it's
already
authenticated.
It
is
using
a
single
sign
on
how
does
this
work
when
you
start
first
time
with
your
team's
fx
project,
go
to
project.
I
If
I
go
back
to
my
tab.raiser
file
and
make
the
switch
to
the
top,
you
see
page
tab,
that's
the
laser
or
razer
way
to
tell
the
system.
Okay,
I
want
to
be
in
this
route
and
going
back
to
the
graph
client.
As
this
already
is,
everything
is
configured
here.
We
have
single
sign
on
in
place.
We
just
can
call
the
graph
service
client
behind
the
scene.
What
is
happening
teamsfx
in
the
laser
way,
is
basically
a
wrapper
component
using
javascript
interoperability
between
laser
and
the
teams
sdk,
and
they
are
using
the
teams.
I
Javascript
sdk,
in
the
background,
to
get
your
bearer
token
and
if
you
double
click
on
the
graph
service
client
in
the
end
of
the
day,
javascript
code
grabs
your
token
using
the
sso
behavior
of
the
team's
sdk
and
then
it
hands
over
to
the
net
graph
client
and
says:
okay,
let's
create
a
new
craft
plan.
I
already
have
a
bearer
token
for
you.
I
Let's
use
that
and
then
we
have
graph
client
here
and
with
that
client
we
can
just
go
and
list
all
our
teams
very
simple
me
join
teams
and
get
back
and
then
sort
it
to
have
it
properly
nicely
sorted
in
our
drop
down
and
from
there
we
only
need
to
add
code.
That
does
something,
of
course,
when
the
team's
drop
down
changes
when
that
happens,
we're
gonna
search
for
all
the
channels
in
that
selected
team,
and
then
we
gonna
do
something.
I
When
you
select
something
in
your
drop
down
from
the
channels,
because
you
first
select
your
team,
then
you
select
the
channel
and
from
there
we
can
start
and
load
score
data
and
the
score
data
basically
is
then
going
to
go
and
say:
okay,
I
know
now
the
team
id
I
have
the
channel
id
from
my
selection
from
the
drop-down.
I
I
kept
the
starting
point
there,
because
all
you
what
you
see
here
is
already
up
on
github
and
for
reference
just
to
get
started
very
quickly
or
for
developing
purpose.
I
It
makes
sense
to
sometimes
start
quickly
provide
your
team
id,
provide
your
channel
and
you're
sure
and
you
don't
need
to
double
click.
All
the
selection
points
so
hard
coded
values
are
also
possible,
of
course,
and
then
we're
gonna
fetch
all
the
messages
and
for
all
the
messages,
we're
gonna
look
for.
Okay.
Does
the
message
have
a
subject?
If
the
subject
is
not
null,
then
their
subject
exists
and
then
we
say
add
score
from
the
user
id
from
username,
and
then
we
have
a
sophisticated
scoring
model.
I
It
always
wants
to
install
the
app
in
a
new
way
and
then
it
will
load
here.
I
can
select
the
pnp
theme
again.
I
have
my
channel
here
and
we
get
back
the
resources
or
the
the
results
again.
So
that's
it
from
from
where
we
are
at
the
moment,
so
wrap
it
up
what
you,
what
you
saw
actually
is
a
team's
application
using
teamsfx
for
scaffolding,
a
blazer
project.
I
We
called
graph
to
retrieve
messages
and
did
some
counting
and
counted
messages
in
a
certain
way
to
create
a
leaderboard
and
created
the
small
component
to
make
that
available
as
a
tab
from
there.
What
can
we
do?
Next?
We
could
also
add
code
to
make
that
not
only
a
static
tab,
but
also
a
tab
for
a
channel
so
that
it's
not
an
application,
that's
bound
to
a
person
but
more
to
a
channel.
So
we
get
the
environment
and
could
easily
just
target
one
channel.
I
We
could
add
notifications
about
leaders
and
channel
messages
with
adaptive
cards
or
bot
messages.
We
could
notify
winners
and
the
most
interesting
part
for
myself
and
that's
just
a
preview
and
and
yeah
something
that
is
coming
the
next
weeks.
If
we
move
that
all
over
2.06
and
we
use
the
power
of
laser
and
maui,
we
can
make
applications
that
are
running
in
teams
using
a
library
component
from
blazer
and
the
same
application
then
can
be
surfaced
in
ios
and
android
and
desktop.
But
that's
something
I'm
looking
forward
to
over
the
next
weeks.
I
A
J
So
my
name's
lee
ford,
lucian
architect,
microsoft,
mvp
and
today,
I'm
going
to
do
a
demo
on
web
chat
in
microsoft
teams.
So
what
is
web
chat
so
web
chat's
probably
all
used
it,
but
ultimately
it's
a
way
of
chatting
to
other
people
via
a
website.
You
know
I've
got
an
amazon
example
here,
but
it
could
be
anything
really
and
the
idea
is
that
a
user
doesn't
need
to
install
an
app
or
or
have
a
piece
piece
of
software.
J
They
can
actually
go
to
a
website,
click
a
button
and
then
join
a
chat
with
someone
on
the
other
end
that
might
be
ai.
That
might
be
a
real
person,
but
what
we're
trying
to
do
here
is,
at
the
other
end,
is
actually
within
teams.
So
we
are
looking
to
when
someone
joins
a
web
chat,
then
they're
unaware
that
it's
teams
on
either
end,
but
ultimately
it
saves
the
person
on
the
other
end
having
to
have
another
client.
In
addition
to
teams.
J
J
So,
on
the
left-hand
side
we
have
the
web
chat
and
on
the
right-hand
side
we
have
teams
and
effectively
what
happens
is
a
user
goes
to
a
website
and
they
just
fill
in
the.
If
I
just
refresh
the
page
to
show
you,
you
basically
get
presented
with
a
a
blank
page,
this
is
using
the
sort
of
base
basic
web
chat
sample.
J
J
J
They
don't
appear
in
the
in
the
web
chat,
and
this
is
just
put
customer
satisfied
or
you
know
whatever
you
want
to
put,
and
you
can
send
that
and
then
it
effectively
ends
the
cheat
ends.
The
the
chat
get
notification
on
both
ends.
The
states
here
has
changed
to
to
ended,
so
it's
got
no
further
action
and
if
you
you
try
and
talk
to
the
the
conversation
afterwards,
it
won't
let
you
because
it
will
just
say
that
it's
ended
and
it's
not
it's
not
in
relation
to
anything.
J
J
J
J
The
team,
it
should
ask
me
what
do
I
want
it
to
appear
as
so,
this
will
be.
What
does
it
show
is
in
the
drop
down
over
here?
So
if
I
just
call
it
what's
called
after
sales
to
be
consistent
and
now,
if
I
refresh
this
page,
I
have
an
additional
category
to
to
just
send
a
send
a
chat
request
through
to
so
that's
it
demonstration
wise
I'll,
just
quickly
knit
back
to
the
powerpoint
and
go
through
it.
So
what?
What
is
it?
What
is
in
there
and
effectively?
J
What
we
have
is
a
web
app,
that's
running
or
using
bot
framework.
It's
using
bot
services,
then,
with
two
different
channels.
We've
got
the
direct
line,
stroke
web
chat
channel
and
we've
also
got
the
teams
channel
and
then
we're
using
cosmos
db
to
effectively
store
the
conversation,
references
and
anything
related
to
the
two
conversations,
because,
ultimately,
in
this
scenario,
there's
actually
two
conversations
that
are
completely
separate.
J
You've
got
the
the
web
chat
talking
to
our
web
app
and
then
you've
got
the
teams
user
talk
to
our
web
app,
but
they
don't
actually
directly
talk
and
effectively
we're
proxying.
The
the
chat
between
the
two
and
sort
of
going
over
the
high
level
process
what's
happening
here
is
an
activity
I.e,
someone's
joined
a
chat
or
someone
sent
a
message
comes
from
web
chat.
Go
the
bot
is
handling
it
in
block
framework
and
then
send
it
effectively
relaying
that
activity
back
onto
teams,
and
likewise
it's
the
same.
The
other
way.
J
If
someone
mentions
the
bot
within
a
within
a
conversation
that
then
gets
handled
by
the
bot
and
then
relayed
back
through
to
the
web
chat
user
and
I'll
just
quickly
go
into
a
bit
more
detail
like
sort
of
how
it
all
works.
In
the
background,
we
have
a
user
joining
a
chat,
and
that
creates
a
conversation
in
the
direct
line
channel
with
the
bot
services.
J
J
We
then
create
a
brand
new
conversation
in
teams.
We
create
a
chat
thread
in
teams.
We
store
that
chat,
thread
and
conversation
reference
in
cosmos.
So
at
that
point,
we've
kind
of
got
both
sides
of
the
same
conversation.
So
next
time
a
message
comes
through
from
one
channel.
We
know
the
other
end
of
the
conversation
who
what
the
other
channel
is
conversation,
references
and
then
effectively
it's
just
a
user
kind
of
responding
to
the
thread
from
from
either
side
really
and
then
I'll
quickly
go
through
some
of
the
code.
J
I
I
don't
have
time
to
go
through
it
all,
but
I've
kind
of
just
boiled
it
down
to
the
sort
of
the
basic
construct
here.
So
we
have
bot
framework
and
we
have
an
activity
handler
and
what
is
happening
here
is
that
certain
activities
are
happening.
Certain
activities
happen
within
teams
or
within
web
chat.
So
the
first
one
is
the
the
on
installation
update.
So
that
is
effectively
when
the
web
chat
bot
gets
added
to
a
channel.
J
It
then
sends
an
adaptive
card
through
saying:
okay,
what
do
you
want
to
call
the
channel
in
the
in
the
web
chat
and
that's
effectively
what's
happening
here?
Then
we
have
an
old
message:
that's
a
standard
chat
message
coming
through
or
an
adaptive
card
from
web
chats.
It's
it's
encoded
as
a
message
and
effectively
we're
just
kind
of
just
seeing.
J
So
you
know
there's
certain
things
that
teams
will
send
to,
and
web
chat
doesn't
like
the
way
it's
sent,
and
likewise
things
coming
from
web
chat
that
we've
got
to
be
careful
with
where
teams
handle.
So
I
don't
go
into
these
activity
handlers
here,
but
it's
just
a
few
differences,
which
is
why
we've
kind
of
had
to
separate
them
out
to
different
activity
handlers
and
then
finally,
we
have
the
the
all
member
added
and
that
effectively
is
the
welcome
message
that
comes
into
web
chat.
J
Saying:
what's
your
name,
what's
your
telephone
number
all
that
sort
of
stuff,
then
we
have
we're
actually
using
universal
actions
in
teams.
So
the
adaptive
card
that
you
saw,
that
was
allowing
you
to
end
chat
and
other
things,
that
is
adaptive
cards,
1.4
it's
using
the
universal
actions
and
that
doesn't
get
captured
as
part
of
the
on
message
activity
handler.
J
So
in
this
scenario,
we
are
using
an
onboard
invoke
activity
and
effectively.
What
we're
doing
here
is.
We
are
checking
that's
an
adaptive
card,
then,
depending
on
what
the
the
payload
is
in
the
card
as
an
end
chat
or
is
adding
a
channel
to
a
web
chat.
So
you
know
when
I
added
that
pre
sort
of
after
sales,
one
that
came
through
as
a
universal
action,
so
I
need
to
distinguish
what
is
actually
happening.
What
what
is
what's
come
from
teams
and
effectively
based
on
what?
J
Where
type
of
activity
is,
then
we're
handling
it
differently
and
because
it's
a
universal
action,
we
always
have
to
respond
with
an
adaptive
card
to
be
updated
in
the
in
the
original
source.
So
whatever
card
it
came
from,
we
have
to
then
send
a
response
to
what
that
card
needs
to
look
like,
so
we
are
using
that
for
when
we
end
a
chat,
we
then
change
the
card
to
say
that
the
chat
is
now
ended.
J
A
A
K
Hi
everyone
good
to
be
back
since
two
weeks
ago,
so
again,
for
those
who
don't
know
independent
publisher
connectors
are
power
platform
connectors
that
can
be
submitted
by
anyone
for
use
within
our
platform
right.
So
if
you're,
tired
of
building
custom
connectors-
and
you
know
not
having
an
easy
way
to
share
them
or
having
to
import
them
into
each
environment,
this
is
a
great
way
to
kind
of
get
that
connector
out
there
get
your
name
and
the
product
so
on
and
so
forth.
K
So,
since
last
call
we've
had
one
new
connector
published
the
accuweather
connector
by
a
mod
and
four
new
connector
submissions,
three
coming
from
new
new
independent
publishers,
it's
pretty
exciting
and
one
by
troy,
troy.
I
see
you
on
the
call
today,
so
hello
and
troy
submitted
a
spacex
connector,
which
is
really
exciting.
We
have
a
total
of
16
connectors
in
production
so
far
and
20
more
coming
in
the
pipeline.
K
So
one
of
the
updates
I
want
to
share
is
we
had
a
couple
of
bugs
in
our
certification
pipeline,
but
we're
getting
them
all
fixed,
definitely
by
the
end
of
the
week.
So
next
week,
all
normal
things
will
resume
and
we'll
get
your
connectors
back
into
the
direction
of
production.
Also,
I
know
hacktoberfest
was
talked
about
multiple
times
during
the
call
right,
because
this
is
a
github
repository.
K
I've
already
added
the
topic
of
hacked
over
fast,
so
if
anyone's
looking
to
submit
a
new
connector
or
add
functionality
to
any
of
the
connectors
that
we
have
in
that
repository,
you're,
more
than
welcome
to
in
terms
of
the
leaderboard
for
number
of
active
connections,
airtable
is
still
number
one.
Hubspot
crm
still
number
two
and
jira
search
by
paul
is
still
number
three.
So
it's
exciting
to
see
all
those
in
their
usage
there
and
just
wanted
to
just
call
out
the
independent
publishers.
K
Again,
you
know
ahmad
daniel,
duke
who
is
new
martin
lesboro
who's
joining
the
call
today
to
provide
an
awesome
demo,
who's
built,
two
connectors
mijo
guzovsky
mattbeard,
nick
brown
or
maul
paul
rui,
troy,
vivek
and
wung.
So
it's
really
exciting
to
have
all
these
folks
publishing
such
great
connectors,
and
I
wanted
to
also
say
a
huge
congratulations
to
troy,
who
submitted
12
connectors,
which
is
a
lot
definitely
our
biggest
contributor.
K
So
far
so
congrats,
troy
and
just
to
refresh
on
you
know
how
you
can
become
an
independent
publisher,
you
know
step
one
is
building
the
custom
connector
right.
If
you
want
to
collaborate
with
somebody
else,
you're
more
than
welcome
to
as
well
or
revisit
one
you've
built
in
the
past
add
functionality
to
an
existing
one.
K
K
Then
you
submit
the
artifacts,
make
sure
you
add
in
screenshots
that
the
connector
works
into
your
pull
request,
and
then
you
follow
through
with
comments
during
certification
right.
So
certification
can
take
anywhere
between
two
weeks
and
a
little
bit
longer,
depending
on
the
number
of
times.
We
have
to
go
back
and
forth
just
to
make
sure
everything
is
working
so
that
your
connector
can
get
full
adoption
and
then
step
five
is
to
show
off
your
connector
right.
So
I've
been
doing
a
number
of
youtube
recordings.
K
Martin-
and
I
have
one
tomorrow
morning
morning,
my
time
afternoon
evening,
martin's
time
and
you
know
being
able
to
be
in
the
blog
and
have
other
other
spots
just
having
your
name
and
the
product
and
your
connector
out
there.
So
it's
pretty
exciting
and
you
can
always
feel
free
to
reach
out
to
me.
If
you
have
any
questions
about
the
program
martin
over
to
you.
L
Hopefully
you
can
all
see
my
screen
now.
It's
obviously
the
microsoft
platform,
connectors
repository
in
github,
all
of
us
working
on
the
independent
connectors
live
down
here,
I'll,
be
showing
you
this
one.
Today,
the
uk
government
bank
holidays.
This
is
a
very
small,
very
simple
custom.
Connector.
L
L
So
if
you
need
to
check
on
them,
sometimes
you
need
to
not
work
off
just
today,
an
assumption,
but
what
it
is
for
that
particular
year.
The
other
strange
thing
for
me,
it
actually
has
is
this
a
value
of
bunting,
which
is
probably
the
most
bizarrely
british
attribute
I've
come
across
in
json
and
bunting.
L
If
you
don't
know,
is
that
string
of
little
flags
you're
meant
to
get
out
for
celebrations,
so
if
you've
ever
wanted
to
know,
if
you
should
be
getting
the
bunting
out
or
not
in
the
united
kingdom,
this
can
tell
you
anyway,
as
a
demonstration
today
we're
going
to
be
starting
off
with
a
four
we'll.
Just
this
is
fairly
simple.
L
L
L
L
L
L
L
L
L
L
L
L
L
It
makes
this
a
little
bit
more
readable.
So
if
we
have
a
instance
where
the
number
of
blank
holidays
is
greater
than
zero
or
the
day
of
the
week
is
equal
to
sunday
or
saturday,
then
we
send
a
not
required
email
in
terms
of
taking
that
holiday
and
we've
got
the
responders
email
from
their
form
submission.
L
L
I
loaded
this
connector
up
into
our
tenant
colleague,
who's
written
a
substitute
scrum
system
for
us,
which
consists
of
a
form
was
sent
each
morning
to
tell
people
what
we're
doing
with
a
normal,
agile
screen
what
we
did
yesterday.
What
we're
doing
today
do
we
have
blockers,
we
put
the
answers
in
we
send
it
in
it
gets
attached
to
a
team's
channel
and
that
now
doesn't
bother
sending
us
those
forms
on
the
bank
holiday
he's
checking
with
this
in
our
parent
company.
L
A
Thank
you
so
much
martin.
It
is
now
time
to
say
one
more
time.
Thank
you
to
everyone
else
for
joining
us
in
today's
call,
the
recording
will
be
available
in
24
hours.
From
now
under
the
mic,
certified
community
youtube
channel.
The
next
microsoft
365
general
development
call
will
be
in
two
weeks
from
now
so
october.
The
14th
7
a.m.
Pacific
time
and
just
as
a
reminder,
this
is
the
list
of
all
of
the
calls
with
the
useful
links
to
join
them.