1 00:00:01,030 --> 00:00:04,660 Because we have renamed some different packages, we have to go through all of our source code and make 2 00:00:04,660 --> 00:00:07,930 sure that we update any references to these different packages. 3 00:00:08,380 --> 00:00:11,380 So in this diagram, I've got the different updates we need to make. 4 00:00:11,680 --> 00:00:17,620 Do we need to do two updates inside of this note really are Seelie and two updates inside of local API. 5 00:00:18,160 --> 00:00:23,020 After making all these updates, we then need to run learn a bootstrapped to make sure that we link 6 00:00:23,020 --> 00:00:24,520 all of our packages back together. 7 00:00:25,310 --> 00:00:26,160 So let's get to it. 8 00:00:26,200 --> 00:00:28,020 We're going to do this refactor step by step. 9 00:00:28,690 --> 00:00:30,790 So we will first begin inside of our Seelie. 10 00:00:31,030 --> 00:00:33,010 We're going to find our packages on file. 11 00:00:35,400 --> 00:00:36,210 Here it is right here. 12 00:00:37,120 --> 00:00:42,640 We have a dependency of local API, and again, this package no longer exists, and we're going to give 13 00:00:42,640 --> 00:00:46,960 it the proper name now, which is at JSC note local API. 14 00:00:47,140 --> 00:00:50,250 And yet again, remember, you are not going to put note right here. 15 00:00:50,290 --> 00:00:54,400 You're going to put in whatever package, name or whatever organization name you came up with. 16 00:00:56,330 --> 00:01:01,700 All right, so that's step one onto step two, we need to update an important statement inside of our 17 00:01:02,060 --> 00:01:02,990 service command. 18 00:01:04,319 --> 00:01:07,380 Go find my SAAC commands supports file. 19 00:01:09,020 --> 00:01:15,530 Here's the import at the top, we just have to update that to this note, local API, you will notice 20 00:01:15,530 --> 00:01:21,440 we get a error right away from typescript that will go away as soon as we run that llena bootstrap command. 21 00:01:24,640 --> 00:01:25,240 That one's done. 22 00:01:25,660 --> 00:01:28,150 Next up is going to be inside of our local API. 23 00:01:29,460 --> 00:01:35,640 So I will find my local API package, find the package JSON file inside there, inside the dependency 24 00:01:35,640 --> 00:01:36,150 section. 25 00:01:36,180 --> 00:01:40,530 I'm going to find local clients and put in jazz notes. 26 00:01:45,880 --> 00:01:51,790 One last factor here, so we need to find the index dots file and update the required result inside 27 00:01:51,790 --> 00:01:52,000 their. 28 00:01:52,990 --> 00:01:54,600 We're going to find my index dots. 29 00:01:56,260 --> 00:01:59,060 Here it is right here towards the bottom of the file. 30 00:01:59,080 --> 00:02:04,360 Remember, we added in that require resolve, function call and we tried to find a very specific file 31 00:02:04,360 --> 00:02:06,190 inside of our local client project. 32 00:02:06,800 --> 00:02:12,850 We just need to make sure we update the name to just note flash again, not just note whatever organization 33 00:02:12,850 --> 00:02:13,810 name you came up with. 34 00:02:16,460 --> 00:02:21,770 OK, so that should be it now the last thing we need to do is run learn a bootstrap to relink all of 35 00:02:21,770 --> 00:02:22,670 our different packages. 36 00:02:23,790 --> 00:02:24,720 The back at my terminal. 37 00:02:26,390 --> 00:02:32,780 I'm going to make sure that I'm no longer running that NPM run start command or the node index or the 38 00:02:32,780 --> 00:02:35,500 server command that we had ran inside that directory anymore. 39 00:02:35,870 --> 00:02:40,160 So in other words, between all my terminal windows, I'm no longer running anything whatsoever. 40 00:02:41,280 --> 00:02:46,080 Once I've made sure that I've closed all that stuff down, I'll then do a llena bootstrap. 41 00:02:48,150 --> 00:02:53,850 And after a very small amount of feedback, everything should be successfully linked together, we can 42 00:02:53,850 --> 00:02:56,220 very easily confirm this if we go back over to our ED. 43 00:02:58,200 --> 00:03:04,560 Go back into our Szalai, find our Sarsae commands served its file, and we should no longer be getting 44 00:03:04,560 --> 00:03:06,840 an air from our import statement right here. 45 00:03:07,890 --> 00:03:12,060 If you're still seeing an error, first thing to do to troubleshoot that would be to restart your code 46 00:03:12,060 --> 00:03:12,510 editor. 47 00:03:14,540 --> 00:03:18,710 OK, so once we've got everything fixed up, the other thing we can do very easily to make sure everything 48 00:03:18,710 --> 00:03:23,180 is working as expected, is to change back into our main project directory. 49 00:03:24,310 --> 00:03:30,070 So that's where our Lernout Jason and package Jason files are and do an NPM run start inside their. 50 00:03:31,270 --> 00:03:37,120 Remember, that's going to start up are to script compilers and the React app server as well, so it 51 00:03:37,240 --> 00:03:40,120 looks like everything is more or less starting up as expected. 52 00:03:40,390 --> 00:03:43,930 Looks like I might be getting an air around jazz note or the local client right here. 53 00:03:44,140 --> 00:03:45,310 That's totally fine. 54 00:03:45,340 --> 00:03:49,690 I probably have another copy of React app already running on my machine or something like that. 55 00:03:50,110 --> 00:03:51,460 I'm not going to worry about that one too much. 56 00:03:54,040 --> 00:03:56,770 I'll then also go back over to my dist directory. 57 00:03:57,690 --> 00:04:03,800 Inside of my Seelie package, and I'll do a node index dogs surf and just make sure that works as well 58 00:04:04,260 --> 00:04:05,580 and yep, it definitely does. 59 00:04:06,920 --> 00:04:10,880 OK, so I think that our refactor for all these different package names is now complete. 60 00:04:11,600 --> 00:04:12,770 So that was just step one. 61 00:04:12,920 --> 00:04:15,770 But don't worry, all the other steps be very easy and straightforward. 62 00:04:16,339 --> 00:04:19,600 Let's take a pause right here and then start going through our list in just a moment.