Merge pull request #2082 from ethereum/issue#2080-plugin_version_warning

Add warning for plugin version

src/app/components/plugin-manager-component.js

@@ -4,6 +4,7 @@ const EventEmitter = require('events')
 const LocalPlugin = require('./local-plugin')
 import { Plugin, BaseApi } from 'remix-plugin'
 import { PluginManagerSettings } from './plugin-manager-settings'
+import * as packageJson from '../../../package.json'
 const addToolTip = require('../ui/tooltip')
 
 const css = csjs`
@@ -23,6 +24,9 @@ const css = csjs`
   }
   .displayName {
     text-transform: capitalize;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
   }
   .description {
     text-transform: capitalize;
@@ -35,6 +39,14 @@ const css = csjs`
     background-color: var(--primary);
     color: 
   }
+  .versionWarning {
+    background-color: var(--light);
+    padding: 0 7px;
+    font-weight: bolder;
+    margin-top: 5px;
+    text-transform: lowercase;
+    cursor: default;
+  }
 `
 
 const profile = {
@@ -46,7 +58,8 @@ const profile = {
   description: 'Start/stop services, modules and plugins',
   kind: 'settings',
   location: 'sidePanel',
-  documentation: 'plugin_manager.html'
+  documentation: 'plugin_manager.html',
+  version: packageJson.version
 }
 
 class PluginManagerComponent extends BaseApi {
@@ -80,6 +93,17 @@ class PluginManagerComponent extends BaseApi {
     const isActive = this.store.actives.includes(name)
     const displayName = (api.profile.displayName) ? api.profile.displayName : name
 
+    // Check version of the plugin
+    let versionWarning
+    // Alpha
+    if (api.profile.version && api.profile.version.match(/\b(\w*alpha\w*)\b/g)) {
+      versionWarning = yo`<small title="Version Alpha" class="${css.versionWarning}">alpha</small>`
+    }
+    // Beta
+    if (api.profile.version && api.profile.version.match(/\b(\w*beta\w*)\b/g)) {
+      versionWarning = yo`<small title="Version Beta" class="${css.versionWarning}">beta</small>`
+    }
+
     const activationButton = isActive
       ? yo`
       <button onclick="${_ => this.appManager.deactivateOne(name)}" class="btn btn-secondary btn-sm">
@@ -93,7 +117,10 @@ class PluginManagerComponent extends BaseApi {
     return yo`
       <article id="remixPluginManagerListItem_${name}" class="list-group-item py-1" title="${displayName}" >
         <div class="${css.row} justify-content-between align-items-center">
-          <h6 class="${css.displayName}">${displayName}</h6>
+          <h6 class="${css.displayName}">
+            ${displayName}
+            ${versionWarning}
+          </h6>
           ${activationButton}
         </div>
         <p class="${css.description}">${api.profile.description}</p>

src/app/components/side-panel.js

@@ -8,6 +8,7 @@ const css = csjs`
     overflow-y: hidden; 
   }
   .swapitTitle {
+    margin: 0;
     text-transform: uppercase;
     white-space: nowrap;
     overflow: hidden;
@@ -21,12 +22,7 @@ const css = csjs`
     height: 35px;
     padding: 0 20px;
     display: flex;
-    justify-content: space-between;
     align-items: center;
-    justify-content: flex-start;
-  }
-  .swapitHeader h6 {
-    margin: 0;
   }
   .icons i {
     height: 80%;
@@ -39,6 +35,14 @@ const css = csjs`
   .titleInfo {
     padding-left: 10px;
   }
+  .versionWarning {
+    background-color: var(--light);
+    padding: 0 7px;
+    font-weight: bolder;
+    margin-left: 5px;
+    text-transform: lowercase;
+    cursor: default;
+  }
 `
 
 const options = {
@@ -66,17 +70,26 @@ export class SidePanel extends AbstractPanel {
   renderHeader () {
     let name = ' - '
     let docLink = ''
+    let versionWarning
     if (this.active) {
       const { profile } = this.store.getOne(this.active)
       name = profile.displayName ? profile.displayName : profile.name
       const docsRoot = 'https://remix.readthedocs.io/en/latest/'
       docLink = profile.documentation ? yo`<a href="${docsRoot}${profile.documentation}" class="${css.titleInfo}" title="link to documentation" target="_blank"><i aria-hidden="true" class="fas fa-book"></i></a>` : ''
+      if (profile.version && profile.version.match(/\b(\w*alpha\w*)\b/g)) {
+        versionWarning = yo`<small title="Version Alpha" class="${css.versionWarning}">alpha</small>`
+      }
+      // Beta
+      if (profile.version && profile.version.match(/\b(\w*beta\w*)\b/g)) {
+        versionWarning = yo`<small title="Version Beta" class="${css.versionWarning}">beta</small>`
+      }
     }
 
     return yo`
       <header class="${css.swapitHeader}">
-        <h6 class="${css.swapitTitle}">${name}</h6>
-        ${docLink}
+          <h6 class="${css.swapitTitle}">${name}</h6>
+          ${docLink}
+          ${versionWarning}
       </header>
     `
   }

src/app/editor/SourceHighlighters.js

@@ -2,11 +2,13 @@
 const SourceHighlighter = require('./sourceHighlighter')
 
 import { EditorApi } from 'remix-plugin'
+import * as packageJson from '../../../package.json'
 
 const profile = {
   displayName: 'source highlighters',
   name: 'editor',
-  description: 'service - highlight source code'
+  description: 'service - highlight source code',
+  version: packageJson.version
 }
 
 // EditorApi:

src/app/files/fileManager.js

@@ -6,6 +6,7 @@ var globalRegistry = require('../../global/registry')
 var CompilerImport = require('../compiler/compiler-imports')
 var toaster = require('../ui/tooltip')
 import { FileSystemApi } from 'remix-plugin'
+import * as packageJson from '../../../package.json'
 
 /*
   attach to files event (removed renamed)
@@ -17,7 +18,8 @@ const profile = {
   displayName: 'File manager',
   description: 'Service - read/write to any files or folders, require giving permissions',
   icon: 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xNjk2IDM4NHE0MCAwIDY4IDI4dDI4IDY4djEyMTZxMCA0MC0yOCA2OHQtNjggMjhoLTk2MHEtNDAgMC02OC0yOHQtMjgtNjh2LTI4OGgtNTQ0cS00MCAwLTY4LTI4dC0yOC02OHYtNjcycTAtNDAgMjAtODh0NDgtNzZsNDA4LTQwOHEyOC0yOCA3Ni00OHQ4OC0yMGg0MTZxNDAgMCA2OCAyOHQyOCA2OHYzMjhxNjgtNDAgMTI4LTQwaDQxNnptLTU0NCAyMTNsLTI5OSAyOTloMjk5di0yOTl6bS02NDAtMzg0bC0yOTkgMjk5aDI5OXYtMjk5em0xOTYgNjQ3bDMxNi0zMTZ2LTQxNmgtMzg0djQxNnEwIDQwLTI4IDY4dC02OCAyOGgtNDE2djY0MGg1MTJ2LTI1NnEwLTQwIDIwLTg4dDQ4LTc2em05NTYgODA0di0xMTUyaC0zODR2NDE2cTAgNDAtMjggNjh0LTY4IDI4aC00MTZ2NjQwaDg5NnoiLz48L3N2Zz4=',
-  permission: true
+  permission: true,
+  version: packageJson.version
 }
 
 // File System profile

src/app/files/remixd-handle.js

@@ -1,6 +1,6 @@
 let globalRegistry = require('../../global/registry')
 import { BaseApi } from 'remix-plugin'
-
+import * as packageJson from '../../../package.json'
 var yo = require('yo-yo')
 var modalDialog = require('../ui/modaldialog')
 var modalDialogCustom = require('../ui/modal-dialog-custom')
@@ -23,7 +23,8 @@ const profile = {
   methods: [],
   events: [],
   description: 'using Remixd daemon, allow to access file system',
-  kind: 'other'
+  kind: 'other',
+  version: packageJson.version
 }
 
 export class RemixdHandle extends BaseApi {

src/app/panels/file-panel.js

@@ -7,6 +7,7 @@ var globalRegistry = require('../../global/registry')
 var css = require('./styles/file-panel-styles')
 
 import { BaseApi } from 'remix-plugin'
+import * as packageJson from '../../../package.json'
 
 var canUpload = window.File || window.FileReader || window.FileList || window.Blob
 
@@ -36,7 +37,8 @@ const profile = {
   description: ' - ',
   kind: 'fileexplorer',
   location: 'sidePanel',
-  documentation: 'file_explorer.html'
+  documentation: 'file_explorer.html',
+  version: packageJson.version
 }
 
 module.exports = class Filepanel extends BaseApi {

src/app/panels/terminal.js

@@ -17,6 +17,7 @@ var csjs = require('csjs-inject')
 
 var css = require('./styles/terminal-styles')
 import { BaseApi } from 'remix-plugin'
+import * as packageJson from '../../../package.json'
 
 var packageV = require('../../../package.json')
 
@@ -32,7 +33,8 @@ const profile = {
   methods: [],
   events: [],
   description: ' - ',
-  required: false
+  required: false,
+  version: packageJson.version
 }
 
 class Terminal extends BaseApi {

src/app/tabs/analysis-tab.js

@@ -5,6 +5,7 @@ var css = require('./styles/analysis-tab-styles')
 
 import { BaseApi } from 'remix-plugin'
 import { EventEmitter } from 'events'
+import * as packageJson from '../../../package.json'
 
 const profile = {
   name: 'solidityStaticAnalysis',
@@ -15,7 +16,8 @@ const profile = {
   description: 'Checks the contract code for security vulnerabilities and bad practices.',
   kind: 'analysis',
   location: 'sidePanel',
-  documentation: 'static_analysis.html'
+  documentation: 'static_analysis.html',
+  version: packageJson.version
 }
 
 class AnalysisTab extends BaseApi {

src/app/tabs/compile-tab.js

@@ -18,6 +18,7 @@ const CompileTabLogic = require('./compileTab/compileTab.js')
 const CompilerContainer = require('./compileTab/compilerContainer.js')
 
 import { CompilerApi } from 'remix-plugin'
+import * as packageJson from '../../../package.json'
 
 const profile = {
   name: 'solidity',
@@ -27,7 +28,8 @@ const profile = {
   kind: 'compile',
   permission: true,
   location: 'sidePanel',
-  documentation: 'solidity_editor.html'
+  documentation: 'solidity_editor.html',
+  version: packageJson.version
 }
 
 // EditorApi:

src/app/tabs/debugger-tab.js

@@ -4,6 +4,7 @@ var css = require('./styles/debugger-tab-styles')
 var DebuggerUI = require('../debugger/debuggerUI')
 
 import { BaseApi } from 'remix-plugin'
+import * as packageJson from '../../../package.json'
 
 const profile = {
   name: 'debugger',
@@ -14,7 +15,8 @@ const profile = {
   description: 'Debug transactions',
   kind: 'debugging',
   location: 'sidePanel',
-  documentation: 'debugger.html'
+  documentation: 'debugger.html',
+  version: packageJson.version
 }
 
 class DebuggerTab extends BaseApi {

src/app/tabs/network-module.js

@@ -1,9 +1,11 @@
 const executionContext = require('../../execution-context')
 import { NetworkApi } from 'remix-plugin'
+import * as packageJson from '../../../package.json'
 
 export const profile = {
   name: 'network',
-  description: 'Manage the network (mainnet, ropsten, goerli...) and the provider (web3, vm, injected)'
+  description: 'Manage the network (mainnet, ropsten, goerli...) and the provider (web3, vm, injected)',
+  version: packageJson.version
 }
 
 // Network API has :

src/app/tabs/run-tab.js

@@ -15,6 +15,7 @@ var RecorderUI = require('./runTab/recorder.js')
 const executionContext = require('../../execution-context')
 
 import { BaseApi } from 'remix-plugin'
+import * as packageJson from '../../../package.json'
 
 const profile = {
   name: 'run',
@@ -25,7 +26,8 @@ const profile = {
   description: 'execute and save transactions',
   kind: 'run',
   location: 'sidePanel',
-  documentation: 'run.html'
+  documentation: 'run.html',
+  version: packageJson.version
 }
 
 class RunTab extends BaseApi {

src/app/tabs/settings-tab.js

@@ -5,6 +5,7 @@ var copyToClipboard = require('../ui/copy-to-clipboard')
 var EventManager = require('../../lib/events')
 var css = require('./styles/settings-tab-styles')
 import { BaseApi } from 'remix-plugin'
+import * as packageJson from '../../../package.json'
 
 const profile = {
   name: 'settings',
@@ -15,7 +16,8 @@ const profile = {
   description: 'Remix-IDE settings',
   kind: 'settings',
   location: 'sidePanel',
-  documentation: 'settings.html'
+  documentation: 'settings.html',
+  version: packageJson.version
 }
 
 module.exports = class SettingsTab extends BaseApi {

src/app/tabs/theme-module.js

@@ -1,5 +1,6 @@
 import { BaseApi } from 'remix-plugin'
 import { EventEmitter } from 'events'
+import * as packageJson from '../../../package.json'
 
 const themes = [
   {name: 'Cerulean', quality: 'light', url: 'https://bootswatch.com/4/cerulean/bootstrap.min.css'},
@@ -19,7 +20,8 @@ const themes = [
 const profile = {
   name: 'theme',
   events: ['themeChanged'],
-  methods: ['switchTheme', 'getThemes', 'currentTheme']
+  methods: ['switchTheme', 'getThemes', 'currentTheme'],
+  version: packageJson.version
 }
 
 export class ThemeModule extends BaseApi {

src/app/ui/landing-page/landing-page.js

@@ -5,6 +5,7 @@ let CompilerImport = require('../../compiler/compiler-imports')
 var modalDialogCustom = require('../modal-dialog-custom')
 var tooltip = require('../tooltip')
 var QueryParams = require('../../../lib/query-params.js')
+import * as packageJson from '../../../../package.json'
 
 let css = csjs`
   .text {
@@ -81,7 +82,8 @@ const profile = {
   events: [],
   description: ' - ',
   icon: 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiM0MTQwNDIiIGQ9Ik03MC41ODIsNDI4LjkwNGMwLjgxMSwwLDEuNjIyLDAuMjg1LDIuNDM3LDAuODUzYzAuODExLDAuNTcxLDEuMjE4LDEuMzQsMS4yMTgsMi4zMTQNCgkJYzAsMi4yNzctMS4wNTksMy40OTYtMy4xNjgsMy42NTZjLTUuMDM4LDAuODE0LTkuMzgxLDIuMzU2LTEzLjAzNyw0LjYzYy0zLjY1NSwyLjI3Ni02LjY2Myw1LjExNy05LjAxNiw4LjUyOA0KCQljLTIuMzU3LDMuNDExLTQuMTA0LDcuMjcyLTUuMjM5LDExLjU3NWMtMS4xMzksNC4zMDctMS43MDYsOC44MTQtMS43MDYsMTMuNTI0djMyLjY1M2MwLDIuMjczLTEuMTM5LDMuNDExLTMuNDEyLDMuNDExDQoJCWMtMi4yNzcsMC0zLjQxMi0xLjEzOC0zLjQxMi0zLjQxMXYtNzQuMzIzYzAtMi4yNzMsMS4xMzUtMy40MTEsMy40MTItMy40MTFjMi4yNzMsMCwzLjQxMiwxLjEzOCwzLjQxMiwzLjQxMXYxNS4xMDgNCgkJYzEuNDYyLTIuNDM3LDMuMjA2LTQuNzUyLDUuMjM5LTYuOTQ1YzIuMDI5LTIuMTkzLDQuMjY0LTQuMTQzLDYuNzAxLTUuODQ4YzIuNDM3LTEuNzA2LDUuMDc2LTMuMDg1LDcuOTE5LTQuMTQzDQoJCUM2NC43NzEsNDI5LjQzMyw2Ny42NTgsNDI4LjkwNCw3MC41ODIsNDI4LjkwNHoiLz4NCgk8cGF0aCBmaWxsPSIjNDE0MDQyIiBkPSJNMTM3Ljc3Myw0MjcuMTk4YzUuNjg1LDAsMTAuOTY2LDEuMTgxLDE1LjgzOSwzLjUzNGM0Ljg3NCwyLjM1Niw5LjA1NSw1LjQ4MiwxMi41NSw5LjM4MQ0KCQljMy40OTIsMy44OTksNi4yMTQsOC40MDcsOC4xNjQsMTMuNTI0YzEuOTQ5LDUuMTE3LDIuOTI0LDEwLjQ0LDIuOTI0LDE1Ljk2MWMwLDAuOTc2LTAuMzY2LDEuNzktMS4wOTcsMi40MzgNCgkJYy0wLjczMSwwLjY1LTEuNTgzLDAuOTc1LTIuNTU5LDAuOTc1aC02Ny45ODdjMC40ODcsNC4yMjYsMS41ODQsOC4yODUsMy4yOSwxMi4xODRjMS43MDYsMy44OTksMy45MzcsNy4zMTIsNi43MDEsMTAuMjM0DQoJCWMyLjc2MSwyLjkyNSw2LjAwOCw1LjI4MSw5Ljc0OCw3LjA2N2MzLjczNSwxLjc4OSw3Ljg3NywyLjY4MSwxMi40MjgsMi42ODFjMTIuMDIxLDAsMjEuMzYtNC43OSwyOC4wMjMtMTQuMzc3DQoJCWMwLjY0Ny0xLjEzNiwxLjYyMi0xLjcwNiwyLjkyNC0xLjcwNmMyLjI3MywwLDMuNDEyLDEuMTM5LDMuNDEyLDMuNDEyYzAsMC4xNjMtMC4xNjQsMC43My0wLjQ4NywxLjcwNQ0KCQljLTMuNDEyLDYuMDEzLTguMjA1LDEwLjQ3OS0xNC4zNzcsMTMuNDAyYy02LjE3NiwyLjkyNC0xMi42NzEsNC4zODctMTkuNDk1LDQuMzg3Yy01LjY4OSwwLTEwLjkyOC0xLjE4MS0xNS43MTgtMy41MzMNCgkJYy00Ljc5My0yLjM1NC04LjkzNi01LjQ4My0xMi40MjgtOS4zODJjLTMuNDk1LTMuODk5LTYuMjE0LTguNDA3LTguMTYzLTEzLjUyNGMtMS45NS01LjExOC0yLjkyNC0xMC40MzctMi45MjQtMTUuOTYyDQoJCWMwLTUuNTIxLDAuOTc1LTEwLjg0NCwyLjkyNC0xNS45NjFjMS45NDktNS4xMTcsNC42NjgtOS42MjUsOC4xNjMtMTMuNTI0YzMuNDkyLTMuODk4LDcuNjM0LTcuMDI0LDEyLjQyOC05LjM4MQ0KCQlDMTI2Ljg0Niw0MjguMzc5LDEzMi4wODQsNDI3LjE5OCwxMzcuNzczLDQyNy4xOTh6IE0xNjkuOTQsNDY2LjE4OGMtMC4zMjgtNC4yMjMtMS4zNDEtOC4yODUtMy4wNDYtMTIuMTg0DQoJCWMtMS43MDYtMy44OTktMy45ODItNy4zMTItNi44MjMtMTAuMjM1Yy0yLjg0NC0yLjkyNC02LjE3NS01LjI3Ny05Ljk5MS03LjA2N2MtMy44MTktMS43ODUtNy45Mi0yLjY4LTEyLjMwNi0yLjY4DQoJCWMtNC41NSwwLTguNjkyLDAuODk1LTEyLjQyOCwyLjY4Yy0zLjczOSwxLjc5LTYuOTg3LDQuMTQ0LTkuNzQ4LDcuMDY3Yy0yLjc2NCwyLjkyNC00Ljk5NSw2LjMzNi02LjcwMSwxMC4yMzUNCgkJYy0xLjcwNiwzLjg5OC0yLjgwMiw3Ljk2MS0zLjI5LDEyLjE4NEgxNjkuOTR6Ii8+DQoJPHBhdGggZmlsbD0iIzQxNDA0MiIgZD0iTTMwNC42OSw0MjcuNDQxYzUuMDM0LDAsOS41MDQsMS4wMTgsMTMuNDAyLDMuMDQ3YzMuODk5LDIuMDMzLDcuMTg5LDQuNjcyLDkuODcsNy45Mg0KCQljMi42OCwzLjI1MSw0LjcwOSw3LjA2Niw2LjA5MiwxMS40NTJjMS4zNzksNC4zODcsMi4wNyw4Ljg1NiwyLjA3LDEzLjQwMnY0My42MmMwLDAuOTc1LTAuMzY1LDEuNzg5LTEuMDk3LDIuNDM4DQoJCWMtMC43MywwLjY0Ni0xLjUwMywwLjk3NS0yLjMxMywwLjk3NWMtMi4yNzYsMC0zLjQxMi0xLjE0LTMuNDEyLTMuNDEydi00My42MmMwLTMuNTcxLTAuNTI5LTcuMTA0LTEuNTg0LTEwLjYNCgkJYy0xLjA1OS0zLjQ5MS0yLjYwMi02LjYxOC00LjYzLTkuMzgyYy0yLjAzMy0yLjc2MS00LjU5Mi00Ljk1My03LjY3Ny02LjU4Yy0zLjA4OC0xLjYyMS02LjY2Mi0yLjQzNi0xMC43MjItMi40MzYNCgkJYy01LjIsMC05LjU4NywxLjIxOC0xMy4xNTksMy42NTRjLTMuNTc0LDIuNDM4LTYuNDU3LDUuNTY2LTguNjUsOS4zODJjLTIuMTkzLDMuODE5LTMuODE4LDguMDQyLTQuODc0LDEyLjY3Mg0KCQljLTEuMDU5LDQuNjMtMS41ODQsOS4wNTgtMS41ODQsMTMuMjh2MzMuNjI5YzAsMC45NzUtMC4zNjUsMS43ODktMS4wOTYsMi40MzhjLTAuNzMxLDAuNjQ2LTEuNTA1LDAuOTc1LTIuMzE1LDAuOTc1DQoJCWMtMi4yNzYsMC0zLjQxMS0xLjE0LTMuNDExLTMuNDEydi00My42MmMwLTMuNTcxLTAuNTMtNy4xMDQtMS41ODUtMTAuNmMtMS4wNTgtMy40OTEtMi42MDEtNi42MTgtNC42MjktOS4zODINCgkJYy0yLjAzNC0yLjc2MS00LjU5Mi00Ljk1My03LjY3Ny02LjU4Yy0zLjA4Ny0xLjYyMS02LjY2My0yLjQzNi0xMC43MjItMi40MzZjLTUuMDM3LDAtOS4zNDQsMC44OTUtMTIuOTE1LDIuNjgNCgkJYy0zLjU3NSwxLjc5LTYuNTQyLDQuMjY2LTguODk1LDcuNDMzYy0yLjM1NywzLjE2Ny00LjA2Myw2Ljk0NC01LjExNywxMS4zMzFjLTEuMDU5LDQuMzg2LTEuNTg0LDkuMS0xLjU4NCwxNC4xMzR2My44OTl2MC4yNDMNCgkJdjMyLjg5N2MwLDIuMjcyLTEuMTM4LDMuNDEyLTMuNDEyLDMuNDEyYy0yLjI3NiwwLTMuNDExLTEuMTQtMy40MTEtMy40MTJ2LTc0LjU2N2MwLTIuMjczLDEuMTM1LTMuNDExLDMuNDExLTMuNDExDQoJCWMyLjI3MywwLDMuNDEyLDEuMTM4LDMuNDEyLDMuNDExdjEyLjQyOGMyLjkyNC01LjE5Nyw2Ljg2MS05LjM4MiwxMS44MTktMTIuNTVjNC45NTQtMy4xNjcsMTAuNTE3LTQuNzUyLDE2LjY5Mi00Ljc1Mg0KCQljNi45ODMsMCwxMi45OTUsMS45OTEsMTguMDMyLDUuOTdjNS4wMzMsMy45ODMsOC42ODgsOS4yMjMsMTAuOTY2LDE1LjcxOWMyLjc2LTYuMzM2LDYuNzM5LTExLjUzMywxMS45NC0xNS41OTYNCgkJQzI5MS4xMjUsNDI5LjQ3NSwyOTcuMzgsNDI3LjQ0MSwzMDQuNjksNDI3LjQ0MXoiLz4NCgk8cGF0aCBmaWxsPSIjNDE0MDQyIiBkPSJNMzc4Ljc1Myw0MjkuMzkyYzAuODExLDAsMS41ODQsMC4zNjUsMi4zMTQsMS4wOTdjMC43MzEsMC43MywxLjA5NywxLjUwNCwxLjA5NywyLjMxNHY3NC4wOA0KCQljMCwwLjgxNC0wLjM2NSwxLjU4NC0xLjA5NywyLjMxNWMtMC43MywwLjczLTEuNTA0LDEuMDk3LTIuMzE0LDEuMDk3Yy0wLjk3NSwwLTEuNzktMC4zNjYtMi40MzgtMS4wOTcNCgkJYy0wLjY1LTAuNzMxLTAuOTc1LTEuNTAxLTAuOTc1LTIuMzE1di03NC4wOGMwLTAuODExLDAuMzI0LTEuNTg0LDAuOTc1LTIuMzE0QzM3Ni45NjMsNDI5Ljc1NywzNzcuNzc4LDQyOS4zOTIsMzc4Ljc1Myw0MjkuMzkyeiINCgkJLz4NCgk8cGF0aCBmaWxsPSIjNDE0MDQyIiBkPSJNNDczLjM0LDQyOC42NmMyLjI3MywwLDMuNDEyLDEuMTM5LDMuNDEyLDMuNDExbC0wLjQ4NywxLjk1bC0yNC4zNjgsMzUuMzM0bDI0LjM2OCwzNS41NzcNCgkJYzAuMzIzLDAuOTc2LDAuNDg3LDEuNjI2LDAuNDg3LDEuOTVjMCwyLjI3Mi0xLjEzOSwzLjQxMi0zLjQxMiwzLjQxMmMtMS4zMDIsMC0yLjE5My0wLjQ4OC0yLjY4LTEuNDYzbC0yMi45MDYtMzMuMzg0DQoJCWwtMjIuNjYzLDMzLjM4NGMtMC44MTQsMC45NzUtMS43OSwxLjQ2My0yLjkyNCwxLjQ2M2MtMi4yNzcsMC0zLjQxMS0xLjE0LTMuNDExLTMuNDEyYzAtMC4zMjQsMC4xNTktMC45NzUsMC40ODYtMS45NQ0KCQlsMjQuMzY5LTM1LjU3N2wtMjQuMzY5LTM1LjMzNGwtMC40ODYtMS45NWMwLTIuMjcyLDEuMTM0LTMuNDExLDMuNDExLTMuNDExYzEuMTM0LDAsMi4xMDksMC40ODcsMi45MjQsMS40NjJsMjIuNjYzLDMzLjE0MQ0KCQlsMjIuOTA2LTMzLjE0MUM0NzEuMTQ2LDQyOS4xNDcsNDcyLjAzOCw0MjguNjYsNDczLjM0LDQyOC42NnoiLz4NCjwvZz4NCjxnPg0KCTxnPg0KCQk8ZyBvcGFjaXR5PSIwLjQ1Ij4NCgkJCTxnPg0KCQkJCTxwb2x5Z29uIGZpbGw9IiMwMTAxMDEiIHBvaW50cz0iMTUwLjczNCwxOTYuMjEyIDI1NS45NjksMzQ0LjUwOCAyNTUuOTY5LDI1OC4zODcgCQkJCSIvPg0KCQkJPC9nPg0KCQk8L2c+DQoJCTxnIG9wYWNpdHk9IjAuOCI+DQoJCQk8Zz4NCgkJCQk8cG9seWdvbiBmaWxsPSIjMDEwMTAxIiBwb2ludHM9IjI1NS45NjksMjU4LjM4NyAyNTUuOTY5LDM0NC41MDggMzYxLjI2NywxOTYuMjEyIAkJCQkiLz4NCgkJCTwvZz4NCgkJPC9nPg0KCQk8ZyBvcGFjaXR5PSIwLjYiPg0KCQkJPGc+DQoJCQkJPHBvbHlnb24gZmlsbD0iIzAxMDEwMSIgcG9pbnRzPSIyNTUuOTY5LDEyNi43ODEgMTUwLjczMywxNzQuNjExIDI1NS45NjksMjM2LjgxOCAzNjEuMjA0LDE3NC42MTEgCQkJCSIvPg0KCQkJPC9nPg0KCQk8L2c+DQoJCTxnIG9wYWNpdHk9IjAuNDUiPg0KCQkJPGc+DQoJCQkJPHBvbHlnb24gZmlsbD0iIzAxMDEwMSIgcG9pbnRzPSIxNTAuNzM0LDE3NC42MTIgMjU1Ljk2OSwyMzYuODE4IDI1NS45NjksMTI2Ljc4MiAyNTUuOTY5LDAuMDAxIAkJCQkiLz4NCgkJCTwvZz4NCgkJPC9nPg0KCQk8ZyBvcGFjaXR5PSIwLjgiPg0KCQkJPGc+DQoJCQkJPHBvbHlnb24gZmlsbD0iIzAxMDEwMSIgcG9pbnRzPSIyNTUuOTY5LDAgMjU1Ljk2OSwxMjYuNzgxIDI1NS45NjksMjM2LjgxOCAzNjEuMjA0LDE3NC42MTEgCQkJCSIvPg0KCQkJPC9nPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=',
-  location: 'mainPanel'
+  location: 'mainPanel',
+  version: packageJson.version
 }
 
 export class LandingPage extends BaseApi {

src/universal-dapp.js

@@ -9,12 +9,14 @@ var EventManager = remixLib.EventManager
 var executionContext = remixLib.execution.executionContext
 import { UdappApi } from 'remix-plugin'
 import { EventEmitter } from 'events'
+import * as packageJson from '../package.json'
 
 const profile = {
   name: 'udapp',
   displayName: 'universal dapp',
   description: 'service - run transaction and access account',
-  permission: true
+  permission: true,
+  version: packageJson.version
 }
 
 module.exports = class UniversalDApp extends UdappApi {