►
From YouTube: PWA Studio Community Meeting 08 May, 2020
Description
New Developer Documentation site theme, Authenticated Checkout Shipping Information, Update to Color Swatches, and using NPM install
A
All
right,
hello,
everyone
happy
Friday,
welcome
to
another
pwace
to
do
community
sync.
Today
we
have
a
number
of
demos.
Lined
up
from
the
team
will
kind
of
walk
our
way
through
those
demos
will
open
up
for
commedia
corners,
see
if
there's
anything
that
we
want
to
discuss
generally
open
up
to
any
questions
for
anybody
on
the
line
and
then
we'll
wrap
from
there
and
get
into
our
weekend
right.
A
B
Just
a
quick
update
me
today,
our
DAF
site
does
have
a
fresh
coat
of
paint
on
it.
It
looks
pretty
slick
kudos
to
Eugene
on
our
UX
team
for
incorporating
Adobe
spectrum
design
patterns
into
our
Docs
I've
also
reorganized
some
of
the
cards
in
the
front
to
kind
of
add
link
to
pages
that
are
more
relevant
than
previous
parts.
B
B
A
A
It's
official
Lars,
you
name
it
on
the
list
who
thank
you
all
right.
Any
other
questions
for
jimothy
I
also
saw
this
morning
a
great
link
to
the
through
the
in
the
community
slack
by
Jordan
to
the
new
epic
Hughes
page
that
help
answer
some
of
those
common
questions.
I
was
a
great
great
value
that
that
the
FAQ
is
already
delivering
I
think
so
that
was
pretty
awesome
to
see
as
well.
C
All
right,
how's
everybody
doing
fine
morning,
bye,
okay,
so
continuing
on
the
fun
check
out
experience.
The
next
thing
up
was
kind
of
like
authenticated
shipping
information,
so
the
scope
of
this
may
seem
small,
but
we
added
a
address
book
component.
That's
pretty
neat!
So
let
me
go
and
just
jump
into
one
of
my
demo
systems
so
for
an
authenticated
user
here,
I'm
gonna
go
and
create
a
new
account.
C
All
right,
a
brand-new
user-
that's
probably
not
the
the
most
likely
use
case,
like
somebody's,
probably
not
gonna,
create
an
account
until
I
after
their
first
order.
But
for
the
sake
of
this
demo,
so
I'm
gonna
go
ahead
and
adopt
this
cat
Jasper
we're
gonna
jump
to
the
checkout
experience,
so
you
should
notice
that,
like
off
the
bat,
it
looks
very
similar
to
the
guest
checkout,
except
for
now
we
can
pre-fill
a
lot
of
information.
So
we
know
your
email
in
first
and
last
name.
C
So
we
can
pre-fill
that
data
and
then
we
can
fill
in
everything
else
here.
Nothing
too
unique.
I
do
maybe
I'll
talk
about
it
later.
No
I'll
forewarn
you
there's
a
tiny
bug
in
graph
QL
now
in
the
when
it
comes
to
region.
Just
with
customer
addresses
that
I'm
working
through
I
think
I
found
a
workaround,
but
for
right
now,
you're
gonna
see
this
go
from
New
York
to
Alabama.
C
Don't
worry,
it
should
be
fixed,
but
if
we
do
go
live
with
this,
so
I'm
gonna
save
that
you'll
see
that
the
experience
from
here
is
still
the
same
that
it
jumped
into
this
card
view,
took
you
to
shipping
method,
but
the
big
change
now
is
for
authenticated
users.
You
know
have
this
concept
of
like
an
address
book.
So
when
you
come
into
the
address
book,
you
see
kind
of
the
address
you
just
entered,
you
can
edit
it.
You
can
also
add
a
new
address.
C
So
let's
see
Fry's
favorite
friend
vendor
and
you
can
always
like
update
to
make
any
of
these
the
new
default
address.
So,
let's
add
that
guy
you'll
see
bender
is
now
the
default
kind
of
resized,
some
things
there
see
so
and
then
edit
you
can
edit
any
of
these.
Let's
say:
that's
actually
a
one
and
then,
when
you
apply,
we
added
this
little
kind
of
like
indication
that
something
on
the
page
was
just
updated.
I,
don't
know
if
that
came
through
and
bluejeans.
Okay,
that's
really
it
oh
and
then,
of
course
everything
is
very
responsive.
C
So
you'll
see
what
the
desktop
view
you
want
to
take.
Vantage
of
that
real
estate
and
like
a
mobile
view,
we
push
these
buttons
down
to
the
bottom
and
it's
more
of
like
just
the
list
view
and
then
the
the
form
is
still
the
same,
that
instead
of
a
modal,
it
becomes
this
kind
of
side
drawer,
but
nothing
really
changes
outside
of
that.
C
So
if
I
change
that
back
to
Frye
see
it
goes
back
and
indicates
to
you
that
you
just
updated
that
information
then
continue
through
your
checkout
and
then
outside
of
that
there's
some
automation
that
happens
now.
So
if
you
are
an
authenticated
user
and
you
hit
the
checkout
it'll
automatically
apply
your
default
address.
So
it's
slight
Delta
there
from
luma,
where
they
used
to
like
still
make
you
click
through
to
that.
D
C
Yes,
yes,
we've
iterated
over
this
a
lot
we
are
trying
to
like
arrive
at
like
some
best
practices
and
ways
to
to
make
this
as
seamless
as
possible.
So
there
are
still
some
tweaks
that
are
going
to
come
through,
like
this
isn't
delivered.
Yet
there's
like
some
tweaks,
some
headers
to
make
you
make
it
more
in
a
better
indicator
of
like
what's
step
and
the
checkout
you're
on
things
like
that.
But
it
should
ultimately
look
like
this
when
it
lands
and
pretty
pretty
smooth
experience.
A
D
E
D
It
has
been
it's
been
sort
of
around
for
a
while.
We
had
to
wait
for
swatches
to
be
returned
with
graph
QL
with
two
three
five,
so
we
had
this
PR
sort
of
placed
on
hold
until
then,
and
instead
of
trying
to
trying
to
get
everyone
back
into
context,
we
just
wanted
to
finish
it
up
so
just
directly.
It
is.
It
is
quite
literally
just
replacing
these
colors
with
the
random
the
random
colors
that
were
generated
before
with
the
actual
response
from
graph
QL.
D
Whatever
you
have
configured
in
the
back
end,
so
you
select
a
color
now
it
will
actually
be
represented
by
the
image,
which
is
amazing
right,
because
for
what
a
year
and
a
half
two
years
now,
we've
been
developing
and
using
random
colors.
Here
and
and
now
we
finally
have
had
the
response
from
the
back
end,
that
that
will
be
used,
a
cool
thing
that
Harold
started
and
that
we
decided
to
also
include
was
using
an
image.
So
you
can
configure
a
thumbnail
image
or
for
your
product
to
be
represented
in
the
swatch
I.
D
Don't
have
a
demo
of
that
right
now,
but
if
you
do
I
believe
we,
we
hard-coded
it
to
be
48
pixels
wide.
So
I
wanted
to
make
sure
that
I
called
out
that
thumbnails
right
now
have
to
be
a
square
so
that
they
fit
the
aspect
ratio
that
these
swatches
have
been
designed
for,
but
just
just
soso
yeah,
so
you'll
have
you
can
either
provide
an
image
or
you
can
provide
the
color
hex
and
that
will
be
used
here.
D
I
also
just
wanted
to
point
out
that
it's
not
just
on
the
product
page
that
those
swatches
are
used,
that
they're
also
used
in
the
Edit
in
the
cart
edit,
in
mini
cart
and
I,
believe
in
the
new
cart
as
well,
so
those
swatches
are
all
updated.
One
functional
change
that
I
made
was
that
the
filters
for
color
no
longer
use
a
swatch.
D
So
so,
when
we
queried
for
the
possible
filters,
they
tell
us
that
we
can
filter
by
gold
and
that
it's
a
color,
but
they
don't
give
us
a
value
or
a
swatch.
So
just
a
small
change
that
we
had
to
make
here
because
there's
no
way
to
to
know
what
color
that
represents
or
that
it
even
is
a
color
but
I'm
sure
week.
It
might
be
something
we
can
add
in
the
future.
D
D
A
D
A
F
F
To
write
zealot,
we
had
a
peaceful
online
change
right.
We
had
a
bug,
that's
sort
of
a
few
people
in
community
experience
where
they
run
npm
install
and
on
the
mono
repo.
We
have
to
use
yarn
because
of
your
on
workspaces.
Otherwise,
it's
not
going
to
install
the
packages
dependencies
up
in
that
folder,
so
they
run
npm
install
and
then
it
would
appear
to
install.
But
then
it
wouldn't
work.
You'd
get
usually
you'd
get
an
error
where
dot
n
wasn't
found,
because
the
package
that
uses
it
the
bill
pack
doesn't
have.
F
In
package.json
whoops
I'm
not
sharing
the
screen
yeah,
okay,
so
you
can
see
we
added
one
little
script
in
package
JSON,
which
does
a
crass
cross-platform
environment
variable
check,
unlike
nicer,
looking
varied
in
checks.
This
one
works
on
Windows
too
so
yeah
and
then
so,
if
the
CI
variable
is
not
populated,
meaning
that
you're
just
in
your
normal
dev
machine,
then
it's
going
to
try
running
this.
Npm
is
utility.
F
Thanks
guys,
thank
you.
Are
you
asking
me
for
any
news
on
api's
yeah?
We
we
are
still
in
the
review
process
for
the
pull
requests
for
AP
is
you
can
actually
see
Lars
if
you
want
to
contribute
to
it,
there's
a
lot
of
review.
We
are
really
hoping
to
get
it
merged,
ASAP
and
I'm
already
talking
to
other
internal
teams,
it's
about
how
to
use
it,
but
that
is
not
on
the
schedule.
Is
there
anything
after
meeting
Andrew
there's.
F
I
can
I'm
actually
experimenting
right
now
with
creating
a
new
repository
of
pwace
to
do
experiments.
I
haven't
published
it
yet,
but
I'm
working
on
some
experiments
like
what,
if
we
applied
a
webpack
plugin
or
what,
if
we
tried
to
update
upward
with
a
content
security
policy-
and
these
are
all
meant
to
just
kind
of
demonstrate,
the
kinds
of
things
you
should
be
able
to
do
with
targets.
F
That
includes
that
target
and
that
should
get
easier
and
easier,
because
targets
are
really
simple
to
implement.
Now
that
the
basic
idea
is
there.
So
if
you
want
to
get
this
into
develop
as
soon
as
possible,
please
add
your
voice
to
the
course
on
this
pull
request
to
298
all
posted
in
chat
and
that's
the
only
concrete
update
that
I
have
right
now.
A
Okay,
great
so
well,
if
you,
if
you
have
any
other
comments,
questions
concerns
around
a
ps4,
mister
zetlen
they're,
two,
two,
nine
eight
is
the
portal
quest,
feel
free
to
to
jump
in
there
and
start
any
dialogue
there.
So
that
is
the
end
of
the
team
demos
that
we
have
planned
I'd
quickly
like
to
just
give
Jordan
or
Lars
a
chance
to
ask
any
questions,
bring
up
any
topics
that
might
be
hot
within
the
community
right
now
on
PW
studio,
aka
community
corner
I've
done
that
a
while
the
graphic
got
to
figure
that
out
I'm.
G
A
Okay,
yeah
I,
guess
just
another
plug,
then
our
standard
plug
for
the
week.
You
know
if
you're
out
there
watching
the
video,
if
you're
out
there,
on
slack
in
you
and
you're
looking
to
dive
into
pwh
CEO,
you
know
or
contribute
defeat
of
a
studio.
You
know
start
with
our
docks
start
with
the
community
board
on
github
reach
out
to
Lars
reach
out
to
Jordan
right
figure
out
how
we
can
we
can
rope
you
into
building
some
cool
features
for
us
right,
yeah,
no,
okay!
A
Definitely
all
right!
So
that's
it!
That's
it
for
the
call
today,
then
we'll
wrap
things
up.
Everybody
have
a
great
weekend
stay
safe
out
there
and
we
will
see
you.
We
will
not
see
you
next
week
because
there's
a
official
company
holiday,
they
got
thrown
all
in
everyone's
calendar,
but
we
will
all
be
out
next
Friday,
but
we
will
catch
every
one
the
following
week.