Microsoft 365 Community Viva Connections & SharePoint Framework, 21 Jun 2018

Previous Meeting Next Meeting

⏯

youtube image

►

From YouTube: SharePoint PnP - SPFx and JavaScript community call - 21st of June 2018

Description

Recording of SPFx and JavaScript development in SharePoint Community Call from 21st of June. Topics include updates from SharePoint engineering on SPFx, latest on PnP JS Core, Office 365 CLI and Reusable SPFx controls.

Cool demos on VSTS automation with SharePoint, Event feed web part and on collection editor from the PnP SPFx controls

You can download an invite to this bi-weekly call from https://aka.ms/spdev-spfx-call.

A

Hello and welcome to the SharePoint framework in JavaScript special interest group bi-weekly meeting is June 21st 2018 I'm, Patrick Rodgers joined as always by face that you've onin we've got another great call for you this week. As always, we're gonna start off with a quick description about what this call is about and how we got started so we're part of the larger SharePoint patterns and practices program and we started.

A

These special interest group calls because we needed a place to have a little bit more focused discussion around different topic areas and we had our monthly calls had kind of grown too much and we weren't really able to cover things and folks may be. You know folks are very interested in PowerShell, but not JavaScript or vice versa. So we created these special interest groups so folks that had a real interest in client-side development. In this case or the PowerShell see some development and the other special interest group call could focus on those areas.

A

We could have demos and really drill down into those topics, and we definitely are always covering an open discussion about the SharePoint framework. The latest news upcoming release scheduled things like that new features, as well as associated client-side development patterns with the SharePoint framework and as well. We talked about the PJs libraries, which is a reusable set of JavaScript libraries that we, as a community have written to hopefully make everybody's client-side development life in SharePoint a little bit easier, whether you're working in SharePoint framework or not so two links down there at the bottom.

A

The SP PNP community link will take you to the Microsoft tech community for SharePoint. So that's a great place to ask general questions. If you have questions about how do I design my solution or the merits of using reactive or angular, or things like that, that's a great place to ask those kind of general questions and get answers and support from other folks in the community and the second link there SP dev Doc's takes you to the official Microsoft developer, documentation for SharePoint, and that is all of the developer.

A

Documentation is moving to that location, so whether you're new to SharePoint framework I want to get started with that.

A

You can see all the tutorials for share point frame, work there if you are doing ad in development or even if you're doing a solution package development like old, WSP, I shouldn't call it old, managed code, WSP solution deployment, all the docs for those are moving there as well, and so you can find all your SharePoint development documentation all in one spot and we're always working to improve that and add new documentation and fix any problems and as with everything we do. If you see a problem or some missing data or missing articles.

A

Something like that. Please do let us know so we can try and get that resolved. I do have a question there is there supposed to be a presentation seen a black screen. Can other folks see the presentation.

B

Yes, okay, okay, okay, great.

A

Thanks so yeah I think maybe if you just rejoin so our agenda for today, an engineering update on SharePoint framework and we've got updates on the PJs client, libraries office, 365, CLI and SPF X, reusable controls and as well. We've got two great demos from the community. Sebastian has a V, STS and SharePoint demo kind of tying things together for continuous integration, very cool and then Hugo has a react. Calendar feed web part. It's a really neat little web part he's gonna.

A

He wrote and he's gonna show us that in the call and we'll have some time at the end for Q&A excuse me, but before we get to the SharePoint update, do real quick what I mentioned opportunities to participate, so you can always demo a SharePoint frameworks, solution or a use of the PNP JS libraries in a project. Any demo involving both of those things or either of those things is absolutely welcome and, of course, a demo just doing client-side development in SharePoint, even if you're, not using SharePoint for America or the PNP GS.

A

Libraries is of course welcome as well. So all things client-side development I know you all are doing some awesome stuff out there for your customers or just for yourselves to learn- and this is a great forum for you to come demo that get some exposure for your work but as well. We all get the benefit of learning from what you are doing. You could as well contribute on github, so it contribute is reporting issues, everybody's saying they lost the presentation. I.

B

Can actually say that hmm interesting you've.

A

B

No, no I can see that I can see their presentation. Let's do try to still on still have it. Okay, so all.

A

Right we're just gonna plow through, and this would be like last time. I'll just have to talk to myself for five minutes.

A

Yeah, especially if you'd be right.

A

So so contribute to github reporting issues submitted, pull requests to any of the various libraries things like that are really great, really appreciate those contributions and then, finally, as well just feedback on kind of everything we're doing feedback on these calls feedback. On the you know, all the work we're doing the libraries, the SharePoint framework, our demos are a Content everything just so all that feedback really drives what we do is really valuable. We very much appreciate it so update now on the SharePoint framework from visa.

B

