Jupyter Community, 25 Oct 2022

Previous Meeting Next Meeting

⏯

youtube image

►

From YouTube: Jupyter Community Call - October 25, 2022

Description

Recording from the Jupyter Community Call in October 2022.

The notes from this call can be found here: https://github.com/jupyter/jupyter/issues/664

Read more about these calls on Discourse: https://discourse.jupyter.org/t/jupyter-community-calls/668

A

B

A

Being recorded yay, um it is being recorded. Welcome welcome uh this is the Jupiter Community call for October 2022., hooray, happy almost Halloween. If you care about that, I do so I'm sending it out to you, but I know that is not a global concern.

A

I today we have a couple exciting things on the agenda makes me happy always to walk in with things ready to go and yeah. We are going to get started, but the things that I need to tell you at the beginning of every call are one this is being recorded. We know that we heard that the omnipresent Zoom voice just told us um two. This is a Jupiter Community event. As such, we are held to the Jupiter code of conduct, and that includes everyone here.

A

Even me, you can find that at any time at jupiter.org conduct and of course, please tell me if I mispronounce, your name I, keep trying to be better about that. But if I don't know, I can't fix it and I would really love to respect you all as you deserve. So with that, we are going to follow the agenda I'm, going to link it one more time. In case anyone appeared while I was talking, but basically what we're going to be doing today is following this in order.

A

Some people have already added things, but we have room on the agenda, so I kind of expect it to change a little as we continue throughout. You can also take notes here, please sign in if you feel so inclined, it's super cool to know who is here and yeah with that we're just gonna get sharing, but the first thing we have on the list is: where are my short reports? I think we might have one, but hackmd does the weird cursor problem sometimes or was that a sign in okay?

A

No, do we have any short reports that people want to start with? We had a bunch of cats before the call actually I'll start there and you don't want to add cat info.

C

Yeah participating in Outreach this round and we have had a ton of applicants. That's super exciting.

A

Yeah, that's awesome. I will add. That is.

D

A

Tony, do you want to say one.

D

A

D

You have to do like uh a statement of work for them, or is it just like we're looking for interns and choose somebody.

C

um We're looking for interns and choose somebody, so we do put a project description out there. It's not really as formal as um as a statement of work, because Outreach is very clear that these are not contractors. It is a learning opportunity, um so yeah we have a project description and then they contribute and submit a final application and then we rank and choose one.

D

Really great, it seems like it's growing a lot.

A

Yeah, that is wonderful to hear I'm excited I hope we get to meet. Whoever you end up working with at one of these calls. I know that may not be the case, but they're welcome. I love, seeing people uh join in I also am going to add an impromptu share. If I can remember what I was. Oh yes, we had about two weeks ago, a group of people do some keyboard navigation testing on the notebook notebook, 7, pre-release I just wanted to say that was really cool.

A

um Thanks for people trying to do collaborative accessibility tests with me, I really enjoy it. I think it's super cool I hope that we get to do more of that in the future, so kind of just a heads up and maybe get you all curious. That was a really awesome thing. Yeah.

E

Yeah uh python 311 was released yesterday, hooray.

E

um If you try to use it on GitHub actions, they don't yet have Mac OS available the last one they had was uh rc1, so there's no Mac OS for rc2 or the final. Yet, um if you want to use in GitHub actions, but we are using the dash Dev one in several places like Jupiter server, so hopefully we don't get caught too off guard by this release, uh but um it's an exciting release. It has like a depending on which The Benchmark you look at.

E

It could be like 60 Improvement speed, um they've been investing heavily in that very exciting.

D

What language features are new in 311? Is that pattern pattern matching and stuff.

E

uh I, don't remember if it's pattern matching is in this one or 310., uh but there's like task groups for async I. Oh um I can't remember what else.

D

E

D

The other hard work, sorry to stump you on this one laughs.

A

Awesome yeah thanks for letting us know.

B

A

Sounds promising, but you know how it goes, we'll see um anyone else, I'm going to be quiet for a few seconds, give y'all more ideas for short report. Shout outs excitement.

A

Okay, well, thank you so much. Those were good, I, I, love being surprised by these every month, because I always forget to put them in ahead of time and I. Think other people do too. So it's always like ah what happened, but with that we will go on to the rest of the agenda items. Oh yay. We have okay, we have three on here today. That's wonderful! All that means is I'm gonna, be watching with time. I'm saying I, think about 15 minutes per person will be pretty safe. uh Just you all are aware.

A

It's pretty normal, but I will be watching so yay yay. It's time for the feature, film, uh John, Hendrick and Ricky I believe. Are you first.

F

Yes, uh that sounds like a good idea. Yep then I will share my screen, and probably you should hear me now and you should see what I see.

A

I hear you and I see a plywood Gallery slide deck.

F

