Remixd electron app

.circleci/config.yml

@@ -6,6 +6,7 @@ parameters:
     default: false
 orbs:
   browser-tools: circleci/[email protected]
+  win: circleci/[email protected] # The Windows orb gives you everything you need to start using the Windows executor.
 jobs:
   build:
     docker:
@@ -77,6 +78,210 @@ jobs:
             paths:
               - "persist"
 
+  build-remixd-windows:
+    executor:
+      name: win/default # executor type
+      size: medium # can be medium, large, xlarge, 2xlarge
+      shell: bash.exe
+    working_directory: ~/remix-project
+    steps:
+      - checkout
+      - restore_cache:
+          key: node-20-windows-v3
+      - run: 
+          command: |
+            nvm install 20.0.0
+            nvm use 20.0.0
+            node -v
+            npx -v
+            npm install --global yarn http-server
+            yarn -v
+      - save_cache:
+          key: node-20-windows-v3
+          paths:
+            - /ProgramData/nvm/v20.0.0
+
+      - restore_cache:
+          keys:
+            - remixd-windows-deps-{{ checksum "apps/remixd-app/yarn.lock" }}
+      - run: 
+          command: |
+              cd apps/remixd-app/
+              yarn
+              yarn package
+              yarn selenium-install
+      - save_cache:
+          key: remixd-windows-deps-{{ checksum "apps/remixd-app/yarn.lock" }}
+          paths:
+            - apps/remixd-app/node_modules
+      - persist_to_workspace:
+          root: .
+          paths:
+            - "apps/remixd-app/out"
+
+  test-remixd-ui-win:
+    executor:
+      name: win/default # executor type
+      size: medium # can be medium, large, xlarge, 2xlarge
+      shell: bash.exe
+    working_directory: ~/remix-project
+    steps:
+      - restore_cache:
+          key: node-20-windows-v3
+      - run: 
+          command: |
+            nvm install 20.0.0
+            nvm use 20.0.0
+            node -v
+      - checkout
+      - attach_workspace:
+          at: . # this is the out folder of the remixd app + remix IDE
+      - run: unzip ./persist/dist.zip # this is the IDE build
+      - restore_cache:
+          keys:
+            - remixd-windows-deps-{{ checksum "apps/remixd-app/yarn.lock" }}
+      - run: 
+          command: |
+              cd apps/remixd-app/
+              yarn selenium-start
+          background: true
+      - run:
+          command: |
+              http-server dist/apps/remix-ide
+          background: true
+      - run: 
+          command: |
+              cd apps/remixd-app/
+              yarn test:browser:edge & yarn test:app:windows
+      - store_test_results:
+          path: ./apps/remixd-app/reports/tests
+      - store_artifacts:
+          path: ./apps/remixd-app/reports/screenshots
+
+  build-remixd-ui-mac:
+    macos:
+      xcode: 14.2.0
+    resource_class:
+        macos.x86.medium.gen2
+    working_directory: ~/remix-project
+    steps:
+      - checkout
+      - restore_cache:
+          keys:
+            - remixd-deps-mac-{{ checksum "apps/remixd-app/yarn.lock" }}
+      - run: cd apps/remixd-app && yarn
+      - save_cache:
+          key: remixd-deps-mac-{{ checksum "apps/remixd-app/yarn.lock" }}
+          paths:
+            - apps/remixd-app/node_modules
+      - run: 
+          command: |
+            cd apps/remixd-app
+            yarn package
+      - persist_to_workspace:
+            root: .
+            paths:
+              - "apps/remixd-app/out"
+
+
+  test-remixd-ui-mac:
+    macos:
+      xcode: 14.2.0
+    resource_class:
+        macos.x86.medium.gen2
+    working_directory: ~/remix-project
+    steps:
+      - checkout
+      - attach_workspace:
+          at: . # this is the out folder of the remixd app + remix IDE
+      - restore_cache:
+          keys:
+            - remixd-deps-mac-{{ checksum "apps/remixd-app/yarn.lock" }}
+      - run: cd apps/remixd-app && yarn && yarn selenium-install
+      - save_cache:
+          key: remixd-deps-mac-{{ checksum "apps/remixd-app/yarn.lock" }}
+          paths:
+            - apps/remixd-app/node_modules
+      - run: unzip ./persist/dist.zip # this is the IDE build
+      - browser-tools/install-browser-tools:
+          install-firefox: false
+          install-chrome: true
+          install-geckodriver: false
+          install-chromedriver: true
+      - run:
+          name: Start Selenium
+          command: cd apps/remixd-app && yarn run selenium-start
+          background: true
+      - run:
+          name: Start IDE
+          command: cd dist/apps/remix-ide && npx http-server .
+          background: true
+      - run: 
+          command: |
+            cd apps/remixd-app
+            yarn test:app:macos & yarn test:browser:chrome
+
+
+  build-remixd-ui-linux:
+      docker:
+      - image: cimg/node:20.0.0-browsers
+      resource_class:
+        xlarge
+      working_directory: ~/remix-project
+      steps:
+        - checkout
+        - restore_cache:
+            keys:
+              - remixd-linux-deps-{{ checksum "apps/remixd-app/yarn.lock" }}
+        - run: cd apps/remixd-app && yarn
+        - save_cache:
+            key: remixd-linux-deps-{{ checksum "apps/remixd-app/yarn.lock" }}
+            paths:
+              - apps/remixd-app/node_modules
+        - run: sudo apt update && sudo apt install rpm dpkg fakeroot
+        - run: cd apps/remixd-app && yarn package
+        - persist_to_workspace:
+              root: .
+              paths:
+                - "apps/remixd-app/out"
+
+  test-remixd-ui-linux:
+      docker:
+      - image: cimg/node:20.0.0-browsers
+      resource_class:
+        xlarge
+      working_directory: ~/remix-project
+      steps:
+        - checkout
+        - attach_workspace:
+            at: . # this is the out folder of the remixd app + remix IDE
+        - restore_cache:
+            keys:
+              - remixd-linux-deps-{{ checksum "apps/remixd-app/yarn.lock" }}
+        - run: cd apps/remixd-app && yarn && yarn selenium-install
+        - save_cache:
+            key: remixd-linux-deps-{{ checksum "apps/remixd-app/yarn.lock" }}
+            paths:
+              - apps/remixd-app/node_modules
+        - run: unzip ./persist/dist.zip # this is the IDE build
+        - browser-tools/install-browser-tools:
+            install-firefox: false
+            install-chrome: true
+            install-geckodriver: false
+            install-chromedriver: true
+        - run:
+            name: Start Selenium
+            command: cd apps/remixd-app && yarn run selenium-start
+            background: true
+        - run:
+            name: Start IDE
+            command: cd dist/apps/remix-ide && npx http-server .
+            background: true
+        - run: 
+            command: |
+              cd apps/remixd-app
+              yarn test:app:linux & yarn test:browser:chrome
+
   lint:
     docker:
       - image: cimg/node:20.0.0-browsers
