How to connect other Javascript libraries

[atomatom]

There are a few Javascript UI components from other libraries that I would like to integrate with.

I presume what I need to do is write a JSNI wrapper http://code.google.com/webtoolkit/do...asicsJSNI.html for the javascript components I want to use and make sure that all of the other library's code is loaded before I call these interfaces. This seems fine for one-way communication, but if I want to have any callbacks, then I need to expose the GWT methods to javascript ( ie, http://code.google.com/p/gwt-exporter/or http://code.google.com/webtoolkit/do...I.html#calling )

I realize that SmartGWT was built on this principle.

My questions are:

* Any suggestions where to look to understand this two way communication in SmartGWT/Client? My guess would be something a Button() would be a good starting point

* Is it likely that doing this with another library, like say, JQuery, will lead to lots of pain and frustration or is it 'in theory' a pretty straightforward process.

* I realize method name clashes and all sorts of other horrid things might come and cause much pain.

[Isomorphic]

You've got the general idea, but it does takes pretty sophisticated knowledge of GWT internals and JSNI. For JQuery in particular, someone already wrapped it as "GQuery".