Perfect perfect, then I enter a full screen mode and yeah. um So today, uh Ricky and I will um present something about the plywood gallery and it's an idea to bring example, branching into python documentation via notebooks and, uh like very short introduction, I'm Jan Hendrick. You can call me Hendrick and I'm uh yeah I'm, a biophysicist I'm, currently working in developing tools for science, communication and uh yeah I'm, giving to Ricky for introduction introduction.

G

Yep, uh hey guys, I'm the co-presenter here um and I'm. Currently, a full-time University student working towards a computer engineering degree and um I'll be explaining the vs code end of this back to Hendrick cool.

F

Thanks, okay, so the private Gallery is a new framework to generate python documentation via notebooks, and uh the special feature is that code Snippets are represented by images and the one very unique thing that uh makes it that is possible, then, is to show code variations uh with example, branching and uh to show you uh what is meant by this here's a short demo.

F

So this is um this is a web page, and here you have sales, and here you have a short frame and you can click on the cells and then the corresponding python code will appear at the top and yeah. As you might have guessed, these code sets are generated by Jupiter notebooks. Here's another example for um for functions, plotted with matplotlib and most of them generated with numpy.

F

Yeah and um to to get started with this uh like a bit of background, so this is how a normal python script looks or like how a documentation with uh swings uh generated would look like, so you have um here the code block here, then some images or some honey and other outputs and the idea of the private category is to split these examples into into smaller chunks.

F

So, like this here at the top, we have a block which, which I call the header block, which has um the the the Imports of modules and then definitions of variable variables of functions and then and the second part. You have these specific things that um generate this plot and by this separation, it's possible to Branch these examples, so you can have the same header, but and on the one hand, this um yeah, this blue pie chart here.

F

On the other hand, this green green pie chart with uh with the code that is slightly different, but yeah like um kind of similar to the first one and um yeah in the private Gallery. These these examples are not shown, but the code is um is now like um wrapped in the image so that you kind of have um yeah, like all the information just in the image, and the blue frame um indicates that it comes from this.

F

This uh this example block and when, when you have the header block, you can do the same, and here with an orange uh orange border, I indicate that it's it's the header.

F

Okay, then we just need a a frame where you, where the code can be displayed, and then you can click on on these cells and the code will appear and yeah next I will show, like some demos, about Jupiter generated documentation web pages so where this can be used or why yeah? Why we uh yeah, where we can see where what is possible? So this you have you've already seen in the beginning.

F

This is um uh 2D numpy arrays, where you can just click on sum, and then you can see here like a circle, a gaussian distribution. uh All kind of patterns are possible. uh Here is another one which I also shot in the beginning. That's uh for for mathematical functions. So it's like a cheat sheet where you can quickly access these things that you um use on a regular basis or yeah which, which you just um want to have like nicely represented- um here's another one for pathlet.

F

So um sometimes when one works with parts, it's maybe nice to have like a visual visual aid where you are right now, so this can be used, and um another thing is that you don't have to use actually python generated images, but you can use any images you want. So here I was thinking; okay, maybe it's nice to have an emoji which um is a mnemonic for you for your code. So here here down there, you can click on this on this um on this folder icon and it will show you okay here.

F

uh Path.Makedear is synonyms.

F

um Yeah, here's another one for napari, that's a 3D imaging Library, which uh some of you might know and uh yeah there you can uh see how how these slide code changes um also um go together with a slight visual changes. This is, for example, here with the axis where you can see: okay, um uh how? How are the x is colored? How are the they dashed and it's it's really bringing the the information down to the bare minimum and not having this huge, huge documentation, Pages, which you, which you sometimes have uh yeah.

F

There are some example categories which I just uh created over the last few weeks. uh Here is one or yeah these ones you've seen already and they are actually in iframes. So you in this presentation you can even click them and try them out. uh So after this presentation you can or like after the community call, you can go to them and um try it yourself and see um how this is going.

F

Okay. Next, we come to the installation and the quick start, so you can simply type pip install plywood Gallery, then open python import, the Quick Start, um then there's a gallery config file where you um bring in all the description, your title of the of the project, some some other information that you want to give the users about the the project and then there's a generate HTML um function, which then translates this config file into an index.html file. You can open it and you can add your examples.

F

This is this is how it looks in vs code, so I have here about 10 10 files, which were which were added by the by the quick start. Here you have Gallery assets then have you have here the index about HTML? There are like some some notebooks, the the config file yeah and here on the live server. You can, you can see the the gallery and basically, when you now want to to share your galleries with other people. You commit these changes to GitHub.

F

It's just one push you go to settings, you go to GitHub, Pages click on uh yeah branches, name, click enter and it will automatically generate the the website where you can share your Snippets with other people.

F

um Yeah next and um next comes the creation of a gallery. So after using the quick start, you have um The Notebook, which looks like this. You have here on the right side, an instance where you, where you have like the the live server open, and now you can Define your your chapters. So, for example, now I want to have the first chapter name functions.

F

um Then uh yeah, like some other information which you which you might want to add to it, and the important part is now these these two lines. um This is the cell header and that's the cell, normal here I Define, some some properties about the cell magic. um So, for example, this is a header type.

