golf 0.0.4 → 0.0.5

data/golf.gemspec

@@ -11,7 +11,9 @@ Gem::Specification.new do |s|
   s.homepage    = "http://golf.github.com"
   s.summary     = %q{Component based front end JS Framework}
   s.description = %q{Golf lets you write your interface in terms of reusable, simple components.}
+
   s.add_dependency('thor')
+  s.add_dependency('json')
 
   s.bindir = 'bin'
   s.executables = ['golf']

data/lib/golf/compiler.rb

@@ -1,12 +1,22 @@
 module Golf
   class Compiler
 
-    def self.compile!(env = nil)
+    def initialize(golfpath = "golfapp/components")
+      @golfpath = golfpath
     end
 
-    def self.discover_components
-      true
+    def generate_componentsjs
+      component_preamble = 'jQuery.golf.components='
+      components = {}
+      if File.exists?(@golfpath) and File.directory?(@golfpath)
+        Dir["#{@golfpath}/**/*.html"].each do |path|
+          name = path.split('/').last.gsub('.html','')
+          html = File.read(path)
+          components = components.merge({ name => { "name" => name, "html" => html }})
+        end
+      end
+      component_preamble << JSON.dump(components) << ';' << 'jQuery.golf.res={};jQuery.golf.plugins={};jQuery.golf.scripts={};jQuery.golf.styles={};jQuery.golf.setupComponents();'
     end
-
+    
   end
 end

data/lib/golf/rack.rb

@@ -3,11 +3,13 @@ module Golf
     
     def initialize(app = nil)
       @app = app if app
+      @compiler = Golf::Compiler.new
     end
 
     def call(env)
       if env["REQUEST_METHOD"] == "GET" and env["PATH_INFO"] == "/component.js"
-        ['200', { 'Content-Type' => 'application/javascript', 'Content-Length' => '5'}, ['asasd']]
+        result = @compiler.generate_componentsjs
+        ['200', { 'Content-Type' => 'application/javascript', 'Content-Length' => result.length.to_s}, [result]]
       else
         @app.call(env) if @app
       end

data/lib/golf/version.rb

@@ -1,3 +1,3 @@
 module Golf
-  VERSION = "0.0.4"
+  VERSION = "0.0.5"
 end

data/lib/golf.rb

@@ -1,3 +1,4 @@
+require "json"
 require "golf/compiler"
 require "golf/rack"
 require "golf/cli"

data/template/config.ru

@@ -4,5 +4,5 @@ require 'rack'
 require 'rack/contrib'
 
 use Golf::Rack
-use Rack::Static, :urls => ["/"], :root => "golf"
+use Rack::Static, :urls => ["/"], :root => "golfapp"
 run Rack::NotFound.new('404.txt')

data/template/golfapp/components/HelloWorld/HelloWorld.html

@@ -0,0 +1,13 @@
+<div>
+  <style type="text/golf">
+    div.container {
+      border: 1px solid red;
+    }
+  </style>
+  <script type="text/golf">
+    function() {
+      $(".container").append("<h1>Hello, world!</h1>");
+    }
+  </script>
+  <div class="container"></div>
+</div>

data/template/golfapp/controller.js

@@ -1,10 +1,7 @@
-
 $.golf.controller = [
-
   { route: ".*",
     action: function(container, params) {
-      container.append(new Component.Test());
+      container.empty().append(new Component.HelloWorld());
     }
   }
-
 ];

data/test/data/app_error.html

@@ -0,0 +1,60 @@
+
+<style type="text/css">
+  * {
+    font-family: sans-serif;
+    margin: 0;
+    padding: 0;
+    color: #333;
+  }
+
+  h1.type {
+    padding: .5em 20px .5em 20px;
+    background: orange;
+    margin: 2px;
+  }
+
+  h3.description {
+    padding: .5em 20px .5em 20px;
+    background: yellowgreen;
+    margin: 2px;
+  }
+
+  p.message {
+    padding: .75em 20px .75em 20px;
+    background: cadetblue;
+    margin: 2px;
+  }
+
+  a, a:visited {
+    color: darkblue;
+    text-decoration: none;
+  }
+
+  a:hover {
+    color: darkblue;
+    text-decoration: underline;
+  }
+
+  code {
+    font-family: monospace;
+    font-weight: bold;
+    font-size: 1.18em;
+    padding: 0 0.20em 0 0.20em;
+  }
+
+  .content {
+    position: relative;
+    top: 5em;
+    width: 35em;
+    margin: 0 auto;
+  }
+</style>
+
+<div class="content">
+  <h1 class="type"/>
+  <h3 class="description"/>
+  <p class="message">
+    Golf server documentation: 
+    <a href="http://golf.github.com/">http://golf.github.com</a>.
+  </p>
+</div>

