memdash 0.0.1

data/lib/memdash/server/public/reset.css

@@ -0,0 +1,260 @@
+/* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed, 
+figure, figcaption, footer, header, hgroup, 
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+/*!
+ * Bootstrap v2.0.2
+ *
+ * Copyright 2012 Twitter, Inc
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
+ */
+.clearfix {
+  *zoom: 1;
+}
+.clearfix:before,
+.clearfix:after {
+  display: table;
+  content: "";
+}
+.clearfix:after {
+  clear: both;
+}
+.hide-text {
+  overflow: hidden;
+  text-indent: 100%;
+  white-space: nowrap;
+}
+.input-block-level {
+  display: block;
+  width: 100%;
+  min-height: 28px;
+  /* Make inputs at least the height of their button counterpart */
+
+  /* Makes inputs behave like true block-level elements */
+
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.row {
+  margin-left: -20px;
+  *zoom: 1;
+}
+.row:before,
+.row:after {
+  display: table;
+  content: "";
+}
+.row:after {
+  clear: both;
+}
+[class*="span"] {
+  float: left;
+  margin-left: 20px;
+}
+.container,
+.navbar-fixed-top .container,
+.navbar-fixed-bottom .container {
+  width: 940px;
+}
+.span12 {
+  width: 940px;
+}
+.span11 {
+  width: 860px;
+}
+.span10 {
+  width: 780px;
+}
+.span9 {
+  width: 700px;
+}
+.span8 {
+  width: 620px;
+}
+.span7 {
+  width: 540px;
+}
+.span6 {
+  width: 460px;
+}
+.span5 {
+  width: 380px;
+}
+.span4 {
+  width: 300px;
+}
+.span3 {
+  width: 220px;
+}
+.span2 {
+  width: 140px;
+}
+.span1 {
+  width: 60px;
+}
+.offset12 {
+  margin-left: 980px;
+}
+.offset11 {
+  margin-left: 900px;
+}
+.offset10 {
+  margin-left: 820px;
+}
+.offset9 {
+  margin-left: 740px;
+}
+.offset8 {
+  margin-left: 660px;
+}
+.offset7 {
+  margin-left: 580px;
+}
+.offset6 {
+  margin-left: 500px;
+}
+.offset5 {
+  margin-left: 420px;
+}
+.offset4 {
+  margin-left: 340px;
+}
+.offset3 {
+  margin-left: 260px;
+}
+.offset2 {
+  margin-left: 180px;
+}
+.offset1 {
+  margin-left: 100px;
+}
+.row-fluid {
+  width: 100%;
+  *zoom: 1;
+}
+.row-fluid:before,
+.row-fluid:after {
+  display: table;
+  content: "";
+}
+.row-fluid:after {
+  clear: both;
+}
+.row-fluid > [class*="span"] {
+  float: left;
+  margin-left: 2.127659574%;
+}
+.row-fluid > [class*="span"]:first-child {
+  margin-left: 0;
+}
+.row-fluid > .span12 {
+  width: 99.99999998999999%;
+}
+.row-fluid > .span11 {
+  width: 91.489361693%;
+}
+.row-fluid > .span10 {
+  width: 82.97872339599999%;
+}
+.row-fluid > .span9 {
+  width: 74.468085099%;
+}
+.row-fluid > .span8 {
+  width: 65.95744680199999%;
+}
+.row-fluid > .span7 {
+  width: 57.446808505%;
+}
+.row-fluid > .span6 {
+  width: 48.93617020799999%;
+}
+.row-fluid > .span5 {
+  width: 40.425531911%;
+}
+.row-fluid > .span4 {
+  width: 31.914893614%;
+}
+.row-fluid > .span3 {
+  width: 23.404255317%;
+}
+.row-fluid > .span2 {
+  width: 14.89361702%;
+}
+.row-fluid > .span1 {
+  width: 6.382978723%;
+}
+.container {
+  margin-left: auto;
+  margin-right: auto;
+  *zoom: 1;
+}
+.container:before,
+.container:after {
+  display: table;
+  content: "";
+}
+.container:after {
+  clear: both;
+}
+.container-fluid {
+  padding-left: 20px;
+  padding-right: 20px;
+  *zoom: 1;
+}
+.container-fluid:before,
+.container-fluid:after {
+  display: table;
+  content: "";
+}
+.container-fluid:after {
+  clear: both;
+}

data/lib/memdash/server/public/style.css

@@ -0,0 +1,66 @@
+html {
+  background: #efefef url(cross_scratches.png) repeat 0 0;
+  font-family: Helvetica, sans-serif;
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 24px;
+  color: #3e3e3e;
+}
+body {
+  padding: 0;
+  margin: 0;
+}
+.container {
+  text-shadow: 0 1px rgba(255,255,255,.8);
+}
+.hero-stats {
+  margin-bottom: 20px;
+  padding-top: 20px;
+  background: #fefefe;
+  color: #4d4d4d;
+  border-bottom: 1px solid rgba(0,0,0,.3);
+  box-shadow: 0 1px 2px rgba(0,0,0,.2);
+}
+.hero-stats .row {
+  margin-left: auto;
+  margin-bottom: 20px;
+}
+.hero-stats .row li:first-child {
+  margin-left: 0;
+}
+ol {
+  width: 940px;
+  margin: 0 auto;  
+}
+li {
+  font-weight: 300;
+}
+.count {
+  font-weight: 700;
+  font-size: 48px;
+  display: block;
+}
+.row {
+  margin-bottom: 40px;
+}
+
+footer {
+  margin: 0;
+  padding: 8px 0 30px 0;
+  font-size: 13px;
+  font-weight: 300;
+  text-align: right;
+  background: #fefefe;
+  border-top: 1px solid rgba(0,0,0,.2);
+}
+footer p {
+  width: 940px;
+  margin: 0 auto;
+}
+
+.jqplot-target {
+  font-family: Helvetica, sans-serif; 
+}
+.jqplot-axis {
+  font-weight: 300;
+}

data/lib/memdash/server/views/application.erb

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <title>Memdash</title>
+  <link href="<%= u 'reset.css' %>" media="screen" rel="stylesheet" type="text/css">
+  <link href="<%= u 'jquery.jqplot.min.css' %>" media="screen" rel="stylesheet" type="text/css">
+  <link href="<%= u 'style.css' %>" media="screen" rel="stylesheet" type="text/css">
+</head>
+<body>
+  <%= yield %>
+  
+  <footer>
+    <p>Powered by <a href="http://github.com/bryckbost/memdash">Memdash</a>.</p>
+  </footer>
+
+  <script src="http://code.jquery.com/jquery-1.7.2.min.js" type="text/javascript"></script>
+  <script src="<%= u 'jquery.jqplot.min.js' %>" type="text/javascript"></script>
+  <script src="<%= u 'jqplot.canvasTextRenderer.min.js' %>" type="text/javascript"></script>
+  <script src="<%= u 'jqplot.canvasAxisTickRenderer.min.js' %>" type="text/javascript"></script>
+  <script src="<%= u 'jqplot.dateAxisRenderer.min.js' %>" type="text/javascript"></script>
+  <script src="<%= u 'charts.js' %>" type="text/javascript"></script>
+</body>
+</html>

data/lib/memdash/server/views/overview.erb

@@ -0,0 +1,19 @@
+<div class="hero-stats">
+  <ol class="row">
+    <li class="span4"><span class="count"><%= miss_ratio_percentage(@last_report.stats.map{|_, v| v["get_hits"].to_f}.sum, @last_report.stats.map{|_, v| v["get_misses"].to_f}.sum).round(2) %>%</span>Cache miss ratio</li>
+    <li class="span4"><span class="count"><%= @last_report.stats.map{|_, v| v["curr_items"]}.sum %></span>Current items in memcache</li>
+    <li class="span4"><span class="count"><%= (@last_report.stats.map{|_,v| v["bytes"].to_i}.sum / 1024.0 / 1024.0).round(2) %>/<%= @last_report.stats.map{|_,v| v["limit_maxbytes"].to_i}.sum / 1024 / 1024 %> MB</span>Current memory usage</li>
+  </ol>  
+</div>
+
+<section class="container">
+  <div class="row">
+    <div id="gets-sets" class="span6" data-gets='<%= @gets %>' data-sets='<%= @sets %>'></div>
+    <div id="hits-misses" class="span6" data-hits='<%= @hits %>' data-misses='<%= @misses %>'></div>
+  </div>
+
+  <div class="row">
+    <div id="memory-usage" class="span6" data-limit-maxbytes='<%= @limit_maxbytes %>' data-bytes='<%= @bytes %>'></div>
+    <div id="current-items" class="span6" data-current-items='<%= @current_items %>'></div>
+  </div>
+</section>

data/memdash.gemspec

@@ -0,0 +1,25 @@
+# encoding: utf-8
+
+Gem::Specification.new do |gem|
+  gem.name    = 'memdash'
+  gem.version = '0.0.1'
+
+  gem.authors     = ['Brian Ryckbost', 'Steve Richert']
+  gem.email       = ['bryckbost@gmail.com', 'steve.richert@gmail.com']
+  gem.description = 'A dashboard for your memcache'
+  gem.summary     = 'A dashboard for your memcache'
+  gem.homepage    = 'https://github.com/bryckbost/memdash'
+
+  gem.add_dependency 'activerecord', '~> 3.0'
+  gem.add_dependency 'dalli',        '~> 2.0'
+  gem.add_dependency 'sinatra',      '~> 1.3'
+
+  gem.add_development_dependency 'database_cleaner'
+  gem.add_development_dependency 'rake'
+  gem.add_development_dependency 'rspec'
+  gem.add_development_dependency 'sqlite3'
+
+  gem.files         = `git ls-files`.split($\)
+  gem.test_files    = gem.files.grep(/^spec\//)
+  gem.require_paths = ['lib']
+end

data/spec/memdash_spec.rb

@@ -0,0 +1,31 @@
+require 'spec_helper'
+
+describe Memdash do
+  before do
+    Memdash.ttl = 2
+  end
+
+  it 'records gets' do
+    expect{ dalli.get('key') }.to change{ reports_count }.by(1)
+  end
+
+  it 'waits between recording gets' do
+    dalli.get('key')
+    sleep 1
+    expect{ dalli.get('key') }.to_not change{ reports_count }
+    sleep 2
+    expect{ dalli.get('key') }.to change{ reports_count }.by(1)
+  end
+
+  it 'records sets' do
+    expect{ dalli.set('key', 'value') }.to change{ reports_count }.by(1)
+  end
+
+  it 'waits between recording sets' do
+    dalli.set('key', 'value')
+    sleep 1
+    expect{ dalli.set('key', 'value') }.to_not change{ reports_count }
+    sleep 2
+    expect{ dalli.set('key', 'value') }.to change{ reports_count }.by(1)
+  end
+end

data/spec/spec_helper.rb

@@ -0,0 +1,3 @@
+require "support/adapters/#{ENV['ADAPTER']}" if ENV['ADAPTER']
+
+Dir[File.expand_path('../support/*.rb', __FILE__)].each{|f| require f }

data/spec/support/adapters/active_record.rb

@@ -0,0 +1,11 @@
+require 'memdash/active_record'
+
+module ActiveRecordHelpers
+  def reports_count
+    Memdash::ActiveRecord::Report.count
+  end
+end
+
+RSpec.configure do |config|
+  config.include ActiveRecordHelpers
+end