Merge branch 'master' of https://github.com/ethereum/remix-project into jest

2 years ago · 37fb961de3
parent cd66aabf45 f1df94b62a
commit 37fb961de3
23 changed files with 4073 additions and 140 deletions
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@ -24,21 +24,55 @@ jobs:
          key: v1-deps-{{ checksum "yarn.lock" }}
          paths:
            - node_modules
-      - run: NX_BIN_URL=http://127.0.0.1:8080/assets/js NX_WASM_URL=http://127.0.0.1:8080/assets/js NPM_URL=http://localhost:9090/ yarn build:production
-      - run: yarn nx build remix-ide-e2e-src-local-plugin & yarn run build:libs
-      - run: yarn nx run remixd:build
+      - run:
+          name: Build
+          command: |
+            if [ "${CIRCLE_BRANCH}" == "master" ]; then
+              NX_BIN_URL=http://127.0.0.1:8080/assets/js NX_WASM_URL=http://127.0.0.1:8080/assets/js NPM_URL=http://localhost:9090/ yarn build:production
+            else
+              NX_BIN_URL=http://127.0.0.1:8080/assets/js NX_WASM_URL=http://127.0.0.1:8080/assets/js NPM_URL=http://localhost:9090/ yarn build
+            fi
+      - run: yarn run build:e2e
      - run: mkdir persist && zip -0 -r persist/dist.zip dist
      - persist_to_workspace:
          root: .
          paths:
            - "persist"
+
+  build-plugin:
+      docker:
+      - image: cimg/node:14.17.6-browsers
+
+      resource_class:
+        xlarge
+      working_directory: ~/remix-project
+      parameters:
+        plugin:
+          type: string
+      steps:
+        - checkout
+        - restore_cache:
+            keys:
+              - v1-deps-{{ checksum "yarn.lock" }}
+        - run: yarn
+        - save_cache:
+            key: v1-deps-{{ checksum "yarn.lock" }}
+            paths:
+              - node_modules
+        - run: yarn build << parameters.plugin >>
+        - run: mkdir persist && zip -0 -r persist/plugin-<< parameters.plugin >>.zip dist
+        - persist_to_workspace:
+            root: .
+            paths:
+              - "persist"
+
  lint:
    docker:
      - image: cimg/node:14.17.6-browsers
    resource_class:
      xlarge
    working_directory: ~/remix-project
-    parallelism: 1
+
    steps:
      - checkout
      - restore_cache:
@ -60,11 +94,11 @@ jobs:
      - checkout
      - attach_workspace:
          at: .
-      - run: unzip ./persist/dist.zip
      - restore_cache:
          keys:
            - v1-deps-{{ checksum "yarn.lock" }}
      - run: yarn
+      - run: yarn build:libs
      - run: cd dist/libs/remix-tests && yarn
      - run: cd dist/libs/remix-tests && yarn add @remix-project/remix-url-resolver ../../libs/remix-url-resolver
      - run: cd dist/libs/remix-tests && yarn add @remix-project/remix-lib ../../libs/remix-lib
@ -117,12 +151,8 @@ jobs:
      - checkout
      - attach_workspace:
          at: .
-      - run: unzip ./persist/dist.zip 
-
-      - restore_cache:
-          keys:
-            - v1-deps-{{ checksum "yarn.lock" }}
-      - run: yarn
+      - run: unzip ./persist/dist.zip
+      - run: yarn install --cwd ./apps/remix-ide-e2e --modules-folder ../../node_modules
      - run: yarn run downloadsolc_assets_e2e && yarn run downloadsolc_assets_dist
      - run: ls -la ./dist/apps/remix-ide/assets/js
      - run: yarn run selenium-install || yarn run selenium-install
@ -149,9 +179,12 @@ jobs:
      xlarge
    working_directory: ~/remix-project
    parameters:
-      script:
+      plugin:
        type: string
-    parallelism: 4
+      parallelism:
+        type: integer
+        default: 1
+    parallelism: << parameters.parallelism >>
    steps:
      - browser-tools/install-browser-tools:
          install-firefox: false
