Numenta Live Streams, 23 Apr 2019

Previous Meeting Next Meeting

⏯

youtube image

►

From YouTube: BHTMS - simplehtm integration, LaTeX, & Syntax Highlighting

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

Okay, say hello: everybody.

A

All right, I'm gonna get right to it and, as promised, I'm totally unprepared. This is what the technical livestreams are gonna be like I, but what I'm planning on doing today is where was it.

A

It was simple htm', maybe I, don't even have a maybe I, don't even have a Trello for it, but there's third yeah can revert code. No, not that not that okay, so I'm, just gonna add another card for it and we're going to say what up. What I want to do is use simple HTM in new react, styled.

A

Scaler encoder, that's what we're gonna do today. I'll put it immediately into to do and I'm even I, even added some labels like what is this.

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

It's right here and I'll post a lot of stuff in chat, hello, Richard,.

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

So this is in India, simple htm'.

A

Don't have anything got one branch I was working on over almost a year ago. I, don't know what that's all about, so it probably doesn't really matter.

A

Oh yeah chat wise. Our our SDR is actually going to be sparse in this implementation. I've seen several HTM exploitation that just stored big bit vectors as dense vectors, you mean just the indices of the I, mean that's sort of an implementation.

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

Probably just do those you make one simple function that takes in you know some one. However, you decide to store the data structure which I would prefer indices just because it's smaller and then have a function that turns it into a ray of ones and zeros.

A

Okay, so we're on master I'm gonna, get check out a new branch and call it NPM install because I think right now, I don't even know this is on NPM. Let me check NPM dot, org empty MJS, I think I have simple HTML on here did I ever I did.

B

A

So I did do something I published it already. So what happens if I intend to install I, don't think I get something I can.

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.

B

How I do everything.

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

Is if anyone wants to follow along with me? Let me know if anyone's interested in this, because there is this vs code extension that will allow other people to highlight code on my screen. This code twitch highlighter there it is. This- is pretty cool if anybody's.

B

A

In this, the guy who made this is another twitch twitch person, Clark, IO, I, think he's you might have popped in before.

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

And then do something similar to this? Not this, but something similar to this here so I would what I want to export.

A

Here is basically the API of the simple HTM and so there's gonna be an encoders object, hold on what it would visit, dot, export module, dot, exports, exports, okay,.

B

I'm used to writing like.

A

What's so, okay, I'm, not I'm, a I haven't done real JavaScript in a long time. What's the difference here because I I did this recently I said module exports equals when I was doing a react for uh I was doing react.

A

I'll. Ask that question later. You guys can school me later, but I know this will work. Is there some better way to do this, or, as was that some react magic.

A

Okay, yeah mark I've learned not to feel bad about any of this. Okay.

A

I'm sorry, this bot that I'm using I really don't like so it's it's. It's prevented someone from posting, something I think I'm gonna turn it off. I tried to use night, but I'll just turn it off.

A

Okay, so I don't have a bot running right now, which is not a big deal, so go ahead and repost what you're trying to post will I think I can do it for you. Well, you know see if you can post it again. Sorry about that.

A

Okay, anyway, I am going, I am working on exporting the coders I want so I, certainly oh, so this is basically what I want right here. So I can just take that, let's just steal it.

A

A

But I'll have to go into SRC.

A

And okay, so we're gonna have to adjust our tests. I think unless this goes straight for them, which it does okay. This is. These are true unit tests, so they're gonna go that doesn't matter.

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

That's what I was talking about. That's what I'm using which allows yeah it might be a little too much for twitch. Oh you mean on the marketplace. Oh it's a plugin! No, this is the one I. This is it this. Is it I'm, just gonna install it. I know: I'm gonna use this. So thanks for finding.

B

A

For me, let's install it I think this would be useful if anybody really wants to follow along and like okay, get started.

A

Okay, so what I gotta do close this click? The live share button on your status bar boom.

A

Sign in with github.

A

Okay, yes, I guess this is what I need to do: I'm authorizing okay, ready to collaborate close this window and go back to your editor. Okay, I started the live session. Now it oh here it is here. Is the code session?

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

Alright, I'm just gonna work and like try and do some things and we'll see what happens so. First of all, let's test so I just changed. I removed an index file liar I removed an index file, so the package might not work anymore. Hey somebody joined, that's awesome. Okay. This is cool.

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

