From 9cb395beba837a01aaed0bed2e8764a29392df39 Mon Sep 17 00:00:00 2001 From: lianahus Date: Thu, 21 Jul 2022 11:35:01 +0200 Subject: [PATCH 01/33] alighning headers --- libs/remix-ui/panel/src/lib/plugins/panel-header.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/libs/remix-ui/panel/src/lib/plugins/panel-header.tsx b/libs/remix-ui/panel/src/lib/plugins/panel-header.tsx index 4bffb2565f..b6e8c9948a 100644 --- a/libs/remix-ui/panel/src/lib/plugins/panel-header.tsx +++ b/libs/remix-ui/panel/src/lib/plugins/panel-header.tsx @@ -27,8 +27,8 @@ const RemixUIPanelHeader = (props: RemixPanelProps) => { return (
-
{plugin?.profile.displayName || plugin?.profile.name}
-
+
{plugin?.profile.displayName || plugin?.profile.name}
+
{plugin?.profile?.maintainedBy?.toLowerCase() === "remix" && ()}
From b238cbd718cdc6fad2a990b13de398ef4669cfb8 Mon Sep 17 00:00:00 2001 From: lianahus Date: Mon, 25 Jul 2022 12:33:55 +0200 Subject: [PATCH 02/33] debuger UI --- apps/remix-ide/src/app/tabs/debugger-tab.js | 2 +- .../app/tabs/styles/debugger-tab-styles.js | 3 - .../debugger-ui/src/lib/debugger-ui.css | 4 + .../debugger-ui/src/lib/debugger-ui.tsx | 84 ++++++++++++------- .../src/lib/vm-debugger/vm-debugger-head.tsx | 2 +- 5 files changed, 61 insertions(+), 34 deletions(-) diff --git a/apps/remix-ide/src/app/tabs/debugger-tab.js b/apps/remix-ide/src/app/tabs/debugger-tab.js index a06db0c508..bcca8fec37 100644 --- a/apps/remix-ide/src/app/tabs/debugger-tab.js +++ b/apps/remix-ide/src/app/tabs/debugger-tab.js @@ -51,7 +51,7 @@ export class DebuggerTab extends DebuggerApiMixin(ViewPlugin) { this.on('fetchAndCompile', 'sourceVerificationNotAvailable', () => { this.call('notification', 'toast', sourceVerificationNotAvailableToastMsg()) }) - return
+ return
} showMessage (title, message) { diff --git a/apps/remix-ide/src/app/tabs/styles/debugger-tab-styles.js b/apps/remix-ide/src/app/tabs/styles/debugger-tab-styles.js index 6a15d2cf56..3fb7add424 100644 --- a/apps/remix-ide/src/app/tabs/styles/debugger-tab-styles.js +++ b/apps/remix-ide/src/app/tabs/styles/debugger-tab-styles.js @@ -1,9 +1,6 @@ var csjs = require('csjs-inject') const css = csjs` - .debuggerTabView { - padding: 2%; - } .debugger { margin-bottom: 1%; } diff --git a/libs/remix-ui/debugger-ui/src/lib/debugger-ui.css b/libs/remix-ui/debugger-ui/src/lib/debugger-ui.css index 7bb10333dc..636cfa4eea 100644 --- a/libs/remix-ui/debugger-ui/src/lib/debugger-ui.css +++ b/libs/remix-ui/debugger-ui/src/lib/debugger-ui.css @@ -16,4 +16,8 @@ } .validationError { overflow-wrap: break-word; +} +.debuggerPanels { + overflow-y: scroll; + height: fit-content; } \ No newline at end of file diff --git a/libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx b/libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx index bd8008d0e3..51d874ae4e 100644 --- a/libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx +++ b/libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx @@ -1,4 +1,4 @@ -import React, { useState, useEffect } from 'react' // eslint-disable-line +import React, { useState, useEffect, useRef } from 'react' // eslint-disable-line import TxBrowser from './tx-browser/tx-browser' // eslint-disable-line import StepManager from './step-manager/step-manager' // eslint-disable-line import VmDebugger from './vm-debugger/vm-debugger' // eslint-disable-line @@ -36,6 +36,28 @@ export const DebuggerUI = (props: DebuggerUIProps) => { sourceLocationStatus: '' }) + const panelsRef = useRef(null) + const debuggerTopRef = useRef(null) + + const handleResize = () => { + if (panelsRef.current && debuggerTopRef.current) { + panelsRef.current.style.height = (window.innerHeight - debuggerTopRef.current.clientHeight) - debuggerTopRef.current.offsetTop - 7 +'px' + } + } + + useEffect(() => { + handleResize() + }) + + useEffect(() => { + window.addEventListener('resize', handleResize) + // TODO: not a good way to wait on the ref doms element to be rendered of course + setTimeout(() => + handleResize(), 2000) + return () => window.removeEventListener('resize', handleResize) + }, []) + + useEffect(() => { return unLoad() }, []) @@ -260,34 +282,35 @@ export const DebuggerUI = (props: DebuggerUIProps) => { }) setTimeout(async() => { - try { - await debuggerInstance.debug(blockNumber, txNumber, tx, () => { - listenToEvents(debuggerInstance, currentReceipt) + try { + await debuggerInstance.debug(blockNumber, txNumber, tx, () => { + listenToEvents(debuggerInstance, currentReceipt) + setState(prevState => { + return { + ...prevState, + blockNumber, + txNumber, + debugging: true, + currentReceipt, + currentBlock, + currentTransaction, + debugger: debuggerInstance, + toastMessage: `debugging ${txNumber}`, + validationError: '' + } + }) + }) + } catch (error) { + unLoad() setState(prevState => { return { ...prevState, - blockNumber, - txNumber, - debugging: true, - currentReceipt, - currentBlock, - currentTransaction, - debugger: debuggerInstance, - toastMessage: `debugging ${txNumber}`, - validationError: '' + validationError: error.message || error } }) - }) - } catch (error) { - unLoad() - setState(prevState => { - return { - ...prevState, - validationError: error.message || error - } - }) - } - }, 300) + } + }, 300) + handleResize() } const debug = (txHash, web3?) => { @@ -315,17 +338,18 @@ export const DebuggerUI = (props: DebuggerUIProps) => { traceLength: state.debugger && state.debugger.step_manager ? state.debugger.step_manager.traceLength : null, registerEvent: state.debugger && state.debugger.step_manager ? state.debugger.step_manager.event.register.bind(state.debugger.step_manager.event) : null } + const vmDebugger = { registerEvent: state.debugger && state.debugger.vmDebuggerLogic ? state.debugger.vmDebuggerLogic.event.register.bind(state.debugger.vmDebuggerLogic.event) : null, triggerEvent: state.debugger && state.debugger.vmDebuggerLogic ? state.debugger.vmDebuggerLogic.event.trigger.bind(state.debugger.vmDebuggerLogic.event) : null } + return (
-
+
-

Debugger Configuration

-
+
{ setState(prevState => { return { ...prevState, opt: { ...prevState.opt, debugWithGeneratedSources: checked } } @@ -333,7 +357,7 @@ export const DebuggerUI = (props: DebuggerUIProps) => { }} type="checkbox" title="Debug with generated sources" />
- { state.isLocalNodeUsed &&
+ { state.isLocalNodeUsed &&
{ setState(prevState => { return { ...prevState, opt: { ...prevState.opt, debugWithLocalNode: checked } } @@ -356,9 +380,11 @@ export const DebuggerUI = (props: DebuggerUIProps) => {
} { state.debugging && } +
+
{ state.debugging && } + { state.debugging && }
- { state.debugging && }
) } diff --git a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/vm-debugger-head.tsx b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/vm-debugger-head.tsx index 3a58c1d2f4..612757fe36 100644 --- a/libs/remix-ui/debugger-ui/src/lib/vm-debugger/vm-debugger-head.tsx +++ b/libs/remix-ui/debugger-ui/src/lib/vm-debugger/vm-debugger-head.tsx @@ -98,7 +98,7 @@ export const VmDebuggerHead = ({ vmDebugger: { registerEvent, triggerEvent } }) }, [registerEvent]) return ( -
+
From 98476c7a867000ea6053542ad3b38d67f6778a84 Mon Sep 17 00:00:00 2001 From: lianahus Date: Tue, 26 Jul 2022 12:58:28 +0200 Subject: [PATCH 03/33] adding title --- libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx b/libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx index 51d874ae4e..f1ba914eb9 100644 --- a/libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx +++ b/libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx @@ -349,7 +349,7 @@ export const DebuggerUI = (props: DebuggerUIProps) => {
-
+
{ setState(prevState => { return { ...prevState, opt: { ...prevState.opt, debugWithGeneratedSources: checked } } From 3dae2e205abe22ed4277eaf1094e332bee9330be Mon Sep 17 00:00:00 2001 From: lianahus Date: Wed, 3 Aug 2022 11:21:24 +0200 Subject: [PATCH 04/33] added deps to useeffect --- libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx b/libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx index f1ba914eb9..fc4974b38e 100644 --- a/libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx +++ b/libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx @@ -47,7 +47,7 @@ export const DebuggerUI = (props: DebuggerUIProps) => { useEffect(() => { handleResize() - }) + }, ) useEffect(() => { window.addEventListener('resize', handleResize) @@ -55,7 +55,7 @@ export const DebuggerUI = (props: DebuggerUIProps) => { setTimeout(() => handleResize(), 2000) return () => window.removeEventListener('resize', handleResize) - }, []) + }, [state.debugging]) useEffect(() => { @@ -97,7 +97,7 @@ export const DebuggerUI = (props: DebuggerUIProps) => { } providerChanged() - }, [state.debugger]) + }, [state.debugger, state.isActive]) const listenToEvents = (debuggerInstance, currentReceipt) => { if (!debuggerInstance) return From 218f4236c95f6d8daa655efb044c8596325545e3 Mon Sep 17 00:00:00 2001 From: lianahus Date: Wed, 3 Aug 2022 12:47:30 +0200 Subject: [PATCH 05/33] fix --- libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx b/libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx index fc4974b38e..a144c8f006 100644 --- a/libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx +++ b/libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx @@ -47,7 +47,7 @@ export const DebuggerUI = (props: DebuggerUIProps) => { useEffect(() => { handleResize() - }, ) + }, [state.debugging, state.isActive]) useEffect(() => { window.addEventListener('resize', handleResize) @@ -97,7 +97,7 @@ export const DebuggerUI = (props: DebuggerUIProps) => { } providerChanged() - }, [state.debugger, state.isActive]) + }, [state.debugger]) const listenToEvents = (debuggerInstance, currentReceipt) => { if (!debuggerInstance) return From 1ef0608befaa23f5c4e6be503290f655ffde5450 Mon Sep 17 00:00:00 2001 From: lianahus Date: Wed, 3 Aug 2022 12:49:12 +0200 Subject: [PATCH 06/33] fix --- libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx b/libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx index a144c8f006..74660fdabe 100644 --- a/libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx +++ b/libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx @@ -47,7 +47,7 @@ export const DebuggerUI = (props: DebuggerUIProps) => { useEffect(() => { handleResize() - }, [state.debugging, state.isActive]) + }, []) useEffect(() => { window.addEventListener('resize', handleResize) @@ -55,7 +55,7 @@ export const DebuggerUI = (props: DebuggerUIProps) => { setTimeout(() => handleResize(), 2000) return () => window.removeEventListener('resize', handleResize) - }, [state.debugging]) + }, [state.debugging, state.isActive]) useEffect(() => { From 96a2883e15718a0473bed653fc78405f5a3aee41 Mon Sep 17 00:00:00 2001 From: lianahus Date: Wed, 17 Aug 2022 11:02:21 +0200 Subject: [PATCH 07/33] e2e for debuger --- apps/remix-ide-e2e/src/tests/debugger.test.ts | 1 + 1 file changed, 1 insertion(+) diff --git a/apps/remix-ide-e2e/src/tests/debugger.test.ts b/apps/remix-ide-e2e/src/tests/debugger.test.ts index 19918de0c4..e55ae8d6fd 100644 --- a/apps/remix-ide-e2e/src/tests/debugger.test.ts +++ b/apps/remix-ide-e2e/src/tests/debugger.test.ts @@ -205,6 +205,7 @@ module.exports = { .clickLaunchIcon('debugger') .waitForElementVisible('*[data-id="slider"]') .goToVMTraceStep(154) + .scrollInto('*[data-id="stepdetail"]') .waitForElementContainsText('*[data-id="stepdetail"]', 'vm trace step:\n154', 60000) }, From 771cf10e01ba91f85e0fb6f7c85d6e7804fae9b3 Mon Sep 17 00:00:00 2001 From: Aniket-Engg Date: Fri, 12 Aug 2022 13:52:09 +0530 Subject: [PATCH 08/33] return license on compiler loading --- apps/solidity-compiler/src/app/compiler-api.ts | 4 ++-- .../remix-solidity/src/compiler/compiler-worker.ts | 3 ++- libs/remix-solidity/src/compiler/compiler.ts | 14 +++++++++----- libs/remix-solidity/src/compiler/types.ts | 2 ++ libs/remix-tests/src/compiler.ts | 4 ++-- .../solidity-compiler/src/lib/actions/compiler.ts | 4 ++-- .../src/lib/compiler-container.tsx | 5 +++-- .../src/lib/solidity-unit-testing.tsx | 2 +- .../src/lib/remix-ui-static-analyser.tsx | 2 +- 9 files changed, 24 insertions(+), 16 deletions(-) diff --git a/apps/solidity-compiler/src/app/compiler-api.ts b/apps/solidity-compiler/src/app/compiler-api.ts index 74eec1d57f..f7eb97442c 100644 --- a/apps/solidity-compiler/src/app/compiler-api.ts +++ b/apps/solidity-compiler/src/app/compiler-api.ts @@ -222,10 +222,10 @@ export const CompilerApiMixin = (Base) => class extends Base { } this.compiler.event.register('loadingCompiler', this.data.eventHandlers.onLoadingCompiler) - this.data.eventHandlers.onCompilerLoaded = (version) => { + this.data.eventHandlers.onCompilerLoaded = (version, license) => { this.data.loading = false this.statusChanged({ key: 'none' }) - this.emit('compilerLoaded', version) + this.emit('compilerLoaded', version, license) } this.compiler.event.register('compilerLoaded', this.data.eventHandlers.onCompilerLoaded) diff --git a/libs/remix-solidity/src/compiler/compiler-worker.ts b/libs/remix-solidity/src/compiler/compiler-worker.ts index 662a03ec06..313d1b0119 100644 --- a/libs/remix-solidity/src/compiler/compiler-worker.ts +++ b/libs/remix-solidity/src/compiler/compiler-worker.ts @@ -33,7 +33,8 @@ export default function (self) { // eslint-disable-line @typescript-eslint/expli } self.postMessage({ cmd: 'versionLoaded', - data: compiler.version() + data: compiler.version(), + license: compiler.license() }) break } diff --git a/libs/remix-solidity/src/compiler/compiler.ts b/libs/remix-solidity/src/compiler/compiler.ts index f728748a9e..20aa8880a2 100644 --- a/libs/remix-solidity/src/compiler/compiler.ts +++ b/libs/remix-solidity/src/compiler/compiler.ts @@ -25,6 +25,7 @@ export class Compiler { compileJSON: null, worker: null, currentVersion: null, + compilerLicense: null, optimize: false, runs: 200, evmVersion: null, @@ -94,9 +95,10 @@ export class Compiler { * @param version compiler version */ - onCompilerLoaded (version: string): void { + onCompilerLoaded (version: string, license: string): void { this.state.currentVersion = version - this.event.trigger('compilerLoaded', [version]) + this.state.compilerLicense = license + this.event.trigger('compilerLoaded', [version, license]) } /** @@ -131,7 +133,7 @@ export class Compiler { } this.onCompilationFinished(result, missingInputs, source, input, this.state.currentVersion) } - this.onCompilerLoaded(compiler.version()) + this.onCompilerLoaded(compiler.version(), compiler.license()) } } @@ -184,6 +186,7 @@ export class Compiler { if (err) { console.error('Error in loading remote solc compiler: ', err) } else { + let license this.state.compileJSON = (source: SourceWithTarget) => { const missingInputs: string[] = [] const missingInputsCallback = (path: string) => { @@ -203,13 +206,14 @@ export class Compiler { } result = JSON.parse(remoteCompiler.compile(input, { import: missingInputsCallback })) + license = remoteCompiler.license() } } catch (exception) { result = { error: { formattedMessage: 'Uncaught JavaScript exception:\n' + exception, severity: 'error', mode: 'panic' } } } this.onCompilationFinished(result, missingInputs, source, input, version) } - this.onCompilerLoaded(version) + this.onCompilerLoaded(version, license) } }) } @@ -273,7 +277,7 @@ export class Compiler { const data: MessageFromWorker = msg.data switch (data.cmd) { case 'versionLoaded': - if (data.data) this.onCompilerLoaded(data.data) + if (data.data && data.license) this.onCompilerLoaded(data.data, data.license) break case 'compiled': { diff --git a/libs/remix-solidity/src/compiler/types.ts b/libs/remix-solidity/src/compiler/types.ts index c4e48dd2ff..9f3cfb4b54 100644 --- a/libs/remix-solidity/src/compiler/types.ts +++ b/libs/remix-solidity/src/compiler/types.ts @@ -158,6 +158,7 @@ export interface CompilerState { compileJSON: ((input: SourceWithTarget) => void) | null, worker: any, currentVersion: string| null| undefined, + compilerLicense: string| null optimize: boolean, runs: number evmVersion: EVMVersion| null, @@ -186,6 +187,7 @@ export interface MessageToWorker { export interface MessageFromWorker { cmd: string, + license?: string, job?: number, missingInputs?: string[], input?: any, diff --git a/libs/remix-tests/src/compiler.ts b/libs/remix-tests/src/compiler.ts index b399f7376e..7fedf9c830 100644 --- a/libs/remix-tests/src/compiler.ts +++ b/libs/remix-tests/src/compiler.ts @@ -134,7 +134,7 @@ export function compileFileOrFiles (filename: string, isDirectory: boolean, opts if (runs) compiler.set('runs', runs) if (currentCompilerUrl) { compiler.loadRemoteVersion(currentCompilerUrl) - compiler.event.register('compilerLoaded', this, function (version) { + compiler.event.register('compilerLoaded', this, function (version, license) { next() }) } else { @@ -198,7 +198,7 @@ export function compileContractSources (sources: SrcIfc, newCompConfig: any, imp compiler.set('runs', runs) compiler.loadVersion(usingWorker, currentCompilerUrl) // @ts-ignore - compiler.event.register('compilerLoaded', this, (version) => { + compiler.event.register('compilerLoaded', this, (version, license) => { next() }) } else { diff --git a/libs/remix-ui/solidity-compiler/src/lib/actions/compiler.ts b/libs/remix-ui/solidity-compiler/src/lib/actions/compiler.ts index c67aee6ddb..b1c0b686de 100644 --- a/libs/remix-ui/solidity-compiler/src/lib/actions/compiler.ts +++ b/libs/remix-ui/solidity-compiler/src/lib/actions/compiler.ts @@ -46,8 +46,8 @@ export const listenToEvents = (compileTabLogic: CompileTabLogic, api) => (dispat dispatch(setCompilerMode('loadingCompiler')) }) - compileTabLogic.compiler.event.register('compilerLoaded', () => { - dispatch(setCompilerMode('compilerLoaded')) + compileTabLogic.compiler.event.register('compilerLoaded', (version, license) => { + dispatch(setCompilerMode('compilerLoaded', version, license)) }) compileTabLogic.compiler.event.register('compilationFinished', (success, data, source, input, version) => { diff --git a/libs/remix-ui/solidity-compiler/src/lib/compiler-container.tsx b/libs/remix-ui/solidity-compiler/src/lib/compiler-container.tsx index 069377d045..001e446f54 100644 --- a/libs/remix-ui/solidity-compiler/src/lib/compiler-container.tsx +++ b/libs/remix-ui/solidity-compiler/src/lib/compiler-container.tsx @@ -185,7 +185,7 @@ export const CompilerContainer = (props: CompilerContainerProps) => { loadingCompiler() break case 'compilerLoaded': - compilerLoaded() + compilerLoaded(compilerContainer.compiler.args[1]) break case 'compilationFinished': compilationFinished() @@ -436,7 +436,8 @@ export const CompilerContainer = (props: CompilerContainerProps) => { setDisableCompileButton(true) } - const compilerLoaded = () => { + const compilerLoaded = (license) => { + console.log('inside compilerLoaded----->', license) if (!compileIcon.current) return compileIcon.current.setAttribute('title', '') compileIcon.current.classList.remove('remixui_spinningIcon') diff --git a/libs/remix-ui/solidity-unit-testing/src/lib/solidity-unit-testing.tsx b/libs/remix-ui/solidity-unit-testing/src/lib/solidity-unit-testing.tsx index e580a9448b..947eae4dac 100644 --- a/libs/remix-ui/solidity-unit-testing/src/lib/solidity-unit-testing.tsx +++ b/libs/remix-ui/solidity-unit-testing/src/lib/solidity-unit-testing.tsx @@ -164,7 +164,7 @@ export const SolidityUnitTesting = (props: Record) => { // eslint-d testTab.fileManager.events.on('currentFileChanged', async (file: string) => { await updateForNewCurrent(file) }) - testTab.on('solidity', 'compilerLoaded', async (version: string) => { + testTab.on('solidity', 'compilerLoaded', async (version: string, license: string) => { const { currentVersion } = testTab.compileTab.getCurrentCompilerConfig() if (!semver.gt(truncateVersion(currentVersion), '0.4.12')) { diff --git a/libs/remix-ui/static-analyser/src/lib/remix-ui-static-analyser.tsx b/libs/remix-ui/static-analyser/src/lib/remix-ui-static-analyser.tsx index 5e143dec1f..2afc377d15 100644 --- a/libs/remix-ui/static-analyser/src/lib/remix-ui-static-analyser.tsx +++ b/libs/remix-ui/static-analyser/src/lib/remix-ui-static-analyser.tsx @@ -141,7 +141,7 @@ export const RemixUiStaticAnalyser = (props: RemixUiStaticAnalyserProps) => { } }) - props.analysisModule.on('solidity', 'compilerLoaded', async (version: string) => { + props.analysisModule.on('solidity', 'compilerLoaded', async (version: string, license: string) => { setDisableForRun(version) }) return () => { } From e49429d01cf2ec1caaa06f828a7d9048bcc9ecad Mon Sep 17 00:00:00 2001 From: Aniket-Engg Date: Fri, 12 Aug 2022 14:16:58 +0530 Subject: [PATCH 09/33] linting fix --- .../static-analyser/src/lib/remix-ui-static-analyser.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/libs/remix-ui/static-analyser/src/lib/remix-ui-static-analyser.tsx b/libs/remix-ui/static-analyser/src/lib/remix-ui-static-analyser.tsx index 2afc377d15..84aab5e5d0 100644 --- a/libs/remix-ui/static-analyser/src/lib/remix-ui-static-analyser.tsx +++ b/libs/remix-ui/static-analyser/src/lib/remix-ui-static-analyser.tsx @@ -140,7 +140,7 @@ export const RemixUiStaticAnalyser = (props: RemixUiStaticAnalyserProps) => { setSlitherEnabled(false) } }) - + // eslint-disable-next-line @typescript-eslint/no-unused-vars props.analysisModule.on('solidity', 'compilerLoaded', async (version: string, license: string) => { setDisableForRun(version) }) From 5c18a32ce89c7ce70950d099462c87acf112f289 Mon Sep 17 00:00:00 2001 From: Aniket-Engg Date: Fri, 12 Aug 2022 14:38:39 +0530 Subject: [PATCH 10/33] show license --- .../solidity-compiler/src/lib/compiler-container.tsx | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/libs/remix-ui/solidity-compiler/src/lib/compiler-container.tsx b/libs/remix-ui/solidity-compiler/src/lib/compiler-container.tsx index 001e446f54..89e3223c68 100644 --- a/libs/remix-ui/solidity-compiler/src/lib/compiler-container.tsx +++ b/libs/remix-ui/solidity-compiler/src/lib/compiler-container.tsx @@ -48,6 +48,7 @@ export const CompilerContainer = (props: CompilerContainerProps) => { timeout: 300, allversions: [], customVersions: [], + compilerLicense: null, selectedVersion: null, defaultVersion: 'soljson-v0.8.7+commit.e28d00a7.js', // this default version is defined: in makeMockCompiler (for browser test) runs: '', @@ -437,10 +438,12 @@ export const CompilerContainer = (props: CompilerContainerProps) => { } const compilerLoaded = (license) => { - console.log('inside compilerLoaded----->', license) if (!compileIcon.current) return compileIcon.current.setAttribute('title', '') compileIcon.current.classList.remove('remixui_spinningIcon') + setState(prevState => { + return { ...prevState, compilerLicense: license ? license : 'could not retreive license' } + }) if (state.autoCompile) compile() const isDisabled = !compiledFileName || (compiledFileName && !isSolFileSelected(compiledFileName)) @@ -555,6 +558,10 @@ export const CompilerContainer = (props: CompilerContainerProps) => { modal('Add a custom compiler', promptMessage('URL'), 'OK', addCustomCompiler, 'Cancel', () => {}) } + const showCompilerLicense = () => { + modal('Compiler License', state.compilerLicense ? state.compilerLicense : 'License can be seen once compiler is loaded', 'OK', () => {}) + } + const promptMessage = (message) => { return ( <> @@ -705,6 +712,7 @@ export const CompilerContainer = (props: CompilerContainerProps) => { handleLoadVersion(e.target.value) } className="custom-select" id="versionSelector" disabled={state.allversions.length <= 0}> { state.allversions.length <= 0 && } { state.allversions.length <= 0 && } From 9879c5f71501d3bb216e9c4b3f8ecc9b9fc723e2 Mon Sep 17 00:00:00 2001 From: Aniket-Engg Date: Wed, 17 Aug 2022 14:37:12 +0530 Subject: [PATCH 14/33] do not show license while compiler is loading --- .../src/lib/compiler-container.tsx | 19 +++++++------------ 1 file changed, 7 insertions(+), 12 deletions(-) diff --git a/libs/remix-ui/solidity-compiler/src/lib/compiler-container.tsx b/libs/remix-ui/solidity-compiler/src/lib/compiler-container.tsx index 8d63721e32..857a86e73c 100644 --- a/libs/remix-ui/solidity-compiler/src/lib/compiler-container.tsx +++ b/libs/remix-ui/solidity-compiler/src/lib/compiler-container.tsx @@ -49,7 +49,6 @@ export const CompilerContainer = (props: CompilerContainerProps) => { allversions: [], customVersions: [], compilerLicense: null, - loadedVersion: null, selectedVersion: null, defaultVersion: 'soljson-v0.8.7+commit.e28d00a7.js', // this default version is defined: in makeMockCompiler (for browser test) runs: '', @@ -187,7 +186,7 @@ export const CompilerContainer = (props: CompilerContainerProps) => { loadingCompiler() break case 'compilerLoaded': - compilerLoaded(compilerContainer.compiler.args[0], compilerContainer.compiler.args[1]) + compilerLoaded(compilerContainer.compiler.args[1]) break case 'compilationFinished': compilationFinished() @@ -434,16 +433,19 @@ export const CompilerContainer = (props: CompilerContainerProps) => { if (!compileIcon.current) return compileIcon.current.setAttribute('title', 'compiler is loading, please wait a few moments.') compileIcon.current.classList.add('remixui_spinningIcon') + setState(prevState => { + return { ...prevState, compilerLicense: 'Compiler is loading. License will be displayed once compiler is loaded'} + }) _updateLanguageSelector() setDisableCompileButton(true) } - const compilerLoaded = (version, license) => { + const compilerLoaded = (license) => { if (!compileIcon.current) return compileIcon.current.setAttribute('title', '') compileIcon.current.classList.remove('remixui_spinningIcon') setState(prevState => { - return { ...prevState, compilerLicense: license ? license : 'could not retreive license', loadedVersion: version } + return { ...prevState, compilerLicense: license ? license : 'Could not retreive license for selected compiler version' } }) if (state.autoCompile) compile() const isDisabled = !compiledFileName || (compiledFileName && !isSolFileSelected(compiledFileName)) @@ -560,14 +562,7 @@ export const CompilerContainer = (props: CompilerContainerProps) => { } const showCompilerLicense = () => { - let licenseText - if (state.loadedVersion) { - const tmp: RegExpExecArray | null = /(\d+.\d+.\d+)/.exec(state.loadedVersion) - const version = tmp ? tmp[0] : state.loadedVersion - licenseText = `---- Compiler license for loaded version ${version} ---- \n\n` + state.compilerLicense - } else - licenseText = 'License can be seen once compiler is loaded' - modal('Compiler License', licenseText, 'OK', () => {}) + modal('Compiler License', state.compilerLicense ? state.compilerLicense : 'License not available', 'OK', () => {}) } const promptMessage = (message) => { From 2d168ef184dcefff2fbf69c87f6083d271559dfa Mon Sep 17 00:00:00 2001 From: filip mertens Date: Thu, 21 Jul 2022 16:24:15 +0200 Subject: [PATCH 15/33] rm js plugin --- .../src/lib/offsetToLineColumnConverter.js | 75 ------------------- 1 file changed, 75 deletions(-) delete mode 100644 apps/remix-ide/src/lib/offsetToLineColumnConverter.js diff --git a/apps/remix-ide/src/lib/offsetToLineColumnConverter.js b/apps/remix-ide/src/lib/offsetToLineColumnConverter.js deleted file mode 100644 index b2a2e37e32..0000000000 --- a/apps/remix-ide/src/lib/offsetToLineColumnConverter.js +++ /dev/null @@ -1,75 +0,0 @@ -'use strict' -import { Plugin } from '@remixproject/engine' -import * as packageJson from '../../../../package.json' -import { sourceMappingDecoder } from '@remix-project/remix-debug' - -const profile = { - name: 'offsetToLineColumnConverter', - methods: ['offsetToLineColumn'], - events: [], - version: packageJson.version -} - -export class OffsetToLineColumnConverter extends Plugin { - constructor () { - super(profile) - this.lineBreakPositionsByContent = {} - this.sourceMappingDecoder = sourceMappingDecoder - } - - /** - * Convert offset representation with line/column representation. - * This is also used to resolve the content: - * @arg file is the index of the file in the content sources array and content sources array does have filename as key and not index. - * So we use the asts (which references both index and filename) to look up the actual content targeted by the @arg file index. - * @param {{start, length}} rawLocation - offset location - * @param {number} file - The index where to find the source in the sources parameters - * @param {Object.} sources - Map of content sources - * @param {Object.} asts - Map of content sources - */ - offsetToLineColumn (rawLocation, file, sources, asts) { - if (!this.lineBreakPositionsByContent[file]) { - const sourcesArray = Object.keys(sources) - if (!asts || (file === 0 && sourcesArray.length === 1)) { - // if we don't have ast, we process the only one available content (applicable also for compiler older than 0.4.12) - this.lineBreakPositionsByContent[file] = this.sourceMappingDecoder.getLinebreakPositions(sources[sourcesArray[0]].content) - } else { - for (var filename in asts) { - const source = asts[filename] - if (source.id === file) { - this.lineBreakPositionsByContent[file] = this.sourceMappingDecoder.getLinebreakPositions(sources[filename].content) - break - } - } - } - } - return this.sourceMappingDecoder.convertOffsetToLineColumn(rawLocation, this.lineBreakPositionsByContent[file]) - } - - /** - * Convert offset representation with line/column representation. - * @param {{start, length}} rawLocation - offset location - * @param {number} file - The index where to find the source in the sources parameters - * @param {string} content - source - */ - offsetToLineColumnWithContent (rawLocation, file, content) { - this.lineBreakPositionsByContent[file] = this.sourceMappingDecoder.getLinebreakPositions(content) - return this.sourceMappingDecoder.convertOffsetToLineColumn(rawLocation, this.lineBreakPositionsByContent[file]) - } - - /** - * Clear the cache - */ - clear () { - this.lineBreakPositionsByContent = {} - } - - /** - * called by plugin API - */ - activate () { - this.on('solidity', 'compilationFinished', () => { - this.clear() - }) - } -} From c8bcbd70729b8fdcae14e41acb07c5a0a6f3e0c0 Mon Sep 17 00:00:00 2001 From: yann300 Date: Thu, 11 Aug 2022 11:55:32 +0200 Subject: [PATCH 16/33] Update LocalUrl.tsx --- apps/vyper/src/app/components/LocalUrl.tsx | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/apps/vyper/src/app/components/LocalUrl.tsx b/apps/vyper/src/app/components/LocalUrl.tsx index 3659b4094e..5e2dcbacf1 100644 --- a/apps/vyper/src/app/components/LocalUrl.tsx +++ b/apps/vyper/src/app/components/LocalUrl.tsx @@ -26,11 +26,10 @@ function LocalUrlInput({ url, setUrl, environment }: Props) { type="email" placeholder="eg http://localhost:8000/compile" /> - The url to your local compiler ) } -export default LocalUrlInput; \ No newline at end of file +export default LocalUrlInput; From e9ed7cb9fb6e53921aad7eb3279093b865292366 Mon Sep 17 00:00:00 2001 From: yann300 Date: Thu, 11 Aug 2022 12:12:23 +0200 Subject: [PATCH 17/33] better error messaging --- .../vyper/src/app/components/CompilerButton.tsx | 17 ++++++++++++++--- 1 file changed, 14 insertions(+), 3 deletions(-) diff --git a/apps/vyper/src/app/components/CompilerButton.tsx b/apps/vyper/src/app/components/CompilerButton.tsx index fb0fb6ff05..5d32445f5a 100644 --- a/apps/vyper/src/app/components/CompilerButton.tsx +++ b/apps/vyper/src/app/components/CompilerButton.tsx @@ -28,13 +28,25 @@ function CompilerButton({ contract, setOutput, compilerUrl }: Props) { /** Compile a Contract */ async function compileContract() { try { - const _contract = await remixClient.getContract() + let _contract + try { + _contract = await remixClient.getContract() + } catch (e) { + setOutput('', { status: 'failed', message: err.message}) + return + } remixClient.changeStatus({ key: 'loading', type: 'info', title: 'Compiling' }) - const output = await compile(compilerUrl, _contract) + let output + try { + output = await compile(compilerUrl, _contract) + } catch (e) { + setOutput(_contract.name, { status: 'failed', message: err.message}) + return + } setOutput(_contract.name, output) // ERROR if (isCompilationError(output)) { @@ -61,7 +73,6 @@ function CompilerButton({ contract, setOutput, compilerUrl }: Props) { type: 'error', title: err.message }) - console.error(err) } } From b73c984708ef23935e0b82d6f830b328cb2f9f66 Mon Sep 17 00:00:00 2001 From: yann300 Date: Tue, 16 Aug 2022 10:40:37 +0200 Subject: [PATCH 18/33] handle noFileSelected case --- apps/vyper/src/app/app.tsx | 3 ++- .../src/app/components/CompilerButton.tsx | 18 ++++++++++-------- apps/vyper/src/app/utils/compiler.tsx | 4 ++-- apps/vyper/src/app/utils/remix-client.tsx | 8 +++++++- 4 files changed, 21 insertions(+), 12 deletions(-) diff --git a/apps/vyper/src/app/app.tsx b/apps/vyper/src/app/app.tsx index a6ce7c9db9..91a4a59bcf 100644 --- a/apps/vyper/src/app/app.tsx +++ b/apps/vyper/src/app/app.tsx @@ -38,7 +38,8 @@ const App: React.FC = () => { async function start() { try { await remixClient.loaded() - remixClient.onFileChange(name => setContract(name)) + remixClient.onFileChange(name => setContract(name)) + remixClient.onNoFileSelected(() => setContract('')) const name = await remixClient.getContractName() setContract(name) } catch (err) { diff --git a/apps/vyper/src/app/components/CompilerButton.tsx b/apps/vyper/src/app/components/CompilerButton.tsx index 5d32445f5a..89d72b9a17 100644 --- a/apps/vyper/src/app/components/CompilerButton.tsx +++ b/apps/vyper/src/app/components/CompilerButton.tsx @@ -31,8 +31,8 @@ function CompilerButton({ contract, setOutput, compilerUrl }: Props) { let _contract try { _contract = await remixClient.getContract() - } catch (e) { - setOutput('', { status: 'failed', message: err.message}) + } catch (e: any) { + setOutput('', { status: 'failed', message: e.message}) return } remixClient.changeStatus({ @@ -43,19 +43,21 @@ function CompilerButton({ contract, setOutput, compilerUrl }: Props) { let output try { output = await compile(compilerUrl, _contract) - } catch (e) { - setOutput(_contract.name, { status: 'failed', message: err.message}) + } catch (e: any) { + setOutput(_contract.name, { status: 'failed', message: e.message}) return } setOutput(_contract.name, output) // ERROR if (isCompilationError(output)) { const line = output.line - const lineColumnPos = { - start: { line: line - 1 }, - end: { line: line - 1 } + if (line) { + const lineColumnPos = { + start: { line: line - 1 }, + end: { line: line - 1 } + } + remixClient.highlight(lineColumnPos as any, _contract.name, '#e0b4b4') } - remixClient.highlight(lineColumnPos as any, _contract.name, '#e0b4b4') throw new Error(output.message) } // SUCCESS diff --git a/apps/vyper/src/app/utils/compiler.tsx b/apps/vyper/src/app/utils/compiler.tsx index ebc117dba1..0b65c65a1a 100644 --- a/apps/vyper/src/app/utils/compiler.tsx +++ b/apps/vyper/src/app/utils/compiler.tsx @@ -18,8 +18,8 @@ export interface VyperCompilationResult { export interface VyperCompilationError { status: 'failed' - column: number - line: number + column?: number + line?: number message: string } diff --git a/apps/vyper/src/app/utils/remix-client.tsx b/apps/vyper/src/app/utils/remix-client.tsx index 080ba64a75..13a1a693f7 100644 --- a/apps/vyper/src/app/utils/remix-client.tsx +++ b/apps/vyper/src/app/utils/remix-client.tsx @@ -14,11 +14,17 @@ export class RemixClient extends PluginClient { /** Emit an event when file changed */ async onFileChange(cb: (contract: string) => any) { this.client.on('fileManager', 'currentFileChanged', async (name: string) => { - if (!name) return cb(name) }) } + /** Emit an event when file changed */ + async onNoFileSelected(cb: () => any) { + this.client.on('fileManager', 'noFileSelected', async () => { + cb() + }) + } + /** Load Ballot contract example into the file manager */ async loadContract({name, content}: Contract) { try { From ad961eaa46b2775745b02e1d12a749a2f8bde1c8 Mon Sep 17 00:00:00 2001 From: yann300 Date: Tue, 16 Aug 2022 11:06:18 +0200 Subject: [PATCH 19/33] refactor bleach and use it in the status view --- apps/remix-ide/src/app/tabs/debugger-tab.js | 4 ++-- libs/remix-ui/helper/src/index.ts | 1 + .../remix-ui/helper/src/lib/bleach.ts | 15 ++++++--------- .../src/lib/reducers/iconBadgeReducer.ts | 8 +++++--- 4 files changed, 14 insertions(+), 14 deletions(-) rename apps/remix-ide/src/lib/remixBleach.js => libs/remix-ui/helper/src/lib/bleach.ts (88%) diff --git a/apps/remix-ide/src/app/tabs/debugger-tab.js b/apps/remix-ide/src/app/tabs/debugger-tab.js index bcca8fec37..5e62bd93d4 100644 --- a/apps/remix-ide/src/app/tabs/debugger-tab.js +++ b/apps/remix-ide/src/app/tabs/debugger-tab.js @@ -3,7 +3,7 @@ import { DebuggerApiMixin } from '@remixproject/debugger-plugin' // eslint-disab import { ViewPlugin } from '@remixproject/engine-web' import * as packageJson from '../../../../../package.json' import React from 'react' // eslint-disable-line -import * as remixBleach from '../../lib/remixBleach' +import { bleach } from '@remix-ui/helper' import { compilationFinishedToastMsg, compilingToastMsg, localCompilationToastMsg, notFoundToastMsg, sourceVerificationNotAvailableToastMsg } from '@remix-ui/helper' const css = require('./styles/debugger-tab-styles') @@ -59,7 +59,7 @@ export class DebuggerTab extends DebuggerApiMixin(ViewPlugin) { this.call('notification', 'alert', { id: 'debuggerTabShowMessage', title, - message: remixBleach.sanitize(message) + message: bleach.sanitize(message) }) } catch (e) { console.log(e) diff --git a/libs/remix-ui/helper/src/index.ts b/libs/remix-ui/helper/src/index.ts index 9f050ea8b8..19e7721ac3 100644 --- a/libs/remix-ui/helper/src/index.ts +++ b/libs/remix-ui/helper/src/index.ts @@ -1,4 +1,5 @@ export * from './lib/remix-ui-helper' +export * from './lib/bleach' export * from './lib/helper-components' export * from './lib/components/PluginViewWrapper' export * from './lib/components/custom-dropdown' \ No newline at end of file diff --git a/apps/remix-ide/src/lib/remixBleach.js b/libs/remix-ui/helper/src/lib/bleach.ts similarity index 88% rename from apps/remix-ide/src/lib/remixBleach.js rename to libs/remix-ui/helper/src/lib/bleach.ts index e159c8a6df..c24129417f 100644 --- a/apps/remix-ide/src/lib/remixBleach.js +++ b/libs/remix-ui/helper/src/lib/bleach.ts @@ -5,7 +5,7 @@ */ import * as he from 'he' -const remixBleach = { +export const bleach = { matcher: /<\/?([a-zA-Z0-9]+)*(.*?)\/?>/igm, @@ -24,7 +24,7 @@ const remixBleach = { let match // extract all tags - while ((match = remixBleach.matcher.exec(html)) != null) { + while ((match = bleach.matcher.exec(html)) != null) { const attrr = match[2].split(' ') const attrs = [] @@ -57,14 +57,13 @@ const remixBleach = { return matches }, - sanitize: function (html, options) { + sanitize: function (html, options = { mode: 'white', list: bleach.whitelist, encode_entities: false}) { html = String(html) || '' - options = options || {} - + const mode = options.mode || 'white' - const list = options.list || remixBleach.whitelist + const list = options.list || bleach.whitelist - var matches = remixBleach.analyze(html) + var matches = bleach.analyze(html) if ((mode === 'white' && list.indexOf('script') === -1) || (mode === 'black' && list.indexOf('script') !== -1)) { @@ -95,5 +94,3 @@ const remixBleach = { return html } } - -module.exports = remixBleach diff --git a/libs/remix-ui/vertical-icons-panel/src/lib/reducers/iconBadgeReducer.ts b/libs/remix-ui/vertical-icons-panel/src/lib/reducers/iconBadgeReducer.ts index d48f64c3bc..e3cb76c716 100644 --- a/libs/remix-ui/vertical-icons-panel/src/lib/reducers/iconBadgeReducer.ts +++ b/libs/remix-ui/vertical-icons-panel/src/lib/reducers/iconBadgeReducer.ts @@ -1,5 +1,7 @@ import { checkSpecialChars } from '@remix-ui/helper' import { BadgeStatus, IconStatus } from '../components/Icon' +import { bleach } from '@remix-ui/helper' + export type IconBadgeReducerAction = { readonly type: string @@ -20,13 +22,13 @@ function setIconStatus(name: string, status: IconStatus) { if (typeof status.key === 'number') { key = status.key text = key - } else key = checkSpecialChars(status.key) ? '' : status.key + } else key = checkSpecialChars(status.key) ? bleach.sanitize(status.key) : status.key let thisType = '' if (status.type === 'error') { thisType = 'danger' // to use with bootstrap - } else thisType = checkSpecialChars(status.type) ? '' : status.type! - const title = checkSpecialChars(status.title) ? '' : status.title + } else thisType = checkSpecialChars(status.type) ? bleach.sanitize(status.type) : status.type + const title = checkSpecialChars(status.title) ? bleach.sanitize(status.title) : status.title const pluginName = status.pluginName return { title, type: thisType, key, text, pluginName } } From c068016c371ddeac1c5d9487579f5c691274e151 Mon Sep 17 00:00:00 2001 From: yann300 Date: Tue, 16 Aug 2022 11:18:47 +0200 Subject: [PATCH 20/33] linting --- libs/remix-ui/helper/src/lib/bleach.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/libs/remix-ui/helper/src/lib/bleach.ts b/libs/remix-ui/helper/src/lib/bleach.ts index c24129417f..44aa129042 100644 --- a/libs/remix-ui/helper/src/lib/bleach.ts +++ b/libs/remix-ui/helper/src/lib/bleach.ts @@ -45,7 +45,7 @@ export const bleach = { if (attr.name) attrs.push(attr) }) - var tag = { + const tag = { full: match[0], name: match[1], attr: attrs @@ -63,7 +63,7 @@ export const bleach = { const mode = options.mode || 'white' const list = options.list || bleach.whitelist - var matches = bleach.analyze(html) + const matches = bleach.analyze(html) if ((mode === 'white' && list.indexOf('script') === -1) || (mode === 'black' && list.indexOf('script') !== -1)) { From 5908891fdd9bced173565336ead53400f34e00c1 Mon Sep 17 00:00:00 2001 From: yann300 Date: Wed, 17 Aug 2022 12:42:35 +0200 Subject: [PATCH 21/33] fix highlight --- .../src/app/components/CompilerButton.tsx | 30 +++++++++++++++++-- 1 file changed, 27 insertions(+), 3 deletions(-) diff --git a/apps/vyper/src/app/components/CompilerButton.tsx b/apps/vyper/src/app/components/CompilerButton.tsx index 89d72b9a17..17cf771514 100644 --- a/apps/vyper/src/app/components/CompilerButton.tsx +++ b/apps/vyper/src/app/components/CompilerButton.tsx @@ -28,7 +28,8 @@ function CompilerButton({ contract, setOutput, compilerUrl }: Props) { /** Compile a Contract */ async function compileContract() { try { - let _contract + await remixClient.discardHighlight() + let _contract: any try { _contract = await remixClient.getContract() } catch (e: any) { @@ -53,10 +54,33 @@ function CompilerButton({ contract, setOutput, compilerUrl }: Props) { const line = output.line if (line) { const lineColumnPos = { - start: { line: line - 1 }, - end: { line: line - 1 } + start: { line: line - 1, column: 10 }, + end: { line: line - 1, column: 10 } } remixClient.highlight(lineColumnPos as any, _contract.name, '#e0b4b4') + } else { + const regex = output.message.match(/line ((\d+):(\d+))+/g) + const errors = output.message.split(/line ((\d+):(\d+))+/g) // extract error message + if (regex) { + let errorIndex = 0 + regex.map((errorLocation) => { + const location = errorLocation.replace('line ', '').split(':') + let message = errors[errorIndex] + errorIndex = errorIndex + 4 + if (message) { + try { + message = message.split('\n\n')[1] + } catch (e) {} + } + if (location.length > 0) { + const lineColumnPos = { + start: { line: parseInt(location[0]) - 1, column: 10 }, + end: { line: parseInt(location[0]) - 1, column: 10 } + } + remixClient.highlight(lineColumnPos as any, _contract.name, message) + } + }) + } } throw new Error(output.message) } From a5e4ba9371e8fdd740b48fc0a3540a5f34dacea9 Mon Sep 17 00:00:00 2001 From: yann300 Date: Wed, 17 Aug 2022 12:42:52 +0200 Subject: [PATCH 22/33] don't log if no file selected --- apps/vyper/src/app/app.tsx | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/apps/vyper/src/app/app.tsx b/apps/vyper/src/app/app.tsx index 91a4a59bcf..18b0fd0a80 100644 --- a/apps/vyper/src/app/app.tsx +++ b/apps/vyper/src/app/app.tsx @@ -40,11 +40,13 @@ const App: React.FC = () => { await remixClient.loaded() remixClient.onFileChange(name => setContract(name)) remixClient.onNoFileSelected(() => setContract('')) - const name = await remixClient.getContractName() - setContract(name) } catch (err) { console.log(err) } + try { + const name = await remixClient.getContractName() // throw if no file are selected + setContract(name) + } catch (e) {} } start() }, []) From b60447f6ae487d9dcb3a2a6f5dc46b3c4d36bad6 Mon Sep 17 00:00:00 2001 From: yann300 Date: Wed, 17 Aug 2022 12:43:18 +0200 Subject: [PATCH 23/33] clone vyper repo and fix highlighting --- apps/remix-ide-e2e/src/tests/vyper_api.ts | 17 +- .../src/app/components/CompilerButton.tsx | 2 +- apps/vyper/src/app/components/VyperResult.tsx | 19 ++- apps/vyper/src/app/examples/ballot.tsx | 161 ------------------ apps/vyper/src/app/utils/remix-client.tsx | 45 ++++- 5 files changed, 62 insertions(+), 182 deletions(-) delete mode 100644 apps/vyper/src/app/examples/ballot.tsx diff --git a/apps/remix-ide-e2e/src/tests/vyper_api.ts b/apps/remix-ide-e2e/src/tests/vyper_api.ts index f168372963..bb0afc3859 100644 --- a/apps/remix-ide-e2e/src/tests/vyper_api.ts +++ b/apps/remix-ide-e2e/src/tests/vyper_api.ts @@ -21,25 +21,30 @@ module.exports = { .frame(0) }, - 'Should add the Ballot.vy #group1': function (browser: NightwatchBrowser) { - browser.click('button[data-id="add-ballot"]') + 'Should clone the Vyper repo #group1': function (browser: NightwatchBrowser) { + browser.click('button[data-id="add-repository"]') .frameParent() - .openFile('ballot.vy') + .waitForElementContainsText('*[data-shared="tooltipPopup"]', 'Vyper repository cloned', 30000) + .openFile('examples') + .openFile('examples/auctions') + .openFile('examples/auctions/blind_auction.vy') }, - 'Compile ballot.vy should error #group1': function (browser: NightwatchBrowser) { + 'Compile blind_auction should success #group1': function (browser: NightwatchBrowser) { browser.clickLaunchIcon('vyper') // @ts-ignore .frame(0) .click('[data-id="remote-compiler"]') .click('[data-id="compile"]') - .assert.containsText('[data-id="error-message"]', 'unexpected indent') + .waitForElementVisible('[data-id="copy-abi"]') }, - 'Compile test contract should success #group1': function (browser: NightwatchBrowser) { + 'Compile test contract and deploy to remix VM #group1': function (browser: NightwatchBrowser) { let contractAddress browser .frameParent() + .clickLaunchIcon('filePanel') + .switchWorkspace('default_workspace') .addFile('test.vy', { content: testContract }) .clickLaunchIcon('vyper') // @ts-ignore diff --git a/apps/vyper/src/app/components/CompilerButton.tsx b/apps/vyper/src/app/components/CompilerButton.tsx index 17cf771514..c7fe318f0d 100644 --- a/apps/vyper/src/app/components/CompilerButton.tsx +++ b/apps/vyper/src/app/components/CompilerButton.tsx @@ -67,7 +67,7 @@ function CompilerButton({ contract, setOutput, compilerUrl }: Props) { const location = errorLocation.replace('line ', '').split(':') let message = errors[errorIndex] errorIndex = errorIndex + 4 - if (message) { + if (message && message.split('\n\n').length > 0) { try { message = message.split('\n\n')[1] } catch (e) {} diff --git a/apps/vyper/src/app/components/VyperResult.tsx b/apps/vyper/src/app/components/VyperResult.tsx index f550d17370..e58f901fea 100644 --- a/apps/vyper/src/app/components/VyperResult.tsx +++ b/apps/vyper/src/app/components/VyperResult.tsx @@ -7,7 +7,6 @@ import { } from '../utils'; import Tabs from 'react-bootstrap/Tabs' import Tab from 'react-bootstrap/Tab' -import { Ballot } from '../examples/ballot'; import Button from 'react-bootstrap/Button'; import JSONTree from 'react-json-view' import { CopyToClipboard } from '@remix-ui/clipboard' @@ -17,14 +16,20 @@ interface VyperResultProps { output?: VyperCompilationOutput; } +export type ExampleContract = { + name: string, + address: string +} + function VyperResult({ output }: VyperResultProps) { - const [ active, setActive ] = useState('abi'); - + const [ active, setActive ] = useState('abi') + if (!output) return ( +

No contract compiled yet.

-
) @@ -33,7 +38,7 @@ function VyperResult({ output }: VyperResultProps) { return (
-

{output.message}

+ 
{output.message}
) } @@ -41,7 +46,7 @@ function VyperResult({ output }: VyperResultProps) { setActive(key)}> JSON.stringify(output.abi)}> - + diff --git a/apps/vyper/src/app/examples/ballot.tsx b/apps/vyper/src/app/examples/ballot.tsx deleted file mode 100644 index 4b368c6fda..0000000000 --- a/apps/vyper/src/app/examples/ballot.tsx +++ /dev/null @@ -1,161 +0,0 @@ -export const Ballot = { - name: 'browser/ballot.vy', - content: `# Voting with delegation. - - # Information about voters - struct Voter: - # weight is accumulated by delegation - weight: int128 - # if true, that person already voted (which includes voting by delegating) - voted: bool - # person delegated to - delegate: address - # index of the voted proposal, which is not meaningful unless 'voted' is True. - vote: int128 - - # Users can create proposals - struct Proposal: - # short name (up to 32 bytes) - name: bytes32 - # number of accumulated votes - voteCount: int128 - - voters: public(map(address, Voter)) - proposals: public(map(int128, Proposal)) - voterCount: public(int128) - chairperson: public(address) - int128Proposals: public(int128) - - - @public - @constant - def delegated(addr: address) -> bool: - return self.voters[addr].delegate != ZERO_ADDRESS - - - @public - @constant - def directlyVoted(addr: address) -> bool: - return self.voters[addr].voted and (self.voters[addr].delegate == ZERO_ADDRESS) - - - # Setup global variables - @public - def __init__(_proposalNames: bytes32[2]): - self.chairperson = msg.sender - self.voterCount = 0 - for i in range(2): - self.proposals[i] = Proposal({ - name: _proposalNames[i], - voteCount: 0 - }) - self.int128Proposals += 1 - - # Give a 'voter' the right to vote on this ballot. - # This may only be called by the 'chairperson'. - @public - def giveRightToVote(voter: address): - # Throws if the sender is not the chairperson. - assert msg.sender == self.chairperson - # Throws if the voter has already voted. - assert not self.voters[voter].voted - # Throws if the voter's voting weight isn't 0. - assert self.voters[voter].weight == 0 - self.voters[voter].weight = 1 - self.voterCount += 1 - - # Used by 'delegate' below, and can be called by anyone. - @public - def forwardWeight(delegate_with_weight_to_forward: address): - assert self.delegated(delegate_with_weight_to_forward) - # Throw if there is nothing to do: - assert self.voters[delegate_with_weight_to_forward].weight > 0 - - target: address = self.voters[delegate_with_weight_to_forward].delegate - for i in range(4): - if self.delegated(target): - target = self.voters[target].delegate - # The following effectively detects cycles of length <= 5, - # in which the delegation is given back to the delegator. - # This could be done for any int128ber of loops, - # or even infinitely with a while loop. - # However, cycles aren't actually problematic for correctness; - # they just result in spoiled votes. - # So, in the production version, this should instead be - # the responsibility of the contract's client, and this - # check should be removed. - assert target != delegate_with_weight_to_forward - else: - # Weight will be moved to someone who directly voted or - # hasn't voted. - break - - weight_to_forward: int128 = self.voters[delegate_with_weight_to_forward].weight - self.voters[delegate_with_weight_to_forward].weight = 0 - self.voters[target].weight += weight_to_forward - - if self.directlyVoted(target): - self.proposals[self.voters[target].vote].voteCount += weight_to_forward - self.voters[target].weight = 0 - - # To reiterate: if target is also a delegate, this function will need - # to be called again, similarly to as above. - - # Delegate your vote to the voter 'to'. - @public - def delegate(to: address): - # Throws if the sender has already voted - assert not self.voters[msg.sender].voted - # Throws if the sender tries to delegate their vote to themselves or to - # the default address value of 0x0000000000000000000000000000000000000000 - # (the latter might not be problematic, but I don't want to think about it). - assert to != msg.sender - assert to != ZERO_ADDRESS - - self.voters[msg.sender].voted = True - self.voters[msg.sender].delegate = to - - # This call will throw if and only if this delegation would cause a loop - # of length <= 5 that ends up delegating back to the delegator. - self.forwardWeight(msg.sender) - - # Give your vote (including votes delegated to you) - # to proposal 'proposals[proposal].name'. - @public - def vote(proposal: int128): - # can't vote twice - assert not self.voters[msg.sender].voted - # can only vote on legitimate proposals - assert proposal < self.int128Proposals - - self.voters[msg.sender].vote = proposal - self.voters[msg.sender].voted = True - - # transfer msg.sender's weight to proposal - self.proposals[proposal].voteCount += self.voters[msg.sender].weight - self.voters[msg.sender].weight = 0 - - # Computes the winning proposal taking all - # previous votes into account. - @public - @constant - def winningProposal() -> int128: - winning_vote_count: int128 = 0 - winning_proposal: int128 = 0 - for i in range(2): - if self.proposals[i].voteCount > winning_vote_count: - winning_vote_count = self.proposals[i].voteCount - winning_proposal = i - return winning_proposal - - # Calls winningProposal() function to get the index - # of the winner contained in the proposals array and then - # returns the name of the winner - @public - @constant - def winnerName() -> bytes32: - return self.proposals[self.winningProposal()].name - - ` - } - \ No newline at end of file diff --git a/apps/vyper/src/app/utils/remix-client.tsx b/apps/vyper/src/app/utils/remix-client.tsx index 13a1a693f7..913131e594 100644 --- a/apps/vyper/src/app/utils/remix-client.tsx +++ b/apps/vyper/src/app/utils/remix-client.tsx @@ -3,6 +3,7 @@ import { Api, Status } from '@remixproject/plugin-utils'; import { createClient } from '@remixproject/plugin-webview' import { PluginClient } from '@remixproject/plugin'; import { Contract } from './compiler'; +import { ExampleContract } from '../components/VyperResult'; export class RemixClient extends PluginClient { private client = createClient>(this); @@ -26,28 +27,58 @@ export class RemixClient extends PluginClient { } /** Load Ballot contract example into the file manager */ - async loadContract({name, content}: Contract) { + async loadContract({name, address}: ExampleContract) { try { - await this.client.call('fileManager', 'setFile', name, content) - await this.client.call('fileManager', 'switchFile', name) + const content = await this.client.call('contentImport', 'resolve', address) + await this.client.call('fileManager', 'setFile', content.cleanUrl, content.content) + await this.client.call('fileManager', 'switchFile', content.cleanUrl) } catch (err) { console.log(err) } } + async cloneVyperRepo() { + try { + // @ts-ignore + this.call('notification', 'toast', 'cloning Vyper repository...') + await this.call('manager', 'activatePlugin', 'dGitProvider') + // @ts-ignore + await this.call('dGitProvider', 'clone', { url: 'https://github.com/vyperlang/vyper', token: null }, 'vyper-lang') + // @ts-ignore + this.call('notification', 'toast', 'Vyper repository cloned, the workspace Vyper has been created.') + } catch (e) { + // @ts-ignore + this.call('notification', 'toast', e.message) + } + } + /** Update the status of the plugin in remix */ changeStatus(status: Status) { this.client.emit('statusChanged', status); } /** Highlight a part of the editor */ - highlight(lineColumnPos: HighlightPosition, name: string, color: string) { - return this.client.call('editor', 'highlight', lineColumnPos, name, color) + async highlight(lineColumnPos: HighlightPosition, name: string, message: string) { + await this.client.call('editor', 'highlight', lineColumnPos, name) + /* + column: -1 + row: -1 + text: "browser/Untitled1.sol: Warning: SPDX license identifier not provided in source file. Before publishing, consider adding a comment containing "SPDX-License-Identifier: " to each source file. Use "SPDX-License-Identifier: UNLICENSED" for non-open-source code. Please see https://spdx.org for more information.↵" + type: "warning" + */ + const annotation = { + column: 0, + row: lineColumnPos.start.line, + type: 'error', + text: message + } + await this.client.call('editor', 'addAnnotation', annotation, name) } /** Remove current Hightlight */ - discardHighlight() { - return this.client.call('editor', 'discardHighlight') + async discardHighlight() { + await this.client.call('editor', 'discardHighlight') + await this.client.call('editor', 'clearAnnotations') } /** Get the name of the current contract */ From 1ea9ebabaaa1bd8ca3e242e7c123d7f90b885b76 Mon Sep 17 00:00:00 2001 From: Joseph Izang Date: Thu, 11 Aug 2022 12:55:27 +0100 Subject: [PATCH 24/33] add missing css variable for dropdown menu --- .../css/themes/bootstrap-cerulean.min.css | 165 +++++++++--------- .../css/themes/bootstrap-cyborg.min.css | 4 +- 2 files changed, 85 insertions(+), 84 deletions(-) diff --git a/apps/remix-ide/src/assets/css/themes/bootstrap-cerulean.min.css b/apps/remix-ide/src/assets/css/themes/bootstrap-cerulean.min.css index f95afd68ec..98d4b409c3 100644 --- a/apps/remix-ide/src/assets/css/themes/bootstrap-cerulean.min.css +++ b/apps/remix-ide/src/assets/css/themes/bootstrap-cerulean.min.css @@ -34,6 +34,7 @@ --dark:#343a40; --body-bg: #fff; --text-bg-mark: #fcf8e3; + --custom-select: #fff; --breakpoint-xs:0; --breakpoint-sm:576px; --breakpoint-md:768px; @@ -435,25 +436,25 @@ pre code { .container,.container-sm { max-width:540px } - + } @media (min-width:768px) { .container,.container-md,.container-sm { max-width:720px } - + } @media (min-width:992px) { .container,.container-lg,.container-md,.container-sm { max-width:960px } - + } @media (min-width:1200px) { .container,.container-lg,.container-md,.container-sm,.container-xl { max-width:1140px } - + } .row { display:-ms-flexbox; @@ -873,7 +874,7 @@ pre code { .offset-sm-11 { margin-left:91.666667% } - + } @media (min-width:768px) { .col-md { @@ -1075,7 +1076,7 @@ pre code { .offset-md-11 { margin-left:91.666667% } - + } @media (min-width:992px) { .col-lg { @@ -1277,7 +1278,7 @@ pre code { .offset-lg-11 { margin-left:91.666667% } - + } @media (min-width:1200px) { .col-xl { @@ -1479,7 +1480,7 @@ pre code { .offset-xl-11 { margin-left:91.666667% } - + } .table { width:100%; @@ -1662,7 +1663,7 @@ pre code { .table-responsive-sm>.table-bordered { border:0 } - + } @media (max-width:767.98px) { .table-responsive-md { @@ -1674,7 +1675,7 @@ pre code { .table-responsive-md>.table-bordered { border:0 } - + } @media (max-width:991.98px) { .table-responsive-lg { @@ -1686,7 +1687,7 @@ pre code { .table-responsive-lg>.table-bordered { border:0 } - + } @media (max-width:1199.98px) { .table-responsive-xl { @@ -1698,7 +1699,7 @@ pre code { .table-responsive-xl>.table-bordered { border:0 } - + } .table-responsive { display:block; @@ -1728,7 +1729,7 @@ pre code { .form-control { transition:none } - + } .form-control::-ms-expand { background-color:transparent; @@ -2114,7 +2115,7 @@ textarea.form-control { .form-inline .custom-control-label { margin-bottom:0 } - + } .btn { display:inline-block; @@ -2138,7 +2139,7 @@ textarea.form-control { .btn { transition:none } - + } .btn:hover { color:#495057; @@ -2626,7 +2627,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- .fade { transition:none } - + } .fade:not(.show) { opacity:0 @@ -2644,7 +2645,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- .collapsing { transition:none } - + } .dropdown,.dropleft,.dropright,.dropup { position:relative @@ -2701,7 +2702,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- right:0; left:auto } - + } @media (min-width:768px) { .dropdown-menu-md-left { @@ -2712,7 +2713,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- right:0; left:auto } - + } @media (min-width:992px) { .dropdown-menu-lg-left { @@ -2723,7 +2724,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- right:0; left:auto } - + } @media (min-width:1200px) { .dropdown-menu-xl-left { @@ -2734,7 +2735,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- right:0; left:auto } - + } .dropup .dropdown-menu { top:auto; @@ -3190,7 +3191,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- .custom-switch .custom-control-label::after { transition:none } - + } .custom-switch .custom-control-input:checked~.custom-control-label::after { background-color:#fff; @@ -3356,7 +3357,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- -webkit-transition:none; transition:none } - + } .custom-range::-webkit-slider-thumb:active { background-color:#cfeaf9 @@ -3386,7 +3387,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- -moz-transition:none; transition:none } - + } .custom-range::-moz-range-thumb:active { background-color:#cfeaf9 @@ -3418,7 +3419,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- -ms-transition:none; transition:none } - + } .custom-range::-ms-thumb:active { background-color:#cfeaf9 @@ -3463,7 +3464,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- .custom-control-label::before,.custom-file-label,.custom-select { transition:none } - + } .nav { display:-ms-flexbox; @@ -3629,7 +3630,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- padding-right:0; padding-left:0 } - + } @media (min-width:576px) { .navbar-expand-sm { @@ -3662,14 +3663,14 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- .navbar-expand-sm .navbar-toggler { display:none } - + } @media (max-width:767.98px) { .navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl { padding-right:0; padding-left:0 } - + } @media (min-width:768px) { .navbar-expand-md { @@ -3702,14 +3703,14 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- .navbar-expand-md .navbar-toggler { display:none } - + } @media (max-width:991.98px) { .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl { padding-right:0; padding-left:0 } - + } @media (min-width:992px) { .navbar-expand-lg { @@ -3742,14 +3743,14 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- .navbar-expand-lg .navbar-toggler { display:none } - + } @media (max-width:1199.98px) { .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl { padding-right:0; padding-left:0 } - + } @media (min-width:1200px) { .navbar-expand-xl { @@ -3782,7 +3783,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- .navbar-expand-xl .navbar-toggler { display:none } - + } .navbar-expand { -ms-flex-flow:row nowrap; @@ -4010,7 +4011,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- margin-bottom:0; margin-left:15px } - + } .card-group>.card { margin-bottom:15px @@ -4051,7 +4052,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- .card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom { border-bottom-left-radius:0 } - + } .card-columns .card { margin-bottom:.75rem @@ -4071,7 +4072,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- display:inline-block; width:100% } - + } .accordion { overflow-anchor:none @@ -4218,7 +4219,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- .badge { transition:none } - + } a.badge:focus,a.badge:hover { text-decoration:none @@ -4341,7 +4342,7 @@ a.badge-dark.focus,a.badge-dark:focus { .jumbotron { padding:4rem 2rem } - + } .jumbotron-fluid { padding-right:0; @@ -4467,7 +4468,7 @@ a.badge-dark.focus,a.badge-dark:focus { to { background-position:0 0 } - + } @keyframes progress-bar-stripes { from { @@ -4476,7 +4477,7 @@ a.badge-dark.focus,a.badge-dark:focus { to { background-position:0 0 } - + } .progress { display:-ms-flexbox; @@ -4506,7 +4507,7 @@ a.badge-dark.focus,a.badge-dark:focus { .progress-bar { transition:none } - + } .progress-bar-striped { background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); @@ -4521,7 +4522,7 @@ a.badge-dark.focus,a.badge-dark:focus { -webkit-animation:none; animation:none } - + } .media { display:-ms-flexbox; @@ -4637,7 +4638,7 @@ a.badge-dark.focus,a.badge-dark:focus { margin-left:-1px; border-left-width:1px } - + } @media (min-width:768px) { .list-group-horizontal-md { @@ -4663,7 +4664,7 @@ a.badge-dark.focus,a.badge-dark:focus { margin-left:-1px; border-left-width:1px } - + } @media (min-width:992px) { .list-group-horizontal-lg { @@ -4689,7 +4690,7 @@ a.badge-dark.focus,a.badge-dark:focus { margin-left:-1px; border-left-width:1px } - + } @media (min-width:1200px) { .list-group-horizontal-xl { @@ -4715,7 +4716,7 @@ a.badge-dark.focus,a.badge-dark:focus { margin-left:-1px; border-left-width:1px } - + } .list-group-flush { border-radius:0 @@ -4930,7 +4931,7 @@ a.close.disabled { .modal.fade .modal-dialog { transition:none } - + } .modal.show .modal-dialog { -webkit-transform:none; @@ -5086,19 +5087,19 @@ a.close.disabled { .modal-sm { max-width:300px } - + } @media (min-width:992px) { .modal-lg,.modal-xl { max-width:800px } - + } @media (min-width:1200px) { .modal-xl { max-width:1140px } - + } .tooltip { position:absolute; @@ -5365,7 +5366,7 @@ a.close.disabled { .carousel-item { transition:none } - + } .carousel-item-next,.carousel-item-prev,.carousel-item.active { display:block @@ -5397,7 +5398,7 @@ a.close.disabled { .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right { transition:none } - + } .carousel-control-next,.carousel-control-prev { position:absolute; @@ -5420,7 +5421,7 @@ a.close.disabled { .carousel-control-next,.carousel-control-prev { transition:none } - + } .carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover { color:#fff; @@ -5482,7 +5483,7 @@ a.close.disabled { .carousel-indicators li { transition:none } - + } .carousel-indicators .active { opacity:1 @@ -5503,14 +5504,14 @@ a.close.disabled { -webkit-transform:rotate(360deg); transform:rotate(360deg) } - + } @keyframes spinner-border { to { -webkit-transform:rotate(360deg); transform:rotate(360deg) } - + } .spinner-border { display:inline-block; @@ -5538,7 +5539,7 @@ a.close.disabled { -webkit-transform:none; transform:none } - + } @keyframes spinner-grow { 0% { @@ -5550,7 +5551,7 @@ a.close.disabled { -webkit-transform:none; transform:none } - + } .spinner-grow { display:inline-block; @@ -5794,7 +5795,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { display:-ms-inline-flexbox!important; display:inline-flex!important } - + } @media (min-width:768px) { .d-md-none { @@ -5826,7 +5827,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { display:-ms-inline-flexbox!important; display:inline-flex!important } - + } @media (min-width:992px) { .d-lg-none { @@ -5858,7 +5859,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { display:-ms-inline-flexbox!important; display:inline-flex!important } - + } @media (min-width:1200px) { .d-xl-none { @@ -5890,7 +5891,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { display:-ms-inline-flexbox!important; display:inline-flex!important } - + } @media print { .d-print-none { @@ -5922,7 +5923,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { display:-ms-inline-flexbox!important; display:inline-flex!important } - + } .embed-responsive { position:relative; @@ -6229,7 +6230,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { -ms-flex-item-align:stretch!important; align-self:stretch!important } - + } @media (min-width:768px) { .flex-md-row { @@ -6368,7 +6369,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { -ms-flex-item-align:stretch!important; align-self:stretch!important } - + } @media (min-width:992px) { .flex-lg-row { @@ -6507,7 +6508,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { -ms-flex-item-align:stretch!important; align-self:stretch!important } - + } @media (min-width:1200px) { .flex-xl-row { @@ -6646,7 +6647,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { -ms-flex-item-align:stretch!important; align-self:stretch!important } - + } .float-left { float:left!important @@ -6667,7 +6668,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .float-sm-none { float:none!important } - + } @media (min-width:768px) { .float-md-left { @@ -6679,7 +6680,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .float-md-none { float:none!important } - + } @media (min-width:992px) { .float-lg-left { @@ -6691,7 +6692,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .float-lg-none { float:none!important } - + } @media (min-width:1200px) { .float-xl-left { @@ -6703,7 +6704,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .float-xl-none { float:none!important } - + } .user-select-all { -webkit-user-select:all!important; @@ -6766,7 +6767,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { top:0; z-index:1020 } - + } .sr-only { position:absolute; @@ -7388,7 +7389,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .ml-sm-auto,.mx-sm-auto { margin-left:auto!important } - + } @media (min-width:768px) { .m-md-0 { @@ -7661,7 +7662,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .ml-md-auto,.mx-md-auto { margin-left:auto!important } - + } @media (min-width:992px) { .m-lg-0 { @@ -7934,7 +7935,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .ml-lg-auto,.mx-lg-auto { margin-left:auto!important } - + } @media (min-width:1200px) { .m-xl-0 { @@ -8207,7 +8208,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .ml-xl-auto,.mx-xl-auto { margin-left:auto!important } - + } .stretched-link::after { position:absolute; @@ -8256,7 +8257,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .text-sm-center { text-align:center!important } - + } @media (min-width:768px) { .text-md-left { @@ -8268,7 +8269,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .text-md-center { text-align:center!important } - + } @media (min-width:992px) { .text-lg-left { @@ -8280,7 +8281,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .text-lg-center { text-align:center!important } - + } @media (min-width:1200px) { .text-xl-left { @@ -8292,7 +8293,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { .text-xl-center { text-align:center!important } - + } .text-lowercase { text-transform:lowercase!important @@ -8472,7 +8473,7 @@ a.text-dark:focus,a.text-dark:hover { color:inherit; border-color:#dee2e6 } - + } .bg-primary { background-image:linear-gradient(#54b4eb,#2fa4e7 60%,#1d9ce5); diff --git a/apps/remix-ide/src/assets/css/themes/bootstrap-cyborg.min.css b/apps/remix-ide/src/assets/css/themes/bootstrap-cyborg.min.css index 1ed6d7b4b6..30026bb48b 100644 --- a/apps/remix-ide/src/assets/css/themes/bootstrap-cyborg.min.css +++ b/apps/remix-ide/src/assets/css/themes/bootstrap-cyborg.min.css @@ -9,8 +9,7 @@ * Copyright 2011-2020 The Bootstrap Authors * Copyright 2011-2020 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) -*/@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400; -700&display=swap); +*/@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap); :root { --blue:#2a9fd6; --indigo:#6610f2; @@ -36,6 +35,7 @@ --dark:#adafae; --body-bg: #060606; --text-bg-mark: #fcf8e3; + --custom-select: #fff; --breakpoint-xs:0; --breakpoint-sm:576px; --breakpoint-md:768px; From ff9f85fbcfa7f5e5cd9557c6f4815b1cb07f7a48 Mon Sep 17 00:00:00 2001 From: filip mertens Date: Thu, 21 Jul 2022 17:15:12 +0200 Subject: [PATCH 25/33] add markers --- apps/remix-ide/src/app/editor/editor.js | 11 +++- .../editor/src/lib/remix-ui-editor.tsx | 61 +++++++++++++++++++ 2 files changed, 71 insertions(+), 1 deletion(-) diff --git a/apps/remix-ide/src/app/editor/editor.js b/apps/remix-ide/src/app/editor/editor.js index 34b9c172e5..f46b1b2d21 100644 --- a/apps/remix-ide/src/app/editor/editor.js +++ b/apps/remix-ide/src/app/editor/editor.js @@ -13,7 +13,7 @@ const profile = { name: 'editor', description: 'service - editor', version: packageJson.version, - methods: ['highlight', 'discardHighlight', 'clearAnnotations', 'addLineText', 'discardLineTexts', 'addAnnotation', 'gotoLine', 'revealRange', 'getCursorPosition'] + methods: ['highlight', 'discardHighlight', 'clearAnnotations', 'addLineText', 'discardLineTexts', 'addAnnotation', 'gotoLine', 'revealRange', 'getCursorPosition', 'addErrorMarker', 'clearErrorMarkers'] } class Editor extends Plugin { @@ -504,6 +504,15 @@ class Editor extends Plugin { } } + // error markers + async addErrorMarker (error){ + this.api.addErrorMarker(error) + } + + async clearErrorMarkers(sources){ + this.api.clearErrorMarkers(sources) + } + /** * Clears all the annotations for the given @arg filePath, the plugin name is retrieved from the context, if none is given, the current sesssion is used. * An annotation has the following shape: diff --git a/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx b/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx index aad442eef4..d67a4c2c29 100644 --- a/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx +++ b/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx @@ -9,6 +9,8 @@ import { IMarkdownString } from 'monaco-editor' import './remix-ui-editor.css' import { loadTypes } from './web-types' +import monaco from '../types/monaco' +import { MarkerSeverity } from 'monaco-editor' type cursorPosition = { startLineNumber: number, @@ -91,6 +93,8 @@ export interface EditorUIProps { addDecoration: (marker: sourceMarker, filePath: string, typeOfDecoration: string) => DecorationsReturn clearDecorationsByPlugin: (filePath: string, plugin: string, typeOfDecoration: string, registeredDecorations: any, currentDecorations: any) => DecorationsReturn keepDecorationsFor: (filePath: string, plugin: string, typeOfDecoration: string, registeredDecorations: any, currentDecorations: any) => DecorationsReturn + addErrorMarker: (errors: []) => void + clearErrorMarkers: (sources: any) => void } } @@ -381,6 +385,63 @@ export const EditorUI = (props: EditorUIProps) => { return addDecoration(marker, filePath, typeOfDecoration) } + props.editorAPI.addErrorMarker = async (errors: []) => { + + const allMarkersPerfile: Record> = {} + console.log(errors) + for (const error of errors) { + const marker = (error as any).error + const lineColumn = (error as any).lineColumn + let filePath = marker.sourceLocation.file + + if (!filePath) return + const fileFromUrl = await props.plugin.call('fileManager', 'getPathFromUrl', filePath) + filePath = fileFromUrl.file + const model = editorModelsState[filePath]?.model + console.log(filePath) + const errorServerityMap = { + 'error': MarkerSeverity.Error, + 'warning': MarkerSeverity.Warning, + 'info': MarkerSeverity.Info + } + if (model) { + const markerData: monaco.editor.IMarkerData = { + severity: errorServerityMap[marker.severity], + startLineNumber: ((lineColumn.start && lineColumn.start.line) || 0) + 1, + startColumn: ((lineColumn.start && lineColumn.start.column) || 0) + 1, + endLineNumber: ((lineColumn.end && lineColumn.end.line) || 0) + 1, + endColumn: ((lineColumn.end && lineColumn.end.column) || 0) + 1, + message: marker.message, + } + console.log(markerData) + if (!allMarkersPerfile[filePath]) { + allMarkersPerfile[filePath] = [] + } + allMarkersPerfile[filePath].push(markerData) + } + } + console.log(allMarkersPerfile) + for (const filePath in allMarkersPerfile) { + const model = editorModelsState[filePath]?.model + if (model) { + console.log(model) + monacoRef.current.editor.setModelMarkers(model, 'remix-solidity', allMarkersPerfile[filePath]) + } + } + } + + props.editorAPI.clearErrorMarkers = async (sources: any) => { + if (sources) { + for (const source of (Array.isArray(sources) ? sources : Object.keys(sources))) { + const filePath = source + const model = editorModelsState[filePath]?.model + if (model) { + monacoRef.current.editor.setModelMarkers(model, 'remix-solidity', []) + } + } + } + } + props.editorAPI.findMatches = (uri: string, value: string) => { if (!editorRef.current) return const model = editorModelsState[uri]?.model From 01d8a902ec175760c86e137c3e9f77252718dca2 Mon Sep 17 00:00:00 2001 From: bunsenstraat Date: Tue, 9 Aug 2022 13:27:25 +0200 Subject: [PATCH 26/33] add e2e --- .../src/tests/editor_error_marker.test.ts | 84 +++++++++++++++++++ .../editor/src/lib/remix-ui-editor.tsx | 79 +++++++++-------- 2 files changed, 129 insertions(+), 34 deletions(-) create mode 100644 apps/remix-ide-e2e/src/tests/editor_error_marker.test.ts diff --git a/apps/remix-ide-e2e/src/tests/editor_error_marker.test.ts b/apps/remix-ide-e2e/src/tests/editor_error_marker.test.ts new file mode 100644 index 0000000000..8d8cba54e0 --- /dev/null +++ b/apps/remix-ide-e2e/src/tests/editor_error_marker.test.ts @@ -0,0 +1,84 @@ +'use strict' + +import { NightwatchBrowser } from 'nightwatch' +import init from '../helpers/init' + +module.exports = { + + before: function (browser: NightwatchBrowser, done: VoidFunction) { + init(browser, done, 'http://127.0.0.1:8080', true) + }, + 'Should add error marker': function (browser: NightwatchBrowser) { + browser + .openFile('contracts') + .openFile('contracts/1_Storage.sol') + .addFile('scripts/adderror.ts', {content: addErrorMarker}) + .pause(4000) + .executeScriptInTerminal('remix.exeCurrent()') + .pause(4000) + .openFile('contracts/1_Storage.sol') + .useXpath() + .waitForElementVisible("//*[@class='cdr squiggly-error']") + .waitForElementVisible("//*[@class='cdr squiggly-warning']") + }, + 'Should clear error marker': function (browser: NightwatchBrowser) { + browser + .useCss() + .addFile('scripts/clear.ts', {content: clearMarkers}) + .pause(4000) + .executeScriptInTerminal('remix.exeCurrent()') + .pause(4000) + .openFile('contracts/1_Storage.sol') + .useXpath() + .waitForElementNotPresent("//*[@class='cdr squiggly-error']") + .waitForElementNotPresent("//*[@class='cdr squiggly-warning']") + } +} + +const clearMarkers =` +(async () => { + await remix.call('editor', 'clearErrorMarkers' as any, ['contracts/1_Storage.sol']) +})()` + +const addErrorMarker = ` +(async () => { + + + let errors = [ + { + position: { + start: { + line: 10, + column: 1, + }, + end: { + line: 10, + column: 10 + } + }, + message: 'testing', + severity: 'error', + file: 'contracts/1_Storage.sol' + }, + { + position: { + start: { + line: 18, + column: 1, + }, + end: { + line: 18, + column: 10 + } + }, + message: 'testing2', + severity: 'warning', + file: 'contracts/1_Storage.sol' + }, + ] + + + await remix.call('editor', 'addErrorMarker' as any, errors) + + +})()` \ No newline at end of file diff --git a/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx b/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx index d67a4c2c29..0728fec08a 100644 --- a/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx +++ b/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx @@ -62,6 +62,22 @@ export type lineText = { hoverMessage: IMarkdownString | IMarkdownString[] } +type errorMarker = { + message: string + severity: MarkerSeverity + position: { + start: { + line: number + column: number + }, + end: { + line: number + column: number + } + }, + file: string +} + loader.config({ paths: { vs: 'assets/js/monaco-editor/dev/vs' } }) export type DecorationsReturn = { @@ -124,7 +140,7 @@ export const EditorUI = (props: EditorUIProps) => { const currentFileRef = useRef('') // const currentDecorations = useRef({ sourceAnnotationsPerFile: {}, markerPerFile: {} }) // decorations that are currently in use by the editor // const registeredDecorations = useRef({}) // registered decorations - + const [editorModelsState, dispatch] = useReducer(reducerActions, initialState) const formatColor = (name) => { @@ -282,7 +298,7 @@ export const EditorUI = (props: EditorUIProps) => { monacoRef.current.editor.setModelLanguage(file.model, 'remix-cairo') } else if (file.language === 'zokrates') { monacoRef.current.editor.setModelLanguage(file.model, 'remix-zokrates') - } + } }, [props.currentFile]) const convertToMonacoDecoration = (decoration: lineText | sourceAnnotation | sourceMarker, typeOfDecoration: string) => { @@ -351,7 +367,7 @@ export const EditorUI = (props: EditorUIProps) => { registeredDecorations: newRegisteredDecorations } } - + props.editorAPI.keepDecorationsFor = (filePath: string, plugin: string, typeOfDecoration: string, registeredDecorations: any, currentDecorations: any) => { const model = editorModelsState[filePath]?.model if (!model) return { @@ -380,25 +396,22 @@ export const EditorUI = (props: EditorUIProps) => { registeredDecorations: [{ value: decoration, type: typeOfDecoration }] } } - + props.editorAPI.addDecoration = (marker: sourceMarker, filePath: string, typeOfDecoration: string) => { return addDecoration(marker, filePath, typeOfDecoration) } - props.editorAPI.addErrorMarker = async (errors: []) => { + props.editorAPI.addErrorMarker = async (errors: errorMarker[]) => { const allMarkersPerfile: Record> = {} - console.log(errors) + for (const error of errors) { - const marker = (error as any).error - const lineColumn = (error as any).lineColumn - let filePath = marker.sourceLocation.file + let filePath = error.file if (!filePath) return const fileFromUrl = await props.plugin.call('fileManager', 'getPathFromUrl', filePath) filePath = fileFromUrl.file const model = editorModelsState[filePath]?.model - console.log(filePath) const errorServerityMap = { 'error': MarkerSeverity.Error, 'warning': MarkerSeverity.Warning, @@ -406,14 +419,13 @@ export const EditorUI = (props: EditorUIProps) => { } if (model) { const markerData: monaco.editor.IMarkerData = { - severity: errorServerityMap[marker.severity], - startLineNumber: ((lineColumn.start && lineColumn.start.line) || 0) + 1, - startColumn: ((lineColumn.start && lineColumn.start.column) || 0) + 1, - endLineNumber: ((lineColumn.end && lineColumn.end.line) || 0) + 1, - endColumn: ((lineColumn.end && lineColumn.end.column) || 0) + 1, - message: marker.message, + severity: errorServerityMap[error.severity], + startLineNumber: ((error.position.start && error.position.start.line) || 0), + startColumn: ((error.position.start && error.position.start.column) || 0), + endLineNumber: ((error.position.end && error.position.end.line) || 0), + endColumn: ((error.position.end && error.position.end.column) || 0), + message: error.message, } - console.log(markerData) if (!allMarkersPerfile[filePath]) { allMarkersPerfile[filePath] = [] } @@ -424,7 +436,6 @@ export const EditorUI = (props: EditorUIProps) => { for (const filePath in allMarkersPerfile) { const model = editorModelsState[filePath]?.model if (model) { - console.log(model) monacoRef.current.editor.setModelMarkers(model, 'remix-solidity', allMarkersPerfile[filePath]) } } @@ -496,7 +507,7 @@ export const EditorUI = (props: EditorUIProps) => { } } - function handleEditorDidMount (editor) { + function handleEditorDidMount(editor) { editorRef.current = editor defineAndSetTheme(monacoRef.current) reducerListener(props.plugin, dispatch, monacoRef.current, editorRef.current, props.events) @@ -514,7 +525,7 @@ export const EditorUI = (props: EditorUIProps) => { editor.addCommand(monacoRef.current.KeyMod.CtrlCmd | monacoRef.current.KeyCode.US_MINUS, () => { editor.updateOptions({ fontSize: editor.getOption(43).fontSize - 1 }) }) - + // add context menu items const zoominAction = { id: "zoomIn", @@ -544,25 +555,25 @@ export const EditorUI = (props: EditorUIProps) => { const editorService = editor._codeEditorService; const openEditorBase = editorService.openCodeEditor.bind(editorService); editorService.openCodeEditor = async (input, source) => { - const result = await openEditorBase(input, source) - if (input && input.resource && input.resource.path) { - try { - await props.plugin.call('fileManager', 'open', input.resource.path) - } catch (e) { - console.log(e) - } + const result = await openEditorBase(input, source) + if (input && input.resource && input.resource.path) { + try { + await props.plugin.call('fileManager', 'open', input.resource.path) + } catch (e) { + console.log(e) } - return result + } + return result } } - function handleEditorWillMount (monaco) { + function handleEditorWillMount(monaco) { monacoRef.current = monaco // Register a new language monacoRef.current.languages.register({ id: 'remix-solidity' }) monacoRef.current.languages.register({ id: 'remix-cairo' }) monacoRef.current.languages.register({ id: 'remix-zokrates' }) - + // Register a tokens provider for the language monacoRef.current.languages.setMonarchTokensProvider('remix-solidity', solidityTokensProvider) monacoRef.current.languages.setLanguageConfiguration('remix-solidity', solidityLanguageConfig) @@ -584,7 +595,7 @@ export const EditorUI = (props: EditorUIProps) => { language={editorModelsState[props.currentFile] ? editorModelsState[props.currentFile].language : 'text'} onMount={handleEditorDidMount} beforeMount={handleEditorWillMount} - options={{ glyphMargin: true, readOnly: true}} + options={{ glyphMargin: true, readOnly: true }} defaultValue={defaultEditorValue} />
@@ -592,9 +603,9 @@ export const EditorUI = (props: EditorUIProps) => { hide={false} gotoLine={(line, column) => props.plugin.call('editor', 'gotoLine', line, column)} openFile={(file) => props.plugin.call('fileManager', 'switchFile', file)} - getLastCompilationResult={() => { return props.plugin.call('compilerArtefacts', 'getLastCompilationResult') } } - offsetToLineColumn={(position, file, sources, asts) => { return props.plugin.call('offsetToLineColumnConverter', 'offsetToLineColumn', position, file, sources, asts) } } - getCurrentFileName={() => { return props.plugin.call('fileManager', 'file') } } + getLastCompilationResult={() => { return props.plugin.call('compilerArtefacts', 'getLastCompilationResult') }} + offsetToLineColumn={(position, file, sources, asts) => { return props.plugin.call('offsetToLineColumnConverter', 'offsetToLineColumn', position, file, sources, asts) }} + getCurrentFileName={() => { return props.plugin.call('fileManager', 'file') }} onContextListenerChanged={(listener) => { props.plugin.on('contextualListener', 'contextChanged', listener) }} onCurrentFileChanged={(listener) => { props.plugin.on('fileManager', 'currentFileChanged', listener) }} referencesOf={(node: astNode) => { return props.plugin.call('contextualListener', 'referencesOf', node) }} From 185b9c0ba74e79b27f54946b2c0d175fd67104e5 Mon Sep 17 00:00:00 2001 From: bunsenstraat Date: Thu, 11 Aug 2022 08:51:21 +0200 Subject: [PATCH 27/33] types --- libs/remix-ui/editor/src/lib/remix-ui-editor.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx b/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx index 0728fec08a..2d4c53156c 100644 --- a/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx +++ b/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx @@ -110,7 +110,7 @@ export interface EditorUIProps { clearDecorationsByPlugin: (filePath: string, plugin: string, typeOfDecoration: string, registeredDecorations: any, currentDecorations: any) => DecorationsReturn keepDecorationsFor: (filePath: string, plugin: string, typeOfDecoration: string, registeredDecorations: any, currentDecorations: any) => DecorationsReturn addErrorMarker: (errors: []) => void - clearErrorMarkers: (sources: any) => void + clearErrorMarkers: (sources: string[] | {[fileName: string]: any}) => void } } @@ -441,7 +441,7 @@ export const EditorUI = (props: EditorUIProps) => { } } - props.editorAPI.clearErrorMarkers = async (sources: any) => { + props.editorAPI.clearErrorMarkers = async (sources: string[] | {[fileName: string]: any}) => { if (sources) { for (const source of (Array.isArray(sources) ? sources : Object.keys(sources))) { const filePath = source From 94d3daad6f1a4fe230346fe7443999e2c5a12253 Mon Sep 17 00:00:00 2001 From: yann300 Date: Thu, 18 Aug 2022 09:13:06 +0200 Subject: [PATCH 28/33] remove log --- libs/remix-ui/editor/src/lib/remix-ui-editor.tsx | 1 - 1 file changed, 1 deletion(-) diff --git a/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx b/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx index 2d4c53156c..2f7ba40384 100644 --- a/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx +++ b/libs/remix-ui/editor/src/lib/remix-ui-editor.tsx @@ -432,7 +432,6 @@ export const EditorUI = (props: EditorUIProps) => { allMarkersPerfile[filePath].push(markerData) } } - console.log(allMarkersPerfile) for (const filePath in allMarkersPerfile) { const model = editorModelsState[filePath]?.model if (model) { From 972b02cce00af0ecefc3702893844de9279d6094 Mon Sep 17 00:00:00 2001 From: bunsenstraat Date: Thu, 18 Aug 2022 10:21:19 +0200 Subject: [PATCH 29/33] set flaky --- .circleci/config.yml | 2 +- apps/remix-ide-e2e/src/tests/gist.test.ts | 11 ++++++----- 2 files changed, 7 insertions(+), 6 deletions(-) diff --git a/.circleci/config.yml b/.circleci/config.yml index 2095b373fe..3c9bb034fc 100644 --- a/.circleci/config.yml +++ b/.circleci/config.yml @@ -6,7 +6,7 @@ version: 2.1 parameters: run_flaky_tests: type: boolean - default: false + default: true orbs: browser-tools: circleci/browser-tools@1.3.0 jobs: diff --git a/apps/remix-ide-e2e/src/tests/gist.test.ts b/apps/remix-ide-e2e/src/tests/gist.test.ts index 5bf3b34d5d..cc25a38195 100644 --- a/apps/remix-ide-e2e/src/tests/gist.test.ts +++ b/apps/remix-ide-e2e/src/tests/gist.test.ts @@ -9,10 +9,11 @@ const testData = { // 99266d6da54cc12f37f11586e8171546c7700d67 module.exports = { + '@disabled': true, before: function (browser: NightwatchBrowser, done: VoidFunction) { init(browser, done) }, - UploadToGists: function (browser: NightwatchBrowser) { + 'UploadToGists #group1': function (browser: NightwatchBrowser) { /* - set the access token - publish to gist @@ -68,7 +69,7 @@ module.exports = { */ }, - 'Load Gist Modal': function (browser: NightwatchBrowser) { + 'Load Gist Modal #group1': function (browser: NightwatchBrowser) { browser.clickLaunchIcon('home') .waitForElementVisible('*[data-id="remixIdeIconPanel"]', 10000) .clickLaunchIcon('filePanel') @@ -84,7 +85,7 @@ module.exports = { .modalFooterCancelClick('gisthandler') }, - 'Display Error Message For Invalid Gist ID': function (browser: NightwatchBrowser) { + 'Display Error Message For Invalid Gist ID #group1': function (browser: NightwatchBrowser) { browser .pause(1000) .waitForElementVisible('*[data-id="remixIdeIconPanel"]', 10000) @@ -101,7 +102,7 @@ module.exports = { .modalFooterOKClick('gisthandler') }, - 'Display Error Message For Missing Gist Token When Publishing': function (browser: NightwatchBrowser) { + 'Display Error Message For Missing Gist Token When Publishing #group1': function (browser: NightwatchBrowser) { browser .pause(1000) .waitForElementVisible('*[data-id="remixIdeIconPanel"]', 10000) @@ -125,7 +126,7 @@ module.exports = { .click('[data-id="fileSystemModalDialogModalFooter-react"] .modal-ok') }, - 'Import From Gist For Valid Gist ID': function (browser: NightwatchBrowser) { + 'Import From Gist For Valid Gist ID #group1': function (browser: NightwatchBrowser) { browser .waitForElementVisible('*[data-id="remixIdeIconPanel"]', 10000) .clickLaunchIcon('settings') From 1b9ccc356b1ad94d9d2db6fbe3c1bc0564f63fcb Mon Sep 17 00:00:00 2001 From: bunsenstraat Date: Thu, 18 Aug 2022 10:27:48 +0200 Subject: [PATCH 30/33] set flaky --- apps/remix-ide-e2e/src/tests/gist.test.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/remix-ide-e2e/src/tests/gist.test.ts b/apps/remix-ide-e2e/src/tests/gist.test.ts index cc25a38195..f63e4508d4 100644 --- a/apps/remix-ide-e2e/src/tests/gist.test.ts +++ b/apps/remix-ide-e2e/src/tests/gist.test.ts @@ -126,7 +126,7 @@ module.exports = { .click('[data-id="fileSystemModalDialogModalFooter-react"] .modal-ok') }, - 'Import From Gist For Valid Gist ID #group1': function (browser: NightwatchBrowser) { + 'Import From Gist For Valid Gist ID #group1 #lfaky': function (browser: NightwatchBrowser) { browser .waitForElementVisible('*[data-id="remixIdeIconPanel"]', 10000) .clickLaunchIcon('settings') From 9b7c926f327fca309ae119221346896a7c0d56f4 Mon Sep 17 00:00:00 2001 From: bunsenstraat Date: Thu, 18 Aug 2022 10:27:58 +0200 Subject: [PATCH 31/33] typo --- apps/remix-ide-e2e/src/tests/gist.test.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/remix-ide-e2e/src/tests/gist.test.ts b/apps/remix-ide-e2e/src/tests/gist.test.ts index f63e4508d4..2303afaaeb 100644 --- a/apps/remix-ide-e2e/src/tests/gist.test.ts +++ b/apps/remix-ide-e2e/src/tests/gist.test.ts @@ -126,7 +126,7 @@ module.exports = { .click('[data-id="fileSystemModalDialogModalFooter-react"] .modal-ok') }, - 'Import From Gist For Valid Gist ID #group1 #lfaky': function (browser: NightwatchBrowser) { + 'Import From Gist For Valid Gist ID #group1 #flaky': function (browser: NightwatchBrowser) { browser .waitForElementVisible('*[data-id="remixIdeIconPanel"]', 10000) .clickLaunchIcon('settings') From 25a741821b1dd4afca893718fc9392ecc02dbf9e Mon Sep 17 00:00:00 2001 From: bunsenstraat Date: Thu, 18 Aug 2022 11:05:13 +0200 Subject: [PATCH 32/33] group it --- apps/remix-ide-e2e/src/tests/gist.test.ts | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/apps/remix-ide-e2e/src/tests/gist.test.ts b/apps/remix-ide-e2e/src/tests/gist.test.ts index 2303afaaeb..91c7816fee 100644 --- a/apps/remix-ide-e2e/src/tests/gist.test.ts +++ b/apps/remix-ide-e2e/src/tests/gist.test.ts @@ -126,7 +126,7 @@ module.exports = { .click('[data-id="fileSystemModalDialogModalFooter-react"] .modal-ok') }, - 'Import From Gist For Valid Gist ID #group1 #flaky': function (browser: NightwatchBrowser) { + 'Import From Gist For Valid Gist ID #group2 #flaky': function (browser: NightwatchBrowser) { browser .waitForElementVisible('*[data-id="remixIdeIconPanel"]', 10000) .clickLaunchIcon('settings') @@ -141,6 +141,7 @@ module.exports = { }) .setValue('*[data-id="gisthandlerModalDialogModalBody-react"] input[data-id="modalDialogCustomPromp"]', testData.validGistId) .modalFooterOKClick('gisthandler') + .pause(10000) .openFile(`gist-${testData.validGistId}/README.txt`) .waitForElementVisible(`div[title='default_workspace/gist-${testData.validGistId}/README.txt']`) .assert.containsText(`div[title='default_workspace/gist-${testData.validGistId}/README.txt'] > span`, 'README.txt') From 660af26643d2c2092861f39a95923e68f427fdc9 Mon Sep 17 00:00:00 2001 From: bunsenstraat Date: Thu, 18 Aug 2022 11:10:00 +0200 Subject: [PATCH 33/33] unflaky --- .circleci/config.yml | 2 +- apps/remix-ide-e2e/src/tests/gist.test.ts | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/.circleci/config.yml b/.circleci/config.yml index 3c9bb034fc..2095b373fe 100644 --- a/.circleci/config.yml +++ b/.circleci/config.yml @@ -6,7 +6,7 @@ version: 2.1 parameters: run_flaky_tests: type: boolean - default: true + default: false orbs: browser-tools: circleci/browser-tools@1.3.0 jobs: diff --git a/apps/remix-ide-e2e/src/tests/gist.test.ts b/apps/remix-ide-e2e/src/tests/gist.test.ts index 91c7816fee..21832de532 100644 --- a/apps/remix-ide-e2e/src/tests/gist.test.ts +++ b/apps/remix-ide-e2e/src/tests/gist.test.ts @@ -126,7 +126,7 @@ module.exports = { .click('[data-id="fileSystemModalDialogModalFooter-react"] .modal-ok') }, - 'Import From Gist For Valid Gist ID #group2 #flaky': function (browser: NightwatchBrowser) { + 'Import From Gist For Valid Gist ID #group2': function (browser: NightwatchBrowser) { browser .waitForElementVisible('*[data-id="remixIdeIconPanel"]', 10000) .clickLaunchIcon('settings')