# HG changeset patch
# User Jaroslav Tulach <jaroslav.tulach@apidesign.org>
# Date 1365073937 -7200
# Node ID 9a7df12648b9d95e689dd7b33c381298dfdcf89f
# Parent  e8916518b38d6ba512a97cc1ac641e48cb52440b
Knockout.js Twitter client example rewritten to Bck2Brwsr (just missing JSON access to tweets)

diff -r e8916518b38d -r 9a7df12648b9 javaquery/demo-twitter/bck2brwsr-assembly.xml
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/javaquery/demo-twitter/bck2brwsr-assembly.xml	Thu Apr 04 13:12:17 2013 +0200
@@ -0,0 +1,71 @@
+<?xml version="1.0"?>
+<!--
+
+    Back 2 Browser Bytecode Translator
+    Copyright (C) 2012 Jaroslav Tulach <jaroslav.tulach@apidesign.org>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, version 2 of the License.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with this program. Look for COPYING file in the top folder.
+    If not, see http://opensource.org/licenses/GPL-2.0.
+
+-->
+<assembly xmlns="http://maven.apache.org/plugins/maven-assembly-plugin/assembly/1.1.2" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+  xsi:schemaLocation="http://maven.apache.org/plugins/maven-assembly-plugin/assembly/1.1.2 http://maven.apache.org/xsd/assembly-1.1.2.xsd">
+  
+  <id>bck2brwsr</id>
+  <formats>
+      <format>zip</format>
+  </formats>
+  <baseDirectory>public_html</baseDirectory>
+  <dependencySets>
+    <dependencySet>
+        <useProjectArtifact>false</useProjectArtifact>
+        <scope>runtime</scope>
+        <outputDirectory>lib</outputDirectory>
+        <includes>
+            <include>*:jar</include>
+            <include>*:rt</include>
+        </includes>
+    </dependencySet>
+    <dependencySet>
+        <useProjectArtifact>false</useProjectArtifact>
+        <scope>provided</scope>
+        <includes>
+            <include>*:js</include>
+        </includes>
+        <unpack>true</unpack>
+        <outputDirectory>/</outputDirectory>
+    </dependencySet>
+  </dependencySets> 
+  <files>
+    <file>
+      <source>${project.build.directory}/${project.build.finalName}.jar</source>
+      <outputDirectory>/</outputDirectory>
+    </file>
+    <file>
+      <source>${project.build.directory}/classes/org/apidesign/bck2brwsr/demo/twitter/index.html</source>
+      <outputDirectory>/</outputDirectory>
+      <destName>index.html</destName>
+    </file>
+    <file>
+      <source>${project.build.directory}/classes/org/apidesign/bck2brwsr/demo/twitter/twitterExample.css</source>
+      <outputDirectory>/</outputDirectory>
+      <destName>twitterExample.css</destName>
+    </file>
+    <file>
+      <source>${project.build.directory}/classes/org/apidesign/bck2brwsr/demo/twitter/twitterApi.js</source>
+      <outputDirectory>/</outputDirectory>
+      <destName>twitterApi.js</destName>
+    </file>
+  </files>
+
+</assembly>
\ No newline at end of file
diff -r e8916518b38d -r 9a7df12648b9 javaquery/demo-twitter/nb-configuration.xml
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/javaquery/demo-twitter/nb-configuration.xml	Thu Apr 04 13:12:17 2013 +0200
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+    Back 2 Browser Bytecode Translator
+    Copyright (C) 2012 Jaroslav Tulach <jaroslav.tulach@apidesign.org>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, version 2 of the License.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with this program. Look for COPYING file in the top folder.
+    If not, see http://opensource.org/licenses/GPL-2.0.
+
+-->
+<project-shared-configuration>
+    <!--
+This file contains additional configuration written by modules in the NetBeans IDE.
+The configuration is intended to be shared among all the users of project and
+therefore it is assumed to be part of version control checkout.
+Without this configuration present, some functionality in the IDE may be limited or fail altogether.
+-->
+    <properties xmlns="http://www.netbeans.org/ns/maven-properties-data/1">
+        <!--
+Properties that influence various parts of the IDE, especially code formatting and the like. 
+You can copy and paste the single properties, into the pom.xml file and the IDE will pick them up.
+That way multiple projects can share the same settings (useful for formatting rules for example).
+Any value defined here will override the pom.xml file value but is only applicable to the current project.
+-->
+        <netbeans.compile.on.save>none</netbeans.compile.on.save>
+    </properties>
+</project-shared-configuration>
diff -r e8916518b38d -r 9a7df12648b9 javaquery/demo-twitter/nbactions.xml
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/javaquery/demo-twitter/nbactions.xml	Thu Apr 04 13:12:17 2013 +0200
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+    Back 2 Browser Bytecode Translator
+    Copyright (C) 2012 Jaroslav Tulach <jaroslav.tulach@apidesign.org>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, version 2 of the License.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with this program. Look for COPYING file in the top folder.
+    If not, see http://opensource.org/licenses/GPL-2.0.
+
+-->
+<actions>
+    <action>
+        <actionName>run</actionName>
+        <goals>
+            <goal>process-classes</goal>
+            <goal>org.apidesign.bck2brwsr:mojo:0.6-SNAPSHOT:brwsr</goal>
+        </goals>
+    </action>
+</actions>
diff -r e8916518b38d -r 9a7df12648b9 javaquery/demo-twitter/pom.xml
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/javaquery/demo-twitter/pom.xml	Thu Apr 04 13:12:17 2013 +0200
@@ -0,0 +1,141 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
+  <modelVersion>4.0.0</modelVersion>
+  <parent>
+    <artifactId>javaquery</artifactId>
+    <groupId>org.apidesign.bck2brwsr</groupId>
+    <version>0.6-SNAPSHOT</version>
+  </parent>
+
+  <groupId>org.apidesign.bck2brwsr</groupId>
+  <artifactId>demo-twitter</artifactId>
+  <version>0.6-SNAPSHOT</version>
+  <packaging>jar</packaging>
+
+  <name>Bck2Brwsr's Twttr</name>
+  <description>
+      Rewrite of knockoutjs example to use model written in Java and
+      execute using Bck2Brwsr virtual machine.
+  </description>
+
+  <repositories>
+      <repository>
+          <id>java.net</id>
+          <name>Java.net</name>
+          <url>https://maven.java.net/content/repositories/releases/</url>
+          <snapshots>
+          </snapshots>
+      </repository>
+      <repository>
+          <id>netbeans</id>
+          <name>NetBeans</name>
+          <url>http://bits.netbeans.org/maven2/</url>
+      </repository>
+  </repositories>
+  <pluginRepositories>
+      <pluginRepository>
+          <id>java.net</id>
+          <name>Java.net</name>
+          <url>https://maven.java.net/content/repositories/releases/</url>
+          <snapshots>
+          </snapshots>
+      </pluginRepository>
+  </pluginRepositories>
+
+  <properties>
+    <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
+  </properties>
+  <build>
+      <plugins>
+            <plugin>
+                <groupId>org.apidesign.bck2brwsr</groupId>
+                <artifactId>mojo</artifactId>
+                <version>0.6-SNAPSHOT</version>
+                <executions>
+                    <execution>
+                        <goals>
+                            <goal>brwsr</goal>
+                        </goals>
+                    </execution>
+                </executions>
+                <configuration>
+                    <startpage>org/apidesign/bck2brwsr/demo/twitter/index.html</startpage>
+                </configuration>
+            </plugin>
+         <plugin>
+            <groupId>org.apache.maven.plugins</groupId>
+            <artifactId>maven-compiler-plugin</artifactId>
+            <version>2.3.2</version>
+            <configuration>
+               <source>1.7</source>
+               <target>1.7</target>
+            </configuration>
+         </plugin>
+         <plugin>
+             <groupId>org.apache.maven.plugins</groupId>
+             <artifactId>maven-jar-plugin</artifactId>
+             <version>2.4</version>
+             <configuration>
+                 <archive>
+                     <manifest>
+                         <addClasspath>true</addClasspath>
+                         <classpathPrefix>lib/</classpathPrefix>
+                     </manifest>
+                 </archive>
+             </configuration>
+         </plugin>
+         <plugin>
+             <artifactId>maven-assembly-plugin</artifactId>
+             <version>2.4</version>
+             <executions>
+                 <execution>
+                     <id>distro-assembly</id>
+                     <phase>package</phase>
+                     <goals>
+                         <goal>single</goal>
+                     </goals>
+                     <configuration>
+                         <descriptors>
+                             <descriptor>bck2brwsr-assembly.xml</descriptor>
+                         </descriptors>
+                     </configuration>
+                 </execution>
+             </executions>                
+         </plugin>      
+      </plugins>
+  </build>
+
+  <dependencies>
+    <dependency>
+      <groupId>org.apidesign.bck2brwsr</groupId>
+      <artifactId>emul</artifactId>
+      <version>0.6-SNAPSHOT</version>
+      <classifier>rt</classifier>
+    </dependency>
+    <dependency>
+      <groupId>org.apidesign.bck2brwsr</groupId>
+      <artifactId>javaquery.api</artifactId>
+      <version>0.6-SNAPSHOT</version>
+    </dependency>
+    <dependency>
+      <groupId>org.testng</groupId>
+      <artifactId>testng</artifactId>
+      <version>6.5.2</version>
+      <scope>test</scope>
+    </dependency>
+    <dependency>
+      <groupId>org.apidesign.bck2brwsr</groupId>
+      <artifactId>vm4brwsr</artifactId>
+      <classifier>js</classifier>
+      <type>zip</type>
+      <version>0.6-SNAPSHOT</version>
+      <scope>provided</scope>
+    </dependency>
+    <dependency>
+      <groupId>org.apidesign.bck2brwsr</groupId>
+      <artifactId>vmtest</artifactId>
+      <version>0.6-SNAPSHOT</version>
+      <scope>test</scope>
+    </dependency>
+  </dependencies>
+</project>
diff -r e8916518b38d -r 9a7df12648b9 javaquery/demo-twitter/src/main/java/org/apidesign/bck2brwsr/demo/twitter/TwitterClient.java
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/javaquery/demo-twitter/src/main/java/org/apidesign/bck2brwsr/demo/twitter/TwitterClient.java	Thu Apr 04 13:12:17 2013 +0200
@@ -0,0 +1,137 @@
+/**
+ * Back 2 Browser Bytecode Translator
+ * Copyright (C) 2012 Jaroslav Tulach <jaroslav.tulach@apidesign.org>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, version 2 of the License.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. Look for COPYING file in the top folder.
+ * If not, see http://opensource.org/licenses/GPL-2.0.
+ */
+package org.apidesign.bck2brwsr.demo.twitter;
+
+import java.util.Arrays;
+import java.util.List;
+import org.apidesign.bck2brwsr.htmlpage.api.*;
+import org.apidesign.bck2brwsr.htmlpage.api.Page;
+import org.apidesign.bck2brwsr.htmlpage.api.Property;
+import org.apidesign.bck2brwsr.htmlpage.api.ComputedProperty;
+
+/** Controller class for access to Twitter.
+ * 
+ * @author Jaroslav Tulach
+ */
+@Page(xhtml="index.html", className="TwitterModel", properties={
+    @Property(name="savedLists", type=TwitterClient.Twttrs.class, array = true),
+    @Property(name="activeTweetersName", type=String.class),
+    @Property(name="modifiedList", type=TwitterClient.Twttrs.class),
+    @Property(name="userNameToAdd", type=String.class),
+    @Property(name="currentTweets", type=String.class, array = true)
+})
+public class TwitterClient {
+    @Model(className = "Tweeters", properties = {
+        @Property(name="name", type = String.class),
+        @Property(name="userNames", type = String.class, array = true)
+    })
+    static class Twttrs {
+    }
+    
+    private static Tweeters tweeters(String listName, String... userNames) {
+        Tweeters t = new Tweeters();
+        t.setName(listName);
+        t.getUserNames().addAll(Arrays.asList(userNames));
+        return t;
+    }
+    
+    static {
+        final TwitterModel model = new TwitterModel();
+        final List<Tweeters> svdLst = model.getSavedLists();
+        svdLst.add(tweeters("API Design", "JaroslavTulach"));
+        svdLst.add(tweeters("Celebrities", "JohnCleese", "MCHammer", "StephenFry", "algore", "StevenSanderson"));
+        svdLst.add(tweeters("Microsoft people", "BillGates", "shanselman", "ScottGu"));
+        svdLst.add(tweeters("NetBeans", "GeertjanW","monacotoni", "NetBeans"));
+        svdLst.add(tweeters("Tech pundits", "Scobleizer", "LeoLaporte", "techcrunch", "BoingBoing", "timoreilly", "codinghorror"));
+
+        model.setActiveTweetersName("NetBeans");
+        
+        model.applyBindings();
+    }
+    
+    @ComputedProperty
+    static Tweeters activeTweeters(String activeTweetersName, List<Tweeters> savedLists, Tweeters modifiedList) {
+        if (modifiedList != null && modifiedList.getName() != null) {
+            if (modifiedList.getName().equals(activeTweetersName)) {
+                return modifiedList;
+            } else {
+                modifiedList.setName(null);
+            }
+        }
+        return findByName(savedLists, activeTweetersName);
+    }
+    
+    @ComputedProperty
+    static boolean hasUnsavedChanges(Tweeters modifiedList) {
+        return modifiedList != null;
+    }
+    
+    @ComputedProperty
+    static boolean userNameToAddIsValid(String userNameToAdd, String activeTweetersName, List<Tweeters> savedLists, Tweeters modifiedList) {
+        Tweeters editingList = activeTweeters(activeTweetersName, savedLists, modifiedList);
+        return editingList != null && userNameToAdd != null && 
+            userNameToAdd.matches("[a-zA-Z0-9_]{1,15}") &&
+            !editingList.getUserNames().contains(userNameToAdd);
+    }
+    
+    @OnFunction
+    static void deleteList(TwitterModel model) {
+        final List<Tweeters> sl = model.getSavedLists();
+        sl.remove(model.getActiveTweeters());
+        if (sl.isEmpty()) {
+            final Tweeters t = new Tweeters();
+            t.setName("New");
+            sl.add(t);
+        }
+        model.setActiveTweetersName(sl.get(0).getName());
+    }
+    
+    @OnFunction
+    static void saveChanges(TwitterModel model) {
+        Tweeters t = findByName(model.getSavedLists(), model.getActiveTweetersName());
+        int indx = model.getSavedLists().indexOf(t);
+        assert indx != -1;
+        model.getSavedLists().set(indx, model.getModifiedList());
+        model.setModifiedList(null);
+    }
+    
+    @OnFunction
+    static void addUser(TwitterModel model) {
+        String n = model.getUserNameToAdd();
+        findModifiedList(model).getUserNames().add(n);
+    }
+    @OnFunction
+    static void removeUser(String data, TwitterModel model) {
+        findModifiedList(model).getUserNames().remove(data);
+    }
+    
+    private static Tweeters findModifiedList(TwitterModel model) {
+        if (model.getModifiedList() == null || model.getModifiedList().getName() == null) {
+            model.setModifiedList(model.getActiveTweeters().clone());
+        }
+        return model.getModifiedList();
+    }
+    private static Tweeters findByName(List<Tweeters> list, String name) {
+        for (Tweeters l : list) {
+            if (l.getName() != null && l.getName().equals(name)) {
+                return l;
+            }
+        }
+        return list.isEmpty() ? null : list.get(0);
+    }
+}
diff -r e8916518b38d -r 9a7df12648b9 javaquery/demo-twitter/src/main/resources/org/apidesign/bck2brwsr/demo/twitter/index.html
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/javaquery/demo-twitter/src/main/resources/org/apidesign/bck2brwsr/demo/twitter/index.html	Thu Apr 04 13:12:17 2013 +0200
@@ -0,0 +1,99 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+    Back 2 Browser Bytecode Translator
+    Copyright (C) 2012 Jaroslav Tulach <jaroslav.tulach@apidesign.org>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, version 2 of the License.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with this program. Look for COPYING file in the top folder.
+    If not, see http://opensource.org/licenses/GPL-2.0.
+
+-->
+
+<!--
+    Copied from knockout.js Twitter example:
+    http://knockoutjs.com/examples/twitter.html
+-->
+
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+    <head>
+        <title>Bck2Brwsr's Twitter</title>
+    </head>
+    <body>
+        <link href='twitterExample.css' rel='Stylesheet' ></link>
+        
+        <script src='twitterApi.js' type='text/javascript'> </script>
+        
+        <style type='text/css'>
+           .liveExample select { height: 1.7em; }
+           .liveExample button { height: 2em; }
+        </style>
+        
+        
+        <h2>Bck2Brwsr's Twitter</h2>
+        
+        <p>
+        This code based on original <a href="http://knockoutjs.com/examples/twitter.html">knockout.js Twitter example</a> and
+        uses almost unmodified HTML code. It just changes the model. It 
+        is written in Java language and it is executed using <a href="http://bck2brwsr.apidesign.org">Bck2Brwsr</a>
+        virtual machine.
+        </p>
+        
+        <div class='liveExample'>
+            <div class='configuration'>
+                <div class='listChooser'>
+                    <button data-bind='click: deleteList, enable: activeTweeters.name'>Delete</button>
+                    <button data-bind='click: saveChanges, enable: hasUnsavedChanges'>Save</button> 
+                    <select data-bind='options: savedLists, optionsValue: "name", value: activeTweetersName'> </select>
+                </div>
+
+                <p>Currently viewing <span data-bind='text: activeTweeters().userNames().length'> </span> user(s):</p>
+                <div class='currentUsers' data-bind='with: activeTweeters'>
+                    <ul data-bind='foreach: userNames'>
+                        <li>
+                            <button data-bind='click: $root.removeUser'>Remove</button>
+                            <div data-bind='text: $data'> </div>
+                        </li>
+                    </ul>
+                </div>
+
+                <form data-bind='submit: addUser'>
+                    <label>Add user:</label>
+                    <input data-bind='value: userNameToAdd, valueUpdate: "keyup", css: { invalid: !userNameToAddIsValid() }' />
+                    <button data-bind='enable: userNameToAddIsValid' type='submit'>Add</button>
+                </form>
+            </div>
+            <div class='tweets'>
+                <div class='loadingIndicator'>Loading...</div>
+                <table data-bind='foreach: currentTweets' width='100%'>
+                    <tr>
+                        <td><img data-bind='attr: { src: profile_image_url }' /></td>
+                        <td>
+                            <a href='http://twitter.com/${ from_user }' class='twitterUser' data-bind='attr: { href: "http://twitter.com/" + from_user }, text: from_user'> </a>
+                            <span data-bind='text: text'> </span>
+                            <div class='tweetInfo' data-bind='text: created_at'> </div>
+                        </td>
+                    </tr>
+                </table>
+            </div>
+        </div>
+        
+        <script src="bck2brwsr.js"></script>
+        <script type="text/javascript">
+            var vm = bck2brwsr('demo-twitter-0.6-SNAPSHOT.jar');
+            vm.loadClass('org.apidesign.bck2brwsr.demo.twitter.TwitterClient');
+        </script>
+
+
+    </body>
+</html>
diff -r e8916518b38d -r 9a7df12648b9 javaquery/demo-twitter/src/main/resources/org/apidesign/bck2brwsr/demo/twitter/twitterExample.css
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/javaquery/demo-twitter/src/main/resources/org/apidesign/bck2brwsr/demo/twitter/twitterExample.css	Thu Apr 04 13:12:17 2013 +0200
@@ -0,0 +1,50 @@
+/**
+ * Back 2 Browser Bytecode Translator
+ * Copyright (C) 2012 Jaroslav Tulach <jaroslav.tulach@apidesign.org>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, version 2 of the License.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. Look for COPYING file in the top folder.
+ * If not, see http://opensource.org/licenses/GPL-2.0.
+ */
+
+/*
+    Copied from knockout.js Twitter example:
+    http://knockoutjs.com/examples/twitter.html
+*/
+
+.configuration, .tweets, .tweets td { font-family: Verdana; font-size: 13px; }
+.configuration { background-color: #DEDEDE; border: 2px solid gray; float:left; height: 40em; width: 40%; padding: 0.5em; border-right-width:0; }
+.tweets { width: 55%; border: 2px solid gray; height: 40em; overflow: scroll; overflow-x: hidden; background-color: Black; color: White; padding: 0.5em; position: relative; }
+.tweets table { border-width: 0;}
+.tweets tr { vertical-align: top; }
+.tweets td { padding: 0.4em 0.3em 1em 0.4em; border-width: 0; }
+.tweets img { width: 4em; }
+.tweetInfo { color: Gray; font-size: 0.9em; }
+.twitterUser { color: #77AAFF; text-decoration: none; font-size: 1.1em; font-weight: bold; }
+input.invalid { border: 1px solid red !important; background-color: #FFAAAA !important; }
+
+.listChooser select, .listChooser button { vertical-align:top; }
+.listChooser select { width: 60%; font-size:1.2em; height:1.4em; }
+.listChooser button { width: 19%; height:1.68em; float:right; }
+
+.currentUsers { height: 28em; overflow-y: auto; overflow-x: hidden; }
+.currentUsers button { float: right; height: 2.5em; margin: 0.1em; padding-left: 1em; padding-right: 1em; }
+.currentUsers ul, .configuration li { list-style: none; margin: 0; padding: 0 }
+.currentUsers li { height: 2.4em; font-size: 1.2em; background-color: #A7D0E3; border: 1px solid gray; margin-bottom: 0.3em; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-box-shadow: 0 0.2em 0.5em gray; -moz-box-shadow: 0 0.2em 0.5em gray; }
+.currentUsers li div { padding: 0.6em; }
+.currentUsers li:hover { background-color: #EEC; }
+
+.configuration form label { width: 25%; display: inline-block; text-align:right; overflow: hidden; }
+.configuration form input { width:40%; font-size: 1.3em; border:1px solid silver; background-color: White; padding: 0.1em; }
+.configuration form button { width: 20%; margin-left: 0.3em; height: 2em; }
+
+.loadingIndicator { position: absolute; top: 0.1em; left: 0.1em; font: 0.8em Arial; background-color: #229; color: White; padding: 0.2em 0.5em 0.2em 0.5em; display: none; }
diff -r e8916518b38d -r 9a7df12648b9 javaquery/demo-twitter/src/test/java/org/apidesign/bck2brwsr/demo/twitter/TwitterClientTest.java
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/javaquery/demo-twitter/src/test/java/org/apidesign/bck2brwsr/demo/twitter/TwitterClientTest.java	Thu Apr 04 13:12:17 2013 +0200
@@ -0,0 +1,66 @@
+/**
+ * Back 2 Browser Bytecode Translator
+ * Copyright (C) 2012 Jaroslav Tulach <jaroslav.tulach@apidesign.org>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, version 2 of the License.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. Look for COPYING file in the top folder.
+ * If not, see http://opensource.org/licenses/GPL-2.0.
+ */
+package org.apidesign.bck2brwsr.demo.twitter;
+
+import static org.testng.Assert.*;
+import org.testng.annotations.BeforeMethod;
+import org.testng.annotations.Test;
+
+/** We can unit test the TwitterModel smoothly.
+ *
+ * @author Jaroslav Tulach <jtulach@netbeans.org>
+ */
+public class TwitterClientTest {
+    private TwitterModel model;
+    
+
+    @BeforeMethod
+    public void initModel() {
+        model = new TwitterModel().applyBindings();
+    }
+
+    @Test public void testIsValidToAdd() {
+        model.setUserNameToAdd("Joe");
+        Tweeters t = new Tweeters();
+        t.setName("test");
+        model.getSavedLists().add(t);
+        model.setActiveTweetersName("test");
+        
+        assertTrue(model.isUserNameToAddIsValid(), "Joe is OK");
+        TwitterClient.addUser(model);
+        assertFalse(model.isUserNameToAddIsValid(), "Can't add Joe for the 2nd time");
+        assertEquals(t.getUserNames().size(), 0, "Original tweeters list remains empty");
+        
+        Tweeters mod = model.getModifiedList();
+        assertNotNull(mod, "Modified list is not filled in");
+        assertTrue(model.isHasUnsavedChanges(), "We have modifications");
+        assertEquals(mod.getUserNames().size(), 1, "One element in the list");
+        assertEquals(mod.getUserNames().get(0), "Joe", "Its name is Joe");
+        
+        assertSame(model.getActiveTweeters(), mod, "Editing list is the modified one");
+        
+        TwitterClient.saveChanges(model);
+        assertFalse(model.isHasUnsavedChanges(), "Does not have anything to save");
+        assertNull(model.getModifiedList(), "No list modified");
+        
+        assertSame(model.getActiveTweeters(), mod, "Still editing the old modified one");
+        
+        assertFalse(model.getSavedLists().contains(t), "No longer contains old list");
+    }
+    
+}
diff -r e8916518b38d -r 9a7df12648b9 javaquery/pom.xml
--- a/javaquery/pom.xml	Thu Apr 04 13:08:26 2013 +0200
+++ b/javaquery/pom.xml	Thu Apr 04 13:12:17 2013 +0200
@@ -15,5 +15,6 @@
         <module>api</module>
         <module>demo-calculator</module>
         <module>demo-calculator-dynamic</module>
-    </modules>
-</project>
+    <module>demo-twitter</module>
+  </modules>
+</project>
\ No newline at end of file