Add files via upload

robbi73 · web-flow · commit 9d9362c26efd · 2023-02-23T20:05:56.000+01:00
diff --git a/TEST_SW_EXTPAGE_AND_OSD/img/ico128.png b/TEST_SW_EXTPAGE_AND_OSD/img/ico128.png
diff --git a/TEST_SW_EXTPAGE_AND_OSD/img/ico16.png b/TEST_SW_EXTPAGE_AND_OSD/img/ico16.png
diff --git a/TEST_SW_EXTPAGE_AND_OSD/manifest.json b/TEST_SW_EXTPAGE_AND_OSD/manifest.json
@@ -0,0 +1,20 @@
+{
+	"manifest_version": 3,
+	"name": "Test OSD, EXTPage & SW",
+	"short_name": "XXX",
+	"version": "0.0.0.1",
+	"description": "Questa estensione mi permette di testare...",
+	"background": {
+		"service_worker": "worker_wrapper.js"
+	},
+	"chrome_url_overrides": { "newtab": "newpage.html" },
+	"action": {
+		"default_icon": {
+			"128": "img/ico128.png",
+			"16": "img/ico16.png"
+		}
+	},
+	"permissions": [
+		"offscreen"
+	]
+}
diff --git a/TEST_SW_EXTPAGE_AND_OSD/newpage.html b/TEST_SW_EXTPAGE_AND_OSD/newpage.html
@@ -0,0 +1,8 @@
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<title>NewTab</title>
+		<script src="script/newpage.js"></script>
+	</head>
+	<body>Newpage</body>
+</html>
diff --git a/TEST_SW_EXTPAGE_AND_OSD/osd.html b/TEST_SW_EXTPAGE_AND_OSD/osd.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<script src="script/osd.js"></script>
+	</head>
+	<body>
+		<audio id="mp3"></audio>
+	</body>
+</html>
diff --git a/TEST_SW_EXTPAGE_AND_OSD/script/main.js b/TEST_SW_EXTPAGE_AND_OSD/script/main.js
@@ -0,0 +1,27 @@
+function OSCreateDocument(u, j, r) {
+	return new Promise(async res => {
+		try {
+			await chrome.offscreen.createDocument({ 'url': u, 'justification': j, 'reasons': r });
+			res()			
+		} catch(e) {
+			res()
+		}
+	})
+}
+
+async function openOSD() {
+	await OSCreateDocument('osd.html', 'ignored', ['DOM_PARSER']);	/* I open the OSD */
+	var e = '<table><tr><td>foo</td><td id="bar">bar</td></tr><table>'
+	let reply = await chrome.runtime.sendMessage({'cmd': 'DOMParser', 'html': e});	/* I send my message */
+	chrome.offscreen.closeDocument()	/* I close the document without waiting */
+	console.log(reply)
+}
+
+chrome.tabs.create({'url': chrome.runtime.getURL('newpage.html') })
+
+chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
+	/* Here I receive messages addressed to the SW but SOMETIME also those addressed to the OSD */
+	console.log("SW runtime.onMessage", request)
+});
+
+chrome.action.onClicked.addListener(t =>  openOSD() );
diff --git a/TEST_SW_EXTPAGE_AND_OSD/script/newpage.js b/TEST_SW_EXTPAGE_AND_OSD/script/newpage.js
@@ -0,0 +1,4 @@
+chrome.runtime.onMessage.addListener((request, sender, sendResponse) => 
+	/* Here I receive also messages addressed to the OSD, Why???? */
+	console.log("Extension page  runtime.onMessage", request)
+)
diff --git a/TEST_SW_EXTPAGE_AND_OSD/script/osd.js b/TEST_SW_EXTPAGE_AND_OSD/script/osd.js
@@ -0,0 +1,10 @@
+chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
+	console.log("OSD runtime.onMessage", msg)
+	if (msg.cmd == 'DOMParser') {
+		let parser = new DOMParser();
+		let doc = parser.parseFromString(msg.html, 'text/html');
+		let tc = doc.getElementById('bar').textContent;
+		let reply = {};
+		sendResponse(tc)
+	}
+})
diff --git a/TEST_SW_EXTPAGE_AND_OSD/worker_wrapper.js b/TEST_SW_EXTPAGE_AND_OSD/worker_wrapper.js
@@ -0,0 +1,5 @@
+try {
+	importScripts('/script/main.js');
+} catch (e) {
+	console.log(e)
+}
