WEBVTT 00:02.000 --> 00:06.600 In this lecture, we're going to put windsurf to the test by working on some features that haven't been 00:06.600 --> 00:08.920 yet implemented on this project. 00:08.920 --> 00:11.680 But first of all, let's start this project. 00:12.680 --> 00:15.720 So I'm going to ask windsurf to simply run the application. 00:17.280 --> 00:19.880 I'm going to ask to run this particular command. 00:20.960 --> 00:24.960 I'm going to figure out, hey, the dependencies are not installed, so we need to install them. 00:25.840 --> 00:31.400 And by the way, if you want to run some commands automatically you can select here auto run. 00:31.440 --> 00:34.680 So currently it's on not auto run. 00:35.160 --> 00:41.280 And we can add this to our user allow list or change the order execution policy. 00:41.640 --> 00:45.280 So the order execution policy is one of the windsurf settings. 00:45.280 --> 00:48.280 So it's a good idea that we are sent here directly to this. 00:48.720 --> 00:50.680 So we have here a few options. 00:50.680 --> 00:53.680 You see off auto and turbo. 00:53.680 --> 00:55.800 Turbo means that there is. 00:56.160 --> 01:00.480 They are pretty much no commands that are not going to be executed. 01:00.480 --> 01:01.920 This is the most powerful one. 01:02.360 --> 01:07.040 Other is letting the model decide if it makes sense to run that or not. 01:07.640 --> 01:11.400 And of course you can specify also here and allow or deny list. 01:11.720 --> 01:13.160 This is an important setting. 01:13.160 --> 01:18.320 Just in case you want to give this AI tool a bit more autonomy and do things on its own. 01:18.600 --> 01:22.680 Probably putting it here initially to auto would be a pretty good idea. 01:23.520 --> 01:25.440 Let's go back and see exactly what has happened. 01:26.440 --> 01:28.800 So now we can rerun our dev server. 01:30.120 --> 01:34.920 So now we can open here in preview which is just a tab inside our application. 01:35.440 --> 01:37.280 Is absolutely quite fine. 01:37.280 --> 01:42.000 There's not a lot of space, but we can just make a bit of space for some testing and we can figure 01:42.000 --> 01:44.640 out exactly what we have inside our application here. 01:44.640 --> 01:48.120 So we're going to see here that our tasks are still loading. 01:48.560 --> 01:51.480 And we can add a new task such as learn windsurf. 01:52.920 --> 01:54.360 So this seems to be working properly. 01:54.360 --> 01:57.600 We take a look at the to do list and figure out what still needs to be done. 01:58.000 --> 02:01.600 For example, in terms of card editing, let's see if we can delete a card. 02:01.600 --> 02:06.560 Actually, because this is currently marked as not done, let's also accept these changes here as they 02:06.560 --> 02:10.320 are, so that we can properly see what has been implemented or not. 02:10.680 --> 02:12.440 So card editing delete card. 02:12.680 --> 02:14.200 Apparently this is not implemented. 02:14.200 --> 02:14.800 Let's see. 02:14.840 --> 02:17.200 I'm going to delete here learn Lovable. 02:17.960 --> 02:19.000 And I'm going to see nope. 02:19.440 --> 02:21.200 So delete is not implemented. 02:21.200 --> 02:29.240 So this is something that has been correctly identified by windsurf I'm going to say here implement 02:29.240 --> 02:32.400 the rest of the tasks inside card editing. 02:33.480 --> 02:39.360 And also it's not a bad idea to directly specify here the todo file I'm going to select here files. 02:39.680 --> 02:43.520 And if I'm typing todo this is going to be a reference. 02:43.520 --> 02:46.040 So we know exactly what we're talking about. 02:46.040 --> 02:49.200 So let's see this particular functionality being implemented now. 02:50.560 --> 02:54.000 So it's telling us that this has now been properly implemented. 02:54.000 --> 02:57.770 We can take a look inside the application to see if this has also changed here. 02:58.490 --> 03:00.530 And we wanted to delete Learn Lovable. 03:01.610 --> 03:03.210 And currently this is not working. 03:03.570 --> 03:04.290 We can ask here. 03:04.330 --> 03:05.770 Did you restart the application. 03:06.690 --> 03:09.330 So it's telling us no I haven't restarted application. 03:09.330 --> 03:13.930 The changes were made to the todo file because the functionality is already implemented. 03:14.970 --> 03:19.130 Okay, but why didn't you mark it when you analyze the code the first time? 03:19.410 --> 03:25.770 So I'm just going to say if I'm trying to delete a task and click on X, it doesn't do anything. 03:27.090 --> 03:29.490 So let's see if there is a fix to this problem. 03:30.250 --> 03:38.410 Now windsurf doesn't really understand exactly what's going on and is asking us to help with troubleshooting. 03:38.730 --> 03:47.170 So what it has done is it has added a console log statement and is asking us to click on X again. 03:47.930 --> 03:48.450 Okay. 03:48.810 --> 03:55.210 And then we need to look for the browser's developer console so we can right click on this one, but 03:55.210 --> 03:56.010 not on this view. 03:56.010 --> 03:57.850 So this doesn't work really here. 03:58.370 --> 04:00.290 So we need to open this in a real browser. 04:00.850 --> 04:04.050 And what we need to do is right click go to inspect. 04:04.490 --> 04:05.770 Go to console. 04:06.330 --> 04:10.690 And what we need to pay attention to is any log entries that appear here. 04:10.690 --> 04:16.130 So if we click here on this particular task we should see this prompt here. 04:16.610 --> 04:22.890 And it's going to tell us a delete handle call for task and say here okay the task has been deleted. 04:23.610 --> 04:23.810 Okay. 04:23.850 --> 04:24.810 So now it's working. 04:24.810 --> 04:28.250 So that's the good thing to say. 04:28.250 --> 04:29.610 Now delete is working. 04:29.610 --> 04:33.410 I saw the console log statement and the card was deleted as well. 04:34.850 --> 04:38.330 So now we have confirmed that this functionality is indeed working. 04:38.610 --> 04:41.850 We have here inside the todo file we can accept. 04:42.090 --> 04:45.290 And we can also accept all the changes that have been done here. 04:45.690 --> 04:49.650 So we are no longer getting this diffs inside our code editor.