fix: Allow the mode setup/creation to be async, and provide a few more values to extension/app config/mode setup. (#4016)

platform/cli/src/commands/linkPackage.js

@@ -2,7 +2,7 @@ import fs from 'fs';
 import path from 'path';
 import { execa } from 'execa';
 import { keywords } from './enums/index.js';
-import { validateYarn, addExtensionToConfig, addModeToConfig } from './utils/index.js';
+import { validateYarn, addExtensionToConfig, addModeToConfig } from './utils/index';
 
 async function linkPackage(packageDir, options, addToConfig, keyword) {
   const { viewerDirectory } = options;

platform/cli/src/commands/listPlugins.js

@@ -1,5 +1,5 @@
 import fs from 'fs';
-import { prettyPrint } from './utils/index.js';
+import { prettyPrint } from './utils/index';
 import { colors } from './enums/index.js';
 
 const listPlugins = async configPath => {

platform/cli/src/commands/searchPlugins.js

@@ -1,6 +1,6 @@
 import axios from 'axios';
 
-import { prettyPrint } from './utils/index.js';
+import { prettyPrint } from './utils/index';
 import { keywords, colors, endPoints } from './enums/index.js';
 
 async function searchRegistry(keyword) {

platform/cli/src/commands/unlinkPackage.js

@@ -1,7 +1,7 @@
 import { execa } from 'execa';
 import fs from 'fs';
 import path from 'path';
-import { validateYarn, removeExtensionFromConfig, removeModeFromConfig } from './utils/index.js';
+import { validateYarn, removeExtensionFromConfig, removeModeFromConfig } from './utils/index';
 
 const linkPackage = async (packageName, options, removeFromConfig) => {
   const { viewerDirectory } = options;

platform/cli/templates/extension/babel.config.js

@@ -43,7 +43,7 @@ module.exports = {
         '@babel/preset-react',
         '@babel/preset-typescript',
       ],
-      plugins: ['react-hot-loader/babel'],
+      plugins: ['react-refresh/babel'],
       ignore: ['**/*.test.jsx', '**/*.test.js', '__snapshots__', '__tests__'],
     },
   },

platform/cli/templates/extension/dependencies.json

@@ -53,10 +53,10 @@
     "copy-webpack-plugin": "^10.2.0",
     "cross-env": "^7.0.3",
     "dotenv": "^14.1.0",
-    "eslint": "^5.0.1",
+    "eslint": "^8.39.0",
     "eslint-loader": "^2.0.0",
     "webpack": "^5.50.0",
     "webpack-merge": "^5.7.3",
-    "webpack-cli": "^4.7.2"
+    "webpack-cli": "^5.0.2"
   }
 }

platform/cli/templates/mode/babel.config.js

@@ -37,7 +37,7 @@ module.exports = {
         '@babel/preset-react',
         '@babel/preset-typescript',
       ],
-      plugins: ['react-hot-loader/babel'],
+      plugins: ['react-refresh/babel'],
       ignore: ['**/*.test.jsx', '**/*.test.js', '__snapshots__', '__tests__'],
     },
   },

platform/cli/templates/mode/dependencies.json

@@ -42,10 +42,10 @@
     "copy-webpack-plugin": "^10.2.0",
     "cross-env": "^7.0.3",
     "dotenv": "^14.1.0",
-    "eslint": "^5.0.1",
+    "eslint": "^8.39.0",
     "eslint-loader": "^2.0.0",
     "webpack": "^5.50.0",
     "webpack-merge": "^5.7.3",
-    "webpack-cli": "^4.7.2"
+    "webpack-cli": "^5.0.2"
   }
 }