Actually yeah so I can. Let me take this as a presenter. Let's try this one more time, so this is gonna reconnect because I'm taking that that's a presenter and let's see if we can actually make this work working again, so Elia actually got it as well cool. So that's the way we can actually read associate the presentation. So apparently it failed for some people anyway. So we will have a three different demos.

B

Actually, today, I forgot about updating the agenda, because Elio is gonna, do the whole demo as well, but before we go there, let's have a quick look on the SharePoint framework and what's happening over there, and please please, please remember to meet yourself there's some typing or something happening somewhere, I'm just trying to hunt down who has a microphone on Tomica EXO, so on sharepoint framework.

B

So let me actually stand up because I can't present without by sitting on my computer, so first of all, and that trick already talked about this one I promise to keep this night in original presentation. What I do a game. Ssb deduction is the official documentation allocation, and this is replacing MST and MSDN is going to be shut down by end of this month, which is quite horrifying, but there are many reasons why that is actually happening.

B

The docks platform you're able to contribute you're able to comment you're able to participate, and it's much more flexible and we're adding additional capabilities there as well so AKMs SP dev dogs. We had a almost 900,000 views already last month. We're gonna hit pretty close 1 million during this month, based on prediction, but we'll see how it goes now.

B

Issue list reminder on that one as well. This is clearly getting traction which is really good. So if you run into any issues on SharePoint framework or inertia upon development in general, you, if you have a premier support agreement, please displace report them using that channel. But if you don't- and you try to open a support case through SharePoint Online support, daivam actually tell you that they cannot help you. The reason for that one is that they don't have expertise to help you on this and supporting on the developer topics.

B

Now I would ask again everybody to meet themselves because there's some background noise and we would say which we'll say a quite logical reaction on my story as well now. So the issue list is there for you to report issues on the API and development story. We in engineering between us this at least two times in a week, and we are then making actions and regress investments on fixing stuff.

B

Based on your reports and based on your recorded stuff and Patrick I'm gonna make you you as well, because you're making notes ok now some new updates on the on the usage of this are updated today, so from Wednesday. So this is actually having yesterday's data as well. They do not have actual numbers, but they give you the indicate on the growth. So the left one is showing how the actual user based growth is well, how people are actually using SharePoint framework and third-party customizations in SharePoint Online, and how it's actually acquiring quite nicely.

B

The right side is actually showing the same, but based on a tenet, so a tenant leveled use it and what's interesting here and we've seen this now for a few weeks, the tenant usage is growing exponentially and it seems to indicate based on our statistics that more and more developers are actually now starting using SharePoint framework. So it seems to be that we're heading force towards summer in the Northern Hemisphere, and that means that people may be have more time.

B

I, don't know to learn new stuff and started acting on the on the SharePoint framework, as well. Now earlier today, kind of related on this one, a sidetrack, but earlier today I was working on the upcoming SharePoint 2013 SharePoint 2019 versions and packages, and it is actually pretty cooler than in SharePoint 2019. So you can build SharePoint framework solutions right now. We actually I think last time in a call.

B

We said that it will be at least one point-four version of SharePoint framework in the SharePoint 2019 I, the version which I was testing earlier today at 1.5, so we're trying to get the latest version of SharePoint framework for you to take advantage in Cheban 2019 as well, which is really cool, because then you can built one solution which will work both on premises and in cloud as well, and a small reminder on muting meeting meeting meeting cool now, what's new on the on the roadmap or the development side, nothing that traumatic, a lobbyist listens to makes from SharePoint framework perspective, except that we will release a one point: five point: one version of SharePoint framework: this was technically being almost too transparent.

B

Together again we were planning to actually or regional I, get it I, get it live or out yesterday and then potentially today. But it might be actually that we have to delay that to the early next week, because we need to make sure that the server side deployments and server side dependencies have been delivered worldwide so that that's causing now small delays.

B

The one point, five point: one itself is basically a fix for one point: five, so we had some recreations in the one point five and we're now addressing those in the one point, five point, one and one point six is then coming out on the late July. If everything goes well and based on this learning, probably one point six point: one will come week after that, no just kidding just kidding but obviously or trying to fix the quality issues which we had in a one point final.

B

So now there's a good question actually from materials extensions. Are they coming on sharp on 2019? The answer is yes, the SharePoint 2019 will support the full set up or SharePoint framework, so SharePoint framework, extensions and SharePoint framework clients are web parts. The reason is is pretty obvious. In ship and 2019 we will ship modern experience, so you're able to create modern team sites which are not group associated because it's on-prem or you're able to provision modern communication.

B

Science, that's pretty cool because then you're able to deploy your ship and favorite solutions and customize things over. There are spa now coming back on the on the one point, five point one so like said this is coming soon. It might come out today later today, most likely it's not coming out tomorrow. If we can't ship it today, it's gonna then come early next week addressing some of the API issues.

B