@@ -286,6 +491,7 @@ workflows:
   build_all:
     unless: << pipeline.parameters.run_flaky_tests >>
     jobs:
+
       - build
       - build-plugin:
           matrix:
@@ -308,6 +514,24 @@ workflows:
             exclude: 
               - plugin: plugin_api
                 parallelism: 1
+
+      - build-remixd-windows
+      - build-remixd-ui-mac
+      - build-remixd-ui-linux
+      - test-remixd-ui-win:
+          requires:
+            - build
+            - build-remixd-windows
+
+      - test-remixd-ui-mac:
+          requires:
+            - build
+            - build-remixd-ui-mac
+
+      - test-remixd-ui-linux:
+          requires:
+            - build
+            - build-remixd-ui-linux
 
       - remix-ide-browser:
           requires:
@@ -324,6 +548,8 @@ workflows:
             - remix-libs
             - remix-ide-browser
             - plugins
+            - test-remixd-ui-linux
+            - test-remixd-ui-mac
 
       - predeploy:
           filters:

apps/remixd-app/.eslintrc.json

@@ -0,0 +1,16 @@
+{
+  "env": {
+    "browser": true,
+    "es6": true,
+    "node": true
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/eslint-recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:import/recommended",
+    "plugin:import/electron",
+    "plugin:import/typescript"
+  ],
+  "parser": "@typescript-eslint/parser"
+}

apps/remixd-app/.gitignore

@@ -0,0 +1,94 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+.DS_Store
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# next.js build output
+.next
+
+# nuxt.js build output
+.nuxt
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# Webpack
+.webpack/
+
+# Vite
+.vite/
+
+# Electron-Forge
+out/
+
+reports/

apps/remixd-app/compiler_config.json

@@ -0,0 +1,16 @@
+
+{
+	"language": "Solidity",
+	"settings": {
+		"optimizer": {
+			"enabled": true,
+			"runs": 200
+		},
+		"outputSelection": {
+			"*": {
+			"": ["ast"],
+			"*": ["abi", "metadata", "devdoc", "userdoc", "storageLayout", "evm.legacyAssembly", "evm.bytecode", "evm.deployedBytecode", "evm.methodIdentifiers", "evm.gasEstimates", "evm.assembly"]
+			}
+		}
+	}
+}