F

It's uh it has this and this CSS Styles, which, which are past um a phrased um through the notebook and now in the in the set itself which I want to show I, have um here this cell magic, which takes then this header cell and then um yeah brings all this information to the to the index.html um page yeah and then um I can just click on um play. And then you will see in live in real time how the notebook is generated.

F

So it it just takes milliseconds to to get into like from from your plots into your into your web page and one really nice thing about it. It's it's like a um a visual version um control system, because um you can, you can execute a set again and again and you will always get a new entry, and um this makes it possible to also go back to uh to previous versions without using it and um yeah getting confused with what image links to what information yeah.

F

So much from my side and now I will give the mic to Ricky. Who will tell you about the vs code extension about this project.

G

Yep, thank you very much Hendrick. uh So, first off what is plywood Gallery uh vs code extension? Well, it's an extension that allows us to integrate plywood Gallery right into the editor so that you can use and insert the code Snippets that comes from the documentation right into your files and your jupyter notebooks yeah.

G

Next slide it please now, uh as with all vs code, extensions we'll have to first install them from the official vs code store and that's pretty easy if you've used vs code before just you have to hover over to the extension Marketplace and now you can find the extension by the name plywood gallery for vs code, and once you found it, it should be the first result and pressing install will get you uh installed very, very quickly.

G

Yep, once you've installed uh the extension, they will you'll be able to install galleries that have been published privately or publicly. And if you look on the left side of this vs code window here, you'll see two specific Parts one, the upper one says galleries. The bottom one says recommended galleries: the upper one is for your installed galleries. There are two sections, remote Galleries and local galleries, for the second one recommended galleries is a list of galleries that you can instantly install just by clicking on it, and it should go right into your.

G

It should be downloaded right into your directories, and um we can see that here in the video.

G

And opening uh the downloaded Gallery is as easy as clicking the open button that was shown in the download indicator or from the tab that we can see there on the left in the top left galleries, remote galleries, you can see a lit a new entry being entered pathlib, which is which is what we just installed and finally, for inserting the code.

G

Foreign, a code with the extension is pretty neat. All you have to do is once you've opened the gallery. You just have to place your cursor in the cell of the Jupiter notebook that you like to insert the code into or if you're, using a normal python file, uh just place your cursor down at the level of level of indentation that you want to paste the code into and after you've done that just click on the image and the code should be inserted right into your editor. Just like we can see here.

G

In the example, video foreign.

G

So that concludes our um extent. Our project called plywood Gallery. Thank you guys. So much for paying attention and listening to us.

F

Thank you thanks for listening.

A

Thank you for presenting this is awesome. I'm I'm really glad to see this demo I've kind of run into this project around. So thank you for taking the time to be here. um I see at least one question in the chat Tony. Do you want to ask that or do you want me to read it.

D

uh So this is a vs code extension. Can we use it on like github.dev.

G

Oh uh not yet, but I plan to publish it as a vsx extension so that you were able to use it on other open source platforms that you can download. Vs code extensions on.

D

That'll be killer, it'll, be great to like get your hands right on this demo, immediately yeah cool stuff, guys thanks yep.

G

Thanks for this distance.

A

uh Sarah, you have your hand raised.

C

Yeah um I might have misunderstood what you meant by the curd. Snippets are represented as images and I think. This idea is really cool and, like the first thing, I think of when I see clicking an image and getting the code snippet is I immediately want to copy the code Snippets put into my so that code box does that have like a copy button where I can get like the Raw python or or did I misunderstand what we meant by images there.

F

um Yeah, so so this this thing that you saw at the at the top. um This is um this is a like, a a box which has text at the moment. I didn't Implement a copy button yet, but this would be easy to implement, and um so so the what I mean with the the the images are represented um with code is you can you can think of it as the alt text of the image and um yeah?

F

It's it's um basically saved in an adjacent file with where the code and the image is identified, as as one thing together.

C

Nice so copy button incoming well.

A

Weren't you showing maybe I misunderstood too, but there were some cases where you selected the image and right it. Changes like the the feedback in the main in like in the Raw notebook, whatever the source was, and so you could copy it from there. But you're saying like an instant copy or did I just understand.

C

I'm thinking I'm I'm thinking, if I'm like, let's say, pathlib publishes all of the documentation using plywood I, don't know a password thing. I come along to the documentation. I find the plywood example. Do I get a copy button to immediately take that snippet back.

A

Oh, that makes sense yeah. That's awesome, any other questions, I'm going to be quiet for a few seconds.

D

Are there any designers on this team I really like the pathlib um diagram um and I'm wondering how much having some formal design around this experience might improve? You know the product.

F

uh No, no I did these designs all by myself and um but I would be really happy to to bring in some designers on this product. So if you know somebody who could have the art um I would be more than happy.

D

Yeah it's hard going uh being having designers in this space, but you know these uh some of these tools and some of these things that you're doing they're, really great and I, think that you know some formal design around them will be really radical.

A

