Eclipse Wiki Weblog

All | General | Java | Eclipse | Groovy | Grails | GWT | Google | MathEclipse | Bliki
20070103 Wednesday January 03, 2007

Groovy 1.0 released

Guillaume Laforge announced the Groovy 1.0 release on his blog:

Groovy 1.0 can be downloaded here:

Posted by axelclk ( Jan 03 2007, 07:48:49 AM CET ) Permalink Comments [0]
Like this post? tag it digg it add to dzone simpy this technorati slashdot

20061217 Sunday December 17, 2006

How to integrate jsMath into JAMWiki

A mini guide for integrating jsMath into JAMWiki.

In the following I assume that your JAMWiki Application-URI is /wiki

Store the jsMath files and fonts in the directory: 

 wiki/static/jsMath

Modify the file: 

 wiki/WEB-INF/jsp/top.jsp

...
<script src="../static/jsMath/jsMath.js"></script>
<style type="text/css">#jsMath_Warning {display: none} </style>
</head>
<body>

Modify the file: 

 wiki/WEB-INF/jsp/close-document.jsp

...
<SCRIPT> jsMath.Process() </SCRIPT>
</body>
</html>

Note: the wiki syntax renderer in JAMWiki has to be enabled so that the math wikitag 

<math>sin(x)</math>

will be transformed to the following html: 

<DIV CLASS="math">sin(x)</DIV>

All DIV formulas that have the class math are now rendered by jsMath.

See also:

Posted by axelclk ( Dec 17 2006, 02:47:30 PM CET ) Permalink Comments [0]
Like this post? tag it digg it add to dzone simpy this technorati slashdot

20061215 Friday December 15, 2006

How to integrate a GWT module in a new JAMWiki Special: page

Note: this document is work in progress and not complete at the moment

Contents
  1. An AJAX calculator example
  2. Creating a new Special:Calc page
  3. Integrating the GWT module
  4. Introductory articles

An AJAX calculator example

My example GWT module is the MathEclipse AJAX calculator called org.matheclipse.gwt.Calc which is separately developed in the GWT hosted mode and should now be included into a new JAMWiki Special:Calc page.

