Angular NetBeans plugin

1,605 views
Skip to first unread message

Mårten Dolk

unread,
Oct 4, 2011, 5:07:00 PM10/4/11
to Angular
Hi!

I've started working on a NetBeans plugin for Angular. It currently
provides code completion and popup documentation of angular widgets
and directives.

It is very early days for it and it is very experimental, but I think
is in a state to be useful.

You can find the binaries here:
https://github.com/mdolk/angular-netbeans-plugin-dist

Note, that you need the non-minified angular-0.9.19.js somewhere in
your project for the plugin to work, as it parses the comments in the
js-file. That way you can get code completion for your own
widgets/directives.

Cheers,
Mårten

Igor Minar

unread,
Oct 4, 2011, 6:40:13 PM10/4/11
to ang...@googlegroups.com
WOW! 2 t-shirts for you!

I know that it's still early, but this looks very promising.

Since you parse out jsdocs from the angular.js file, it should work with any version of angular and not just 0.9.19, right?

/i

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To post to this group, send email to ang...@googlegroups.com.
To unsubscribe from this group, send email to angular+u...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/angular?hl=en.


rur

unread,
Oct 4, 2011, 7:39:56 PM10/4/11
to ang...@googlegroups.com
Nice work Márten, works a treat!

Mårten Dolk

unread,
Oct 5, 2011, 4:29:56 AM10/5/11
to ang...@googlegroups.com
It *should* work with any version of Angular, as long as you don't
change the format too much of course. One small caveat; the open in
browser button in the documentation panel links to
http://docs.angularjs.org/#!/api/ so that will only work what is
published there.

Btw, what markup language is used in the comments? Now I rely on
regexp based string replacement and that is getting ugly in a hurry. I
need a real parser to generate the docs.

/mårten

2011/10/5 rur <flui...@gmail.com>:


> Nice work Márten, works a treat!
>

> --
> You received this message because you are subscribed to the Google Groups
> "AngularJS" group.

> To view this discussion on the web visit
> https://groups.google.com/d/msg/angular/-/noP97Pdnd0YJ.

Mårten Dolk

unread,
Oct 5, 2011, 5:30:46 AM10/5/11
to ang...@googlegroups.com

cambiata

unread,
Oct 5, 2011, 8:05:20 AM10/5/11
to AngularJS
I'm ready to pay 3 t-shirts for someone creating an Eclipse plugin! :-)

Mårten Dolk

unread,
Oct 5, 2011, 8:25:41 AM10/5/11
to ang...@googlegroups.com
We're in a t-shirt based economy! :-D

2011/10/5 cambiata <jona...@gmail.com>:


> I'm ready to pay 3 t-shirts for someone creating an Eclipse plugin! :-)
>

> --
> You received this message because you are subscribed to the Google Groups "AngularJS" group.

Igor Minar

unread,
Oct 5, 2011, 11:06:24 AM10/5/11
to ang...@googlegroups.com
It does! I haven't looked at how this is implemented, but it even works with angular-bootstrap.js - a special angular version that dynamically loads all individual angular source files. so even with angular split into dozens of files the plugin works fine.

As you figured out the markup we use is markdown. I'm sure there is some kind of library for markdown written in java that you could use.

/i

Nikolaos Dimopoulos

unread,
Oct 5, 2011, 11:14:35 AM10/5/11
to ang...@googlegroups.com
http://code.google.com/p/markdownj/

Java port of markdown

The contents of this message may contain confidential or privileged information and is intended solely for the recipient(s). Use or distribution to and by any other party is not authorized. If you are not the intended recipient, copying, distribution or use of the contents of this information is prohibited.

Mårten Dolk

unread,
Oct 5, 2011, 6:20:32 PM10/5/11
to ang...@googlegroups.com
I released a new version (0.2) which is using markdownj to produce the
documentation panels. So the plugin can now handle advanced formatting
(bullet lists etc.).

Latest version can be downloaded here:
https://raw.github.com/mdolk/angular-netbeans-plugin-dist/master/binaries/0.2/com-github-mdolk-ng-netbeans.nbm

Regarding the plugin working with angular split into many files; the
plugin works by parsing all resources in a project which NetBeans
regards having the MIME-type "text/javascript". So it does not
discriminate between js-files. If you add @ngdoc to 3rd party
directives/widget you will get code completion for them as well. E.g:

/**
* @ngdoc directive
* @name my:foobar
*
* @description
* The descriptive text...
*
* @element ANY
* @param {expression} expression needed to foo the bar.
*/

/mårten

2011/10/5 Nikolaos Dimopoulos <ni...@niden.net>:

Igor Minar

unread,
Oct 5, 2011, 6:44:49 PM10/5/11
to ang...@googlegroups.com
sweet, thanks!

Vojta Jina

unread,
Oct 5, 2011, 11:25:16 PM10/5/11
to ang...@googlegroups.com
Great job Marten, just installed, works !

napor...@gmail.com

unread,
Sep 6, 2012, 11:18:31 AM9/6/12
to ang...@googlegroups.com
Hi, I'm on Net beans 7.2, I have un-minified version of Angular 1.0.2 in my JS folder in the project and still getting html markup validation errors and no autocomplete for Angular.js, anybody has any clue what's wrong? Cheers.

spikyti...@gmail.com

unread,
Sep 14, 2012, 11:27:24 AM9/14/12
to ang...@googlegroups.com, napor...@gmail.com
Yeah I'm having that as well, is there a way to turn the xml validation off maybe?
Reply all
Reply to author
Forward
0 new messages