mongo_browser 0.1.3 → 0.2.0.rc2

data/app/assets/stylesheets/application.css.scss

@@ -6,22 +6,65 @@
 body {
   position: relative;
   padding-top: 40px;
-  background-color: #fff;
+  background-color: #d3d3d3;
   background-repeat: repeat-x;
   background-position: 0 40px;
 }
 
+section.container {
+  background-color: white;
+  margin-top: 16px;
+  border: 1px solid #AAA;
+  border-radius: 4px 4px 0px 0px;
+  padding-left: 20px;
+  padding-right: 20px;
+
+  section {
+    margin-top: 20px;
+
+    header {
+      background-color: #f5f5f5;
+      border-bottom: 1px solid #DDD;
+      border-radius: 4px 4px 0px 0px;
+      margin: -20px -20px 20px;
+      padding-left: 20px;
+
+      h2 {
+        font-family: "Rokkitt", serif;
+        font-size: 24px;
+        margin: 0px;
+      }
+    }
+  }
+}
+
+#alerts {
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: 20px;
+  max-width: 980px;
+}
+
 table.table {
   tr {
-    &.document pre {
+    &.document td.data pre {
       background: none;
       border: 0px;
       padding: 0px;
       display: inline;
+
+      // syntax higlight for json document
+      span {
+        &.string { color: green; }
+        &.number { color: darkorange; }
+        &.boolean { color: blue; }
+        &.null { color: magenta; }
+        &.key { color: red; }
+      }
     }
 
     th.actions {
-      min-width: 90px;
+      width: 90px;
     }
   }
 }

data/app/assets/templates/collections.html

@@ -0,0 +1,53 @@
+<header>
+  <h2>{{dbName}} collections</h2>
+</header>
+
+<div class="tabbable">
+  <div class="tab-pane" title="Collections" ng-hide="isLoading()">
+    <table-filter value="filterValue.name" placeholder="Enter collection name"></table-filter>
+
+    <table ng-show="(collections | filter:filterValue).length" class="table table-striped table-hover collections">
+      <thead>
+      <tr>
+        <th>Name</th>
+        <th>Documents</th>
+        <th class="actions">&nbsp;</th>
+      </tr>
+      </thead>
+      <tbody>
+      <tr ng-repeat="collection in collections | orderBy:'name' | filter:filterValue">
+        <td>
+          <a href="{{collection | documentsPath}}">
+            {{collection.name}}
+          </a>
+        </td>
+        <td>{{collection.size}}</td>
+        <td class="actions">
+          <delete-button ng-click="delete(collection)" />
+        </td>
+      </tr>
+      </tbody>
+    </table>
+
+    <div ng-hide="(collections | filter:filterValue).length" class="filter alert">
+      Nothing has been found.
+    </div>
+  </div>
+
+  <div class="tab-pane" title="Database stats">
+    <table class="table table-striped table-hover">
+      <thead>
+      <tr>
+        <th>Property</th>
+        <th>Value</th>
+      </tr>
+      </thead>
+      <tbody>
+      <tr ng-repeat="(property, value) in dbStats">
+        <td>{{property}}</td>
+        <td>{{value}}</td>
+      </tr>
+      </tbody>
+    </table>
+  </div>
+</div>

data/app/assets/templates/databases.html

@@ -0,0 +1,32 @@
+<header>
+  <h2>localhost databases</h2>
+</header>
+
+<div ng-hide="isLoading()">
+  <table-filter value="filterValue.name" placeholder="Enter database name"></table-filter>
+
+  <table ng-show="(databases | filter:filterValue).length" class="table table-striped table-hover databases">
+    <thead>
+    <tr>
+      <th>Name</th>
+      <th>Collections</th>
+      <th>Size</th>
+      <th class="actions">&nbsp;</th>
+    </tr>
+    </thead>
+    <tbody>
+    <tr ng-repeat="database in databases | orderBy:'name' | filter:filterValue">
+      <td><a href="{{database | collectionsPath}}">{{database.name}}</a></td>
+      <td>{{database.count}}</td>
+      <td>{{database.size | humanSize}}</td>
+      <td class="actions">
+        <delete-button ng-click="delete(database)" />
+      </td>
+    </tr>
+    </tbody>
+  </table>
+
+  <div ng-hide="(databases | filter:filterValue).length" class="filter alert">
+    Nothing has been found.
+  </div>
+</div>

data/app/assets/templates/documents.html

@@ -0,0 +1,45 @@
+<header>
+  <h2>{{collectionName}} documents</h2>
+</header>
+
+<div class="tabbable">
+  <div class="tab-pane" title="Documents">
+    <pager page="page" total-pages="totalPages"></pager>
+
+    <table class="table table-striped table-hover documents">
+      <thead>
+      <tr>
+        <th>Data</th>
+        <th class="actions">&nbsp;</th>
+      </tr>
+      </thead>
+      <tbody>
+      <tr ng-repeat="document in documents" class="document id-{{document.id}}">
+        <td class="data" ng-bind-html="document.data | jsonDocument"></td>
+        <td class="actions">
+          <delete-button ng-click="delete(document)" />
+        </td>
+      </tr>
+      </tbody>
+    </table>
+
+    <pager page="page" total-pages="totalPages"></pager>
+  </div>
+
+  <div class="tab-pane" title="Collection stats">
+    <table class="table table-striped table-hover">
+      <thead>
+      <tr>
+        <th>Property</th>
+        <th>Value</th>
+      </tr>
+      </thead>
+      <tbody>
+      <tr ng-repeat="(property, value) in collectionStats">
+        <td>{{property}}</td>
+        <td>{{value}}</td>
+      </tr>
+      </tbody>
+    </table>
+  </div>
+</div>

data/app/assets/templates/pager.html

@@ -0,0 +1,13 @@
+<div class="pagination" ng-show="display()">
+  <ul>
+    <li ng-class="{disabled: !hasPrev()}"><a href="#" ng-click="prev()">Prev</a></li>
+    <li ng-class="{disabled: !hasNext()}"><a href="#" ng-click="next()">Next</a></li>
+
+    <li ng-repeat="number in windowedPageNumbers"
+        ng-class="{active: number == page}"
+        ng-class="{disabled: !number}">
+
+      <a ng-click="setPage(number)" href="#">{{number || "…"}}</a>
+    </li>
+  </ul>
+</div>

data/app/{views/server_info.erb → assets/templates/server_info.html}

@@ -1,6 +1,6 @@
-<div class="page-header">
+<header>
   <h2>server info</h2>
-</div>
+</header>
 
 <table class="table table-striped table-hover">
   <thead>
@@ -10,11 +10,9 @@
   </tr>
   </thead>
   <tbody>
-  <% @server_info.each do |property, value| %>
-    <tr>
-      <td><%= property %></td>
-      <td><%= value %></td>
+    <tr ng-repeat="(property, value) in serverInfo">
+      <td>{{property}}</td>
+      <td>{{value}}</td>
     </tr>
-  <% end %>
   </tbody>
 </table>

data/app/assets/templates/table_filter.html

@@ -0,0 +1,10 @@
+<form class="filter">
+  <div class="input-append">
+    <input ng-model="value" on-esc="clear()" type="text" class="span3" placeholder="{{placeholder}}">
+
+    <button ng-click="clear()" type="button" class="btn ng-class: {disabled: isEmpty()}">
+      <i class="icon-remove-circle"></i>Clear
+    </button>
+  </div>
+  <span class="help-block">Press ESC to clear the filter</span>
+</form>

data/bin/mongo_browser

@@ -1,53 +1,16 @@
 #!/usr/bin/env ruby
 
-require "optparse"
-require "methadone"
+require "vegas"
 require "mongo_browser"
-require "forever"
-
-class App
-  include Methadone::Main
-  include Methadone::CLILogging
-
-  main do
-    app_port = options[:port] || 4567
-    info("Running on the master node #{MongoBrowser.mongodb_host}:#{MongoBrowser.mongodb_port}")
-    info("Application is accessible at http://localhost:#{app_port}")
-
-    if options[:demonize]
-      Forever.run do
-        pid '/tmp/mongo_browser.pid'
-        log '/tmp/mongo_browser.log'
-
-        on_ready do
-          MongoBrowser::Application.run!(port: app_port)
-        end
-      end
-    else
-      MongoBrowser::Application.run!(port: app_port)
-    end
-  end
-
-  version MongoBrowser::VERSION
-
-  on("--port PORT", "MongoBrowser port",
-     "(Default: 4567)")
-
-  on("--mongodb-host HOST", "Mongodb database host",
-     "(Default: #{MongoBrowser.mongodb_host})") do |host|
-
-    MongoBrowser.mongodb_host = host
-  end
-
-  on("--mongodb-port PORT", "Mongodb database port",
-     "(Default: #{MongoBrowser.mongodb_port})") do |port|
 
+Vegas::Runner.new(MongoBrowser::Application, "mongo_browser") do |runner, opts, app|
+  opts.on("--mongodb-port PORT", "Specify mongodb port") do |port|
+    runner.logger.info "Using mongodb port #{port}"
     MongoBrowser.mongodb_port = port.to_i
   end
 
-  on("--demonize", "Run the app in the background")
-
-  use_log_level_option
-
-  go!
+  opts.on("--mongodb-host HOST", "Specify mongodb host") do |host|
+    runner.logger.info "Using mongodb host #{host}"
+    MongoBrowser.mongodb_host = host.to_i
+  end
 end

data/config-e2e.ru

@@ -0,0 +1,20 @@
+require "mongo_browser"
+
+require File.expand_path("spec/support/mongod")
+require File.expand_path("spec/support/fixtures")
+
+test_server = Mongod.instance
+fixtures = Fixtures.instance
+
+test_server.start! do |port|
+  MongoBrowser.mongodb_host = "127.0.0.1"
+  MongoBrowser.mongodb_port = port
+end
+
+fixtures.load!
+
+run MongoBrowser::Application
+
+at_exit do
+  test_server.shutdown!
+end

data/grunt.js

@@ -0,0 +1,36 @@
+module.exports = function(grunt) {
+
+  grunt.initConfig({
+    watch: {
+      templates: {
+        files: 'app/assets/templates/*.html',
+        tasks: 'html2js:directives'
+      }
+    },
+
+    html2js: {
+      directives: ['app/assets/templates/*.html']
+    }
+  });
+
+  var TPL = 'angular.module("<%= file %>", []).run(function($templateCache) {\n' + '  $templateCache.put("<%= path %>",\n    "<%= content %>");\n' + '});\n';
+
+  var escapeContent = function(content) {
+    return content.replace(/"/g, '\\"').replace(/\n/g, '" +\n    "');
+  };
+
+  grunt.registerMultiTask('html2js', 'Generate js version of html template.', function() {
+    var files = grunt._watch_changed_files || grunt.file.expand(this.data);
+
+    files.forEach(function(file) {
+      var parts = file.split("/");
+      var name = parts[parts.length - 1];
+
+      grunt.file.write("app/assets/javascripts/templates/" + name + '.js', grunt.template.process(TPL, {
+        file: file,
+        path: "/ng/templates/" + file.split("/").pop(),
+        content: escapeContent(grunt.file.read(file))
+      }));
+    });
+  });
+};

data/lib/mongo_browser/application.rb

@@ -1,7 +1,6 @@
 require "sinatra"
 require "sinatra/reloader"
-require "sinatra/flash"
-require "will_paginate-bootstrap"
+require "sinatra/respond_with"
 
 require "sprockets"
 require "sass"
@@ -11,109 +10,189 @@ require "mongo_browser/middleware/sprockets_sinatra"
 
 module MongoBrowser
   class Application < Sinatra::Base
+    include Models
+
     configure :development do
       register Sinatra::Reloader
     end
 
     enable :sessions
-    register Sinatra::Flash
 
     set :root, File.join(File.dirname(__FILE__), "../../app")
+    set :public_folder, File.join(settings.root, "../public")
+
     set :method_override, true
 
+    register Sinatra::RespondWith
+
     use Middleware::SprocketsSinatra, :root => File.join(settings.root, "..")
-    register WillPaginate::Sinatra
 
-    # Databases list
-    get "/" do
-      @databases = connection.database_info
-      erb :"databases/index"
+    if settings.test?
+      require File.join(settings.root, "../spec/support/fixtures")
+
+      require "mongo_browser/middleware/sprockets_specs"
+      use Middleware::SprocketsSpecs, :root => File.join(settings.root, "..")
+
+      get "/jasmine" do
+        File.read(File.join(settings.root, "../spec/javascripts/runner.html"))
+      end
+
+      # Execute e2e runner
+      get "/e2e" do
+        File.read(File.join(settings.root, "../spec/javascripts/runner_e2e.html"))
+      end
+
+      # Load database fixtures
+      get "/e2e/load_fixtures" do
+        Fixtures.instance.load!
+
+        respond_to do |format|
+          format.json { true }
+        end
+      end
     end
 
-    # Collections list
-    get "/databases/:db_name" do |db_name|
-      database = connection.db(db_name)
-      @collections = database.collections
-      @stats = database.stats
+    # Loads given template from assets/templates directory
+    get "/ng/templates/:name.html" do |template_name|
+      send_file File.join(settings.root, "assets/templates/#{template_name}.html")
+    end
+
+    # Welcome page
+    # All routes without `/api` prefix
+    get /^(?!\/api).+/ do
+      File.read(File.join(settings.public_folder, "index.html"))
+    end
+
+    # Databases list
+    get "/api/databases.json" do
+      databases = server.databases.map do |db|
+        {
+            id:    db.id,
+            name:  db.name,
+            size:  db.size,
+            count: db.count
+        }
+      end
 
-      erb :"collections/index"
+      respond_to do |format|
+        format.json { databases.to_json }
+      end
     end
 
     # Delete a database
-    delete "/databases/:db_name" do |db_name|
-      connection.drop_database(db_name)
+    delete "/api/databases.json" do
+      database = server.database(params[:id])
+      database.drop!
 
-      flash[:info] = "Database #{db_name} has been deleted."
-      redirect "/"
+      respond_to do |format|
+        format.json { true }
+      end
     end
 
-    # Documents list
-    get "/databases/:db_name/collections/:collection_name" do |db_name, collection_name|
-      database = connection.db(db_name)
-      collection = database.collection(collection_name)
+    # Database stats
+    get "/api/databases/:db_name/stats.json" do |db_name|
+      database = server.database(db_name)
 
-      @stats = collection.stats
-      @documents, @pagination = paginate_documents_for(collection, params[:page])
+      respond_to do |format|
+        format.json { database.stats.to_json }
+      end
+    end
 
-      erb :"documents/index"
+    # Collections list
+    get "/api/databases/:db_name/collections.json" do |db_name|
+      database = server.database(db_name)
+      collections = database.collections.map do |collection|
+        {
+            dbName: collection.db_name,
+            name:   collection.name,
+            size:   collection.size
+        }
+      end
+
+      respond_to do |format|
+        format.json { collections.to_json }
+      end
     end
 
     # Delete a collection
-    delete "/databases/:db_name/collections/:collection_name" do |db_name, collection_name|
-      begin
-        database = connection.db(db_name)
-        database.drop_collection(collection_name)
-
-        flash[:info] = "Collection #{collection_name} has been deleted."
+    delete "/api/databases/:db_name/collections.json" do |db_name|
+      success = begin
+        collection = server.database(db_name).collection(params[:id])
+        collection.drop!
+        true
       rescue Mongo::OperationFailure => e
-        flash[:error] = e.message
+        false
       end
 
-      redirect "/databases/#{db_name}"
+      respond_to do |format|
+        format.json { success }
+      end
     end
 
-    # Delete a document
-    delete "/databases/:db_name/collections/:collection_name/:id" do |db_name, collection_name, id|
-      database = connection.db(db_name)
-      collection = database.collection(collection_name)
-
-      id = BSON::ObjectId(id)
-      collection.remove(_id: id)
+    # Collection stats
+    get "/api/databases/:db_name/collections/:collection_name/stats.json" do |db_name, collection_name|
+      collection = server.database(db_name).collection(collection_name)
 
-      flash[:info] = "Document #{id} has been deleted."
-      redirect "/databases/#{db_name}/collections/#{collection_name}"
+      respond_to do |format|
+        format.json { collection.stats.to_json }
+      end
     end
 
-    # Server info
-    get "/server_info" do
-      @server_info = connection.server_info
-      erb :"server_info"
-    end
+    # Documents list
+    get "/api/databases/:db_name/collections/:collection_name/documents.json" do |db_name, collection_name|
+      collection = server.database(db_name).collection(collection_name)
+      documents, pagination = collection.documents_with_pagination(params[:page])
+
+      documents.map! do |doc|
+        {
+            id: doc.id.to_s,
+            data: doc.data
+        }
+      end
 
-    private
+      respond_to do |format|
+        format.json do
+          {
+              documents:  documents,
+              size:       pagination.size,
+              page:       pagination.current_page,
+              totalPages: pagination.total_pages
+          }.to_json
+        end
+      end
+    end
 
-    def paginate_documents_for(collection, page = 1)
-      per_page = 25
+    # Delete a document
+    delete "/api/databases/:db_name/collections/:collection_name/documents.json" do |db_name, collection_name|
+      collection = server.database(db_name).collection(collection_name)
+      document = collection.find(params[:id])
+      collection.remove!(document)
 
-      count = collection.count
-      total_pages = (count.to_f / per_page).ceil
+      respond_to do |format|
+        format.json { true }
+      end
+    end
 
-      page = if page.to_i <= 0 then 1
-             else
-               [page.to_i, total_pages].min
-             end
+    get "/api/server_info.json" do
+      server_info = server.info
 
-      offset = (page - 1) * per_page
-      documents = collection.find.skip(offset).limit(per_page)
-      pagination = OpenStruct.new \
-        total_pages: total_pages,
-        current_page: page
+      respond_to do |format|
+        format.json { server_info.to_json }
+      end
+    end
 
-      return documents, pagination
+    get "/api/version.json" do
+      respond_to do |format|
+        format.json do
+          { version: MongoBrowser::VERSION }.to_json
+        end
+      end
     end
 
-    def connection
-      @connection ||= Mongo::Connection.new(MongoBrowser.mongodb_host, MongoBrowser.mongodb_port)
+    private
+
+    def server
+      @server ||= Server.current
     end
   end
 end

data/lib/mongo_browser/middleware/sprockets_base.rb

@@ -0,0 +1,11 @@
+module MongoBrowser
+  module Middleware
+    class SprocketsBase
+      def call(env)
+        return @app.call(env) unless @matcher =~ env["PATH_INFO"]
+        env["PATH_INFO"].sub!(@matcher, "")
+        @environment.call(env)
+      end
+    end
+  end
+end

data/lib/mongo_browser/middleware/sprockets_sinatra.rb

@@ -1,6 +1,8 @@
+require "mongo_browser/middleware/sprockets_base"
+
 module MongoBrowser
   module Middleware
-    class SprocketsSinatra
+    class SprocketsSinatra < SprocketsBase
       def initialize(app, options = {})
         @app = app
         @root = options[:root]
@@ -18,12 +20,6 @@ module MongoBrowser
         @environment.append_path "vendor/assets/stylesheets"
         @environment.append_path "vendor/assets/images"
       end
-
-      def call(env)
-        return @app.call(env) unless @matcher =~ env["PATH_INFO"]
-        env["PATH_INFO"].sub!(@matcher, "")
-        @environment.call(env)
-      end
     end
   end
 end