add http && https explorer and import raw url

src/app.js

@@ -148,6 +148,8 @@ class App {
     self._components.filesProviders['github'] = new BasicReadOnlyExplorer('github')
     self._components.filesProviders['gist'] = new NotPersistedExplorer('gist')
     self._components.filesProviders['ipfs'] = new BasicReadOnlyExplorer('ipfs')
+    self._components.filesProviders['https'] = new BasicReadOnlyExplorer('https')
+    self._components.filesProviders['http'] = new BasicReadOnlyExplorer('http')
     registry.put({api: self._components.filesProviders['localhost'], name: 'fileproviders/localhost'})
     registry.put({api: self._components.filesProviders['swarm'], name: 'fileproviders/swarm'})
     registry.put({api: self._components.filesProviders['github'], name: 'fileproviders/github'})

src/app/compiler/compiler-imports.js

@@ -53,9 +53,24 @@ module.exports = class CompilerImports {
       })
   }
 
+  handleHttpCall (url, cleanUrl, cb) {
+    return request.get(
+      {
+        url
+      },
+    (err, r, data) => {
+      if (err) {
+        return cb(err || 'Unknown transport error')
+      }
+      cb(null, data, cleanUrl)
+    })
+  }
+
   handlers () {
     return [
       { type: 'github', match: /^(https?:\/\/)?(www.)?github.com\/([^/]*\/[^/]*)\/(.*)/, handler: (match, cb) => { this.handleGithubCall(match[3], match[4], cb) } },
+      { type: 'http', match: /^(http?:\/\/?(.*))$/, handler: (match, cb) => { this.handleHttpCall(match[1], match[2], cb) } },
+      { type: 'https', match: /^(https?:\/\/?(.*))$/, handler: (match, cb) => { this.handleHttpCall(match[1], match[2], cb) } },
       { type: 'swarm', match: /^(bzz[ri]?:\/\/?(.*))$/, handler: (match, cb) => { this.handleSwarmImport(match[1], match[2], cb) } },
       { type: 'ipfs', match: /^(ipfs:\/\/?.+)/, handler: (match, cb) => { this.handleIPFS(match[1], cb) } }
     ]

src/app/panels/file-panel.js

@@ -58,6 +58,8 @@ function filepanel (localRegistry) {
   var githubExplorer = new FileExplorer(self._components.registry, self._deps.fileProviders['github'])
   var gistExplorer = new FileExplorer(self._components.registry, self._deps.fileProviders['gist'])
   var configExplorer = new FileExplorer(self._components.registry, self._deps.fileProviders['config'])
+  var httpExplorer = new FileExplorer(self._components.registry, self._deps.fileProviders['http'])
+  var httpsExplorer = new FileExplorer(self._components.registry, self._deps.fileProviders['https'])
 
   // ----------------- editor panel ----------------------
   self._compilerMetadata = new CompilerMetadata(
@@ -125,6 +127,8 @@ function filepanel (localRegistry) {
             <div class="swarmexplorer ${css.treeview}">${swarmExplorer.init()}</div>
             <div class="githubexplorer ${css.treeview}">${githubExplorer.init()}</div>
             <div class="gistexplorer ${css.treeview}">${gistExplorer.init()}</div>
+            <div class="httpexplorer ${css.treeview}">${httpExplorer.init()}</div>
+            <div class="httpsexplorer ${css.treeview}">${httpsExplorer.init()}</div>
           </div>
         </div>
         ${dragbar}
@@ -185,6 +189,14 @@ function filepanel (localRegistry) {
     self._deps.fileManager.switchFile(path)
   })
 
+  httpExplorer.events.register('focus', function (path) {
+    self._deps.fileManager.switchFile(path)
+  })
+
+  httpsExplorer.events.register('focus', function (path) {
+    self._deps.fileManager.switchFile(path)
+  })
+
   self.render = function render () { return element }
 
   function uploadFile (event) {

src/config.js

@@ -41,7 +41,9 @@ function Config (storage) {
         this.items[key].indexOf('swarm/') !== 0 &&
         this.items[key].indexOf('gist/') !== 0 &&
         this.items[key].indexOf('github/') !== 0 &&
-        this.items[key].indexOf('ipfs/') !== 0) {
+        this.items[key].indexOf('ipfs/') !== 0 &&
+        this.items[key].indexOf('http/') !== 0 &&
+        this.items[key].indexOf('https/') !== 0) {
         this.items[key] = 'browser/' + this.items[key]
       }
     }