►
Description
I got some help from community members to add LaTeX and code syntax highlighting React components. Really happy that people are helping me out with the details. I also got simplehtm in place as the encoder engine. -- Watch live at https://www.twitch.tv/rhyolight_
A
A
A
A
This
is
a
framework
thing
because
we're
going
to
use
simple
HTM
for
everything
for
all
the
HTM
stuff,
we're
gonna
use
someplace
too
young
I'm,
trying
to
keep
an
eye
on
my
bandwidth
here
in
the
background.
So
forgive
me
if
I'm
bouncing
back
and
forth
because
you
see
like
it's
popping
up
and
down
I
can't
tell
if
it's
my
ISP
or
if
it's
twitch
I
can
really
can,
but
I
have
to
go
back
like
anyway,
no
distractions
I
have
I'm
going
to
work
on
this
right
away.
So
let's
go
look
at
simple
HTM.
A
B
A
Know
I
remember
all
right,
simple
HTM
is
just
a
very
simple
HTML
plantation:
it's
not
done
it's
completely
incomplete.
In
fact,
all
I
have
are
encoder
tests,
so
if
it
doesn't
exist
so
for
this
for
stuff
to
get
into
this
repo
I'm
just
sir,
if
anybody
does
end
up
contributing
if
for
stuff
to
get
it
to
here,
it
must
have
a
test
you're.
There.
No
code
goes
into
here
without
at
least
unit
testing,
so
you
can
tell
what's
implemented
just
by
looking
at
the
tests
and
right
now,
I've
got
some
encoders
implemented.
A
I
think
the
little
last
one
was
category
tests
so
and
I'm
doing
like
low-level.
You
know:
here's
what
I'm
here's
the
numbers,
I'm
coding,
here's
the
specific
bits
that
I'm
expecting
to
get
back
anyway,
we're
going
to
change
this!
The
build
that
the
build
of
this
project,
because
when
I
created
this
I
did
it
so
it
would
webpack
and
what
I
really
want
is
something
that
I
can
npm
install
properly
and
I.
Don't
even
know
what
the
status
of
it
is
right
now,
so
we're
going
to
figure
that
out
all
right.
A
A
A
You
know
we'll
get
there
when
we
get
there
at
aha
I
have
a
preference,
probably
it's
more
efficient,
just
to
store
the
indices.
As
long
as
you
have
a
function
that
will
easily
return,
you
either
a
dense
array
or
a
sparse
array.
Whatever
format
you
want
that
you
want
just
the
indices,
it's
still
the
same
representation,
it's
still
sparse
representation,
you're
just
talking
about
the
data
format,
the
interface
that
you're.
Using
what
format
do
you
want
that
representation
in
and
I
prefer
both
and
it's
easy
to
do
both?
So
we'll?
A
A
B
A
A
Because
the
the
that
I
didn't
structure
this
so
that
you
could
just
you
know,
require
from
simple
HTM.
If
we
look
at
the
there
is
no
index
file.
I'm
gonna
be
learning
a
lot
on
the
way
here.
Hello,
Sharif,
good,
to
see
ya,
I'm
gonna
be
learning
as
I
go
because
I
honestly
I
forget
everything
that
I
do
so
I'm
gonna
be
walking
through
this
with
a
beginner's
mind,
cuz,
that's.
A
So,
where
is
the
main?
There's?
No
main,
there's
no
entry
point
pretty
much.
So
it's
all
it
does
is
how
the
test,
oh
there's
a
start,
and
it
just
calls
webpack.
So
it's
just
a
web
packing.
That's
not
really
what
we
want
so
about
the
sdrs
I've
always
assumed
it
would
be
more
computationally
efficient
to
actually
utilize
a
sparse
vector,
but
being
able
to
go
back
and
forth
necessary
to
having
something
like
the
quarters.
Dense
output,
interacting
with
STRs.
A
Yeah
well
we'll
find
that
out.
Won't
we
we'll
figure
out
we'll
try
and
figure
out
what's
best
for
what
what
I
want
to
do
with
this
is
I
want
to
make
sure
that
the
code
is
understandable.
I
want
to
make
the
code
clean
enough
so
that
we
can
put
it
so
that
the
visits
own
documentation,
essentially,
we
can
put
it
embed
it
into
this
building.
A
Htm
systems
website
that
we're
making
so
I
will
always
steer
towards
clean,
rather
than
efficient
for
this
endeavor
we're
gonna,
try
and
shoot
for
simple
clean,
not
efficient,
not
performing
okay,
so
I've.
In
order
to
make
this,
oh
there
is
a
main
so
there's
an
imp,
it
says:
there's
an
index
Jass,
but
I
don't
think
there
is
so,
let's,
let's
open
this
I've
been
doing
everything
in
BS
code,
and
so
there
is
this
something
I
wanted
to
try.
A
A
Ya,
simple:
over
optimized:
okay,
does
anybody
interested
in
me
installing
this?
So
you
can
highlight
my
code?
Apparently
that's
how
it
works,
if
not
I
won't
do
it
right
now.
I'll
do
I'll,
do
it
later
anyway,
but
if
anyone
wants
to
I
mean
if
anyone
suddenly
has
a
need
to
like
show
me
something
in
my
code,
this
would
be
a
good
extension
for
me
to
use
it's
the
interaction
you
know
going
okay,
so
it
is
certainly
expecting
an
index
and
there
is
no
index.
A
So
the
first
thing
we
need
to
do
is
create
an
index
and
all
of
my
code
is
in
source
encoders,
so
I've
got
an
index
here
see.
This
is
totally
wrong.
I
made
this
specifically
for
deploying
it
to
the
client,
and
this
is
not
what
I
want.
This
is
the
signature
that
I
want
to
export
for
sure,
so
I
can
take
advantage
of
this
I
think
just
remove
this
I
could
just
move
this
index
file,
I,
guess
but
I'll
just
remove
this
index
file.
A
A
A
A
A
A
A
A
Richard
says
a
disabled
nightbot.
After
switching
to
stream
elements,
yeah
I,
tent
I
keep
every
time
I
try
out
a
chatbot.
It
there's
something
I
can't
control
that
I
want
to
control
and
I'm
going
to
end
up
just
running
my
own,
which
I
had
been
doing,
and
it
was
fine
I
just
thought.
Oh
I,
don't
want
to
have
to
deal
with
changing
the
code
and
redeploying
if
I
want
a
different,
some
different
chat
settings
anyway.
I'm
probably
gonna,
go
back
to
it.
Okay,
that
will
says:
there's
a
code
sharing
plugin
for
BS
code.
A
A
A
Here's
the
code
session
thing?
Yes,
maybe
this
works.
Let
me
know
if
that
works
our
try
joining
myself,
so
you
have
to
have
video
or
you
have
to
have
vs
code.
This
is
super
cool.
If
this
is
okay,
if
you
guys
can
actually
do
this.
Okay,
that's
cool,
so
I
left
enjoying
the
conversation,
so
we've
got
a
little
chat
thing.
A
A
Hello
now
I've
got
too
many
chats.
Okay,
I'm,
probably
not
gonna
chat
there,
so
I'm,
assuming
that,
if
you're
here
I
could
see
that
that's
awesome,
I
love
that
and
we
can
delete
this.
We
don't
need
this
anymore.
I
always
accept
ok,
so
it
definitely
looks
during
the
collaboration
except
so
do.
I
have
two
people
now
I
do
code,
all
the
things
in
Mikkel,
Kristensen,
awesome,
ok!
A
A
Hopefully
this
works
in
gym
test.
Ok,
I
I,
like
this
reporting
format,
whatever
I
end
up
using
I,
think
it
was
I,
think
it's
chai,
mocha
NYC,
something
so
I'm,
gonna
I'm,
probably
gonna.
Stick
with
that,
so
I
didn't
break
anything
and
all
I've
done
is
added.
This
module
export
so
now
I
can
install
I
can
do
a
test
install
from
a
directory
right,
npm
install
from
directory
from
local
directory.
A
A
A
Okay,
that's
all
I
wanted,
so
that
works
so
I,
just
I've,
just
confirmed
I
have
done
this
in
a
little
while
so
I'm
just
confirming
that
this
basically
is
getting
me.
What
I
want
so
I
just
want
to
have
access
to
these
encoder
classes
and
and
I-
don't
need
I,
don't
want
to
do
the
web
pack
stuff
anymore
or
hide.
A
A
What
we
used
to
do
was
write
some
little
middleware
thing
that
would
serve
serve
the
files
statically
and
have
the
middleware
thing.
You
know
interface
and
in
the
client
side
code.
If
you
write
the
certain
type
of
import,
it
will
go
fetch
it
for
you
or
dynamically
preload
it
for
you.
You
know,
but
if
you
declare
that
you
need
it
on
the
page
right,
I'm
sure,
that's
you
don't
have
to
do
that
now.
In
today's
environment,.
A
Am
I
safe
to
just
leave
it
like
this
and
and
know
that
if
I
can
do
an
NPM
require
on
these
things,
that
I
will
be
able
to
easily
serve
them
to
the
client
as
well?
That's
my
main
question
right
now,
because
I'm
hoping
I
can
just
leave
this
like
this.
Remove
all
the
web
pack
stuff
I,
don't
want
the
web
pack
stuff
in
here
anyway,
I'm
gonna,
I
really
I
did
this
as
a
means
to
an
end.
A
A
A
A
B
A
Which
is
a
piece
of
code
right
now,
it's
so
as
a
concept.
This
is
what's
going
to
be
running
HTM
code
I
want
to
I
want
to
use
this
as
a
code
library
that
consolidates
all
of
what
we
would
call
HTM
algorithms
or
helpers
so
I
want
to
have
the
encoders
in
here,
like
I,
have
shown
you
on
on
my
screen
and
there's
also.
A
Now
the
encoders
are
easy
to
run
from
the
client,
because
they're
simple,
you
don't
have
to
have
memory,
you
don't
have
to
store
anything
for
the
most
part
you
can
and
some
encoders,
but
I,
don't
plan
on
doing
anything
that
we
couldn't
handle
in
local
storage
and
the
all
of
the
examples
for
coders
are
going
to
be
sort
of
dynamic
they're
not
going
to
need
a
history
they're
not
going
to
need
a
model
to
be
trained
over
time.
So
we
I
want
a
way
that
I
can
I
can
create
these
encoders
here.
A
B
B
A
A
It
in
a
standard
way
I'm
hoping
that
at
this
point
in
the
maturity
of
the
node
and
NPM
environment,
there's
there's
some
standard
way.
I
can
make
this
simply
available
to
the
client
to
import
this
encoders
without
doing
anything,
crazy
or
special
I
want
I
want
this
to
sort
of
automatically
happen
and
I.
A
That
lots
of
people
had
you
know,
I
want
I
want
a
library
that
I
can.
This
is
something
I
worked
on
at
Yahoo
for
a
year
as
I
want
to
load
a
library
that
kind
of
run
here
in
here
and
I.
Don't
need
to
worry
about
the
details.
I
can
write
the
code
in
both
places
and
I.
Don't
even
have
to
worry
about
it.
I
know
this
has
been
solved
so
I'm
just
thinking
hook,
poster
get
I
mean
it
doesn't.
A
Does
it
matter
we'll
yeah
there's
a
word
for
job
that
run
service
like
client
side,
which
I
can't
remember,
yeah
I,
know,
there's
a
word
I,
just
I
just
thought
that
this
particular
problem
of
you
know,
and
maybe
it's
a
required
interface
or
is
it
the
common
Jas?
It's
just
how
to
include
this
and
install
it
in
a
way
that
it's
available
easily
well
I'm,
not
even
talking
about
getting
or
posting
to
the
server
right
now.
This
is
who
all
gets.
A
A
A
A
A
A
A
This
oh
wait:
I'm
going
to
press
this
button,
oh
yeah!
This
is
building
HTM
systems
and
and
I'm
we're
basically
translating
these
visualizations
here
from
one
framework
into
another,
so
I'm
trying
to
make
these
react
components
instead
of
and
they
sort
of
encompass
these
d3
diagrams.
So
that's
the
overall
thing
that
we're
doing
but
and
I've
also
got
this
vs
code
thing
on
which
is
but
I
need
to
deploy
this
now
and
I
need
to
make
sure
that
the
new
version
doesn't
have
any
of
the
old
crud
in
it.
A
What
do
they
call
it?
Looping,
linear
or
something
something
isomorphic?
That's
it
right!
Well,
isomorphic
I
worked
on
a
web
framework
at
Yahoo
called
mojito
back
in
2011
or
12
11,
I
think,
and
that
was
one
of
the
first
isomorphic
frameworks.
I
gave
a
presentation
on
it.
We
didn't
call
it
isomorphic
I,
have
a
there's
a
video
online
somewhere
of
me
doing
this
Doctor
Who
thing
and
showing
this
content.
It
doesn't
know
whether
it
was
rendered
on
the
server
of
the
client.
You
know
it
was
a
big
deal
back.
B
B
A
A
My
kids
love
anime
context
about
me.
My
kids
love
anime
I,
like
some
I,
remember,
watching
Ninja
Scroll
when
I
was
a
kid
and
thinking.
Oh
my
god.
That's
that
probably
dates
me.
Then
just
roll
was
very
cool
when
I
was
a
kid
yeah
ad
package,
it
maybe
it
was
a
bit
mature,
like
I
like
there
were
gory
bits
in
it
and
I
was
like
you.
A
Okay,
so
did
I
I
updated.
The
version
I
should
have
checked
this
a
little
bit
better
guys,
stop
distracting
me.
Okay,
so
updated
the
version
the
mane
is
still
index
and
all
it
does
is
a
model
module
export
I'm,
not
worrying
too
much
about
this
other
stuff.
This
is
just
dev
dependencies
I'm
using
d3
5
latest
version
is
5
9.
B
A
I
still
think
it
would
be
it's
the
week.
They
all
have
wiki's
that's
documentation
for
anime.
My
kids
like
sword,
art
online,
is
that
it
is
that
the
type
of
thing
sword-
art
online,
okay,
so
yeah
modify
the
package,
make
sure
the
tests
still
work
with
the
new
d3.
Okay,
so
will
says:
I
should
include
the
package
lock,
so
I'm
gonna
do
that.
A
A
Now
I
am
going
to
well,
I
could
just
get
merge
and
p.m.
in
stop
no
no
npm
install
into
master
and
just
push
upstream
master
I'm,
just
pushing
straight
upstream
master
and
then
we're
going
to
and
in
people
what
happened.
I
got
something
get
full
upstream
and
master
got
something.
I
missed.
Oh
Jenna
found
three
vulnerabilities
to
the
default
branch.
Why
does
that
mean
low?
A
A
Email:
okay,
what's
my
email
address,
I,
never
know
if
I
used,
I'd,
say
I'm
already
here
login.
Let
me
just
log
in
now
join
log
in
username,
right,
password.
A
A
A
A
A
A
Gave
it
okay:
this
is
not
right,
maybe
maybe,
let's
see
I'm.
A
A
A
A
A
B
A
Wow,
that's
kind
of
cool
okay,
so
I've
got
I.
Guess
two
different
live
shares.
Now:
hey
you
guys
chatting
ID
nobody's
chatting
okay,
so
this
is
interesting.
I
can
I
can
so
here's
the
live
share
for
building
HTM
systems.
I,
don't
know
how
this
is
gonna
work,
so
I
guess
I
can't
if
I
have
two
projects
open,
which
I
commonly
do
all
right.
So
in
this
one
now
I
can
get
rid
of
the
old
source
I'm
not
looking
at
that.
A
B
B
A
Gonna
work
because
I
haven't,
you
know,
created
a
place
to
serve
it
from
this
import.
I
assume
react
has
got
magic
to
make
this
work.
Import
prop
types
from
prop
types,
so
I
need
to
basically
do
the
same
magic.
If
I
want
to
do
something
like
this
I
can
write
a
script
that
will
follow.
First,
let's
do
the
NPM
install
this
isn't
going
to
work,
I'm
sure
I'm
gonna
copy
back
out,
but
that's
what
I'm
trying
to
get
to
something
like
that.
A
B
A
B
A
A
A
A
B
B
A
How
do
I
usually
do
this?
Well,
let
me
look
at
the
we
look
at
the
I.
Take
it
down
here
this
min/max
w.
So
let's
just
use
that
that's
the
code
example
that
I'm
using
so
we'll
use
that
so
right,
it's
a
config
object
with
this
min
Max
and
then,
when
we
call
in
code,
the
encoding
is
going
to
be
this
dot,
encoder
dot
and
code,
this
dot
bits,
I,
think
or
state
that
bits
will
clean
this
up.
A
Okay,
I
promise,
I
know
this
is
this:
the
state
sharing
is
a
little
bit
annoying,
and
especially
in
this
function,
there's
it
relies
entirely
on
the
side
effect
and
that's
not
necessarily
what
you
want
to
do,
but
I
want
to
I
want
to
see
if
it
works,
mostly
mostly
so
something
broke.
I
can't
tell
what
it
was,
though,
maybe.
A
A
A
A
A
A
A
A
A
A
Yes,
so
I
think
that's
to
see
this.
It's
essentially
what
we're
wanting
we're
wanting
to
encode
a
an
integer
or
a
scalar
value
into
a
bunch
of
bits
and
50
is
certainly
at
the
top
of
that.
Why
is
it
50,
though?
Okay,
so
so
I
think
that's
that
it's
working
it's
working
so
now.
Why
is
it
52?
Because
it
should
be?
Oh
wait.
The
max
is
50,
so
it's
actually
I've
already
got
min
and
Max.
So
this
needs
to
be
props.
A
A
Actually,
because
50
is
now
where
it
should
be,
which
is
a
little
bit
down
from
the
max
right,
but
it's
not
showing
up
here
because
we're
not
so
first
of
all,
let's,
let's
let's
commit
this,
and
because
we
did
it
not
on
simple
HTML
we're
gonna
go
down
to
building
HTM
systems
and
we
have
updated
the
simple
scalar
encoder
to
use
the
scalar
encoder
from
simple
HTM,
and
it
was
easy
I
didn't
we
didn't
have
to
do
any
of
the
weird
stuff
that
I
was
taught.
I
was
trying
to
draw
out
here.
A
B
A
A
Get
push
upstream,
you
know
I'm
not
really
doing
PRS
yet
because
I'm,
the
one
reviewing
him.
Okay,
so
I
approve
with
you
guys,
Oh,
oh
I'm,
sorry,
somebody
I
should
have
done
this
before
I
should
have
done
this
at
the
beginning
of
this,
but
someone
had
a
sent
a
pull
request
to
pull
requests
that
I
wanted
to
look
at.
So
this
guy.
Also,
this
person
I,
don't
know
the.
A
B
A
B
B
A
A
A
A
A
A
A
B
A
A
Okay,
sorry
about
that,
sorry
with
that,
but
at
least
I
got
you
there.
Let's
turn
this
off.
Let's
go
to
I,
don't
know
why
I
was
thinking
that
I
just
did
it.
I
just
turned
basically
this
on
for
simple
HTM
building
ischium
systems
thinking
it
was
simple
HTM.
Thank
you,
but
yeah
we're
going
to
turn
that
on
there
we
go
so
eventually,
we'll
have
we'll
add
some
Travis
stuff
for
building
extreme
systems.
Do
okay!
A
A
A
B
A
B
B
A
A
B
A
Say
that
that
it
push
upstream
master,
if
whoops
I
happen
to
get
full
upstream
master.
A
A
A
The
next
thing
I
wanted
to
do:
oh
whoops,
what
is
this?
Oh
I
screwed?
That
up
did
you
know
nobody?
How
did
that
even
work?
There's
two
mochas,
two
NYC's.
How
did
whoops
is
this
for
real?
This
has
happened.
This
isn't
simple
htm',
so
that's
totally
screwed
up
I'm
gonna
have
to
I'm
gonna
have
to
deploy
another
version.
How
did
that
get
passed?
Yeah?
That's!
So
weird!
No!
No!
No!
No!
No
way!
A
A
Fine,
don't
worry
it's
all
good.
This
is
not
even
modified
anymore.
Okay,
so
now
we're
back
to
building
HTM
systems,
and
we
have
the
big.
The
big
thing
that
I
was
so
excited
about
was
what
is
going
on
here.
I
can
go
deeper
and
deeper.
This
is
not
what
I
expected
to
happen
when
I
click
this
I
want
to
navigate
to
it.
A
A
B
A
A
A
Some
significant
things:
okay,
let's
I'm
gonna,
take
time
to
review
this
right
now,
because
these
are
two
things
that
I
certainly
wanted.
So
thanks
again,
so,
let's,
let's
do
the
law.
Tech
thing
first
and
I
am
going
to
go
back
to
the
code
base
here,
gr,
V
and
then
get
check
out.
Add
a
la
tech,
renderer.
A
B
A
A
A
A
A
A
A
A
A
A
A
We
have
a
team
called
team
HTM
here
you
team,
page
I'll
pop
it
into
chat.
If
you
want
to
create
a
cello
account
and
join
this
team,
I
think
anyone
can
join
it
and
then
you'll
be
able
to
access
this.
This
Trello
board
that
I
was
working
on
because
you're
working
on
stuff
straight
off
the
board.
You
should
have
access
to
it
actually.
A
A
Right
so
I
don't
need
that
okay,
you're
invited
okay,
awesome,
there's
one
other
PR,
two
other
PRS,
one
of
the
PR,
adding
a
code
component,
all
right
so
I'm
excited
about
looking
into
this
sports
JavaScript
CoffeeScript
in
Python,
perfect
react,
syntax,
highlighter,
added
component
showcase
page,
where
all
the
components
Vittorio's
can
be
demoed
as
styling
can
be
improved
upon.
Okay,
let's
take
a
look
at
this
called
feature
code
component.
A
A
A
B
A
A
A
A
B
A
Conflict
won't
even
navigate
to
it.
I
don't
know
if
this
is
gonna.
Work
I
might
have
to
just
sort
of
hard
code.
This
not
hard
code,
but
you
know
resolve
the
conflicts
myself
as
myself.
Essentially
so,
let's,
let's
just
do
that,
I
guess
or
or
do
the
rebase
we
should
do
the
rebase
okay
go
for
it
absolutely
resolve
it
for
me
and
I'll
just
click
the
button,
but
B
that's
even
easier,
and
once
we
do
that.
A
A
A
A
B
A
A
A
B
A
B
A
Here
is
not
really
to
plug
and
play
different
h,
HTM
systems.
The
web
document
will
be
highly
coupled
to
the
HTM
implementation
and
I
hope.
You
understand
why?
Because
we're
going
to
actually
display
the
code
from
simple
HTM
in
the
web
pages
and
I'd
like
to
so
it's
got
to
be,
is
kind
of
a
really
highly
coupled
so
you're
not
going
to
be
able
to
just
swap
on
it
under
HTM
implemented.
A
A
A
Okay,
so
the
next
thing
that
we're
gonna
work
on
easy
deployment
to
Heroku-
that's
done
alright.
So
now
it's
actually
building
well,
let
me
open
in
hope.
Your
dashboard
I'll
show
you.
This
is
another
thing
that
rat-ass
left
set
up.
It
was
a
PRI
just
just
merged,
so
here
is
the
app
and
Heroku
and
you
can
open
it
and
there
it
is,
and
it's
you
can
see
it
right
here.
A
That's
okay,
proudest,
laughs,
I
struggle
with
get
all
the
time,
don't
feel
bad
all
right,
so
you
can
see
the
latest
version
of
this
app
at
this
URL
building
HTM
systems
da
roca
AFRICOM.
So
as
we
make
updates-
and
ideally
you
know
as
soon
as
we
merge
this,
we
should
be
able
to
sit
and
watch
this
update
within
a
couple
minutes,
most
likely
if
all
goes
well,
which
is
great
so
made
a
lot
of
progress
today
and
I.
Didn't
do
hardly.
A
But
I'm
super
happy
to
be
sort
of
at
the
wheel
here,
putting
this
together
and
planning
doing
the
planning
okay.
So
what
else
have
you
got
so
here's
a
big
question
I
want
to
make
soon
is:
should
we
convert
each
simple
HTM
to
CoffeeScript?
Okay,
let's
keep
that
in
the
back
of
your
head,
because
it's
something
I'd
definitely
like
to
think
about
doing
as
if,
when
you
look
at
these
examples,.
A
A
A
Yes,
that's
what
I
mean
what
I
meant
absolute
beginners
guide
to
CoffeeScript
I,
don't
know,
I
just
want
to
see
some
code
examples.
It's
super
simple.
The
thing
I
like
about
it
is
oh,
this
is
a
good
one.
So
so
this
is
CoffeeScript
on
the
Left
versus
the
JavaScript.
You
might
write
on
the
right,
so
there's
just
less.
What
do
they
call
it?
A
Expressions
as
you
can
and
that's
what
I
liked
about
CoffeeScript
is.
It
certainly
aims
to
do
that,
and
it
does
a
pretty
good
job,
so
I'm
thinking
about
changing
all
of
the
code.
Examples
in
building
HTM
systems
to
use
CoffeeScript,
because
it's
honestly
the
closest
to
English
that
I
could
find
something
to
think
about.
Okay,.
B
A
Okay,
let's
see
I'm
a
little
behind
our
tight
I
hate
to
put
I'm,
not
putting
any
pressure
on
you
about
Slava
I'm
gonna
check
something
else
out.
A
A
A
Think
I
already
did
that
I
kept
this
old
source
directory.
So
it's
not
really
pulled
out,
but
that's
let's
just
clean
up
I!
Don't
I!
Don't
need
to
really
have
that
as
a
to-do
item
I'm
just
gonna
archive
this
or
it
could
delete
it.
I'll
just
leave
it
archived
to
use
simple
HTM
in
new
react
style.
That's
what
there.
A
A
A
A
A
So
and
the
tricky
thing
is,
it
might
have
its
own
data
source
or
the
page
might
have
a
data
source
right.
The
page
might
have
a
data
source
that
is
driving
many
animations
right.
That
is
the
source
for
many
animations,
so
this
data
source,
this
data
source
needs
to
be
flexible,
so
it
can
be
shared
or
or
unique.
A
Diagram
updates,
so
so
this
the
UI
might
change
the
data
source
or
the
data
source
might
change
itself.
Okay,
because
we're
gonna
have,
it
might
just
be
an
automated
programmatic
change
that
happens
and
the
data
source
can
either
be
individual
to
a
diagram
or
many
data.
Main
many
diagrams
may
point
to
the
same
data
source.
So
that's
sort
of
the
idea
behind
this.
B
A
Some
of
the
diagrams
don't
they're,
going
to
be
encapsulated
right,
they're,
not
going
to
need
to
interact
with
anything
else.
On
the
page,
the
simple
scalar
encoder
that
we're
working
on
is
one
of
those
this
one,
the
user,
interacts
with
the
UI.
The
UI
can
then
update
the
data
source
behind
the
scenes
and
then
the
UI
updates
that
can
all
be
done
without
any
external
communication.
So
in
this
case
it's
like
no
data
source
needed
because
it's
behind
the
scenes
right,
but
we
might
end
up.
A
We
will
end
up
having
some
displays
that
require
one
or
more
data
sources
to
be
handed
to
them,
knowing
that
they
or
will
not
be
creating
them
right.
So
there
has
to
be
some
sort
of
agreement
about
how
to
interact
with
that
data
source
or
with
a
structure
of
the
data
source,
or
something
like
that
and
I.
Don't
know
the
react
way
just
to
go
about
that.
A
A
B
A
A
A
A
B
A
A
B
Is
this
is
a
lot
of
this.
A
The
next
few
months
over
the
summer
on
this
project-
and
it
starts
off
slow
like
this,
but
once
we
get
into
a
position
where
the
where
things
have
fallen
into
place,
we'll
make
some
good
progress,
I
know.
So
this
is
all
a
lot
of
the
framework
stuff,
the
grunt
work
stuff.
So
the
fact
that
I'm
getting
help
is
outstanding,
really
is,
and
here
we
go
running
the
tests
we
got
this
far.
That
means
it's
going
to
work.
B
A
A
A
A
A
This
is
I'm
pretty
psyched
that
we
got
this
vs
code-sharing
thing
setup.
Let's
really
need
a
license
on
there's
a
package
there's
still
somebody's
connected
still
will
so
I
can
actually
go
in
and
see
what
you're
editing
and
then
this
one
I
think
it's
probably
still
you
yeah.
That's
really
neat
I
love
that.
A
B
A
A
A
A
A
Tomorrow
will
be
a
new
mental
research
meeting
around
10
a.m.
I
will
be
in
the
office
for
that.
If
you
want
to
watch
that
live,
it'll
be
a
decent
recording
of
it.
I
think
and
then
we're
gonna
continue.
Doing
react,
interact
interaction
for
the
simple
scalar
encoder,
so
this
encoder
thing
that
we're
building
here
it
needs
to
interact
with
Mouse
events:
hey
thanks
for
the
follow
of
CQC,
Houston
or
Cheston
1776.
B
A
You
for
the
follow
of
Tet
Ruth
I
appreciate
any
emotional
support.
I
can
get
honestly
so
we're
gonna
continue.
Building
this
out
and
turning
this
d3
making
these
d3
diagrams
sort
of
wrapped
in
as
react
components
and
we're
gonna
figure
out
how
to
hook
up
their
data
sources.
Kind
of
like
I
was
describing
that
I
wanted
to
do
over
here.
A
A
It
will
need
to,
but
there
are
going
to
be
times
when,
if
page
has
sort
of
a
global
data
source,
that's
feeding
data
to
a
bunch
of
diagrams
and
all
these
diagrams
are
going
to
be
react.
Components
and
I
want
to
try
and
do
this.
The
react
way
of
updating
your
having
the
data
sources
being
updated
and
the
diagram
was
being
rear-ended
as
they're
updated.