text: /* global localStorage, fetch */
  import { PluginManager } from '@remixproject/engine'
  import { IframePlugin } from '@remixproject/engine-web'
  import { EventEmitter } from 'events'
  import QueryParams from './lib/query-params'
  import { PermissionHandler } from './app/ui/persmission-handler'
  
  const requiredModules = [ // services + layout views + system views
    'manager', 'compilerArtefacts', 'compilerMetadata', 'contextualListener', 'editor', 'offsetToLineColumnConverter', 'network', 'theme', 'fileManager', 'contentImport', 'web3Provider', 'scriptRunner', 'fetchAndCompile',
    'mainPanel', 'hiddenPanel', 'sidePanel', 'menuicons', 'fileExplorers',
    'terminal', 'settings', 'pluginManager', 'tabs']
  
  export function isNative (name) {
    const nativePlugins = ['vyper', 'workshops', 'debugger', 'remixd']
    return nativePlugins.includes(name) || requiredModules.includes(name)
  }
  
  export function canActivate (name) {
    return ['ethdoc'].includes(name) || isNative(name)
  }
  
  export class RemixAppManager extends PluginManager {
    constructor () {
      super()
      this.event = new EventEmitter()
      this.pluginsDirectory = 'https://raw.githubusercontent.com/ethereum/remix-plugins-directory/master/build/metadata.json'
      this.pluginLoader = new PluginLoader()
      this.permissionHandler = new PermissionHandler()
    }
  
    async canActivatePlugin (from, to) {
      return canActivate(from.name)
    }
  
    async canDeactivatePlugin (from, to) {
      if (requiredModules.includes(to.name)) return false
      return isNative(from.name)
    }
  
    async canCall (from, to, method, message) {
      // Make sure the caller of this methods is the target plugin
      if (to !== this.currentRequest.from) {
        return false
      }
      // skipping native plugins' requests
      if (isNative(from)) {
        return true
      }
      // ask the user for permission
      return await this.permissionHandler.askPermission(this.profiles[from], this.profiles[to], method, message)
    }
  
    onPluginActivated (plugin) {
      this.pluginLoader.set(plugin, this.actives)
      this.event.emit('activate', plugin)
    }
  
    getAll () {
      return Object.keys(this.profiles).map((p) => {
        return this.profiles[p]
      })
    }
  
    getIds () {
      return Object.keys(this.profiles)
    }
  
    onPluginDeactivated (plugin) {
      this.pluginLoader.set(plugin, this.actives)
      this.event.emit('deactivate', plugin)
    }
  
    isRequired (name) {
      // excluding internal use plugins
      return requiredModules.includes(name)
    }
  
    async registeredPlugins () {
      let plugins
      try {
        const res = await fetch(this.pluginsDirectory)
        plugins = await res.json()
        localStorage.setItem('plugins-directory', JSON.stringify(plugins))
      } catch (e) {
        console.log('getting plugins list from localstorage...')
        const savedPlugins = localStorage.getItem('plugins-directory')
        if (savedPlugins) {
          try {
            plugins = JSON.parse(savedPlugins)
          } catch (e) {
            console.error(e)
          }
        }
      }
      plugins.push({
        name: 'walletconnect',
        kind: 'provider',
        displayName: 'Wallet Connect',
        events: [],
        methods: ['sendAsync'],
        url: 'ipfs://QmUD93rF9RKaDabCM5jFTHraBKd72HApbv7m9Vd5i5EHZe',
        description: 'Use an external wallet for transacting',
        icon: 'data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHdpZHRoPSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxyYWRpYWxHcmFkaWVudCBpZD0iYSIgY3g9IjAlIiBjeT0iNTAlIiByPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM1ZDlkZjYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMDZmZmYiLz48L3JhZGlhbEdyYWRpZW50PjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0ibTI1NiAwYzE0MS4zODQ4OTYgMCAyNTYgMTE0LjYxNTEwNCAyNTYgMjU2cy0xMTQuNjE1MTA0IDI1Ni0yNTYgMjU2LTI1Ni0xMTQuNjE1MTA0LTI1Ni0yNTYgMTE0LjYxNTEwNC0yNTYgMjU2LTI1NnoiIGZpbGw9InVybCgjYSkiLz48cGF0aCBkPSJtNjQuNjkxNzU1OCAzNy43MDg4Mjk4YzUxLjUzMjgwNzItNTAuMjc4NDM5NyAxMzUuMDgzOTk0Mi01MC4yNzg0Mzk3IDE4Ni42MTY3OTkyIDBsNi4yMDIwNTcgNi4wNTEwOTA2YzIuNTc2NjQgMi41MTM5MjE4IDIuNTc2NjQgNi41ODk3OTQ4IDAgOS4xMDM3MTc3bC0yMS4yMTU5OTggMjAuNjk5NTc1OWMtMS4yODgzMjEgMS4yNTY5NjE5LTMuMzc3MSAxLjI1Njk2MTktNC42NjU0MjEgMGwtOC41MzQ3NjYtOC4zMjcwMjA1Yy0zNS45NTA1NzMtMzUuMDc1NDk2Mi05NC4yMzc5NjktMzUuMDc1NDk2Mi0xMzAuMTg4NTQ0IDBsLTkuMTQwMDI4MiA4LjkxNzU1MTljLTEuMjg4MzIxNyAxLjI1Njk2MDktMy4zNzcxMDE2IDEuMjU2OTYwOS00LjY2NTQyMDggMGwtMjEuMjE1OTk3My0yMC42OTk1NzU5Yy0yLjU3NjY0MDMtMi41MTM5MjI5LTIuNTc2NjQwMy02LjU4OTc5NTggMC05LjEwMzcxNzd6bTIzMC40OTM0ODUyIDQyLjgwODkxMTcgMTguODgyMjc5IDE4LjQyMjcyNjJjMi41NzY2MjcgMi41MTM5MTAzIDIuNTc2NjQyIDYuNTg5NzU5My4wMDAwMzIgOS4xMDM2ODYzbC04NS4xNDE0OTggODMuMDcwMzU4Yy0yLjU3NjYyMyAyLjUxMzk0MS02Ljc1NDE4MiAyLjUxMzk2OS05LjMzMDg0LjAwMDA2Ni0uMDAwMDEtLjAwMDAxLS4wMDAwMjMtLjAwMDAyMy0uMDAwMDMzLS4wMDAwMzRsLTYwLjQyODI1Ni01OC45NTc0NTFjLS42NDQxNi0uNjI4NDgxLTEuNjg4NTUtLjYyODQ4MS0yLjMzMjcxIDAtLjAwMDAwNC4wMDAwMDQtLjAwMDAwOC4wMDAwMDctLjAwMDAxMi4wMDAwMTFsLTYwLjQyNjk2ODMgNTguOTU3NDA4Yy0yLjU3NjYxNDEgMi41MTM5NDctNi43NTQxNzQ2IDIuNTEzOTktOS4zMzA4NDA4LjAwMDA5Mi0uMDAwMDE1MS0uMDAwMDE0LS4wMDAwMzA5LS4wMDAwMjktLjAwMDA0NjctLjAwMDA0NmwtODUuMTQzODY3NzQtODMuMDcxNDYzYy0yLjU3NjYzOTI4LTIuNTEzOTIxLTIuNTc2NjM5MjgtNi41ODk3OTUgMC05LjEwMzcxNjNsMTguODgyMzEyNjQtMTguNDIyNjk1NWMyLjU3NjYzOTMtMi41MTM5MjIyIDYuNzU0MTk5My0yLjUxMzkyMjIgOS4zMzA4Mzk3IDBsNjAuNDI5MTM0NyA1OC45NTgyNzU4Yy42NDQxNjA4LjYyODQ4IDEuNjg4NTQ5NS42Mjg0OCAyLjMzMjcxMDMgMCAuMDAwMDA5NS0uMDAwMDA5LjAwMDAxODItLjAwMDAxOC4wMDAwMjc3LS4wMDAwMjVsNjAuNDI2MTA2NS01OC45NTgyNTA4YzIuNTc2NTgxLTIuNTEzOTggNi43NTQxNDItMi41MTQwNzQzIDkuMzMwODQtLjAwMDIxMDMuMDAwMDM3LjAwMDAzNTQuMDAwMDcyLjAwMDA3MDkuMDAwMTA3LjAwMDEwNjNsNjAuNDI5MDU2IDU4Ljk1ODM1NDhjLjY0NDE1OS42Mjg0NzkgMS42ODg1NDkuNjI4NDc5IDIuMzMyNzA5IDBsNjAuNDI4MDc5LTU4Ljk1NzE5MjVjMi41NzY2NC0yLjUxMzkyMzEgNi43NTQxOTktMi41MTM5MjMxIDkuMzMwODM5IDB6IiBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDk4IDE2MCkiLz48L2c+PC9zdmc+',
        location: 'mainPanel'
      })
      plugins.push({
        name: 'dGit',
        kind: 'none',
        displayName: 'dGit',
        events: [],
        methods: [],
        url: 'https://dgitremix.web.app/',
        description: 'A decentralized git plugin for Remix. Store your files in IPFS and 3Box as a git repository.',
        icon: 'https://dgitremix.web.app/dgitlogo.png',
        location: 'mainPanel',
        documentation: 'https://github.com/bunsenstraat/remix-storage-plugin'
      })
      return plugins.map(plugin => {
        if (plugin.name === 'scriptRunner') {
          plugin.url = 'ipfs://QmYCUgBadbcHj3B8d8TsT4A2fKYvXGFWt1izxyXasjdWtF'
        }
        return new IframePlugin(plugin)
      })
    }
  }
  
  /** @class Reference loaders.
   *  A loader is a get,set based object which load a workspace from a defined sources.
   *  (localStorage, queryParams)
   **/
  class PluginLoader {
    get currentLoader () {
      return this.loaders[this.current]
    }
  
    constructor () {
      const queryParams = new QueryParams()
      this.donotAutoReload = ['remixd'] // that would be a bad practice to force loading some plugins at page load.
      this.loaders = {}
      this.loaders.localStorage = {
        set: (plugin, actives) => {
          if (!this.donotAutoReload.includes(plugin.name)) {
            localStorage.setItem('workspace', JSON.stringify(actives))
          }
        },
        get: () => { return JSON.parse(localStorage.getItem('workspace')) }
      }
  
      this.loaders.queryParams = {
        set: () => {},
        get: () => {
          const { activate } = queryParams.get()
          if (!activate) return []
          return activate.split(',')
        }
      }
  
      this.current = queryParams.get().activate ? 'queryParams' : 'localStorage'
    }
  
    set (plugin, actives) {
      this.currentLoader.set(plugin, actives)
    }
  
    get () {
      return this.currentLoader.get()
    }
  }
  