- ${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 hosts = ['127.0.0.1:8080', '192.168.0.101:8080', 'localhost:8080']
- // workaround for Electron support
- if (!isElectron() && !hosts.includes(window.location.host)) {
- // Oops! Accidentally trigger refresh or bookmark.
- window.onbeforeunload = function () {
- return 'Are you sure you want to leave?'
- }
- }
-
- // 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)
- })
- // ----------------- editor service ----------------------------
- const editor = new Editor() // wrapper around ace editor
- registry.put({ api: editor, name: 'editor' })
- editor.event.register('requiringToSaveCurrentfile', () => fileManager.saveCurrentFile())
-
- // ----------------- fileManager service ----------------------------
- const fileManager = new FileManager(editor, appManager)
- registry.put({ api: fileManager, name: 'filemanager' })
- // ----------------- dGit provider ---------------------------------
- const dGitProvider = new DGitProvider()
-
- // ----------------- import content service ------------------------
- const contentImport = new CompilerImports()
-
- const blockchain = new Blockchain(registry.get('config').api)
-
- // ----------------- compilation metadata generation service ---------
- const compilerMetadataGenerator = new CompilerMetadata()
- // ----------------- compilation result service (can keep track of compilation results) ----------------------------
- const compilersArtefacts = new CompilerArtefacts() // store all the compilation results (key represent a compiler name)
- registry.put({ api: compilersArtefacts, name: 'compilersartefacts' })
-
- // service which fetch contract artifacts from sourve-verify, put artifacts in remix and compile it
- const fetchAndCompile = new FetchAndCompile()
- // ----------------- network service (resolve network id / name) -----
- const networkModule = new NetworkModule(blockchain)
- // ----------------- represent the current selected web3 provider ----
- const web3Provider = new Web3ProviderModule(blockchain)
- const hardhatProvider = new HardhatProvider(blockchain)
- // ----------------- convert offset to line/column service -----------
- const offsetToLineColumnConverter = new OffsetToLineColumnConverter()
- registry.put({ api: offsetToLineColumnConverter, name: 'offsettolinecolumnconverter' })
-
- // -------------------Terminal----------------------------------------
- makeUdapp(blockchain, compilersArtefacts, (domEl) => terminal.logHtml(domEl))
- const terminal = new Terminal(
- { appManager, blockchain },
- {
- getPosition: (event) => {
- var limitUp = 36
- var limitDown = 20
- var height = window.innerHeight
- var newpos = (event.pageY < limitUp) ? limitUp : event.pageY
- newpos = (newpos < height - limitDown) ? newpos : height - limitDown
- return height - newpos
- }
- }
- )
- const contextualListener = new ContextualListener({ editor })
-
- engine.register([
- blockchain,
- contentImport,
- themeModule,
- editor,
- fileManager,
- compilerMetadataGenerator,
- compilersArtefacts,
- networkModule,
- offsetToLineColumnConverter,
- contextualListener,
- terminal,
- web3Provider,
- fetchAndCompile,
- dGitProvider,
- hardhatProvider
- ])
-
- // LAYOUT & SYSTEM VIEWS
- const appPanel = new MainPanel()
- const mainview = new MainView(contextualListener, editor, appPanel, fileManager, appManager, terminal)
- registry.put({ api: mainview, name: 'mainview' })
-
- engine.register([
- appPanel,
- 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)
- const filePanel = new FilePanel(appManager)
- const landingPage = new LandingPage(appManager, menuicons, fileManager, filePanel, contentImport)
- const 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,
- landingPage,
- hiddenPanel,
- sidePanel,
- filePanel,
- pluginManagerComponent,
- 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.
-
-
-
-
-