From c3dbecf29145060953990a900845f9779b5d0c53 Mon Sep 17 00:00:00 2001
From: fjenett <fjenett@gmail.com>
Date: Sat, 4 Jun 2011 10:38:43 +0000
Subject: [PATCH] improved error handling with preproc (empty status & server
 only runs when build successful); added 1 example: selectionFlower; added
 <IE9 alert to template

---
 .../mode/javascript/JavaScriptEditor.java     | 18 +++--
 .../colorFinder/colorFinder.pde               | 13 ++--
 .../colorFinder/jsinterface.js                |  8 +-
 .../selectionFlower/selectionFlower.pde       | 75 +++++++++++++++++++
 .../selectionFlower/selectionmonitor.js       | 50 +++++++++++++
 5 files changed, 146 insertions(+), 18 deletions(-)
 create mode 100644 javascript/examples/Environment/DocumentObjectModel/selectionFlower/selectionFlower.pde
 create mode 100644 javascript/examples/Environment/DocumentObjectModel/selectionFlower/selectionmonitor.js

diff --git a/app/src/processing/mode/javascript/JavaScriptEditor.java b/app/src/processing/mode/javascript/JavaScriptEditor.java
index 8eada7954..1e8ee7f5e 100644
--- a/app/src/processing/mode/javascript/JavaScriptEditor.java
+++ b/app/src/processing/mode/javascript/JavaScriptEditor.java
@@ -280,7 +280,9 @@ public class JavaScriptEditor extends Editor
    */
   public void handleStartServer ()
   {
-  	handleExport( false );
+	statusEmpty();
+  	boolean success = handleExport( false );
+    if ( !success ) return;
 
 	File serverRoot = new File(sketch.getFolder(), JavaScriptBuild.EXPORTED_FOLDER_NAME);
 
@@ -338,25 +340,29 @@ public class JavaScriptEditor extends Editor
   /**
    * Call the export method of the sketch and handle the gui stuff
    */
-  public void handleExport ( boolean openFolder ) 
+  public boolean handleExport ( boolean openFolder ) 
   {
-    if (handleExportCheckModified()) {
+    if (handleExportCheckModified())
+    {
       toolbar.activate(JavaScriptToolbar.EXPORT);
       try {
         boolean success = jsMode.handleExport(sketch);
-        if ( success && openFolder ) {
+        if ( success && openFolder ) 
+		{
           File appletJSFolder = new File(sketch.getFolder(), JavaScriptBuild.EXPORTED_FOLDER_NAME );
           Base.openFolder(appletJSFolder);
 
           statusNotice("Finished exporting.");
-        } else { 
-          // error message already displayed by handleExport          
+        } else if ( !success ) { 
+          // error message already displayed by handleExport
+	      return false;
         }
       } catch (Exception e) {
         statusError(e);
       }
       toolbar.deactivate(JavaScriptToolbar.EXPORT);
     }
+	return true;
   }
   
   /**
diff --git a/javascript/examples/Environment/DocumentObjectModel/colorFinder/colorFinder.pde b/javascript/examples/Environment/DocumentObjectModel/colorFinder/colorFinder.pde
index 4e11d1218..bf0a77107 100644
--- a/javascript/examples/Environment/DocumentObjectModel/colorFinder/colorFinder.pde
+++ b/javascript/examples/Environment/DocumentObjectModel/colorFinder/colorFinder.pde
@@ -23,10 +23,7 @@ void mouseDragged ()
     colorMode(HSB);
     mColor = color( map(mouseX, 0,width, 0,255), 200, map(mouseY, 0, height, 255, 0) );
     colorMode(RGB);
-}
-
-void mouseReleased ()
-{
+    
     if ( js )
     {
         js.setColor(red(mColor), green(mColor), blue(mColor));
@@ -34,11 +31,11 @@ void mouseReleased ()
 }
 
 /**
- *    Define an interface that will act as glue between your sketch
- *    and "real" JavaScript running in your page. The name does not matter.
+ *    Define an interface that will act as glue between this sketch
+ *    and "real" JavaScript running in the HTML page. The name does not matter.
  *
- *    The interface must define any functions that you intend to call
- *    from inside your sketch.
+ *    The interface must define any functions that one intends to call
+ *    from inside the sketch.
  */
 interface JavaScriptInterface
 {
diff --git a/javascript/examples/Environment/DocumentObjectModel/colorFinder/jsinterface.js b/javascript/examples/Environment/DocumentObjectModel/colorFinder/jsinterface.js
index 27e161672..b44711305 100644
--- a/javascript/examples/Environment/DocumentObjectModel/colorFinder/jsinterface.js
+++ b/javascript/examples/Environment/DocumentObjectModel/colorFinder/jsinterface.js
@@ -1,6 +1,6 @@
 /**
- *    This code will be embedded into your HTML page as "normal"
- *    JavaScript code with a <script> tag. This allows you to
+ *    This code will be embedded into the HTML page as "normal"
+ *    JavaScript code with a <script> tag. This allows one to
  *    interact with the page as any normal JavaScript code can.
  */
  
@@ -9,7 +9,7 @@
      makeTheLink();
  }
  
- // make the connection with your sketch
+ // make the connection with the sketch
  function makeTheLink() {
      
      // Get the instance. The id is automatically generated 
@@ -25,7 +25,7 @@
      mySketchInstance.setInterfaceLink(this); // make the connection
  }
  
- // called from your sketch!
+ // called from the sketch!
  function setColor ( rr, gg, bb ) {
      
      var colorString = 'rgb('+rr+','+gg+','+bb+')';
diff --git a/javascript/examples/Environment/DocumentObjectModel/selectionFlower/selectionFlower.pde b/javascript/examples/Environment/DocumentObjectModel/selectionFlower/selectionFlower.pde
new file mode 100644
index 000000000..b3a9bf350
--- /dev/null
+++ b/javascript/examples/Environment/DocumentObjectModel/selectionFlower/selectionFlower.pde
@@ -0,0 +1,75 @@
+/**
+ *    <p>This example shows you how to get the currently selected text 
+ *    from the HTML page that this sketch is running in.</p>
+ *
+ *    <p>Just select some text somewhere on this page and see it be transformed
+ *    into a ... graph.</p>
+ *
+ *    <p>Heavily inspired by <a href="http://bit.ly/jHvvWX">Boris Müller</a>.</p>
+ */
+
+/* @pjs transparent=true; */
+
+String selectedText = "";
+
+void setup ()
+{
+    size( 300, 300 );
+}
+
+void draw ()
+{
+    background( 100,0 );
+    fill( 255 );
+    
+    if ( !selectedText.equals("") )
+    {
+        translate( width/2, height/2 );
+
+        float tw = selectedText.length() * 10;
+        float[] x = new float[selectedText.length()];
+        float[] y = new float[selectedText.length()];
+        
+        for ( int i = 0, n = 0; i < tw; n++ )
+        {
+            char cr = new Character(selectedText.charAt(n));
+            float c = cr;
+            
+            float r = -HALF_PI + map( i, 0, tw, 0, TWO_PI );
+            
+            x[n] = cos(r)*c;
+            y[n] = sin(r)*c;
+            
+            i += 10;
+        }
+        
+        fill( 100 );
+        
+        if ( x.length > 0 )
+        {
+            beginShape();
+                for ( int i = 0; i < x.length; i++ )
+                {
+                    vertex( x[i], y[i] );
+                }
+            endShape( CLOSE );
+        }
+        
+        smooth();
+        fill( 255 );
+        stroke( 150 );
+        
+        for ( int i = 0; i < x.length; i++ )
+            text( selectedText.charAt(i), x[i]*1.15, y[i]*1.15+6 );
+    }
+    else
+    {
+        fill( map( sin(frameCount/12.0),-1,1,100,200 ) );
+        text("Select some (other) text on this page to start.", 2, height/2);
+    }
+}
+
+void setSelectionText ( String txt )
+{
+    selectedText = txt;
+}
diff --git a/javascript/examples/Environment/DocumentObjectModel/selectionFlower/selectionmonitor.js b/javascript/examples/Environment/DocumentObjectModel/selectionFlower/selectionmonitor.js
new file mode 100644
index 000000000..373d02ca2
--- /dev/null
+++ b/javascript/examples/Environment/DocumentObjectModel/selectionFlower/selectionmonitor.js
@@ -0,0 +1,50 @@
+/**
+ *    This code will be embedded into the HTML page as "normal"
+ *    JavaScript code through a <script> tag. This allows one to
+ *    interact with the page as any normal JavaScript code can.
+ */
+
+var mySketchInstance;
+
+// called once the page has fully loaded
+window.onload = function () {
+    getSketchInstance();
+}
+
+// this is called (repeatedly) to find the sketch
+function getSketchInstance() {
+    var s = Processing.getInstanceById("selectionFlower");
+    if ( s == undefined )
+        return setTimeout(getSketchInstance, 200); // try again a bit later
+
+    mySketchInstance = s;
+    monitorSelection();
+}
+
+// this code gets called all the time (every 1/5 sec) to check
+// if the selection changed
+function monitorSelection ( ) {
+    
+    var txt = undefined;
+    
+    if (window.getSelection) {
+        
+        txt = window.getSelection().toString();
+        
+    } else if (document.getSelection) {
+        
+        txt = document.getSelection().toString();
+        
+    } else if (document.selection) {
+        
+        txt = document.selection.createRange().text;
+    }
+    
+    if ( txt !== undefined && txt != "" )
+    {
+        mySketchInstance.setSelectionText(txt);  // set the text in the sketch
+        console.log( txt );
+    }
+    
+    setTimeout(monitorSelection, 1000/5);
+}