@ -164,19 +197,16 @@ jobs:
      - checkout
      - attach_workspace:
          at: .
-
-      - restore_cache:
-          keys:
-            - v1-deps-{{ checksum "yarn.lock" }}
-      - run: yarn
      - run: unzip ./persist/dist.zip
+      - run: unzip ./persist/plugin-<< parameters.plugin >>.zip
+      - run: yarn install --cwd ./apps/remix-ide-e2e --modules-folder ../../node_modules
      - run: yarn run downloadsolc_assets_e2e && yarn run downloadsolc_assets_dist
      - run: yarn run selenium-install || yarn run selenium-install
      - run:
          name: Start Selenium
          command: yarn run selenium
          background: true
-      - run: ./apps/remix-ide/ci/<< parameters.script >>
+      - run: ./apps/remix-ide/ci/browser_test_plugin.sh << parameters.plugin >>
      - store_test_results:
          path: ./reports/tests
      - store_artifacts:
@ -273,18 +303,32 @@ workflows:
    unless: << pipeline.parameters.run_flaky_tests >>
    jobs:
      - build
+      - build-plugin:
+          matrix:
+            parameters:
+              plugin: ["etherscan", "vyper", "plugin_api"]
      - lint:
          requires:
            - build
-      - remix-libs:
-          requires:
-            - build
+      - remix-libs
      - remix-test-plugins:
+          name: test-plugin-<< matrix.plugin >>
          requires:
            - build
+            - build-plugin
          matrix:
+            alias: plugins
            parameters:
-              script: ["browser_tests_plugin_api.sh", "browser_tests_etherscan_plugin.sh", "browser_tests_vyper_plugin.sh"]
+              plugin: ["etherscan", "vyper", "plugin_api"]
+              parallelism: [1, 9]
+            exclude: 
+              - plugin: plugin_api
+                parallelism: 1
+              - plugin: etherscan
+                parallelism: 9
+              - plugin: vyper
+                parallelism: 9
+
      - remix-ide-browser:
          requires:
            - build
@ -299,13 +343,13 @@ workflows:
            - lint
            - remix-libs
            - remix-ide-browser
-            - remix-test-plugins
+            - plugins
      - deploy-remix-live:
          requires:
            - lint
            - remix-libs
            - remix-ide-browser
-            - remix-test-plugins
+            - plugins
          filters:
            branches:
              only: remix_live
@ -314,7 +358,7 @@ workflows:
            - lint
            - remix-libs
            - remix-ide-browser
-            - remix-test-plugins
+            - plugins
          filters:
            branches:
              only: master
@ -323,7 +367,7 @@ workflows:
            - lint
            - remix-libs
            - remix-ide-browser
-            - remix-test-plugins
+            - plugins
          filters:
            branches:
              only: remix_beta
--- a/apps/etherscan/project.json
+++ b/apps/etherscan/project.json
@ -3,9 +3,6 @@
  "$schema": "../../node_modules/nx/schemas/project-schema.json",
  "sourceRoot": "apps/etherscan/src",
  "projectType": "application",
