wee 0.10.0 → 2.0.0

data/examples/ajax.rb

@@ -0,0 +1,71 @@
+$LOAD_PATH.unshift "../lib"
+require 'rubygems'
+require 'wee'
+require 'rack'
+require 'wee/jquery'
+
+class AjaxCounter < Wee::Component
+  def initialize
+    super
+    @counter = 0
+  end
+
+  def backtrack(state)
+    super
+    state.add_ivar(self, :@counter, @counter)
+  end
+
+  def render(r)
+    r.once(self.class) {
+      r.css "div.wee-AjaxCounter a { border: 1px solid blue; padding: 5px; background-color: #ABABAB; };"
+    }
+    r.div.css_class('wee-AjaxCounter').oid.with {
+      r.anchor.onclick_update_self_callback { @counter += 1 }.with(@counter.to_s)
+    }
+  end
+end
+
+class HelloWorld < Wee::Component
+  def initialize
+    super
+    @cs = (1..10).map { add_child AjaxCounter.new }
+  end
+
+  def render(r)
+    r.html {
+      r.head {
+        r.title('Wee + Ajax')
+        Wee::JQuery.javascript_includes(r)
+      }
+      r.body {
+        render_hello(r)
+        r.div.onclick_callback { p "refresh" }.with("Refresh")
+        @cs.each {|c| r.render(c); r.break}
+      }
+    }
+  end
+
+  def render_hello(r)
+    @hello ||= "Hello"
+    r.div.id("hello").onclick_update_callback {|r|
+      @hello.reverse!
+      render_hello(r)
+    }.with(@hello)
+  end
+end
+
+if __FILE__ == $0
+  require 'rack/handler/webrick'
+  app = Rack::Builder.app do
+    Wee::JQuery.install('/jquery', self)
+    map '/ajax' do
+      run Wee::Application.new {
+        Wee::Session.new(HelloWorld.new)
+      }
+    end
+  end
+  puts
+  puts "Open your browser at: http://localhost:2000/ajax"
+  puts
+  Rack::Handler::WEBrick.run(app, :Port => 2000)
+end

data/examples/continuations.rb

@@ -0,0 +1,28 @@
+$LOAD_PATH.unshift "../lib"
+require 'rubygems'
+require 'wee'
+require 'demo/messagebox'
+
+class MainPage < Wee::Component
+
+  def initialize
+    super
+    add_decoration(Wee::PageDecoration.new("Test"))
+  end
+
+  def click
+    if callcc Wee::MessageBox.new('Really quit?')
+      callcc Wee::MessageBox.new('You clicked YES')
+    else
+      callcc Wee::MessageBox.new('You clicked Cancel')
+      callcc Wee::MessageBox.new('super')
+    end
+  end
+
+  def render(r)
+    r.anchor.callback_method(:click).with('show')
+  end
+
+end
+
+Wee.runcc(MainPage)

data/examples/demo.rb

@@ -1,47 +1,103 @@
+$LOAD_PATH.unshift "../lib"
+require 'rubygems'
 require 'wee'
-require 'wee/adaptors/webrick'
-require 'wee/utils'
+
+$LOAD_PATH.unshift "./demo"
+require 'demo/calculator'
+require 'demo/counter'
+require 'demo/calendar'
+require 'demo/radio'
+require 'demo/file_upload'
 
 class Demo < Wee::Component
-  def render
-    r.h1 'Wee Demos' 
-    r.ul {
-      APPS.each do |name, descr, _| 
-        r.li {
-          r.anchor.href("/#{ name }").with("/#{ name }: #{ descr }")
-        }
-      end
-    }
+  class E < Struct.new(:component, :title, :file); end
+
+  def initialize
+    super
+    add_decoration Wee::PageDecoration.new('Wee Demos')
+
+    @components = [] 
+    @components << E.new(Counter.new, "Counter", 'demo/counter.rb')
+    @components << E.new(Calculator.new, "Calculator", 'demo/calculator.rb')
+    @components << E.new(CustomCalendarDemo.new, "Calendar", 'demo/calendar.rb')
+    @components << E.new(RadioTest.new, "Radio Buttons", 'demo/radio.rb')
+    @components << E.new(FileUploadTest.new, "File Upload", 'demo/file_upload.rb')
+
+    @components.each {|c| add_child c.component }
+
+    @editor = add_child Editor.new
+
+    select_component(@components.first)
   end
-end
 
-APPS = []
-def APPS.add(name, description=nil, &block)
-  self << [name, description||name, block]
-end
+  def select_component(component)
+    @editor.entry = @selected_component = component
+  end
 
