memcached-manager 0.4.0 → 1.0.0

data/lib/extensions.rb

@@ -1,7 +1,12 @@
+require 'sinatra'
+require 'sinatra/base'
+require 'sinatra/contrib'
+
 #TODO: autoload extensions
 require_relative 'extensions/errors'
 require_relative 'extensions/memcached_settings'
 require_relative 'extensions/memcached_connection'
+require_relative 'extensions/memcached_command'
 require_relative 'extensions/memcached_inspector'
 require_relative 'extensions/api_response'
 
@@ -10,5 +15,6 @@ module Sinatra
   helpers MemcachedSettings
   helpers MemcachedConnection
   helpers MemcachedInspector
+  helpers MemcachedCommand
   helpers APIResponse
 end

data/lib/extensions/memcached_command.rb

@@ -0,0 +1,14 @@
+module Sinatra
+  module MemcachedCommand
+    def memcached_command options
+      host = options[:host]
+      port = options[:port]
+      command = options[:command]
+
+      memcached_connection = Net::Telnet::new("Host" => host, "Port" => port, "Timeout" => 3)
+      memcached_connection.cmd("String" => command, "Match" => /^END/) do |response|
+        return {response: response.inspect}
+      end
+    end
+  end
+end

data/lib/extensions/memcached_connection.rb

@@ -8,6 +8,15 @@ module Sinatra
       @memcached.close
     end
 
+    def memcached_connected? host, port
+      begin
+        Net::Telnet::new("Host" => host, "Port" => port)
+      rescue Errno::ECONNREFUSED
+        return false
+      end
+      true
+    end
+
     def memcached_connection
       @memcached
     end

data/lib/extensions/memcached_inspector.rb

@@ -4,6 +4,7 @@ module Sinatra
       host = options[:host]
       port = options[:port]
       key = options[:key]
+      query = options[:query]
 
       inspect = inspector host, port
 
@@ -12,6 +13,11 @@ module Sinatra
         inspect = inspect.select{|pair| pair[:key] == key }.first
       end
 
+      # Filter keys by query/regexp
+      if !query.nil?
+        inspect = inspect.select{|pair| pair[:key] =~ Regexp.new(query, 'i') }
+      end
+
       inspect
     end
 
@@ -34,12 +40,13 @@ module Sinatra
         localhost.cmd("String" => "stats cachedump #{slab_id} #{cache_dump_limit}", "Match" => /^END/) do |c|
           matches = c.scan(/^ITEM (.+?) \[(\d+) b; (\d+) s\]$/).each do |key_data|
             (cache_key, bytes, expires_time) = key_data
-            humanized_expires_time = Time.at(expires_time.to_i).to_s
-            expired = false
-            expired = true if Time.at(expires_time.to_i) < Time.now
-            keys << { key: cache_key, bytes: bytes, expires_at: humanized_expires_time, expired: expired }
+            expires_in = expires_time.to_i
+            infinite = false
+            infinite = true if Time.at(expires_time.to_i) < Time.now
+
+            keys << { key: cache_key, bytes: bytes, expires_in: expires_in, infinite: infinite }
           end
-        end  
+        end
       end
 
       keys

data/lib/extensions/memcached_settings.rb

@@ -1,12 +1,12 @@
 module Sinatra
   module MemcachedSettings
     def memcached_host session
-      return session['host'] if configured? session, 'host'
+      return session[:host] if configured? session, :host
       ENV['memcached_host'] || 'localhost'
     end
 
     def memcached_port session
-      return session['port'] if configured? session, 'port'
+      return session[:port] if configured? session, :port
       ENV['memcached_port'] || '11211'
     end
 

data/lib/public/javascripts/angular/controllers.js

