Commit c5a551f7 authored by John Crepezzi's avatar John Crepezzi
Browse files

Move to static, rewrite client-JS

parent 5b874e34

server.js

0 → 100644
+58 −0
Original line number Diff line number Diff line 
var http = require('http');

var fs = require('fs');

var path = require('path');

var url = require('url');





// TODO logging

// TODO preparse static instead of using exists



//////////////



var StaticHandler = function(path) {

  this.path = path;

  this.defaultPath = '/index.html';

};



StaticHandler.contentTypeFor = function(ext) {

  if (ext == '.js') return 'text/javascript';

  else if (ext == '.css') return 'text/css';

  else if (ext == '.html') return 'text/html';

  else if (ext == '.ico') return 'image/ico';

  else console.log(ext);

};



StaticHandler.prototype.handle = function(request, response) {

  var inc = url.parse(request.url, false);

  var filePath = this.path + (inc.pathname == '/' ? this.defaultPath : inc.pathname);

  path.exists(filePath, function(exists) {

    if (exists) {

      fs.readFile(filePath, function(error, content) {

        if (error) {

          // TODO make nice

          console.log(error);

          response.writeHead(500);

          response.end();

        }

        else {

          response.writeHead(200, { 'content-type': StaticHandler.contentTypeFor(path.extname(filePath)) });

          response.end(content, 'utf-8');

        }

      });    

    }

    else {

      // TODO make nice

      response.writeHead(404);

      response.end();

    }

  }); 

};



///////////



http.createServer(function(request, response) {



  var handler = new StaticHandler('./static');

  handler.handle(request, response);



}).listen(7777);

application.js→static/application.js

+115 −0
Original line number Diff line number Diff line 
// TODO implement save as a jquery method

// TODO support for browsers without pushstate

// TODO support for push state navigation

var save = function(data, callback) {



var heist_document = function() {



  this.locked = false;



};



heist_document.prototype.save = function(data, callback) {

  if (this.locked) {

    return false;

  }

  var high = hljs.highlightAuto(data);

  var pack = {

    language: high.language,
@@ -9,32 +16,76 @@ var save = function(data, callback) { 
  };

  pack.value = high.value;

  pack.uuid = '123456';

  this.locked = true;

  callback(pack);

};



$(function() {

var heist = function(appName) {



  $('textarea').focus();

  this.appName = appName;

  this.setTitle();

  this.$textarea = $('textarea');

  this.$box = $('#box');

  this.$code = $('#box code');



  $('textarea').keyup(function(evt) {

    if (evt.ctrlKey && evt.which === 76) {

      save($('textarea').val(), function(ret) {

  this.configureShortcuts();



};



// Set the page title - include the appName

heist.prototype.setTitle = function(ext) {

  var title = ext ? this.appName + ' - ' + ext : this.appName;

  document.title = title;

};



// Remove the current document (if there is one)

// and set up for a new one

heist.prototype.newDocument = function(ext) {

  this.doc = new heist_document();

  this.$box.hide();

  this.$textarea.val('').show().focus();

}



// Lock the current document

heist.prototype.lockDocument = function() {

  var _this = this;

  this.doc.save(this.$textarea.val(), function(ret) {

    if (ret) {

          $('#box code').html(ret.value);

          // window.history.pushState(null, 'Heist - ' + ret.language, '/~john/heist/' + ret.uuid);

          document.title = 'heist - ' + ret.language;

          $('textarea').hide();

          $('#box').show();	

      _this.$code.html(ret.value);

      _this.setTitle(ret.language);

      _this.$textarea.val('').hide();

      _this.$box.show();

    }

  });

};



// Configure keyboard shortcuts for the textarea

heist.prototype.configureShortcuts = function() {

  var _this = this;

  this.$textarea.keyup(function(evt) {

    // ^L for lock

    if (evt.ctrlKey && evt.which === 76) {

      _this.lockDocument();

    }

  });

};





// TODO refuse to lock empty documents

// TODO support for browsers without pushstate

// TODO support for push state navigation

// TODO ctrl-n for new

// TODO ctrl-d for duplicate



$(function() {



  $('textarea').focus();



  $('textarea').keydown(function(evt) {

    if (evt.keyCode === 9) {

      evt.preventDefault();

      var myValue = '  ';

      // Inspired by http://stackoverflow.com/questions/946534/insert-text-into-textarea-with-jquery

      // http://stackoverflow.com/questions/946534/insert-text-into-textarea-with-jquery

      // For browsers like Internet Explorer

      if (document.selection) {

        this.focus();
@@ -47,7 +98,8 @@ $(function() { 
        var startPos = this.selectionStart;

        var endPos = this.selectionEnd;

        var scrollTop = this.scrollTop;

        this.value = this.value.substring(0, startPos)+myValue+this.value.substring(endPos,this.value.length);

        this.value = this.value.substring(0, startPos) + myValue +

          this.value.substring(endPos,this.value.length);

        this.focus();

        this.selectionStart = startPos + myValue.length;

        this.selectionEnd = startPos + myValue.length;

highlight.min.js→static/highlight.min.js

+0 −0

File moved.

View file

index.html→static/index.html

+8 −2
Original line number Diff line number Diff line
@@ -37,13 +37,19 @@ 
		<script type="text/javascript" src="highlight.min.js"></script>

		<script type="text/javascript" src="application.js"></script>



		<script type="text/javascript">

			$(function() {

				var app = new heist('heist');

				app.newDocument();	

			});

		</script>



	</head>



	<body>



		<pre id="box" style="display:none;"><code></code></pre>



		<textarea spellcheck="false"></textarea>

		<textarea spellcheck="false" style="display:none;"></textarea>



	</body>

jquery-1.7.min.js→static/jquery-1.7.min.js

+0 −0

File moved.

View file