add support for offscreen/headless mode

Jus-Be · Dec 9, 2024 · 3dd041c · 3dd041c
1 parent 1f688ca
commit 3dd041c
Show file tree

Hide file tree

Showing 6 changed files with 26 additions and 7 deletions.
diff --git a/docs/assets/chords/qy-irish-pop_108_8889_8889_2.chord b/docs/assets/chords/qy-irish-pop_108_8889_8889_2.chord
diff --git a/docs/assets/chords/qy-mixture_94_10213_10213_2.chord b/docs/assets/chords/qy-mixture_94_10213_10213_2.chord
diff --git a/docs/js/background.js b/docs/js/background.js
@@ -8,8 +8,8 @@ self.addEventListener('install', function(event) {
     console.debug('activate', event);
 });
 self.addEventListener('activate', function (event) {
-    console.debug('activate', event);
-	openOrinAyoWindow();	
+    console.debug('activate', event);	
+	createOffscreen();
 });
 
 self.addEventListener('message', function (event) {
@@ -53,7 +53,7 @@ if (location.protocol == "chrome-extension:") {
 		console.debug("onStartup");	
 	});
 
-	chrome.action.onClicked.addListener(() => {
+	chrome.action.onClicked.addListener( () => {
 		console.debug("action onClicked");	
 		openOrinAyoWindow();
 	});	
@@ -68,9 +68,10 @@ if (location.protocol == "chrome-extension:") {
 
 	chrome.windows.onRemoved.addListener((win) => {
 		//console.debug("onRemoved", win);	
-		chrome.storage.local.get('orinAyoWin', (data) => {	
+		chrome.storage.local.get('orinAyoWin', async (data) => {	
 			if (data.orinAyoWin && data.orinAyoWin == win) {	
 				chrome.storage.local.remove('orinAyoWin');	
+				createOffscreen();
 			}
 		});	
 	});
@@ -82,11 +83,26 @@ if (location.protocol == "chrome-extension:") {
 //
 // -------------------------------------------------------
 
+async function createOffscreen() {
+	try {
+		if (await chrome.offscreen.hasDocument()) return;
+
+		await chrome.offscreen.createDocument({
+			url: "index.html",
+			reasons: ["WEB_RTC"],
+			justification: "testing",
+		});
+	} catch (e) {
+		console.warn("createOffscreen", e);
+	}
+}
+
 const createOrinAyoWindow = () => {
 	console.debug("createOrinAyoWindow");		
 	const data = {url: chrome.runtime.getURL("index.html"), type: 'popup'};
 
-	chrome.windows.create(data, (win) => {
+	chrome.windows.create(data, async (win) => {
+		await chrome.offscreen.closeDocument();
 		chrome.storage.local.set({orinAyoWin: win.id});			
 		chrome.windows.update(win.id, {width: 1050, height: 1040});
 	});

diff --git a/docs/js/main.js b/docs/js/main.js
@@ -1025,7 +1025,7 @@ function loadMidiSynth() {
 
 async function onloadHandler() {
 	console.debug("onloadHandler");
-
+	
 	let version = "latest";
 	if (!!chrome.runtime?.getManifest) version = chrome.runtime.getManifest().version;
 	document.title = "Orin Ayo | " + version;

diff --git a/docs/js/styles.js b/docs/js/styles.js
@@ -213,6 +213,8 @@ var chord_loops = [
 	"assets/chords/power-strum_96_10000_10000_4.chord",
 	"assets/chords/praise_127_15118.chord",
 	"assets/chords/praise2_127_7559_7559_4.chord",
+	"assets/chords/qy-irish-pop_108_8889_8889_2.chord",
+	"assets/chords/qy-mixture_94_10213_10213_2.chord",
 	"assets/chords/regaaton_100_9600.chord",
 	"assets/chords/rock_90_21333.chord",	
 	"assets/chords/rnb_100_19200.chord",

diff --git a/docs/manifest.json b/docs/manifest.json
@@ -3,12 +3,13 @@
 	"name": "OrinAyo",  
 	"short_name": "OrinAyo",
 	"description": "The Guitar Arranger",
-	"version": "0.9.8",
+	"version": "0.9.9",
 
 	"background": {
 		"service_worker": "./js/background.js"
 	}, 
 	"permissions": [
+		"offscreen",		
 		"background",	
 		"storage",   
 		"unlimitedStorage"