feat hypothes.is and title injection

StructSeeker · StructSeeker · commit 5c1b256e9fd5 · 2025-03-29T03:36:33.000-04:00
diff --git a/README.md b/README.md
@@ -2,4 +2,18 @@
 
 This cloud-based epub reader allow hypothes.is browser extension (chrome on pc, kiwibroswer on android, resp.) to be run for particular uploaded epub book.
 
-[Try it](https://structseeker.github.io/hypothes.is-epubjs-reader/)!
+Read your epub file using the top-right upload button, the file is not transmitted to any remote server.
+
+[Try it](https://structseeker.github.io/hypothes.is-epubjs-reader/)!
+
+
+
+## Features
+
+Embedded Hypothes.is: Usable on any broweser-support device.
+More Readable Title: the epub title is injected before the page title, making it more viewable in your profile.
+Fix upstream UI Bugs.
+
+**Caution:**  Be sure that epub is safe and contain no malicious script!
+
+Todo: fix the security flaw.
diff --git a/dist/index.html b/dist/index.html
@@ -24,8 +24,24 @@
 		import { Reader } from "./js/epubreader.min.js"
 		const url = new URL(window.location)
 		const path = url.searchParams.get("bookPath") || "https://s3.amazonaws.com/moby-dick/"
-		window.onload = (e) => new Reader(path)
+		//window.onload = (e) => new Reader(path)
+		window.onload = (e) => {
+			let reader = new Reader(path);			
+			
+			document.body.addEventListener("load", function(e) {
+    			if(e.target.tagName == 'IFRAME'){
+					let iframedoc = e.target.contentWindow.document
+					iframedoc.querySelector('title').prepend(document.querySelector('title').innerHTML);
+				}
+			}, true // use capture 
+			)
+
+			return reader;
+		}
 	</script>
+
+	<script src="https://hypothes.is/embed.js" async></script>
+
 </head>
 
 <body>
diff --git a/note.md b/note.md
@@ -0,0 +1,12 @@
+# Modify Title
+
+```
+let iframe = document.querySelector('.epub-view > iframe')
+let iframedoc = iframe.contentWindow.document
+
+iframe.onload = () => {
+    iframedoc.querySelector('title').prepend(document.querySelector('title').innerHTML);
+}
+
+```
+
diff --git a/src/reader.js b/src/reader.js
@@ -76,7 +76,10 @@ export class Reader {
 			minSpreadWidth: this.settings.spread.min,
 			width: "100%",
 
+			//script:"https://hypothes.is/embed.js",
 			allowScriptedContent: true,
+			// allowSameOrigin: false, 
+			// should be set false, but the option is not yet available.
 
 			height: "100%",
 			snap: true