So now I have to keep up with other people, but this might not be a good thing because you're gonna be like do this. Do this guys I'm slow I'm, just telling you I'm gonna, be so ok, so I was gonna run tests and at least you can't control my terminal.

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 folder okay as assembly can the coca I've done this before alright. So what I'm going to do is I'm going to I wish you do that I'm going to go into I'm just going to make a temp directory it's already temp directory and I am going to npm install mt a simple HTM.

A

Where the heck am I.

A

There, it is, oh I have to do NPM in it or something like that. Right didn't should have just said. Yes, npm install NT, a simple h2.

A

So I should be able to I.

A

Was so I should be able to basically say from simple HTM or.

A

Just how it gets something that has an encoders object so require choir.

A

Okay, I'm so loud.

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

So here's here's the babe, here's the question: I'm not really sure how to do this.

A

What I want to do is.

A

Have a pattern to host this so that I can run it on the client I want to I want to have access to these on the client and on the server. Obviously, so what we used to do back in the day.

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

What I'd really like is for whatever is consuming this code to pack it the way they want to be writing webpack for this in this project. I think so that means I also need to change this start, and there really is no start.

A

It's just a library right, so we won't even have a start and then the the main the index is going to be exposed through main yeah.

B

That's a good idea: okay,.

A

Let me take off my headphones.

A

I always make guitar over okay.

A

A

Sideways so the plan I, don't know where my black eyes.

A

So I guess what I'm talking about is I want.

B

To have a web server.

A

There's there's gonna be some parts. Okay, let's just say: there's listen. I'm gonna describe the runtime here, not the code structure, so this is just the runtime.

A

B

The server I want the server first.

A

Of all it's going to serve static pages, static, HTML, CSS and JavaScript. So that's one thing it's going to do and then then we're gonna have the client which will just we'll call it the UI I. Don't know, let's call it. The client.

A

Now I haven't decided so so then we've got simple, simple.

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

This is going to have the SP and the TM and and I haven't decided what to do about classifiers yet, but potentially some type of classifier, although that's a little bit out of scope as far as HTM, but definitely SP, TM and encoders.

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

I want I want to be able to easily ship to the client so I'm, assuming when we do an NPM, install simple HTM. Now all of this is available to my server code right, but I also need to somehow get it down.

B

A

That I can easily write my client side code to include the encoders I'm, probably going to use both I'm, probably going.

B

To want to need once use both I just want to make sure that this.

A

B

A

A

B

A way that I can structure.

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.

B

Know because this is this was a problem.

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

This is all gets at this point now when we, when I talk about the further examples, I'm gonna have some some examples for the SP, and especially the the TM. If I want to talk about training, I think I feel like some of these examples. We're gonna want a mature model.

A

That's learned a lot of stuff and as as a source for our visualization, so I feel like I'm gonna, have at some point of a model running here on the server and that's serving examples in response to you know, just it doesn't even I could just this.

B

Could all be just get as well I.

A

Don't think there will be I.

B

Don't think there's.

A

Any need for posting here I think everything could be good, because no data is coming from the client.

A

Everything is interactive on the client side, but as far as the the model running that I want to be running here, to show like a mature model that anyway, if you see what I want I want to be able to essentially require the SP and TM and run on the server or the client in these easy simple way now, it's it wouldn't certainly wouldn't be hard for me to just write, write some install script here that gets run when you run npm install that puts goes and gets the source code that I want and puts it into a static folder, and it's just there right so I could just do that.

A

B

Don't I just do that there.

A

Are there any so then I could just leave this exactly like it is I could just deploy a new version.

A

Let's make it one this time: zero, one, zero big make minor increase in the sub sub one, never mind. This is a PS code thing myself: okay,.

B

So essentially, I've just.

A

Exported the encoders I've removed the start from package jason. I can remove the web pack here.

A

What you're doing you're animating I'm just doing some NPM stuff I'm, trying to figure out how I can have a dependency from one node project to another project and well on the in the in the broader scope of things, I'm working on a website called building the HTM systems. Here's here's!

A

Let me show it to you: building HTM . systems. It doesn't even register as a URL. Isn't that annoying because of the dot systems. So it's a very new there. It is so.

B

We're working on a page like.

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

I do have a d3 dependency and I'm only doing that for scale, and eventually it will probably get rid of this, but for right now it's a really easy way to do.

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.

A

Then then the mid-to called and I was.

B

A

Okay, let's deploy this.

B

A

Mean this is this is good right, well, I kind of need to merge it back into master donut, okay, so I deleted.

A

This that's definitely gone. This is definitely gone. Hey mate, the gamer thanks for the follow I appreciate it you're, making an anime by yourself and you just finish the trailer and the documentation very cool.

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