In the main GWT EntryPoint in the method org.matheclipse.gwt.client.Calc#onModuleLoad() we can distinguish between non-hosted mode and hosted mode with the GWT.isScript() method. In the onModuleLoad() method we also create the main calculator GUI panel and insert it into a prepared "slot1" in calc.jsp (see below). 

 public void onModuleLoad() {
   CALC_SERVICE = (CalcServiceAsync) GWT.create(CalcService.class);
   ServiceDefTarget target = (ServiceDefTarget) CALC_SERVICE;
   if (GWT.isScript()) {
     String url = GWT.getModuleBaseURL();
     url += "calc"; 
     target.setServiceEntryPoint(url);
   } else {
     target.setServiceEntryPoint("/calc");
   }
 ...
   // Create a panel for the GUI and insert it into a prepared "slot1" in cals.jsp
   RootPanel slot1 = RootPanel.get("slot1");
   slot1.add(panel);
 ...

Creating a new Special:Calc page

 protected ModelAndView handleJAMWikiRequest(HttpServletRequest request, HttpServletResponse response, ModelAndView next, WikiPageInfo pageInfo) throws Exception {
   pageInfo.setPageTitle(new WikiMessage("calc.title"));
   pageInfo.setAction(WikiPageInfo.ACTION_CALC);
   pageInfo.setSpecial(true);
   return next;
 }

 calc.title=AJAX online calculator



 ...
 public static final int ACTION_CALC = 999;
 ...
 public boolean getActionCalc() {
     return (this.action == ACTION_CALC);
 }


<c:when test="${pageInfo.actionCalc}">
  <jsp:include page="calc.jsp" flush="true" />
</c:when>

Integrating the GWT module

Note:In the following I assume that your JAMWiki Application-URI is /wiki

In a separated GWT project I compiled all GWT files with the GWTCompiler from Java to JavaScript into the \www\org.matheclipse.gwt.Calc directory. These files must now been copied into a JAMWiki subdirectory.

For a better organization all compiled (static) GWT files in this example go into subdirectory: 

 /wiki/static

and the main gwt.js is stored in 

 /wiki/static/gwt.js


 /www/org.matheclipse.gwt.Calc

directory into the directory 

 /wiki/static/org.matheclipse.gwt.Calc



<meta name='gwt:module' content='/wiki/static/org.matheclipse.gwt.Calc=org.matheclipse.gwt.Calc'>


 <%@ page errorPage="/WEB-INF/jsp/error.jsp"
    contentType="text/html; charset=utf-8"
 %>
 <%@ include file="page-init.jsp" %>
 <-- <GWT CSS styles follow in this section -->
 <style type="text/css">
   ... 
 </style>
 <script language='javascript' src='/wiki/static/gwt.js'></script>
    <iframe id='__gwt_historyFrame' style='width:0;height:0;border:0'></iframe>
    <div id="loadingWait">Loading...</div>
       <table align="left" verticalalign="top">
	<tr><td id="slot1"></td></tr>
       </table>


 ...
 <servlet>
   <servlet-name>calculator</servlet-name>
     <servlet-class>org.matheclipse.gwt.server.CalcServiceImpl</servlet-class>
   <load-on-startup>1</load-on-startup>
 </servlet>
 ...
 <servlet-mapping>
   <servlet-name>calculator</servlet-name>
   <url-pattern>/static/org.matheclipse.gwt.Calc/calc</url-pattern>
 </servlet-mapping>

Introductory articles

Posted by axelclk ( Dec 15 2006, 11:01:57 PM CET ) Permalink Comments [0]
Like this post? tag it digg it add to dzone simpy this technorati slashdot

20061126 Sunday November 26, 2006

Eclipse Wikipedia Editor plugin 2.0.6 released

I released the Eclipse Wikipedia Editor plugin version 2.0.6.

You can download it here:

Usage:

Changes:

Posted by axelclk ( Nov 26 2006, 01:16:00 PM CET ) Permalink Comments [0]
Like this post? tag it digg it add to dzone simpy this technorati slashdot

20061008 Sunday October 08, 2006

MathEclipse Parser API 0.0.4 released

The Math Parser API is used in the Math Eclipse Plugin for parsing math expressions. The expression parser is driven by an operator table as described in this Wikipedia article:

Download
The latest API is available as meparser.jar in this source code download:

Usage
This is a wiki page describing the Math Parser API

Related Links
Google MathEclipse news and discussion group:

MathEclipse homepage:

Example
This is a JUnit example for parsing a math string expression into an abstract syntax tree node (ASTNode): 

	public void testParser1() {
		try {
			Parser p = new Parser();
			ASTNode obj = p.parseExpression("Integrate[Sin[x]^2+3*x^4, x]");
			assertEquals(obj.toString(), 
                                "Integrate[Plus[Power[Sin[x], 2], Times[3, Power[x, 4]]], x]");
		} catch (Exception e) {
			e.printStackTrace();
		}
	}
Posted by axelclk ( Oct 08 2006, 01:48:45 PM CEST ) Permalink Comments [0]
Like this post? tag it digg it add to dzone simpy this technorati slashdot

Bliki Wikipedia Syntax rendering engine 2.0.5 released

The Bliki engine API supports the rendering of a Wikipedia article into HTML.

Download:

Description of the API usage:

The download contains the following parts

A simple wiki to html fragment looks like this: 

public static void main(String[] args)
        {
                WikiModel wikiModel =
                            new WikiModel("${image}", "${title}");
                String htmlStr = wikiModel.render(" [[Hello World]] wiki tag");
                System.out.print(htmlStr);
        }
Posted by axelclk ( Oct 08 2006, 12:18:03 PM CEST ) Permalink Comments [0]
Like this post? tag it digg it add to dzone simpy this technorati slashdot

Eclipse Wikipedia Editor plugin version 2.0.5 released

I released version 2.0.5 of the Eclipse Wikipedia Editor plugin.

You can download the plugin here:

You can view the installation description here:

The Wikipedia Plugin contains a Wikipedia Syntax Editor with the following features:

Posted by axelclk ( Oct 08 2006, 11:56:04 AM CEST ) Permalink Comments [2]
Like this post? tag it digg it add to dzone simpy this technorati slashdot

20060914 Thursday September 14, 2006

Running JAMWiki with own parser

I've setup a JAMWiki demo instance

which uses the syntax parser from my Eclipse Wikipedia plugin project

Posted by axelclk ( Sep 14 2006, 08:32:03 PM CEST ) Permalink Comments [0]
Like this post? tag it digg it add to dzone simpy this technorati slashdot

20060824 Thursday August 24, 2006

JAMWiki - some Wikipedia Syntax JUnit tests

To test the Wikipedia syntax parser in the JAMWiki project I created some simple JUnit tests.

Some test results:

Here is the implementation:

JAMWikiTestSupport

At first a general support class for JAMWiki JUnit tests: 

package org.jamwiki.parser;

import java.util.Locale;

import junit.framework.TestCase;

import org.jamwiki.model.WikiUser;
import org.jamwiki.utils.Utilities;

/**
 * Support class for defining JUnit Wiki synatx tests.
 * 
 */
public class JAMWikiTestSupport extends TestCase
{
	protected ParserInput parserInput;

	public JAMWikiTestSupport(String name)
	{
		super(name);
	}

	protected void setUp() throws Exception
	{
		super.setUp();
		parserInput = new ParserInput();
		parserInput.setContext("context/path");
		parserInput.setLocale(Locale.ENGLISH);
		WikiUser testUser = new WikiUser();
		testUser.setFirstName("Mr.");
		testUser.setLastName("Tester");
		testUser.setDisplayName("displayName");
		testUser.setLogin("dummy");
		parserInput.setWikiUser(testUser);

		parserInput.setUserIpAddress("127.0.0.1");
		parserInput.setVirtualWiki("en");
		parserInput.setAllowSectionEdit(true);
		parserInput.setMode(ParserInput.MODE_SAVE);

	}

	protected void check(String rawWikiText, String expectedHTMLResult)
	{
		check(rawWikiText, expectedHTMLResult, "Test Topic");
	}

	protected void check(String rawWikiText, String expectedHTMLResult, String topic)
	{
		parserInput.setTopicName(topic);
		try {
			ParserOutput parserOutput = Utilities.parse(parserInput, rawWikiText, topic);

			assertEquals(expectedHTMLResult, parserOutput.getContent());
		} catch (Exception e) {
			e.printStackTrace();
		}
	}
}

SimpleParserTests

This class defines some simple JUnit tests, to see what HTML output the JAMWiki parser generates: 

package org.jamwiki.parser;

/**
 * Class for defining some simple Wiki Syntax tests.
 * 
 */
public class SimpleParserTests extends JAMWikiTestSupport
{
	public static final String TABLE_TEST = "{| width=\"100%\" cellspacing=\"3\" cellpadding=\"6\"   \n"
			+ "|- valign=\"top\"   \n"
			+ "| width=\"40%\" bgcolor=\"#FFF4F4\" style=\"border: solid 1px #ffc9c9; padding:1em;\" cellpadding=\"0\" cellspacing=\"0\" |   \n"
			+ "{| cellspacing=\"0\" cellpadding=\"0\"   \n" + "| bgcolor=\"#FFF4F4\" |       \n"
			+ "\'\'\'jamwiki.org\'\'\' is dedicated to develop a beautiful wiki\n" + "\n" + "|}   \n"
			+ "| width=\"60%\" bgcolor=\"#f0f0ff\" style=\"border: 1px solid #C6C9FF; padding: 1em;\" |   \n"
			+ "{| cellspacing=\"0\" cellpadding=\"6\"   \n" + "| bgcolor=\"#f0f0ff\" |\n" + "\n" + "|}\n" + "|}\n" + "";

	public SimpleParserTests(String name)
	{
		super(name);
	}

	public void testParagraph1()
	{
		check("This is a simple paragraph.", "<p>This is a simple paragraph.\n" + "</p>");
	}

	public void testBoldItalic()
	{
		check("'''Hello''' ''world'' '''''HelloWorld'''''", "<p><b>Hello</b> <i>world</i> <b><i>HelloWorld</b></i>\n" + "</p>");
	}

	public void testHead()
	{
		check(
				"== head 1 ==\nsome text \n=== head 2 ===",
				"<div style=\"font-size:90%;float:right;margin-left:5px;\">[<a href=\"context/path/en/Special:Edit?topic=Test_Topic&amp;section=1\">Edit</a>]</div><a name=\"head_1\"></a><h2> head 1 </h2>\n"
						+ "<p>some text \n"
						+ "</p><div style=\"font-size:90%;float:right;margin-left:5px;\">[<a href=\"context/path/en/Special:Edit?topic=Test_Topic&amp;section=2\">Edit</a>]</div><a name=\"head_2\"></a><h3> head 2 </h3>\n"
						+ "");
	}

	public void testList()
	{
		check("* Item 1\n" + "* Item 2", "<ul><li> Item 1\n" + "</li><li> Item 2\n" + "</li></ul>");
	}

	public void testTable()
	{
		check(
				TABLE_TEST,
				"<table width=\"100%\" cellspacing=\"3\" cellpadding=\"6\"><tr valign=\"top\"><td width=\"40%\" bgcolor=\"#FFF4F4\" style=\"border: solid 1px #ffc9c9; padding:1em;\" cellpadding=\"0\" cellspacing=\"0\">   \n"
						+ "<table cellspacing=\"0\" cellpadding=\"0\"><td bgcolor=\"#FFF4F4\">       \n"
						+ "<p><b>jamwiki.org</b> is dedicated to develop a beautiful wiki</p>\n"
						+ "\n"
						+ "</td></tr></table>\n"
						+ "   \n"
						+ "</td><td width=\"60%\" bgcolor=\"#f0f0ff\" style=\"border: 1px solid #C6C9FF; padding: 1em;\">   \n"
						+ "<table cellspacing=\"0\" cellpadding=\"6\"><td bgcolor=\"#f0f0ff\">\n"
						+ "\n"
						+ "</td></tr></table>\n"
						+ "\n" + "</td></tr></table>\n" + "<p><br /></p>");
	}

	public void testSignature()
	{
		check("-- ~~~", "<p>-- [[User:dummy|displayName]]\n" + "</p>");
	}

	public void testPreformatedText1()
	{
		// this seems to be wrong:
		check(" < > & \" \' test ", "<pre>&lt; &gt; & &quot; ' test \n");
	}
	
	public void testPreformatedText2()
	{
		// this seems to be wrong:
		check("<pre> < > & \" ' test </pre>", "<pre> &lt; &gt; & &quot; ' test </pre>\n");
	}
	
	public void testNoWiki()
	{
		// this seems to be wrong:
		check("<nowiki>< > & \" ' test </nowiki>", "&lt; &gt; & &quot; ' test \n");
	}
}
Posted by axelclk ( Aug 24 2006, 07:10:50 PM CEST ) Permalink Comments [0]
Like this post? tag it digg it add to dzone simpy this technorati slashdot

20060819 Saturday August 19, 2006

Wikipedia for Java - JAMWiki

Seems that more and more people try implementing Wikipedia functionalities in Java :-)