-APPS.add 'demo', 'This demo application' do 
-  Demo.new.add_decoration Wee::PageDecoration.new('Demo')
-end
+  def render(r)
+    r.form.enctype_multipart.with do
+      r.h1 'Wee Component Demos' 
+      r.div.style('float: left; width: 200px;').with {
+        r.select_list(@components).
+          labels(@components.map {|c| c.title}).
+          selected(@selected_component).
+          size(10).
+          onclick_javascript("this.form.submit()").
+          callback_method(:select_component)
+        r.break
+        r.checkbox.checked(@editor.visibility).
+          onclick_javascript("this.form.submit()").
+          callback {|bool| @editor.visibility = bool }
+        r.space
+        r.text "Show Sourcecode?"
+        r.break
+      }
+      r.div.style('float: left; left: 20px; height: 200px; width: 600px; background: #EFEFEF; border: 1px dotted red; padding: 10px').with {
+        r.render @selected_component.component
+      }
+      r.render @editor
+    end
+  end
 
-APPS.add 'calc', 'RPN Calculator' do
-  require 'wee/examples/calculator'
-  Wee::Examples::Calculator.new.
-  add_decoration(Wee::FormDecoration.new).
-  add_decoration(Wee::PageDecoration.new('RPN Calculator'))
-end
+  class Editor < Wee::Component
+    attr_accessor :visibility
+    attr_accessor :entry
 
-APPS.add 'calendar', 'Calendar' do
-  require File.join(File.dirname(__FILE__), 'demo', 'calendar')
-  CustomCalendarDemo.new
-end
+    def initialize
+      super
+      @visibility = false
+      @mode = :view
+      @entry = nil
+    end
 
-APPS.add 'example', 'Misc Components' do
-  require File.join(File.dirname(__FILE__), 'demo', 'example')
-  MainPage.new
-end
+    def save
+      File.open(@entry.file, 'w+') {|f| f << @txt.lines.map {|l| l.chomp}.join("\n") + "\n" }
+      load @entry.file
+      @mode = :view
+    end
+
+    def render(r)
+      return unless @visibility
+      r.div.style('float: left; margin-top: 2em; border-top: 2px solid; width: 100%').with {
+        if @mode == :view
+          r.anchor.callback { @mode = :edit }.with('edit')
+          r.pre.ondblclick_callback { @mode = :edit }.with {
+            r.encode_text(File.read(@entry.file))
+          }
+        else
+          r.form do
+            r.anchor.callback { @mode = :view }.with('cancel'); r.space
+            r.submit_button.callback_method(:save).value('Save!')
+            r.break
+            r.text_area.rows(25).cols(120).callback{|txt| @txt = txt }.with {
+              r.encode_text(File.read(@entry.file))
+            }
+          end
+        end
+      }
+    end
+  end
 
-APPS.each do |name, descr, block|
-  Wee::WEBrickAdaptor.register("/#{ name }" => Wee::Utils.app_for(&block))
 end
-Wee::WEBrickAdaptor.start
+
+Wee.run(Demo) if __FILE__ == $0

data/examples/demo/calculator.rb

@@ -0,0 +1,63 @@
+require 'demo/messagebox'
+
+class Calculator < Wee::Component
+  def initialize
+    super()
+    @number_stack = []
+    @input = "" 
+  end
+
+  def backtrack(state)
+    super
+    state.add(@number_stack)
+    state.add(@input)
+  end
+
+  def render(r)
+    r.ul { @number_stack.each {|num| r.li(num) } }
+
+    r.text_input.value(@input).readonly
+
+    r.space
+
+    r.submit_button.value("Enter").callback { enter }
+    r.submit_button.value("C").callback { clear }
+
+    r.break
+
+    (0..9).each {|num|
+      r.submit_button.value(num.to_s).callback { append(num.to_s) }
+    }
+
+    r.submit_button.value(".").disabled(@input.include?(".")).callback { append(".") }
+
+    ['+', '-', '*', '/'].each { |op|
+      r.submit_button.value(op).callback { operation(op) }
+    }
+  end
+
+  protected
+
+  def enter
+    @number_stack << @input.to_f
+    clear()
+  end
+
+  def clear
+    @input.replace("")
+  end
+
+  def append(str)
+    @input << str
+  end
+
+  def operation(op)
+    enter unless @input.empty?
+    if @number_stack.size < 2
+      call Wee::MessageBox.new('Stack underflow!')
+    else
+      r2, r1 = @number_stack.pop, @number_stack.pop
+      @number_stack.push(r1.send(op, r2))
+    end
+  end
+end

data/examples/demo/calendar.rb

@@ -69,9 +69,9 @@ class MiniCalendar < Wee::Component
 
   # Backtrack state
   #
-  def backtrack_state(snap)
+  def backtrack(state)
     super
-    snap.add(self)
+    state.add(self)
   end
 
   # Set to browse-only (no answer will be given)
@@ -140,23 +140,23 @@ class MiniCalendar < Wee::Component
   
   # Render a given day
   #
-  def render_day(date)
+  def render_day(r, date)
     if current_month?(date)
-      selected_day?(date) ? render_selected_day(date) : render_month_day(date)
+      selected_day?(date) ? render_selected_day(r, date) : render_month_day(r, date)
     else
