- ${self._view.iconpanel}
- ${self._view.sidepanel}
- ${self._components.resizeFeature.render()}
- ${self._view.mainpanel}
-
- `
- return self._view.el
- }
-
async run () {
- var self = this
-
- // check the origin and warn message
- if (window.location.hostname === 'yann300.github.io') {
- modalDialogCustom.alert('This UNSTABLE ALPHA branch of Remix has been moved to http://ethereum.github.io/remix-live-alpha.')
- } else if (window.location.hostname === 'remix-alpha.ethereum.org' ||
- (window.location.hostname === 'ethereum.github.io' && window.location.pathname.indexOf('/remix-live-alpha') === 0)) {
- modalDialogCustom.alert('Welcome to the Remix alpha instance. Please use it to try out latest features. But use preferably https://remix.ethereum.org for any production work.')
- } else if (window.location.protocol.indexOf('http') === 0 &&
- window.location.hostname !== 'remix.ethereum.org' &&
- window.location.hostname !== 'localhost' &&
- window.location.hostname !== '127.0.0.1') {
- modalDialogCustom.alert(`The Remix IDE has moved to http://remix.ethereum.org.\n
- This instance of Remix you are visiting WILL NOT BE UPDATED.\n
- Please make a backup of your contracts and start using http://remix.ethereum.org`)
- }
- if (window.location.protocol.indexOf('https') === 0) {
- toolTip('You are using an `https` connection. Please switch to `http` if you are using Remix against an `http Web3 provider` or allow Mixed Content in your browser.')
+ const self = this
+ // APP_MANAGER
+ const appManager = self.appManager
+ const pluginLoader = self.appManager.pluginLoader
+ self.workspace = pluginLoader.get()
+ self.engine = new RemixEngine()
+ self.engine.register(appManager)
+
+ const matomoDomains = {
+ 'remix-alpha.ethereum.org': 27,
+ 'remix-beta.ethereum.org': 25,
+ 'remix.ethereum.org': 23
}
+ self.showMatamo = (matomoDomains[window.location.hostname] && !registry.get('config').api.exists('settings/matomo-analytics'))
+ self.walkthroughService = new WalkthroughService(appManager, self.showMatamo)
const hosts = ['127.0.0.1:8080', '192.168.0.101:8080', 'localhost:8080']
// workaround for Electron support
@@ -232,23 +103,11 @@ class App {
}
}
- // APP_MANAGER
- const appManager = self.appManager
- const pluginLoader = appManager.pluginLoader
- const workspace = pluginLoader.get()
- const engine = new RemixEngine()
- engine.register(appManager)
-
// SERVICES
// ----------------- theme service ---------------------------------
- const themeModule = new ThemeModule(registry)
- registry.put({ api: themeModule, name: 'themeModule' })
- themeModule.initTheme(() => {
- setTimeout(() => {
- document.body.removeChild(self._view.splashScreen)
- self._view.el.style.visibility = 'visible'
- }, 1500)
- })
+ self.themeModule = new ThemeModule(registry)
+ registry.put({ api: self.themeModule, name: 'themeModule' })
+
// ----------------- editor service ----------------------------
const editor = new Editor() // wrapper around ace editor
registry.put({ api: editor, name: 'editor' })
@@ -288,10 +147,10 @@ class App {
{ appManager, blockchain },
{
getPosition: (event) => {
- var limitUp = 36
- var limitDown = 20
- var height = window.innerHeight
- var newpos = (event.pageY < limitUp) ? limitUp : event.pageY
+ const limitUp = 36
+ const limitDown = 20
+ const height = window.innerHeight
+ let newpos = (event.pageY < limitUp) ? limitUp : event.pageY
newpos = (newpos < height - limitDown) ? newpos : height - limitDown
return height - newpos
}
@@ -299,10 +158,10 @@ class App {
)
const contextualListener = new ContextualListener({ editor })
- engine.register([
+ self.engine.register([
blockchain,
contentImport,
- themeModule,
+ self.themeModule,
editor,
fileManager,
compilerMetadataGenerator,
@@ -314,110 +173,44 @@ class App {
web3Provider,
fetchAndCompile,
dGitProvider,
- hardhatProvider
+ hardhatProvider,
+ self.walkthroughService
])
// LAYOUT & SYSTEM VIEWS
const appPanel = new MainPanel()
- const mainview = new MainView(contextualListener, editor, appPanel, fileManager, appManager, terminal)
- registry.put({ api: mainview, name: 'mainview' })
+ self.mainview = new MainView(contextualListener, editor, appPanel, fileManager, appManager, terminal)
+ registry.put({ api: self.mainview, name: 'mainview' })
- engine.register([
+ self.engine.register([
appPanel,
- mainview.tabProxy
+ self.mainview.tabProxy
])
// those views depend on app_manager
- const menuicons = new VerticalIcons(appManager)
- const sidePanel = new SidePanel(appManager, menuicons)
- const hiddenPanel = new HiddenPanel()
- const pluginManagerComponent = new PluginManagerComponent(appManager, engine)
+ self.menuicons = new VerticalIcons(appManager)
+ self.sidePanel = new SidePanel(appManager, self.menuicons)
+ self.hiddenPanel = new HiddenPanel()
+
+ const pluginManagerComponent = new PluginManagerComponent(appManager, self.engine)
const filePanel = new FilePanel(appManager)
- const landingPage = new LandingPage(appManager, menuicons, fileManager, filePanel, contentImport)
- const settings = new SettingsTab(
+ const landingPage = new LandingPage(appManager, self.menuicons, fileManager, filePanel, contentImport)
+ self.settings = new SettingsTab(
registry.get('config').api,
editor,
appManager
)
- // adding Views to the DOM
- self._view.mainpanel.appendChild(mainview.render())
- self._view.iconpanel.appendChild(menuicons.render())
- self._view.sidepanel.appendChild(sidePanel.render())
- document.body.appendChild(hiddenPanel.render()) // Hidden Panel is display none, it can be directly on body
-
- engine.register([
- menuicons,
+ self.engine.register([
+ self.menuicons,
landingPage,
- hiddenPanel,
- sidePanel,
+ self.hiddenPanel,
+ self.sidePanel,
filePanel,
pluginManagerComponent,
- settings
+ self.settings
])
- const queryParams = new QueryParams()
- const params = queryParams.get()
-
- const onAcceptMatomo = () => {
- _paq.push(['forgetUserOptOut'])
- // @TODO remove next line when https://github.com/matomo-org/matomo/commit/9e10a150585522ca30ecdd275007a882a70c6df5 is used
- document.cookie = 'mtm_consent_removed=; expires=Thu, 01 Jan 1970 00:00:01 GMT;'
- settings.updateMatomoAnalyticsChoice(true)
- const el = document.getElementById('modal-dialog')
- el.parentElement.removeChild(el)
- startWalkthroughService()
- }
- const onDeclineMatomo = () => {
- settings.updateMatomoAnalyticsChoice(false)
- _paq.push(['optUserOut'])
- const el = document.getElementById('modal-dialog')
- el.parentElement.removeChild(el)
- startWalkthroughService()
- }
-
- const startWalkthroughService = () => {
- const walkthroughService = new WalkthroughService(localStorage)
- if (!params.code && !params.url && !params.minimizeterminal && !params.gist && !params.minimizesidepanel) {
- walkthroughService.start()
- }
- }
-
- // Ask to opt in to Matomo for remix, remix-alpha and remix-beta
- const matomoDomains = {
- 'remix-alpha.ethereum.org': 27,
- 'remix-beta.ethereum.org': 25,
- 'remix.ethereum.org': 23
- }
- if (matomoDomains[window.location.hostname] && !registry.get('config').api.exists('settings/matomo-analytics')) {
- modalDialog(
- 'Help us to improve Remix IDE',
- yo`
-
-
An Opt-in version of Matomo, an open source data analytics platform is being used to improve Remix IDE.
-
We realize that our users have sensitive information in their code and that their privacy - your privacy - must be protected.
-
All data collected through Matomo is stored on our own server - no data is ever given to third parties. Our analytics reports are public: take a look.
-
We do not collect nor store any personally identifiable information (PII).
-
For more info, see: Matomo Analyitcs on Remix iDE.
-
You can change your choice in the Settings panel anytime.
-
-
-
-
-