processingjs version 1.2.1 requires to set the size explicitly

Author: Seren

src/at/gmi/nordborglab/widgets/geneviewer/client/GeneViewer.java

@@ -72,6 +72,8 @@ interface GeneViewerUiBinder extends UiBinder<Widget, GeneViewer> {
 	protected boolean fetchGenes = true;
 	protected int viewStart = 0;
 	protected int viewEnd = 0;
+	protected int width = 1000;
+	protected int height = 200;
 	protected String chromosome;
 	protected DataSource datasource;
 	protected boolean isShowDescription = true;
@@ -95,9 +97,8 @@ public GeneViewer() {
 
 	public void setSize(Integer width,Integer height)
 	{
-		Element elem = processing.getElement();
-		DOM.setElementAttribute(elem, "width", width.toString());
-		DOM.setElementAttribute(elem, "height", height.toString());
+		this.width= width;
+		this.height = height;
 	}
 
 	public void setDataSource(DataSource datasource) {
@@ -112,6 +113,9 @@ public void setLength(int length) {
 	public void setViewRegion(int start, int end) {
 		this.viewStart = start;
 		this.viewEnd = end;
+		if (processing.isLoaded()) {
+			processing.getInstance().setViewRegion(start, end);
+		}
 	}
 
 	public void setIsShowDescription(boolean isShowDescription) {
@@ -155,6 +159,7 @@ public void load(final Runnable onLoad) throws ResourceException {
 			public void run() {
 				if (!processing.isLoaded())
 					return;
+				processing.getInstance().setSize(width,height);
 				processing.getInstance().setViewRegion(viewStart,viewEnd);
 				processing.getInstance().setChromosome(chromosome);
 				addFetchGeneHandler(GeneViewer.this);

src/at/gmi/nordborglab/widgets/geneviewer/client/GeneViewer.pde

@@ -1,4 +1,4 @@
-
+/* @pjs transparent="true"; */  
 int fps = 1;
 String data_raw = null;
 GenomeBrowser browser = null;
@@ -9,9 +9,7 @@ var eventHandler = {};
 
 void setup()
 {
-   //size(1000,200);
    frameRate(fps);
-   background(255)
    smooth();
    layout = new Layout(width,height);
    browser = new GenomeBrowser("");
@@ -22,12 +20,18 @@ void setup()
 void draw()
 {
     background(255)
+    background(0,0,0,0);
     browser.render();     
 }
 
 
 // API for access via javascript
 
+void api_setSize(int width,int height) {
+    size(width,height);
+    layout.setSize(width,height);
+}
+
 void api_addEventHandler(String handler,callback)
 {
     eventHandler[handler] = callback;
@@ -258,10 +262,14 @@ class Layout
 
 
 
-   Layout(int width,int height)
+   Layout(width,height)
    {
        zoomEnd = viewEnd;
-       this.width = width;
+       setSize(width,height);
+   }
+   
+   void setSize(int width,int height) {
+   	   this.width = width;
        this.height = height;
        initArea();
        initPxPerBb();
@@ -911,7 +919,12 @@ class CDS extends GeneFeature
    }
 }
 
-
+void mouseOut() {
+   if (eventHandler['unhighlightGeneEvent'] != null)
+   {
+   	   eventHandler['unhighlightGeneEvent']();
+   }
+}
 
 void mouseMoved() {
    layout.mousePositionX = mouseX;

src/at/gmi/nordborglab/widgets/geneviewer/client/GeneViewerInstance.java

@@ -128,4 +128,8 @@ public final native int getViewEnd() /*-{
 	public final native void redraw(boolean isFetchGenes) /*-{
 		this.api_redraw(isFetchGenes);
 	}-*/;
+
+	public final native void setSize(int width, int height) /*-{
+		this.api_setSize(width,height);
+	}-*/;
 }