Moduletrace/less-watcher
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: Moduletrace:c443dd41998c9ce9552c9e94259567b9cbfa46c2
Branches Tags
Moduletrace:main
..
compare: Moduletrace:e6e2fa65cbade7444886661154622069953ce4db
Branches Tags
Moduletrace:main

10 Commits
c443dd4199 ... e6e2fa65cb

Author SHA1 Message Date
Benjamin Toby
e6e2fa65cb First Commit 2025-01-16 07:21:31 +01:00
Benjamin Toby
2cb578d38b Add Less compiler dependency 2023-09-30 19:39:11 +01:00
Benjamin Toby
cb5f1a0efd bugfix 2023-09-30 19:36:01 +01:00
Benoti
59d73239d8 updates 2023-09-01 12:32:35 +01:00
Tben
5dc871d8db Update License 2023-08-04 12:19:46 +01:00
Tben
1ac9bb4fbe updates 2023-08-01 04:07:10 +01:00
Tben
e3498601a1 Bugfixes 2023-07-30 12:38:44 +01:00
Tben
f256310387 Upgrade 2023-07-30 10:06:18 +01:00
Tben
d138241473 Code Upgrade 2023-07-30 07:34:34 +01:00
Tben
d19dc7ae08 Code Upgrade 2023-07-30 07:34:15 +01:00
11 changed files with 769 additions and 404 deletions
Show Stats Expand all files Collapse all files

2
README.md
View File

@ -30,7 +30,7 @@ There are few different ways to run your less compiler
npx lessc-watcher --src ./folder --dst ./dist/less.css npx lessc-watcher --src ./folder --dst ./dist/less.css
``` ```
This traverses the folder and searches for a `main.less` file. This file serves as the source for your bundled `.css` file. If you want to target a specific file, use: This traverses the `--src` folder and searches for a `main.less` file. This file serves as the source for your bundled `.css` file. If you want to target a specific file, use:
```bash ```bash
npx lessc-watcher --src ./folder/src.less --dst ./dist/less.css npx lessc-watcher --src ./folder/src.less --dst ./dist/less.css

BIN
bun.lockb Executable file
View File

Binary file not shown.

231
dist/index.js vendored
View File

