1
00:00:01,120 --> 00:00:04,600
In this video, we're going to add in typescript support to our Seelie project as well.

2
00:00:04,870 --> 00:00:08,260
We're going to do pretty much everything we just did in the last video for local API.

3
00:00:08,440 --> 00:00:12,110
The only difference is that we're not going to set up the NPM run start command just yet.

4
00:00:12,310 --> 00:00:15,130
We're also not going to worry about the main field just yet either.

5
00:00:15,310 --> 00:00:20,650
But otherwise, inside of Seelie, we're going to rename the index, not just file over to rewrite some

6
00:00:20,650 --> 00:00:25,760
code inside their install typescript as a development dependency and then generate the config file.

7
00:00:25,840 --> 00:00:26,800
So let's get to it.

8
00:00:27,640 --> 00:00:31,330
First off, back inside my code editor, I will find the Seelie Project directory.

9
00:00:32,600 --> 00:00:35,420
I'm going to create a new folder inside there of Sarsae.

10
00:00:36,680 --> 00:00:40,040
I'll move the index file inside of that new directory.

11
00:00:40,990 --> 00:00:44,200
And rename that file to be index dots.

12
00:00:46,500 --> 00:00:48,000
And then going to open that file up.

13
00:00:49,850 --> 00:00:52,820
We'll do a quick rewrite of this code, so quick refactor.

14
00:00:54,750 --> 00:01:02,010
Over to the equivalent typescript, so I'm going to import serve from local API, I'll then call serve.

15
00:01:06,260 --> 00:01:07,370
I'm going to close that file.

16
00:01:08,560 --> 00:01:13,720
I'll then go back over to my terminal and I'm going to stop the running typescript process that we might

17
00:01:13,720 --> 00:01:16,210
still have running over here, I stopped it right before this video.

18
00:01:16,480 --> 00:01:21,130
But make sure you stop the NPM run start command that was currently running inside of our local API

19
00:01:21,130 --> 00:01:21,670
directory.

20
00:01:22,360 --> 00:01:24,880
I'll then change on over to our Seelie folder.

21
00:01:26,300 --> 00:01:32,420
Inside of there, I'm going to generate my config file with an Northparkes typescript dash dash in it.

22
00:01:36,270 --> 00:01:41,300
After that, I'll then install TypeScript as a development dependency into our Seelie project as well,

23
00:01:41,610 --> 00:01:44,430
so we will do a llena ad script.

24
00:01:45,300 --> 00:01:47,400
We're going to add this in as a development dependency.

25
00:01:49,080 --> 00:01:50,670
And we'll set up our scope as well.

26
00:01:50,730 --> 00:01:56,160
We want to only install TypeScript into CLY, so my scope is going to be Kly.

27
00:01:59,050 --> 00:02:00,370
OK, let's go ahead and run that.

28
00:02:02,360 --> 00:02:04,970
And it looks like that has been added in very good.

29
00:02:06,340 --> 00:02:11,470
Now, in theory, we have typescript support inside of our Seelie project, but we haven't really had

30
00:02:11,470 --> 00:02:12,610
the ability to run it just yet.

31
00:02:12,760 --> 00:02:16,300
Let's take a quick pause and then finish up a little bit of typescript set up inside there in just a

32
00:02:16,300 --> 00:02:16,680
moment.