doremi-script/lib/doremi-script/application.js

Letter music notation processor

(function() {
  var root;
  var __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; };
  root = typeof exports !== "undefined" && exports !== null ? exports : this;
  $(document).ready(function() {
    var Logger, debug, generate_html_page_aux, get_css, get_current_line_of, get_current_line_of_text_area, get_dom_fixer, get_zepto, handleFileSelect, handle_key_stroke, load_filepath, parser, redirect_helper, run_parser, sample_compositions_click, setup_links, setup_links_after_save, setup_samples_dropdown, str;
    if ((document.cookie != null) && document.cookie.indexOf('user') > -1) {
      $('#sign_in').hide();
    }
    redirect_helper = function(fname) {
      var loc;
      loc = document.location;
      return document.location = "" + loc.protocol + "//" + loc.host + fname;
    };
    console.log("redirect_helper", redirect_helper);
    window.timed_count = __bind(function() {
      var cur_val, t;
      cur_val = $('#entry_area').val();
      if (window.last_val !== cur_val) {
        $('#run_parser').trigger('click');
        window.last_val = cur_val;
      }
      return t = setTimeout("timed_count()", 1000);
    }, this);
    window.do_timer = __bind(function() {
      if (!window.timer_is_on) {
        window.timer_is_on = 1;
        return window.timed_count();
      }
    }, this);
    run_parser = function() {
      var canvas, composition_data, src;
      if (parser.is_parsing) {
        return;
      }
      window.parse_errors = "";
      $('#parse_tree').text('parsing...');
      try {
        parser.is_parsing = true;
        $('#warnings_div').hide();
        $('#warnings_div').html("");
        src = $('#entry_area').val();
        composition_data = parser.parse(src);
        composition_data.source = src;
        composition_data.lilypond = to_lilypond(composition_data);
        composition_data.musicxml = to_musicxml(composition_data);
        window.the_composition = composition_data;
        $('#parse_tree').text("Parsing completed with no errors \n" + JSON.stringify(composition_data, null, "  "));
        if (composition_data.warnings.length > 0) {
          $('#warnings_div').html("The following warnings were reported:<br/>" + composition_data.warnings.join('<br/>'));
          $('#warnings_div').show();
        }
        $('#parse_tree').hide();
        $('#rendered_doremi_script').html(to_html(composition_data));
        $('#lilypond_source').text(composition_data.lilypond);
        $('#musicxml_source').text(composition_data.musicxml);
        dom_fixes();
        return canvas = $("#rendered_in_staff_notation")[0];
      } catch (err) {
        window.parse_errors = window.parse_errors + "\n" + err;
        $('#parse_tree').text(window.parse_errors);
        return $('#parse_tree').show();
      } finally {
        window.last_val = $('#entry_area').val();
        parser.is_parsing = false;
      }
    };
    get_current_line_of_text_area = function(obj) {
      return get_current_line_of(obj.value, obj.selectionStart, obj.selectionEnd);
    };
    get_current_line_of = function(val, sel_start, sel_end) {
      var index_of_end_of_line, line, pos_of_start_of_line, start_of_line_to_end, to_left_of_cursor, to_right_of_cursor;
      to_left_of_cursor = val.slice(0, sel_start);
      to_right_of_cursor = val.slice(sel_end);
      pos_of_start_of_line = to_left_of_cursor.lastIndexOf('\n');
      if (pos_of_start_of_line === -1) {
        start_of_line_to_end = val;
      } else {
        start_of_line_to_end = val.slice(pos_of_start_of_line + 1);
      }
      index_of_end_of_line = start_of_line_to_end.indexOf('\n');
      if (index_of_end_of_line === -1) {
        line = start_of_line_to_end;
      } else {
        line = start_of_line_to_end.slice(0, index_of_end_of_line);
      }
      return line;
    };
    handle_key_stroke = function(event) {
      var char, el, hash, index_of_end_of_line, line, pos_of_start_of_line, sel_end, sel_start, start_of_line_to_end, to_left_of_cursor, to_right_of_cursor, val, _ref;
      el = this;
      val = el.value;
      sel_start = el.selectionStart;
      sel_end = el.selectionEnd;
      to_left_of_cursor = val.slice(0, sel_start);
      to_right_of_cursor = val.slice(sel_end);
      pos_of_start_of_line = to_left_of_cursor.lastIndexOf('\n');
      if (pos_of_start_of_line === -1) {
        start_of_line_to_end = val;
      } else {
        start_of_line_to_end = val.slice(pos_of_start_of_line + 1);
      }
      index_of_end_of_line = start_of_line_to_end.indexOf('\n');
      if (index_of_end_of_line === -1) {
        line = start_of_line_to_end;
      } else {
        line = start_of_line_to_end.slice(0, index_of_end_of_line);
      }
      line = get_current_line_of_text_area(el);
      if ((_ref = event.which) === 115 || _ref === 112) {
        if (line.indexOf('|') > -1) {
          hash = {
            112: "P",
            115: "S"
          };
          char = hash[event.which];
          event.preventDefault();
          el.value = "" + to_left_of_cursor + char + to_right_of_cursor;
          el.setSelectionRange(sel_start + 1, sel_start + 1);
          return el.focus();
        }
      }
    };
    get_dom_fixer = function() {
      var params;
      params = {
        type: 'GET',
        url: '/js/dom_fixer.js',
        dataType: 'text',
        success: function(data) {
          $('#dom_fixer_for_html_doc').html(data);
          return window.generate_html_doc_ctr--;
        }
      };
      return $.ajax(params);
    };
    get_zepto = function() {
      var params;
      params = {
        type: 'GET',
        url: '/js/third_party/zepto.unminified.js',
        dataType: 'text',
        success: function(data) {
          $('#zepto_for_html_doc').html(data);
          return window.generate_html_doc_ctr--;
        }
      };
      return $.ajax(params);
    };
    get_css = function() {
      var params;
      params = {
        type: 'GET',
        url: '/css/application.css',
        dataType: 'text',
        success: function(data) {
          $('#css_for_html_doc').html(data);
          return window.generate_html_doc_ctr--;
        }
      };
      return $.ajax(params);
    };
    console.log("get_css is", get_css);
    setup_samples_dropdown = function() {
      var params;
      params = {
        type: 'GET',
        url: '/list_samples',
        dataType: 'json',
        success: function(data) {
          var item, short, str;
          str = "<option value='" + item + "'>" + item + "</option>";
          str = ((function() {
            var _i, _len, _results;
            _results = [];
            for (_i = 0, _len = data.length; _i < _len; _i++) {
              item = data[_i];
              short = item.slice(item.lastIndexOf('/') + 1);
              _results.push("<option value='" + item + "'>" + short + "</option>");
            }
            return _results;
          })()).join('');
          return $('#sample_compositions').append(str);
        }
      };
      return $.ajax(params);
    };
    setup_links = function(filename) {
      var full_path, snip, typ, without_suffix, _i, _len, _ref, _results;
      console.log("setup_links");
      without_suffix = filename.substr(0, filename.lastIndexOf('.txt')) || filename;
      _ref = ["png", "pdf", "mid", "ly", "txt", "xml", "html"];
      _results = [];
      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
        typ = _ref[_i];
        snip = "window.open('" + without_suffix + "." + typ + "'); return false; ";
        $("#download_" + typ).attr('href', full_path = "" + without_suffix + "." + typ);
        if (typ === 'png') {
          $('#lilypond_png').attr('src', full_path);
        }
        _results.push($("#download_" + typ).attr('onclick', snip));
      }
      return _results;
    };
    setup_links_after_save = function(filename) {
      var full_path, snip, typ, without_suffix, x, _i, _len, _ref, _results;
      without_suffix = filename.substr(0, filename.lastIndexOf('.txt')) || filename;
      $('#url_to_reopen').val(x = window.location.href);
      $('#reopen_link').text(x);
      $('#reopen_link').attr('href', x);
      _ref = ["ly", "txt", "xml"];
      _results = [];
      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
        typ = _ref[_i];
        snip = "window.open('" + without_suffix + "." + typ + "'); return false; ";
        $("#download_" + typ).attr('href', full_path = "" + without_suffix + "." + typ);
        _results.push($("#download_" + typ).attr('onclick', snip));
      }
      return _results;
    };
    load_filepath = function(filepath) {
      var params;
      params = {
        type: 'GET',
        url: "" + filepath + ".txt",
        dataType: 'text',
        success: __bind(function(data) {
          console.log("load_filepath");
          $('#entry_area').val(data);
          $('#entry_area').trigger('change');
          $('#sample_compositions').val("Load sample compositions");
          setup_links_after_save(filepath);
          setup_links(filepath);
          $('.generated_by_lilypond').show();
          return run_parser();
        }, this)
      };
      return $.ajax(params);
    };
    sample_compositions_click = function() {
      if (this.selectedIndex === 0) {
        return;
      }
      return redirect_helper(this.value);
    };
    handleFileSelect = __bind(function(evt) {
      var file, reader;
      file = document.getElementById('file').files[0];
      reader = new FileReader();
      reader.onload = function(evt) {
        $('#entry_area').val(evt.target.result);
        $('#lilypond_png').attr('src', "");
        return $('#open_div').hide();
      };
      return reader.readAsText(file, "");
    }, this);
    console.log("code starts here");
    /*
      $("#menubar").superfish(pathClass : 'current'
                              animation : { height:"show" }
                              onBeforeShow : () -> $(this).hide()
                              onHide : ()-> $(this).show())
      */
    $('#entry_area').autogrow();
    parser = DoremiScriptParser;
    parser.is_parsing = false;
    window.parse_errors = "";
    window.generate_html_doc_ctr = 3;
    get_css();
    get_zepto();
    get_dom_fixer();
    $('.generated_by_lilypond').hide();
    Logger = _console.constructor;
    _console.level = Logger.WARN;
    _.mixin(_console.toObject());
    if (typeof Zepto !== "undefined" && Zepto !== null) {
      _.debug("***Using zepto.js instead of jQuery***");
    }
    debug = false;
    setup_samples_dropdown();
    if (window.location.host.indexOf('localhost') === -1) {
      $("#add_to_samples").hide();
    }
    $('#sample_compositions').change(sample_compositions_click);
    document.getElementById('file').addEventListener('change', handleFileSelect, false);
    window.timer_is_on = 0;
    if (window.location.pathname.indexOf("/samples/") > -1) {
      load_filepath(window.location.pathname);
    }
    if (window.location.pathname.indexOf("/compositions/") > -1) {
      load_filepath(window.location.pathname);
    }
    str = "";
    $('#entry_area').val(str);
    parser = DoremiScriptParser;
    parser.is_parsing = false;
    window.parse_errors = "";
    $('#show_parse_tree').click(function() {
      return $('#parse_tree').toggle();
    });
    $('a#show_open').click(function() {
      return $('#open_div').show();
    });
    $('#save_to_server').click(__bind(function() {
      var my_data, obj;
      my_data = {
        doremi_script_source: $('#entry_area').val(),
        lilypond: to_lilypond(window.the_composition),
        musicxml: to_musicxml(window.the_composition),
        html_page: generate_html_page_aux(window.the_composition),
        fname: window.the_composition.filename,
        save_to_samples: $('#save_to_samples2').val() === "on"
      };
      obj = {
        type: 'POST',
        url: '/save',
        dataType: "json",
        data: my_data,
        error: function(some_data) {
          return alert("Saving to server failed");
        },
        success: function(some_data, text_status) {
          return redirect_helper(some_data.fname);
        }
      };
      return $.ajax(obj);
    }, this));
    $('#generate_staff_notation').click(__bind(function() {
      var my_data, obj;
      $('#lilypond_png').attr('src', "");
      $('.generated_by_lilypond').hide();
      my_data = {
        as_html: true,
        fname: window.the_composition.filename,
        lilypond: window.the_composition.lilypond,
        doremi_script_source: $('#entry_area').val(),
        musicxml: window.the_composition.musicxml,
        save_to_samples: false
      };
      obj = {
        type: 'POST',
        url: '/lilypond.txt',
        dataType: "json",
        data: my_data,
        error: function(some_data) {
          alert("Generating staff notation failed");
          return $('#lilypond_png').attr('src', 'none.jpg');
        },
        success: function(some_data, text_status) {
          return redirect_helper(some_data.fname);
        }
      };
      return $.ajax(obj);
    }, this));
    generate_html_page_aux = function() {
      var composition, css, full_url, js, js2;
      console.log("generate_html_page_aux");
      if (window.generate_html_doc_ctr > 0) {
        return;
      }
      css = $('#css_for_html_doc').html();
      js = $('#zepto_for_html_doc').html();
      js2 = $('#dom_fixer_for_html_doc').html();
      composition = window.the_composition;
      full_url = "http://ragapedia.com";
      return to_html_doc(composition, full_url, css, js + js2);
    };
    $('#generate_html_page').click(__bind(function() {
      return generate_html_page_aux();
    }, this));
    $('#show_lilypond_output').click(function() {
      return $('#lilypond_output').toggle();
    });
    $('#show_musicxml_source').click(function() {
      return $('#musicxml_source').toggle();
    });
    $('#show_lilypond_source').click(function() {
      return $('#lilypond_source').toggle();
    });
    $('#run_parser').click(function() {
      return run_parser();
    });
    $('#entry_area').keypress(handle_key_stroke);
    $('#parse_tree').hide();
    $('#lilypond_output').hide();
    $('#lilypond_source').hide();
    $('#musicxml_source').hide();
    window.do_timer();
    if ($('#entry_area').val() !== "") {
      return run_parser;
    }
  });
}).call(this);