Dompletion assists developers by providing DOM-Aware JavaScript code completion, when the developer is writing JavaScript code to obtain references to DOM elements. Dompletion also analysis JavaScript code to reason about the existing as well as unseen DOM states.
The technique behind Dompletion is published as a research paper at ASE 2014. It is titled "Dompletion: DOM-Aware JavaScript Code Completion" and is available as a PDF.
Currently, the Dompletion project is designed to run from within "Brackets" IDE.
In terms of installation, setting up the project is easier than ever. Simply checkout the project from GitHub and import it into Brackets by placing the folder in the src/extensions/default/directory. Once you place the folder, reload brackets to enable the newly installed plugin.
Dompletion has been tested with the photo gallery application Phormer as well as the default web application included in Brackets.
In order to use the tool, please follow the following steps.
- Enable ''Live Development'' in Brackets.
- Then click on the ''♂ Manual Record'' button to start capturing the DOM states.
- Navigate the web application to the required state.
- Click ''◙ Stop Record'' button to the recording and start using the code completion feature.
Your feedback is valued! Please use the Issue tracker for reporting bugs or feature requests.