Fixed scrolled location, updated hypothesis examples

examples/hypothesis-spreads.html

@@ -20,16 +20,17 @@
   <script type="text/javascript">
     window.hypothesisConfig = function () {
       return {
-        // Open the sidebar when the page loads
+        openSidebar: false,
-        openSidebar: true,
-
-        // Needed for multi frame support
         enableMultiFrameSupport: true,
-        embedScriptUrl: "https://cdn.hypothes.is/hypothesis"
+        onLayoutChange: function(state) {
+          var nav = document.getElementById("navigation");
+          if (state.expanded === true) {
+            nav.classList.remove("open");
+          }
+        }
       };
     };
   </script>
-  <script src="https://cdn.hypothes.is/hypothesis"></script>
 
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <link rel="stylesheet" type="text/css" href="examples.css">
@@ -235,7 +236,14 @@
       var href =  window.location.href.slice(loc + 5);
       var hash = decodeURIComponent(href);
     }
-    rendition.display(hash || undefined);
+
+    rendition.display(hash || undefined)
+      .then(function() {
+        var H_EMBED_URL = 'https://hypothes.is/embed.js';
+        var script = document.createElement('script');
+        script.setAttribute('src', H_EMBED_URL);
+        document.head.appendChild(script);
+      });
 
 
     var next = document.getElementById("next");
@@ -344,12 +352,14 @@
 
     });
 
+    var tm;
     function checkForAnnotator(cb, w) {
      if (!w) {
        w = window;
      }
-     setTimeout(function () {
+     tm = setTimeout(function () {
         if (w && w.annotator) {
+          clearTimeout(tm);
           cb();
         } else {
           checkForAnnotator(cb, w);
@@ -358,7 +368,6 @@
     }
 
     book.rendition.hooks.content.register(function(contents, view) {
-
         checkForAnnotator(function () {
 
           var annotator = contents.window.annotator;
@@ -387,41 +396,6 @@
 
     });
 
-    checkForAnnotator(function () {
-      var main = document.querySelector('#main');
-      var target = document.querySelector('.annotator-frame');
-
-
-      if(window.innerWidth < 1400) {
-        /*
-        window.annotator.on("show", function () {
-          main.classList.add("open");
-        });
-
-        window.annotator.on("hide", function () {
-          main.classList.remove("open");
-        });
-        */
-
-        // create an observer instance
-        var observer = new MutationObserver(function(mutations) {
-          mutations.forEach(function(mutation) {
-            if (mutation.attributeName === "class") {
-              if (target.classList.contains("annotator-collapsed")) {
-                main.classList.remove("open");
-              } else {
-                main.classList.add("open");
-              }
-            }
-          });
-        });
-
-        observer.observe(target, { attributes: true });
-
-      }
-
-    });
-
   </script>
 
 </body>

examples/hypothesis.html

@@ -20,12 +20,16 @@
   <script type="text/javascript">
     window.hypothesisConfig = function () {
       return {
-        // Open the sidebar when the page loads
+        openSidebar: false,
-        openSidebar: true,
-
-        // Needed for multi frame support
         enableMultiFrameSupport: true,
-        embedScriptUrl: "https://cdn.hypothes.is/hypothesis"
+        onLayoutChange: function(state) {
+          var main = document.querySelector('#main');
+          if (state.expanded === true) {
+            main.classList.add("open");
+          } else {
+            main.classList.remove("open");
+          }
+        }
       };
     };
   </script>
@@ -359,42 +363,6 @@
         }, contents.window);
 
     });
-
-    checkForAnnotator(function () {
-      var main = document.querySelector('#main');
-      var target = document.querySelector('.annotator-frame');
-
-
-      if(window.innerWidth < 1400) {
-        /*
-        window.annotator.on("show", function () {
-          main.classList.add("open");
-        });
-
-        window.annotator.on("hide", function () {
-          main.classList.remove("open");
-        });
-        */
-
-        // create an observer instance
-        var observer = new MutationObserver(function(mutations) {
-          mutations.forEach(function(mutation) {
-            if (mutation.attributeName === "class") {
-              if (target.classList.contains("annotator-collapsed")) {
-                main.classList.remove("open");
-              } else {
-                main.classList.add("open");
-              }
-            }
-          });
-        });
-
-        observer.observe(target, { attributes: true });
-
-      }
-
-    });
-
   </script>
 
 </body>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "epubjs",
-  "version": "0.3.46",
+  "version": "0.3.47",
   "description": "Parse and Render Epubs",
   "main": "lib/index.js",
   "module": "src/index.js",

src/book.js

@@ -544,7 +544,11 @@ class Book {
 		var cfi = new EpubCFI(cfiRange);
 		var item = this.spine.get(cfi.spinePos);
 		var _request = this.load.bind(this);
-
+		if (!item) {
+			return new Promise((resolve, reject) => {
+				reject("CFI could not be found");
+			});
+		}
 		return item.load(_request).then(function (contents) {
 			var range = cfi.toRange(item.document);
 			return range;

src/managers/default/index.js

@@ -476,10 +476,12 @@ class DefaultViewManager {
 		let sections = visible.map((view) => {
 			let {index, href} = view.section;
 			let position = view.position();
-			let startPos = position.top - container.top + offset + used;
+			let height = view.height();
+
+			let startPos = offset + container.top - position.top + used;
 			let endPos = startPos + pageHeight - used;
-			if (endPos > position.bottom - container.top + offset) {
+			if (endPos > height) {
-				endPos = position.bottom - container.top + offset;
+				endPos = height;
 				used = (endPos - startPos);
 			}
 

src/rendition.js

@@ -76,7 +76,7 @@ class Rendition {
 		this.hooks.content.register(this.passEvents.bind(this));
 		this.hooks.content.register(this.adjustImages.bind(this));
 
-		this.book.spine.hooks.content.register(this.injectSource.bind(this));
+		this.book.spine.hooks.content.register(this.injectIdentifier.bind(this));
 
 		if (this.settings.stylesheet) {
 			this.book.spine.hooks.content.register(this.injectStylesheet.bind(this));
@@ -801,10 +801,10 @@ class Rendition {
 		doc.getElementsByTagName("head")[0].appendChild(script);
 	}
 
-	injectSource(doc, section) {
+	injectIdentifier(doc, section) {
 		let ident = this.book.package.metadata.identifier;
 		let meta = doc.createElement("meta");
-		meta.setAttribute("property", "dc:source");
+		meta.setAttribute("name", "dc.relation.ispartof");
 		if (ident) {
 			meta.setAttribute("contents", ident);
 		}

src/utils/replacements.js

@@ -54,13 +54,13 @@ export function replaceMeta(doc, section){
 	}
 
 	head = qs(doc, "head");
-	meta = qs(head, "link[property='dc:identifier']");
+	meta = qs(head, "link[property='dc.identifier']");
 
 	if (meta) {
 		meta.setAttribute("content", id);
 	} else {
 		meta = doc.createElement("meta");
-		meta.setAttribute("property", "dc:identifier");
+		meta.setAttribute("name", "dc.identifier");
 		meta.setAttribute("content", id);
 		head.appendChild(meta);
 	}