Anime definitely needs documentation, there's so many characters. They.

B

All have powers.

A

How do you keep track of all their powers, and you know their psychological quirks.

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

Let's just do this: five, nine and two, an NPM install I, want to keep up to date, run the tests one more time.

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

Release 0.01 gonna, say removed web pack introduced.

A

Api I guess node API.

A

That's pretty much all I did okay, so back on master sword, art online, yeah, sword, art online.

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

Is it why do I have low I shouldn't have low.

A

I should not even be using low, where am I using low.

A

What uses lodash.

A

The Apple uses low okay, all right, whatever I, don't really care about that all right, I'm, not I'm, gonna, ignore that broken window. For now everything looks good in p.m. publish.

A

Publishing a new version: did it work? No, you must be logged in okay, NPM login,.

A

Rhyolite I, don't know okay, one password I'll do this over here, I, probably, let's see NPM yeah, NPM jeaious.

A

Email: um 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

Okay, so what's my email address profile settings Matt at the mint at work? Okay, so I need to know if I don't put that Matt work.

A

B

A

Already been right, I'm not joining I'm, just publishing.

A

How do I log in from the command line, NPN publish, NPM login from command line.

A

A

Configuring, the sealife I, probably.

A

That's not what I want dedicate against your login without a scope, so logging should work. Why doesn't this work? Npm laga I like password, wait a minute. I just gave you my password.

A

B

Does it need an email I just.

A

Gave it okay: this is not right, maybe um maybe, uh let's see I'm.

A

I'm logged in here packages, so these are all my okay, so I guess I have to sign out and log in with my new Minton I guess but I don't know that password.

A

Is simple: HTM jeaious org, simple HTM sit! Oh it's! No! It's me it's published by me. So why can't I log in come on I'm logged in back into this printer, simply Shion yeah, so I published that I'm logged in right now I was.

A

Okay, my packages.

A

I, don't need to do an enterprise registry.

A

Why I still get incorrect using your password I'm, not trying to end a user and VM config that LS? Let me check that. Oh.

A

Now it logged me in last time it said I couldn't do that. Oh my gosh, you guys this is.

B

A

Noted sorry, I'm not gonna watch your anime trailer I got stuff. I got to do. Okay,.

A

It's published okay, so version zero, one zero and now in now we're going to go back to building HTM systems.

A

Not building it yeah wearing my.

A

Ntia building HTM systems- I gotta fix this, so it doesn't change the size of the window. Another.

B

Time another time, okay,.

A

Or actually, no I'm gonna fix it right now. It's under profiles, no appearance, yeah profiles, text change, font we're just going to make it bigger. We're gonna make the default font 24. Okay.

A

So now, when I open a new tab, it's bigger! That's what I want! Okay, so.

A

Now I'm gonna open this up in vs code. So this makes me wonder: am I going to benefit live share again because I've got to.

B

A

Can now start audio.

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

I want to look at the package and simple HTM I'm, going to upgrade update it to this, and now in my page, what I want to be able to do? What's this? Okay, what I want to be able to do in my page is we were doing encoding numbers I, believe yeah.

B

A

This simple scalar encoder all.

B

A

Hey will when you made it great. Oh, that was weird what just happened.

A

Okay, that's what I wanted I was just having some navigation issues.

A

You could keep chat open like that. That's not bad close, close and then.

A

So here's where I was trying to import.

A

B

A

This I'm gonna is this possible. This would be awesome, but.

B

It's probably not and I know it's not.

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

So I should be able to say, NPM, install and get the new version of.

A

Building these systems updated one package. Okay. Now it might be nice to test this since I do have an index.

B

A

B

A

A

So here's the thing: let me just try and do exactly what I want to do and see if it magically happens, because I'm surprised sometimes at how magical things can be in today's world.

A

So I want to do this. So let's watch this break, I mean I'm, sure I, don't think this is going to work. So let me remember how to run NPM run. Dev I.

A

Really I don't expect this to work I'm, but I'm gonna. Try so we're in encoding numbers right. Yeah there it is module not found, cannot resolve simple. So let's try and do it without the dot encoders.

A

Let's just try and import encoders I would be super happy if this worked super happy. Oh my god that didn't work cuz. That I mean that's what I'm talking about that's this whole whiteboard thing I was trying to do. I'm, not I, don't know if it worked. Yes, let's try and do something with it.

A

So there's a there's a function in here that encodes I think and it was hard-coded to return like though here it is so. What we'd really want to do here is create an encoder, a simple scalar, encoder I'm gonna go back to my other project or.

