browser-tool.js

'use strict';

var angular = require('angular');
var bookmarkleter = require('./bookmarkleter');

var app = angular.module('bookmarkleter', []);

var defaultName = 'My Bookmarklet';

app.config(['$compileProvider', function ($compileProvider) {
  $compileProvider.aHrefSanitizationWhitelist(/./);
}]);

app.controller('appController', ['$scope', function ($scope) {

  $scope.options = {
    urlencode: true,
    iife: true,
    minify: true,
    transpile: false,
    jQuery: false
  };

  $scope.name = $scope.displayName = defaultName;

  $scope.error = null;

  $scope.updateBookmarklet = function (options) {

    var code = $scope.input;
    var name = $scope.name;

    if (name.trim().length === 0) {
      name = defaultName;
    }

    $scope.displayName = name;

    if (!code) {
      $scope.output = '';
      $scope.error = null;
      return;
    }

    // Make a bookmarklet and show to user. Capture parse errors.
    try {
      $scope.output = bookmarkleter(code, options);
      $scope.error = null;
    } catch (err) {
      $scope.error = err.message;
      $scope.output = null;
      return;
    }

  };

}]);