minimal support for epub documents

static/epub.js/js/plugins/hypothesis.js

@@ -0,0 +1,80 @@
+//  Hypothesis Customized embedding
+//  This hypothesis config function returns a new constructor which modifies
+//  annotator for a better integration. Below we create our own EpubAnnotationSidebar
+//  Constructor, customizing the show and hide function to take acount for the reader UI.
+
+window.hypothesisConfig = function() {
+  var Annotator = window.Annotator;
+  var $main = $("#main");
+
+  function EpubAnnotationSidebar(elem, options) {
+    options = {
+      server: true,
+      origin: true,
+      showHighlights: true,
+      Toolbar: {container: '#annotation-controls'}
+    }
+
+    Annotator.Host.call(this, elem, options);
+  }
+
+  EpubAnnotationSidebar.prototype = Object.create(Annotator.Host.prototype);
+
+  EpubAnnotationSidebar.prototype.show = function() {
+    this.frame.css({
+      'margin-left': (-1 * this.frame.width()) + "px"
+    });
+    this.frame.removeClass('annotator-collapsed');
+    if (!$main.hasClass('single')) {
+      $main.addClass("single");
+      this.toolbar.find('[name=sidebar-toggle]').removeClass('h-icon-chevron-left').addClass('h-icon-chevron-right');
+      this.setVisibleHighlights(true);
+    }
+  };
+
+  EpubAnnotationSidebar.prototype.hide = function() {
+    this.frame.css({
+      'margin-left': ''
+    });
+    this.frame.addClass('annotator-collapsed');
+    if ($main.hasClass('single')) {
+      $main.removeClass("single");
+      this.toolbar.find('[name=sidebar-toggle]').removeClass('h-icon-chevron-right').addClass('h-icon-chevron-left');
+      this.setVisibleHighlights(false);
+    }
+  };
+
+  return {
+    constructor: EpubAnnotationSidebar,
+  }
+};
+
+// This is the Epub.js plugin. Annotations are updated on location change.
+EPUBJS.reader.plugins.HypothesisController = function (Book) {
+  var reader = this;
+  var $main = $("#main");
+
+  var updateAnnotations = function () {
+    var annotator = Book.renderer.render.window.annotator;
+    if (annotator && annotator.constructor.$) {
+      var annotations = getVisibleAnnotations(annotator.constructor.$);
+      annotator.showAnnotations(annotations)
+    }
+  };
+
+  var getVisibleAnnotations = function ($) {
+    var width = Book.renderer.render.iframe.clientWidth;
+    return $('.annotator-hl').map(function() {
+      var $this = $(this),
+          left = this.getBoundingClientRect().left;
+
+      if (left >= 0 && left <= width) {
+        return $this.data('annotation');
+      }
+    }).get();
+  };
+
+  Book.on("renderer:locationChanged", updateAnnotations);
+
+  return {}
+};

static/epub.js/js/plugins/search.js

@@ -0,0 +1,125 @@
+EPUBJS.reader.search = {};
+
+// Search Server -- https://github.com/futurepress/epubjs-search
+EPUBJS.reader.search.SERVER = "https://pacific-cliffs-3579.herokuapp.com";
+
+EPUBJS.reader.search.request = function(q, callback) {
+	var fetch = $.ajax({
+		dataType: "json",
+		url: EPUBJS.reader.search.SERVER + "/search?q=" + encodeURIComponent(q) 
+	});
+
+	fetch.fail(function(err) {
+		console.error(err);
+	});
+
+	fetch.done(function(results) {
+		callback(results);
+	});
+};
+
+EPUBJS.reader.plugins.SearchController = function(Book) {
+	var reader = this;
+	
+	var $searchBox = $("#searchBox"),
+			$searchResults = $("#searchResults"),
+			$searchView = $("#searchView"),
+			iframeDoc;
+	
+	var searchShown = false;
+	
+	var onShow = function() {
+		query();
+		searchShown = true;
+		$searchView.addClass("shown");
+	};
+	
+	var onHide = function() {
+		searchShown = false;
+		$searchView.removeClass("shown");
+	};
+	
+	var query = function() {
+		var q = $searchBox.val();
+		
+		if(q == '') {
+			return;
+		}
+		
+		$searchResults.empty();
+		$searchResults.append("<li><p>Searching...</p></li>");
+		
+		
+		
+		EPUBJS.reader.search.request(q, function(data) {
+			var results = data.results;
+			
+			$searchResults.empty();
+			
+			if(iframeDoc) { 
+				$(iframeDoc).find('body').unhighlight();
+			}
+			
+			if(results.length == 0) {
+				$searchResults.append("<li><p>No Results Found</p></li>");
+				return;
+			}
+			
+			iframeDoc = $("#viewer iframe")[0].contentDocument;
+			$(iframeDoc).find('body').highlight(q, { element: 'span' });
+			
+			results.forEach(function(result) {
+				var $li = $("<li></li>");
+				var $item = $("<a href='"+result.href+"' data-cfi='"+result.cfi+"'><span>"+result.title+"</span><p>"+result.highlight+"</p></a>");
+	
+				$item.on("click", function(e) {
+					var $this = $(this),
+							cfi = $this.data("cfi");
+					
+					e.preventDefault();
+					
+					Book.gotoCfi(cfi+"/1:0");
+					
+					Book.on("renderer:chapterDisplayed", function() {
+						iframeDoc = $("#viewer iframe")[0].contentDocument;
+						$(iframeDoc).find('body').highlight(q, { element: 'span' });
+					})
+					
+					
+					
+				});
+				$li.append($item);
+				$searchResults.append($li);
+			});
+	
+		});
+	
+	};
+	
+	$searchBox.on("search", function(e) {
+		var q = $searchBox.val();
+		
+		//-- SearchBox is empty or cleared
+		if(q == '') {
+			$searchResults.empty();
+			if(reader.SidebarController.getActivePanel() == "Search") {
+				reader.SidebarController.changePanelTo("Toc");
+			}
+			
+			$(iframeDoc).find('body').unhighlight();
+			iframeDoc = false;
+			return;
+		}
+		
+		reader.SidebarController.changePanelTo("Search");
+		
+		e.preventDefault();
+	});
+	
+	
+	
+	return {
+		"show" : onShow,
+		"hide" : onHide
+	};
+};