B

A

A scalar, encoder I think that's what I'm calling a scalar encoder. So, let's.

A

Let's do well, we got to create an encoder, this dot and coder equals new, simple scalar encoder, and that is.

A

Needs an N and a.

B

A

And whether it's bounded or not,.

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.

B

Not maybe it's just near.

A

Compiling nope nope, let's see, let's see what this error says: Oh scaler encoder is not defined, oh because I didn't put in coders dot. That's okay,.

A

Away and coders a dot scaler coder, let's see if that works with webpack imported module. Ten is not a constructor okay.

B

So what is this then I.

A

B

A

Problem where I couldn't set a breakpoint last time, let's see if I can get to that I'm still I'm amazed. This is so great that I can get to that's. Not what I wanted sources.

A

Next static, no, no, no modules built-in. It always takes me forever to find all right. The right place, no node modules, node modules, I, don't know what this is build in I, don't know what that is. How do I get to the the meaningful stuff pages? Just a pin here.

A

And well, that's good! Okay, I'm, just gonna set a debugger.

A

No, it doesn't trip, doesn't trip on the debugger. Why would it not trip on the debugger.

A

Okay, I'm gonna take another Avenue or take another stab at this, so I'm importing coders from simple HTM, which should have a scaler coder on it. But it has something different.

A

So, let's see what it is, I guess.

A

This is really gonna help.

A

So we should get a log of it, but I don't see any log because we're hitting the error immediately afterwards before the console has a time to.

A

Let's just get out undefined all right so undefined. So what is encoders then.

A

Coders is has dot encoders, okay, okay, so this should just be so my gosh, oh, look, I'm chat and see if anybody caught that now. Okay, I won't talk about them.

A

I think this'll work out.

A

Come on now, coders dot coders is not defined right because it's simple HTM dot, encoders dot, scalar code name space; okay, so that worked. Finally, so now we don't use that.

A

Okay, this is so.

A

A

This that state doc, this I, have to put a dollar here here into.

A

And I don't know how this is gonna turn out, but we'll just see it. Let's see what it looks like.

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

Props taught Max and prop stopped in.

A

And the W and in we haven't really talked about yet so I'm just gonna heart read that. But this should.

A

huh Oh did I turn this off, but I want I still want to see it all right, so that's better!

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

It just worked and I think it just worked because of next the react sort of framework that I'm using to serve the pages. So thank you. Whoever did that and made it work. It's great.

A

All right add components and package stuff, and we are basically, we have just updated to you, simple HTM and.

A

That is this: one I was working on it, oh no, that's not what I was doing working on did I.

B

A

Refresh this page where's, the.

A

That's weird I swear I made a ticket for this now I can't find it okay. Anyway, it's closed. I was gonna, close it as soon as I commit this. So using simple, HTM encoders for the lies, I.

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

Virata Slav from Prague c-sharp and a heart ying-yang, nice. Okay. So let's take a look at this we're going to enable Travis, awesome? Okay, let's do this I, don't think this is gonna affect anything. Oh this.

B

A

Great, what's the ten, what's the ten for that like how many.

A

Steps one through three news to pick where the repo owner yeah I- can do this I will do it I'll do it.

A

Okay I already: let's turn this on. First I'll merge this because this, let me just check the file already did this, so this looks fine build status, review, changes, approve, I, don't think I need to do this. I can just merge. It.

A

So now we'll have it in CI. Thank you, I'm gonna merge. It.

A

And let's go turn Travis on for this repo, okay,.

A

Let's see I might.

A

How do I do this.

A

Have a good of account owing the permissions do I own this I guess I need to make sure I'm know.

B

A

Simple, it's HTM community, but I should have the permissions to do this.

A

So I wonder if it just needs to be pushed, you know, change log, documentation, okay, accept the authorization redirected click, the green activate button select the repository as you want to use at a Travis file, so I need to find a green, a big green, activate button by my repositories.

A

Settings organizations HTM community: this is what I want. I think, filter manager, positive.

A

Okay, oh sorry, access.

A

Okay, read access to code members right: this is for the ischium community group.

A

Repo access, so all repositories, so this really should be. Should work, I, think, hey.

B

A

You are thanks: I was trying to hook up this need to be on a Travis CI org to activate open source. Oh well, that's where it was I thought Oh, doc, work; ok, ok, ok,.

A

That's a good! Oh there.

B

We go ok, thank.

A

You alright, so let's go to my dashboard there. There.

B

A

Thank you, and so we want building. They don't have in here. It's not an active repository yeah right, but I have to go, find it.