JAMWiki is the newest and greatest project:

Posted by axelclk ( Aug 19 2006, 05:47:48 PM CEST ) Permalink Comments [1]
Like this post? tag it digg it add to dzone simpy this technorati slashdot

20060813 Sunday August 13, 2006

Debugging JavaScript errors in GWT generated code for Firefox

The first version of my MathEclipse calculator had an error in Firefox 1.5. The application run's fine under Internet Explorer 6.0.

The error messages was: 

 uncaught exception: com.google.gwt.core.client.JavaScriptException:
 JavaScript TypeError exception: seb has no properties

As a first attempt to solve this bug I installed Firebug. With the feature Spy on XMLHttpRequest traffic I could see, that the error occured before the RPC XMLHttpRequest was send.

In the next step I set the option -style pretty in the Calc-compile.cmd script, so that the GWT compiler generates readable JavaScript code. Now I could see in the Firebug debugger, that in the function _$__evaluate a serialization call for the RPC requests produces an error in the function: _$writeObject(_stream, _function).

The variable _function contained the value "eval". After renaming the function from "eval" to "$eval" the script runs perfectly under Firefox.

This bug seems to be a problem with the "eval" keyword under Firefox as explained here:

Posted by axelclk ( Aug 13 2006, 12:29:10 PM CEST ) Permalink Comments [0]
Like this post? tag it digg it add to dzone simpy this technorati slashdot

