shenmegui 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: cc17fa7f8f6c46479ee3911e123e3a1695bb1e35
+  data.tar.gz: 3064fa81b892c8547595cf50bffcd81e7baccb12
+SHA512:
+  metadata.gz: 1bc7fa600054cdf7b63829eb1cea9a4704cf3996829ba78a956a53b20edbb04aa4bb5073d56d1a9fa59f11f189eaff3f7b8e4303f9d63115f132b27175a383f8
+  data.tar.gz: bf49c7234618ea340f252d46411e6db30345f5eed597d678ac18e7949f89ce3680feef92e5419a8927b37d34a78c974008eeb113930c44a6be5f2948f603c012

data/lib/shenmegui.rb

@@ -0,0 +1,153 @@
+require 'erb'
+require 'json'
+require 'em-websocket'
+
+module ShenmeGUI
+
+  class << self
+    attr_accessor :elements, :socket
+    attr_reader :temp_stack
+
+    %w{stack flow button radio checkbox image select textline textarea}.each do |x|
+      define_method "#{x}" do |value=nil, &block|
+        params = {value: value}
+        el = Control.new(x.to_sym, params)
+        temp_stack.last.children << el
+        el.parent = temp_stack.last
+        temp_stack << el
+        instance_eval &block unless block.nil?
+        temp_stack.pop
+        el
+      end
+      private x.to_sym
+    end
+
+  end
+
+  @elements = []
+  @temp_stack = []
+
+  def self.app(params={}, &block)
+    el = Control.new(:body, params)
+    temp_stack << el 
+    instance_eval &block unless block.nil?
+    temp_stack.pop
+    File.open('index.html', 'w'){ |f| f.write el.render }
+    el
+  end
+
+  class Control
+    attr_accessor :id, :type, :properties, :events, :children, :parent
+
+    @available_events = %w{click input}.collect(&:to_sym)
+    @available_properties = {
+      body: %i{style},
+      button: %i{value},
+      input: %i{value},
+      textarea: %i{value cursor},
+      textline: %i{value cursor},
+      stack: %i{style},
+      flow: %i{style}
+    }
+
+    def self.available_properties
+      @available_properties
+    end
+
+    def inspect
+      "##{@type}.#{@id} #{@properties}"
+    end
+
+    def update
+      msg = "update:#{@id}->#{@properties.to_json}"
+      ::ShenmeGUI.socket.send(msg)
+    end
+
+    def initialize(type, params={})
+      self.type = type
+      self.properties = params
+      self.id = ::ShenmeGUI.elements.size
+      ::ShenmeGUI.elements << self
+      self.children = []
+      self.events = {}
+      self.class.available_properties[type].each do |x|
+        define_singleton_method(x) do
+          @properties[x]
+        end
+
+        define_singleton_method("#{x}=") do |v|
+          @properties[x] = v
+          update
+        end
+      end
+    end
+
+    def render
+      lib_path = $LOADED_FEATURES.grep(/.*\/lib\/shenmegui.rb/)[0]
+      template_path = lib_path.match(/(.*)\/lib/)[1] + "/templates"
+      if type == :body
+        static_path = lib_path.match(/(.*)\/lib/)[1] + "/static"
+        style = File.open("#{static_path}/style.css", 'r'){ |f| f.read }
+        script = File.open("#{static_path}/script.js", 'r'){ |f| f.read }
+      end
+      template = ::ERB.new File.open("#{template_path}/#{type}.erb", 'r') { |f| f.read }
+      content = self.children.collect{|x| x.render}.join("\n")
+      template.result(binding)
+    end
+
+    @available_events.each do |x|
+      define_method("on#{x}") do |&block|
+        return events[x] if block.nil?
+        events[x] = lambda &block
+      end
+      self
+    end
+
+  end
+
+  def self.handle(msg)
+    match_data = msg.match(/(.+?):(\d+)(?:->)?({.+?})?/)
+    command = match_data[1].to_sym
+    id = match_data[2].to_i
+    data = JSON.parse(match_data[3]) unless match_data[3].nil?
+    target = elements[id]
+    case command
+      when :update
+        data.each do |k,v|
+          target.properties[k.to_sym] = v
+        end
+      else
+        event_lambda = elements[id].events[command]
+        ShenmeGUI.instance_exec(&event_lambda) if event_lambda 
+    end
+    target
+  end
+
+  module Server
+    def self.start!
+      ws_thread = Thread.new do
+        EM.run do
+          EM::WebSocket.run(:host => "0.0.0.0", :port => 80) do |ws|
+            ws.onopen { puts "WebSocket connection open" }
+
+            ws.onclose { puts "Connection closed" }
+
+            ws.onmessage do |msg|
+              puts "Recieved message: #{msg}"
+              ShenmeGUI.handle msg
+            end
+            
+            ShenmeGUI.socket = ws
+          end
+        end
+      end
+
+      index_path = "#{Dir.pwd}/index.html"
+      `start file:///#{index_path}`
+
+      ws_thread.join
+    end
+
+  end
+
+end

