rffw 0.0.1

data/.gitignore

@@ -0,0 +1,5 @@
+*.gem
+.bundle
+Gemfile.lock
+pkg/*
+.DS_Store

data/.rvmrc

@@ -0,0 +1 @@
+rvm 1.9.2

data/Gemfile

@@ -0,0 +1,4 @@
+source "http://rubygems.org"
+
+# Specify your gem's dependencies in rffw.gemspec
+gemspec

data/README.md

@@ -0,0 +1,60 @@
+RFFW
+====
+
+Recive File From Web Server
+
+
+USAGE
+=====
+
+rffw [(--port|-p) 8080] [(-l|--listen) 127.0.0.1]
+
+
+INTERNALS
+=========
+
+* HTML:
+  _ There is two forms. One for description, and one for the input file.
+  - #input_file_submit.onchange => submit with form[target=hidden_iframe]
+  - On load, generate a random uuid, and assign that uuid to the input and
+    description.
+  - Delay each upload progress check 20 ms after the last one check.
+  - There is no index view.
+  - There seems to be a bug, that causes google chrome to upload the same file
+    twice at the same time.
+
+* Server (Just a mini abstraction of kernel.select and socket)
+  - Server: Kernel.select.
+  - Client: Kind of overload Socket through delegation.
+  - BufferedClient: Overloads Client to add cache in disk the requests.
+  - HttpClient: Overloads BufferedClient to understand http connections.
+
+* App
+  - AppHandler: Overloads HttpClient, and acts as an app router.
+  - (DescriptionHandler | ShowHandler | UploadHandler | UploadStatusHandler | 
+    DirHandler: Like http actions. They are modules included in AppHandler.
+  - ViewHelpers.
+  - data: html/js/css/img
+  - Db: Overloads DBM. Used as a backend.
+  - Record: Abstraction of Db.
+* Parser
+  - HttpRequest: StringScanner http request parsers.
+  - HttpRespone: Well... not a parser it self, it generate http responses.
+  - MimeParser: Process Mime attachments.
+
+USED LIBRARIES
+==============
+
+  * Ruby: TempDir
+  * Ruby: TCPServer
+  * Ruby: TCPClient
+  * Ruby: Kernel.select
+
+
+TEST
+====
+  * The tests, that not cover the full code, were just used as a tool for 
+    helping me to develop the code itself. More were written before the code.
+
+
+

data/Rakefile

@@ -0,0 +1,41 @@
+require 'bundler/gem_tasks'
+require 'rake/testtask'
+
+
+Rake::TestTask.new do |t|
+  t.libs << "test"
+  t.test_files = FileList['test/test*.rb']
+  t.verbose = false
+end
+
+task :default do 
+  
+  begin 
+    require 'rubygems'
+    gem 'minitest'
+    require 'minitest/pride'
+  rescue LoadError, Gem::LoadError
+    $stderr.puts "Minitest gem not found. Usign ruby minitest."
+  end
+
+  base = File.expand_path("..", __FILE__)
+  $:.unshift File.join(base,"lib")
+  $:.unshift File.join(base,'test')
+  Dir[File.expand_path("../test/test_*", __FILE__)].each{|f| require f}
+  MiniTest::Unit.autorun
+  
+end
+
+desc "Run the server"
+task :run do
+  exec("ruby -rubygems -I lib bin/rffw")
+end
+
+
+task :commit do
+  system("git add . && git commit -m 'WIP' && git push origin master:master")
+end
+
+task :deploy => [:commit] do
+  system(%{ssh soundcloud "sudo su - guillermo ; cd rffw && git pull && sudo killall "})
+end

data/bin/rffw

@@ -0,0 +1,16 @@
+#!/usr/bin/env ruby
+
+require 'rffw'
+
+params  = ARGV.join(" ")
+
+port   = (params[/((\-\-port|\-p) (\d+))/,3] || 8080).to_i
+listen = (params[/((\-l|\-\-listen) ((\d+)\.(\d+)\.(\d+)\.(\d+)))/,3] || "0.0.0.0").to_i
+
+if params[/(-h|--help)/] 
+  $stderr.puts "#{$0} [(-p|--port) port_number] [(-l|--listen) ip]"
+  $stderr.puts ""
+  exit(-1)
+end
+
+RFFW::App.start(port,listen)

data/lib/rffw.rb

@@ -0,0 +1,7 @@
+require "rffw/version"
+
+module RFFW
+  autoload(:Server, 'rffw/server')
+  autoload(:App, 'rffw/app')
+  autoload(:Parser, 'rffw/parser')
+end

data/lib/rffw/app.rb

@@ -0,0 +1,36 @@
+
+module RFFW
+  module App
+    require 'rffw/app/db'
+    require 'rffw/app/record'
+
+    require 'rffw/app/view_helpers'
+    require 'rffw/app/upload_handler'
+    require 'rffw/app/upload_status_handler'
+    require 'rffw/app/dir_handler'
+    require 'rffw/app/description_handler'
+    require 'rffw/app/show_handler'
+
+    require 'rffw/app/app_handler'
+
+    def self.start(port = 8080, listen = "127.0.0.1", dir = Dir.pwd)
+      trap("SIGINT") { throw :ctrl_c }
+      @@dir = dir
+      start_db(@@dir)
+      server = RFFW::Server::Server.new( RFFW::App::AppHandler, port, listen )
+    end
+    
+    def self.start_db(dir)
+      @@db = Db.new(File.join(dir,'rffw'))
+    end
+    
+    def self.db
+      @@db
+    end
+    
+    def self.dir
+      @@dir
+    end
+    
+  end
+end

data/lib/rffw/app/app_handler.rb

@@ -0,0 +1,59 @@
+module RFFW::App
+  class AppHandler < RFFW::Server::HttpClient
+    include RFFW::Server
+    include RFFW::App::DirHandler
+    include RFFW::App::UploadHandler
+    include RFFW::App::UploadStatusHandler
+    include RFFW::App::DescriptionHandler
+    include RFFW::App::ShowHandler
+
+    attr_reader :request
+
+    def on_data
+      super
+      if request && request.post? && request.path == '/upload'
+        memory_usage = `ps -o rss= -p #{$$}`.to_i
+        $stderr.puts "[#{memory_usage}kB] #{Time.now.utc} #{fileno} (#{self.class.all.size}) UPLOADING A FILE: #{request.upload_progress}"
+      end
+    end
+
+    def on_request(r)
+      memory_usage = `ps -o rss= -p #{$$}`.to_i
+      $stderr.puts "[#{memory_usage}Kb] #{Time.now.utc} #{fileno} (#{self.class.all.size}) > <#{r.inspect}>"
+
+      response = case
+      when ! %w(get post).include?(r.method.downcase)
+        HttpResponse.new("Sorry! Method not allowed.", 405)
+      when r.method.downcase == 'get' && r.path == '/upload_status.js'
+        upload_status_handle(r)
+      when r.method.downcase == "post" && r.path == '/upload'
+        upload_handle(r)
+      when r.method.downcase == "post" && r.path == '/description'
+        description_handle(r)
+      when r.method.downcase == 'get' && r.path == '/show'
+        show_handle(r)
+      when r.method.downcase == "get"
+        dir_handle(r)
+      else
+        HttpResponse.new("No no no... Not found !", 404)
+      end
+      write response
+
+    rescue => e
+      $stderr.puts "#{e.message}\r\n#{e.inspect}\r\n#{e.backtrace.join("\n")}"
+      write HttpResponse.new("#{e.message}\r\n#{e.inspect}\r\n#{e.backtrace.join("\n")}", 505)
+    ensure
+      cleanup!
+    end
+
+    def cleanup!
+      disconeect! unless request.keep_alive?
+      @request = HttpRequest.new('')
+      clear_buffer
+    end
+
+  end
+end
+
+
+

data/lib/rffw/app/data/index.html

@@ -0,0 +1,56 @@
+<!doctype html>
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<meta name="description" content="Recive files from webserver">
+	<meta name="author" content="Guillermo Álvarez Fernández <guillermo@cientifico.net>">
+
+	<title>rffw</title>
+
+	<link href='http://fonts.googleapis.com/css?family=Josefin+Sans:light,lightitalic,regular,regularitalic,bold&amp;v1' rel='stylesheet' type='text/css'>
+	<link href='http://fonts.googleapis.com/css?family=The+Girl+Next+Door&amp;v1' rel='stylesheet' type='text/css'>
+
+	<link rel="stylesheet" href="/stylesheets/style.css?v=2">
+	<script type="text/javascript" charset="utf-8" src="/javascripts/application.js"></script>
+
+<style>
+
+</style>
+</head>
+<body>
+	
+	<div id="wrapper">
+		
+		<header>
+			<h1>rffw</h1>
+			<h2>Recive files from webserver</h2>
+		</header>
+		<section class="center">
+			<p>
+				<form enctype="multipart/form-data" action="/upload" target="uploader" method="post" id="uploader_form">
+					<label>Select a file to upload
+					<input type="file" id="file_input" name="file" tabindex=1>
+					</label>
+				</form>
+				<iframe id="uploader" name="uploader"></iframe>
+				<p id="progress_bar">
+					<span id="porcentage">The progress is <b id="total_uploaded">80%</b>.</span>
+				</p>
+				<form action="/description" method="post" id="description_form">
+					<label>Description
+					<textarea name="description" placeholder="Write here a description" tabindex=2></textarea>
+					</label>
+					<input type="submit" value="Send the file" tabindex=3>
+				</form>
+			</p>
+		</section>
+		<div id="push"></div>
+	</div>
+	
+	<footer>
+		<p>You can conact me at <a href="mailto:guillermo@cientifico.net">guillermo@cientifico.net</a>.</p>
+	</footer>
+</body>
+</html>

data/lib/rffw/app/data/javascripts/application.js

@@ -0,0 +1,110 @@
+(function(){
+
+
+
+
+	Element.prototype.css = function(object){
+		for(property in object){
+			this.style.setProperty(property, object[property]);
+		}
+	};
+
+	Element.prototype.toggle = function(){
+		if (window.getComputedStyle(this, 'display') == "none"){
+			this.show();
+		} else {
+			this.hide();
+		}
+	};
+
+
+	Element.prototype.show = function(){
+		this.style.setProperty("display", "block");
+	};
+
+	Element.prototype.hide = function(){
+		this.style.setProperty("display", "none");
+	};
+
+
+	window.info = function(message){
+		var hover = document.getElementById('drop_the_file');
+		if (message == undefined){
+			hover.classList.remove("show");
+
+		}else{
+			hover.innerHTML = message;
+			hover.classList.add("show");
+		}
+	}
+	window.onload = function(){
+
+		function S4() {
+			return (((1+Math.random())*0x10000)|0).toString(16).substring(1);
+		}
+		function new_guid(){
+			return (S4()+S4()+"-"+S4()+"-"+S4()+"-"+S4()+"-"+S4()+S4()+S4());
+		}
+
+		document.getElementById("progress_bar").css({"display": "none"});
+
+
+		window.uuid = new_guid();
+
+		form = document.getElementById("uploader_form")
+		form.action = form.action+"?"+window.uuid;
+		
+		description_form = document.getElementById("description_form")
+		description_form.action = description_form.action+"?"+window.uuid;
+
+		function check_status(){
+			setTimeout(function(){
+				var req = new XMLHttpRequest();
+				req.open('GET', '/upload_status.js?'+window.uuid, true);
+				req.onreadystatechange = function (aEvt) {
+					if (req.readyState == 4) {
+						if(req.status == 200){
+							
+							record = JSON.parse(req.responseText);
+							if (record.progress){
+								var progress = record.progress.split("/");
+								d(progress)
+								var total = parseInt(progress[1]);
+								var partial = parseInt(progress[0]);
+								var porcentage = (100 * partial / total).toFixed();
+								if (porcentage > 100) porcentage = 100;
+								
+								document.getElementById("porcentage").css({'width': porcentage+'%'});
+								document.getElementById("total_uploaded").innerHTML = porcentage+'%';
+								check_status();
+							} else {
+								document.getElementById("porcentage").css({'width': '100%'});
+								document.getElementById("total_uploaded").innerHTML = "Uploaded!"
+							}
+						}
+						else {
+							d("Error loading page\n");
+						}
+					}
+				};
+				req.send(null);
+			}, 200);
+		}
+
+		form.onchange = function(){
+			form.submit();
+			document.getElementById("file_input").css({"display": "none"});
+			document.getElementById("progress_bar").css({"display": "block"});
+			check_status();
+		};
+
+		window.d = function(msg){
+			window.console.debug(msg)
+		}
+
+
+
+
+	}
+
+})();

data/lib/rffw/app/data/stylesheets/style.css

@@ -0,0 +1,338 @@
+/* @override http://localhost:8080/stylesheets/style.css?v=2 */
+
+* {
+	font-family: 'Josefin Sans', arial, serif;
+	line-height: 16px;
+	font-size: 14px;
+	margin: 0;
+	padding: 0;
+	color: #002f2f;
+	font-weight: 300;
+}
+
+a {
+	-webkit-transition: all 0.2s ease-in-out;
+	-moz-transition: all 0.2s ease-in-out;
+	-o-transition: all 0.2s ease-in-out;
+	transition: all 0.2s ease-in-out;
+}
+
+html, body {
+	background: url("/images/bg.png"), #a7a37e;
+	height: 100%;
+}
+
+h1 {
+	font-family: 'The Girl Next Door', arial, serif;
+}
+
+header {
+	margin: 0 auto;
+	text-align: center;
+	display: block;
+	overflow: hidden;
+	padding-bottom: 12px;
+}
+header h1 {
+	padding-left: 12.5%;
+	padding-right: 12.5%;
+	font-size: 56px;
+	line-height: px;
+	margin-top: 32px;
+}
+header h2 {
+	font-size: 16px;
+	line-height: 16px;
+	color: #efecca;
+}
+
+#progress_bar {
+	background: red ;
+	width: 317px;
+	height:  39px;
+	margin: 0 auto;
+	
+	-webkit-border-radius: 10px;
+	-moz-border-radius: 10px;
+	border-radius: 10px;
+
+	background: white;
+	background: white;
+	padding: 0;
+	position: relative;
+}
+
+#progress_bar span{
+	display: block;
+	background: #002f2f;
+	height:  39px;
+	width: 50%;
+	-webkit-border-radius: 10px;
+	-moz-border-radius: 10px;
+	border-radius: 10px;
+	
+	transition: width 1s linear;
+	
+	line-height: 200px;
+	overflow: hidden;
+}
+
+#progress_bar {
+	display: none;
+}
+#progress_bar span b{
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 317px;
+	text-align:center;
+	line-height: 39px;
+	vertical-align:middle;
+	font-size: 24px;
+	font-weight:bold;
+	text-shadow: white 0px 0px 2px;
+}
+/* Sticky Background */
+#wrapper {
+	min-height: 100%;
+	height: auto !important;
+	height: 100%;
+	margin: 0 auto -112px;
+}
+
+footer, push {
+	height: 80px;
+	overflow: hidden;
+}
+
+/* end */
+section {
+	display: block;
+	margin: 0 auto;
+}
+section.center {
+	max-width: 480px;
+	padding: 16px 80px;
+	position: relative;
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efecca), color-stop(1, #a7a37e));
+	background: -moz-linear-gradient(top, #efecca, #a7a37e);
+	filter: progid:DXImageTransform.Microsoft.Gradient(endColorstr='$bg1', startColorstr='$bg2', gradientType='0');
+	text-align: center;
+}
+section.center h1 {
+	text-align: center;
+	font-size: 48px;
+	line-height: 48px;
+}
+section.center p {
+	text-align: justify;
+	font-size: 16px;
+	margin-bottom: 16px;
+	font-weight: 500;
+	text-shadow: #a7a37e 0.5px 0.5px 1px;
+}
+section.center p em {
+	font-weight: normal;
+}
+section.center p strong a, section.center p strong {
+	font-weight: 700;
+}
+section.center p a:active, section.center p a:focus {
+	background: #002f2f;
+	color: #a7a37e;
+	outline: 0;
+	text-decoration: none;
+	text-shadow: none;
+}
+section.center p a:hover {
+	text-decoration: none;
+}
+section.center img {
+	text-align: center;
+	display: block;
+}
+section.center h2 {
+	text-align: center;
+	font-size: 32px;
+	line-height: 32px;
+}
+section.list, section.posts {
+	background: url(/images/bg.png), #002f2f;
+	max-width: 100%;
+	padding: 32px 0 0;
+	text-align: center;
+}
+section.list h1, section.posts h1 {
+	color: #046380;
+	letter-spacing: 10px;
+	margin: 16px 0;
+}
+section.wide {
+	background: url(/images/bg.png), #002f2f;
+	width: 100%;
+	padding: 32px 0;
+}
+section.wide a {
+	color: #a7a37e;
+}
+section.wide > ul {
+	margin: 0 auto;
+	list-style: none;
+	text-align: center;
+}
+section.wide > ul li {
+	width: 320px;
+	vertical-align: top;
+	display: inline-block;
+	padding: 0 10px;
+}
+section.wide > ul li h1 {
+	text-align: center;
+	font-weight: 300;
+	margin-bottom: 32px;
+}
+section.wide > ul li h1 > a {
+	font-size: 40px;
+	line-height: 48px;
+	color: #046380;
+	text-decoration: none;
+}
+section.wide > ul li ul li {
+	margin-bottom: 8px;
+}
+section.wide > ul li ul, section.wide > ul li ul li, section.wide > ul li ul li a {
+	text-align: left;
+	font-size: 14px;
+	text-decoration: none;
+	color: #e6e2af;
+}
+
+#links, #posts {
+	max-width: 1040px;
+	list-style: none;
+	display: inline-block;
+}
+#links li, #posts li {
+	display: inline-block;
+	text-align: center;
+}
+#links a, #posts a {
+	text-decoration: none;
+	color: #e6e2af;
+}
+#links a:hover, #posts a:hover {
+	color: #a7a37e;
+}
+
+#links li {
+	width: 160px;
+}
+
+#posts li {
+	width: 240px;
+}
+
+em {
+	font-style: italic;
+}
+
+strong {
+	font-weight: 700;
+}
+
+footer {
+	background: url(/images/bg.png), #002f2f;
+	max-width: 100%;
+	padding: 32px 0 0;
+	text-align: center;
+	color: #a7a37e;
+}
+footer p {
+	padding: 32px 0;
+}
+footer a, footer p {
+	color: #a7a37e;
+	text-decoration: none;
+}
+footer a:hover {
+	color: #a7a37e;
+}
+
+
+iframe {
+	border: 0;
+	background: transparent;
+}
+
+section.center form {
+	font-size: 24px !important;
+	text-align: center;
+}
+section.center label {
+	font-size: 24px;
+	line-height: 36px;
+	text-align: center;
+	overflow:hidden;
+}
+
+section.center input{
+	font-size: 24px;
+	margin: 0 auto;
+}
+section.center input[type=file],
+section.center textarea{
+	width: 300px;
+	background: white;
+	padding: 9px 5px 9px 12px;
+	line-height: 18px;
+	-webkit-border-radius: 10px;
+	-moz-border-radius: 10px;
+	border-radius: 10px;
+	
+	border: 0px;
+}
+
+
+section.center input[type=file]:focus,
+section.center textarea:focus{
+	border: 1px solid #002f2f;
+	outline: none;
+	margin: -1px;
+}
+
+
+section.center textarea{
+	width: 100%;
+	font-size: 24px;
+	height: 240px;
+	padding: 6px 5px;
+	line-height: 36px;
+}
+
+section.center iframe {
+	width: 0;
+	height: 0;
+	overflow: hidden;
+}
+
+section.center input[type=submit] {
+	width: 180px;
+	height: 40px;
+	padding: 20px;
+	margin: 24px 10px;
+}
+@media (max-width:640px) {
+	section.center {
+		padding: 16px 12.5%;
+		width: inherit;
+		max-width: inherit;
+	}
+	section.center img {
+		width: 100%;
+	}
+
+}
+
+
+
+