A

Now I have to look under my HTM community organization here right here we go here, we go here. We go building on there. We go no builds yet, but we should get one as soon as we merge the next PR.

B

That you have over here. So let's look at that. Other PR.

A

Update vulnerable dependencies- this is probably good thing to do.

A

Okay, I am going to get I'm gonna. Try I'm gonna test this out, since it's a dependency change. Let me look and see what's changed.

A

Web pack and then package lock, okay, so package lock, I'm not concerned about so we're updating, you've, probably got better dependencies here, updated versions what facts Eli.

A

Okay, that looks fine to me, but I am going to actually yeah I'm gonna test it and run tests just to make sure actually it'll. If I won't Travis run this, it has some once we resolve the conflicts.

A

Travis can run this, so I could resolve the conflicts and they're not I mean I would probably just because I did do a few updates. Let me do that. Let me get your remote.

A

Let me do that. Alright, so get remote. Add flight of slobs I was saying that light right, yeah this one I think that's what I'm going to do and get.

A

Sure this works yeah, okay me- and this was update. Corner bull dependencies get checkout I.

A

Don't see that one, why don't I see that one, oh sure, oh.

B

A

Weird I don't see that on your branches, that I just downloaded I should be able to okay, so I copied that oh I did the wrong one. Goodnight.

A

I'm at a different repo wait a second, oh. This is for simple HTML.

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

Let me get in the right place now, so this should still work once I call this a simple HTM.

A

All right there we go check out branch.

A

What did you write.

A

Oh, it's: okay, okay, I got it shouldn't I you're, saying I should rebase rebase the current master.

A

But I shouldn't I should be able to run this to NPM test still works. The same NPM install it's just to make sure everything's clean, then NPM tests. As long as that one runs a rebase master it'll be fine. I forgot how to rebase, though get rebase.

A

I forget the command I have done in a while. So.

B

There's something.

A

With high severity.

A

Just gonna fix it, it's probably something left over I, don't know no.

A

What is this prototype pollution, Oh, NYC 14? Isn't that what you know you did 13 so now we need to go up even more all right. So let's do that we might as well is this I hope? Hopefully this works.

A

Handlebars is okay.

A

It's that work is there an NPM clean, no all right, I'm doing the install once again I know: I can just nuke the node modules.

A

B

A

All right so I don't want to I, don't want to change those. Why did those.

B

Change because.

A

I ran oh yeah,.

B

A

Want to change those.

A

Package lock that Jason.

A

A

Get check out master.

A

I honestly I'm gonna I'm gonna, throw away the package lock and just merge the package.

A

So there's obviously I'm gonna delete webpack.

B

A

For package lock, I know.

B

I should have done a rebase, but.

A

It merged there's single file. This is what I end up doing. Every.

B

A

Get merged there single file.

A

No, no just on one file.

A

We'll get check out, there is good to check out ruff all right. Sometimes it drives me crazy. Git, pull X tears.

A

Get checkout, there is that's what I want.

A

Get check out theirs, which one was it those doing, Irish package.json? No, no! That's the one I want to merge and for the other one I'll just take hours for the package Locke, because I don't really care, but for the package that Jason I want to look at it.

A

This should be. You know. Oh, this is the wrong one right. So it's the webpack, oh yeah,.

B

A

Yeah, so this is easy: I just take out the webpack stuff. Okay, that's it.

A

A

Its ad package lock.

A

Npm test, remove node modules, npm install, make sure, there's no vulnerability warnings, basically I'm just going to close your PR and because I just merged it into master on my local zero vulnerabilities in PM test great.

A

So it might as well publish another package.

A

So 1.1, okay.

A

1.14 owner abilities.

A

Say that that it push upstream master, if um whoops I happen to get full upstream master.

A

Yeah, that was, from the other PR good push up stream master.

A

A

Still so there's one vulnerability, so I should see a NPM publish I should see a Travis Travis, build kick-off, I hope.

A

Might take a little while nothing yet yeah there. It is.

A

Okay, just want to just want to watch this run, make sure that it works.

A

Got installed Ruby PHP.

A

And p.m. test passing done. Greenbuild awesome. Thank you so much so we got that. Oh and I'm. Just gonna close this, you already closed it. Okay, cool it got closed great. So thanks for that, we are running in CI. Now, awesome did I even have a I may not have even had a ticket for that. So now,.

A

We're clean and up-to-date.

A

Clean it up to date here and.

A

So the next thing to do so: we've accomplished what I wanted to do today already the next thing to do.

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

