Get inline stylesheet for viewer.html

examples/viewer.html

@@ -42,10 +42,7 @@
         .then(str => (new DOMParser()).parseFromString(str, "text/html"))
 
       // Gather all stylesheets from html document
-      let stylesheets = Array.from(html.querySelectorAll("link[rel='stylesheet']"));
-      let hrefs = stylesheets.map((sheet) => {
-        return sheet.href;
-      });
+      let hrefs = previewer.removeStyles(html);
 
       // Add a stylesheet url in params
       let stylesheet = params && params.get("stylesheet") && decodeURIComponent(params.get("stylesheet"));
@@ -74,7 +71,7 @@
 
       .pagedjs_page {
         background-color: #fdfdfd;
-        margin-bottom: 20px;
+        margin: 10px auto;
         flex: none;
         box-shadow: 0 0 0 1px rgba(0, 0,0,0.2);
       }

package.json

@@ -5,7 +5,7 @@
   "author": "Fred Chasen",
   "license": "MIT",
   "homepage": "https://pagedmedia.org",
-  "main": "lib/paged.js",
+  "main": "lib/index.js",
   "module": "src/index.js",
   "browser": "dist/paged.js",
   "dependencies": {

src/polyfill/previewer.js

@@ -93,16 +93,16 @@ class Previewer {
 		return template.content;
 	}
 
-	removeStyles() {
+	removeStyles(doc=document) {
 		// Get all stylesheets
-		let stylesheets = Array.from(document.querySelectorAll("link[rel='stylesheet']"));
+		let stylesheets = Array.from(doc.querySelectorAll("link[rel='stylesheet']"));
 		let hrefs = stylesheets.map((sheet) => {
 			sheet.remove();
 			return sheet.href;
 		});
 
 		// Get inline styles
-		let inlineStyles = Array.from(document.querySelectorAll("style:not([data-pagedjs-inserted-styles])"));
+		let inlineStyles = Array.from(doc.querySelectorAll("style:not([data-pagedjs-inserted-styles])"));
 		inlineStyles.forEach((inlineStyle) => {
 			let obj = {};
 			obj[window.location.href] = inlineStyle.textContent;