All the components for follow_line exercise were migrated to react based code. Now for this week, All the functionalities have to be migrated to react so that components can communicate with each other and also connection with the manager ( brain ) has to be done.
Ace Editor component error resolved
Scripts to be migrated to React
Accomplishment and Challenges
Remove depreciated and old files [Task 1]
Add Ace-build scripts file [Task 2]
Whenever we try to load the ace editor component, many warnings were thrown which was not letting us load the theme and language mode in Ace editor.The reason of warnings were it was unable to load “theme-dracula” and “mode-python” files.It was not also allowing us to set the options like enableBasicAutocompletion, enableLiveAutocompletion, and enableSnippets. To resolve this issue, I added the Ace-builds files in that static folder and imported those files in the Ace Editor component.
import '/static/common/ace-builds/src-noconflict/ext-language_tools'; import '/static/common/ace-builds/src-noconflict/mode-python'; import '/static/common/ace-builds/src-noconflict/theme-dracula'; import '/static/common/ace-builds/src-noconflict/snippets/python';
Migrate common Scripts [Task 3]
Migrate exercise specific Scripts [Task 4]
Migrate scripts present in exercise.html ( Follow line ) [Task 5]
Migrate scripts present in exercise_base.html [Task 6]
- onPageload function
- beforeUnLoad function
- handling different event listeners
Pull Request and Issues