This just is not up to date. Something don't.

B

Say it don't say that.

A

I think this was just a stale.

A

Yeah something stale, but even this version is not right undo it I, don't know how that happened. I must have screwed something okay, everything's.

B

Fine everything's.

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

This is interesting, though, so, if I double-click it I'll go to the class I'm just getting used to vs code, so here we're getting simple HTM. What I really would do to clean? This up is, let's say, constant. Scalar encoder equals simple, HTML coders dot, scaler encoder I'm, just.

B

Going to clean up a little bit here, new.

A

Scalar encoder.

A

Okay and I really should maybe call this a diagram.

A

Thanks broadest level get to those other PRS. Maybe I should I might as well just do right now. Well, I, don't have much changed whoops! That's! This is not.

B

A

A

Okay, set up the planet to grow could be a travesty I 90 days, let's go through them, so I saw you do this, so this was cool. I. Think I can just throw that in yeah yeah yeah. The build status is already in the package lock. So, let's see if we can and merge it, I will merge that.

A

Let's go to add la.

B

Tech, rendering awesome.

A

So this changes just added a bunch I'm.

A

Gonna look into this a little bit more closely and adding a code component.

B

Oh, so you did.

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

From I haven't need to fetch, don't get.

A

This can't reflected this. How do we list all of the see there? It is feature? Oh, it's called feature. Add logic. Render okay get check out feature how to convert hungry feature at render No.

B

A

It's the : future. Add logic, render Wow come on, I know it's I know, there's a magic feature. Add la tech. Renderer did not match. Any files is not actually involved. That's oh branch I need to add the dot B B. Oh.

A

Oh I have them.

A

Refactoring explains.

B

A

Okay, now I'm gonna check out that branch and see what the difference is here. So in the layout we've added a header. This is great cuz. uh Oh.

A

Sorry I'm missing up the might merge. Those have two chives into mochas I, take a mocha right now or chai.

A

So let me let me try and get this so alright, so you knew exactly where to go for this. This is perfect, so you've got a lot ech tag in here. That I assume is a react thing so in our layout we're getting a head component and that is linking in a style sheet.

A

A

We a clock, tech live dead. Dependencies is fine. This is cool because you don't have to change any of the stuff inside the tag you just put tags around at all. This is great if this works.

A

Excellent and the rest are just binary. Ttfn, ok. So this is the stuff that we need and then there's this alright, let's so I'm gonna run it. Let's run it. If you run dev summer, see it working, and this should be income encoders here, ok, I, didn't I, guess: I got a peon install right.

A

Edit three packages and pen run dev.

A

A

And the lock tech part is here and it looks beautiful, beautiful, that's the wrong one.

A

That's excellent I'll take it for sure excellent, hey. That makes me happy. That is great. Let's, let's merge this. Oh there's a conflict in package, but I think we can resolve that pretty easily. This is fine this. This is not fun, so we're gonna take actually simple HTM.

A

1.1 we'll use- and we don't need this dev dependence, dev dependencies.

A

Commit I think that pip commits it right to the PR, which is really nice, because otherwise you got to jump through all these loops excellent oK we've got law tech way to go: lock, tech, here's the one automatic, lock, tech conversion.

A

This is e, branislav you're you're, not on here yet, but feel free to join the Trello board. If you, if you have a Trello of account, I think I'll, add you to this team. We have a team called or is this one? This is done.

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

Yeah or I could just invite you because I know it's V I, don't know your email top my head, but let me know if you can't get into it: oh there, it is so check it out. I will just if I can figure out how to copy something.

A

This is come on this. Is this don't work? No, it's not the.

A

Gmail attack there.

B

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

I am still in simple, it's Joan. That's the building and systems go back to master Oh, get checked out package lock, check out master and we're gonna go back to this long. Okay, so it's not add add code component right. They were just code for fine.

A

Okay, if you have install.

A

Doubt that's gonna still work. If you have run DES.

A

Let's see what you did here component showcase page, let me look and see what it is when it's code. Okay, so here's the code for the react component and add it to the header. Oh.

A

Okay, great, so you added it on on its own page, so we should see it up. Your opponents showcase all right, okay, so in here for example, well, we haven't really gotten there yet we're not showing the code yet, but I will be once I add pros around this. The idea.

B

A

Basically, use the same pros from this page, so I'm, but I'm just gonna copy and paste this, and then these are the I think. The content of this whole page is great. I want to keep it this way, so you guys could someone could start working on transporting this content into?

A

