►
Description
Microsoft 365 Developer Community call on February 4th. Demos: 1) Preview on the Ask Away v2 - Teams app template, 2) Building Microsoft Teams Apps with Blazor, and 3) SP Formatter - Enhanced SharePoint List Column formatting. Latest project releases include PnP .NET Libraries - PnP Framework v1.0.0 and PnP Core SDK GA. PnP PowerShell v1.2.0 released and nightly build v.1.2.13. yo Teams Preview v3.0.0 preview 3 released along with Microsoft Graph Toolkit v2.0.1. Released 2 new/updated Microsoft Teams Samples. The host of this call was Bert Jansen (Microsoft) @O365bert. Q&A takes place in chat throughout the call.
Learn more:
• See the full blog post for this call at: http://aka.ms/m365pnp-blog
• Download invite for bi-weekly Microsoft 365 Developer Community 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
A
Mika
will
talk
about
microsoft
teams
with
blazer
kind
of
highly
interested
in
that
personally,
as
well,
because
I've
been
playing
with
blazer
and
building
as
gated
works
blazers.
So
it's
pretty
cool
to
see
how
that
will
turn
out
and
then
sergey
will
have
some
sp
format,
improvements
and
also
really
really
cool
demo.
So
I
think
this
is
really
a
nice
session
today
with
three
really
cool
demos,
all
right,
the
usual.
How
to
participate
in
the
community.
You've
heard
this
before,
but
there
might
be
new
folks
in
here.
A
So
if
you
have
an
idea,
if
you
want
to
show
something,
you
build
something
really
cool
your
particular
pattern
that
you
created
that
you
want
to
showcase
anything,
is
kind
of
possible
just
reach
out
to
us
and
we'll
get
you
a
spot
in
these
bi-weekly
calls
where
you
can
do
a
quick
50-minute
demo.
We
slot
them
in
50
minutes
contribute
on
github.
If
you
fix
things
find
issue
log,
an
issue
fix
an
issue
with
a
pr.
A
We
also
have
discussions
nowadays
in
most
people,
so
we
can
join
a
discussion
and
provide
feedback
or
ask
questions.
All
of
that
is
contributing
and
all
that
will
help
us
get
a
better
community
and
and
and
grow
together.
So
ali
recommended
just
joining
the
community
and
doing
those
contributions
content-wise.
We
have
a
lot
of
content
massively
a
lot
of
content.
We
have
two
youtube
channels,
so
one
bit
more
focused
on
pure
developer,
the
other
one
more
broadly
pnp,
which
covers
also
other
scenarios
other
things.
A
A
We
have
sample
galleries
for
web
bars,
extensions
list,
formatting
and
so
on,
and
if
you
want
to
remember
all
of
this,
which
is
a
lot
there's
one
address
that
you
should
remember
and
that's
ak
dot
mess,
slash
m365
bnb.
It
will
lead
you
to
a
landing
page
where
you
find
all
the
information
about
bnp.
All
the
projects
with
the
links
to
get
more
detail
to
answer
one
as
well.
A
Right
who
of
you
have
watched
the
announcement
like
an
hour
ago?
I
hope
some
of
you,
I
think
so.
Those
questions
already
in
the
beginning
of
the
meeting
are
around
microsoft,
aviva,
so
microsoft,
fifa
is
was
announced
just
today
and
we'll
have
sessions
about
it
going
forward
in
one
of
the
next
calls,
but
it
is
kind
of
a
bundle
of
products,
and
it
is
let's
say
for
half
of
it.
Half
of
this
is
sharepoint
oriented
using
sharepoint
as
a
base
and
the
accessibility
story
for
microsoft.
A
Fever
is
also
sharepoint
oriented
because
it
you
can
use
sharepoint
framework
to
extend
for
microsoft
fever.
So
imagine
one
of
the
things
viva
is
example:
connections.
Where
you
see
this
actually
see
in
the
screenshot
those
little
cards
showing
up
here
in
the
screen
these
cards,
these
adaptive
cards,
you
can
create
those
using
a
sharepoint
framework
in
the
future.
A
You
can
also
kind
of
declaratively,
create
them
just
put
a
page
and
put
it
in
a
cart
that
will
show
up
in
in
the
in
connections,
but
there
is
ways
to
kind
of
customize
it
and
more
to
come
in
the
future.
With
more
details
today,
you
can't
really
extend
it
yet
because
that
is
not
yet
shipped
but
will
be
soon,
but
it
will
happen
in
the
future
and
then
we'll
do
more.
A
C
Right,
thanks
bert
all
right.
Well,
for
those
that
are
new
to
the
community,
it
is
valuable
to
know
that
as
patterns
of
practices
is
inclusive
and
open
source.
So
we
we
welcome
any
and
all
initiatives
and
desires
from
the
community
to
contribute
back
as
well
as
use
the
resources
that
we
have
available.
But
we
also
understand
that
there
are
sometimes
hurdles
involved
with
that
not
only
from
the
contributing
perspective,
but
also
from
using
some
of
the
resources
that
are
available.
C
So
sharing
is
caring,
is
here
to
provide
hands-on
guidance
in
small
intimate
little
sessions
where
we
provide
you
guidance
on
how
to
utilize
the
resources.
Our
team
is
growing,
we've
just
added
emily
mancini
and
april
dunham
has
joined
not
too
long
ago.
So
we're
going
to
be
seeing
a
lot
more
sessions
available
covering
the
wide
spectrum
of
topics.
What
is
available
now
that
is
open
for
registration,
first
time
contributor,
community
docs,
using
spfx
samples
with
nvm
and
setting
up
your
developer
workstation
and
then,
of
course,
we've
just
started.
C
The
ask
me
anything
series
that
will
be
next
week
after
the
monthly
call
one
hour
after
the
monthly
call,
and
you
can
register
for
those
today.
We've
also
started
an
office
hours
initiative.
So
if
you're,
just
looking
for
a
little
one-on-one
guidance,
you've
attended
the
sessions
and
you've
got
some
very
specific
questions
that
you'd
like
to
ask
you
can
go
to
aka.ms4
sharing
is
caring
and
look
for
the
office
hours
and
schedule.
Just
a
15
or
30
minute
chat
with
a
member
of
the
sharing
is
caring
team
and
we'll
help
you
get
through
all
those.
A
So
last
two
weeks
ago,
we
actually
shipped
our
first
jllisapnp
framework,
just
want
to
kind
of
recap
repeat
that
again,
if
you're
using
a
pnp,
a
sidescroller
today
still
there,
but
it's
recommended
to
upgrade
to
pnp
framework
as
that's
the
one
that
we
move
forward,
that's
one
that
will
update
it
besides.
Core
will
not
get
any
updates
anymore
going
forward
and
there
is
like
a
migration
guide.
Essentially
it's
quite
easy
to
upgrade
from
being.
Besides
go
to
bnpf
framework.
A
What
did
we
do
in
the
pnp.net
world
for
pnp
framework?
A
couple
of
bigger
work
items
one
is?
We
will
enable
page
transformation
from
on-premises
sharepoint
pages
we
had
that
with
demonstration
framework,
but
now
that's
all
integrated
in
pnp
framework.
So,
with
the
next
official
release,
you
will
be
able
to
use
ping
powershell
connect
to
on-prem,
sharepoint
and
modernize
a
page
from
on-prem
into
online,
essentially
translating,
for
example,
a
publishing
page
which
lives
in
your
on-prem
portal
into
a
modern
page
in
a
communication
site
in
sharepoint
online.
A
A
Then
there
were
some
really
good
contributions
from
community
martin
created
an
offline
season,
testing
framework,
quite
technical,
but
you
have
a
look
at
it.
It
essentially
allows
you
to
kind
of
have
an
offline
see.
Some
experience
for
testing
for
mocking
of
data
sebastian
did
an
acs
update,
making
it
thread
safe
and
some
other
improvements
over
there
and
there's
a
ton
of
other
fixes
from
folks
like
irwin
miguel,
christian,
giacomo,
gotham
and
myself.
A
And
processing
prs
and
then
answering
your
questions
being
picorosdk
is
the
new
library
and
pb
framework
was,
is
the
evolution
of
being
besides
cockpit,
because
a
brand
new
library
which
we
are
preparing
for
ga
again
a
number
of
contributions?
Sebastian
has
some
authentication
improvements.
Paul
worked
on
the
team
site
of
the
sdk
power?
Did
internal
refactorings,
then
there's
some
fixes
from
urban
and
myself.
We
did
some
documentation
updates
and
so
on.
So
there
the
plan
is
to
still
have
a
ga
release.
D
So
we
released
one
two
zero
actually
very
soon.
We
probably
will
release
one
three
with
some
very
exciting
new
features
in
there
when
it
comes
to
auth
we'll
go
back
to
it
later.
We
already
have
40
000
downloads.
That's
that's
crazy,
actually
goes
really
fast
and
we
see
all
the
the
new
powershell.
The
new
pnp
powershells
will
be
used
in
over
2000
tenants,
which
is
really
really
really
nice.
D
So
what
will
in
the
current
nightly?
So
that
is
the
cool
thing
of
the
of
our
new
approach
we
have
nightly
builds.
You
can
already
use
something
called
the
interactive
login
and
that
is
really
nice
and
much
better
than
the
web
login,
because
it
will
allow
you
to
acquire
an
access
token
behind
the
scenes.
D
You
don't
see
that
happening,
but
it
happens
behind
the
scenes
and
you
get
a
full
azure
id
oauth
type
of
connection
to
sharepoint
a
lot
of
technical
talk
here,
but
the
result
is
basically
that
it
is
a
much
better
way
of
authenticating
towards
your
environment
than
it
is
what
we
did
with
use
web
login,
because
that
one
was
limited
to
sharepoint.
The
interactive
login
allows
you
to
go
to
sharepoint
in
the
graph
and
without
doing
any
new
different
connections
or
whatever.
Just
with
the
single
same
connection,
we
changed
the
invoke,
pnp
sp,
rest
method.
D
Commandlet,
we
changed
behind
the
scenes
to
a
different
serialization
engine,
the
one
that
is
embedded
in
dot
net
core
and
that
one
works
a
bit
different.
We
fixed
that
now,
teams
commandless,
have
you
updated?
You
can
actually
now
mark
a
team
commandlet,
sorry
channel
as
visible
for
members.
That's
a
setting.
You
can
do
in
the
ui.
You
couldn't
do
that
with
the
commandlet.
D
Now
you
can
set
his
favorite
and
there
is
an
update
to
set
b
list
item,
but
now,
hopefully
once
and
for
all
handles
the
setting
author
and
editor
fields,
which
is
a
bit
of
a
tricky
thing
in
season,
but
we
have
fixed
it
in
the
setbp
list.
Item
ongoing
we're
continuing
to
work
with
integrating
in
pnp
core
sdk
behind
the
scenes.
We
already
do
that
so,
for
instance,
all
the
modern
page
or
page
commandlets
use
the
core
sdk
behind
the
scenes.
D
A
Thank
you,
erin
right,
your
teams,
your
team's
latest
update
and
there's
a
3.00
preview,
3
release
with
a
ton
of
improvements
again
so
meaning,
if
you're,
building
these
applications.
This
is
another
way
to
scaffold
your
project
and
get
started
so
not
really
much
more
details
to
share,
because
I'm
not
so
deep
in
this
project,
but
it
is
really
cool
stuff.
People
have
showed
me
that
so
go
check
it
out.
Let's
move
to
the
graph
toolkit,
I
think
I
saw
that
so
yes,.
E
So
our
latest
updates
do
be
2.0.1,
but
we
have
preview
releases.
That
includes
a
lot
of
you
know
better
bug,
fixes
and
better
samples
and
we're
introducing
some
of
the
new
packages.
That's
coming
up
next
week,
we'll
have
one
of
our
team
members
and
marisa
coming
on
to
do
a
demo
on
the
new
electron
authentication
provider.
E
We're
also
fixing
some
of
the
community
that
one
of
the
most
community
complaints
is
that
I
can't
use
multiple
web
parts
with
mgt
and
I
think,
there's
a
new
package
for
mgt
sharepoint
framework.
That
is
also
coming
up.
The
pr
is
in
review,
and
I
would
like
to
call
out
our
community
members
who
helped
us
made
some
of
these
updates
available
and
still
contributing
to
our
repo.
F
Both
nicole,
yes,
yes,
hi
everybody
so
yeah,
we
have
some
cool,
continuing
updates
on
the
microsoft
team
sample
side,
a
brand
new
sample
by
hilton
gieseno,
who
actually
has
built
two
choices
in
this
one
for
teams,
proactive
bot,
messaging,
so
95
of
bot
examples
out
there.
The
bot
reacts
to
the
user's
message.
So
there
are
some
special
tricks
to
making
the
bot
begin
a
conversation
and
could
be
sending
a
reminder
or
just
getting
back
to
a
user
about
something
that
they
might
have
requested
a
while
ago.
F
F
It's
a
microsoft
teams,
meeting
with
a
calling
and
meeting
bot
that
literally
calls
initiates
a
call
to
you
to
bring
you
into
the
meeting.
It's
a
really
cool
sample.
That
shows
a
lot
of
new
tech
and
by
ab10
and
arun,
and
need
to
get
some
feedback
that
the
documentation
that
some
people
are
getting
confused
and
they
did
a
great
job.
Updating
that.
So
please
go
check
that
one
out
as
well
and
if
you've
done
something
cool
or
seen
something
cool
or
want
to
do
something
cool
with
teams.
F
A
B
B
So
say
one
of
your
team
members
wants
to
do
an
ask
me
anything
session
where
they,
anyone
can
ask
them
a
question
and
they
can
give
an
answer
in
a
very
organized
fashion.
They
can
do
it
directly
from
teams
and
that's
what
askway
does
so
before
doing.
The
demo
want
to
make
sure
you're
aware
of
other
app
templates
as
well.
App
templates
are
local
or
simple
solutions
that
we
build
and
deploy
or
publish
to
github.
B
So
you
can
take
these
and
they're
ready
to
use
as
an
app
on
teams.
You
can
publish
them.
Some
of
them
are
available
to
publish
on
azure.
Some
of
them
are
power
up
based
ones,
they're
simple
to
deploy.
You
just
have
to
follow
the
steps
on
github
and
you
can
make
these
your
own,
so
you
can
change
the
name.
You
know
add
new
features
to
it,
configure
it
and
use
it
as
your
own
and
a
little
bit
more
of
what
the
benefits
are
of
doing
these.
B
Once
you
get
this
rolled
out
to
your
team's
environment,
if
you
don't
have
the
need
for
it,
cool
with
that,
let
me
give
you
a
little
preview
of
what
askaway
is
like
I
mentioned.
Asco
is
already
live
and
we
are
now
working
on
adding
some
new
additional
features
to
it.
That
makes
it
work
in
meetings
and
that's
what
I'm
going
to
focus
my
demo
today,
but
in
case
say
you
work
in
a
company
and
one
of
your
managers
or
say
vice
presidents
wants
to
do
a
session
where
any
of
his
employees
can
ask
questions.
B
He
can
then
host
that
and
another
example
of
or
a
few
examples
of
things
that
a
host
or
a
moderator
would
want
to
do
as
part
of
a
q.
A
session
is,
you
know,
be
able
to
host
either
live
during
a
team's
meeting
like
we
have
right
now,
or
maybe
they
want
to
just
post
the
questions
and
chat
and
do
it
asynchronously
then
you
know
you'd
want
to
be
able
to
see
what
the
most
popular
questions
are
and
things
like
that
and
there's
an
attendee.
B
You
want
to
ask
questions,
see
what
others
are
asking
and
so
on
with
that,
let's
set
up
the
scenario:
what
kind
of
what
we're
going
to
walk
through
today.
So,
let's
pretend
that
your
organization
is
rolling
out
teams
and
people
have
a
lot
of
questions
and
you
want
to
be
able
to
offer
an
avenue
where
they
can
come
and
ask
questions
and
get
all
their
questions
answered.
B
Let's
look
at
that
and
jump
into
a
team's
claim,
so
I've
set
up
a
meeting,
which
is
what
you're
looking
at
here
you
can
see.
This
is
the
meeting
pane
within
my
team's
desktop
I've
already
put
in
all
the
details
of
invited
visa
to
it,
because
I
expect
a
lot
of
attendees
to
be
part
of
this
meeting
and
only
I
want
to
be
the
presenter
or
I
want
to
control
that.
B
The
first
thing
I'm
going
to
do
is
go
into
this
more
options,
section
which
will
open
up
the
meeting
options
and
what
I'm
going
to
do
is
make
sure
that
it's
set
to
who
can
present
only
me.
You
know
if
I
didn't
mind
everyone
being
able
to
create
new
sessions
or
ask
questions.
That
would
be
fine,
but
I
expect
hundreds
of
people
to
join,
and
so
I'm
going
to
select
only
me-
and
this
allows
me
to
control
what
kind
of
functionality
ask
away
will
enable
for
different
users.
So
I
click
save
everything,
looks
good.
B
Let's
go
back
to
my
meeting
here
and
now
up
top
you
can
see,
there's
a
tab
option.
I've
already
added
ask
away,
but
I'll
show
you
what
it
would
be
like
to
ask
at
it
from
the
start.
If
I
hit
that
plus
button,
it
gives
me
options
for
what
kind
of
tabs
I
can
add
to
my
meeting
and
ask
away.
Is
meetings
capable
app
so
I'll,
just
close
out
of
this
and
jump
into
my
tab,
which
I've
already
opened
and
you
can
see
this
is
the
default
view
before
a
meeting
starts
for
ask
away.
B
B
Transition
give
it
a
nice
little
description
to
help
people
and
prompt
people
to
ask
questions
once
you
do
that
it'll
refresh
and
give
you
a
success
message
hey
so
now
our
task
session
is
live,
people
can
start
ask
questions
and
they
can
do
it
either
by
the
chat
or
the
meeting.
Let's
take
a
look
at
how
to
do
that.
B
So
this
is
the
tab
view
where
you
can
ask
a
question:
let's
see,
how
do
I
start
call
do
something
simple
like
that
and
post
this
question
here
and
that
question
gets
posted,
so
you
can
see
it
here
within
the
tab
of
a
meeting.
Now,
let's
pretend
that
I'm
going
to
join
the
meeting.
I've
already
got
it
going
so,
let's
switch
over
so
you
can
see
here.
B
This
is
the
meeting
view
where
people
can
join
like
we
are
in
a
car
meeting
and
when
I
started
the
session
it
gave
give
me
a
notification
saying
you
know
this
person
has
started
the
session.
Here's
the
title
of
the
session
and
what
I
can
do
is
open
the
meeting
page.
So
what
I'm
going
to
do
is
dismiss
this
and
click
the
ask
away.
Icon
up
top,
which
is
where
I
can
view
and
interact
with
the
questions
and
sessions
within
the
meeting
so
once
I
click
that
it
should
hopefully
load
there.
B
B
Let's
ask
another
question
here
directly
from
the
pane
and
once
you
do
that
this
also
shows
up
here
I
can
upload
it.
I
can't
upload
my
own
questions,
so
that's
why
I
can't
demo
that
now,
but
anyone
else
would
be
able
to
do
that
and
now
that,
because
I'm
a
moderator
and
I
have
the
presenter
access,
I
can
have
this
view
where
I
can
see
the
check
mark
which,
what
it
does
is.
B
B
So,
let's
click
that
what
that
should
do
is
it'll
disappear
from
the
spending
question
section
and
it'll
show
up
in
this
other
section
here
which
under
answered
questions,
and
not
only
within
the
meeting
itself.
But
if
I
switch
back
and
go
into
the
chat,
you
can
see
how
I
can
interact
with
this
as
a
card
as
well.
So
a
card
got
posted
the
chat
that
helps
users
who
want
to
interact
with
it
or
maybe
ask
questions
before
the
meeting
starts.
They
can
do
that
here
for
the
same
kind
of
functionality.
B
Where
you
can
see
upvotes
you
can
click
on
and
upload
questions
can
ask
new
questions.
Same
kind
of
capabilities
are
available
there
as
well.
So,
for
example,
if
I
click
on
that,
it
shows
me
what
my
own
questions
were,
what
all
the
others
questions
are
and
once
I'm
done
with
the
entire
askway
session,
because
I
am
again
the
person
who
started
it
and
I
have
the
presenter
access.
I
can
click
the
end
session
button
to
say:
okay,
we're
done
with
the
quest
and
answer
session.
B
We
are
not
planning
to
gather
any
more
questions
and
this
will
now
be
ended.
So
what
this
does
is
it
ends
the
session
across
all
of
it
and
oops
run
into
a
error.
Pardon
me,
but
yeah
pretend
that
this
ended
the
session
and
you
would.
This
question
would
disappear
kind
of
like
here.
Oh
there
we
go,
we
haven't.
I
want
to
successfully
ended
and
you
wouldn't
be
able
to
ask
any
questions.
You
can
view
past
questions,
so
hopefully
that
gives
you
an
idea.
B
One
other
feature
that
I
want
to
quickly
flash
for.
You
is
what
it
looks
like
when
there's
lots
of
questions
which
I
don't
have
the
time
for
so
you
can
clearly
see
within
the
tab,
which
are
the
answer,
questions
which
are
the
pending
questions
in
the
taxes,
and
you
can
see
the
upvotes
and
for
say
you
have
you
want
to
look
at
the
questions
that
were
asked
in
the
past
session.
B
You
can
click
this
button,
which
will
then
open
up
a
module
that
gives
you
a
lot
of
other
sessions
that
you
can
switch
to.
If
you
click
one
of
those
it'll
open
up
that
section,
and
you
can
see
that
one
is
closed,
but
you
can
still
view
the
how
many
votes
it
got,
which
ones
were
answered
which
ones
are
pending.
B
These
apps
are
easy
to
deploy
and
you
don't
need
to
be.
You
know
an
experienced
developer
to
do
this
if
you
have
access
to
your
azure
environment
as
an
admin
with
admin
rights,
and
you
know
how
to
read
through
and
do
basic
scripting
and
things
like
that,
you
can
deploy
it
yourself
and
they
don't
cost
anything
they're
open
source
other
than
the
cost
of
running
the
azure
resources.
B
A
G
G
B
G
Blazer,
first,
a
few
things
about
what
is
blazer
well,
that
is
a
framework
for
single
page
applications,
and
it
is
these
days
it
is
a
part
of
asp.net
core,
so
it
is
kind
of
central
central
part
of
asp.net
core.
It
uses
razer,
syntax
and
and
razer
components
to
build
ui.
It
doesn't
need
any
kind
of
plugins.
It
works
on
just
on
web
standards
and
works
with
any
modern
browser
without
any
additions
or
any
plugins
required
and
also
mobile
browsers.
G
G
And
then
it
runs
in
the
browser
just
like
in
in
a
sandbox
where
you,
your
javascript,
is
running,
so
you
can't
get
to
the
local
file
system
or
or
do
stuff
that
you
you,
you
can't
otherwise
do
in
in
a
browser
application,
and
if
you
do
http
requests
you
will
have
to
comply
to
course,
rules
and
and
stuff
like
that.
So
it
is
running
in
a
sandbox,
but
still
it
is
your.net
code
running
or
in
the
browser.
G
So
then
building
teams
apps
with
blazer.
There
are
a
few
challenges
or
one
major.
What
I
think
actually
is
that
since
you
the
your
blazer
application,
you
are
writing
it
in
in
csharp.net
language
and
teams,
sdks
well,
javascript
only
sdk,
so
you
have
to
do
some
interrupt
there
and
javascript
interrupt
in
blazer.
G
G
Another
thing
that
in
in
teams,
applications
which
applies
to
all
kinds
of
teams
applications
is
that
teams
does
not
actually
do
the
authentication
of
your
user.
It
provides
you
with
information
about
who
the
user
is.
It
is
not
authentication,
so
you
have
to
take
care
of
the
authentication
properly.
G
So
there's
a
lot
of
boilerplate
code
that
you
have
to
write
to
get
things
just
to
to
get
things
set
up
and-
and
that's
what
I
set
out
on
during
the
christmas
holidays,
to
to
do
something
about
that,
and
I
wrote
a
a
component
library
that
takes
care
of
most
of
this
spoiler
plate
code.
So
writing
teams
apps
with
blaze.
It
becomes
really
easy
and
I
have
a
demo
where
I'll
show
you
how
to
write
a
simple
personal
tab
application.
G
G
Then
there's
a
couple
of
links
here
on
the
last
slide.
I
already
sent
this
slide
deck
to
to
vesa,
so
you'll
be
be
getting
this.
These
links
as
well,
and
so
now
I
will
start
the
demo.
Actually,
I
have
created
a
blog
article
on
my
blog,
which
is
actually
the
script
for
this
demo.
So
and
this
link
to
or
the
link
to
this
article
is
in
the
in
the
slide
deck.
So
you
can
follow
this
script
as
well
and
do
the
same.
B
G
G
So
this
is
just
a
standard
azure
ad
application
registration,
where,
if
we
look
at
the
authentication,
I'm
using
the
single
page
application
platform
with
specifying
the
root
url
to
the
to
the
application
which
I'll
be
running
locally
in
in
in
visual
studio,
there's
nothing
special
to
this,
this
just
a
standard
single
tenant
application,
and
so
just
a
normal
application.
Registration.
G
G
G
It's
installed
and
then
I
can
close
this
up
I'll,
save
that
close
and
then
I'll
take
the
import
file
and
do
some
additions
to
that
one
so
that
we
get
easier
and
it's
easier
to
reference.
The
components
close
that
up
the
next
thing.
What
I'll
be
doing
is
that
I'll
do
the
configuration.
This
is
just
as
you.
You
know,
this
is
just
standard
configuration
that
you
do
in
asp.net,
core
application,
so
I'll
copy
that
and
add
the
the
configuration
here.
G
Then
I
will
create
one
page
in
the
application,
and
this
is
the
the
personal
tab
page
that
or
the
page
that
represents
the
personal
tab,
app
and
just
call
it
personal
like
that,
and
then
I
will
copy
the
code
that
I
have
on
the
blog
here.
Okay,
now
now
I'll
just
explain
a
few
bits
here.
So
here
is
the
well
the
normal
routing
that
that
is
used
in
in
blazer
applications.
But
then
this
team's
application
component
is
is
part
of
of
blazeraid
teams.
G
What
it
will
be
then
doing
is
provide
me
with
the
access
token
that
I
can
then
use
for
the
permissions
that
that
I
I
granted
access
to
in
in
the
in
the
application
registration.
So
with
that
access
token,
I
could
then
read
the
profile
information
for
the
user,
who
is
logged
in
and
when
all
of
that
stuff
has
been
done
by
the
teams
application,
it
will
render
this
application
template
and
provide
that
information
for
me
in
in
the
context.
G
G
Things
that
that
is
provided
you
by
teams,
sdk
and
the
client,
and
that
is
javascript
but
natively,
but
but
with
teams
blazer
or
blazer
and
teams.
It
is
translated
over
to
to.net.
So
you
don't
have
to
do
any
or
javascript,
and
it
also
provides
you,
then,
with
the
access
token
that
you
can
use
to
access
microsoft
graph,
then
I'll,
just
switch
over
to
using.
E
B
G
Then
hit
f5
to
just
try
that
it
actually
compiles
and
and
works
so
the
first
time
it
takes
a
bit
bit
to
compile
the
entire
application,
and
here
we
have
it.
This
is
just
the
standard,
laser
application
and
and
that's
fine,
but
now
it's
compiled
correctly,
all
right.
So
then
it
is
time
to
go
to
teams
and
and
do
the
actual.
B
G
That
is,
and
then
you
can
specify
icons
and
stuff
like
that.
But
this
is
what
is
required
to
have
in
the
application.
What
we'll
do
is
that
we
have
a
tab
that
we
want
to
have
in
this
application.
So
we
go
to
the
tab
section
and
in
a
team.
Tab
here
is
where
you
would
add
tabs
that
you
install
in
into
channels
or
or
meetings
or
group
chats,
but
since
we're
doing
just
a
personal
tab,
we
use
this
personal
tab
section.
So
here
you
can
add
a
new
personal
tab.
G
G
Here's
the
url,
that
of
the
page
that
we
just
created
in
visual
studio,
and
so
when,
when
you
launch
the
application,
it
will
load
that
url
and
that's
pretty
much
it
what
you
need
to
have
in
in
the
application.
You
can
have
a
look
at
the
app
manifest.
It
looks
like
this
and
then
on
the
last
page.
Here
you
can
either
download
it
or
or
install
it
directly
if
you
have
enabled
what
they
call
side,
loading
of
of
teams
apps
in
in
your
tenant.
So
you
need
to
enable
custom
applications
in
in
your
tenant.
G
But
you
can
do
that,
probably
in
a
development
tenant,
no
problem
with
that.
Otherwise
you
need
to
download
the
manifest
and
and
ask
an
admin
to
to
publish
it
for
you.
But
what
we'll
do
now
is
just
go
ahead
and
install
that
edit
and
it
will
come
here
as
an
icon
and
now,
when
it
runs,
it
will
not
run
because
I
haven't
started
the
application
in
visual
studio,
but
now
again
run
it.
G
And
when
it's
loaded,
we
can
go
back
to
the
teams,
client,
which
is
over
here.
I
guess
yes,
and
now,
when
I
refresh
that
it
will
load-
and
here
is
the
information
that
is
coming
from
teams
context
and
all
of
the
authentication
results
with
my
access
tokens
and
a
list
of
scopes
that
is
included
and
so
on.
G
A
H
Yeah,
thank
you,
hello.
Everyone
and
my
name
is
sergey
srigev,
I'm
from
belarus,
minsk
I'm
sharepoint
and
microsoft,
365,
developer
and
consultant
love,
development,
github
and
all
this
stuff.
You
name
it,
and
this
demo
is
about
sp
formatter.
If
you
don't
know
what
is
sp
formatter,
then
at
the
very
beginning
I
will
show
and
explain
what
it
is
and
how
it
works.
H
And
then
I
will
demonstrate
some
new
features
and
improvements
which
were
added
at
the
end
of
2020
and
also
you
will
see
the
difference
between
out
of
the
box
formatting
experience,
because
out
of
the
box,
experience
was
also
updated
recently.
So
let's
get
started
first
of
all,
wario
csp
formatter
is
performance.
Here
is
a
google
chrome
and
microsoft
edge
chromium
edge
extension,
so
you
can
search
and
grab
it
from
corresponding
store.
H
Then
you
have
it
available
on
your
browser
and
then
you
should
click
on
this
small
icon,
and
if
you
want
to
use
it,
you
should
enable
this
extension
for
this
particular
tab.
So
currently,
this
extension
is
performancer
is
enabled
for
this
tab.
Only
now
you
should
go
to
your
column,
then
select
format,
this
column-
and
you
see
this
little
title
here
so
by
clicking
you
can
enable
an
enhanced
version
of
your
column
formatting
and
what
is
the
difference?
H
First
of
all,
for
example,
you
can
change
something
here
and
you
see
that
you
see
a
live
preview
of
what
you
type.
It
is
reflected
immediately
in
your
list
view,
so
this
is
sp
formatter
and
probably
you
have
noticed
it
that
out
of
the
box
experience
here
and
this
performatory
experience,
they
look
very
similar
and
that's
right
because
out
of
the
box
was
updated
just
a
few
weeks
ago,
and
currently
it
uses
exactly
the
same
user
interface
element
called
monaka
editor,
that's
the
same
element
used
by
visual
studio
code
internally
and
it
supports
these
highlights.
H
It
supports
schema,
intellisense
and
suggestions,
you
can
fold
unfold,
etc.
So
all
this
cool
stuff
now
is
out
of
the
box,
and
the
question
is
what
is
the
difference
between
sp
formatter,
what
sp
formatter
provides
which
additional
functionality
etc?
So,
let's
see
something
I've
already
shown.
So
it's
a
live
preview
feature.
So,
as
you
type,
it
changes
the
the
presentation
here
then
additionally,
in
spew
formatter
mode,
for
example,
if
we
are
under
the
styles
tag,
then
we
have
intellisense
4
styles
as
well,
so
you
can
type
different
style
properties.
H
You
have
suggestions,
you
have
some
helper
tooltips
available
as
well.
Then,
if
you
go,
if
you
go
to
icon
name
and
then
change
or
if
you
want
to
use
another
item,
then
again
we
have
intellisense
for
icons,
so
we
can
easily
switch
icon
and
then,
if
we
go
here
on
the
text,
content
for
example
and
change
it
to
be
an
expression
like
this,
then
if
you
type
at
symbol,
then
we
have
also
additional
intelligence
or
suggestions
for
something
called
replaceable
tokens.
H
For
example,
here
I
can
use
my
login
name
or
I
can
use
a
row
index
so
it
changes
dynamically
and
then,
additionally,
probably
you
know
that
you
can
also
use
field
values
inside
your
column
formatting.
So
if
you
type
a
dollar
sign,
then
it
suggests
you
the
list
of
fields
available
for
currently
selected
list.
So
it's
context
aware,
for
example,
I
can
type
amount.
Then
it
shows
me
the
value
for
amount
field.
If
I
type
let's
say
drinks,
then
it
shows
me
the
value
of
drinks,
column.
H
Okay,
then
also
this
area,
you
see
this
area
is
quite
small.
That
is
why
I'm
in
enhanced
mode,
you
have
this
small
icon,
which
uses
all
available
space,
and
you
still
have
an
option
to
to
change
the
width
as
you
wish,
and
you
have
a
full
screen
which
is
convenient.
If
you
have
a
lot
of
lines
in
your
json
formatting.
H
H
You
don't
have
icon
name,
you
don't
have
these
add
suggestions
as
well,
then
the
last
and
probably
the
most
exciting
feature
that
was
added
recently
is
vs
code
integration
mode
and
it
will
be
useful
mostly
for
developers
or
for
people
who
have
their
own,
who
have
their
json
formatting
files
under
source
control
system,
for
example,
git
repository,
because
normally,
if
you
want
to
change
your
json,
then
you
open
your
json
file
here.
Then
you
copy
press
paste
here
then
you
change
something
and
then
paste
back
to
your
code,
which
is
not
very
convenient.
H
H
Now
simply
open
your
okay.
Let
me
actually
move
it
like
this
and
then
this
guy
yeah
like
this,
then
simply
open
your
json
formatting
file,
right
click
and
select
start
new
session
sp
format.
Sir
start
a
new
session.
Now
we
have
in
the
status
bar
in
the
bottom.
You
see
this.
The
mode
is
listening
now,
if
you
go
here
to
our
browser,
so
currently
I
am
changing
the
flow
column.
Formatting.
Let
me
move
it
like
this.
H
Moreover,
in
this
code,
the
full
intellisense
exactly
the
same
level
of
intellisense
as
available
here.
It
is
also
available
in
vs
code,
so
I
can
type
type
add
symbol
and
then
let's
say
a
current
lab,
so
it
displays
the
url.
I
can
type
type
row
index
etc.
So
we
see
it
works
and
again,
if
I
type
dollar,
then
it
inserts
the
placeholder
for
field
volume.
H
Also
these
things
they
are
context
aware.
So
if
I
go
to
another
list
for
example,
then
of
course
the
the
list
of
fields
here
in
this
suggestion
will
be
completely
different.
Now,
if
you
want
to
modify
another
column,
then
simply,
let's
say
drinks,
so
simply
open
drinks,
json
right
click,
then
select
start
a
new
session.
H
H
In
order
this
rich
intelligence
to
work
in
visual
studio
code,
you
should
follow
two
simple
rules.
Now.
The
first
rule
is
that
your
json
formatting,
you
should
delete
schema
property
from
your
json
formatting,
because
otherwise
the
2d
code
will
try
to
suggest
you
different
values
based
on
the
schema
property.
So
if
you
remove
them,
the
schema
will
come
from
extension
from
this
performative
extension,
and
the
second
rule
is
that
your
file
should
follow
some
naming
conventions.
For
example,
here
I
have
all
my
files
using
column
dash
format
engine.
H
A
This
is
just
super
impressive,
sergey.
It's
it's
mind-blowing
what
you
did
today,
really
really
really
cool
stuff.
There's,
actually
microsoft
should
have
done
it
maybe,
but
you
kind
of
just
brought
it
to
a
new
level,
so
really
great,
awesome
stuff,
so
we're
at
the
hour
almost
one
minute.
So
thanks
everyone,
great
demos.
A
So
with
that,
I
want
to
highlight
some
other
community
calls
that
there
are
for
graph
depth
guards
power
ups
and
so
on
so
whole
series.
You
can
find
the
links
here
if
you're
interested
in
those
please
subscribe
and
enjoy
those
calls,
there's
always
something
to
great
to
learn
and
with
that
I
think
we
can
wrap
up
right
at
the
hour.