We've got page filtering

app.rb

@@ -19,15 +19,18 @@ class App < Sinatra::Base
 
     get %r{^/analyze/([\w.-]+)/page/(.*)$} do |domain, path|
       page = Page.new("http://#{domain}", path)
-      valid = page.valid?
       content_type 'application/json', :charset => 'utf-8'
-      {:valid => valid, :uri => page.uri,
-        :title => {:value => page.title, :failures => page.failures_on(:title)},
-        :description => {:value => page.description, :failures => page.failures_on(:description)},
-        :keywords => {:value => page.keywords, :failures => page.failures_on(:keywords)},
-        :single_word_density => page.single_word_density,
-        :double_word_density => page.double_word_density
-      }.to_json
+      result = {:uri => page.uri, :exists => page.exists?, :valid => false}
+      if page.exists?
+        result = result.merge({:valid => page.valid?,
+          :title => {:value => page.title, :failures => page.failures_on(:title)},
+          :description => {:value => page.description, :failures => page.failures_on(:description)},
+          :keywords => {:value => page.keywords, :failures => page.failures_on(:keywords)},
+          :single_word_density => page.single_word_density,
+          :double_word_density => page.double_word_density
+        })
+      end
+      result.to_json
     end
   end # App
 end

bin/seota

@@ -27,8 +27,10 @@ sitemap.pages.each do |page|
     puts "   Meta(description): #{page.description}"
     puts "   Meta(keywords): #{page.keywords}"
     puts "   Word Count: #{page.word_count}"
-    puts "   Single word density: #{page.single_word_density.inspect}"
-    puts "   Double word density: #{page.double_word_density.inspect}"
+    # puts "   Single word density: #{page.single_word_density.inspect}"
+    # puts "   Double word density: #{page.double_word_density.inspect}"
+    puts "   Anchors with titles: 0"
+    puts "   Anchors without titles: 0"
   else
     puts " ! Page not found: #{page.uri}"
   end

public/javascripts/app/page.js

@@ -98,9 +98,13 @@ Seota.Page.prototype = $.extend({}, {
 
   render: function(container) {
     container.empty();
-    var meta_div = $("<div></div>").addClass("half").
-      append(this._title_tag()).append(this._description_tag()).append(this._keywords_tag());
-    container.append($("<h5></h5>").text(this.details.uri)).
-      append(meta_div).append($("<div></div>").addClass("half").append(this._densities_tag()));
+    container.append($("<h5></h5>").text(this.details.uri));
+    if (this.details.exists) {
+      var meta_div = $("<div></div>").addClass("half").
+        append(this._title_tag()).append(this._description_tag()).append(this._keywords_tag());
+      container.append(meta_div).append($("<div></div>").addClass("half").append(this._densities_tag()));
+    } else {
+      container.append($("<p></p>").text("Page could not be found"));
+    }
   }
 });

public/javascripts/app/seota.js

@@ -78,5 +78,14 @@ $(document).ready(function() {
     return false;
   });
 
+  $("#page_filter").keyup(function() {
+    var value = $(this).val();
+    $("#pages li").show();
+    if (!(value == "" || value == $(this).data("label"))) {
+      $("#pages li").hide();
+      $("#pages li[data-path*=" + $(this).val() + "]").show();
+    }
+  });
+
   app.run(); // Sammy!
 });

public/javascripts/app/sitemap.js

@@ -8,7 +8,7 @@ Seota.Sitemap.prototype = $.extend({}, {
     var that = this;
     $.each(that.pages, function(i, path) {
       var link = $("<a>").attr("href", "#/analyze/" + that.domain + "/page/" + path).text(path);
-      sitemap_list.append( $("<li>").append(link) );
+      sitemap_list.append( $("<li></li>").attr("data-path", path).append(link) );
     });
   }
 });

public/stylesheets/site.css

@@ -199,6 +199,16 @@ a.button:hover { text-decoration: none; }
 }
 #content #navigation ul li:last-child { border-bottom: 0; }
 #content #navigation ul li:hover { background-color: #fafafa; }
+#content #navigation form {
+  margin: 0;
+  padding: 0;
+  display: inline;
+}
+#content #navigation form #page_filter {
+  padding: 0.25ex 1ex;
+  width: 100%;
+  border-width: 1px;
+}
 #content #details {
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;

public/stylesheets/site.less

@@ -150,6 +150,12 @@ a.button {
       li:last-child { border-bottom: 0; }
       li:hover { background-color: #fafafa; }
     }
+
+    form {
+      margin: 0; padding: 0;
+      display: inline;
+      #page_filter { padding: .25ex 1ex; width: 100%; border-width: 1px;}
+    }
   }
   #details {
     .rounded_tight; background-color: white; border: 1px solid @gray;

views/index.haml

@@ -39,8 +39,10 @@
             %ul#sitemaps.runtime
               %li Sitemap list coming soon
             %h6 Pages
+            %form.runtime
+              %input#page_filter.input_prompt{:value => "Search by path"}
             %ul#pages.runtime.clearable
-              Page list
+              Page listing
             .default.caption You need to analyze a site first :)
         .grid_12.omega
           #details.clearfix