tabulator-tables/build/Bundler.mjs

Interactive table generation JavaScript library

import { createRequire } from 'node:module';
const require = createRequire(import.meta.url);

import { nodeResolve } from "@rollup/plugin-node-resolve";
import terser from "@rollup/plugin-terser";

import license from 'rollup-plugin-license';
import {globbySync} from 'globby';
import fs from 'fs-extra';

import postcss from "rollup-plugin-postcss";

export default class Bundler{
	
	constructor(version, env){
		this.bundles = [];
		
		this.env = env;
		this.version = "/* Tabulator v" + version + " (c) Oliver Folkerd <%= moment().format('YYYY') %> */";
	}
	
	_suppressUnnecessaryWarnings(warn, defaultHandler){
		const ignoredCodes = {
			"FILE_NAME_CONFLICT": true,
		};
		
		var suppressed = false, 
		codeHandler = ignoredCodes[warn.code];
		
		if(codeHandler){
			suppressed = typeof codeHandler === "function" ? codeHandler(warn) : codeHandler;
		}
		
		if(!suppressed){
			defaultHandler(warn);
		}
	}
	
	_suppressCircularDependencyWarnings(warn){
		const ignoredCircularFiles = [
			"Column.js",
			"Tabulator.js",
		];

		return ignoredCircularFiles.some(file => warn.importer.includes(file));
	}
	
	bundle(){
		if(this.env){
			this.watch(this.env);
		}else{
			this.build();
		}
		
		return this.bundles;
	}
	
	watch(env){
		console.log("Building Dev Package Bundles: ", env);
		switch(env){
			case "css":
			this.bundleCSS(false);
			break;
			
			case "esm":
			this.bundleESM(false);
			break;
			
			case "umd":
			this.bundleUMD(false);
			break;
			
			case "wrappers":
			this.buildWrappers();
			break;
			
			default:
			this.bundleCSS(false);
			this.bundleESM(false);
			break;
		}
	}
	
	build(){
		console.log("Clearing Dist Files");
		
		this.clearDist();
		
		console.log("Building Wrappers");
		
		this.buildWrappers();
		
		console.log("Building Production Package Bundles");
		
		this.bundleCSS(false);
		this.bundleCSS(true);
		
		this.bundleESM(false);
		this.bundleESM(true);
		
		this.bundleUMD(false);
		this.bundleUMD(true);
	}
	
	clearDist(){
		fs.emptyDirSync("./dist");
	}
	
	buildWrappers(){
		var builds = ["jquery_wrapper.js"];
		
		builds.forEach((build) => {
			fs.copySync("./src/js/builds/" + build, "./dist/js/" + build);
		});
	}
	
	bundleCSS(minify){
		this.bundles = this.bundles.concat(globbySync("./src/scss/**/tabulator*.scss").map(inputFile => {
			
			var file = inputFile.split("/");
			file = file.pop().replace(".scss", (minify ? ".min" : "") + ".css");
			
			return {
				input: inputFile,
				output: {
					file: "./dist/css/" + file,
					format: "es",
				},
				plugins: [
					postcss({
						modules: false,
						extract: true,
						minimize: minify,
						sourceMap: true,
						plugins: [require('postcss-prettify')]
					}),
				],
				onwarn:this._suppressUnnecessaryWarnings.bind(this),
			};
		}));
	}
	
	bundleESM(minify){
		this.bundles.push({
			input:"src/js/builds/esm.js",
			plugins: [
				nodeResolve(),
				minify ? terser() : null,
				license({
					banner: {
						commentStyle:"none",
						content:this.version,
					},
				}),
			],
			output: [
				{
					file: "dist/js/tabulator_esm" + (minify ? ".min" : "") + ".js",
					format: "esm",
					exports: "named",
					sourcemap: true,
				},
				{
					file: "dist/js/tabulator_esm" + (minify ? ".min" : "") + ".mjs",
					format: "esm",
					exports: "named",
					sourcemap: true,
				},
			],
			onwarn:this._suppressUnnecessaryWarnings.bind(this),
		});
	}
	
	bundleUMD(minify){
		this.bundles.push({
			input:"src/js/builds/usd.js",
			plugins: [
				nodeResolve(),
				minify ? terser() : null,
				license({
					banner: {
						commentStyle:"none",
						content:this.version,
					},
				}),
			],
			output: {
				file: "dist/js/tabulator" + (minify ? ".min" : "") + ".js",
				format: "umd",
				name: "Tabulator",
				esModule: false,
				exports: "default",
				sourcemap: true,
			},
			onwarn:this._suppressUnnecessaryWarnings.bind(this),
		});
	}
}