hot module replacement

apps/remix-ide/.babelrc

@@ -1,5 +1,5 @@
 {
-  "presets": ["@babel/preset-env", ["@babel/preset-react", 
+  "presets": ["@babel/preset-env", ["@nrwl/react/babel", 
     {"runtime": "automatic"}
   ]],
   "plugins": ["@babel/plugin-proposal-class-properties", "@babel/plugin-transform-runtime", "@babel/plugin-proposal-nullish-coalescing-operator"],

apps/remix-ide/project.json

@@ -48,15 +48,18 @@
       "defaultConfiguration": "development",
       "options": {
         "buildTarget": "remix-ide:build",
-        "watch": true,
+
-        "liveReload": true,
-        "hmr": false
       },
       "configurations": {
         "development": {
           "buildTarget": "remix-ide:build:development",
           "port": 8080
         },
+        "hot":{
+          "buildTarget": "remix-ide:build:development",
+          "port": 8080,
+          "hmr": true
+        },
         "production": {
           "buildTarget": "remix-ide:build:production",
           "port": 8080

apps/remix-ide/src/app.js

@@ -247,7 +247,6 @@ class AppComponent {
 
     const codeParser = new CodeParser(new AstWalker())
 
-
     this.notification = new NotificationPlugin()
 
     const configPlugin = new ConfigPlugin()

apps/remix-ide/tsconfig.app.json

@@ -3,7 +3,6 @@
   "compilerOptions": {
     "outDir": "../../dist/out-tsc",
     "types": ["node"],
-    "module": "es2020"
   },
   "exclude": ["**/*.spec.ts", "**/*.spec.tsx", "./src/assets/**/*"],
   "include": ["**/*.js", "**/*.jsx", "**/*.ts", "**/*.tsx"]

babel.config.js

@@ -1,5 +1,5 @@
 module.exports = {
-    "presets": ["@babel/preset-typescript", "@babel/preset-env", "@babel/preset-react"],
+    "presets": ["@babel/preset-typescript", "@babel/preset-env", "@nrwl/react/babel"],
     "plugins": [
         "babel-plugin-replace-ts-export-assignment", 
         "@babel/plugin-transform-modules-commonjs", 

libs/remix-core-plugin/package.json

@@ -3,7 +3,6 @@
     "version": "0.0.1",
     "description": "This library was generated with [Nx](https://nx.dev).",
     "main": "src/index.js",
-    "type": "module",
     "author": "Remix Team",
     "license": "ISC"
   }

libs/remix-core-plugin/tsconfig.lib.json

@@ -1,11 +1,6 @@
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
-    "module": "commonjs",
-    "outDir": "../../dist/out-tsc",
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "declaration": true,
     "types": ["node"]
   },
   "exclude": [

libs/remix-ui/home-tab/src/lib/components/homeTabTitle.tsx

@@ -52,7 +52,6 @@ function HomeTabTitle() {
 
   return (
     <div className="px-2 pb-2 pt-2 d-flex flex-column border-bottom" id="hTTitleSection">
-      
       <div className="d-flex py-2 justify-content-between">
         <div className='d-flex justify-content-start'>
         <span className="h-80 text-uppercase" style={{ fontSize: 'xx-large', fontFamily: "Noah, sans-serif" }}>Remix</span>

libs/remix-ws-templates/package.json

@@ -4,7 +4,6 @@
   "description": "Create a Remix IDE workspace using different templates",
   "main": "src/index.js",
   "types": "src/index.d.ts",
-  "type": "module",
   "publishConfig": {
     "access": "public"
   },

libs/remixd/tsconfig.lib.json

@@ -1,7 +1,7 @@
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
-    "target": "es6",
+    "target": "ES6",
     "module": "commonjs",
     "outDir": "../../dist/out-tsc",
     "declaration": true,

package.json

@@ -28,6 +28,7 @@
     "nx": "nx",
     "start": "nx start",
     "serve": "nx serve remix-ide --configuration=development",
+    "hot": "nx serve remix-ide --configuration=hot",
     "build": "nx build",
     "test": "nx test",
     "lint": "nx lint",
@@ -234,6 +235,7 @@
     "@nrwl/web": "15.7.1",
     "@nrwl/webpack": "15.7.1",
     "@nrwl/workspace": "^15.7.1",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.10",
     "@svgr/webpack": "^6.5.1",
     "@testing-library/react": "13.4.0",
     "@types/axios": "^0.14.0",
@@ -332,6 +334,7 @@
     "onchange": "^3.2.1",
     "os-browserify": "^0.3.0",
     "process": "^0.11.10",
+    "react-refresh": "^0.14.0",
     "react-test-renderer": "^17.0.2",
     "request": "^2.83.0",
     "rimraf": "^2.6.1",