| 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 |
|
|