feat(plugin): quick local plugin refresh

Author: Guillaume Chau

packages/@vue/cli-ui/apollo-server/connectors/plugins.js

@@ -467,7 +467,7 @@ async function initPrompts (id, context) {
   await prompts.start()
 }
 
-function update (id, context) {
+function update ({ id, full }, context) {
   return progress.wrap('plugin-update', context, async setProgress => {
     setProgress({
       status: 'plugin-update',
@@ -478,7 +478,7 @@ function update (id, context) {
     const { current, wanted, localPath } = await dependencies.getVersion(plugin, context)
 
     if (localPath) {
-      await updateLocalPackage({ cwd: cwd.get(), id, localPath }, context)
+      await updateLocalPackage({ cwd: cwd.get(), id, localPath, full }, context)
     } else {
       await updatePackage(cwd.get(), getCommand(cwd.get()), null, id)
     }
@@ -502,11 +502,19 @@ function update (id, context) {
   })
 }
 
-async function updateLocalPackage ({ id, cwd, localPath }, context) {
+async function updateLocalPackage ({ id, cwd, localPath, full = true }, context) {
   const from = path.resolve(cwd, localPath)
   const to = path.resolve(cwd, 'node_modules', ...id.split('/'))
-  await fs.remove(to)
-  await fs.copy(from, to)
+  let filterRegEx
+  if (full) {
+    await fs.remove(to)
+    filterRegEx = /\.git/
+  } else {
+    filterRegEx = /(\.git|node_modules)/
+  }
+  await fs.copy(from, to, {
+    filter: (file) => !file.match(filterRegEx)
+  })
 }
 
 async function updateAll (context) {

packages/@vue/cli-ui/apollo-server/schema/plugin.js

@@ -19,7 +19,7 @@ extend type Mutation {
   pluginUninstall (id: ID!): PluginInstallation
   pluginInvoke (id: ID!): PluginInstallation
   pluginFinishInstall: PluginInstallation
-  pluginUpdate (id: ID!): Plugin
+  pluginUpdate (id: ID!, full: Boolean = true): Plugin
   pluginActionCall (id: ID!, params: JSON): PluginActionResult
   pluginsUpdate: [Plugin]
   pluginResetApi: Boolean
@@ -87,7 +87,7 @@ exports.resolvers = {
     pluginUninstall: (root, { id }, context) => plugins.uninstall(id, context),
     pluginInvoke: (root, { id }, context) => plugins.runInvoke(id, context),
     pluginFinishInstall: (root, args, context) => plugins.finishInstall(context),
-    pluginUpdate: (root, { id }, context) => plugins.update(id, context),
+    pluginUpdate: (root, { id, full }, context) => plugins.update({ id, full }, context),
     pluginActionCall: (root, args, context) => plugins.callAction(args, context),
     pluginsUpdate: (root, args, context) => plugins.updateAll(context),
     pluginResetApi: (root, args, context) => plugins.resetPluginApi({ file: cwd.get() }, context)

packages/@vue/cli-ui/locales/en.json

@@ -116,7 +116,7 @@
           "installed": "Installed",
           "actions": {
             "update": "Update {target}",
-            "refresh": "Force Refresh {target}"
+            "refresh": "Force Refresh {target}<br><i>Press [Shift] for Quick Refresh (node_modules won't be updated)</i>"
           },
           "local": "Local"
         },

packages/@vue/cli-ui/src/components/plugin/ProjectPluginItem.vue

@@ -71,7 +71,7 @@
         class="icon-button"
         v-tooltip="$t('org.vue.components.project-plugin-item.actions.refresh', { target: plugin.id })"
         :loading-left="updating"
-        @click="updatePlugin()"
+        @click="e => updatePlugin(!e.shiftKey)"
       />
 
       <VueButton
@@ -138,13 +138,14 @@ export default {
   },
 
   methods: {
-    async updatePlugin () {
+    async updatePlugin (full = true) {
       this.updating = true
       try {
         this.$apollo.mutate({
           mutation: PLUGIN_UPDATE,
           variables: {
-            id: this.plugin.id
+            id: this.plugin.id,
+            full
           }
         })
       } catch (e) {

packages/@vue/cli-ui/src/graphql/plugin/pluginUpdate.gql

@@ -1,7 +1,7 @@
 #import "../version/versionFragment.gql"
 
-mutation pluginUpdate ($id: ID!) {
-  pluginUpdate (id: $id) {
+mutation pluginUpdate ($id: ID!, $full: Boolean) {
+  pluginUpdate (id: $id, full: $full) {
     id
     version {
       ...version