Use the runtime API

background/background.js

@@ -106,7 +106,7 @@ chrome.tabs.onUpdated.addListener((id, info, tab) => {
   }
 })
 
-chrome.extension.onMessage.addListener((req, sender, sendResponse) => {
+chrome.runtime.onMessage.addListener((req, sender, sendResponse) => {
   if (req.message === 'markdown') {
     md.compile(req.markdown, sendResponse)
   }

content/content.js

@@ -6,18 +6,18 @@ var state = {
   html: '',
   markdown: '',
   raw: window['raw'] ? !window['raw'] : false,
-  getURL: () => chrome.extension.getURL('/themes/' + state.theme + '.css')
+  getURL: () => chrome.runtime.getURL('/themes/' + state.theme + '.css')
 }
 
 if (!state.theme) { // file://
-  chrome.extension.sendMessage({message: 'settings'}, (res) => {
+  chrome.runtime.sendMessage({message: 'settings'}, (res) => {
     state.theme = res.theme
     state.raw = res.raw
     m.redraw()
   })
 }
 
-chrome.extension.onMessage.addListener((req, sender, sendResponse) => {
+chrome.runtime.onMessage.addListener((req, sender, sendResponse) => {
   if (req.message === 'reload') {
     window.location.reload(true)
   }
@@ -61,7 +61,7 @@ function mount () {
       })((data) => {
         state.markdown = data || md
 
-        chrome.extension.sendMessage({
+        chrome.runtime.sendMessage({
           message: 'markdown',
           markdown: state.markdown
         }, (res) => {

content/options.js

@@ -13,7 +13,7 @@ var events = {
     var origin = state.origin.replace(/\/$/, '')
     chrome.permissions.request({origins: [origin + '/*']}, (granted) => {
       if (granted) {
-        chrome.extension.sendMessage({message: 'add', origin}, (res) => {
+        chrome.runtime.sendMessage({message: 'add', origin}, (res) => {
           state.origin = ''
           get()
         })
@@ -24,7 +24,7 @@ var events = {
   remove: (origin) => () => {
     chrome.permissions.remove({origins: [origin + '/*']}, (removed) => {
       if (removed) {
-        chrome.extension.sendMessage({message: 'remove', origin}, (res) => {
+        chrome.runtime.sendMessage({message: 'remove', origin}, (res) => {
           get()
         })
       }
@@ -35,7 +35,7 @@ var events = {
     state.origins[origin] = e.target.value
     clearTimeout(state.timeout)
     state.timeout = setTimeout(() => {
-      chrome.extension.sendMessage({
+      chrome.runtime.sendMessage({
         message: 'update', origin, match: e.target.value
       }, (res) => {})
     }, 750)
@@ -51,7 +51,7 @@ var events = {
 }
 
 function get () {
-  chrome.extension.sendMessage({message: 'origins'}, (res) => {
+  chrome.runtime.sendMessage({message: 'origins'}, (res) => {
     state.origins = res.origins
     m.redraw()
   })

content/popup.js

@@ -9,7 +9,7 @@ var state = {
 var events = {
   changeOptions: (e) => {
     state.options[e.target.name] = !state.options[e.target.name]
-    chrome.extension.sendMessage({
+    chrome.runtime.sendMessage({
       message: 'options',
       options: state.options
     })
@@ -17,7 +17,7 @@ var events = {
 
   changeTheme: (e) => {
     state.theme = state.themes[e.target.selectedIndex]
-    chrome.extension.sendMessage({
+    chrome.runtime.sendMessage({
       message: 'theme',
       theme: state.theme
     })
@@ -25,7 +25,7 @@ var events = {
 
   viewRaw: () => {
     state.raw = !state.raw
-    chrome.extension.sendMessage({
+    chrome.runtime.sendMessage({
       message: 'raw',
       raw: state.raw,
       theme: state.theme
@@ -33,15 +33,15 @@ var events = {
   },
 
   setDefaults: () => {
-    chrome.extension.sendMessage({
+    chrome.runtime.sendMessage({
       message: 'defaults'
     }, (res) => {
-      chrome.extension.sendMessage({message: 'settings'}, init)
+      chrome.runtime.sendMessage({message: 'settings'}, init)
     })
   },
 
   advancedOptions: () => {
-    chrome.extension.sendMessage({message: 'advanced'})
+    chrome.runtime.sendMessage({message: 'advanced'})
   }
 }
 
@@ -76,7 +76,7 @@ var onupdate = (key) => (vnode) => {
   }
 }
 
-chrome.extension.sendMessage({message: 'settings'}, init)
+chrome.runtime.sendMessage({message: 'settings'}, init)
 
 m.mount(document.querySelector('body'), {
   view: (vnode) =>