${msg}`) }
+ this.logCallback = (msg) => { this.call('terminal', 'logHtml', yo`${msg}`) }
this.filePanel = filePanel
this.compilersArtefacts = compilersArtefacts
this.networkModule = networkModule
diff --git a/apps/remix-ide/src/app/ui/landing-page/landing-page.js b/apps/remix-ide/src/app/ui/landing-page/landing-page.js
index a100c4ea4e..b05271dc96 100644
--- a/apps/remix-ide/src/app/ui/landing-page/landing-page.js
+++ b/apps/remix-ide/src/app/ui/landing-page/landing-page.js
@@ -5,8 +5,6 @@ import * as packageJson from '../../../../../../package.json'
import { ViewPlugin } from '@remixproject/engine-web'
import { RemixUiHomeTab } from '@remix-ui/home-tab' // eslint-disable-line
-const GistHandler = require('../../../lib/gist-handler')
-
const profile = {
name: 'home',
displayName: 'Home',
@@ -26,7 +24,6 @@ export class LandingPage extends ViewPlugin {
this.contentImport = contentImport
this.appManager = appManager
this.verticalIcons = verticalIcons
- this.gistHandler = new GistHandler()
this.el = document.createElement('div')
this.el.setAttribute('id', 'landingPageHomeContainer')
this.el.setAttribute('class', 'remixui_homeContainer justify-content-between bg-light d-flex')
diff --git a/apps/remix-ide/src/framingService.js b/apps/remix-ide/src/framingService.js
deleted file mode 100644
index ed029b7a65..0000000000
--- a/apps/remix-ide/src/framingService.js
+++ /dev/null
@@ -1,34 +0,0 @@
-export class FramingService {
- constructor (sidePanel, verticalIcons, mainView, resizeFeature) {
- this.sidePanel = sidePanel
- this.verticalIcons = verticalIcons
- this.mainPanel = mainView.getAppPanel()
- this.mainView = mainView
- this.resizeFeature = resizeFeature
- }
-
- start (params) {
- this.verticalIcons.select('filePanel')
-
- document.addEventListener('keypress', (e) => {
- if (e.shiftKey && e.ctrlKey) {
- if (e.code === 'KeyF') { // Ctrl+Shift+F
- this.verticalIcons.select('filePanel')
- } else if (e.code === 'KeyA') { // Ctrl+Shift+A
- this.verticalIcons.select('pluginManager')
- } else if (e.code === 'KeyS') { // Ctrl+Shift+S
- this.verticalIcons.select('settings')
- }
- e.preventDefault()
- }
- })
-
- if (params.minimizeterminal) this.mainView.minimizeTerminal()
- if (params.minimizesidepanel) this.resizeFeature.hidePanel()
- }
-
- embed () {
- this.mainView.minimizeTerminal()
- this.resizeFeature.hidePanel()
- }
-}
diff --git a/apps/remix-ide/src/lib/cmdInterpreterAPI.js b/apps/remix-ide/src/lib/cmdInterpreterAPI.js
index 530846873d..82ae4636fe 100644
--- a/apps/remix-ide/src/lib/cmdInterpreterAPI.js
+++ b/apps/remix-ide/src/lib/cmdInterpreterAPI.js
@@ -6,7 +6,6 @@ var async = require('async')
var EventManager = require('../lib/events')
var toolTip = require('../app/ui/tooltip')
-var GistHandler = require('./gist-handler')
class CmdInterpreterAPI {
constructor (terminal, blockchain) {
@@ -17,7 +16,6 @@ class CmdInterpreterAPI {
self._components.registry = Registry.getInstance()
self._components.terminal = terminal
self._components.fileImport = new CompilerImports()
- self._components.gistHandler = new GistHandler()
self._deps = {
fileManager: self._components.registry.get('filemanager').api,
editor: self._components.registry.get('editor').api,
@@ -35,8 +33,7 @@ class CmdInterpreterAPI {
log () { arguments[0] != null ? this._components.terminal.commands.html(arguments[0]) : this._components.terminal.commands.html(arguments[1]) }
loadgist (id, cb) {
- const self = this
- self._components.gistHandler.loadFromGist({ gist: id }, this._deps.fileManager)
+ this._components.terminal.call('gistHandler', 'load', id)
if (cb) cb()
}
diff --git a/apps/remix-ide/src/lib/gist-handler.js b/apps/remix-ide/src/lib/gist-handler.js
deleted file mode 100644
index da881e1103..0000000000
--- a/apps/remix-ide/src/lib/gist-handler.js
+++ /dev/null
@@ -1,74 +0,0 @@
-'use strict'
-var modalDialogCustom = require('../app/ui/modal-dialog-custom')
-var request = require('request')
-
-// Allowing window to be overriden for testing
-function GistHandler (_window) {
- if (_window !== undefined) {
- modalDialogCustom = _window
- }
-
- this.handleLoad = function (params, cb) {
- if (!cb) cb = () => {}
- var loadingFromGist = false
- var gistId
- if (params.gist === '') {
- loadingFromGist = true
- modalDialogCustom.prompt('Load a Gist', 'Enter the ID of the Gist or URL you would like to load.', null, (target) => {
- if (target !== '') {
- gistId = getGistId(target)
- if (gistId) {
- cb(gistId)
- } else {
- modalDialogCustom.alert('Gist load error', 'Error while loading gist. Please provide a valid Gist ID or URL.')
- }
- }
- })
- return loadingFromGist
- } else {
- gistId = params.gist
- loadingFromGist = !!gistId
- }
- if (loadingFromGist) {
- cb(gistId)
- }
- return loadingFromGist
- }
-
- function getGistId (str) {
- var idr = /[0-9A-Fa-f]{8,}/
- var match = idr.exec(str)
- return match ? match[0] : null
- }
-
- this.loadFromGist = (params, fileManager) => {
- const self = this
- return self.handleLoad(params, function (gistId) {
- request.get({
- url: `https://api.github.com/gists/${gistId}`,
- json: true
- }, async (error, response, data = {}) => {
- if (error || !data.files) {
- modalDialogCustom.alert('Gist load error', error || data.message)
- return
- }
- const obj = {}
- Object.keys(data.files).forEach((element) => {
- const path = element.replace(/\.\.\./g, '/')
-
- obj['/' + 'gist-' + gistId + '/' + path] = data.files[element]
- })
- fileManager.setBatchFiles(obj, 'workspace', true, (errorLoadingFile) => {
- if (!errorLoadingFile) {
- const provider = fileManager.getProvider('workspace')
- provider.lastLoadedGistId = gistId
- } else {
- modalDialogCustom.alert('Gist load error', errorLoadingFile.message || errorLoadingFile)
- }
- })
- })
- })
- }
-}
-
-module.exports = GistHandler
diff --git a/apps/remix-ide/src/lib/panels-resize.js b/apps/remix-ide/src/lib/panels-resize.js
deleted file mode 100644
index 157535a869..0000000000
--- a/apps/remix-ide/src/lib/panels-resize.js
+++ /dev/null
@@ -1,88 +0,0 @@
-const yo = require('yo-yo')
-const csjs = require('csjs-inject')
-
-const css = csjs`
- .dragbar {
- width : 2px;
- height : 100%;
- cursor : col-resize;
- z-index : 999;
- }
- .ghostbar {
- width : 3px;
- background-color : var(--primary);
- opacity : 0.5;
- position : absolute;
- cursor : col-resize;
- z-index : 9999;
- top : 0;
- bottom : 0;
- }
-`
-
-export default class PanelsResize {
- constructor (panel) {
- this.panel = panel
- const string = panel.style.minWidth
- this.minWidth = string.length > 2 ? parseInt(string.substring(0, string.length - 2)) : 0
- }
-
- render () {
- this.ghostbar = yo``
-
- const mousedown = (event) => {
- event.preventDefault()
- if (event.which === 1) {
- moveGhostbar(event)
- document.body.appendChild(this.ghostbar)
- document.addEventListener('mousemove', moveGhostbar)
- document.addEventListener('mouseup', removeGhostbar)
- document.addEventListener('keydown', cancelGhostbar)
- }
- }
-
- const cancelGhostbar = (event) => {
- if (event.keyCode === 27) {
- document.body.removeChild(this.ghostbar)
- document.removeEventListener('mousemove', moveGhostbar)
- document.removeEventListener('mouseup', removeGhostbar)
- document.removeEventListener('keydown', cancelGhostbar)
- }
- }
-
- const moveGhostbar = (event) => {
- this.ghostbar.style.left = event.x + 'px'
- }
-
- const removeGhostbar = (event) => {
- document.body.removeChild(this.ghostbar)
- document.removeEventListener('mousemove', moveGhostbar)
- document.removeEventListener('mouseup', removeGhostbar)
- document.removeEventListener('keydown', cancelGhostbar)
- this.setPosition(event)
- }
-
- return yo``
- }
-
- calculatePanelWidth (event) {
- return event.x - this.panel.offsetLeft
- }
-
- setPosition (event) {
- const panelWidth = this.calculatePanelWidth(event)
- // close the panel if the width is less than a minWidth
- if (panelWidth > this.minWidth - 10 || this.panel.style.display === 'none') {
- this.panel.style.width = panelWidth + 'px'
- this.showPanel()
- } else this.hidePanel()
- }
-
- hidePanel () {
- this.panel.style.display = 'none'
- }
-
- showPanel () {
- this.panel.style.display = 'flex'
- }
-}
diff --git a/apps/remix-ide/src/remixAppManager.js b/apps/remix-ide/src/remixAppManager.js
index 32afcaec9a..5f5fa2f8eb 100644
--- a/apps/remix-ide/src/remixAppManager.js
+++ b/apps/remix-ide/src/remixAppManager.js
@@ -1,20 +1,20 @@
/* 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'
+import { IframePlugin } from '@remixproject/engine-web'
const _paq = window._paq = window._paq || []
const requiredModules = [ // services + layout views + system views
'manager', 'config', 'compilerArtefacts', 'compilerMetadata', 'contextualListener', 'editor', 'offsetToLineColumnConverter', 'network', 'theme',
'fileManager', 'contentImport', 'blockchain', 'web3Provider', 'scriptRunner', 'fetchAndCompile', 'mainPanel', 'hiddenPanel', 'sidePanel', 'menuicons',
- 'filePanel', 'terminal', 'settings', 'pluginManager', 'tabs', 'udapp', 'dGitProvider', 'solidity-logic']
+ 'filePanel', 'terminal', 'settings', 'pluginManager', 'tabs', 'udapp', 'dGitProvider', 'solidity-logic', 'gistHandler', 'layout', 'modal']
const dependentModules = ['git', 'hardhat', 'slither'] // module which shouldn't be manually activated (e.g git is activated by remixd)
export function isNative (name) {
- const nativePlugins = ['vyper', 'workshops', 'debugger', 'remixd', 'menuicons', 'solidity', 'hardhat-provider', 'solidityStaticAnalysis', 'solidityUnitTesting']
+ const nativePlugins = ['vyper', 'workshops', 'debugger', 'remixd', 'menuicons', 'solidity', 'hardhat-provider', 'solidityStaticAnalysis', 'solidityUnitTesting', 'layout', 'modal']
return nativePlugins.includes(name) || requiredModules.includes(name)
}
@@ -78,6 +78,7 @@ export class RemixAppManager extends PluginManager {
onPluginActivated (plugin) {
this.pluginLoader.set(plugin, this.actives)
this.event.emit('activate', plugin)
+ this.emit('activate', plugin)
if (!requiredModules.includes(plugin.name)) _paq.push(['trackEvent', 'pluginManager', 'activate', plugin.name])
}
@@ -131,6 +132,7 @@ export class RemixAppManager extends PluginManager {
}
return plugins.map(plugin => {
return new IframePlugin(plugin)
+ // return new IframeReactPlugin(plugin)
})
}
diff --git a/apps/remix-ide/test/compiler-test.js b/apps/remix-ide/test/compiler-test.js
deleted file mode 100644
index 5af70fd14f..0000000000
--- a/apps/remix-ide/test/compiler-test.js
+++ /dev/null
@@ -1,16 +0,0 @@
-'use strict'
-
-var test = require('tape')
-
-var Compiler = require('@remix-project/remix-solidity').Compiler
-
-test('compiler.compile smoke', function (t) {
- t.plan(1)
-
- var noop = function () {}
- var fakeImport = function (url, cb) { cb('Not implemented') }
- var compiler = new Compiler(fakeImport)
- compiler.compileJSON = noop
- compiler.compile({ 'test': '' }, 'test')
- t.ok(compiler)
-})
diff --git a/apps/remix-ide/test/gist-handler-test.js b/apps/remix-ide/test/gist-handler-test.js
deleted file mode 100644
index 07eaad830c..0000000000
--- a/apps/remix-ide/test/gist-handler-test.js
+++ /dev/null
@@ -1,52 +0,0 @@
-'use strict'
-var modalDialogCustom
-if (typeof window !== 'undefined') {
- modalDialogCustom = require('../app/ui/modal-dialog-custom')
-}
-// ^ this class can be load in a non browser context when running node unit testing.
-// should not load UI in that case
-
-// Allowing window to be overriden for testing
-function GistHandler (_window) {
- if (_window !== undefined) {
- modalDialogCustom = _window
- }
-
- this.handleLoad = function (params, cb) {
- if (!cb) cb = () => {}
- var loadingFromGist = false
- var gistId
- if (params['gist'] === '') {
- loadingFromGist = true
- modalDialogCustom.prompt(
- 'Load a Gist',
- 'Enter the URL or ID of the Gist you would like to load.',
- null,
- target => {
- if (target !== '') {
- gistId = getGistId(target)
- if (gistId) {
- cb(gistId)
- }
- }
- }
- )
- return loadingFromGist
- } else {
- gistId = params['gist']
- loadingFromGist = !!gistId
- }
- if (loadingFromGist) {
- cb(gistId)
- }
- return loadingFromGist
- }
-
- function getGistId (str) {
- var idr = /[0-9A-Fa-f]{8,}/
- var match = idr.exec(str)
- return match ? match[0] : null
- }
-}
-
-module.exports = GistHandler
diff --git a/apps/remix-ide/test/index.js b/apps/remix-ide/test/index.js
deleted file mode 100644
index 84d8a5c68f..0000000000
--- a/apps/remix-ide/test/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-'use strict'
-
-require('./compiler-test')
-require('./gist-handler-test')
-require('./query-params-test')
diff --git a/apps/remix-ide/test/query-params-test.js b/apps/remix-ide/test/query-params-test.js
deleted file mode 100644
index c9062f6da0..0000000000
--- a/apps/remix-ide/test/query-params-test.js
+++ /dev/null
@@ -1,23 +0,0 @@
-'use strict'
-
-var test = require('tape')
-
-var QueryParams = require('../src/lib/query-params')
-
-test('queryParams.get', function (t) {
- t.plan(2)
-
- var fakeWindow = {location: {hash: '#wat=sup&foo=bar', search: ''}}
- var params = new QueryParams(fakeWindow).get()
- t.equal(params.wat, 'sup')
- t.equal(params.foo, 'bar')
-})
-
-test('queryParams.update', function (t) {
- t.plan(1)
-
- var fakeWindow = {location: {hash: '#wat=sup', search: ''}}
- var qp = new QueryParams(fakeWindow)
- qp.update({foo: 'bar'})
- t.equal(fakeWindow.location.hash, '#wat=sup&foo=bar')
-})
diff --git a/apps/remix-ide/tsconfig.json b/apps/remix-ide/tsconfig.json
index b3e2e7d0ca..04d219a926 100644
--- a/apps/remix-ide/tsconfig.json
+++ b/apps/remix-ide/tsconfig.json
@@ -4,9 +4,11 @@
"jsx": "react",
"allowJs": true,
"esModuleInterop": true,
+ "resolveJsonModule": true,
"allowSyntheticDefaultImports": true,
"types": ["node", "jest"],
"module": "es6",
+ "resolveJsonModule": true
},
"files": [
"../../node_modules/@nrwl/react/typings/cssmodule.d.ts",
diff --git a/libs/remix-core-plugin/src/index.ts b/libs/remix-core-plugin/src/index.ts
index fe8a5c661e..b91e6b76a6 100644
--- a/libs/remix-core-plugin/src/index.ts
+++ b/libs/remix-core-plugin/src/index.ts
@@ -4,3 +4,4 @@ export { FetchAndCompile } from './lib/compiler-fetch-and-compile'
export { CompilerImports } from './lib/compiler-content-imports'
export { CompilerArtefacts } from './lib/compiler-artefacts'
export { EditorContextListener } from './lib/editor-context-listener'
+export { GistHandler } from './lib/gist-handler'
diff --git a/libs/remix-core-plugin/src/lib/compiler-content-imports.ts b/libs/remix-core-plugin/src/lib/compiler-content-imports.ts
index 8c243e37a8..7eab9205ce 100644
--- a/libs/remix-core-plugin/src/lib/compiler-content-imports.ts
+++ b/libs/remix-core-plugin/src/lib/compiler-content-imports.ts
@@ -146,6 +146,8 @@ export class CompilerImports extends Plugin {
const splitted = /([^/]+)\/(.*)$/g.exec(url)
const possiblePaths = ['localhost/installed_contracts/' + url]
+ // pick remix-tests library contracts from '.deps'
+ if (url.startsWith('remix_')) possiblePaths.push('localhost/.deps/remix-tests/' + url)
if (splitted) possiblePaths.push('localhost/installed_contracts/' + splitted[1] + '/contracts/' + splitted[2])
possiblePaths.push('localhost/node_modules/' + url)
if (splitted) possiblePaths.push('localhost/node_modules/' + splitted[1] + '/contracts/' + splitted[2])
diff --git a/libs/remix-core-plugin/src/lib/gist-handler.ts b/libs/remix-core-plugin/src/lib/gist-handler.ts
new file mode 100644
index 0000000000..6c22c29aa8
--- /dev/null
+++ b/libs/remix-core-plugin/src/lib/gist-handler.ts
@@ -0,0 +1,138 @@
+/* global fetch */
+'use strict'
+import { Plugin } from '@remixproject/engine'
+
+interface StringByString {
+ [key: string]: string;
+}
+
+const profile = {
+ name: 'gistHandler',
+ methods: ['load'],
+ events: [],
+ version: '0.0.1'
+}
+
+export class GistHandler extends Plugin {
+ constructor () {
+ super(profile)
+ }
+
+ async handleLoad (gistId: String | null, cb: Function) {
+ if (!cb) cb = () => {}
+
+ var loadingFromGist = false
+ if (!gistId) {
+ loadingFromGist = true
+ let value
+ try {
+ value = await (() => {
+ return new Promise((resolve, reject) => {
+ const modalContent = {
+ id: 'gisthandler',
+ title: 'Load a Gist',
+ message: 'Enter the ID of the Gist or URL you would like to load.',
+ modalType: 'prompt',
+ okLabel: 'OK',
+ cancelLabel: 'Cancel',
+ okFn: (value) => {
+ setTimeout(() => resolve(value), 0)
+ },
+ cancelFn: () => {
+ setTimeout(() => reject(new Error('Canceled')), 0)
+ },
+ hideFn: () => {
+ setTimeout(() => reject(new Error('Hide')), 0)
+ }
+ }
+ this.call('modal', 'modal', modalContent)
+ })
+ })()
+ } catch (e) {
+ // the modal has been canceled
+ return
+ }
+
+ if (value !== '') {
+ gistId = getGistId(value)
+ if (gistId) {
+ cb(gistId)
+ } else {
+ const modalContent = {
+ id: 'gisthandler',
+ title: 'Gist load error',
+ message: 'Error while loading gist. Please provide a valid Gist ID or URL.'
+ }
+ this.call('modal', 'alert', modalContent)
+ }
+ } else {
+ const modalContent = {
+ id: 'gisthandlerEmpty',
+ title: 'Gist load error',
+ message: 'Error while loading gist. Id cannot be empty.'
+ }
+ this.call('modal', 'alert', modalContent)
+ }
+ return loadingFromGist
+ } else {
+ loadingFromGist = !!gistId
+ }
+ if (loadingFromGist) {
+ cb(gistId)
+ }
+ return loadingFromGist
+ }
+
+ load (gistId: String | null) {
+ const self = this
+ return self.handleLoad(gistId, async (gistId: String | null) => {
+ let data: any
+ try {
+ data = await (await fetch(`https://api.github.com/gists/${gistId}`)).json() as any
+ if (!data.files) {
+ const modalContent = {
+ id: 'gisthandler',
+ title: 'Gist load error',
+ message: data.message,
+ modalType: 'alert',
+ okLabel: 'OK'
+ }
+ await this.call('modal', 'modal', modalContent)
+ return
+ }
+ } catch (e: any) {
+ const modalContent = {
+ id: 'gisthandler',
+ title: 'Gist load error',
+ message: e.message
+
+ }
+ await this.call('modal', 'alert', modalContent)
+ return
+ }
+
+ const obj: StringByString = {}
+ Object.keys(data.files).forEach((element) => {
+ const path = element.replace(/\.\.\./g, '/')
+ obj['/' + 'gist-' + gistId + '/' + path] = data.files[element]
+ })
+ this.call('fileManager', 'setBatchFiles', obj, 'workspace', true, async (errorSavingFiles: any) => {
+ if (errorSavingFiles) {
+ const modalContent = {
+ id: 'gisthandler',
+ title: 'Gist load error',
+ message: errorSavingFiles.message || errorSavingFiles
+
+ }
+ this.call('modal', 'alert', modalContent)
+ }
+ })
+ })
+ }
+}
+
+const getGistId = (str) => {
+ var idr = /[0-9A-Fa-f]{8,}/
+ var match = idr.exec(str)
+ return match ? match[0] : null
+}
diff --git a/libs/remix-ui/app/src/index.ts b/libs/remix-ui/app/src/index.ts
index e47f8690e7..d02ade520c 100644
--- a/libs/remix-ui/app/src/index.ts
+++ b/libs/remix-ui/app/src/index.ts
@@ -1 +1,6 @@
export { default as RemixApp } from './lib/remix-app/remix-app'
+export { dispatchModalContext } from './lib/remix-app/context/context'
+export { ModalProvider } from './lib/remix-app/context/provider'
+export { AppModal } from './lib/remix-app/interface/index'
+export { AlertModal } from './lib/remix-app/interface/index'
+export * from './lib/remix-app/types/index'
diff --git a/libs/remix-ui/app/src/lib/remix-app/actions/modals.ts b/libs/remix-ui/app/src/lib/remix-app/actions/modals.ts
new file mode 100644
index 0000000000..95400ca77b
--- /dev/null
+++ b/libs/remix-ui/app/src/lib/remix-app/actions/modals.ts
@@ -0,0 +1,30 @@
+import { AppModal } from '../interface'
+
+type ActionMapAn 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.
) + } + + useEffect(() => { + if (visible && showMatamo) { + modal({ id: 'matomoModal', title: 'Help us to improve Remix IDE', message: message(), okLabel: 'Accept', okFn: handleModalOkClick, cancelLabel: 'Decline', cancelFn: declineModal }) + } + }, [visible]) + + const declineModal = async () => { + settings.updateMatomoAnalyticsChoice(false) + _paq.push(['optUserOut']) + appManager.call('walkthrough', 'start') + setVisible(false) + } + + const handleModalOkClick = async () => { + _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) + appManager.call('walkthrough', 'start') + setVisible(false) + } + + return (<>) +} + +export default MatomoDialog diff --git a/libs/remix-ui/app/src/lib/remix-app/components/modals/modal-wrapper.tsx b/libs/remix-ui/app/src/lib/remix-app/components/modals/modal-wrapper.tsx new file mode 100644 index 0000000000..cff3215e1f --- /dev/null +++ b/libs/remix-ui/app/src/lib/remix-app/components/modals/modal-wrapper.tsx @@ -0,0 +1,56 @@ +import React, { useEffect, useRef, useState } from 'react' +import { ModalDialog } from '@remix-ui/modal-dialog' +import { ModalDialogProps } from 'libs/remix-ui/modal-dialog/src/lib/types' +import { ModalTypes } from '../../types' + +interface ModalWrapperProps extends ModalDialogProps { + modalType?: ModalTypes + defaultValue?: string +} + +const ModalWrapper = (props: ModalWrapperProps) => { + const [state, setState] = useStateAn 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.
-