Defend your new Angular 2 application from unnecessary use of jQuery! jQuery Defender can scan a github repository or a .zip file and find unwanted uses of jQuery that can be replaced with built-in Angular functions.
Defend your new Angular 2 application from unnecessary use of jQuery! jQuery Defender scans a Github-hosted or a zipped-up repository and finds common uses of jQuery functions that can be replaced with built-in Angular functions. jQuery Defender has multiple commonly-used jQuery methods programmed into it as rules. When a repository is selected the rules are run against it in the background. Then the user can view the different rule hits and source code side by side.
On the homepage you will find two available actions. First, you can browse the implemented rules that the application will scan for. You can do this by clicking on the "Browse Rules" button at the top of the page. Second, you can start scanning an existing code repo in one of two ways: 1. Entering there public github repo information and selecting a tag or branch or entering a commit id. 2. Downloading a repo as a zip file and choosing it for your analysis.
A sample repo that can be used is enagler/defendagainstthis, which contains some sample HTML files that have jQuery in them.
When selected, you'll be taken to the main rules analysis screen where you can view the files that had matching rule hits, accompanied by the rules, and see examples on how to correct them.
On the main rule analysis screen, click on a file on the left hand picker that has number next to it to view the matching issues. Then, you can view the code on the right side along with the problems detected.
As a frequent jQuery-user and fan, this is terrifying for me. But I'll try to judge as fairly as possible.
If it would actually *replace* the errors, it would be truely awesome (for other users), but it is understandable that it doesn't (48h); although it isn't much for the time you could have worked on it.
Nice idea, would be interesting to get some kind of report with all issues after scanning. Doesn't seem to be possible to go up a directory in my results, so after moving down I'll have to scan my entire repo again. :/
Actually pretty useful, and seems to work really well, gj guys.
Very useful app to avoid jQuery as much as possible when using Angular 2.
Very promising app. I like tools which analyse my code and give me some better solutions
Really good looking and useful. But how message like "jQuery's $(document).ready function might not work as intended" message could help us to remove it ?
I really enjoyed parsing some repos and see all this jQuery crap everywhere :D
Good job !
haha~ Interesting Idea :)
Amazing utility. Maybe this can be a terminal utility for ease of use like jslint. Great effort.
Love the idea of building something to help others! I also really like the simplicity of the UI.
This is actually quite useful. A link to/highlighting of the lines of code affected would be a nice addition.
Good idea, I'm having trouble retrieving repo but could be useful in the future.
Interesting code quality platform. Probably not the best thing to combine jQuery with Angular 2.
Pretty cool idea that seems to work with the large repo I gave it to be tested, there was an interesting problem when it hit 53/60 files and kind of kept hiccuping but overall one of the most useful entries ive seen
I *really* like the premise / promise of this application. Unfortunately, I could not get it to work on the couple of repositories that I tried. A couple times the application just stalled out while analyzing my repository. I think a cool variation of this would be to hook it up to other linters such as eslint-plugin-immutable. Just a thought!
This is a nice app. I really appreciate the /rules section. It would be nice to be able to customize those in the future. That way it could check for things like callback hell, scope issues, etc.
Awesome design :)
The project is really good at the moment I'm sure it'll be more awesome with more rules and better rules. Maybe in the future rules can target jQuery api calls using static code analysis instead of relying on regular expressions.
There are many Github repo analysers online but I haven't seen any which can defend ng2-projects against jQuery. So, a perfect score for innovation too.
I liked this entry because it's "cheeky". For the most part it worked when I pointed it against an old angular 1.x / TS repo I have
to improve - console errors happened to me a few times
to improve - I got a false positive on a minified script
good app to show jquery evangelist's ;) what angular has build in
Really useful for help cleaning up and optimising a codebase. The fact it gives proper suggestions is what really makes it powerful.
Nice idea for new Angular users. Has a problem where I can lose the current context of the scan and it's not clear how to get back in some places. Still, good job.