Don't rely on IndexOutOfBoundsException in GWT

The IndexOutOfBoundsException works good in the hosted GWT mode, but the generated JavaScript code doesn't ( at least for char[] arrays).

The following pattern throws an IndexOutOfBoundsException in the hosted mode, if currentPosition isn't valid. But in the JavaScript code generated by GWT source[currentPosition++], only results in an undefined character. 

	public String filter(String input) {
		char[] source = input.toCharArray();
		int currentPosition = 0;
...
...
		try {
			while (true) {
				currentChar = source[currentPosition++];
...
				// do something here
...
			}
		} catch (IndexOutOfBoundsException e) {

		}
Posted by axelclk ( Aug 13 2006, 11:56:14 AM CEST ) Permalink Comments [1]
Like this post? tag it digg it add to dzone simpy this technorati slashdot

20060812 Saturday August 12, 2006

GWT 1.1.0 beta released with new I18N and XML examples

GWT 1.1.0 beta is now available with new I18N and XML examples:

There are now 2 new examples: SimpleXML and I18N available in the download.
For an overview about all new features and bug fixes open the gwt-windows-1.1.0/index.html file.

Ed Burnette prepared all GWT examples for the Eclipse IDE. See his message in the Google Web Toolkit forum.

Posted by axelclk ( Aug 12 2006, 10:25:06 AM CEST ) Permalink Comments [0]
Like this post? tag it digg it add to dzone simpy this technorati slashdot

20060803 Thursday August 03, 2006

A resizable matrix form build with GWT

A simple example for a resizable matrix input form made with the GWT. If you resize the matrix the createMatrix() method will be called and destroy all values previously set in the matrix cells. So this method could probably be optimized not throwing away all values on resizing.

Any other suggestions how to improve this matrix input form for MathEclipse?

The coding is made in the style of the GWT KitchenSink example: 

package org.matheclipse.gwt.client;

import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.ClickListener;
import com.google.gwt.user.client.ui.Grid;
import com.google.gwt.user.client.ui.HorizontalPanel;
import com.google.gwt.user.client.ui.Label;
import com.google.gwt.user.client.ui.TextBox;
import com.google.gwt.user.client.ui.VerticalPanel;
import com.google.gwt.user.client.ui.Widget;

/**
 * Creates a resizable Matrix input
 * @author Axel Kramer ( axelclk_gmail_com )
 */
public class Matrix extends Sink {

	public static SinkInfo init() {
		return new SinkInfo("Matrix", "Input the data of your matrix.") {
			public Sink createInstance() {
				return new Matrix();
			}
		};
	}

	private TextBox fRowsTextBox = new TextBox();

	private TextBox fColumnsTextBox = new TextBox();

	private HorizontalPanel fMatrixPanel = new HorizontalPanel();

	private TextBox[][] fTextBoxArray;

	private int fRows = 10;

	private int fColumns = 12;

	private Grid fMatrixGrid;

	private TextBox fValue = new TextBox();

	private final Button fDimButton = new Button("Set matrix dimensions");

	private final Button fSetValueButton = new Button("Set cell value");

	public Matrix() {
		fDimButton.addClickListener(new ClickListener() {
			public void onClick(Widget sender) {
				try {
					int rows = Integer.parseInt(fRowsTextBox.getText());
					int columns = Integer.parseInt(fColumnsTextBox.getText());
					if (fRows > 0 && fRows <= 20 && fColumns > 0
							&& fColumns <= 20) {
						fRows = rows;
						fColumns = columns;
						createMatrix(fRows, fColumns);
					}
				} catch (NumberFormatException e) {

				}
			}
		});

		fSetValueButton.addClickListener(new ClickListener() {
			public void onClick(Widget sender) {
				for (int i = 0; i < fRows; i++) {
					for (int j = 0; j < fColumns; j++) {
						fTextBoxArray[i][j].setText(fValue.getText());
					}
				}
			}
		});

		fRowsTextBox.setText(Integer.toString(fRows));
		fColumnsTextBox.setText(Integer.toString(fColumns));
		HorizontalPanel dimensionPanel = new HorizontalPanel();
		dimensionPanel.setSpacing(4);
		dimensionPanel.add(new Label("Rows:"));
		dimensionPanel.add(fRowsTextBox);
		dimensionPanel.add(new Label("Columns:"));
		dimensionPanel.add(fColumnsTextBox);
		dimensionPanel.add(fDimButton);

		HorizontalPanel valuePanel = new HorizontalPanel();
		valuePanel.add(new Label("Cell value:"));
		valuePanel.add(fValue);
		valuePanel.add(fSetValueButton);

		VerticalPanel verticalPanel = new VerticalPanel();
		verticalPanel.setSpacing(8);
		verticalPanel.add(dimensionPanel);
		verticalPanel.add(valuePanel);

		verticalPanel.add(fMatrixPanel);

		createMatrix(fRows, fColumns);

		setWidget(verticalPanel);
	}

	private void createMatrix(int rows, int columns) {
		// clear old matrix widgets
		fMatrixPanel.clear();
		TextBox widget;
		fTextBoxArray = new TextBox[rows][columns];
		fMatrixGrid = new Grid(rows, columns);
		for (int i = 0; i < rows; ++i) {
			for (int j = 0; j < columns; ++j) {
				widget = new TextBox();
				widget.setVisibleLength(5);
				fMatrixGrid.setWidget(i, j, widget);
				fTextBoxArray[i][j] = widget;
			}
		}

		fMatrixGrid.setWidth("100%");
		fMatrixGrid.setBorderWidth(1);
		fMatrixGrid.setCellSpacing(1);
		fMatrixPanel.add(fMatrixGrid);
	}

}
Posted by axelclk ( Aug 03 2006, 06:56:56 PM CEST ) Permalink Comments [0]
Like this post? tag it digg it add to dzone simpy this technorati slashdot

20060725 Tuesday July 25, 2006

AJAX sites reworked to Google Web Toolkit based pages

I reworked my AJAX based pages at:

to Google Web Toolkit(GWT) based sites. As you can see from the design, I used the GWT KitchenSink example as a basis for the implementation.

GWT has the advantage that I can use my favourite programming language (Java) to develop and test the application. If the applicaion has to be deployed to the web, I simply run the "Java to JavaScript" compiler to create the JavaScript for the website.

The MathEclipse calculator now has this new features:

The GWT code for MathEclipse can be found in the CVS module:

Any suggestions on how I can improve these GWT based GUI interfaces?

Posted by axelclk ( Jul 25 2006, 07:50:01 PM CEST ) Permalink Comments [3]
Like this post? tag it digg it add to dzone simpy this technorati slashdot

« Wednesday June 21, 2006 | Weblog | Friday February 09, 2007 »

Calendar

« January 2007 »
SunMonTueWedThuFriSat
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
   
       
Today

Links

Search

Eclipse Search:
AJAX Search

del.icio.us Tag Cloud


RSS Feeds

XML
All [excerpts]
/General [excerpts]
/Java [excerpts]
/Eclipse [excerpts]
/Groovy [excerpts]
/Grails [excerpts]
/GWT [excerpts]
/Google [excerpts]
/MathEclipse [excerpts]
/Bliki [excerpts]

Navigation

Referers

Today's Page Hits: 409