2sxc for January (2023)

Jan 06, 2023

SUMMARY

0:02 well hello hello it's Dean and Dave and we're here for the 260 for January uh
0:09 meet up or 260 for meetup I don't know what we are really going to call this but I think too sexy for meetup and this is the January 2023 edition of this and
0:18 uh this is our first one ever that's being Live recorded uh well I'll say
0:23 live yeah we're recording it live but yeah you're probably not watching it live
0:29 and sometimes I crack myself up but welcome everybody we've got a few uh live guests here and uh you'll probably
0:37 be seeing this my guess is somewhere on YouTube uh after the fact so if you're joining us after the fact then welcome
0:44 uh feel free to join us for a live event anytime these will be uh every month uh
0:49 the first Friday of every month is the current plan for this at uh 3 P.M
0:55 eastern time uh hopefully that'll accommodate more of an international audience so it's not too late in the
1:01 evening over in Europe and not too early in the morning uh brother out so
1:08 um let me go ahead and share my screen and we'll get things kind of rolling
1:13 here I don't want this thing to get super formal uh but this is one of the months that we had uh slated for
1:20 actually kind of having a bit of a presentation format for this one last month when we got together we kind of
1:27 had a round robin of just people sharing different ideas and kind of different
1:32 tips and tricks and things like that that kind of showcase type things we're going to do multiple different kind of
1:39 formats where this Meetup moving forward um but this month is kind of one of those where we're gonna kind of split
1:45 the time between not really a formal presentation but me just sharing some some
1:51 experiences that I've had with uh using two sexy in the context of source
1:57 control in particular using git and GitHub and then that'll be a little bit more of an interactive session and then
2:04 we'll open it up towards the end uh for kind of an open mic style if you have some you know five minute tips or so and
2:11 we're not like clock watching or anything but you know just kind of short tips and things that you've picked up over the time that you want to share
2:17 with the group and could could make uh uh helps somebody's life be a little bit easier
2:23 so thank you for joining uh we're gonna kick off a little bit with some buzz and
2:29 uh announcements in the community and I if I happen to miss anything let me know
2:34 uh on this but for those that don't know I mean this is all really about uh 2sxc
2:40 and uh in the context of using it within uh DNN instance or an octane instance
2:47 and if you're not familiar with either one of those platforms I encourage you to go out to octane.org that's o q t a n
2:55 e dot org and it's very similar in architecture uh to DNN but is more of a
3:04 modern um stacked there with asp.net core and Blazer and um if you're interested in
3:12 DNN you can learn a lot about it at DNN community.org of course both of those uh
3:19 platforms are on GitHub and you can get to their regular their GitHub instances
3:25 out there as well but to sxc for those that don't aren't too familiar with it or are new to the
3:31 platform is more of a Content management system that sits on top of one of those
3:37 two application Frameworks and gives a nice
3:42 editing experience for the end user at the end or administrators that are editing content on a website and this
3:49 Meetup is really structured to just talk about all things to the 6C and uh so feel free to go out there one thing that
3:56 I looked at before the meeting just kind of in light of announcements and stuff
4:02 and things that have happened um the latest LTS release or long-term
4:08 support release into sexy looks like it is still 14.12.3
4:15 and that was released I'm out on the GitHub uh repo for 2sxc looks like that
4:21 was released right before our last meet up so November the 29th but there's some exciting things happening
4:28 as always I think uh Daniel metler actually joined us last month and
4:33 mentioned that they're trying to work off of a Cadence of having a major release twice a year for this so you can
4:40 kind of expect that we were already working on the version 15 release of
4:45 this and I thought I would highlight a few of the things in it um they don't have an
4:50 LTS release of this because I think it's just too so new and fresh but I would expect that to you know be not too far
4:57 behind over the next couple of months I'm guessing uh they'll get to announce yes version of 15. but there's a nice
5:04 blog article that is posted right here on the release I don't GitHub and I'll
5:10 have that pulled up and it's a very long article to kind of highlight some of the things that I've
5:16 seen on here and if anybody's had any experience with it or has played around with it
5:22 um I have not I haven't even installed it on this system yet so I don't have a whole lot of awareness of these specific
5:29 things but I thought this blog article was really nice I think one of the big things this
5:34 included in it is the inclusion of Google translate within the editing
5:39 experience so if you bring up your normal kind of editor for a a view then
5:47 you get this translation capabilities right in the top right corner I'm assuming that
5:52 applies to all of the fields that are related to that particular content type that's shown for the view
5:59 and you could Auto translate all or don't translate any or not sure what
6:05 translate oh I guess that's just not something that's going to happen automatically when you update the fields
6:10 so I guess that's the difference between those two but that looks looks really neat and he's got an example here of
6:16 going from English to Arabic Arabic wait how did I say that now say
6:23 that right Arabic I think how would you say that in French
6:29 Canadian Daniel erratic Arabic okay all right hunting
6:34 Arabic or are yes oh goodness
6:41 um I see a few more people have joined hey Steve and hey Daniel inhale Sandra the DNN Diva herself has joined
6:50 um let's see in addition to that it looks like there's a
6:56 few small things that they have done like I thought this one was interesting that
7:01 um I think they had followed a convention for a while of always automatically whenever you create a new
7:08 view um that it would automatically have an underscore as a part of the file name and I think that was related to both
7:15 convention and a particular security practice that is typically used to
7:20 render partials and things like that for um for a razor-based uh platforms or
7:27 Frameworks and um they have now by default because that didn't matter or
7:34 apply really anymore to too sexy that they have now changed the default experience to not have the underscore
7:43 but you still can use the underscore uh naming convention if you so desire to do so
7:49 let's see looks like they've gone with a major upgrade to Tiny MCE editor I am
7:56 sure there's a lot of details here that would uh that would mean something to a lot of people but I don't know them
8:03 so I'll just leave it at oh they upgraded tiny MC but evidently that's a big deal
8:09 um has any by the way is anybody that's on actually played with 26015 yet
8:15 yeah I actually have I had a what a whatever the 1403 whatever it was the
8:22 the ltf and it had a little bug that was kind of annoying that when you get a
8:28 bilingual site you could give each side say if a photo a different caption that
8:34 worked great but you couldn't tell the how would the treat the image
8:40 differently so typically French is a little bit longer than English so I
8:45 would often would like to do the photo for its full height on the front side and on the English side to have it uh
8:51 just at the center and that didn't work but I upgraded to 15 and it works
8:58 perfectly now so as far as all the I don't know I can't even count how many new features I haven't really checked
9:05 anything out just that it seems to work as good as 1403 or whatever it was but
9:12 uh without a couple of little bugs so let's step in the right direction that is nice to know I'm always a little bit
9:20 nervous maybe I don't know maybe too nervous but typically for production sites I just don't go on the bleeding
9:27 edge for a lot of these things just because of you know one little feature mishap can can wreak havoc but that
9:33 being said I'm not sure if that's a great strategy or not because the LTS
9:39 sometimes has those same things and there's no fixes that are put right onto
9:44 that version anyway so it's uh you know it's kind of choose your own path there I suppose but uh for right now we
9:51 haven't really touched any uh upgrades to non-lts versions so
9:57 um it it seems to be if that if you report a bug on the ltf and it's a little bug that it that he might decide
10:04 to just shovel it off to the next version but it's the big one then he'll issue another ltf for essentially the
10:10 same version so but if it's a bug you need fixed then you're kind of
10:16 well you can kind of go Gotta Go on the bleeding edge but so far no bruises well that's good
10:23 to know good to know um I I think there's plans for bigger stuff to happen in in the new context or in the context
10:30 of uh tiny MC version six here so at least there's some hints to that uh here
10:36 uh with that um it looks like they upgraded a few of the third party kind of dependencies
10:43 that they've got one of which is Tiny MCE csb Helper and Razer Blade which I
10:49 think is is is theirs right or is that truly a third party I think it's just
10:55 another project within their world that they they have there but I guess they upgraded that within the context of too
11:02 sexy um a bunch of other little details as far as some API changes that have been
11:10 made and some new uh apis related to productivity so it looks like they're a
11:15 little bit more uh involved options here for the uh turn on uh feature within a
11:22 page context so that's nice some image related Service uh
11:30 yep I am yeah for webp support and so forth looks
11:36 like they got some fallback uh type um options there for description as well
11:42 and and some of the tags that are used in the rendered HTML um and I haven't read all this in super
11:48 fine details so sorry if I'm kind of flailing through this but I'm trying to look for things that are kind of Big
11:54 Ticket items uh to
12:00 okay looks like they got some attention on the GPS area there which you know
12:05 this is a great little uh area too sexy that I discovered by happenstance
12:12 because of a field type that's in there but I know many of you probably have used this before where you can leverage
12:19 some of the uh the GPS coordinate type stuff to be able to
12:24 to build maps and so forth for location based uh
12:30 lists or views that you need to look at it's a neat little feature there I think it was called at one point it's called a
12:36 GPS picker is that right or something like that
12:41 really neat little Discovery I made a few years ago uh let's see I don't know
12:48 much about the atom mask that stuff but uh looks like they've based some some new ability there and some other little
12:56 small database cleanup and things like that um I did notice one thing that they're doing and I think this may have happened
13:02 before um version 15 here but it looks like there's a um there's a new Json file
13:10 that's a part of this um if and the reason I'm bringing this
13:15 one up is because of the subject higher today but like as you're working with the get and you know the state of an app
13:23 um everything has been saved in the past in the an app.xml uh format and now there's a new
13:31 uh Json file that holds some of that data but I haven't quite figured all
13:37 that out yet um Alessandra I know you've played around with some of this too or at least maybe have just seen it do you
13:43 know much about that and what it's used for yep I'm sorry you said that again sorry I
13:49 put you on the spot there but you know how the app XML file holds all the data
13:54 you know kind of metadata um associated with a particular app
14:00 I saw on it is that it just kind of gives the XML of the fields and
14:06 everything like when you export your content type that's by the ad there
14:12 yeah I was talking about the new file that shows up in that area now there's like a Json formatted file in addition
14:18 to the XML file now and I'm kind of curious as to yes that is sorry that is
14:23 about like the fields and everything while the XML file is more about the content
14:29 file when you export the the app
14:36 in or or it comes in as a Json Bob Json particular specs I mean so I think it
14:42 just automatically creates the the file now instead of just Windows exporting
14:49 gotcha gotcha okay and we're gonna see that here they're not salt on that please
14:56 yeah we're gonna see that in action here in just a minute to whenever uh we go
15:02 into that area um give me I'm not trying to find something here real quick give me a
15:07 second on another screen um let's see I think that's probably up for those announcements um so I think
15:15 what I'll what I'll do is uh does anybody else know of anything in the community that's uh noteworthy as far as
15:20 announcements or kind of buzz that's going on uh that I might have missed
15:25 you sexy related or yeah I'm more too sexy related but if it's remotely related with DNN and or
15:32 octane that would probably be noteworthy as well so we have Monaco available with
15:37 DNN elements now oh that's a good point yeah so um if you're not familiar with DNN elements uh
15:46 this is something that can be used in the context of too sexy because this is a basically a
15:54 I don't know if you want to call it design system but it's a collection of custom elements essentially for the
16:00 community it's just HTML and CSS in the end that's used but that can be pulled into a too sexy app for instance and
16:09 used so um this will eventually be part of CNN but right now it's a separate repo out
16:18 here that can be consumed and is published on npm but you can see the list of all these different components and uh Daniel you I
16:26 was just giving context here feel free I didn't mean to see your thunder or anything but if you want to talk about that
16:32 oh wow I mean so for those not familiar basically you load up one single JavaScript loader
16:40 file and then everything available here you use just like a new HTML element nothing
16:47 special to it that has properties and attributes Just Like A P tag would have
16:53 so if you need Monaco editor as long as you load that HTML you just need the DNN
17:00 Monaco editor tag and boom it's there so you save on all the setup you need to do
17:07 or these things I you can probably search for the Monaco editor in this HTML file so basically what David
17:15 highlighted is what you'll need to load and then where you use it
17:21 right you just it's a DNN like line 949 there
17:27 it's just DNN Monaco editor we put some code here in the symbol but you don't even have to you can just populate it
17:34 with JavaScript or whatever you want and yeah it's very quick way to integrate
17:39 this for code editing for whatever supported language so it supports
17:45 JavaScript and HTML and typescript and like all kinds of eraser the real really
17:51 cool uh way if you need some code editing yeah so like in the context of anybody
17:59 that's used Visual Studio code you've used Monaco editor because that is the editor that's used in the context of uh
18:06 of Visual Studio code and um also like you can see it in a DNN
18:12 instance on the SQL console the CSS Editor as well as the config editor it's
18:20 integrated in there but that um you know you can do the same type of thing in your in your two sexy app if
18:26 you need a if you need an editor within there so that's really really or a
18:31 custom module or whatever it's a plain HTML element as long as you have those JavaScript files so it's pretty cool
18:39 yeah and I'm we're showing a lot here but all it is is this tag DNN Monaco Dash editor so you import those two
18:45 script files and then um you just put this tag in there and then code can be left blank if you need
18:51 to and it'll be an empty editor there where you can put your own code in and wire up saving and all that kind of
18:57 things yeah so uh let's see here let's um let's
19:04 jump into um I'll call it the presentation portion of this but I this is not meant to be a
19:11 formal presentation by any means it's uh what I what I would encourage you to do if you do have a local instance kind of
19:18 follow along with me and do some of this because it's uh it's it's something that I've noticed is not talked about a whole
19:24 lot in the community and that is if you are working on a project let's say
19:30 You're Building something for your business or for a client um and you need to create it too sexy
19:37 app or you know a series of apps or a collection of apps for a particular
19:42 website one of the things that you'd want to do like if you were creating a custom
19:47 module in DNN or an octane you would Source control that custom module right
19:53 you know you would put it into some sort of source control whether it's um Visual Studio online or using team
20:01 Foundation services or get through there or using GitHub you would use that to
20:07 track all the changes of your files and do version management and things like that but in the context of a two sexy
20:15 app I mean like how would you do that um it may seem trivial you know I'll just put those files in there well I
20:22 mean yeah you can there's probably many different ways that you could go about doing this but working it out in a way that is a
20:29 good workflow for your developers or a team of developers to be able to easily
20:36 update things um you know without too much crazy overhead is a good idea you know to keep
20:43 things in Source control because maybe you've been used to just setting up a

RELATED VIDEOS

2sxc for April (2023)
Apr 07, 2023

2sxc for March 2023 (Presentation by João Gomes)

2sxc for March (2023)
Mar 03, 2023

2sxc Show & Tell (Open Mic) for March 2023