What we were having related on one point, five now good question on the on the timelines and roadmap around the team's integration, the team solution and themes, integration which I demoed, inbuilt and in SBC and in few other conferences in May, is now planned to go to review in one point seven. So if I go one step back here, this is the roadmap. One point six is coming end of July. One point: seven, potentially most likely will have the themes tab in the creation inside Irwin so and that's going to be the plan for that.

B

One is now for ignite good cool moving on on things out are going to spend too much time on this stuff because there's a few slides- and we have three demos coming up today as well, because I'm sorry for missing earlier your name on the agenda but Patrick I will throw it to you. If you can animate yourself.

A

Let's see here so we're taking back over a quick update on the PMP client side, library's PMP jeaious next release scheduled for July 6th. If you're wondering when released is we're gonna be we are setting up milestones for each release, so you can always check in the repository in the the github, for the milestones that will give you the release dates. So we do try and stick to those every one, so I will miss by a day or two, but we try and hit those pretty close.

A

I'm just want to mention again the SP taxonomy library is out and released. So please do give that a try. It's a great way to access your managed metadata in SharePoint I will be recording that demo again to get that out for folks to see that, but do give that a try, give us feedback on that and a big update. We have finally gotten the libraries are now published on CD nsj. So that's a big step.

A

I know a lot of folks for waiting for that for their external packaging, and things like that, so those are now published. So you can find those on CD nsj, just by searching for P and P and as well. We'll have an article with details on that published in the docs with the next release as well.

A

Thanks as always for the feedback, we've been getting some great feedback over the last couple weeks and I'm gonna kind of put a question out there don't answer it right now in the chat window, but think about where you'd like to see us focus our energy next, what kind of features you might be looking for? What kind of capabilities- and let us know in the issues, list, ideas for features or enhancements and we'll take a look at those can't promise.

A

We'll do necessarily everything that gets mentioned, but very much want to hear from you all what is important or what would help you in the work you're doing so think about that and post an issue for us. So we can have a look and I think about that reminder. Weekly beta releases are on Friday and then the changelog is updated with each change, so you can see, as things are changing you can track that pretty much in real time and just sort of the kind of almost final reminder before it happens: SP P and PJs.

A

The last version is going to be published in July. If you haven't started migrating, please now's the time to start definitely recommend you begin migrating. If you're starting new projects definitely use the P and PJs, you know libraries there and then, if you have any issues transitioning or you get stuck or there's something blocking you from transitioning, just let us know. We definitely want to hear that and we definitely want to get that resolved.

A

So you can transition over because if you have something blocking you, it's probably blocking some other folks and we want to make sure. That's not the case for PV GS would love to see support for proper tea bag and index property bag awesome put in the issues list. Please that's! That's the best way for us to track things and make sure we don't forget about, or you know just ignore anything. So if you put it in there, we can track it as a real sort of feature.

A

So the links to the docs, the github, the IO link there for the P and pjs Doc's. We try and have as much information there as we can. We got a comment that the the docs aren't very good this week. We get that comment a couple times a week generally. If you see a problem with the docs, do let us know we do try and improve them, and if you have a couple minutes, please do help us with the docs. We can very much use that help. Typically, our time gets spent.

A

You know, fixing issues, writing new features and looking at folks questions in the issues list and Doc's, sadly, but I think understandably, sort of falls aside a little bit in the priorities. So if you have a couple minutes, that's a place, you can have a real impact, write a Doc's article or enhance an existing Doc's article and we'll very much appreciate your help. There. You can follow it with a hashtag p.m. PJs on Twitter. You can follow me at me, Buller and that will get you.

A

Announcements for me, basically I, don't really post a whole lot other than things related to the PJs library may be off topic. What about handling the time on client side? Now? It is a pain to convert events to users times owner back with Jas. Will it be out-of-the-box solution to work with date?

A

Dates dates are just kind of a pain. The AC just mentioned moment. Jas does a lot with dates. I, don't know that we are going to implement anything specific around dates. There's there's other libraries out there that do it and do it much more thoroughly than then I have any interest in doing dates, so I would check out moment Jas.

A

So moving on to the office, 365 CL I am I. Doing this update visa I think.

B

Yeah yeah, okay, you can do that. Well, like it's not on the on the call all right technically, I AC could do the update as well, but feel free cool.

A

So office 365 CLI new beta 1 2 4 0, is out with support for upgrading to SharePoint framework project. So this is a really cool thing. Wall, deck and AC have been working on where you'll actually be able to run a command and update your SharePoint framework projects to the next version. So this is a very cool, very cool feature it's in beta. So it may not be perfect at this point, so try it out, obviously any feedback you have on that. Please let us know, but it's good.

A

It's a very cool thing and it's going to let you very easily update your SharePoint framework projects to the next version. Checking files in and outs and as well as getting information about list items is all new in that beta stuff.

A

That's in progress is more support and refinement around that SPF X version upgrading and then some additional commands and then as well for office just five CLI. If you have ideas about what else could be useful and what else would be valuable? Please do post in that issues list as well, so you can always install the latest beta.