Where did it go this this page around this one diagram we're working on and we could test out the code component right there and you can highlight it awesome. This is great copy to clipboard great I love. It I love it. Let's do it again. This is going to be the pr merge.

A

Okay for package lock and I just take nobody wants to do this. How can I tell it this one I can I definitely want to hand tune.

A

This one is fine, that's fine,.

A

Now this one now.

A

One conflict can I, can I ignore this. One I can mark this one as resolved. Let's do that. How do I ignore.

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

We got this running to so I might have messed this one up.

A

Both history, this was 34 seconds ago, so this was actually from the PR okay, great, so so pull requests. Now this is after the merge. So after I merge this, it failed, which is not what we wanted it.

A

It's probably because of some package dependency right, I bet. Oh, this is still on a pull request. Okay, that's a no.

B

No, this is master, this one's master.

A

I'm gonna wait for raddest love to fix this request and then I would hope to see turn this off turn this off hope to see.

A

This turn green, like this.

A

I used to be on Travis CI, all the time a few years ago, as the open source community manager, when we were when there's a lot of active development on new pic, but I haven't been recently. So this is a good refresher. So the pull.

B

Request is working.

A

I wonder if this is working not yet, but we haven't had any it's, because this whole pull request thing was a pain to set up back. Then it used to be a pain to set up now. It's it just automatically happens.

A

Okay, once we get this done, that is going to.

B

A

I write this now. This was a brainstorm.

A

How can I tell who wrote this like I, don't even know if it was me or not, provide.

B

If it doesn't look like me,.

A

That's okay! It that I'm not gonna. Do this I'm, certainly so I'm just going to what do I do archive it or maybe I'll put it into another list. This is, will not fix. That's typically what we do and I don't add a reason why here will not fix, because.

A

The environment for this entire project is JavaScript and the reason we're making it is to showcase a an example.

A

Implementation of HTM in a human readable format as much as possible, and that's not a thing as much as I wish. A map was a thing like a SAP.

A

B

A

Map I would.

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

Okay, it's gonna check on.

A

A

New changes, so there was a merge commit, but but now there's more I, don't know if you've got tip of master yet branislav.

A

Because I have just pushed I, these are things that I've just emerged, so I think they came from the other. Your other PR.

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.

B

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

I like CoffeeScript, because it looks a lot like it's the it looks like pseudocode, and so you don't have to it's. Just it's just very clean. It seems very simple.

A

The setups and the PR I thought I already merged the PR, or was that the one we were yeah.

B

I merged that PR.

A

It is closed so.

B

We're gonna go so this should trigger.

A

I'm hoping it will trigger cuz I even saw this deploy this. This was deployed before re-emerging the PR. It was up anyway. I want this to be CoffeeScript. Well, let's think about this being CoffeeScript and maybe go and see CoffeeScript examples or something.

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

Cruft, there's less pomp and circumstance about the code where I had a friend who used to talk about this like programming in sauk feet with you know getting rid of all of the formality of programming and baking it down to the simplest expression.

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

So I'm still sort of working on react components that simple scalar encoder to react is the next thing I was going to do.

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 uh Slava I'm gonna check something else out.

A

B

Gonna tweet something.

A

Okay, so let's talk, let's think about future stuff, so pullout statically syrup blog post code, that's easy to do. I!

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.

B

It is that's the one I.

A

Was looking for, the label was supposed to be framework, which is gray, but it's sort of grunt work too. So.

B

The gray labels don't.

A

Seem to be working okay, so that's done pages may have data sources, so this is interesting. I haven't thought too much about this.

A

Yeah this was looking into redux, so I want a page, so there may be many react. Diagrams I'm gonna call that I'm gonna use some specific terminology for things. I think maybe I should write it down.

A

Let's talk about terms I guess.

A

So, first of all, we have a page.

A

Which can have many diagrams and a diagram is a react component I, don't know how to specify that I'll. Just I'll just say it's react component and it could have many of these diagrams diagrams diagrams. Each diagram.

A

How do I say has many say: has many I know there's a UML way to do this, but each one of these diagrams, maybe.

A

Maybe maybe or always I don't know, maybe, but it can, it should have a data source, something that provides it with data and it also can have a UI interaction.

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

And the tricky part is the UI. Interaction might change the data source. The data source is.

B

A

To the data source or updated in the diagram, so we'll say on I've got a lot of, but on data source change.

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.

A

And so it's a structure that changes during life of a page, that's yeah, so I need to figure out the best sort of react way to do this, and the next thing I was gonna, look into was Redux, and if we look at the component, like the simple scalar encoder, what I want to be able to do is is maybe specify its data source here in some of the diagrams right.

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

