This module is a replacement for gulp that is commonly used in ioBroker repositories.
First, you need to install the module:
npm install @iobroker/build-tools --save-dev
Then you can create a file tasks.js
in the root of your repository with the similar content as tasks.js:
And use in package.json
scripts
:
"scripts": {
"task0clean": "node tasks --0-clean",
"task1npm": "node tasks --1-npm",
"task2compile": "node tasks --2-compile",
"task3copy": "node tasks --3-copy",
"taskBuild": "node tasks"
}
Delete all files and folders in the given directory. The path could be relative or absolute. This function operates synchronously. The target folder itself will not be deleted.
Usage: deleteFoldersRecursive(__dirname + '/src', ['.png']);
The files given in the second parameter will not be deleted.
The copyFolderRecursiveSync
function is used to copy all files and subdirectories from a source directory to a destination directory.
This function operates synchronously, meaning it will block the execution of the program until the copying process is complete.
It is useful for tasks that require a complete and immediate copy of a directory structure, such as backup operations or preparing files for deployment.
The target directory will be created if not exists. The path could be relative or absolute.
Usage: copyFolderRecursiveSync(__dirname + '/src/build', __dirname + '/dist');
The readDirRecursive function is used to read all files and subdirectories within a given directory recursively. This function is useful for tasks that require processing or listing all files within a directory tree, such as file indexing, searching, or batch processing operations.
The function operates synchronously.
Usage:
const files = readDirRecursive(__dirname + '/src');
console.log(files);
Parameters:
dir
: The directory path to read. The path can be relative or absolute. Returns:- An array of file paths representing all files found within the specified directory and its subdirectories.
The copyFiles function is used to copy specific files from a source directory to a destination directory. This function is useful for tasks that require selective copying of files based on certain patterns or criteria, such as preparing files for deployment or creating backups of specific files.
Usage:
const files = copyFiles(['src/build/**/*.js', '!src/build/**/*node_modules*.js'], __dirname + '/dist');
console.log(files);
Parameters:
src
: Array of the patterns. Negative pattern starts with '!'. You can use the glob patterns.dest
: The destination directory path where files will be copied to. The path can be relative or absolute.
The npmInstall
function is used to install npm packages for a given project. This function is useful for automating the setup process of a project by programmatically running npm install
to ensure all dependencies are installed.
The function returns promise and it is not synchron.
Usage:
npmInstall(__dirname + '/src').catch(e => console.error('Cannot install packages: ' + e.toString()));
The buildReact function is used to build a React application. This function is useful for automating the build process of a React project, ensuring that all necessary steps are taken to compile and bundle the application for production.
Usage for craco:
buildReact(__dirname + '/src', { craco: true, rootDir: __dirname, ramSize: 7000 }).catch(e =>
console.error('Cannot install packages: ' + e.toString()),
);
Usage for vite:
buildReact(__dirname + '/src', { vite: true, rootDir: __dirname }).catch(e =>
console.error('Cannot install packages: ' + e.toString()),
);
Usage for application with React scripts:
buildReact(__dirname + '/src', { rootDir: __dirname }).catch(e =>
console.error('Cannot install packages: ' + e.toString()),
);
Possible options:
rootDir
- sometimes the craco, vite, react-scripts are installed in the main directory and not in the src directory. This parameter says to function to look in the root directory for the executable script too.ramSize
- adds the parameter--max-old-space-size=X
(in MB) to the node parameter to increase the memory for build.vis-2
oradmin
require it.tsc
- Executestsc
command in the target directory before build.craco
- Usedcraco
for buildvite
- Usedvite
for build
Create a list of glob patterns for files that must be ignored by coping of the widget files. Used together with copyWidgetFiles
.
Create a list of glob patterns for files, that must be copied for widgets.
Usage:
copyFiles(
[
__dirname + '/src/build/**/*.*',
copyWidgetsFiles(__dirname + '/src/build'),
ignoreWidgetFiles(__dirname + '/src/build'),
],
__dirname + '/widgets/vis-2-widgets-adapter-name',
);
Replace in the given HTML file the debug script with production one:
<script>
const script = document.createElement('script');
window.registerSocketOnLoad = function (cb) {
window.socketLoadedHandler = cb;
};
script.onload = function () {
typeof window.socketLoadedHandler === 'function' && window.socketLoadedHandler();
};
script.onerror = function () {
console.error('Cannot load socket.io. Retry in 5 seconds');
setTimeout(function () {
window.location.reload();
}, 5000);
};
setTimeout(() => {
script.src =
window.location.port === '3000'
? `${window.location.protocol}//${window.location.hostname}:8081/lib/js/socket.io.js`
: './lib/js/socket.io.js';
}, 1000);
document.head.appendChild(script);
</script>
will be replaced with
<script
type="text/javascript"
onerror="setTimeout(function(){window.location.reload()}, 5000)"
src="./lib/js/socket.io.js"
></script>
Usage:
patchHtmlFile('admin/index_m.html')
You can convert the old i18n structure i18n/lang/translations.json to the new structure i18n/lang.json with the following command:
node node_modules/@iobroker/build-tools/convertI18n.js
Optionally, you can specify the path to the i18n folder:
node node_modules/@iobroker/build-tools/convertI18n.js path/to/i18n
- (@GermanBluefox) Added parameter for socket.io lib in
patchHtmlFile
method
- (@GermanBluefox) Fixed coping of files
- (@GermanBluefox) Used glob for patterns
- (@GermanBluefox) Trying to fix a build script for craco
- (@GermanBluefox) optimized the pacht of HTML file
- (@GermanBluefox) Used
eslint-config
of ioBroker
- (@GermanBluefox) added
copyWidgetsFiles
andignoreWidgetFiles
- (@GermanBluefox) Added log outputs
- (@GermanBluefox) Added the build support for vite and typescript
- (@GermanBluefox) Added DANGEROUSLY_DISABLE_HOST_CHECK for buildReact
- (@GermanBluefox) Added i18n convert script
- (@GermanBluefox) Added
copyFolderRecursiveSync
- (@GermanBluefox) Catch the errors by deletion
- (@GermanBluefox) Export
collectFiles
method
- (@GermanBluefox) Added buildReact method
- (@GermanBluefox) Added tools for admin: patchHtmlFile
- (@GermanBluefox) initial release
The MIT License (MIT)
Copyright (c) 2024 Denis Haev dogafox@gmail.com
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.