@@ -1,8 +1,43 @@
-controllers.controller('ListKeysController', ['$scope', 'Keys', '$state', '$location', function($scope, Keys, $state, $location) {
+controllers.controller('EditConfigController', ['$scope', 'Configs', '$state', '$location', function($scope, Configs, $state, $location) {
+  $scope.config = Configs.get();
+}]);
+
+controllers.controller('UpdateConfigController', ['$state', '$scope', 'Configs', '$location', 'Notification', 'Response', function($state, $scope, Configs, $location, Notification, Response) {
+  $scope.updateConfig = function() {
+    config = { host: $scope.config.host, port: $scope.config.port };
+
+    $state.transitionTo('processingRequest');
+
+    Configs.save(config, function(response) {
+      if (Response.valid(response)){ // Checks if response is valid
+        Notification.success('Yay! Memcached config updated with success.');
+
+        // Refreshing list
+        $state.transitionTo('showKeys');
+
+        // Redirecting to / so the list gets refreshed.
+        $location.path('/');
+      } else {
+        Notification.error(Response.errors(response));
+      }
+    });
+  }
+}]);
+
+
+controllers.controller('ListKeysController', ['$scope', 'Keys', '$state', '$location', 'QueryParamsSingleton', function($scope, Keys, $state, $location, QueryParamsSingleton) {
   $scope.keys = Keys.get();
+  $scope.query = QueryParamsSingleton.getQuery();
+
   $scope.showKeys = function() {
     $state.transitionTo('showKeys');
   };
+
+  $scope.filterByQuery = function() {
+    QueryParamsSingleton.setQuery($scope.query);
+
+    $scope.keys = Keys.get({query: $scope.query});
+  }
 }]);
 
 controllers.controller('CreateKeyController', ['$scope', 'Keys', '$state', '$location', 'Notification', 'Response', function($scope, Keys, $state, $location, Notification, Response) {
@@ -74,9 +109,10 @@ controllers.controller('EditKeyController', ['$state', '$scope', 'Key', '$locati
   $scope.pair = Key.find({key: $stateParams.key});
 }]);
 
-controllers.controller('StatsController', ['$state', '$scope', 'Stats', '$location', '$stateParams', function($state, $scope, Stats, $location, $stateParams) {
+controllers.controller('StatsController', ['$state', '$scope', 'Stats', '$location', '$stateParams', 'Connection', function($state, $scope, Stats, $location, $stateParams, Connection) {
   // Set up the current form text 'key' as key
   $scope.stats = Stats.all();
+  $scope.connection = Connection.get();
 }]);
 
 controllers.controller('ShowKeyController', ['$state', '$scope', 'Key', '$location', '$stateParams', function($state, $scope, Key, $location, $stateParams) {
@@ -84,6 +120,15 @@ controllers.controller('ShowKeyController', ['$state', '$scope', 'Key', '$locati
   $scope.pair = Key.find({key: $stateParams.key});
 }]);
 
-controllers.controller('BootstrapController', ['$state', function($state) {
+controllers.controller('BootstrapController', ['$state', 'Connection', 'Notification', function($state, Connection, Notification) {
+  setInterval(function() {
+    Connection.get(function(response){
+      if (!response.connected) {
+        Notification.fatal('Memcached is out of reach. Please update settings with a valid memcached host and port.');
+        $state.transitionTo('editConfig');
+      };
+    });
+  }, 1000);
+
   $state.transitionTo('showKeys');
 }]);

data/lib/public/javascripts/angular/filters.js

@@ -0,0 +1,85 @@
+filters.filter('configs', function() {
+  return function(args, keyToRead){
+    var key, value;
+
+    key = Object.keys(args)[0];
+
+    if (key != undefined) {
+      switch(keyToRead) {
+        case "numberOfKeys":
+          value = args[key]['curr_items'];
+          break;
+        case "bytes":
+          value = args[key]['bytes'];
+          break;
+        case "maxBytes":
+          value = args[key]['limit_maxbytes'];
+          break;
+        case "percentUsage":
+          value = (args[key]['bytes'] / args[key]['limit_maxbytes']).toFixed(2);
+          break;
+      }
+    }
+
+    return value;
+  }
+}).filter('humanize_size', function() {
+  return function(args) {
+    return humanize.filesize(args);
+  }
+}).filter('shortify_key', function() {
+  return function(args) {
+    if (args.length > 13) {
+      args = args.substring(0,13) + '...';
+    } else {
+      args;
+    }
+    return args;
+  }
+}).filter('humanize_timestamp', function() {
+  return function(args) {
+    function humanizeTimestamp(ttl) {
+      var minutes,
+          hours,
+          days,
+          years,
+          humanizedTimestamp;
+
+      minutes = parseInt(ttl / 60);
+      hours = parseInt(minutes / 60);
+      days = parseInt(hours / 24);
+      years = parseInt(days / 365);
+
+      if (days < 30) {
+        humanizedTimestamp = parseInt(days) + 'd';
+      }
+
+      if (hours < 24) {
+        humanizedTimestamp = parseInt(hours) + 'h';
+      }
+
+      if (minutes < 60) {
+        humanizedTimestamp = parseInt(minutes) + 'm';
+      }
+
+      if (minutes == 0) {
+        humanizedTimestamp = ttl + 's';
+      }
+
+      return humanizedTimestamp;
+    }
+    expires_in = args.expires_in
+    infinite = args.infinite
+
+    var ttl = expires_in - Math.floor(Date.now() / 1000);
+
+    if (infinite) {
+      return '∞';
+    } else if (ttl <= 0) {
+      return 'expired'
+    } else {
+      return humanizeTimestamp(ttl);
+    }
+  }
+});
+

data/lib/public/javascripts/angular/routes.js

@@ -13,6 +13,32 @@ app.config(function($stateProvider, $routeProvider){
         }
       }
     })
+    .state('showStats', {
+      url: "/stats",
+      views: {
+        "keys": {
+          templateUrl: window.basePath + "/templates/keys.html.erb",
+          controller: 'ListKeysController'
+        },
+        "key": {
+          templateUrl: window.basePath + '/templates/stats.html.erb',
+          controller: 'StatsController'
+        }
+      }
+    })
+    .state('editConfig', {
+      url: '/config',
+      views: {
+        "keys": {
+          templateUrl: window.basePath + "/templates/keys.html.erb",
+          controller: 'ListKeysController'
+        },
+        'key': {
+          templateUrl: window.basePath + '/templates/config.html.erb',
+          controller: 'EditConfigController'
+        }
+      }
+    })
     .state('processingRequest', {
       url: "/processing",
       views: {

data/lib/public/javascripts/angular/services/notification.js

@@ -1,16 +1,51 @@
+window.notification = function(message, type) {
+  var color;
+
+  // type of notification to color mapping
+  switch(type) {
+    case 'success':
+      color = 'green';
+      break;
+    case 'error':
+      color = 'red';
+      break;
+    case 'fatal':
+      color = 'red-fatal';
+      break;
+    case 'info':
+      color = 'blue';
+      break;
+  }
+
+  // if past notification isn't the same as the currrent one
+  if ($('.notification-red-fatal').text() != message) {
+    // remove current notification div
+    if ($('#notification').length) { $('#notification').remove(); }
+
+    // add a new notification with of the desired type and message
+    $('.container').prepend('<div id="notification" class="notification-'+ color +'">'+ message +'</div>');
+  }
+
+  if (type != 'fatal'){
+    setTimeout(function(){
+      $('#notification').animate({height: 'toggle', easing: 'swing'}, 1000);
+    }, 1000);
+  }
+}
+
 services.factory('Notification', function() {
   return {
-    alert: function(message) {
-      noty({text: message, type: 'alert'});
-    },
     error: function(message) {
-      noty({text: message, type: 'error'});
+      window.notification(message, 'error');
+    },
+    fatal: function(message) {
+      window.notification(message, 'fatal');
     },
     info: function(message) {
-      noty({text: message, type: 'information'})
+      window.notification(message, 'info');
     },
     success: function(message) {
-      noty({text: message, type: 'success'})
+      window.notification(message, 'success');
     }
   };
 });

data/lib/public/javascripts/angular/services/query_params_singleton.js

@@ -0,0 +1,10 @@
+services.factory('QueryParamsSingleton', function() {
+  return {
+    getQuery: function() {
+      return window.stateVariables.searchQuery;
+    },
+    setQuery: function(query) {
+      return window.stateVariables.searchQuery = query;
+    }
+  };
+});

data/lib/public/javascripts/angular/services/resources.js

@@ -18,3 +18,16 @@ services.factory('Stats', ['$resource', function($resource) {
     'all':   { method: 'GET' }
   });
 }]);
+
+services.factory('Configs', ['$resource', function($resource) {
+  return $resource(window.basePath + '/api/config.json', {}, {
+    'get':   { method: 'GET' },
+    'update':{ method: 'POST' }
+  });
+}]);
+
+services.factory('Connection', ['$resource', function($resource) {
+  return $resource(window.basePath + '/api/status.json', {}, {
+    'get':   { method: 'GET' },
+  });
+}]);

data/lib/public/javascripts/application.js

@@ -3,10 +3,12 @@
 // Setting up
 var services = angular.module("keysServices", []); 
 var controllers = angular.module("AppControllers", []);
-var app = angular.module('memcached-keys', ['ngResource', 'ui.state', 'keysServices', 'AppControllers']);
+var filters = angular.module("AppFilters", []);
+var app = angular.module('memcached-keys', ['ngResource', 'ui.state', 'keysServices', 'AppControllers', 'AppFilters']);
 
 // This is a workaround to send data(post/put) as form instead of clean request payload
 services.config(function ($httpProvider) {
+  $httpProvider.defaults.withCredentials = true;
   $httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8';
   $httpProvider.defaults.headers.put['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8';
   $httpProvider.defaults.transformRequest = function(data){
@@ -16,3 +18,38 @@ services.config(function ($httpProvider) {
     return $.param(data);
   }
 });
+
+
+$('#openTerminal').click(function() {
+  $('.bottom-container').css('width', '100%');
+  $('.bottom-container').css('height', '100%');
+  $('#terminal').terminal(function(command, term) {
+    var customCommands = ['clear', 'CLEAR', 'quit', 'QUIT'] ;
+
+    if(customCommands.indexOf(command) == -1) {
+      $.ajax({
+        url: "/api/run.json",
+        dataType: 'json',
+        method: 'POST',
+        data: {command: command},
+      }).done(function(response) {
+        term.echo(response.response);
+      });
+    } else {
+      switch(command){
+        case 'CLEAR':
+          term.clear();
+          break;
+        case 'quit':
+        case 'QUIT':
+          $('.bottom-container').css('width', 0);
+          $('.bottom-container').css('height', 0);
+          break;
+      }
+    }
+  }, {
+      greetings: 'This is a memcached session, all commands are sent to your configured server.\nTo clear the terminal screen, type the command CLEAR. Or to quit, type QUIT.',
+      name: 'memcached client',
+      enabled: false,
+      prompt: 'Memcached Command> '});
+});