-  "implicitDependencies": [
-    "remix-debug"
-  ],
  "targets": {
    "build": {
      "executor": "@nrwl/webpack:webpack",
--- a/apps/remix-ide-e2e/package.json
+++ b/apps/remix-ide-e2e/package.json
@ -0,0 +1,23 @@
+{
+  "name": "remix-ide-e2e",
+  "license": "MIT",
+  "engines": {
+    "node": "^14.17.6",
+    "npm": "^6.14.15"
+  },
+  "dependencies": {
+    "@openzeppelin/contracts": "^4.7.3",
+    "@openzeppelin/contracts-upgradeable": "^4.8.1",
+    "@openzeppelin/upgrades-core": "^1.22.0",
+    "@openzeppelin/wizard": "^0.1.1",
+    "@remix-project/remixd": "../../dist/libs/remixd",
+    "deep-equal": "^1.0.1",
+    "ganache-cli": "^6.8.1",
+    "selenium-standalone": "^8.2.3",
+    "tree-kill": "^1.2.2"
+  },
+  "devDependencies": {
+    "http-server": "^14.1.1",
+    "nightwatch": "2.3"
+  }
+}
--- a/apps/remix-ide-e2e/src/commands/journalLastChildIncludes.ts
+++ b/apps/remix-ide-e2e/src/commands/journalLastChildIncludes.ts
@ -5,14 +5,14 @@ import EventEmitter from 'events'
  Check if the last log in the console contains a specific text
 */
 class JournalLastChildIncludes extends EventEmitter {
-  command (this: NightwatchBrowser, val: string): NightwatchBrowser {
-    this.api
-      .waitForElementVisible('*[data-id="terminalJournal"]', 10000)
-      .pause(1000)
-      .getText('*[data-id="terminalJournal"]', (result) => {
-        console.log('JournalLastChildIncludes', result.value)
-        if (typeof result.value === 'string' && result.value.indexOf(val) === -1) return this.api.assert.fail(`wait for ${val} in ${result.value}`)
-        else this.api.assert.ok(true, `<*[data-id="terminalJournal"]> contains ${val}.`)
+  command(this: NightwatchBrowser, val: string): NightwatchBrowser {
+     this.api
+      .waitForElementPresent({
+        selector: `//*[@data-id='terminalJournal' and contains(.,'${val}')]`,
+        timeout: 10000,
+        locateStrategy: 'xpath'
+      }).perform((done) => {
+        done()
        this.emit('complete')
      })
    return this
--- a/apps/remix-ide-e2e/src/local-plugin/project.json
+++ b/apps/remix-ide-e2e/src/local-plugin/project.json
@ -1,11 +1,8 @@
 {
-  "name": "remix-ide-e2e-src-local-plugin",
+  "name": "plugin_api",
  "$schema": "../../node_modules/nx/schemas/project-schema.json",
  "sourceRoot": "apps/remix-ide-e2e/src/local-plugin/src/",
  "projectType": "application",
-  "implicitDependencies": [
-    "remix-debug"
-  ],
  "targets": {
    "build": {
      "executor": "@nrwl/webpack:webpack",
@ -13,7 +10,7 @@
      "defaultConfiguration": "development",
      "options": {
        "compiler": "babel",
-        "outputPath": "dist/apps/remix-ide-e2e-src-local-plugin",
+        "outputPath": "dist/apps/plugin_api",
        "index": "apps/remix-ide-e2e/src/local-plugin/src/index.html",
        "baseHref": "/",
        "main": "apps/remix-ide-e2e/src/local-plugin/src/main.tsx",
@ -44,16 +41,16 @@
      "executor": "@nrwl/webpack:dev-server",
      "defaultConfiguration": "development",
      "options": {
-        "buildTarget": "remix-ide-e2e-src-local-plugin:build",
+        "buildTarget": "plugin_api:build",
        "hmr": true
      },
      "configurations": {
        "development": {
-          "buildTarget": "remix-ide-e2e-src-local-plugin:build:development",
+          "buildTarget": "plugin_api:build:development",
          "port": 2020
        },
        "production": {
-          "buildTarget": "remix-ide-e2e-src-local-plugin:build:production"
+          "buildTarget": "plugin_api:build:production"
        }
      }
    }
--- a/apps/remix-ide-e2e/src/tests/etherscan_api.ts
+++ b/apps/remix-ide-e2e/src/tests/etherscan_api.ts
@ -9,7 +9,7 @@ declare global {
 module.exports = {
  '@disabled': true,
  before: function (browser: NightwatchBrowser, done: VoidFunction) {
-    init(browser, done, null, true, { name: 'etherscan', url: 'http://127.0.0.1:5003'})
+    init(browser, done, null, true, { name: 'etherscan', url: 'http://127.0.0.1:9999'})
  },

  'Should load etherscan plugin #group1': function (browser: NightwatchBrowser) {
--- a/apps/remix-ide-e2e/src/tests/plugin_api.ts
+++ b/apps/remix-ide-e2e/src/tests/plugin_api.ts
@ -11,7 +11,7 @@ const localPluginData: Profile & LocationProfile & ExternalProfile = {
  name: 'localPlugin',
  displayName: 'Local Plugin',
  canActivate: ['dGitProvider', 'flattener', 'solidityUnitTesting', 'udapp', 'hardhat-provider'],
-  url: 'http://localhost:2020',
+  url: 'http://localhost:9999',
  location: 'sidePanel'
 }

--- a/apps/remix-ide-e2e/src/tests/remixd.test.ts
+++ b/apps/remix-ide-e2e/src/tests/remixd.test.ts
@ -312,7 +312,7 @@ function testImportFromRemixd(browser: NightwatchBrowser, callback: VoidFunction
 }

 async function spawnRemixd(path: string): Promise<ChildProcess> {
-  const remixd = spawn('yarn run remixd', [`-s ${path}`], { cwd: process.cwd(), shell: true, detached: true })
+  const remixd = spawn('chmod +x dist/libs/remixd/src/bin/remixd.js && dist/libs/remixd/src/bin/remixd.js --remix-ide http://127.0.0.1:8080', [`-s ${path}`], { cwd: process.cwd(), shell: true, detached: true })
  return new Promise((resolve, reject) => {
    remixd.stdout.on('data', function (data) {
      if(
--- a/apps/remix-ide-e2e/src/tests/runAndDeploy.test.ts
+++ b/apps/remix-ide-e2e/src/tests/runAndDeploy.test.ts
@ -224,7 +224,6 @@ module.exports = {
  'Call web3.eth.getAccounts() using Injected Provider (Metamask)': !function (browser: NightwatchBrowser) {
    browser
      .executeScriptInTerminal('web3.eth.getAccounts()')
-      .pause(2000)
      .journalLastChildIncludes('[ "0x76a3ABb5a12dcd603B52Ed22195dED17ee82708f" ]')
      .end()
  }
--- a/apps/remix-ide-e2e/src/tests/specialFunctions.test.ts
+++ b/apps/remix-ide-e2e/src/tests/specialFunctions.test.ts
@ -29,7 +29,6 @@ module.exports = {
      .perform((done) => {
        browser.getAddressAtPosition(0, (address) => {
          browser.sendLowLevelTx(address, '0', '0xaa')
-            .pause(1000)
            .journalLastChildIncludes('to: CheckSpecials.(fallback)')
            .journalLastChildIncludes('value: 0 wei')
            .journalLastChildIncludes('data: 0xaa')
@ -67,7 +66,6 @@ module.exports = {
    browser.perform((done) => {
      browser.getAddressAtPosition(0, (address) => {
        browser.sendLowLevelTx(address, '1', '')
-          .pause(1000)
          .journalLastChildIncludes('to: CheckSpecials.(receive)')
          .journalLastChildIncludes('value: 1 wei')
          .journalLastChildIncludes('data: 0x')
@ -80,7 +78,6 @@ module.exports = {
    browser.perform((done) => {
      browser.getAddressAtPosition(0, (address) => {
        browser.sendLowLevelTx(address, '10', '0xaa')
-          .pause(1000)
          .journalLastChildIncludes('to CheckSpecials.(fallback) errored:')
          .journalLastChildIncludes('The called function should be payable if you send value')
          .perform(done())
@ -97,7 +94,6 @@ module.exports = {
      .perform((done) => {
        browser.getAddressAtPosition(0, (address) => {
          browser.sendLowLevelTx(address, '1', '')
-            .pause(1000)
            .journalLastChildIncludes('to: CheckSpecials.(receive)')
            .journalLastChildIncludes('value: 1 wei')
            .journalLastChildIncludes('data: 0x')
@ -110,7 +106,6 @@ module.exports = {
    browser.perform((done) => {
      browser.getAddressAtPosition(0, (address) => {
        browser.sendLowLevelTx(address, '0', '0xaa')
-          .pause(1000)
          .waitForElementVisible(`#instance${address} label[id="deployAndRunLLTxError"]`)
          .assert.containsText(`#instance${address} label[id="deployAndRunLLTxError"]`, '\'Fallback\' function is not defined')
          .perform(done())
@ -127,7 +122,6 @@ module.exports = {
      .perform((done) => {
        browser.getAddressAtPosition(0, (address) => {
          browser.sendLowLevelTx(address, '1', '')
-            .pause(1000)
            .journalLastChildIncludes('to: CheckSpecials.(fallback)')
            .journalLastChildIncludes('value: 1 wei')
            .journalLastChildIncludes('data: 0x')
@ -140,7 +134,6 @@ module.exports = {
    browser.perform((done) => {
      browser.getAddressAtPosition(0, (address) => {
        browser.sendLowLevelTx(address, '1', '0xaa')
-          .pause(1000)
          .journalLastChildIncludes('to: CheckSpecials.(fallback)')
          .journalLastChildIncludes('value: 1 wei')
          .journalLastChildIncludes('data: 0xaa')
@ -180,7 +173,6 @@ module.exports = {
      .perform((done) => {
        browser.getAddressAtPosition(0, (address) => {
          browser.sendLowLevelTx(address, '999999998765257135', '0xaa')
-            .pause(1000)
            .journalLastChildIncludes('to: CheckSpecials.(fallback)')
            .journalLastChildIncludes('value: 999999998765257135 wei')
            .journalLastChildIncludes('data: 0xaa')
--- a/apps/remix-ide-e2e/src/tests/terminal.test.ts
+++ b/apps/remix-ide-e2e/src/tests/terminal.test.ts
@ -202,7 +202,6 @@ module.exports = {
      .addFile('scripts/deploy_storage.js', { content: scriptAutoExec.script })
      .openFile('contracts/storage.sol')
      .sendKeys('body', [browser.Keys.CONTROL, browser.Keys.SHIFT, 's'])
-      .pause(15000)
      .journalLastChildIncludes('147')
  },

--- a/apps/remix-ide-e2e/src/tests/transactionExecution.test.ts
+++ b/apps/remix-ide-e2e/src/tests/transactionExecution.test.ts
@ -141,7 +141,6 @@ module.exports = {
      .click('.udapp_contractActionsContainerSingle > button')
      .clickInstance(0)
      .clickFunction('g - transact (not payable)')
-      .pause(5000)
      .journalLastChildIncludes('Error provided by the contract:')
      .journalLastChildIncludes('CustomError : error description')
      .journalLastChildIncludes('Parameters:')
@ -182,7 +181,6 @@ module.exports = {
      .click('.udapp_contractActionsContainerSingle > button')
      .clickInstance(1)
      .clickFunction('h - transact (not payable)')
-      .pause(5000)
      .journalLastChildIncludes('Error provided by the contract:')
      .journalLastChildIncludes('CustomError : error description from library')
      .journalLastChildIncludes('Parameters:')
--- a/apps/remix-ide-e2e/src/tests/vyper_api.ts
+++ b/apps/remix-ide-e2e/src/tests/vyper_api.ts
@ -9,7 +9,7 @@ declare global {
 module.exports = {
  '@disabled': true,
  before: function (browser: NightwatchBrowser, done: VoidFunction) {
-    init(browser, done, null, true, { name: 'vyper', url: 'http://127.0.0.1:5002'})
+    init(browser, done, null, true, { name: 'vyper', url: 'http://127.0.0.1:9999'})
  },

  'Should connect to vyper plugin #group1': function (browser: NightwatchBrowser) {
--- a/apps/remix-ide-e2e/yarn.lock
+++ b/apps/remix-ide-e2e/yarn.lock
--- a/apps/remix-ide/ci/browser_test.sh
+++ b/apps/remix-ide/ci/browser_test.sh
@ -10,11 +10,8 @@ TEST_EXITCODE=0
 yarn run ganache-cli &
 npx http-server -p 9090 --cors='*' ./node_modules &
 yarn run serve:production &
-echo 'sharing folder: ' $PWD '/apps/remix-ide/contracts' &
-
 sleep 5

-yarn run build:e2e
 # grep -IRiL "@disabled" "dist/apps/remix-ide-e2e/src/tests" | grep "\.spec\|\.test" | xargs -I {} basename {} .test.js | grep -E "\b[${2}]"
 # TESTFILES=$(grep -IRiL "@disabled" "dist/apps/remix-ide-e2e/src/tests" | grep "\.spec\|\.test" | xargs -I {} basename {} .test.js | grep -E "\b[$2]" | circleci tests split --split-by=timings )
 node apps/remix-ide/ci/splice_tests.js $2 $3
--- a/apps/remix-ide/ci/browser_tests_plugin_api.sh
+++ b/apps/remix-ide/ci/browser_tests_plugin_api.sh
@ -6,16 +6,14 @@ BUILD_ID=${CIRCLE_BUILD_NUM:-${TRAVIS_JOB_NUMBER}}
 echo "$BUILD_ID"
 TEST_EXITCODE=0

+npx http-server -p 9999 ./dist/apps/$1 &
 yarn run ganache-cli &
 npx http-server -p 9090 --cors='*' ./node_modules &
 yarn run serve:production &
-npx nx serve remix-ide-e2e-src-local-plugin &

 sleep 5

-yarn run build:e2e
-
-TESTFILES=$(grep -IRiL "\'@disabled\': \?true" "dist/apps/remix-ide-e2e/src/tests" | grep "plugin_api" | sort | circleci tests split )
+TESTFILES=$(grep -IRiL "\'@disabled\': \?true" "dist/apps/remix-ide-e2e/src/tests" | grep $1 | sort | circleci tests split )
 for TESTFILE in $TESTFILES; do
    npx nightwatch --config dist/apps/remix-ide-e2e/nightwatch.js $TESTFILE --env=chrome  || TEST_EXITCODE=1
 done
--- a/apps/remix-ide/ci/browser_tests_etherscan_plugin.sh
+++ b/apps/remix-ide/ci/browser_tests_etherscan_plugin.sh
@ -1,26 +0,0 @@
-#!/usr/bin/env bash
-
-set -e
-
-BUILD_ID=${CIRCLE_BUILD_NUM:-${TRAVIS_JOB_NUMBER}}
-echo "$BUILD_ID"
-TEST_EXITCODE=0
-
-yarn build etherscan
-yarn run serve:production &
-npx nx serve etherscan &
-
-sleep 5
-
-yarn run build:e2e
-
-TESTFILES=$(grep -IRiL "\'@disabled\': \?true" "dist/apps/remix-ide-e2e/src/tests" | grep "etherscan_api" | sort | circleci tests split )
-for TESTFILE in $TESTFILES; do
-    npx nightwatch --config dist/apps/remix-ide-e2e/nightwatch.js $TESTFILE --env=chrome  || TEST_EXITCODE=1
-done
-
-echo "$TEST_EXITCODE"
-if [ "$TEST_EXITCODE" -eq 1 ]
-then
-  exit 1
-fi
--- a/apps/remix-ide/ci/browser_tests_vyper_plugin.sh
+++ b/apps/remix-ide/ci/browser_tests_vyper_plugin.sh
@ -1,26 +0,0 @@
-#!/usr/bin/env bash
-
-set -e
-
-BUILD_ID=${CIRCLE_BUILD_NUM:-${TRAVIS_JOB_NUMBER}}
-echo "$BUILD_ID"
-TEST_EXITCODE=0
-
-yarn build vyper
-yarn run serve:production &
-npx nx serve vyper &
-
-sleep 5
-
-yarn run build:e2e
-
-TESTFILES=$(grep -IRiL "\'@disabled\': \?true" "dist/apps/remix-ide-e2e/src/tests" | grep "vyper_api" | sort | circleci tests split )
-for TESTFILE in $TESTFILES; do
-    npx nightwatch --config dist/apps/remix-ide-e2e/nightwatch.js $TESTFILE --env=chrome  || TEST_EXITCODE=1
-done
-
-echo "$TEST_EXITCODE"
-if [ "$TEST_EXITCODE" -eq 1 ]
-then
-  exit 1
-fi
--- a/apps/remix-ide/ci/flaky.sh
+++ b/apps/remix-ide/ci/flaky.sh
@ -2,7 +2,6 @@

 set -e

-yarn run build:e2e
 TESTFILES=$(grep -IRiL "\'@disabled\': \?true" "dist/apps/remix-ide-e2e/src/tests" | grep "\.flaky" | sort )

 # count test files
@ -19,10 +18,8 @@ echo "$BUILD_ID"
 TEST_EXITCODE=0

 yarn run ganache-cli &
+npx http-server -p 9090 --cors='*' ./node_modules &
 yarn run serve:production &
-echo 'sharing folder: ' $PWD '/apps/remix-ide/contracts' &
-npx nx serve remix-ide-e2e-src-local-plugin &
-
 sleep 5

 for TESTFILE in $TESTFILES; do
--- a/apps/remix-ide/src/app/plugins/code-format.ts
+++ b/apps/remix-ide/src/app/plugins/code-format.ts
@ -1,12 +1,7 @@
 'use strict'
 import { Plugin } from '@remixproject/engine'
-import prettier from 'prettier/standalone'
 import { Options } from 'prettier';
 import sol from './code-format/index'
-import * as ts from 'prettier/parser-typescript'
-import * as babel from 'prettier/parser-babel'
-import * as espree from 'prettier/parser-espree'
-import * as yml from 'prettier/parser-yaml'
 import path from 'path'
 import yaml from 'js-yaml'
 import toml from 'toml'
@ -67,12 +62,28 @@ const defaultOptions = {

 export class CodeFormat extends Plugin {

+    prettier: any
+    ts: any
+    babel: any
+    espree: any
+    yml: any
+    sol: any
+
    constructor() {
        super(profile)
    }

    async format(file: string) {

+        // lazy load
+        if (!this.prettier) {
+            this.prettier = await import('prettier/standalone')
+            this.ts = await import('prettier/parser-typescript')
+            this.babel = await import('prettier/parser-babel')
+            this.espree = await import('prettier/parser-espree')
+            this.yml = await import('prettier/parser-yaml')
+        }
+
        try {
            const content = await this.call('fileManager', 'readFile', file)
            if (!content) return
@ -241,8 +252,8 @@ export class CodeFormat extends Plugin {
            }


-            const result = prettier.format(content, {
-                plugins: [sol as any, ts, babel, espree, yml],
+            const result = this.prettier.format(content, {
+                plugins: [sol as any, this.ts, this.babel, this.espree, this.yml],
                parser: parserName,
                ...options
            })
--- a/apps/vyper/project.json
+++ b/apps/vyper/project.json
@ -3,9 +3,6 @@
  "$schema": "../../node_modules/nx/schemas/project-schema.json",
  "sourceRoot": "apps/vyper/src",
  "projectType": "application",
-  "implicitDependencies": [
-    "remix-debug"
-  ],
  "targets": {
    "build": {
      "executor": "@nrwl/webpack:webpack",
--- a/package.json
+++ b/package.json
@ -176,7 +176,7 @@
    "merge": "^2.1.1",
    "npm-install-version": "^6.0.2",
    "path-browserify": "^1.0.1",
-    "prettier": "^2.7.1",
+    "prettier": "^2.8.4",
    "prettier-plugin-solidity": "^1.0.0-beta.24",
    "raw-loader": "^4.0.2",
    "react": "^17.0.2",
--- a/yarn.lock
+++ b/yarn.lock
@ -21259,10 +21259,10 @@ prettier-plugin-solidity@^1.0.0-beta.24:
    solidity-comments-extractor "^0.0.7"
    string-width "^4.2.3"

-prettier@^2.7.1:
-  version "2.7.1"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.7.1.tgz#e235806850d057f97bb08368a4f7d899f7760c64"
-  integrity sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g==
+prettier@^2.8.4:
+  version "2.8.4"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.4.tgz#34dd2595629bfbb79d344ac4a91ff948694463c3"
+  integrity sha512-vIS4Rlc2FNh0BySk3Wkd6xmwxB0FpOndW5fisM5H8hsZSxU2VWVB5CWIkIjWvrHjIhxk2g3bfMKM87zNTrZddw==

 pretty-format@^27.0.2:
  version "27.5.1"