I can't oh I totally meant to ask you and then didn't. Also I can link you to a community of Open Source designers who I know of boards, where sometimes people go to ask for work or, but also can you send us a link to your repo for this or documentation or whatever you see fit, so we can track this down later. Yes,.

F

um I've actually made a um a threat in this course and Jupiter discourse. I will correctly look that up awesome.

A

Thank you, I think. I am also just about to link you to a discourse actually in terms of yeah. Okay, awesome, okay,.

F

Yeah yeah that you find uh there. You find the information about um the where you find the repo the the examples and also the the presentation that you just saw.

A

That's fantastic! Thank you, so much I I definitely have more questions, but I'm also trying to keep things moving for people, but yeah. Thank you for being here today and cheering with us. That was a really clean presentation. I love that you covered some of the install too it's like good kind of living documentation for us for a little bit. Yeah.

F

A

Yeah, thank you both um in that case. Next on the agenda we have Death Beds, which I happen to know is Tony and Nick be ready.

A

You're not ready because you're muted but I see your mouth moving. Okay,.

D

Now that we should be good, you should be seeing y'all. Now you see a notebook, correct, excellent, all right, happy, Halloween, everybody, uh so Nick and I are gonna. Do a presentation today, um I'm gonna go I'm, probably gonna talk at Nick um and then uh we'll let him go, but um I am not trying to convince anybody of anything. Today. uh It's early in the morning, I haven't finished my pot of coffee. Yet but I just want everybody to get thinking. On, My Level, my very early morning, groggy level here um but uh yeah.

D

So we're gonna see some new tools today and I. Think one of the questions that I have all right while y'all are watching this count, the demos we want to know how many demos we do in the next 15 or 20 minutes.

D

um So you know let us know how many you think show up and we'll get going we're going to get going right now. So first thing I'm going to do is drop into the new Jupiter deck, um which is an alternative to uh rise. That Nick has been working on, um and the next thing I'm going to do is collapse all code and then what.

H

Then you get a full screen because I don't want your browser. Chrome.

D

All right man, all right, I got you I'm, sorry I! Here we go we'll hit. This find full screen. Zoom. Is that better? You happy now cool all right. So uh then we're gonna restart and run all the cells because restart and run all or it didn't happen, and then we're gonna get going. uh So, oh boy, yeah, sometimes navigation gets going all right. So what we're going to talk about today is markdown and python.

D

um The reason we're going to talk about this is because notebooks are made of this uh there's a really strict boundary between markdown and python uh that we have in the cells and I'm super curious about what happens if markdown in Python can interact a little bit more. uh What kind of stories can we tell here so I think right now, uh especially in open source, it's really important to understand the history of computing. Sometimes, when we're solving these problems right, redoing old people's problems are not what we want to be doing.

D

So we want to move forward here um and one of the things I want to kind of hammer home. Is this consistent theme of literacy and throughout computer science um in computer programming? For all, uh which is the proposal that got DARPA funded? They compare a mass ability to read and write software with mass literacy and predict equally perverse change. Pervasive changes to society so python is designed with the idea of mass literacy in Mind Donald news.

D

The creator of uh lit of tech wrote a program uh paper called literate programming, literary machines came after that and it presented a hyper world and Hyper media and hypertext and transclusion. We got the World Wide Web. We we saw computer programming for everybody in the computer programming, as the literacy is going to be important.

D

Ipython showed up a little bit later and markdown came after that, and then we got our IPython notebooks and anaconda, and around 2013 Fernando wrote a blog post that compares how literate programming in The Notebook is a little bit different than the traditional concept of litter programming. So he comes to this idea of liter Computing we're writing stories and code. At the same time, there's a great summary of all of these things, which uh called understanding computer programming as a literacy.

D

This is written by a net V, where she kind of goes through and summarizes a lot of this history in really good detail um a little bit after that we got the Birth and Death of JavaScript, which is super important. Given the situation we have with Jupiter light now, we've got the big split, Jupiter lab and Jupiter light. So this kind of a history right and Jupiter fits right in line with literate programming and literate Computing Through Time, so literate programming is a concept where your input has multiple uses.

D

So you can take your input and you can tangle it to code or you can weave it to an output. Now this is an old format where the input file type was called Web and they wrote Tech and Pascal from it.

D

We are going to make Python and markdown, but what's in one of the reasons I have this graph here is I'm recreating the one above, but I can just do it right in a markdown cell good to go and I'm even doing something, weird that we'll find out about later on, where I'm defining variables at the same time. Well, I want to talk a little bit more about tangle and weave here when we tangle did I lose something nope we're good.

D

So when we tangle, we are translating the input into code, so in my case, I'm taking I want to take markdown and turn it into Python, and then I want to take that python. I want to take that computed state and show it and that's what we're doing here uh as we're going through this presentation. This is really an example of the power of this approach. So how does IPython I python when you submit a run cell when you run your cell? What does it do?

D

