Add debug output

Author: znck

package.json

@@ -31,6 +31,7 @@
   "homepage": "https://github.com/znck/rollup-plugin-vue#readme",
   "dependencies": {
     "de-indent": "^1.0.2",
+    "debug": "^2.2.0",
     "html-minifier": "^3.1.0",
     "magic-string": "^0.16.0",
     "parse5": "^2.2.2",

src/debug.js

@@ -0,0 +1,3 @@
+import debug from 'debug';
+
+export default debug('rollup-plugin-vue');

src/index.js

@@ -4,6 +4,7 @@ import MagicString from 'magic-string';
 
 import vueTransform from './vueTransform';
 import DEFAULT_OPTIONS from './options';
+import debug from './debug';
 
 function mergeOptions(options, defaults) {
     Object.keys(defaults).forEach((key) => {
@@ -22,6 +23,7 @@ function mergeOptions(options, defaults) {
 }
 
 export default function vue(options = {}) {
+    debug('Yo! rolling vue!');
     const filter = createFilter(options.include, options.exclude);
 
     delete options.include;
@@ -32,6 +34,7 @@ export default function vue(options = {}) {
         const vueVersion = require('vue').version;
         if (parseInt(vueVersion.split('.')[0], 10) >= 2) {
             if (!('compileTemplate' in options)) {
+                debug('Vue 2.0 detected. Compiling template.');
                 options.compileTemplate = true;
             }
         } else {
@@ -47,14 +50,15 @@ export default function vue(options = {}) {
     options = mergeOptions(options, DEFAULT_OPTIONS);
 
     const styles = {};
-    let rollupOptions = {};
+    let rollupOptions;
     let generated = false;
     const generateStyleBundle = () => {
         if (options.css === false) {
             return;
         }
 
         if (generated) {
+            debug('Style already generated!');
             return;
         }
 
@@ -99,38 +103,51 @@ export default function vue(options = {}) {
     return {
         name: 'vue',
         options(o) {
-            rollupOptions = o;
-            return o;
+            if (rollupOptions === undefined) {
+                rollupOptions = o;
+                debug('Set options.');
+            }
         },
         transform(source, id) {
             if (!filter(id) || !id.endsWith('.vue')) {
+                debug(`Ignore: ${id}`);
                 return null;
             }
 
+            debug(`Transform: ${id}`);
             const { js, css, map } = vueTransform(source, id, options);
 
             // Map of every stylesheet
             styles[id] = css || {};
 
             // Component javascript with inlined html template
-            return {
+            const result = {
                 code: js,
                 map: map.generateMap({ hires: true }),
             };
+
+            debug(`Transformed: ${id}`);
+
+            return result;
         },
         transformBundle(source) {
+            debug('Replace window.__VUE_WITH_STATEMENT__ with with(this) and generate style.');
             generateStyleBundle();
             const map = new MagicString(source);
-
-            return {
+            const result = {
                 code: source.replace(/if[\s]*\(window\.__VUE_WITH_STATEMENT__\)/g, 'with(this)'),
                 map: map.generateMap({ hires: true }),
             };
+            debug('with(this) fixed!');
+
+            return result;
         },
         ongenerate(opts, rendered) {
+            debug('on generate!');
             generateStyleBundle();
             rendered.code = rendered.code.replace(
-                /if[\s]*\(window\.__VUE_WITH_STATEMENT__\)/g, 'with(this)');
+                  /if[\s]*\(window\.__VUE_WITH_STATEMENT__\)/g, 'with(this)');
+            debug('with(this) fixed!');
         },
     };
 }

src/vueTransform.js

@@ -4,6 +4,7 @@ import parse5 from 'parse5';
 import validateTemplate from 'vue-template-validator';
 import { relative } from 'path';
 import MagicString from 'magic-string';
+import debug from './debug';
 
 /**
  * Check the lang attribute of a parse5 node.
@@ -68,6 +69,8 @@ function injectRender(script, render, lang) {
                         `${render.staticRenderFns.map(wrapRenderFunction).join(',')}],`
                   );
         }
+
+        debug(`No injection location found in: \n${script}\n`);
     }
     throw new Error('[rollup-plugin-vue] could not find place to inject template in script.');
 }
@@ -85,6 +88,8 @@ function injectTemplate(script, template, lang) {
             return script.split(matches[1])
                   .join(`${matches[1]} template: ${JSON.stringify(template)},`);
         }
+
+        debug(`No injection location found in: \n${script}\n`);
     }
     throw new Error('[rollup-plugin-vue] could not find place to inject template in script.');
 }
@@ -137,7 +142,10 @@ function processScript(node, filePath, content, templateOrRender) {
         script = injectTemplate(script, template, lang);
     } else if (render) {
         script = injectRender(script, render, lang);
+    } else {
+        debug('Nothing to inject!');
     }
+
     script = deIndent(script);
 
     return {

yarn.lock

@@ -414,7 +414,7 @@ de-indent, de-indent@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/de-indent/-/de-indent-1.0.2.tgz#b2038e846dc33baa5796128d0804b455b8c1e21d"
 
-debug@*, debug@^2.1.1, debug@^2.2.0, debug@2.2.0:
+debug, debug@*, debug@^2.1.1, debug@^2.2.0, debug@2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/debug/-/debug-2.2.0.tgz#f87057e995b1a1f6ae6a4960664137bc56f039da"
   dependencies: