Inject peniquitous.js into the page context

Instead of handling the keyboard events in the content script, inject a
script onto the page that does the key listening and simulating.

This allows the simulation of up & down arrow key presses to actually
trigger the proper page event listeners and allow our custom code to do
the right thing instead of firing a key event in the Chrome extension's
isolated environment and not having anything happening because no
listeners are attached in the isolated environment.

Also inject the `KeyEvent` object from Mousetrap so we can use it's key
simulation feature. Will likely want to extract that into our own custom
code so we're not including a whole script that we only use 20% of or
so.

1 files changed, 13 insertions, 0 deletions

diff --git a/main.js b/main.js
new file mode 100644
index 0000000..204717e
--- /dev/null
+++ b/main.js
@@ -0,0 +1,13 @@
+(function() {
+	[
+		'lib/mousetrap/tests/libs/key-event.js',
+		'peniquitous.js'
+	].forEach(function(file) {
+		var s = document.createElement('script');
+		s.src = chrome.extension.getURL(file);
+		s.onload = function() {
+			this.parentNode.removeChild(this);
+		};
+		document.documentElement.appendChild(s);
+	});
+})();