Skip to content

Fix non-working Ctrl+c on windows #77

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
May 17, 2018
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 2 additions & 6 deletions src/lib/after-watch.js
Original file line number Diff line number Diff line change
@@ -1,9 +1,5 @@
var converter = require('./converter');

module.exports = function ($logger) {
var watcher = converter.getWatcher();
if (watcher) {
$logger.info("Stopping nativescript-dev-sass watcher");
watcher.close();
}
}
converter.dispose();
}
4 changes: 2 additions & 2 deletions src/lib/before-prepare.js
Original file line number Diff line number Diff line change
Expand Up @@ -8,5 +8,5 @@ module.exports = function ($logger, $projectData, $usbLiveSyncService) {
return;
}

return converter.convert($logger, $projectData.projectDir, $projectData.appDirectoryPath);
}
return converter.convert($logger, $projectData.projectDir, $projectData.appDirectoryPath, $projectData.appResourcesDirectoryPath);
}
101 changes: 101 additions & 0 deletions src/lib/compiler.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,101 @@
exports.compile = compile;

var fs = require("fs");
var path = require('path');
var spawn = require("child_process").spawn;
var LogProvider = require('./log-provider');

var currentSassProcess = null;

function compile(data) {
if (currentSassProcess) {
return Promise.resolve();
}

return new Promise((res, rej) => {
var projectDir = data.projectDir,
appDir = data.appDir;

var logger = new LogProvider(data.logger);

var sassPath = require.resolve('node-sass/bin/node-sass');
if (fs.existsSync(sassPath)) {
logger.info("Found peer node-sass");
} else {
isResolved = true;
rej(new Error('node-sass installation local to project was not found. Install by executing `npm install node-sass`.'));
}

var isResolved = false;
var resolve = () => {
if (isResolved) {
return;
}

isResolved = true;
res(currentSassProcess);
}
var reject = err => {
if (isResolved) {
return;
}

isResolved = true;

err.errorAsWarning = true;
err.stopExecution = false;

rej(err);
}

// Node SASS Command Line Args (https://github.com/sass/node-sass#command-line-interface)
// --ouput : Output directory
// --output-style : CSS output style (nested | expanded | compact | compresed)
// -q : Supress log output except on error
// --follow : Follow symlinked directories
// -r : Recursively watch directories or files
// --watch : Watch a directory or file
var nodeArgs = [sassPath, appDir, '--output', appDir, '--output-style', 'compressed', '-q', '--follow', '--importer', path.join(__dirname, "importer.js")];
logger.trace(process.execPath, nodeArgs.join(' '));

var env = Object.create(process.env);
env.PROJECT_DIR = projectDir;
env.APP_DIR = appDir;

currentSassProcess = spawn(process.execPath, nodeArgs, { env: env });

currentSassProcess.stdout.on('data', data => {
var stringData = data.toString();
logger.info(stringData);
});

currentSassProcess.stderr.on('data', error => {
var message = '';
var stringData = error.toString();

try {
var parsed = JSON.parse(stringData);
message = parsed.formatted || parsed.message || stringData;
} catch (e) {
message = error.toString();
}

logger.info(message);
});

currentSassProcess.on('error', error => {
logger.info(err.message);
reject(error);
});

currentSassProcess.on('exit', (code, signal) => {
if (code === 0) {
resolve();
} else {
reject(new Error(`SASS compiler failed with exit code ${code}`));
}

currentSassProcess = null;
});
});
}
145 changes: 27 additions & 118 deletions src/lib/converter.js
Original file line number Diff line number Diff line change
@@ -1,143 +1,52 @@
exports.convert = convert;
exports.getWatcher = getWatcher;
exports.dispose = dispose;

var sassCompiler = require('./compiler');
var spawn = require('child_process').spawn;
var fs = require('fs');
var path = require('path');
var choki = require('chokidar');
var watcher = null;
var watchPromisesChain = Promise.resolve();