A

The command is there, the NPM, install and then more information, a KMS, 365 CLI and you can follow the hashtag office 365 CLI on Twitter there's a git er channel there and then that Docs link is that same akms link that will get you the the details there around the documentation and the usage so around the SPF X reasonable controls.

A

You know I, think you're on ball. Did you want to do your own update and.

B

Elio has a demo on this one as well so Hideo.

C

Yes, yeah I was looking myself, so yeah I can do it, so I can already its my demo immediately after this one. Yes, it isn't right having this one. Yes, let me share my screen.

C

And yeah, if you see my screen.

C

You already see something yep.

B

Yeah, it's an awesome, looking Shepards target.

C

So, first of all we update, so we had a new release this week or last week or the property controls at version 1.7 dot. Zero is out with some new announcements. The best announcement I think is the NPM post install, which is an install script, which automatically adds the localization to your configuration. Also, you don't have to do any manual action at before so before you have to do a manual action now you don't have to do it because this group is going to do it for you. So that's an awesome thing.

C

We also have some new fields available for the collection data control, which I'm going to show you, which is quite awesome, control which we have and also use in the showcase. The part for the reacts controls. We have version 1.5.0 being released this way with the new people picker and some enhancements to the taxonomy picker and some bug fixes in the field user, rendering and also in the taxonomy picker. So that's part of our releases that we have this week.

C

So, first of all, let's see this one, so we have the starter kits and in the starter kits from PMP we have a couple of web parts and extensions. Now, one of our actually two of these lab parts. They contain a special control, which is the collection, data control. The collection data control allows you to create this data behind the scenes, but without actually using a list.

C

So it could be that you have a case where you want to add multiple like, for instance, weather widgets on your page, but you want to do it from one reports that way with our collection data control. You can specify the fields you need within your lab part and you can add multiple of them. So we are going to see everything. So how will you build it? So we are actually going to rebuild this control behind-the-scenes of how it works. So this is my web part. It's just an empty one which is not working.

C

So if I'm going to open it and ship normally working, there shouldn't be a textbook okay. So there's nothing in this web part right now.

C

What I'm going to use is the property fields for the collection, data and everything can be found always on the documentation. So if you go to the property control documentation underneath controls, you find- and it's the first one, because it's alphabetically-ordered there- you can find all the information about what you have to do. So you have to do your importing. You have to specify which collection data you see any I know we all like third screw these days and penny.

C

That's something you never want to do a use, but I'm, not sure what you're going to use inside your collection data. So that's why I'm specifying any if you like interfaces, feel free to create an interface for it, and that makes it a lot better, but for now it's any and then you can copy and paste these things inside your control and fiddle around with it so that it's working for you. So, first of all, let me do that in my report.

C

So I have my collection data over here, so it actually needs a key like any field control that we have a label and we can give it a panel header description is optional. We have a bottom label which will become available when they open the property pane a value. This is the actual value of data and some fields. So if I'm going to save this and refresh actually, nothing is going to happen because it doesn't contain any fields, but you see that it's now being rendered over here.

C

So what I want to do is I want to add a new field in here and I can specify a title.

C

This is the title which being shown in the table which is going to render the collection data I have to give it an ID. This is your key or the ID behind-the-scenes about how you're going to work with that data. So I give it a name title with lowercase T and we also need to have a type the type in defines what the type of data is. You want to add so it's person, collection, field type and right now we support boolean, drop-down fabric icons, numbers string and URLs.

C

So let's create a string for this one and once I save and reload.

C

To configure now the error message is gone when I click configure. Now you see that it has some title. So this is quite an easy one, but the good thing about this is, you can add multiple things to your collection. So right now, there's nothing in the collection because we just started it, but we can add multiple things in here like to instance, let's say BMP: we can click on the plus sign.

C

We can say a block and we can say news: we can click on that and save and if everything works, we now have our thoughts working but there's no actual actual functionality behind it. So no logo and no links and no descriptions. Yet so that's what we are going to create right now, but let's remove this and put my second snippet in place. So this snippet contains more field, so you can see the title again with a required option, so everything is not required by default.

C

So if you want to require it, then you just put a property required in place I edit, the description field, but it's not required I added a URL, which is the URL field, which has some holiday based on the URL. I have an item field which I put in place or the fabric you icon, and this is going to show you I I can come in from a UI fabric and you just have to put in the name of that item and then it's going to visualize it icon.

C

If there is a icon for its targets, targets specifies how and how and where you want to open that link. So if you want to into it in the current browser tab or in a new tab, and that's it if I'm going to recreate this one I'm going to go open and my collection data again, you see new fields arising, so I can say: DMT websites, HTTP a K and that's /sb GMP.

C

