User settings for inserted element name and container selector

data/inserter.js

@@ -1,5 +1,6 @@
-self.port.on('insert', data => {
-  var elem = document.createElement('div')
+self.port.on('insert', (data, prefs) => {
+  var elem = document.createElement(prefs['element-name'])
   elem.textContent = data
+  var container = document.querySelector(prefs['container-selector'])
   document.body.appendChild(elem)
 })

index.js

@@ -4,6 +4,7 @@ var buttons = require('sdk/ui/button/action');
 var tabs = require('sdk/tabs');
 var { ToggleButton } = require('sdk/ui/button/toggle')
 var timers = require('sdk/timers')
+var { prefs } = require('sdk/simple-prefs')
 
 var button = ToggleButton({
   id: "clipboard-inserter-btn",
@@ -53,7 +54,7 @@ function ClipboardMonitor() {
     if(clipboard.currentFlavors.indexOf('text') != -1) {
       var currentContent = clipboard.get('text/unicode')
       if(lastContent !== currentContent) {
-        this.worker.port.emit('insert', currentContent)
+        this.worker.port.emit('insert', currentContent, prefs)
         lastContent = currentContent
       }
     }

package.json

@@ -12,5 +12,17 @@
   "license": "MIT",
   "keywords": [
     "jetpack"
-  ]
+  ],
+  "preferences": [{
+    "name": "element-name",
+    "title": "Added element name",
+    "type": "string",
+    "value": "p"
+  }, {
+    "name": "container-selector",
+    "title": "Containing element selector",
+    "description": "css selector of the element which should contain added elements. If you don't know what this means leaving this as 'body' will just append at the end of the document",
+    "type": "string",
+    "value": "body"
+  }]
 }