Fixed #13 (поддержка отслеживания изменений файлов с расширением .vue). Added support watch parameter value with additional tracked files extensions. Example: -w=vue,json,jsx or --watch=vue,json,jsx

Author: Vladimir Belov

src/tools/watch.js

@@ -6,21 +6,24 @@ import Directory from '../entities/directory';
 import repository from '../process/repository';
 import isAllowed from '../utils/is-allowed';
 import isInput from '../utils/is-input';
+import getTrackedExtensions from '../utils/get-tracked-extensions';
 
 function isAllowedChanges(directories, file) {
 	return directories
 		.every(dir => isAllowed(file) && isInput(dir, file));
 }
 
+const trackedExtensions = getTrackedExtensions();
+
 function createPattern(directories) {
 	return directories.reduce((acc, dir) => {
 		const directory = new Directory(dir);
 		const directoryConfigs = directory.getConfigs();
 
 		directoryConfigs.forEach((currentConfig) => {
-			acc.push(slash(path.resolve(currentConfig.context, '**/*.js')));
-			acc.push(slash(path.resolve(currentConfig.context, '**/*.css')));
-			acc.push(slash(path.resolve(currentConfig.context, '**/*.scss')));
+			trackedExtensions.forEach((extName) => {
+				acc.push(slash(path.resolve(currentConfig.context, `**/*${extName}`)));
+			});
 		});
 
 		return acc;

src/utils/get-tracked-extensions.js

@@ -0,0 +1,48 @@
+import argv from '../process/argv';
+
+const defaultExtensions = [
+	'.js',
+	'.jsx',
+	'.vue',
+	'.css',
+	'.scss',
+];
+
+export default function getTrackedExtensions(): Array<string>
+{
+	if (typeof argv.watch === 'string' && argv.watch.length > 0)
+	{
+		return argv.watch
+			.split(',')
+			.map((extName) => {
+				return String(extName).trim();
+			})
+			.reduce((acc, extName) => {
+				if (typeof extName === 'string' && extName.length > 0)
+				{
+					if (extName === 'defaults')
+					{
+						return [...acc, ...defaultExtensions];
+					}
+
+					const preparedName = (() => {
+						if (!extName.startsWith('.'))
+						{
+							return `.${extName}`;
+						}
+
+						return extName;
+					})();
+
+					if (!acc.includes(preparedName))
+					{
+						acc.push(preparedName);
+					}
+				}
+
+				return acc;
+			}, []);
+	}
+
+	return [...defaultExtensions];
+}

src/utils/is-allowed.js

@@ -1,5 +1,6 @@
 import slash from 'slash';
 import path from 'path';
+import getTrackedExtensions from './get-tracked-extensions';
 
 export default function isAllowed(fileName) {
 	if (typeof fileName !== 'string') {
@@ -18,15 +19,6 @@ export default function isAllowed(fileName) {
 		return false;
 	}
 
-	const ext = path.extname(normalizedFileName);
-
-	switch (ext) {
-		case '.js':
-		case '.jsx':
-		case '.css':
-		case '.scss':
-			return true;
-		default:
-			return false;
-	}
+	return getTrackedExtensions()
+		.includes(path.extname(normalizedFileName));
 }