We can give it a logo, so you can already see from the moment. I start typing. That's there's a logo appearing. So if you actually accidentally mixed type yourself, you don't see a logo. If you tell it right, you see the logo appearing I can do the same.

C

On my blog and I can say websites and, let's say news: this is our news website and our news website has a really cool URL, which is news.com and let's see, if there's a news icon. Yes, there is, and from the moment we insert jeopardy. We can just store this and this right now as our new data. So now you see the icon appearing, you see the description fields appearing and we can already click on it.

C

I don't know, I will click on this one so that it shows the actual page where we were linking to and now there are two parts. One again so probably it's my rendering of the page same thing works for the link links web parts, which is also a web part which is available in the starter pack. There we have two collection data fields and one is for D grouping, so we can specify the groups which you have you can say.

C

This is my new field and over here in the second group we can just say: okay, this belongs to news. If we save it and store that again, you see that the links are being grouped underneath the right grouping labels, you specified, you don't have to specify any group names, that's just optional.

C

So if you don't want to use them, you don't do it like, for instance, here in the useful links one you see in the grouping options, there is actually no group names defines so in the group name over here, it's still empty, so it's fully customizable everything. What you want in your web part can be created with it. So if you want that a new field feel free to do so, just be aware. At the moment we don't support all kinds of information, so we don't have a date field.

C

Yes, so if you want to have it inserted, feel free to add it to the usual list or start working on that and who yours, you are awesome controls, so that was it on my side, excellent.

B

Thank You, Ilya and I do apologize, Hugo and Sebastiaan for us taking slightly more time than expected, but you both should have now 12 to 15 minutes, but this is. This is really cool and if you're interested on just testing the talents web portal step, one is actually part of the SharePoint starter kit in the package. Folder of that repo, you actually can find an SP pkg file and just upload that to your tenant. You do not have to provision all of the site collections if you just wanna test some of the capabilities.

B

Now what Ilya was just showing I, don't think, that's precisely the same version yet in the starter kit, or is it a Lea? Do you remember what is the the latest in the starter kit shown? It might be that way. My.

C

Single, ladies, were ya, know: I, think is the same version.

B

Okay, okay yeah, so it should be there and the tiles well toss. Webpart is a good example. It used to be actually tied into a list now it's tied into this collection editor with system, storing the data as part web properties. So now you don't have to provision a list to be able to configure the web part which is really really really cool. Now, let's move to I think Sebastian was first on our list, so Sebastian you can.

B

You can do that. It's loading, three dots.

D

B

D

B

And we can say your happy face. Yes, that is correct.

D

Introduction, my name is I'm from Berlin Germany for number and I was in the past, a SharePoint developers. That's my background and before that web developer and I shifted slowly more and more into DevOps, with Azure cell, and this is big connection to this call today, since I have I got pretty much knowledge in SharePoint, development and I know some problems, especially when it comes to see ICD problems with DevOps I created a solution.

D

I want to just give a short introduction how it came to that last year, I was working for the elevator company Schindler and they were building a full ALM platform with the Microsoft stack and an edger.

D

So we built up a complete development, environment and edger with vs TSM team services and the full CD ECI pipeline to make everything automatize also with infrastructure as code and everything that you can imagine that is possible with Azure and DevOps with Microsoft, and we had I was part of a bigger team, the SharePoint development team, and we had problems that at that time there was nothing like we could deploy anything with the pipeline with just one task like SharePoint, Innes, Shepherd framework or even to use the the nice PMP PowerShell provisioning library in a very easy way.

D

So we had these problems. You always needed for every project have PowerShell scripts that we needed to create. We needed to make sure that on agents to deploy that our libraries are there, that the libraries have the right version, and so we had big problems with maintainability or we wanted to prevent these problems and to not rewrite everything again, to make it as simple as possible, and we also wanted to give an easy opportunity on V STS to introduce the the administrator. In.

D

Let's say configuration is good for SharePoint and to use the PNP libraries and the easy way so that they can somehow configure some sites or deploy sites, always in the same way, in an easy way. Of course, there's a department pack, but we're talking about more configuration things and and much more so what we did or what I did in that part was creating an DSPs task extension for DSPs. That includes basically four in the in the past.

D

It includes also adding SharePoint Eden's for SharePoint 2013, 16 and SharePoint Online that is currently not inside of what is inside is using the full power of the PMP, PowerShell library and I created this I recreated this this year and I decided to put it online, and there was nothing before like this I, just don't notice that there is an MVP who just published another task like this for a PMD PowerShell, and this task.

D

This extension could give you the possibility to use PNP provisioning, XML or inline PowerShell to deploy things and I will show you a bit later about how you could use it and work to get it so yeah. Basically, two tasks, that's already in the marketplace since two month or three months. The includes two tasks that is provisioning, XML, that you can use either inline XML or you can link to an XML file in your pipeline that you had in your build package, or you could also use reference powershell fire.

D

