feature: can add link to a script and inject it

README.md

@@ -14,7 +14,7 @@ With Injecta, you can now do this without having to copy/paste scripts into the
 
 ![screenshot][screenshot]
 
-Click the button on the top right, select your scripts, then hit "Inject".
+Click the button on the top right, select your scripts, enter desired CDN urls, then hit "Inject".
 
 ## License
 

manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "Injecta",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "manifest_version": 2,
   "description": "Inject JavaScript libraries into your current page.",
   "homepage_url": "https://ian.pw",

popup.html

@@ -9,6 +9,10 @@ <h1>Inject Libraries</h1>
     <p>Select the libraries you wish to inject below.</p>
 
     <ul id="libraryList"></ul>
+    <form id="custom-script">
+      Custom Script: 
+      <input type="text" id="script-url">
+    </form>
     <button id="inject">Inject!</button>
     <script src="scripts/jquery.min.js"></script>
     <script src="scripts/popup.js"></script>

scripts/popup.js

@@ -41,6 +41,17 @@ $(function() {
       + '</li>';
   }).join(''));
 
+  $('#custom-script').submit((e) => {
+    var url = $('#script-url').val();
+    $('#libraryList').append(
+      `<li><input type="checkbox" id=${url} value=${url} checked>` +
+      `<label for=${url}>${url}</label></li>`
+    );
+
+    $('#script-url').val('')
+    return false;
+  })
+
   $('#inject').click(function() {
     var selectedLibs = [];
     $('#libraryList li').each(function(el) {