data/static/script.js

@@ -0,0 +1,49 @@
+var wsUrl = "ws://localhost/";
+
+websocket = new WebSocket(wsUrl);
+websocket.onopen = function(evt){ console.log("Connected."); };
+websocket.onmessage = function(evt){ console.log(evt.data); handleMessage(evt.data); };
+websocket.onclose = function(evt){
+	console.log("Closed.");
+};
+
+function handleMessage(msg){
+	var match_data = msg.match(/(.+?):(\d+)(?:->)?({.+?})?/);
+	var command = match_data[1];
+	var target = document.getElementById('item-' + match_data[2]);
+	var data = JSON.parse(match_data[3]);
+	switch (command){
+		case 'update':
+			target.properties = data;
+			target.value = data.value;
+	}
+}
+
+function getId(obj){
+	return obj.id.match(/item-(\d+)/)[1];
+}
+
+var buttons = document.getElementsByTagName('input');
+var i;
+for(i=0; i<buttons.length; i++){
+	buttons[i].addEventListener('click', function(){
+		websocket.send("click:" + getId(this));
+	});
+}
+
+var inputs = document.getElementsByTagName('input');
+for(i=0; i<inputs.length; i++){
+	inputs[i].addEventListener('input', function(){
+		var value = {value: this.value};
+		websocket.send("update:" + getId(this) + "->" + JSON.stringify(value));
+		websocket.send("input:" + getId(this));
+	});
+}
+
+var textareas = document.getElementsByTagName('textarea');
+for(i=0; i<textareas.length; i++){
+	textareas[i].addEventListener('change', function(){
+		var value = {value: this.value};
+		websocket.send("change:" + getId(this) + "->" + JSON.stringify(value));
+	});
+}

data/static/style.css

@@ -0,0 +1,11 @@
+body {
+  margin: 50px;
+  width: 600px; }
+
+.stack * {
+  display: block; }
+
+.flow * {
+  display: inline; }
+
+/*# sourceMappingURL=style.css.map */

data/templates/body.erb

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+	<meta charset="UTF-8">
+	<title>Document</title>
+	<link rel="stylesheet" type="text/css" href="http://cdn.amazeui.org/amazeui/2.2.1/css/amazeui.min.css">
+	<style>
+		<%= style %>
+	</style>
+</head>
+<body id="item-<%= id %>">
+	<%= content %>
+	<script>
+		<%= script %>
+	</script>
+</body>
+</html>

data/templates/button.erb

@@ -0,0 +1 @@
+<input id="item-<%= id %>" type="button" class="am-btn am-btn-primary" value="<%= properties[:value] %>" />

data/templates/flow.erb

@@ -0,0 +1 @@
+<div id="item-<%= id %>" class="flow"><%= content %></div>

data/templates/stack.erb

@@ -0,0 +1 @@
+<div id="item-<%= id %>" class="stack"><%= content %></div>

data/templates/textarea.erb

@@ -0,0 +1 @@
+<div class="am-form"><textarea id="item-<%= id %>"><%= properties[:value] %></textarea></div>

data/templates/textline.erb

@@ -0,0 +1 @@
+<input id="item-<%= id %>" class="am-form-field" type="text" value="<%= properties[:value] %>"/>

metadata

@@ -0,0 +1,65 @@
+--- !ruby/object:Gem::Specification
+name: shenmegui
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- CicholGricenchos
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2015-03-07 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: em-websocket
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: a simple HTML GUI for Ruby
+email: cichol@live.cn
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- lib/shenmegui.rb
+- static/style.css
+- static/script.js
+- templates/body.erb
+- templates/button.erb
+- templates/flow.erb
+- templates/stack.erb
+- templates/textarea.erb
+- templates/textline.erb
+homepage: https://github.com/CicholGricenchos/shenmegui
+licenses: []
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.0.14
+signing_key: 
+specification_version: 4
+summary: "什么鬼!"
+test_files: []