<html><head><style type='text/css'>p { margin: 0; }</style></head><body><div style='font-family: Times New Roman; font-size: 12pt; color: #000000'><font size="4">Hi George,<br><br>I've been thinking about developing plugins with GWT. There are some important issues that need to be addressed:<br></font><ol><li><font size="4">GWT bootstrap sequence requires <em>permutation selector script</em> (<font size="3"><span style="font-family: lucida console,sans-serif;"><pluginApplication>.nocache.js</span></font>) to be invoked first.<br>Selector script determines the correct permutation (<font style="font-family: lucida console,sans-serif;" size="3"><hashName>.cache.html</font>) and fetches it asynchronously from the same location.<br><br></font></li><li><font size="4">GWT bootstrap sequence is asynchronous in nature.<br><br></font></li><li><font size="4">GWT RPC (<font style="font-family: lucida console,sans-serif;" size="3">XMLHttpRequest</font>) is subject to Same Origin Policy [1].<br>This means that <span style="font-style: italic;">pluginApplication</span>'s server-side code should be deployed on oVirt JBoss AS instance (next to <font style="font-family: lucida console,sans-serif;" size="3">engine.ear</font>).<br></font></li></ol><font size="4"><br>Given these limitations, I'd say the process could be like this:<br><br>a) In <span style="font-style: italic;">pluginApplication</span>'s <font style="font-family: lucida console,sans-serif;" size="3">EntryPoint</font>, use GWT JSNI [2] to register the plugin using native JavaScript code.<br><br> You don't need to use <span style="font-style: italic;">gwt-exporter</span> here, since plugin registration and logic is combined in one place.<br> Using plugin-to-GWT delegate pattern with <span style="font-style: italic;">gwt-exporter</span> is actually more complicated than going with plain JSNI.<br><br> For example:<br><br><font style="font-family: lucida console,sans-serif;" size="3"> package com.myplugin;<br><br> public class MyPluginApp implements com.google.gwt.core.client.EntryPoint {<br><br> public void void onModuleLoad() {<br> // Initialize plugin application, call registerPlugin() when ready<br> registerPlugin();<br> }<br><br> public static void tableContextMenu(com.google.gwt.core.client.JavaScriptObject eventContext) {<br> // Consider using GWT overlay types [3] to easily work with JavaScriptObjects<br> }<br><br> private static native void registerPlugin() /*-{<br> // Register 'myPlugin' into pluginApi.plugins object<br> $wnd.pluginApi.plugins.myPlugin = myPlugin = {<br> tableContextMenu: function(eventContext) {<br> // Call Java static method to handle this event<br> @com.myplugin.MyPluginApp::tableContextMenu(Lcom/google/gwt/core/client/JavaScriptObject;)(eventContext);<br> }<br> };<br> // Call the ready() function right away<br> $wnd.pluginApi.lifecycle(myPlugin).ready();<br> }-*/;<br><br> }</font><br><br>b) Deploy the <font style="font-family: lucida console,sans-serif;" size="3"><pluginApplication>.war</font> file on JBoss AS instance, e.g. <font style="font-family: lucida console,sans-serif;" size="3"><JBOSS_HOME>/standalone/deployments</font>.<br><br> This makes <span style="font-style: italic;">pluginApplication</span>'s GWT RPC servlet(s) accessible from the same origin (protocol, domain, port).<br><br>c) Modification of plugin lifecycle step #5:<br><br> Instead of embedding <font style="font-family: lucida console,sans-serif;" size="3"><pluginApplication>.nocache.js</font> content into WebAdmin HTML page, just embed the link to it, e.g. <font style="font-family: lucida console,sans-serif;" size="3">http(s)://127.0.0.1:<port>/path/to/<pluginApplication>.nocache.js</font><br><br>d) Modification of plugin lifecycle step #6:<br><br> During WebAdmin startup, for each plugin that is supposed to be loaded remotely, create an <font size="3"><span style="font-family: lucida console,sans-serif;"><iframe></span></font> that will fetch the plugin asynchronously.<br><br> The <font style="font-family: lucida console,sans-serif;" size="3"><iframe></font> is required in order for <font size="3"><span style="font-family: lucida console,sans-serif;"><pluginApplication>.nocache.js</span></font> to appear from different (</font><font size="4"><span style="font-style: italic;">pluginApplication</span>-specific</font><font size="4">) domain than WebAdmin HTML page.<br><br> This way, fetching permutation (<font style="font-family: lucida console,sans-serif;" size="3"><hashName>.cache.html</font>) files, which are relative to <font style="font-family: lucida console,sans-serif;" size="3"><pluginApplication>.nocache.js</font>, will work out-of-the-box.<br><br><br>George, please let me know what you think, and I will update UI Plugins wiki accordingly.<br><br>Vojtech<br><br><br>[1] http://en.wikipedia.org/wiki/Same_origin_policy<br>[2] https://developers.google.com/web-toolkit/doc/latest/DevGuideCodingBasicsJSNI<br>[3] https://developers.google.com/web-toolkit/doc/latest/DevGuideCodingBasicsOverlay<br><br></font><br><hr id="zwchr"><br>From: "George Costea" <George.Costea@netapp.com><br>To: "Vojtech Szocs" <vszocs@redhat.com>, engine-devel@ovirt.org<br>Cc: "Dustin Schoenbrun" <Dustin.Schoenbrun@netapp.com>, "Ricky Hopper" <Ricky.Hopper@netapp.com>, "Itamar Heim" <iheim@redhat.com><br>Sent: Monday, June 25, 2012 9:11:33 PM<br>Subject: RE: oVirt UI Plugins feature: Ready for review<br><br>Thanks Vojtech.<br><br>Since the plugins are embedded into the WebAdmin HTML page, that seems to simplify things; no external web service is needed. This approach ties into the issue over the freedom to decide which technology to use when developing a plugin. While I agree that jQuery is best for simple dialogs, a wizard-driven workflow is easier to develop in GWT. <br><br>For example, if I want to step a user through the process of creating a new storage domain I would like to provide a workflow to select a storage array, provide credentials, and configure the details of the NFS export. This workflow could presumably have a GWT-RPC mechanism that relies on some additional libraries on the backend (libraries that allow me to communicate with the storage array). Using the GWT-Exporter, I could export the classes that would display the workflow which would then get launched as my extension is selected. You said that I would have my oVirt UI plugin depend on my compiled 'plugin support application'. My compiled plugin support application would normally be a war file containing my compiled GWT code and a web-inf folder containing my libraries. Is the plugin depending on the war file? Is that what I specify?<br><br>-George<br><br>-----Original Message-----<br>From: Vojtech Szocs [mailto:vszocs@redhat.com] <br>Sent: Monday, June 25, 2012 1:12 PM<br>To: Costea, George; engine-devel@ovirt.org<br>Cc: Schoenbrun, Dustin; Hopper, Ricky; Itamar Heim<br>Subject: Re: oVirt UI Plugins feature: Ready for review<br><br>Hi George,<br><br>thanks for your feedback. Please find my answers below.<br><br><br><blockquote> 1) Are the plugins hosted by the same jboss server that hosts the engine? It would appear the answer is yes and that no separate container is required for the plugins.<br><br>In short, yes.</blockquote><br><br>Plugins, along with their configuration and 3rd party dependencies, are meant to be embedded into final WebAdmin HTML page, see [http://www.ovirt.org/wiki/Features/UIPlugins#Plugin_lifecycle] step #5. <br>JBoss AS instance serves WebAdmin HTML page (WebadminDynamicHostingServlet), along with providing GWT RPC and REST endpoints that delegate to Engine business logic through EJB BackendLocal interface.<br><br>However, plugins are not 'hosted' in a typical sense - WebadminDynamicHostingServlet reads and embeds all plugin data directly into final WebAdmin HTML page.<br><br><br><blockquote> 2) Does each plugin map to a unique extension within WebAdmin? Your example shows that I can extend the VM table to have a "Show VM name and edit VM" context-sensitive extension. This is named pluginApi.plugins.myPlugin. Can I safely assume that this is per extension? I would have pluginApi.plugins.myPlugin2 for extending a storage domain?<br><br>Extension points are represented by application events, triggered by WebAdmin and consumed by plugins. For example, 'tableContextMenu' event gets triggered when a table context menu is about to be shown to the user, which gives plugins the ability to do something custom with the context menu before it's shown.</blockquote><br><br>There can be multiple plugins handling the same event (extension point). You can have two plugins, say 'pluginApi.plugins.One' and 'pluginApi.plugins.Two', each providing 'tableContextMenu' function for handling the above mentioned event. WebAdmin will invoke all plugins for the given event.<br><br>To answer your question, in order to handle X events (extension points), you don't need to write X plugins. You can write one plugin that handles X events.<br><br><br><blockquote> 3) Instead of launching a jQuery dialog, can I point to a compiled GWT html file to display a dialog that fits my needs?<br><br>You can do anything you want in your plugin event handler function. Show a jQuery UI dialog, make oVirt REST API request, call arbitrary remote server using cross-domain technique like JSONP [1] or CORS [2], etc. Plugin authors are free to decide if they want to rely on 3rd party JavaScript libraries, or if they want to write entire plugin code by themselves.</blockquote><br><br>In my opinion, tools like jQuery are far more elegant for handling simple things such as UI dialogs. But if you really want to use GWT for this purpose, I suggest following approach:<br><br>a, develop a 'plugin support application' in GWT, which implements the necessary dialog functionality b, export its main (e.g. dialog handling) classes for use in native JavaScript through gwt-exporter [3] c, have your oVirt UI plugin depend on your compiled 'plugin support application' (this will cause your 'plugin support application' to be called during WebAdmin startup) d, in your oVirt UI plugin, invoke 'plugin support application' functionality through exported classes (plugin -> GWT delegate pattern)<br><br><br><blockquote> 4) Is session info passed into the plugin so that I can invoke APIs into the engine? To power on a VM for instance? Or to mount a new NFS storage domain?<br><br>Yes, this should be part of [http://www.ovirt.org/wiki/Features/UIPlugins#Global_API_functions] "Plugin utility functions" (global API).</blockquote><br><br>Your plugin might access user session information in the following way: pluginApi.util().userInfo().* (replace * with id(), name(), domain(), etc.)<br><br>As you pointed out, this could be used to authenticate oVirt REST API requests made from your plugin code.<br><br><br><blockquote> BTW, the link to the original design notes on the wiki doesn't work.<br><br>This is strange, [http://rhevmf.pad.engineering.redhat.com/68] has its visibility set to "Public (Allow Internet guests)" ... Does anybody know why this doesn't work?</blockquote><br><br><br>Vojtech<br><br><br>[1] http://en.wikipedia.org/wiki/JSONP<br>[2] http://en.wikipedia.org/wiki/Cross-origin_resource_sharing<br>[3] http://code.google.com/p/gwt-exporter/<br><br><br>----- Original Message -----<br>From: "George Costea" <George.Costea@netapp.com><br>To: "Vojtech Szocs" <vszocs@redhat.com>, engine-devel@ovirt.org<br>Cc: "Dustin Schoenbrun" <Dustin.Schoenbrun@netapp.com>, "Ricky Hopper" <Ricky.Hopper@netapp.com><br>Sent: Monday, June 25, 2012 3:09:43 PM<br>Subject: RE: oVirt UI Plugins feature: Ready for review<br><br>Hi Vojtech,<br><br>I have a few questions on this feature.<br><br>1) Are the plugins hosted by the same jboss server that hosts the engine? It would appear the answer is yes and that no separate container is required for the plugins.<br>2) Does each plugin map to a unique extension within WebAdmin? Your example shows that I can extend the VM table to have a "Show VM name and edit VM" context-sensitive extension. This is named pluginApi.plugins.myPlugin. Can I safely assume that this is per extension? I would have pluginApi.plugins.myPlugin2 for extending a storage domain?<br>3) Instead of launching a jQuery dialog, can I point to a compiled GWT html file to display a dialog that fits my needs?<br>4) Is session info passed into the plugin so that I can invoke APIs into the engine? To power on a VM for instance? Or to mount a new NFS storage domain?<br><br>BTW, the link to the original design notes on the wiki doesn't work.<br><br>Thanks,<br>George<br><br>-----Original Message-----<br>From: Vojtech Szocs [mailto:vszocs@redhat.com]<br>Sent: Thursday, June 21, 2012 11:03 AM<br>To: engine-devel@ovirt.org<br>Cc: Schoenbrun, Dustin; Costea, George; Hopper, Ricky<br>Subject: oVirt UI Plugins feature: Ready for review<br><br>Hi guys,<br><br>I wrote a wiki page describing UI Plugins, a feature planned for oVirt web administration (WebAdmin) application:<br>http://www.ovirt.org/wiki/Features/UIPlugins<br><br>Feature design is finished and ready for review. Please feel free to add comments, ask questions or reach me directly on #ovirt channel.<br><br>Cheers,<br>Vojtech<br></div></body></html>