It goes through the kernel and does it do execute method? It runs the cell and then it does a bunch of Transformations. This is how Magics work. um This is how we get some uh a weight and asynchronous stuff in the past, so the first step of running the code is actually to tangle it and then, when we have that last object there and we show it. That is a weaving step. So um what do we have? What? How can we think about this?

D

Oh uh as a little program, but let's say I've got a program and it says this markdown file is a program uh indented code and markdown right, that's code, so I can do a little line. Continuation and if this was quoted, then it becomes a string. So that's what my tool is doing here, so we made a little markdown file and now we can go and run it.

D

um We can go and modify it and we're running it as a command line. Here. This is a there's, a markdown file um when we go and look at it. Oh, let me go here and pop open. Some more code enter. uh We can import this program uh now when we import it. We see that it's actually importing directly from a markdown file. uh Our variables are stored inside of it. It's super cool, I'm, writing literature! That's a program at this point uh the markdown program, it's like any other module.

D

In fact it compiles to oh boy, I hate when I get stuck in this little State here pardon get back there so compiles to compiled python right. Our markdown code is now Pi, YC, very weird idea. So I'm going to jump out real quick. This is another Power Of, Jupiter deck and we're gonna go and do some demos and, of course, restart and run all or it didn't happen.

D

um So I'm going to show you a few quick demos of what life might be like in a more literate Computing frame of mind. um So this is our cookie demo here, okay, so we're gonna go and run hide these things all right. So now we go through and we've got three displays here. This is important. We've got a few different ways to show things in IPython and make them interactive. We can use Widgets or we can use the displays directly. So I've got a little widget guy here. Where is my widget there?

D

It is now when I drag this everything's updating with very little work. I'll show you what one of these cells looks like it's a little ginger templating. It knows what my widgets are and it can go and update things very little work on creating an application. uh We've got another little demo here of some iframes.

D

So let's go and do this I'm just going to hit run, interact and now, all of a sudden, all my displays pop up and I've got all these iframes and I can even go and just change this and the Pat the cells in the past. If I hit run interact, we see that now it updated. So we've got these cool ways to interact um and I'm gonna pop out real, quick and then I'm going to show you one one more thing: I'm gonna jump over into voila uh and we just ran this notebook as voila.

D

So um now we've got a web app just one. Only one of these is working because voila Works off of widgets, the rest of these displays aren't working. But you know I'm here to Disney you and make you think a little bit, but we just made a simple application: education with ginger templates. So let me pop back over here and then we're going to finish this up.

D

So uh if I pop open this cell, we can import things and now, when we import things, I can actually go and take my graphs from those imported things and reuse them. When have we done this, what have we thought about this? The idea that, like stuff, that we're writing doesn't always go to waste um my uh I'm in a bad State collapse, I'll code, okay, uh so I'm not saying importing markdown's a good idea, it can be done. Coffeescript died, litter coffee script died, but maybe this can be done.

D

Maybe it was too soon um if what I'm really trying to drive home here so we've imported I think I skipped over a little bit. Here we imported a notebook. We imported a markdown file. We import a presentation, we imported a piece of literature. What else does that mean? Can we Docker up a paper? Can we import a docx?

D

um You know what is the power of markdown at this point like it's getting us to do things it's a program, how many readme's have influenced us, um so that kind of gets me to the end here where these documents are the start of something they're, not the end of something anymore, they should grow and they should flourish and one of the ways we can do that is by using Jupiter lab.

D

So now I've just dropped into my blog here um and I'm running in a completely browser-based state of things, and all of my code is still working and we have a very incredible example of reusing, a presentation, reusing, a piece of literature as code and software and that's what I want folks to think about here. So I'm going to stop, and uh hopefully uh y'all aren't too glassy-eyed. At this point.

A

Yeah, do we want to do we want to put in chat how many demos people thought that was perfect.

D

A

Gonna keep counting oh you're, going sorry I'm.

D

Gonna keep counting we're not done. Okay, yeah.

H

Look at all you people, hello, all right, oh man, that was uh that's what I did for working on my deck while I'm. Writing it all right. uh So a big part of what you just saw was the previous version of a program called Jupiter deck I'm, going to talk a little bit more about that.

H

um Did spookitter notebooks uh books, I, don't know whatever. What are you gonna do um I'm gonna hide this because I don't need that um I'm gonna talk a little bit about uh Death Beds, uh two products that we've just launched are you know released in the last couple days of Jupiter, fonts and Jupiter. Lab deck um show some examples of using those in Jupiter light and some examples of testing those with Robot Framework, um which also got some new releases to support this talk.

H

So that's what happens um so the quick thing is I'm going to run through a couple notebooks here. First, one is the history of presenting with notebooks. uh You know we got a some folks have some historical perspective in this call, but some other folks might not um just a quick rundown of the readme testing notebook for Jupiter lab deck and uh show you guys a live example of a deck used for a specific Purpose with Jupiter light. So, let's roll back to this guy boom, okay, um so the uh yeah.

H

This is also meant for Doc. So it's got some.

F

More things so.

H

What's the problem right um when you present from come on, let's go big uh when you present from a notebook there's a lot of stuff on the screen. That's why I got uh all up in Tony's face because we don't need 30 of the screen when he's gonna be putting a thousand words on it to be taken up by his browser bars and showing us his tabs and his bookmarks, and all that.

H

So, when you present from a rich application like Jupiter lab like vs code like PowerPoint, if you're not thinking about your audience, they end up looking at the buttons right, um especially if they're not familiar with it and that's more common in Jupiter um and then sometimes you make choices in how we present stuff on the screen.

H

um You know if that scroll bar shows up I, did it wrong? I wasn't trying hard enough and I didn't think about what I was thinking of, um and that leads to basically not using it big enough so that you can see what's actually on the screen. So you know, uh let's put all these things together, what's a tool that we could use to help move that forward, and so one of the first places that we saw that was Envy, convert, adding a reveal.js based template, and so it's fun. It was really fun.

H

I was you know shortly around thereafter, and uh it was really a great time it was doing stuff people hadn't seen before um you know. You really can't do a lot that you want and reveal because there's just things it won't. Do uh it's highly opinionated about how a lot of style things work it's going to make some decisions for you, but you get a lot of benefits.

H

It works pretty well on mobile and uh it's relatively lightweight um and now there's fairly good extensions because they actually made it importable and have you ever adapted that so any notebook that you make if you put in slide metadata uh it'll, show a little button for you to show that on NB uh on MB viewer, and so that's a that's a great way to really quickly publish something globally without setting up. You know too much infrastructure. A gist is enough um anywhere on the Internet is enough. It's.

B

Not like you have to stand up, kubernetes.

H

um And so you know pretty much we're stuck with those slide type metadata and it's not quite in the Jupiter notebook Json schema, but it probably should be. But you know all these Solutions still left you with static HTML.

H

uh Then we uh what if this was more of an interactive State, What If, instead of the notebook being uh the precursor to the the consumed experience. If the authoring of the notebook was the experience, and so I need to go back so rise uh by our friend, Damian Avila uh steering Council on Jupiter.

B

H

uh Took some of the stuff in Nova classic and combined it with um uh the uh the reveal.js Dom. Yielding this thing, not everything that works in Rise is going to work in the Envy convert reveal and not everything that works in mb convert is going to work in Rise. So you know you kind of you kind of bought a lot. If you buy in that system, you basically have to present from your eyes.

H

um If you go down that road, um however, it's proven very difficult to make it hard to get this into Jupiter lab, um which is you know, the more extensible environment and the one that we're actively maintaining and improving on and adding new difficult features. That would be hard in the classic infrastructure.

H

um A couple years back few y'all were there. uh I wrote a little thing for a little company that makes a little python distribution and uh it was way way crazy. uh You know it took the notebook format, it turned it into not quite a drawing program, but you know it was doing as bad or worse things to rise, and it made some meta decisions, metadata decisions that were way off the bat uh there's. Some cool stuff in here, if you go visit the the Jupiter lab deck site after this, you can check it out.

H

So anyhow, uh basically I want to figure out how to oh yeah and there's Jupiter lab dryer, which lets you put more stuff into there. Arch hydraul lets you do even more drawing stuff and we'll get to some of that in a second.

H

um So, basically you know: what can you do offline? What can you do without a SAS server? uh Because if your message is in one of those things- and that goes where you're done um so yeah we'll have a little bit in that in a sec. So anyway, Jupiter lab deck was informed by all of that, and it's trying to give us something. That's in Jupiter lab, which this is um it lets us use all the extensions that we like it lets us use all the python.

H

All the coding uh features like Jupiter LSP, all that stuff, it all just works, because I touched the Dom as little as possible, Right and uh and then there's other things like jubilab fonts, which it depends on that handles other parts of the task. For the fine grain Style, so that's with all this stuff putting together is- and we of course want some money uh integration for for uh rised up. So that's what this thing is: I'm, gonna pop back to my my spooky.

H

There we go uh the next one. Is this one? So what does Jupiter lab deck actually do for you I'll walk through this pretty quick, so it's got. Keyboard navigation I've tried to make that as similar to rise as possible. So it's got this on-screen one, but I've been mainly using uh space and shift space. uh You guys probably know what a cell is slides made of these cells and it can be marked down. You can work on it. You know it can be code. Oh, that was code yeah a.

B

H

I don't know, I haven't figured out what to do with the raw ones yet because I, don't think I think they do something I'm just not sure yet.

H

um So if you've worked with rise or you've worked with them to convert, we've got slide type- that's uh that's hidden over in here right, so you can see as we go through these things. They have different states. This is a null one. It's a fragment right uh notes can be shown off, screen haven't written that yet, and so that's still in the Dom, it's just not visible right now and its position hasn't changed and.

B

H

Hasn't changed, it's just turning classes on and off, and that's an expensive way to do things from performance perspective, but it's not doing that every second you're not changing the sale. Every second um so skip sales yeah. Whatever you got to do them too uh and then sub slides are fun, so they take you down into the basement.

H

um I really did like that feature from reveal and I think that was very helpful, but um because it doesn't really have any state I gotta, it's entirely reliant on The Notebook for State. You gotta do some thinking about how we handle multiple Stacks so that that tripped up Tony in that presentation we just saw um so yeah more slides.

H

This is even another slide. Let's get out of there, um so deck is a plug-in. uh This is kind of cord everything yeah for those I will close up. My trash as I was complaining earlier uh core plugins, you know, notebook is a thing file managers. A thing launch is a thing. If the thing already exists in lab, it benefits you to integrate with that. There's documents that take up a whole spot on the dock panel there's renders that give you little pieces of documents.

H

There's themes that change the overall look and then, of course, there's widgets and Tony was already showing some of those. So all those things work here, uh we've got the sale toolbar. uh Sorry, not the cell toolbar, that's the notebook toolbar. Oh, the documentation is wrong on the internet. Let's fix it all right. uh We can use the bugger I'm gonna mess with the debugger right.

G

H

That that goes crazy. um We can look at the table of contents for this presentation. That feels pretty good. So if we actually add this out, then it actually puts those numbers up on our page. That's okay! We can go with that for a while longer um so you can find you can look for documents. You can look for things within there. uh It just works with the native multi-document search and it looks across multiple documents which feels great and uh Ctrl shift. C comes up, I always map mine back over to here.

H

But you know: Tony had the modal one, whatever it's just a testability thing, uh the Moto one is kind of in the trash uh and so yeah. So a couple things like status bar. No one wants your status bar in your presentation cell toolbar. It doesn't do anything useful during the presentation main menu if you're working through a menu you're not having fun. So a lot of stuff just got cut and we might make that configurable down the line, but uh pretty much everything else.

H

That's in here it's just lightly hidden, um so some documents, you know we can use hyperlinks to open other documents. So our first notebook is still available. uh If we go back, brings us right back uh working on the notebook, because there aren't any events yet like if I was to go to a heading from another where it doesn't, uh it doesn't work properly. Yet so I'm going to work on that, uh we can go over to.

B

H

Document um this is not yet implemented to be able to turn the uh common Mark thematic breaks for HRS. If you speak normal markdown, but um there's convention for that in a couple of uh situations where they already do that, so I'll probably be adding that um you know put something you could turn off or replace or whatever uh yeah. So you can go pop into images and I'll show some more about that in a sec, and you know really anything you can put in the dock panel.

H

um So there probably isn't going to be a version of this that works with notebook 7 because uh just write a theme and do it just you know, there's not really a lot of Point um across a bunch of these things, because you just don't have enough tool surface.

H

uh So the themes are fun and might screw up everything. But we could pop back over to the light theme. um You know that didn't re-change my kernel, it didn't reload The Notebook. All my files are still open, I'm, just in a different theme, so I'm actually going to go back because I I uh Q8 all this in the mailing notebook uh and then it's got widgets. They look great. The widgets look particularly good. If you go to a that context, menu is getting too long.

H

They look particularly good if you pop over to a side-by-side rendering, which you already get out of Jupiter lab that feels nice and a lot of times.

B

um And you can also.

H

Change the zoom, the the what have you so you got some options to play with there. That stuff doesn't work very well with keyboard, so it's kind of a different sort of task, and so yeah, that's about it.

H

um Let's pop back to my last little third of a slide that I want to show so this one's actually going to take us out of here uh to a remote site, I, don't know what that just did in my lab I think it opened it in a new tab, we'll find out okay. So this is Jupiter lab deck reporting on itself.

H

uh So this is a deck that gets deployed to GitHub pages and contains all of the logs and test logs and whatnot. So here we can see you know the test results for the last thing that I actually launched um as you can see, it did fail, but uh it got re-executed and then it worked the second time yeah- um and uh this is the browser-based testing uh approach that we use and it's got if you go all the way into here.

H

um It's got some things like screenshots inside of it. So screenshots are cool. This generates hundreds of screenshots as it's taking its tests, so one of the tools we have for that is, we can actually use.

H

We're just gonna wait for pi pod to work, hey. That was fast, um so this is now a widget that allows us to navigate through all of the screenshots that were generated while testing that document.

H

um So if you click on one of those, you can actually go see it. Hopefully it's not too incriminating uh I think it opened that in the background, so I don't know how to I. Don't want to go there right now, because no one's going to do everything.

B

H

Yeah, so that's a way that you can do stuff uh one of the most exciting things that I've found while I was working on. This was during those robot tests, I'm actually covering code coverage, uh Gathering code coverage, so the uh you know, for example, uh this was the place where I was just working a bunch today, and we see that uh how many times each function was called, and so it was actually by looking at some of these things like yeah, here's a hot spot. You know we're calling this 10 uh a thousand times.

H

This is just in a stupid, remote control, renderer and we shouldn't be spending that much money on it right. We shouldn't be spending that many cycles, so there's obviously some work to do here, but uh it's all very uh I'm, not you know. There's.

