feat: create events proxy to message from webapp to contentScript

[baruchiro]

fixes: #19

The finder, the code that finds packages on the page, first waits for a message from the injected script (custom-element.js) to know it loaded, then for each package it:

1. sends a message to the background service to fetch the PackageInfo, then sends the info to the injected script (the custom-element.js)
2. wraps the package string with <indicator>

The injected script does this on loading:

1. Register a store.
2. Listen to the "package info received" event, which updates the store with the package info.
3. Send a message to the content script to notify it is ready.

The Indicator.vue component is reactive to the store.

[baruchiro]

Suggestions for better names for files, functions, variables, different locations, organization, and architecture ARE WELCOME.

[jossef]

IMO no need to resolve(false) if you can call reject() (built-in in promise)
suggesting the following implementation with setTimeout

Suggested change

	let isWebappReady = false;
	export const waitForWebappReady = () => {
	return new Promise((resolve) => {
	const interval = setInterval(() => {
	if (isWebappReady) {
	clearInterval(interval);
	resolve(true);
	}
	}, 100);
	setTimeout(() => {
	clearInterval(interval);
	resolve(false);
	}, 5000);
	});
	};
	let isWebappReady = false;
	function onAppLoaded(timeout = 5000, sleep = 100) {
	let started = Date.now();
	return new Promise((resolve, reject) => {
	const interval = () => {
	if (isWebappReady) {
	resolve();
	return;
	}
	let duration = Date.now() - started;
	if(duration >= timeout){
	reject(`could not load app. timeout exceeded after ${timeout} milliseconds`)
	return;
	}
	setTimeout(interval, sleep);
	};
	interval();
	});
	}

example: https://replit.com/@jossef/wait-for-resource#index.js

[baruchiro]

I don't see a significant difference, these are two different methods of performing the same task.

Resolved anyway.

[jossef]

if resolved, assuming loaded. if rejected, assuming timeout. I would change implementation like so:

Suggested change

	const isReady = await events.waitForWebappReady();
	if (!isReady) {
	console.log('Webapp is not ready, aborting');
	return;
	}
	try{
	await events.onAppLoaded();
	catch (e){
	console.error("failed to initialize content script", e);
	return;
	}

[baruchiro]

resolved