@ -6,111 +6,242 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "__esModule", { value: true });
const fs_1 = __importDefault(require("fs")); const fs_1 = __importDefault(require("fs"));
const child_process_1 = require("child_process"); const child_process_1 = require("child_process");
const grabSrcDisStrings = () => {
let srcArray = [];
let dstArray = [];
if (fs_1.default.existsSync("./lesscw.config.json")) { if (fs_1.default.existsSync("./lesscw.config.json")) {
if (process.argv.indexOf("--src") >= 0 || process.argv.indexOf("--dst") >= 0) { if (process.argv.indexOf("--src")) {
try { try {
process.argv.splice(process.argv.indexOf("--src")); process.argv.splice(process.argv.indexOf("--src"));
process.argv.splice(process.argv.indexOf("--dst"));
} }
catch (error) { } catch (error) { }
} }
try { try {
const configObject = JSON.parse(fs_1.default.readFileSync("./lesscw.config.json", "utf-8")); const configObject = JSON.parse(fs_1.default.readFileSync("./lesscw.config.json", "utf-8"));
if ((configObject === null || configObject === void 0 ? void 0 : configObject.src) && (configObject === null || configObject === void 0 ? void 0 : configObject.dst) && typeof configObject.src === "string" && typeof configObject.dst === "string") { if ((configObject === null || configObject === void 0 ? void 0 : configObject.src) &&
process.argv.push("--src", configObject.src); (configObject === null || configObject === void 0 ? void 0 : configObject.dst) &&
process.argv.push("--dst", configObject.dst); typeof configObject.src === "string" &&
typeof configObject.dst === "string") {
srcArray = configObject.src.split(",");
dstArray = configObject.dst.split(",");
} }
else if ((configObject === null || configObject === void 0 ? void 0 : configObject.src) && (configObject === null || configObject === void 0 ? void 0 : configObject.dst) && typeof configObject.src === "object" && typeof configObject.dst === "object" && Array.isArray(configObject.src) && Array.isArray(configObject.dst)) { else if ((configObject === null || configObject === void 0 ? void 0 : configObject.src) &&
process.argv.push("--src", configObject.src.join(",")); (configObject === null || configObject === void 0 ? void 0 : configObject.dst) &&
process.argv.push("--dst", configObject.dst.join(",")); typeof configObject.src === "object" &&
typeof configObject.dst === "object" &&
Array.isArray(configObject.src) &&
Array.isArray(configObject.dst)) {
srcArray = configObject.src;
dstArray = configObject.dst;
} }
else if ((configObject === null || configObject === void 0 ? void 0 : configObject.srcDst) && Array.isArray(configObject.srcDst) && configObject.srcDst.length > 0) { else if ((configObject === null || configObject === void 0 ? void 0 : configObject.srcDst) &&
Array.isArray(configObject.srcDst) &&
configObject.srcDst.length > 0) {
const srcDstArray = configObject.srcDst; const srcDstArray = configObject.srcDst;
let srcArray = [];
let dstArray = [];
srcDstArray.forEach((item) => { srcDstArray.forEach((item) => {
if ((item === null || item === void 0 ? void 0 : item.src) && (item === null || item === void 0 ? void 0 : item.dst) && typeof item.src === "string" && typeof item.dst === "string") { if ((item === null || item === void 0 ? void 0 : item.src) &&
(item === null || item === void 0 ? void 0 : item.dst) &&
typeof item.src === "string" &&
typeof item.dst === "string") {
srcArray.push(item.src); srcArray.push(item.src);
dstArray.push(item.dst); dstArray.push(item.dst);
} }
}); });
if (srcArray.length && dstArray.length) {
process.argv.push("--src", srcArray.join(","));
process.argv.push("--dst", dstArray.join(","));
} }
else {
console.log("- \x1b[31mERROR:\x1b[0m Your config file has some errors. Please check your config file");
process.exit();
} }
} }
catch (error) { catch (error) {
console.log("ERROR in your config file =>", error.message); console.log("- \x1b[31mERROR:\x1b[0m Your config file has some errors. ERROR =>", error.message);
process.exit(); process.exit();
} }
} }
const sourceFile = process.argv.indexOf("--src") >= 0 ? process.argv[process.argv.indexOf("--src") + 1] : null; else {
const destinationFile = process.argv.indexOf("--dst") >= 0 ? process.argv[process.argv.indexOf("--dst") + 1] : null; if (process.argv.indexOf("--src") >= 0 &&
console.log("\x1b[44mRunning Less compiler\x1b[0m ..."); process.argv.indexOf("--dst") >= 0) {
try {
srcArray =
process.argv[process.argv.indexOf("--src") + 1].split(",");
dstArray =
process.argv[process.argv.indexOf("--dst") + 1].split(",");
}
catch (error) { }
}
else {
console.log("- \x1b[31mERROR:\x1b[0m Missing source or destination file");
process.exit();
}
}
return {
sourceFile: srcArray.join(","),
destinationFile: dstArray.join(","),
};
};
const { sourceFile, destinationFile } = grabSrcDisStrings();
if (sourceFile && destinationFile) {
process.argv.push("--src", sourceFile, "--dst", destinationFile);
}
console.log("- \x1b[35mStart:\x1b[0m Running Less compiler ...");
if (!sourceFile || !destinationFile) { if (!sourceFile || !destinationFile) {
console.log("\x1b[33mERROR:\x1b[0m => Missing source or destination file"); console.log("- \x1b[31mERROR:\x1b[0m => Missing source or destination file");
process.exit(); process.exit();
} }
const sourceFiles = sourceFile.split(","); function traverseFiles(src, dst) {
const dstFiles = destinationFile.split(","); var _a;
const sourceFiles = src.split(",");
const dstFiles = dst.split(",");
for (let i = 0; i < sourceFiles.length; i++) { for (let i = 0; i < sourceFiles.length; i++) {
const srcFolder = sourceFiles[i]; const srcFolder = sourceFiles[i];
const dstFile = dstFiles[i]; const dstFile = dstFiles[i];
if ((srcFolder === null || srcFolder === void 0 ? void 0 : srcFolder.match(/\.[^\/]+$/)) && !(srcFolder === null || srcFolder === void 0 ? void 0 : srcFolder.match(/\.less$/))) { if ((srcFolder === null || srcFolder === void 0 ? void 0 : srcFolder.match(/\/[^\/]+\.[^\/]+$/)) &&
console.log("\x1b[33mERROR:\x1b[0m Source must be a folder or a .less file"); !(srcFolder === null || srcFolder === void 0 ? void 0 : srcFolder.match(/\.less$/))) {
console.log("- \x1b[31mERROR:\x1b[0m Source must be a folder or a .less file");
process.exit(); process.exit();
} }
compile(srcFolder, dstFile, null);
if (!fs_1.default.existsSync(srcFolder)) { if (!fs_1.default.existsSync(srcFolder)) {
if (srcFolder === null || srcFolder === void 0 ? void 0 : srcFolder.match(/\.less$/)) { if (srcFolder === null || srcFolder === void 0 ? void 0 : srcFolder.match(/\.less$/)) {
fs_1.default.mkdirSync(srcFolder.replace(/\/[^\/]+\.less$/, ""), { recursive: true }); fs_1.default.mkdirSync(srcFolder.replace(/\/[^\/]+\.less$/, ""), {
recursive: true,
});
fs_1.default.writeFileSync(srcFolder, "", "utf-8"); fs_1.default.writeFileSync(srcFolder, "", "utf-8");
} }
else { else {
fs_1.default.mkdirSync(srcFolder.replace(/\/[^\/]+\.[^\/]+$/, ""), { recursive: true }); fs_1.default.mkdirSync(srcFolder.replace(/\/[^\/]+\.[^\/]+$/, ""), {
recursive: true,
});
fs_1.default.writeFileSync((srcFolder + "/main.less").replace(/\/\//g, ""), "", "utf-8");
} }
} }
else if (fs_1.default.existsSync(srcFolder) &&
fs_1.default.existsSync((srcFolder + "/main.less").replace(/\/\//g, ""))) {
}
if (!fs_1.default.existsSync(dstFile)) { if (!fs_1.default.existsSync(dstFile)) {
if (dstFile === null || dstFile === void 0 ? void 0 : dstFile.match(/\.css$/)) { if (dstFile === null || dstFile === void 0 ? void 0 : dstFile.match(/\.css$/)) {
fs_1.default.mkdirSync(dstFile.replace(/\/[^\/]+\.css$/, ""), { recursive: true }); fs_1.default.mkdirSync(dstFile.replace(/\/[^\/]+\.css$/, ""), {
fs_1.default.writeFileSync(dstFile, "", "utf-8"); recursive: true,
}
else {
fs_1.default.mkdirSync(dstFile.replace(/\/[^\/]+\.[^\/]+$/, ""), { recursive: true });
fs_1.default.writeFileSync((dstFile + "/_main.css").replace(/\/\//g, ""), "", "utf-8");
}
}
fs_1.default.watch(srcFolder, { recursive: true }, (evtType, fileName) => {
if (!fileName)
return;
const filePathRoot = (srcFolder === null || srcFolder === void 0 ? void 0 : srcFolder.match(/\.less$/)) ? srcFolder : srcFolder + "/" + fileName;
compile(filePathRoot, dstFile, evtType);
}); });
} }
function compile(fileName, dst, evtType) { else {
if ((fileName === null || fileName === void 0 ? void 0 : fileName.match(/\(/)) || (fileName.match(/\..{2,4}$/) && !(fileName === null || fileName === void 0 ? void 0 : fileName.match(/\.less$/i)))) { fs_1.default.mkdirSync(dstFile.replace(/\/[^\/]+\.[^\/]+$/, ""), {
recursive: true,
});
}
}
compile(srcFolder, dstFile, null);
try {
fs_1.default.readdirSync(srcFolder).forEach((file) => {
if (file === null || file === void 0 ? void 0 : file.match(/^\[.*\.less$/)) {
compile(srcFolder + "/" + file, dstFile, null);
}
});
}
catch (error) { }
if (srcFolder === null || srcFolder === void 0 ? void 0 : srcFolder.match(/\.less$/)) {
fs_1.default.watchFile(srcFolder, { interval: 500 }, (current, previous) => {
const dstFilePathRoot = (dstFile === null || dstFile === void 0 ? void 0 : dstFile.match(/\.css$/))
? dstFile
: dstFile + "/" + "_main.css";
try {
const currentProcessArgsSrc = process.argv[process.argv.indexOf("--src") + 1];
const activeSourceFiles = currentProcessArgsSrc.split(",");
if (activeSourceFiles.includes(srcFolder)) {
compile(srcFolder, dstFilePathRoot, null);
}
else {
fs_1.default.unwatchFile(srcFolder);
}
}
catch (error) {
console.log("- \x1b[31mERROR:\x1b[0m Please check your config file =>", error.message);
}
});
}
else if (!(srcFolder === null || srcFolder === void 0 ? void 0 : srcFolder.match(/\.[^\/]+$/))) {
fs_1.default.watch(srcFolder, {
recursive: ((_a = process.platform) === null || _a === void 0 ? void 0 : _a.match(/win32/i))
? true
: undefined,
}, (evtType, fileName) => {
if (!(evtType === null || evtType === void 0 ? void 0 : evtType.match(/change/i))) {
return; return;
} }
let finalSrcPath = (fileName === null || fileName === void 0 ? void 0 : fileName.match(/\.less$/)) ? fileName : `${fileName}/main.less`; if (!fileName)
let finalDstPath = dst; return;
const srcFilePathRoot = srcFolder + "/main.less";
try {
const currentProcessArgsSrc = process.argv[process.argv.indexOf("--src") + 1];
const activeSourceFiles = currentProcessArgsSrc.split(",");
if (fileName === null || fileName === void 0 ? void 0 : fileName.match(/^\[/)) {
compile(srcFolder + "/" + fileName, dstFile, evtType);
}
else if ((fileName === null || fileName === void 0 ? void 0 : fileName.match(/^\(/)) ||
activeSourceFiles.includes(srcFilePathRoot)) {
return;
}
else {
compile(srcFilePathRoot, dstFile, evtType);
}
}
catch (error) {
console.log("- \x1b[31mERROR:\x1b[0m Please check your config file =>", error.message);
}
});
}
else {
console.log("- \x1b[31mERROR:\x1b[0m Source must be a folder or a .less file");
process.exit();
}
}
}
traverseFiles(sourceFile, destinationFile);
function compile(fileName, dst, evtType) {
if ((fileName === null || fileName === void 0 ? void 0 : fileName.match(/\(/)) ||
(fileName.match(/\.[\/]$/) && !(fileName === null || fileName === void 0 ? void 0 : fileName.match(/\.less$/i)))) {
return;
}
let finalSrcPath = (fileName === null || fileName === void 0 ? void 0 : fileName.match(/\.less$/))
? fileName
: `${fileName}/main.less`;
const distFolder = (dst === null || dst === void 0 ? void 0 : dst.match(/\.css$/)) ? null : dst === null || dst === void 0 ? void 0 : dst.replace(/\/+$/, "");
let finalDstPath = distFolder ? `${distFolder}/_main.css` : dst;
if (distFolder && !fs_1.default.existsSync(distFolder)) {
fs_1.default.mkdirSync(distFolder, { recursive: true });
}
if (fileName === null || fileName === void 0 ? void 0 : fileName.match(/\[/)) { if (fileName === null || fileName === void 0 ? void 0 : fileName.match(/\[/)) {
const paths = fileName.split("/"); const paths = fileName.split("/");
const targetPathFull = paths[paths.length - 1]; const targetPathFull = paths[paths.length - 1];
const targetPath = targetPathFull.replace(/\[|\]/g, "").replace(/\.less/, ""); const targetPath = targetPathFull
.replace(/\[|\]/g, "")
.replace(/\.less/, "");
const destinationFileParentFolder = dst.replace(/\/[^\/]+\.css$/, ""); const destinationFileParentFolder = dst.replace(/\/[^\/]+\.css$/, "");
const targetDstFilePath = `${destinationFileParentFolder}/${targetPath}.css`; const targetDstFilePath = `${destinationFileParentFolder}/${targetPath}.css`;
finalSrcPath = `${fileName}/${targetPathFull}`; finalSrcPath = fileName;
finalDstPath = targetDstFilePath; finalDstPath = targetDstFilePath;
} }
(0, child_process_1.exec)(`lessc ${finalSrcPath} ${(finalDstPath === null || finalDstPath === void 0 ? void 0 : finalDstPath.match(/\.css$/)) ? finalDstPath : finalDstPath.replace(/\/$/, "") + "/_main.css"}`, (error, stdout, stderr) => { const executionCmd = `lessc ${finalSrcPath} ${finalDstPath}`;
(0, child_process_1.exec)(executionCmd, (error, stdout, stderr) => {
if (error) { if (error) {
console.log("ERROR =>", error.message); console.log("- \x1b[33mWarn:\x1b[0m Compilation didn't run successfully. ERROR =>", error.message);
if (!(evtType === null || evtType === void 0 ? void 0 : evtType.match(/change/i)) && fileName && fileName.match(/\[/)) { if (!(evtType === null || evtType === void 0 ? void 0 : evtType.match(/change/i)) &&
fileName &&
fileName.match(/\[/)) {
fs_1.default.unlinkSync(finalDstPath); fs_1.default.unlinkSync(finalDstPath);
} }
return; return;
} }
console.log("Less Compilation \x1b[32msuccessful\x1b[0m!"); console.log("- \x1b[32mCompiled:\x1b[0m Less Compilation Successful!");
});
}
if (fs_1.default.existsSync("./lesscw.config.json")) {
fs_1.default.watchFile("./lesscw.config.json", { interval: 500 }, (evtType, fileName) => {
console.log("- \x1b[34mInfo:\x1b[0m Restarting process...");
const newSrcDistStrings = grabSrcDisStrings();
if (newSrcDistStrings.destinationFile &&
newSrcDistStrings.sourceFile) {
process.argv.push("--src", newSrcDistStrings.sourceFile, "--dst", newSrcDistStrings.destinationFile);
traverseFiles(newSrcDistStrings.sourceFile, newSrcDistStrings.destinationFile);
}
}); });
} }

22
package-lock.json generated
View File

@ -1,22 +0,0 @@
{
"name": "lessc-watcher",
"version": "1.0.3",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "lessc-watcher",
"version": "1.0.3",
"license": "ISC",
"devDependencies": {
"@types/node": "^20.4.5"
}
},
"node_modules/@types/node": {
"version": "20.4.5",
"resolved": "https://registry.npmjs.org/@types/node/-/node-20.4.5.tgz",
"integrity": "sha512-rt40Nk13II9JwQBdeYqmbn2Q6IVTA5uPhvSO+JVqdXw/6/4glI6oR9ezty/A9Hg5u7JH4OmYmuQ+XvjKm0Datg==",
"dev": true
}
}
}

13
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "lessc-watcher", "name": "lessc-watcher",
"version": "1.1.4", "version": "1.2.2",
"description": "A minimal package to watch less files and compile them to css", "description": "A minimal package to watch less files and compile them to css",
"main": "dist/index.js", "main": "dist/index.js",
"bin": { "bin": {
@ -16,8 +16,15 @@
"css" "css"
], ],
"author": "Benjamin Toby", "author": "Benjamin Toby",
"license": "ISC", "license": "MIT",
"devDependencies": { "devDependencies": {
"@types/node": "^20.4.5" "@types/node": "^20.4.5",
"@types/bun": "latest"
},
"dependencies": {
"less": "^4.2.0"
},
"peerDependencies": {
"typescript": "^5.0.0"
} }
} }

14
publish.sh Normal file
View File

@ -0,0 +1,14 @@
#!/bin/bash
tsc
if [ -z "$1" ]; then
msg="Updates"
else
msg="$1"
fi
git add .
git commit -m "$msg"
git push
bun publish

11
push.sh Executable file
View File

@ -0,0 +1,11 @@
#!/bin/bash
if [ -z "$1" ]; then
msg="Updates"
else
msg="$1"
fi
git add .
git commit -m "$msg"
git push

8
src/index.d.ts vendored
View File

@ -1,8 +0,0 @@
export type LessCssWatcherConfigObject = {
src?: string | string[];
dst?: string | string[];
srcDst?: {
src?: string;
dst?: string;
}[];
};

350
src/index.ts
View File

@ -1,111 +1,279 @@
#! /usr/bin/env node
import fs from "fs"; import fs from "fs";
import { exec } from "child_process"; import { exec } from "child_process";
import { LessCssWatcherConfigObject } from "./index.d";
export type LessCssWatcherConfigObject = {
src?: string | string[];
dst?: string | string[];
srcDst?: {
src?: string;
dst?: string;
}[];
};
const grabSrcDisStrings = () => {
let srcArray: string[] = [];
let dstArray: string[] = [];
if (fs.existsSync("./lesscw.config.json")) { if (fs.existsSync("./lesscw.config.json")) {
if (process.argv.indexOf("--src") >= 0 || process.argv.indexOf("--dst") >= 0) { if (process.argv.indexOf("--src")) {
try { try {
process.argv.splice(process.argv.indexOf("--src")); process.argv.splice(process.argv.indexOf("--src"));
process.argv.splice(process.argv.indexOf("--dst"));
} catch (error) {} } catch (error) {}
} }
try { try {
const configObject: LessCssWatcherConfigObject = JSON.parse(fs.readFileSync("./lesscw.config.json", "utf-8")); const configObject: LessCssWatcherConfigObject = JSON.parse(
fs.readFileSync("./lesscw.config.json", "utf-8")
);
if (configObject?.src && configObject?.dst && typeof configObject.src === "string" && typeof configObject.dst === "string") { if (
process.argv.push("--src", configObject.src); configObject?.src &&
process.argv.push("--dst", configObject.dst); configObject?.dst &&
} else if (configObject?.src && configObject?.dst && typeof configObject.src === "object" && typeof configObject.dst === "object" && Array.isArray(configObject.src) && Array.isArray(configObject.dst)) { typeof configObject.src === "string" &&
process.argv.push("--src", configObject.src.join(",")); typeof configObject.dst === "string"
process.argv.push("--dst", configObject.dst.join(",")); ) {
} else if (configObject?.srcDst && Array.isArray(configObject.srcDst) && configObject.srcDst.length > 0) { srcArray = configObject.src.split(",");
dstArray = configObject.dst.split(",");
} else if (
configObject?.src &&
configObject?.dst &&
typeof configObject.src === "object" &&
typeof configObject.dst === "object" &&
Array.isArray(configObject.src) &&
Array.isArray(configObject.dst)
) {
srcArray = configObject.src;
dstArray = configObject.dst;
} else if (
configObject?.srcDst &&
Array.isArray(configObject.srcDst) &&
configObject.srcDst.length > 0
) {
const srcDstArray = configObject.srcDst; const srcDstArray = configObject.srcDst;
let srcArray: string[] = [];
let dstArray: string[] = [];
srcDstArray.forEach((item) => { srcDstArray.forEach((item) => {
if (item?.src && item?.dst && typeof item.src === "string" && typeof item.dst === "string") { if (
item?.src &&
item?.dst &&
typeof item.src === "string" &&
typeof item.dst === "string"
) {
srcArray.push(item.src); srcArray.push(item.src);
dstArray.push(item.dst); dstArray.push(item.dst);
} }
}); });
} else {
if (srcArray.length && dstArray.length) { console.log(
process.argv.push("--src", srcArray.join(",")); "- \x1b[31mERROR:\x1b[0m Your config file has some errors. Please check your config file"
process.argv.push("--dst", dstArray.join(",")); );
} process.exit();
} }
} catch (error: any) { } catch (error: any) {
console.log("ERROR in your config file =>", error.message); console.log(
"- \x1b[31mERROR:\x1b[0m Your config file has some errors. ERROR =>",
error.message
);
process.exit();
}
} else {
if (
process.argv.indexOf("--src") >= 0 &&
process.argv.indexOf("--dst") >= 0
) {
try {
srcArray =
process.argv[process.argv.indexOf("--src") + 1].split(",");
dstArray =
process.argv[process.argv.indexOf("--dst") + 1].split(",");
} catch (error) {}
} else {
console.log(
"- \x1b[31mERROR:\x1b[0m Missing source or destination file"
);
process.exit(); process.exit();
} }
} }
const sourceFile = process.argv.indexOf("--src") >= 0 ? process.argv[process.argv.indexOf("--src") + 1] : null; //////////////////////////////////////////////////////////////////////////////
const destinationFile = process.argv.indexOf("--dst") >= 0 ? process.argv[process.argv.indexOf("--dst") + 1] : null; //////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////
/** ****************************************************************************** */ return {
/** ****************************************************************************** */ sourceFile: srcArray.join(","),
/** ****************************************************************************** */ destinationFile: dstArray.join(","),
/** ****************************************************************************** */ };
/** ****************************************************************************** */ };
/** ****************************************************************************** */
console.log("\x1b[44mRunning Less compiler\x1b[0m ..."); const { sourceFile, destinationFile } = grabSrcDisStrings();
if (sourceFile && destinationFile) {
process.argv.push("--src", sourceFile, "--dst", destinationFile);
}
//////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////
console.log("- \x1b[35mStart:\x1b[0m Running Less compiler ...");
if (!sourceFile || !destinationFile) { if (!sourceFile || !destinationFile) {
console.log("\x1b[33mERROR:\x1b[0m => Missing source or destination file"); console.log(
"- \x1b[31mERROR:\x1b[0m => Missing source or destination file"
);
process.exit(); process.exit();
} }
const sourceFiles = sourceFile.split(","); //////////////////////////////////////////////////////////////////////////////
const dstFiles = destinationFile.split(","); //////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////
/** /**
* Loop through source files and destination files and run the compile function * Loop through source files and destination files and run the compile function
*/ */
function traverseFiles(src: string, dst: string) {
const sourceFiles = src.split(",");
const dstFiles = dst.split(",");
for (let i = 0; i < sourceFiles.length; i++) { for (let i = 0; i < sourceFiles.length; i++) {
const srcFolder = sourceFiles[i]; const srcFolder = sourceFiles[i];
const dstFile = dstFiles[i]; const dstFile = dstFiles[i];
if (srcFolder?.match(/\.[^\/]+$/) && !srcFolder?.match(/\.less$/)) { if (
console.log("\x1b[33mERROR:\x1b[0m Source must be a folder or a .less file"); srcFolder?.match(/\/[^\/]+\.[^\/]+$/) &&
!srcFolder?.match(/\.less$/)
) {
console.log(
"- \x1b[31mERROR:\x1b[0m Source must be a folder or a .less file"
);
process.exit(); process.exit();
} }
compile(srcFolder, dstFile, null);
if (!fs.existsSync(srcFolder)) { if (!fs.existsSync(srcFolder)) {
if (srcFolder?.match(/\.less$/)) { if (srcFolder?.match(/\.less$/)) {
fs.mkdirSync(srcFolder.replace(/\/[^\/]+\.less$/, ""), { recursive: true }); fs.mkdirSync(srcFolder.replace(/\/[^\/]+\.less$/, ""), {
recursive: true,
});
fs.writeFileSync(srcFolder, "", "utf-8"); fs.writeFileSync(srcFolder, "", "utf-8");
} else { } else {
fs.mkdirSync(srcFolder.replace(/\/[^\/]+\.[^\/]+$/, ""), { recursive: true }); fs.mkdirSync(srcFolder.replace(/\/[^\/]+\.[^\/]+$/, ""), {
recursive: true,
});
fs.writeFileSync(
(srcFolder + "/main.less").replace(/\/\//g, ""),
"",
"utf-8"
);
} }
} else if (
fs.existsSync(srcFolder) &&
fs.existsSync((srcFolder + "/main.less").replace(/\/\//g, ""))
) {
} }
if (!fs.existsSync(dstFile)) { if (!fs.existsSync(dstFile)) {
if (dstFile?.match(/\.css$/)) { if (dstFile?.match(/\.css$/)) {
fs.mkdirSync(dstFile.replace(/\/[^\/]+\.css$/, ""), { recursive: true }); fs.mkdirSync(dstFile.replace(/\/[^\/]+\.css$/, ""), {
fs.writeFileSync(dstFile, "", "utf-8"); recursive: true,
});
} else { } else {
fs.mkdirSync(dstFile.replace(/\/[^\/]+\.[^\/]+$/, ""), { recursive: true }); fs.mkdirSync(dstFile.replace(/\/[^\/]+\.[^\/]+$/, ""), {
fs.writeFileSync((dstFile + "/_main.css").replace(/\/\//g, ""), "", "utf-8"); recursive: true,
}
}
fs.watch(srcFolder, { recursive: true }, (evtType, fileName) => {
if (!fileName) return;
const filePathRoot = srcFolder?.match(/\.less$/) ? srcFolder : srcFolder + "/" + fileName;
compile(filePathRoot, dstFile, evtType);
}); });
} }
}
compile(srcFolder, dstFile, null);
try {
fs.readdirSync(srcFolder).forEach((file) => {
if (file?.match(/^\[.*\.less$/)) {
compile(srcFolder + "/" + file, dstFile, null);
}
});
} catch (error) {}
if (srcFolder?.match(/\.less$/)) {
fs.watchFile(srcFolder, { interval: 500 }, (current, previous) => {
const dstFilePathRoot = dstFile?.match(/\.css$/)
? dstFile
: dstFile + "/" + "_main.css";
try {
const currentProcessArgsSrc =
process.argv[process.argv.indexOf("--src") + 1];
const activeSourceFiles = currentProcessArgsSrc.split(",");
if (activeSourceFiles.includes(srcFolder)) {
compile(srcFolder, dstFilePathRoot, null);
} else {
fs.unwatchFile(srcFolder);
}
} catch (error: any) {
console.log(
"- \x1b[31mERROR:\x1b[0m Please check your config file =>",
error.message
);
}
});
} else if (!srcFolder?.match(/\.[^\/]+$/)) {
fs.watch(
srcFolder,
{
recursive: process.platform?.match(/win32/i)
? true
: undefined,
},
(evtType, fileName) => {
if (!evtType?.match(/change/i)) {
return;
}
if (!fileName) return;
const srcFilePathRoot = srcFolder + "/main.less";
try {
const currentProcessArgsSrc =
process.argv[process.argv.indexOf("--src") + 1];
const activeSourceFiles =
currentProcessArgsSrc.split(",");
if (fileName?.match(/^\[/)) {
compile(
srcFolder + "/" + fileName,
dstFile,
evtType
);
} else if (
fileName?.match(/^\(/) ||
activeSourceFiles.includes(srcFilePathRoot)
) {
return;
} else {
compile(srcFilePathRoot, dstFile, evtType);
}
} catch (error: any) {
console.log(
"- \x1b[31mERROR:\x1b[0m Please check your config file =>",
error.message
);
}
}
);
} else {
console.log(
"- \x1b[31mERROR:\x1b[0m Source must be a folder or a .less file"
);
process.exit();
}
}
}
traverseFiles(sourceFile, destinationFile);
//////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////
/** /**
* Compile less file to css function * Compile less file to css function
@ -115,38 +283,94 @@ for (let i = 0; i < sourceFiles.length; i++) {
* @returns * @returns
*/ */
function compile(fileName: string, dst: string, evtType: string | null) { function compile(fileName: string, dst: string, evtType: string | null) {
if (fileName?.match(/\(/) || (fileName.match(/\..{2,4}$/) && !fileName?.match(/\.less$/i))) { if (
fileName?.match(/\(/) ||
(fileName.match(/\.[\/]$/) && !fileName?.match(/\.less$/i))
) {
return; return;
} }
let finalSrcPath = fileName?.match(/\.less$/) ? fileName : `${fileName}/main.less`; let finalSrcPath = fileName?.match(/\.less$/)
let finalDstPath = dst; ? fileName
: `${fileName}/main.less`;
const distFolder = dst?.match(/\.css$/) ? null : dst?.replace(/\/+$/, "");
let finalDstPath = distFolder ? `${distFolder}/_main.css` : dst;
if (distFolder && !fs.existsSync(distFolder)) {
fs.mkdirSync(distFolder, { recursive: true });
}
if (fileName?.match(/\[/)) { if (fileName?.match(/\[/)) {
const paths = fileName.split("/"); const paths = fileName.split("/");
const targetPathFull = paths[paths.length - 1]; const targetPathFull = paths[paths.length - 1];
const targetPath = targetPathFull.replace(/\[|\]/g, "").replace(/\.less/, ""); const targetPath = targetPathFull
.replace(/\[|\]/g, "")
.replace(/\.less/, "");
const destinationFileParentFolder = dst.replace(/\/[^\/]+\.css$/, ""); const destinationFileParentFolder = dst.replace(/\/[^\/]+\.css$/, "");
const targetDstFilePath = `${destinationFileParentFolder}/${targetPath}.css`; const targetDstFilePath = `${destinationFileParentFolder}/${targetPath}.css`;
finalSrcPath = `${fileName}/${targetPathFull}`; finalSrcPath = fileName;
finalDstPath = targetDstFilePath; finalDstPath = targetDstFilePath;
} }
exec(`lessc ${finalSrcPath} ${finalDstPath?.match(/\.css$/) ? finalDstPath : finalDstPath.replace(/\/$/, "") + "/_main.css"}`, (error, stdout, stderr) => { const executionCmd = `npx lessc ${finalSrcPath} ${finalDstPath}`;
exec(executionCmd, (error, stdout, stderr) => {
/** @type {Error} */ /** @type {Error} */
if (error) { if (error) {
console.log("ERROR =>", error.message); console.log(
"- \x1b[33mWarn:\x1b[0m Compilation didn't run successfully. ERROR =>",
error.message
);
if (!evtType?.match(/change/i) && fileName && fileName.match(/\[/)) { if (
!evtType?.match(/change/i) &&
fileName &&
fileName.match(/\[/)
) {
fs.unlinkSync(finalDstPath); fs.unlinkSync(finalDstPath);
} }
return; return;
} }
console.log("Less Compilation \x1b[32msuccessful\x1b[0m!"); console.log("- \x1b[32mCompiled:\x1b[0m Less Compilation Successful!");
}); });
} }
//////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////
/**
* watch for changes to the config file
*/
if (fs.existsSync("./lesscw.config.json")) {
fs.watchFile(
"./lesscw.config.json",
{ interval: 500 },
(evtType, fileName) => {
console.log("- \x1b[34mInfo:\x1b[0m Restarting process...");
const newSrcDistStrings = grabSrcDisStrings();
if (
newSrcDistStrings.destinationFile &&
newSrcDistStrings.sourceFile
) {
process.argv.push(
"--src",
newSrcDistStrings.sourceFile,
"--dst",
newSrcDistStrings.destinationFile
);
traverseFiles(
newSrcDistStrings.sourceFile,
newSrcDistStrings.destinationFile
);
}
}
);
}

20
tsconfig.json
View File

@ -1,13 +1,21 @@
{ {
"compilerOptions": { "compilerOptions": {
"target": "es2016", "target": "ES2015",
"module": "commonjs", "module": "commonjs",
"rootDir": "./src", "maxNodeModuleJsDepth": 10,
"outDir": "./dist",
"removeComments": true,
"esModuleInterop": true, "esModuleInterop": true,
"forceConsistentCasingInFileNames": true, "forceConsistentCasingInFileNames": true,
"strict": true, "strict": true,
"skipLibCheck": true "skipLibCheck": true,
} "lib": ["dom", "dom.iterable", "esnext"],
"allowJs": true,
"incremental": true,
"resolveJsonModule": true,
"jsx": "preserve",
"moduleResolution": "node",
"declaration": true,
"outDir": "dist"
},
"include": ["**/*.ts"],
"exclude": ["node_modules", "dist"]
} }