pre moves during matches

[moonpatel]

Add a feature to allow players to make pre moves in matches.

[sanskar-soni-9]

Hey, I would like to work on this.

[moonpatel]

Hey, I would like to work on this.

Yeah sure go ahead @sanskar-soni-9

[sanskar-soni-9]

@moonpatel Pre move feature is almost complete, I want to know does Play Online game works? and if yes then how can I play to test it. It just shows board.

And also currently in pre move feature any random move is possible because "chess.js" only provide moveHints for the current position but in the case of pre move move hints for a piece should be every possible move, like for a pawn pre move hints should contains 3 possible moves but "chess.js" doesn't provides any method for it and can only give moveHints according to current position.

I have added currently working version video for reference.

test.mp4

[moonpatel]

@moonpatel Pre move feature is almost complete, I want to know does Play Online game works? and if yes then how can I play to test it. It just shows board.

And also currently in pre move feature any random move is possible because "chess.js" only provide moveHints for the current position but in the case of pre move move hints for a piece should be every possible move, like for a pawn pre move hints should contains 3 possible moves but "chess.js" doesn't provides any method for it and can only give moveHints according to current position.

I have added currently working version video for reference.

test.mp4

For playing with other players you can only do that with Play with friends and you have to add another friend for that in Settings page. Then you can sign with that other account and play with yourself to test that. One in incognito and other in your normal tab in your browser.

[sanskar-soni-9]

actually fetch url was wrong and it also doesn't contains the content type property, it is currently
const response = await fetch(${import.meta.env.VITE_BACKEND_HOST}/api/user/friends/${form.values.username}, { method: 'POST', credentials: 'include', body: JSON.stringify({ username: form.values.username }) });

but it should be
const response = await fetch(${import.meta.env.VITE_BACKEND_HOST}/api/user/friends, { method: 'POST', headers: { 'Content-Type': 'application/json', }, credentials: 'include', body: JSON.stringify({friendUsername: form.values.username}), });

so I fixed it too.

[sanskar-soni-9]

@moonpatel done!