.vueignore support

Author: Akryum

.meteor/versions

@@ -4,7 +4,7 @@ akryum:vue@1.0.3
 akryum:vue-apollo@0.0.6
 akryum:vue-app@0.0.1
 akryum:vue-coffee@0.0.2
-akryum:vue-component@0.5.4
+akryum:vue-component@0.6.1
 akryum:vue-component-dev-client@0.0.6
 akryum:vue-component-dev-server@0.0.1
 akryum:vue-i18n@0.0.3

packages/vue-component/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## 0.6.1 - 2016/07/08
+
+ - The `.vueignore` file inside a folder will only apply to that folder, similar to `.gitignore` files.
+
+## 0.6.0 - 2016/07/08
+
+ - The compiler now parses `.vueignores` files that contains regexes for each line. The `.vue` files matching theses regexes will be ignored by the compiler.
+
 ## 0.5.4 - 2016/07/07
 
  - Fixed [Issue #41](https://github.com/Akryum/meteor-vue-component/issues/41).

packages/vue-component/README.md

@@ -132,6 +132,16 @@ let packageName = this.$options.packageName;
 
 It will be null if the components is in your application code.
 
+### Ignore files
+
+You can create `.vueignore` files with a RegEx on each line to exclude `.vue` files from the compilation based on their path. If the `.vueignore` is inside a folder, it only applies to that folder.
+
+For example, you can add the following `.vueignore` file to your app inorder to ignore `.vue` files in the `node_modules` folders:
+
+```
+node_modules/
+```
+
 ---
 
 ## Next steps

packages/vue-component/package.js

@@ -1,6 +1,6 @@
 Package.describe({
   name: 'akryum:vue-component',
-  version: '0.5.4',
+  version: '0.6.1',
   summary: 'VueJS single-file components that hot-reloads',
   git: 'https://github.com/Akryum/meteor-vue-component',
   documentation: 'README.md'

packages/vue-component/plugin/plugin.js

@@ -1,6 +1,7 @@
 Plugin.registerCompiler({
   extensions: ['vue'],
-  archMatching: 'web'
+  filenames: [IGNORE_FILE],
+  archMatching: 'web',
 }, () => new VueComponentCompiler());
 
 

packages/vue-component/plugin/vue-compiler.js

@@ -4,6 +4,8 @@ import Future from 'fibers/future';
 import async from 'async';
 import { Meteor } from 'meteor/meteor';
 
+IGNORE_FILE = '.vueignore';
+
 global._vue_cache = global._vue_cache || {};
 
 VueComponentCompiler = class VueComponentCompiler extends CachingCompiler {
@@ -19,6 +21,8 @@ VueComponentCompiler = class VueComponentCompiler extends CachingCompiler {
   processFilesForTarget(inputFiles) {
     const cacheMisses = [];
 
+    this.updateIgnoredConfig(inputFiles);
+
     //console.log(`Found ${inputFiles.length} files.`);
 
     const future = new Future;
@@ -70,8 +74,42 @@ VueComponentCompiler = class VueComponentCompiler extends CachingCompiler {
     }
   }
 
+  updateIgnoredConfig(inputFiles) {
+    this.ignoreRules = [];
+    for(let inputFile of inputFiles) {
+      if(inputFile.getBasename() === IGNORE_FILE) {
+        const contents = normalizeCarriageReturns(inputFile.getContentsAsString());
+        const lines = contents.split('\n');
+        let dirname = getFullDirname(inputFile);
+        console.log(`dirname:'${dirname}'`);
+        if(dirname === '.') {
+          dirname = '';
+        }
+        for(let line of lines) {
+          console.log(`line:'${line}'`);
+          if(line !== '') {
+            this.ignoreRules.push({
+              dirname,
+              reg: new RegExp(line),
+            });
+          }
+        }
+      }
+    }
+  }
+
   isIgnored(inputFile) {
-    return /node_modules/.test(inputFile.getPathInPackage())
+    if(inputFile.getBasename() === IGNORE_FILE) {
+      return true;
+    }
+
+    for(let rule of this.ignoreRules) {
+      const dirname = getFullDirname(inputFile);
+      if(dirname.indexOf(rule.dirname) === 0 && rule.reg.test(inputFile.getPathInPackage())) {
+        return true;
+      }
+    }
+    return false;
   }
 
   getCacheKey(inputFile) {
@@ -333,7 +371,7 @@ VueComponentCompiler = class VueComponentCompiler extends CachingCompiler {
   }
 
   addStylesheet(inputFile, options) {
-    const data = options.data.replace(rnReg, "\n").replace(rReg, "\n");
+    const data = normalizeCarriageReturns(options.data);
     inputFile.addStylesheet({
       path: inputFile.getPathInPackage() + '.css',
       sourcePath: inputFile.getPathInPackage(),
@@ -343,6 +381,20 @@ VueComponentCompiler = class VueComponentCompiler extends CachingCompiler {
   }
 }
 
+function normalizeCarriageReturns(contents) {
+  return contents.replace(rnReg, "\n").replace(rReg, "\n");
+}
+
+function getFullDirname(inputFile) {
+  const packageName = inputFile.getPackageName();
+  return (packageName? packageName + '/' : '') + inputFile.getDirname();
+}
+
+function getFullPathInApp(inputFile) {
+  const packageName = inputFile.getPackageName();
+  return (packageName? packageName + '/' : '') + inputFile.getPathInPackage();
+}
+
 const rnReg = new RegExp("\r\n", "g");
 const rReg = new RegExp("\r", "g");
 const globalFileNameReg = /\.global\.vue$/;