Because we have renamed some different packages, we have to go through all of our source code and make
sure that we update any references to these different packages.
So in this diagram, I've got the different updates we need to make.
Do we need to do two updates inside of this note really are Seelie and two updates inside of local API.
After making all these updates, we then need to run learn a bootstrapped to make sure that we link
all of our packages back together.
So let's get to it.
We're going to do this refactor step by step.
So we will first begin inside of our Seelie.
We're going to find our packages on file.
Here it is right here.
We have a dependency of local API, and again, this package no longer exists, and we're going to give
it the proper name now, which is at JSC note local API.
And yet again, remember, you are not going to put note right here.
You're going to put in whatever package, name or whatever organization name you came up with.
All right, so that's step one onto step two, we need to update an important statement inside of our
service command.
Go find my SAAC commands supports file.
Here's the import at the top, we just have to update that to this note, local API, you will notice
we get a error right away from typescript that will go away as soon as we run that llena bootstrap command.
That one's done.
Next up is going to be inside of our local API.
So I will find my local API package, find the package JSON file inside there, inside the dependency
section.
I'm going to find local clients and put in jazz notes.
One last factor here, so we need to find the index dots file and update the required result inside
their.
We're going to find my index dots.
Here it is right here towards the bottom of the file.
Remember, we added in that require resolve, function call and we tried to find a very specific file
inside of our local client project.
We just need to make sure we update the name to just note flash again, not just note whatever organization
name you came up with.
OK, so that should be it now the last thing we need to do is run learn a bootstrap to relink all of
our different packages.
The back at my terminal.
I'm going to make sure that I'm no longer running that NPM run start command or the node index or the
server command that we had ran inside that directory anymore.
So in other words, between all my terminal windows, I'm no longer running anything whatsoever.
Once I've made sure that I've closed all that stuff down, I'll then do a llena bootstrap.
And after a very small amount of feedback, everything should be successfully linked together, we can
very easily confirm this if we go back over to our ED.
Go back into our Szalai, find our Sarsae commands served its file, and we should no longer be getting
an air from our import statement right here.
If you're still seeing an error, first thing to do to troubleshoot that would be to restart your code
editor.
OK, so once we've got everything fixed up, the other thing we can do very easily to make sure everything
is working as expected, is to change back into our main project directory.
So that's where our Lernout Jason and package Jason files are and do an NPM run start inside their.
Remember, that's going to start up are to script compilers and the React app server as well, so it
looks like everything is more or less starting up as expected.
Looks like I might be getting an air around jazz note or the local client right here.
That's totally fine.
I probably have another copy of React app already running on my machine or something like that.
I'm not going to worry about that one too much.
I'll then also go back over to my dist directory.
Inside of my Seelie package, and I'll do a node index dogs surf and just make sure that works as well
and yep, it definitely does.
OK, so I think that our refactor for all these different package names is now complete.
So that was just step one.
But don't worry, all the other steps be very easy and straightforward.
Let's take a pause right here and then start going through our list in just a moment.