-      render_other_day(date)
+      render_other_day(r, date)
     end
   end
   
   # Render a day of the currently selected month
   #
-  def render_month_day(date)
+  def render_month_day(r, date)
     r.table_data { r.anchor.callback { save(date) }.with(date.day) }
   end
   
   # Render the currently selected day
   #
-  def render_selected_day(date)
+  def render_selected_day(r, date)
     r.table_data.style('border: 1px solid black').with do
       r.anchor.style('font-weight: bold').callback { save(date) }.with(date.day)
     end
@@ -164,7 +164,7 @@ class MiniCalendar < Wee::Component
   
   # Render days of the previous or next month
   #
-  def render_other_day(date)
+  def render_other_day(r, date)
     r.table_data do
       r.anchor.style('color: silver').callback { save(date) }.with(date.day)
     end
@@ -172,13 +172,13 @@ class MiniCalendar < Wee::Component
   
   # CSS styles
   #
-  def render_styles
+  def render_styles(r)
     # ...
   end
   
   # Render Calender header
   #
-  def render_header
+  def render_header(r)
     r.table_row do
       r.table_header.colspan(4).with { r.encode_text(month_heading) }
       r.table_header { r.anchor.callback { go_prev }.with(prev_month_abbr) }
@@ -189,30 +189,28 @@ class MiniCalendar < Wee::Component
   
   # Render Calendar footer
   #
-  def render_footer
+  def render_footer(r)
     r.table_row { r.table_header.colspan(7).with { r.encode_text(today_string) } }
   end
   
   # Render Calendar
   #
-  def render
-    r.html do
-      r.head { r.title('Calendar'); render_styles }
-      r.body do
-        r.text(sprintf('<!--Month: %s, Day: %s-->', @month, @day))
-        r.table { r.table_row { r.table_header {
-          r.table do
-            render_header
-            r.table_row { Date::ABBR_DAYNAMES.each { |day| r.table_header(day) } }
-            @month.calendar.each do |week|
-              r.table_row do
-                week.each { |day| render_day(day) }
-              end
+  def render(r)
+    render_styles(r)
+    r.div.css_class("cal").with do 
+      r.text(sprintf('<!--Month: %s, Day: %s-->', @month, @day))
+      r.table { r.table_row { r.table_header {
+        r.table do
+          render_header(r)
+          r.table_row { Date::ABBR_DAYNAMES.each { |day| r.table_header(day) } }
+          @month.calendar.each do |week|
+            r.table_row do
+              week.each { |day| render_day(r, day) }
             end
-            render_footer
           end
-        }}}
-      end
+          render_footer(r)
+        end
+      }}}
     end
   end
   
@@ -246,17 +244,17 @@ end
 # Custom CSS styles
 #
 module StyleMixin
-  def render_styles
+  def render_styles(r)
     r.style("
-      a {
-        text-decoration: none;
-      }
-      body {
+      .cal {
         font-size : 11px;
         font-family : Arial, Helvetica, sans-serif;
         text-align: center;
       }
-      td {
+      .cal a {
+        text-decoration: none;
+      }
+      .cal td {
         font-family: Arial, Helvetica, sans-serif;
         font-size: 11px;
         border: 1px solid;
@@ -264,7 +262,7 @@ module StyleMixin
         vertical-align: top;
         text-align: center;
       }
-      th {
+      .cal th {
         font-family: Arial, Helvetica, sans-serif;
         font-size: 11px;
         font-style: normal;
@@ -301,43 +299,32 @@ class CustomCalendarDemo < Wee::Component
   
   # Backtrack state
   #
-  def backtrack_state(snap)
+  def backtrack(state)
     super
-    snap.add(self)
+    state.add(self)
   end
 
   # Render calendar icon
   #
-  def render_icon
+  def render_icon(r)
     icon = 'http://www.softcomplex.com/products/tigra_calendar/img/cal.gif'
     r.image.src(icon).width(16).height(16).border(0).alt('Calendar')
   end
   
   # Render Calendar demo
   #
-  def render
-    r.html do
-      r.head { r.title('Calendar Demo'); render_styles }
-      r.body do
-        r.break
-        r.table { r.table_row { r.table_header {
-          r.table do
-            r.table_row { r.table_header('Calendar Demo') }
-            r.table_row { r.table_data {
-              r.text_input.value(@date).attr(:date)
-              r.space
-              r.anchor.callback { calendar }.with { render_icon }
-            }}
-          end
-        }}}
-      end
-    end
+  def render(r)
+    r.text_input.value(@date.to_s).callback{|val| @date } #@date = val}
+    r.space
+    r.anchor.callback { calendar }.with { render_icon(r) }
   end
   
   # Call the calendar component
   #
   def calendar()
-    call( CustomCalendar.new(@date), :set_date)
+    call CustomCalendar.new(@date) do |date|
+      set_date(date)
+    end
   end
 
   def set_date(date)