139 lines
4.7 KiB
JavaScript
Executable file
139 lines
4.7 KiB
JavaScript
Executable file
#!/usr/bin/env node
|
|
import fs from 'fs';
|
|
import path from 'path';
|
|
|
|
import copy from 'esbuild-plugin-copy';
|
|
import esbuild from "esbuild";
|
|
|
|
import { cockpitCompressPlugin } from './pkg/lib/esbuild-compress-plugin.js';
|
|
import { cleanPlugin } from './pkg/lib/esbuild-cleanup-plugin.js';
|
|
import { cockpitPoEsbuildPlugin } from './pkg/lib/cockpit-po-plugin.js';
|
|
import { cockpitRsyncEsbuildPlugin } from './pkg/lib/cockpit-rsync-plugin.js';
|
|
import { eslintPlugin } from './pkg/lib/esbuild-eslint-plugin.js';
|
|
import { stylelintPlugin } from './pkg/lib/esbuild-stylelint-plugin.js';
|
|
import { replace } from 'esbuild-plugin-replace';
|
|
import { sassPlugin } from 'esbuild-sass-plugin';
|
|
|
|
const production = process.env.NODE_ENV === 'production';
|
|
const watchMode = process.env.ESBUILD_WATCH === "true" || false;
|
|
// linters dominate the build time, so disable them for production builds by default, but enable in watch mode
|
|
const lint = process.env.LINT ? (process.env.LINT !== '0') : (watchMode || !production);
|
|
/* List of directories to use when resolving import statements */
|
|
const nodePaths = ['pkg/lib'];
|
|
const outdir = 'dist';
|
|
|
|
// Obtain package name from package.json
|
|
const packageJson = JSON.parse(fs.readFileSync('package.json'));
|
|
|
|
const getTime = () => new Date().toTimeString()
|
|
.split(' ')[0];
|
|
|
|
const cwd = process.cwd();
|
|
|
|
// similar to fs.watch(), but recursively watches all subdirectories
|
|
function watch_dirs(dir, on_change) {
|
|
const callback = (ev, dir, fname) => {
|
|
// only listen for "change" events, as renames are noisy
|
|
// ignore hidden files and the "4913" temporary file created by vim
|
|
const isHidden = /^\./.test(fname);
|
|
if (ev !== "change" || isHidden || fname === "4913")
|
|
return;
|
|
on_change(path.join(dir, fname));
|
|
};
|
|
|
|
fs.watch(dir, {}, (ev, path) => callback(ev, dir, path));
|
|
|
|
// watch all subdirectories in dir
|
|
const d = fs.opendirSync(dir);
|
|
let dirent;
|
|
while ((dirent = d.readSync()) !== null) {
|
|
if (dirent.isDirectory())
|
|
watch_dirs(path.join(dir, dirent.name), on_change);
|
|
}
|
|
d.closeSync();
|
|
}
|
|
|
|
const context = await esbuild.context({
|
|
sourcemap: "linked",
|
|
bundle: true,
|
|
entryPoints: ["./src/index.js"],
|
|
external: [
|
|
'*.woff', '*.woff2', '*.jpg',
|
|
'@patternfly/react-core/src/components/assets/*.svg',
|
|
'@patternfly/react-core/src/demos/assets/*svg'
|
|
], // Allow external font files which live in ../../static/fonts
|
|
legalComments: 'external', // Move all legal comments to a .LEGAL.txt file
|
|
loader: {
|
|
".js": "jsx",
|
|
".py": "text",
|
|
".svg": "dataurl",
|
|
},
|
|
minify: production,
|
|
nodePaths,
|
|
outdir,
|
|
target: ['es2020'],
|
|
plugins: [
|
|
cleanPlugin(),
|
|
...lint
|
|
? [
|
|
stylelintPlugin({ filter: new RegExp(cwd + '/src/.*\\.(css?|scss?)$') }),
|
|
eslintPlugin({ filter: new RegExp(cwd + '\/src\/.*\.(jsx?|js?)$') })
|
|
]
|
|
: [],
|
|
// Esbuild will only copy assets that are explicitly imported and used
|
|
// in the code. This is a problem for index.html and manifest.json which are not imported
|
|
copy({
|
|
assets: [
|
|
{ from: ['./images/qr-code-feedback.svg'], to: ['./qr-code-feedback.svg'] },
|
|
{ from: ['./src/manifest.json'], to: ['./manifest.json'] },
|
|
{ from: ['./src/index.html'], to: ['./index.html'] },
|
|
]
|
|
}),
|
|
sassPlugin({
|
|
loadPaths: [...nodePaths, 'node_modules'],
|
|
quietDeps: true,
|
|
async transform(source, resolveDir, path) {
|
|
if (path.includes('patternfly-4-cockpit.scss')) {
|
|
return source
|
|
.replace(/url.*patternfly-icons-fake-path.*;/g, 'url("../base1/fonts/patternfly.woff") format("woff");')
|
|
.replace(/@font-face[^}]*patternfly-fonts-fake-path[^}]*}/g, '');
|
|
}
|
|
return source;
|
|
}
|
|
}),
|
|
cockpitPoEsbuildPlugin(),
|
|
cockpitCompressPlugin(),
|
|
cockpitRsyncEsbuildPlugin({ dest: packageJson.name }),
|
|
|
|
{
|
|
name: 'notify-end',
|
|
setup(build) {
|
|
build.onEnd(() => console.log(`${getTime()}: Build finished`));
|
|
}
|
|
},
|
|
]
|
|
});
|
|
|
|
try {
|
|
await context.rebuild();
|
|
} catch (e) {
|
|
if (!watchMode)
|
|
process.exit(1);
|
|
// ignore errors in watch mode
|
|
}
|
|
|
|
if (watchMode) {
|
|
const on_change = async path => {
|
|
console.log("change detected:", path);
|
|
await context.cancel();
|
|
try {
|
|
await context.rebuild();
|
|
} catch (e) {} // ignore in watch mode
|
|
};
|
|
|
|
watch_dirs('src', on_change);
|
|
// wait forever until Control-C
|
|
await new Promise(() => {});
|
|
}
|
|
|
|
context.dispose();
|