B

H

Here, it's all out there for everybody to see. um You know the presenter. This is where some of the stuff is where the dark stuff happens, and so this is just a nice way to get annotated code out onto some place where you can look at it. You know sometimes gitlab uh GitHub is not the the full solution to what you need.

B

H

B

H

A little bitty unit testified test. Does it have a version? Did it ship to JS? Did it? You know actually tell us exactly what its magic name function is uh just keeping that in there is a very helpful way to to keep track how your stuff works. Pi test HTML, does a very nice job.

H

These are bad reports because they don't generate any output, but they should um usually don't think about doing standard out in your tests, because Pi test by default hides the standard out and the standard error unless it fails. uh But when you think about your tests as a piece of literature that supports your document, you can actually tell the story just put current statements right. You know: caveman, debugging, Works, freaking, great um podcast, cover yep same old story. Everything is covered because it doesn't do anything and that's it um so yeah I pretty much.

H

uh There's there's a little bit more I could talk about, but I think that's been plenty.

A

um Yes and we need to get to the next Sheriff- that's okay, sorry, Isabella.

D

A

You're I I should have probably planned this different I was expecting you both to do one but I, guess that was one I counted several. If people want to throw in the chat how many demos they think that was, um that would be a good laugh, but thank you for the Wild Ride um feel free to put any links and I'll throw them in the notes too. So people can follow up with discussion if they want might be good. Thank you.

A

So much for all the slides, so I love having a a full community call for sure, but with the last few moments I saw Deborah Nico did you want to share.

I

Yes, hi I'm Deborah.

B

I

Another hello: uh we are from another open source, Community dolphin schedule, we are from China and the nicoso is our colleague and that uh David is our PNC. uh Firstly, it is my pleasure to take part in this community core of Jupiter and I. Enjoy everyone's sharing about. Jupiter is impressive and second I will cut into the points we are here today to ask for cooperation.

I

I want to ask if the Jupiter Community is interested in holding a webinar together with the Dolphins schedule community or in any other ways like an online Workshop or in personal uh activities, to share something about our project stories or uh something like this.

A

Yeah, would you be able to give a link so that people can understand where they would need to go or to follow up, or is there a different kind of Next Step? You would want.

I

Oh sorry, I can understand your words just now. Oh I'm, not very good at English, no.

A

Don't worry about it, um people might be interested in presenting, but if there is a place that they can go like what? What do you need for us to do with that? Is there a link where we should submit? Is there a calendar event? We should put on our calendars that kind of thing.

I

Yes, it's not set, yet we are planning to hold this webinar with the Jupiter Community, and maybe we can uh hold it on Zoom um and ask for engineers from Jupiter and the engineers from Dolphins schedule communities and to share something about the two projects.

I

And if you are interested, we can communicate about the details later. Okay,.

A

um No, that sounds there might be people that are interested. We have a really big community, so I think what I would say is it may be easiest to get people involved from the Jupiter discourse. Let me link that or if you want to make an issue on the repo I use to manage these calls and I can give you links there. So you can either do uh here. You could make an issue or I can do Jupiter discourse.

A

Somehow I will get to Jupiter discourse, but yeah, no I I think we have all been looking for for ways to accept. The community calls that we do, and so it might be great to collaborate. Thank you for coming here and asking yes.

I

That's great so I just need to uh open this link.

A

Yeah, thank you for posting that Sarah um either one of those. If you want to just reach out to me first, basically, the first link that github.com on sitelabs Jupiter Community call you will have.

A

You will basically be in contact with me because I don't think a lot of people check that and I can get you more links or if you want to go directly to discourse.jupiter.org, you can start a topic there and invite people, um and if you want you can you can tag me I'm at Isabella PF there and we can figure out like who we want to invite, because we have a lot of people that have demoed. That would probably be happy to join in.

I

Yes, yeah: um can you leave your email in the chat box, so I can get connect with you sure.

A

Yes, yeah I'm, taking it there you go. Thank you. Thank you very much yeah. Thank you. No, it would be great to have some other calls. We've tried a few times so thank.

I

You so much thank you. Maybe we can talk about the details later with you yep that works. Thank.

D

You it might be excellent to see a dolphin demo at one of the community. Calls too that might help us figure out. Who would be allied with you? Yes,.

I

Maybe next time we can at our engineers next time.

D

That would be really cool.

A

D

I

A

Be I hope to see you next month, then.

I

Yes, okay, thank you very much. That's too much, but.

A

You um next time yeah with that I want to say if anyone needs to go, um feel free. I know we are slightly over time. That is my responsibility, so I'll apologize for that, but I yeah I also want to say thank you all for being here. It's super awesome. I love having these full community calls that really I don't know. Energizes me for the rest of the month.

A

So thank you very much if you feel like giving feedback or feel that you need to you can, in this form other than that I think I'm gonna, stop recording and we're good to go. So. Thank you very much. Okay,.