Initial commit of working plugin

ToDo: Add App.vue & HelloWorld.vue templates as an optional install via prompts.js

Author: GybApciSir

README.md

@@ -1,2 +1,21 @@
 # vue-cli-plugin-bootstrap-vue
-vue-cli 3 plugin to add bootstrap-vue
+
+Bootstrap-Vue Plugin for [vue-cli@3.0](https://github.com/vuejs/vue-cli)
+
+## Install
+
+If you haven't yet installed vue-cli 3, first follow the install instructions here: https://github.com/vuejs/vue-cli
+
+Generate a project using vue-cli 3.0
+```
+vue create my-app
+```
+
+Before installing the bootstrap-vue plugin, make sure to commit or stash your changes in case you need to revert
+
+To install the bootstrap-vue plugin...
+```
+cd my-app
+vue add bootstrap-vue
+```
+

generator/helpers.js

@@ -0,0 +1,58 @@
+const fs = require('fs')
+
+module.exports = function (api) {
+  return {
+    getMain() {
+      const tsPath = api.resolve('src/main.ts')
+
+      return fs.existsSync(tsPath) ? 'src/main.ts' : 'src/main.js'
+    },
+
+    updateBabelConfig (callback) {
+      let config, configPath
+
+      const rcPath = api.resolve('./babel.config.js')
+      const pkgPath = api.resolve('./package.json')
+      if (fs.existsSync(rcPath)) {
+        configPath = rcPath
+        config = callback(require(rcPath))
+      } else if (fs.existsSync(pkgPath)) {
+        configPath = pkgPath
+        config = JSON.parse(fs.readFileSync(pkgPath, { encoding: 'utf8' }))
+
+        if (config.babel) {
+          config.babel = callback(config.babel)
+        } else {
+          // TODO: error handling here?
+        }
+      }
+
+      if (configPath) {
+        const moduleExports = configPath !== pkgPath ? 'module.exports = ' : ''
+
+        fs.writeFileSync(
+          configPath,
+          `${moduleExports}${JSON.stringify(config, null, 2)}`,
+          { encoding: 'utf8' }
+        )
+      } else {
+        // TODO: handle if babel config doesn't exist
+      }
+    },
+
+    updateMain (callback) {
+      const tsPath = api.resolve('./src/main.ts')
+      const jsPath = api.resolve('./src/main.js')
+
+      const mainPath = fs.existsSync(tsPath) ? tsPath : jsPath
+      let content = fs.readFileSync(mainPath, { encoding: 'utf8' })
+
+      let lines = content.split(/\r?\n/g)
+
+      lines = callback(lines)
+
+      content = lines.join('\n')
+      fs.writeFileSync(mainPath, content, { encoding: 'utf8' })
+    }
+  }
+}

generator/index.js

@@ -0,0 +1,67 @@
+module.exports = (api, opts, rootOpts) => {
+  const helpers = require('./helpers')(api)
+
+  api.extendPackage({
+    dependencies: {
+      'bootstrap-vue': '^2.0.0-rc.11'
+    }
+  })
+
+  if (opts.usePolyfill) {
+    api.extendPackage({
+      devDependencies: {
+        '@babel/polyfill': '^7.0.0-beta.53',
+      }
+    })
+  }
+
+  // Render bootstrap-vue plugin file
+  api.render({
+    './src/plugins/bootstrap-vue.js': './templates/default/src/plugins/bootstrap-vue.js'
+  }, opts)
+
+  // adapted from https://github.com/Akryum/vue-cli-plugin-apollo/blob/master/generator/index.js#L68-L91
+  api.onCreateComplete(() => {
+    // Modify main.js
+    helpers.updateMain(src => {
+      const vueImportIndex = src.findIndex(line => line.match(/^import Vue/))
+
+      src.splice(vueImportIndex + 1, 0, 'import \'./plugins/bootstrap-vue\'')
+
+      return src
+    })
+
+    // Add polyfill
+    if (opts.usePolyfill) {
+      helpers.updateBabelConfig(cfg => {
+        if (!cfg.presets) return cfg
+
+        const vuePresetIndex = cfg.presets.findIndex(p => Array.isArray(p) ? p[0] === '@vue/app' : p === '@vue/app')
+        const isArray = Array.isArray(cfg.presets[vuePresetIndex])
+
+        if (vuePresetIndex < 0) return cfg
+
+        if (isArray) {
+          cfg.presets[vuePresetIndex][1]['useBuiltIns'] = 'entry'
+        } else {
+          cfg.presets[vuePresetIndex] = [
+            '@vue/app',
+            {
+              useBuiltIns: 'entry'
+            }
+          ]
+        }
+
+        return cfg
+      })
+
+      helpers.updateMain(src => {
+        if (!src.find(l => l.match(/^(import|require).*@babel\/polyfill.*$/))) {
+          src.unshift('import \'@babel/polyfill\'')
+        }
+
+        return src
+      })
+    }
+  })
+}

generator/templates/default/src/plugins/bootstrap-vue.js

@@ -0,0 +1,7 @@
+import Vue from 'vue'
+
+import BootstrapVue from 'bootstrap-vue'
+import 'bootstrap/dist/css/bootstrap.min.css'
+import 'bootstrap-vue/dist/bootstrap-vue.css'
+
+Vue.use(BootstrapVue)

index.js

@@ -0,0 +1 @@
+module.exports = (api, opts) => {}