B

That's what I'm gonna look into Redux.

A

About and that's pretty much where we are on the project right now, let me check in with this update. Oh the the bill is failing. Let's take.

B

A

At this on the pr APR 6 build failing, that's what we wanted to see, though, because of simple HTM mi, not.

A

Webpack errors, Oh right.

A

You think simple, HTML or draw.

A

Where is the actual error? What why is web pack even running oh I'm right because next is running web pack, so it's running NPM see I I, don't know, I've never run that before. Is that a thing I need to like replicate.

B

Okay: here's what I'm gonna do I'm.

A

Gonna I'm gonna merge it and we'll deal with the dirty build now for a minute and then we'll and then we'll go back to master and make it work. Okay, do we have any more pull requests? Okay, so God, all the poor quests are done.

A

Go to master checkout package, lock check out master.

A

What did I do with encoding numbers? Okay, that's fine!.

A

Good, having notes get pull upstream master doesn't work, get pull.

A

Okay got everything locally, npm CI.

A

I'll never run this command before so I. Don't even really know what to expect I would.

B

Just bump it, okay I'll, do that! That's easy.

A

Oh super-easy, okay, cool yeah. That makes sense, because that's that's exactly what I would expect to happen.

B

A

Add the package stuff, hey, don't be sorry, you did a bunch of other work that made up, don't worry about it. I get commit dating sim. Please yet again get push. Ups training, master, I bet it's gonna pass and then once we get this sorted out, whoa I mean.

B

A

Will just be it'll be standard, you know pull request if it passes in the pour quest, then we'll Matt we'll merge it, and hopefully Master will never be read again.

A

Until until some server crashes somewhere.

A

A

Sorry I'm just amusing myself in my head. This.

B

A

This is awesome, I'm, very.

B

Happy about this.

A

B

Is uh this is a lot of this.

A

Is grunt work that takes time and I'm super appreciative that somebody else is doing it honestly, we will we'll make a lot of progress.

B

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

I just I'm looking for that green green, build it's like it's a it's a little dopamine for you! If you.

B

Want to get addicted to.

A

Something get addicted to green bills,.

A

All right, I'm, not gonna, sit here the whole time now. So I was talking about a data source, so that's something I definitely want to work on and then a nice display tool for code. Examples, hey check that out. That's done!

A

That's just done consistent diagram, styling pattern, I haven't really I. Think I'm gonna have work on that as we go and all in all in on react GIS.

A

This is sort of a big placeholder for all of the react sort of learning. That's being done for me, especially.

A

It's taking a while to get the environment set up.

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

So that works and that's super cool I'm gonna- have to tell Clark how awesome that is if he has something to do with it. The extension- that's a really very, very nice.

A

Let's check on our build, it's.

B

A

A

Nice screen build. That means our on both simple HTM and building HTM systems. Awesome with with that now I'm trying to decide whether I should I'm probably going to cut off the screen. The stream at this point and I will be back on Thursday the on Thursday. What did I have here?

A

Let me show you my events page. If you guys haven't seen the events page, you can only see it.

A

B

Can only see it.

A

On the website, like the twitch website, it doesn't show up on an iPad I. Have it doesn't show up on your phone, but I've been planning out all of what I'm gonna be doing. This is what I'm doing now. No that's yeah, integrating simple HTM. This is what we just did and more thanks to Bratislava.

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

So don't don't forget I. All of my videos are archived on Twitch.

A

If you want to go through and see anything that I've been streaming it's all here and not to mention they all all of the good stuff gets gets into this twitch playlist on on YouTube on our YouTube station HTM, school and YouTube station, so code Dench I have never worked with Redux before and in fact, I don't even know if it's the right tool for the problem it's here's here is the here is sort of my description of what I need in a data source good and you might go back and look at the video once it's it's archived because it just this is what I was just trying to describe.

A

What I needed here. I need many diagrams on a page, and every diagram is most likely going to have a data source. Sometimes it's going to be private and and it nobody needs to.

B

Know about it, but.

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.

A

That's the idea, and so I have heard that Redux is one of the ways to go about doing this, although I know there's other options so I'm not tied to anything at this point, I'm just looking Hey.

B

A

At that run, I'm not tied to anything it's pretty powerful good, so, hopefully I'm going in the right direction. Here you don't see any way that this couldn't be done. I hope it's. Definitely it's not too too far out. There I think all right, good react. Redux will get us where we.

B

Want to go so, do you guys want us.

A