In this lecture, we're going to put windsurf to the test by working on some features that haven't been
yet implemented on this project.
But first of all, let's start this project.
So I'm going to ask windsurf to simply run the application.
I'm going to ask to run this particular command.
I'm going to figure out, hey, the dependencies are not installed, so we need to install them.
And by the way, if you want to run some commands automatically you can select here auto run.
So currently it's on not auto run.
And we can add this to our user allow list or change the order execution policy.
So the order execution policy is one of the windsurf settings.
So it's a good idea that we are sent here directly to this.
So we have here a few options.
You see off auto and turbo.
Turbo means that there is.
They are pretty much no commands that are not going to be executed.
This is the most powerful one.
Other is letting the model decide if it makes sense to run that or not.
And of course you can specify also here and allow or deny list.
This is an important setting.
Just in case you want to give this AI tool a bit more autonomy and do things on its own.
Probably putting it here initially to auto would be a pretty good idea.
Let's go back and see exactly what has happened.
So now we can rerun our dev server.
So now we can open here in preview which is just a tab inside our application.
Is absolutely quite fine.
There's not a lot of space, but we can just make a bit of space for some testing and we can figure
out exactly what we have inside our application here.
So we're going to see here that our tasks are still loading.
And we can add a new task such as learn windsurf.
So this seems to be working properly.
We take a look at the to do list and figure out what still needs to be done.
For example, in terms of card editing, let's see if we can delete a card.
Actually, because this is currently marked as not done, let's also accept these changes here as they
are, so that we can properly see what has been implemented or not.
So card editing delete card.
Apparently this is not implemented.
Let's see.
I'm going to delete here learn Lovable.
And I'm going to see nope.
So delete is not implemented.
So this is something that has been correctly identified by windsurf I'm going to say here implement
the rest of the tasks inside card editing.
And also it's not a bad idea to directly specify here the todo file I'm going to select here files.
And if I'm typing todo this is going to be a reference.
So we know exactly what we're talking about.
So let's see this particular functionality being implemented now.
So it's telling us that this has now been properly implemented.
We can take a look inside the application to see if this has also changed here.
And we wanted to delete Learn Lovable.
And currently this is not working.
We can ask here.
Did you restart the application.
So it's telling us no I haven't restarted application.
The changes were made to the todo file because the functionality is already implemented.
Okay, but why didn't you mark it when you analyze the code the first time?
So I'm just going to say if I'm trying to delete a task and click on X, it doesn't do anything.
So let's see if there is a fix to this problem.
Now windsurf doesn't really understand exactly what's going on and is asking us to help with troubleshooting.
So what it has done is it has added a console log statement and is asking us to click on X again.
Okay.
And then we need to look for the browser's developer console so we can right click on this one, but
not on this view.
So this doesn't work really here.
So we need to open this in a real browser.
And what we need to do is right click go to inspect.
Go to console.
And what we need to pay attention to is any log entries that appear here.
So if we click here on this particular task we should see this prompt here.
And it's going to tell us a delete handle call for task and say here okay the task has been deleted.
Okay.
So now it's working.
So that's the good thing to say.
Now delete is working.
I saw the console log statement and the card was deleted as well.
So now we have confirmed that this functionality is indeed working.
We have here inside the todo file we can accept.
And we can also accept all the changes that have been done here.
So we are no longer getting this diffs inside our code editor.