fix(ui): mock install/uninstall in debug mode

Author: Guillaume Chau

packages/@vue/cli-ui/src/graphql-api/connectors/folders.js

@@ -49,16 +49,25 @@ function isPackage (file, context) {
   return fs.existsSync(path.join(file, 'package.json'))
 }
 
-function readPackage (file, context) {
-  const cachedValue = pkgCache.get(file)
-  if (cachedValue) {
-    return cachedValue
+function readPackage (file, context, force = false) {
+  if (!force) {
+    const cachedValue = pkgCache.get(file)
+    if (cachedValue) {
+      return cachedValue
+    }
   }
   const pkg = fs.readJsonSync(path.join(file, 'package.json'))
   pkgCache.set(file, pkg)
   return pkg
 }
 
+function writePackage ({ file, data }, context) {
+  fs.outputJsonSync(path.join(file, 'package.json'), data, {
+    spaces: 2
+  })
+  return true
+}
+
 function isVueProject (file, context) {
   if (!isPackage(file)) return false
 
@@ -93,6 +102,7 @@ module.exports = {
   openParent,
   isPackage,
   readPackage,
+  writePackage,
   isVueProject,
   listFavorite,
   setFavorite,

packages/@vue/cli-ui/src/graphql-api/connectors/plugins.js

@@ -247,7 +247,11 @@ function install (id, context) {
     })
     currentPluginId = id
     installationStep = 'install'
-    await installPackage(cwd.get(), getCommand(), null, id)
+    if (process.env.VUE_CLI_DEBUG && isOfficialPlugin(id)) {
+      mockInstall(id, context)
+    } else {
+      await installPackage(cwd.get(), getCommand(), null, id)
+    }
     await initPrompts(id, context)
     installationStep = 'config'
 
@@ -261,6 +265,13 @@ function install (id, context) {
   })
 }
 
+function mockInstall (id, context) {
+  const pkg = folders.readPackage(cwd.get(), context, true)
+  pkg.devDependencies[id] = '*'
+  folders.writePackage({ file: cwd.get(), data: pkg }, context)
+  return true
+}
+
 function uninstall (id, context) {
   return progress.wrap(PROGRESS_ID, context, async setProgress => {
     setProgress({
@@ -269,7 +280,11 @@ function uninstall (id, context) {
     })
     installationStep = 'uninstall'
     currentPluginId = id
-    await uninstallPackage(cwd.get(), getCommand(), null, id)
+    if (process.env.VUE_CLI_DEBUG && isOfficialPlugin(id)) {
+      mockUninstall(id, context)
+    } else {
+      await uninstallPackage(cwd.get(), getCommand(), null, id)
+    }
     currentPluginId = null
     installationStep = null
 
@@ -283,6 +298,13 @@ function uninstall (id, context) {
   })
 }
 
+function mockUninstall (id, context) {
+  const pkg = folders.readPackage(cwd.get(), context, true)
+  delete pkg.devDependencies[id]
+  folders.writePackage({ file: cwd.get(), data: pkg }, context)
+  return true
+}
+
 function runInvoke (id, context) {
   return progress.wrap(PROGRESS_ID, context, async setProgress => {
     setProgress({