That is only that only includes pap powershell and the own.

D

You don't need to worry about anything like downloading the library or anything like this to install a library on the agent or anywhere the basically the tastic scare, about to download the PowerShell module from the Porsche gallery, and currently it always gets the newest version of this one, and this is making the life pretty much easier for you, so I'm, showing you a bit of talking about so basically here what I did I had some little bit creative to test this extension since, when I'm publishing this extension, I always have this problem.

D

That, of course, I cannot test the solution and publish the solution, but without interfering with others who install this solution.

D

So I have a test instance to try to make integration tests on this extension that I'm, using and when I'm I'm, currently here in VSPs- and this is I'm currently in the release pipeline and here I- have a release definition where I have several fast, where I use this these all these two tasks that I have created- and here there are different environments- and here is these tasks that I have here and basically there are two different kinds of tasks. One is the PowerShell inline tasks.

D

They keep here and find very easily when you search for tasks that you can create them. You have these two possibilities and within that pass you have the possibility to choose which version it is for this sharepoint online chat, 1, 2016 or 2013.

D

So this task, these this distinction, is be able to be used on these TS as well as TFS, at least when the last TFS version that is out so and then maybe some of you who use the STS with CDC I.

D

You have already, maybe known these poet length us that works pretty much the same, and you have the possibility to either link to PowerShell files yourself so that you have in your builds and then you can link to it if you want, or you have the possibility to just ride the short PowerShell script of your own. For example, here I have a PowerShell script that is basically just logging into a tenant and creating a site and then deleting either side or you have the other task.

D

Then it gives you the possibility to use just the PMP exam, our provisioning XML and that's basically the same concept. You just need to give your credentials and the target URL, and then you have the positive either to use inline or you used to choose a file in that case, for example, here your link to a file that is in your build package and from from the concept I tried to be as close as possible to the to the PNP PowerShell command, which is PNP, apply, PNP provisioning template.

D

So you will pretty much see it the same option that this one provides, for example, handlers that you want to use, or you have parameters in that script or you could even go down and have all the options that this one provides. So it's basically a forwarding, but has the did the comfort of having a proper UI and having the script and before checking your input.

D

For example, if your target web URL is correct or not, and so in that way you have much less errors to expect, because you just need to make sure that the template is working properly and not that you're, partial or somehow is working properly, except I made a buck or something. But that's something. I need to fix. The only problem that I have now I haven't had the chance to really well test for SharePoint 2013, so testing helpless and that always appreciated. But I expect since I'm, mostly using the PNP PowerShell.

D

So I expect that it's working for 2013, since this task is caring about which version of the library is downloaded and if you care about also on running the task- and you think, oh, it's downloading the tasks every time so I'm also checking if the tasks already downloaded on the release agent- it's not downloading again, so it sits on the proper folder in the agent which is recommended to be used on an agent. So you don't need to care about that as well.

D

That's taking space or every time like with NPM packages, that's taking lots of time to download again and again, this is not happening here if you're using a hosted 8 your own. If you have a hosted agent, then of course there is another problem that you have so just to show you a quick demo, I'm running all through these tasks here.

D

What I'm basically doing in these tasks is I'm just renaming the title I'm, making a new navigation and the third one won't work now, because I don't have a sub-site on that one site that I'm showing and they let me change. I show you the site that um that I've prepared, so this is just a classic site. It's not one on site in this case, so I added this pimpy community demo site and what I'm doing I'm just creating a new release from a release, definition and then I will be running just this one.

D

Give me a second create this go to my release.

D

It's kind, then I will start deploying that one that I just showed.

D

And that will be started then, hopefully, that my own agent is getting this one and then starting the task itself to deploy these things so and by the way, the another opportunity for the ones who don't know we haven't used that much to DSPs. You have always, of course, the possibility to not put in the the values yourself.

D

You can use, of course, dynamic values with variables, so you have as in when you're on the operation side, you always have the possibility to make it very dynamic to the to the part where you want to deploy it to so the deployment hasn't started yet so I hope it will be deploying very soon. If not, then we need to check what's going on.

D

Maybe it hasn't started I, just click again. No, it's ok, maybe I didn't deploy properly, so the agent will start very soon it's initializing and that you can see that is going through. All the tasks is downloading the artifacts, the XML files that I had on my big package that it's trying to execute the inline tasks for this one. So basically this PowerShell this it's an elf file which is basically just setting the site title so when this is finished very soon, I'm of course, giving some documentation out that you can see.

D

So this is already finished. So when I jump back to my side, I should be able to see that this one changed from PNP community to just having something else here that you can see so I changed this one to projects.

D

Then it's also going forward and soon what we see that this one is going to the navigation part. Then we should see also that the navigation should have changed from what you see here in notebooks documents pages just waiting for the agent to check in to this side.

D