function convert(logger, projectDir, appDir, options) {
var watcherProcess = null;

function convert(logger, projectDir, appDir, appResourcesDir, options) {
options = options || {};
var sassPath = getSassPath(logger);
var data = {
sassPath,
projectDir,
appDir,
logger,
options
appResourcesDir,
logger
};

if (options.watch) {
createWatcher(data);
return;
}

return spawnNodeSass(data);
}

function getWatcher() {
return watcher;
return sassCompiler.compile(data);
}

function createWatcher(data) {
var appDir = data.appDir;
var watcherOptions = {
ignoreInitial: true,
cwd: appDir,
awaitWriteFinish: {
pollInterval: 100,
stabilityThreshold: 300
},
ignored: ['**/.*', '.*'] // hidden files
};
if (watcherProcess) {
return;
}

watcherProcess = spawn(process.execPath, [ path.join(__dirname, "./watcher.js"), JSON.stringify({appDir: data.appDir, appResourcesDir: data.appResourcesDir, projectDir: data.projectDir })], { stdio: ["ignore", "ignore", "ignore", "ipc"] });

watcher = choki.watch(['**/*.scss', '**/*.sass'], watcherOptions)
.on('all', (event, filePath) => {
watchPromisesChain = watchPromisesChain
.then(() => spawnNodeSass(data))
.catch(err => {
if (!err.stopExecution && err.errorAsWarning) {
data.logger.warn(err.message);
} else {
throw err;
}
});
});
watcherProcess.on('error', error => {
throw new Error(error);
});

watcherProcess.on('message', message => {
if (message && message.logLevel) {
data.logger[message.logLevel](message.message);
}
});
}

function getSassPath(logger) {
var sassPath = require.resolve('node-sass/bin/node-sass');
if (fs.existsSync(sassPath)) {
logger.info('Found peer node-sass');
} else {
throw new Error('node-sass installation local to project was not found. Install by executing `npm install node-sass`.');
function dispose() {
if (watcherProcess && watcherProcess.connected) {
watcherProcess.disconnect();
watcherProcess = null;
}

return sassPath;
}

function spawnNodeSass(data) {
return new Promise(function (resolve, reject) {
var sassPath = data.sassPath,
projectDir = data.projectDir,
appDir = data.appDir,
logger = data.logger,
options = data.options;

var importerPath = path.join(__dirname, "importer.js");

// Node SASS Command Line Args (https://github.com/sass/node-sass#command-line-interface)
// --ouput : Output directory
// --output-style : CSS output style (nested | expanded | compact | compresed)
// -q : Supress log output except on error
// --follow : Follow symlinked directories
// -r : Recursively watch directories or files
// --watch : Watch a directory or file
var nodeArgs = [sassPath, appDir, '--output', appDir, '--output-style', 'compressed', '-q', '--follow', '--importer', importerPath];
logger.trace(process.execPath, nodeArgs.join(' '));

var env = Object.create( process.env );
env.PROJECT_DIR = projectDir;
env.APP_DIR = appDir;

var currentSassProcess = spawn(process.execPath, nodeArgs, { env: env });

var isResolved = false;

currentSassProcess.stdout.on('data', function (data) {
var stringData = data.toString();
logger.info(stringData);
});

currentSassProcess.stderr.on('data', function (err) {
var message = '';
var stringData = err.toString();

try {
var parsed = JSON.parse(stringData);
message = parsed.formatted || parsed.message || stringData;
} catch (e) {
message = err.toString();
}

logger.info(message);
});

currentSassProcess.on('error', function (err) {
logger.info(err.message);
if (!isResolved) {
isResolved = true;
err.errorAsWarning = true;
err.stopExecution = false;
reject(err);
}
});

// TODO: Consider using close event instead of exit
currentSassProcess.on('exit', function (code, signal) {
currentSassProcess = null;
if (!isResolved) {
isResolved = true;
if (code === 0) {
resolve();
} else {
var error = new Error('SASS compiler failed with exit code ' + code);
error.errorAsWarning = true;
error.stopExecution = false;
reject(error);
}
}
});
});
}
25 changes: 25 additions & 0 deletions src/lib/log-provider.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
const INFO_LOG_LEVEL = "info";
const TRACE_LOG_LEVEL = "trace";
const WARN_LOG_LEVEL = "warn";

module.exports = function(logger) {
this.info = (message) => {
this.logData({logLevel: INFO_LOG_LEVEL, message});
}

this.trace = (message) => {
this.logData({logLevel: TRACE_LOG_LEVEL, message});
}

this.warn = (message) => {
this.logData({logLevel: WARN_LOG_LEVEL, message});
}

this.logData = (data) => {
if (logger) {
return logger[data.logLevel](data.message);
}

process.send(data);
}
}
4 changes: 2 additions & 2 deletions src/lib/watch.js
Original file line number Diff line number Diff line change
Expand Up @@ -9,5 +9,5 @@ module.exports = function (logger, projectData, usbLiveSyncService, hookArgs) {
}
}

return converter.convert(logger, projectData.projectDir, projectData.appDirectoryPath, { watch: true });
}
return converter.convert(logger, projectData.projectDir, projectData.appDirectoryPath, projectData.appResourcesDirectoryPath, { watch: true });
}
34 changes: 34 additions & 0 deletions src/lib/watcher.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
var choki = require('chokidar');
var path = require('path');
var compiler = require('./compiler');
var LogProvider = require('./log-provider');

var args = JSON.parse(process.argv[2]);
var appDir = args.appDir;
var projectDir = args.projectDir;
var appResourcesDir = args.appResourcesDir;
var watchPromisesChain = Promise.resolve();

var watcherOptions = {
ignoreInitial: true,
cwd: appDir,
awaitWriteFinish: {
pollInterval: 100,
stabilityThreshold: 300
},
ignored: ['**/.*', '.*', appResourcesDir] // hidden files and App_Resources folder
};

watcher = choki.watch('**/*.s[ac]ss', watcherOptions)
.on('all', (event, filePath) => {
watchPromisesChain = watchPromisesChain
.then(() => compiler.compile({appDir, projectDir}))
.catch(err => {
if (!err.stopExecution && err.errorAsWarning) {
var logger = new LogProvider(null);
logger.warn(err.message);
} else {
throw err;
}
});
});