passhashplus.js

var database; //this gets set only once, at [[database]]

if (typeof String.prototype.startsWith != 'function') {
  String.prototype.startsWith = function (str){
    return this.indexOf(str) == 0;
  };
}

function toggleField () {
  var button = this;
  var field = $(this).prev ("input").get (0);
  if ("text" == field.type) {
    field.type = "password";
    button.value = "a";
    button.title = "Show contents (Ctrl + *)";
  } else {
    field.type = "text";
    button.value = "*";
    button.title = "Mask contents (Ctrl + *)";
  }
}

function selectionChanged () {
  var tag = $("#urls option:selected").text ();
  if (tag) {
    $('#tag').val(tag);
    $('#seed').val(database['tag'][tag].seed);
    $('#length').val(database['tag'][tag].length);
    $('#strength').val(database['tag'][tag].strength);
    if (database.tag[tag].strength == -1) {
	$('#customstrengthrow').removeClass('hidden');
        $('#d').prop('checked', database.tag[tag].custom.d);
        $('#p').prop('checked', database.tag[tag].custom.p);
        $('#m').prop('checked', database.tag[tag].custom.m);
        $('#r').prop('checked', database.tag[tag].custom.r);
    } else {
	$('#customstrengthrow').addClass('hidden');
    }
    update ();
  }
}

function hideShowCustomStrength() {
    var strength = $('#strength').val();
    console.log("[hideShowCstmStr] strength = " + strength);
    if (strength == -1) {
	$('#customstrengthrow').removeClass('hidden');
    } else {
	$('#customstrengthrow').addClass('hidden');
    }
}

function update () {
  var config = new Object ();
  config.tag = $('#tag').val();
  config.policy = new Object ();
  config.policy.seed = $('#seed').val();
  if (config.tag.startsWith ("compatible:") || config.policy.seed == "") {
    if (config.tag.startsWith ("compatible:")){
      config.tag = config.tag.substringAfter ("compatible:");
    }
    delete config.policy.seed;
  }
  config.policy.length = $('#length').val();
  config.policy.strength = $('#strength').val();
  if (config.policy.strength == -1) {
      config.policy.custom = new Object();
      config.policy.custom.d = $('#d').prop('checked');
      config.policy.custom.p = $('#p').prop('checked');
      config.policy.custom.m = $('#m').prop('checked');
      config.policy.custom.r = $('#r').prop('checked');
  } else {
      delete config.policy.custom;
  }
  config.options = database.options;
  $('#hash').val
    (generateHash
     (config,$('#input').val())
    );
}

$( document ).ready(function () {

  if (JSON.parse( $('#is-file-portable').text() )){

    //////////////////////////////////////////////
    // File is portable:                        //
    //                                          //
    //   * Scripts are already inlined          //
    //   * Database already populated           //
    //   * Download button already invisible... //
    //                                          //
    // Install click handlers and call invariant//
    // startup code                             //
    //////////////////////////////////////////////

    $('#unmaskseed').click (toggleField);
    $('#unmasktag').click (toggleField);
    $('#unmaskpassword').click (toggleField);

    $('#strength').change(hideShowCustomStrength);

    $('#copy').click (function() {
      var copyText = document.getElementById("hash");
      copyText.select();
      document.execCommand("Copy");
    });
    
    
    $('#bump').click (function () {
      $("#tag").val (bump ($("#tag").val ()));
      update ();
    });

    $('#widenhash').click (function() {
      if ("<->" == $('#widenhash').val()) {
        $('#hash').css("width", "26em");
        $('#widenhash').val(">.<");
        $('#widenhash').attr("title", "Narrow hash field");
      } else {
        $('#hash').css("width", "1em");
        $('#widenhash').val("<->");
        $('#widenhash').attr("title", "Widen hash field");
      }
    });

    $('#hash').click(function () {
      $('#hash').select();
    });

    $('#revealdatabase').click(function () {
      if ($('#revealdatabase').val()=="Reveal") {
        $('#revealdatabase').val("Hide");
        $('#revealdatabase').attr("title","Hide Database");
        $('#databasetextarea').css('display','block');
      } else {
        $('#revealdatabase').val("Reveal");
        $('#revealdatabase').attr("title","Reveal Database");
        $('#databasetextarea').css('display','none');
      }
    });

    invariant_startup_code();
  } else {

    /////////////////////////////////////////////////////////////////////////////
    // File is not portable:                                                   //
    //                                                                         //
    // 1. Inline all javascript scripts                                        //
    //   1.a. Grab the contents of wherever src= points to.                    //
    //   1.b. Put those contents in between <script> tags                      //
    //   1.c. Remove the old "src=" attribute                                  //
    //   1.d. Leave a comment to say what the old "src=" attribute was         //
    //                                                                         //
    // 2. Populate the <script id="database">                                  //
    //                                                                         //
    // 3.When the ajax from //1 is all finished: Set up the Download button    //
    //   3.a. Encode the entire DOM as a URI, and set it to the href of the    //
    //        download button                                                  //
    //   3.b. Make the download button visible.                                //
    //        Note that the download button is made visible _after_ the DOM -> //
    //        URI encoding. Therefore, it will be invisible in the downloaded  //
    //        file                                                             //
    /////////////////////////////////////////////////////////////////////////////


    $('#is-file-portable').text("true");
    var gettings = $("script").map(function(_i, script){ //1
      if (script.type == "text/javascript"){
        return $.get($(script).attr('src'), function (data) { //1.a
          $(script).text (data); //1.b
          $(script).before('<!-- src="' + $(script).attr('src') + '" -->'); //1.d
          $(script).removeAttr("src"); //1.c
        }, "script");
      } //if (script.type == "text/javascript")
    });

    dumpDatabase().then(db => {
      $('#database').text(JSON.stringify(db, null, 2));
      $.when.apply(null, gettings).done(function(){ //3
        var uriContent = "data:text/html;charset=utf-8,"
          + encodeURIComponent($('html').html());
        $('#save').attr('href', uriContent); //3.a
        $('#savediv').css('display','block'); //3.b
        invariant_startup_code();
        var siteTag = queryParam("tag");
        if (null != siteTag) {
          $("#urls").val(siteTag);
          selectionChanged();
        }
      });
    });
  }
}); //end of $(document).ready()


function invariant_startup_code(){
  //invariant_startup_code can be entered from two places,
  //immediately at startup for
  //////////////////////////////////////////////////////////////////////////
  // This code is run regardless of wheather the file is portable or not. //
  //                                                                      //
  // 4. Parse the database, and put it in a global for everyone to use    //
  //                                                                      //
  // 5. Populate drop down list from database                             //
  //   5.b. for each site tag in the database                             //
  //      5.b.i add it as an option to the drop down list                 //
  //                                                                      //
  // 6. Populate database textarea from database                          //
  //                                                                      //
  // 7. Pretend the drop down list just got changed, so that the text     //
  //    fields get populated                                              //
  //                                                                      //
  //////////////////////////////////////////////////////////////////////////


  //4 set global variable [[database]]
  database=JSON.parse($('#database').text ()); //4.a.

  //5
  for (var url in database['url']) {
    if (debug) console.log('adding url='+url+' to dropdown');
    $('#urls').append ($('<option>').val(url).text(url)); //5.b.i
  }

  $('#databasetextarea').text($('#database').text()); //6

  $('.nopasshash').on("keyup", update);     //x
  $('.nopasshash').on("change", update);    //y
  $('#urls').on("change", selectionChanged);//z

  //x,y,z are here to make sure database is defined before
  //update/selectionChaned can fire

  selectionChanged(); //7
}