So it's logging in successfully- and it's now running this task of course- I'm outputting, all the warnings and errors that that the PowerShell tasks Department what you're giving me so when I'm now refreshing here again, I, should see that all these links here are changed. So basically, you know the result. Definitely, but it's more about the ease of using this part for SharePoint, so it could be used by operations as well as, if you're having a SharePoint it in and they need to have some separate artifacts deployed.

D

So everything that is basically possible with PNP PowerShell is also possible with these two tasks so just to give a bit of first to show you also how it's working this one is basically put in github, so it's open source, of course, and I give you the link here in the track and just to tell you they. The whole pipeline see DCI pipeline, which is publishing to the Parker place, is currently also backed by a VST s, so the whole pipeline is there and I'm having contact currently with the DSPs team who's developing it.

D

They announced sometime ago that they also soon will support public projects and I'm currently participating in the from that. The project is part of the public VSDs project, so so this will be also available that the VST has part. The whole pipeline will be view visible also for public when they announced this public so and just to tell that and I need pretty much help, because I want to improve this task.

D

I have some roadmap brainstorming in mind, for example, I want to have the authentication bit easier for operations to not put the authentication directly in each task or to in the release definition, but to have it more global in the whole project, so called service endpoints and VSDs I also want to create a task to deploy a site collection, also and also tasks for it, ins and SPX solutions again, but for that I probably need a bit help, because that consumes some time.

D

So anybody who wants to participate- you can get me on by email that you see on the slide or you can get me on Twitter for raisers point. I really would appreciate some help for this. One so this for me cool.

B

Thank you, sigh busting, really, really cool stuff. I think we need to who go if you start sharing. If there's any questions, let's have a discussion in our window, but this is really really cool stuff and it really helps on making the deployments more, let's say flexible and automating stuff from a divorce perspective, really really great stuff.

B

Who do we have a.

D

B

E

Right so the premise is we needed to be able to this. This was built for a large portal that had all custom web parts, and the number one rule that we had was the whip rates that we build cannot look like they're custom. They have to look like they were out-of-the-box SharePoint web parts. That means it has to use you know, office fabric office, your fabric and so on and so forth.

E

The other kind of concept that we're trying to prove with this whipper is the whole premise of SPF. X has always been that with SPF X.

E

We as third-party developers have the sake the exact same tools that Microsoft has to create their web parts over first party web parts, so I set out to create a web part that reproduces the event calendar web part, which I'll just switch over here and I'm, set to build my own version of this web part and the goal was to make it look exactly like and behave exactly like the SharePoint out of box web parts. So if I just show you to start with what the other bar part does, first of all, it is responsive.

E

So if you, if you move around, you go from a carousel view to eventually what should happen is it'll switch to less items and if the demo gods are with me, what should happen is when I mouse when I resize this? Yes, there, you go you've switched to enlist you. So what I wanted to do was to create that same functionality with a custom, RSS feed, but then, as I started building it, they decided.

E

You know what it would be really cool if I could actually feed from WordPress events, iCal feed or an RSS feed and before I continue. One thing I want to make clear here is I built this with the idea that this was going to be extensible.

E

So if any of you have any type of feeds that you would like to add to this sample, I be more than happy to either do it or work with you to do this, one of the things you'll notice, I didn't bother, creating a sharepoint event feed.

E

Let me know in the in the chat window, if you think I should do a sharepoint event feed, but I figured we already have a kick-ass sharepoint amend feed out of box, so how this is built, and hopefully you can see on the side here we have kind of one web part, which is the caliber feed summary, and then I created a shared folder for shared components and shared services, and the idea here is eventually.

E

I would like to be able to add different types of calendar, feed, webparts so, for example, a caliph eid search or maybe something that uses dynamic data to feed events from one web part to another. So everything was built using shared services and shared components. Let me start with the services. The services I created a shared calendar service and then I created a whole bunch of services that implement the iCalendar service interface and pretty much the iCalendar serve.

E

Yeah I got your message about the exchange online calendar feed I'll. Take a look at that, so all the I counter service does. This really has a method that calls get event and then there's some additional things that allows us to use course that allows us to specify the duration and the URL for the feed and that each item, whether it's the WordPress one or whether it's the iCal, whatever they all implement the I calendar interface.

E

The other thing that it does is I've created a base calendar class which implements some of the functions to do some generic stuff like filtering events, replacing replacement tokens, fetching responses using course, and things like that, so each of the providers that I've created will actually extend the class and implement the interface as well.

E

The reason why I've approached this and one of the things you'll notice is every provider returns a name. Why did I do that? It's because I was I'm, really lazy and I wanted to actually create something that allowed me to when I add a new provider.

E

I didn't want to have to change any code anywhere, except for maybe one place, and this is the place and trust me if I could have found a way to just enumerate all the iCalendar service interfaces in in the library I would have done that I didn't find a way to do that. So what I do here is if I create a new list.

E