data/test/data/components/HelloWorld/HelloWorld.html

@@ -0,0 +1,13 @@
+<div>
+  <style type="text/golf">
+    div.container {
+      border: 1px solid red;
+    }
+  </style>
+  <script type="text/golf">
+    function() {
+      $(".container").append("<h1>Hello, world!</h1>");
+    }
+  </script>
+  <div class="container"></div>
+</div>

data/test/data/components.js

@@ -0,0 +1 @@
+jQuery.golf.components={"HelloWorld":{"name":"HelloWorld","html":"<div>\n  <style type=\"text/golf\">\n    div.container {\n      border: 1px solid red;\n    }\n  <\/style>\n  <script type=\"text/golf\">\n\n    function() {\n      $(\".container\").append(\"<h1>Hello, world!<\/h1>\");\n    }\n  \n<\/script>\n  <div class=\"container\"><\/div>\n<\/div>\n"}};jQuery.golf.res={};jQuery.golf.plugins={};jQuery.golf.scripts={};jQuery.golf.styles={};jQuery.golf.setupComponents();

data/test/data/controller.js

@@ -0,0 +1,7 @@
+$.golf.controller = [
+  { route: ".*",
+    action: function(container, params) {
+      container.empty().append(new Component.HelloWorld());
+    }
+  }
+];

data/test/data/index.html

@@ -0,0 +1,61 @@
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+  <head>
+    <title> </title>
+    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
+    <meta name="robots" content="noindex,nofollow"/>
+    <script type="text/javascript">
+      window.serverside       = false;
+      window.sessionid        = "";
+      window.servletUrl       = window.location.protocol+"//"+window.location.host+window.location.pathname;
+      window.urlHash          = "";
+      window.devmode          = false;
+      window.forcebot         = false;
+      window.forceproxy       = false;
+      window.forceclient      = false;
+      window.restBackends     = [];
+      window.cloudfrontDomain = "";
+      if (servletUrl.match("/index\.html$"))
+        window.location.replace(
+          servletUrl.substring(0, servletUrl.length - "index.html".length));
+    </script>
+    <script type="text/javascript" src="jquery.js"></script>
+    <script type="text/javascript">
+      jQuery.golf = {};
+    </script>
+    <script type="text/javascript" src="jquery.address.js"></script>
+    <script type="text/javascript" src="jquery.golf.js"></script>
+    <script type="text/javascript" src="components.js"></script>
+    <script type="text/javascript" src="controller.js"></script>
+    <style type="text/css">
+      a.golfproxylink, 
+      a.golfproxylink:link, 
+      a.golfproxylink:visited,
+      a.golfproxylink:hover { color:inherit; text-decoration:inherit; }
+    </style>
+    <!-- custom head section -->
+    <!-- end custom head section -->
+  </head>
+  <body>
+    <noscript>
+      <!-- custom noscript section -->
+      <div style="color:#222;width:25em;margin:2em auto;padding:2em;border:1px solid black;font-family:sans-serif;text-align:justify">
+        <div style="margin:0 auto;text-align:center;">
+          <h3>JavaScript proxying is disabled.</h3>
+        </div>
+        <p>It looks like your browser doesn't support JavaScript, or
+        maybe you've turned it off. Normally, the Golf server would
+        proxy the JavaScript for you and you'd still be able to access
+        the site. However this application is running in static mode
+        and proxying is disabled.</p>
+
+        <p>If you want to access this application you will need to
+        enable JavaScript in your browser. Check out
+        <a href="http://www.google.com/support/websearch/bin/answer.py?hl=en&answer=23852">Google's JavaScript page</a>
+        for more information on how to do this.</p>
+      </div>
+      <!-- end custom noscript section -->
+    </noscript>
+    <div class="golfbody">
+    </div>
+  </body>
+</html>