I wanted to create the new exchange online calendar feed I would create a new new class that implements the interface and I would go to my list of providers and I would just push the list of providers here in debug mode. What you'll notice is that I've added a mock calendar provider? This is just to make it easier to see pests and obviously debug.

E

So this is really how all the providers work and I must say that the the premise behind these service providers was really not like.

E

This is not really the probably the best code you've ever seen when it comes to the service provider. The point was not to create the service provider. The point was really to create the screen. That looks and feels like SharePoint, so there are some things that I'm doing that I'm, not necessarily the proudest.

E

One of the ways is how I handle the course so I don't know where that is exactly in my code. But so, if you actually look at this- and you say- hey I have a better way to do this. Please let me know I think this is how I handle course here, where I just use course anywhere.

E

If you want to use, of course, for those of you who don't know what course is sometimes, if you're trying to request content from a different domain, you know if the content provider does not support a cross origin request, you may be blocked, you may get an error message saying: hey I am not giving you this content so by using you know something like course, anywhere. I can actually go through an accepted cross origin to do show the events.

E

So if I show you here, I'll just mouse over a little bit until the provider come on course, because I'm trying to do this, it's going to be stubborn about switching to list. So I have a list of events here and hopefully on the SharePoint side. I have a list of events now for just before the demo. I changed the size of this, because when you're using the workbench and you go to small, it starts complaining about screen being too small. So it changed the threshold here.

E

But you see this is very consistent with the approach that we have here and I'll show you how I've implemented that in one second actually I've already pretty much exceeded my time, all right, so the components that we have is we have a component that implements the carousel, and this is actually using slick which, when I looked at how my self implemented this it really looked like they were using slate.

E

So I've actually created a slick handler that a component that allows me to just pass a bunch of items in the in the container and it will handle it if I increase the size here, it will start handling it like a slick interface like this, the other thing that I've done is I've actually created a paint box component which allows me to just pass a date and I'm in my code I'm using moment to actually convert all the dates handle the time zones. The localization of these and things like that.

E

So one of the things that you'll notice is, if you use a feed from a different time zone, it'll, actually start rendering the dates you know converts with the date and time to a time zone that is applicable for the user. Let me just give you an example here: I'll use, so I already use an RSS feed here if I switch to an iCal and I pick, here's the Canadian holidays and I apply this and I like these switches here to full day events and if I take, for example, a big WordPress event.

E

Calendar feed and I switch this here and I click apply. We should be getting the WordPress events now. The events are being cached on on the client side, because some of these feeds are sometimes very slow.

E

You can disable the caching here by changing the cache duration, I set it to 15 minutes for the demo, but you can definitely change that at your leisure. If I increase the size of this here, a little bit again, you'll see that it continues resizing. How is that done? Well, I'm, actually using in my rendering.

E

My rendering here my calendar fee summary I, really have to render methods, one which is the narrow and one which is a render normal and then I have a event that looks at monitors for resizing of the of the web part, so that I can actually render the web parts properly. The render narrow will actually render the list, but it'll actually rendered the list and any paging control that I've created I looked everywhere on the office UI fabric for a page in control, everybody saying there was not one and they wished.

E

It was one so I created one and what it does. It actually receives a list of items and it does the pagination of these items. So, if you're on a small list again, oops I mean you can actually paginate through the events.

E

So this is actually a super quick tour of the components that I've used to build this every one of these components are built to be reusable eventually when we, hopefully, if one day we'll be able to create reusable component libraries for s VFX projects- and you know- hopefully we can move these components to reusable controls and I'm, seeing a lot of comments that are saying that.

E

But if you want to participate to this, if you want to add event providers, please let me know new pool requests in the in the in the github project and I will look at adding the exchange provider I'm going to do a full update, pull request. Sorry, because I've converted this project, you could do SPF x, 1.5, using the cool new update project command in the office. 365 CLI, if you haven't used it I, recommend that you you look at it. Yes, you can.

E

You can download the project on github, I'll copy and paste the link here. That's it for me guys thanks.

B

You go excellent, excellent work again, so really really really cool stuff and absolutely let's. Let's work on on getting some most re usable controls to the reusable SPF expert years of poor control stunt, because we really rather wanna say one set of reusable controls, cross the whole community and us working together and sharing and the best things, because we and we're looking into feeding some out-of-the-box controls there as well. So anyway, Patrick.

A

So do you want to mention your invites in your calendar expire this week, we'll begin a new invite out for the meeting. We will have a meeting on July 5th. The next SPF XJS sig will be July 5th, but you do not have an invite for that. Yet don't worry, we are having a meeting. We will get the new invites for the next year out next Microsoft fiscal year, and we do of course have the general Development sig on June 28th. That's next Thursday look forward to seeing everybody there.

A

Thank you all for sticking with us a few minutes overtime and everybody have a great weekend. Thank.

B

You thank you for the great demos bye-bye.