primevue-mirror/rollup.config.js

596 lines
24 KiB
JavaScript

import { babel } from '@rollup/plugin-babel';
import postcss from 'rollup-plugin-postcss';
import { terser } from 'rollup-plugin-terser';
import vue from 'rollup-plugin-vue';
import fs from 'fs-extra';
import path from 'path';
import pkg from './package.json';
let entries = [];
let core = {};
const CORE_ICON_DEPENDENCIES = {
'primevue/baseicon': 'primevue.baseicon',
'primevue/icons/angledoubledown': 'primevue.icons.angledoubledown',
'primevue/icons/angledoubleleft': 'primevue.icons.angledoubleleft',
'primevue/icons/angledoubleright': 'primevue.icons.angledoubleright',
'primevue/icons/angledoubleup': 'primevue.icons.angledoubleup',
'primevue/icons/angledown': 'primevue.icons.angledown',
'primevue/icons/angleleft': 'primevue.icons.angleleft',
'primevue/icons/angleright': 'primevue.icons.angleright',
'primevue/icons/angleup': 'primevue.icons.angleup',
'primevue/icons/arrowdown': 'primevue.icons.arrowdown',
'primevue/icons/arrowup': 'primevue.icons.arrowup',
'primevue/icons/ban': 'primevue.icons.ban',
'primevue/icons/bars': 'primevue.icons.bars',
'primevue/icons/blank': 'primevue.icons.blank',
'primevue/icons/calendar': 'primevue.icons.calendar',
'primevue/icons/check': 'primevue.icons.check',
'primevue/icons/chevrondown': 'primevue.icons.chevrondown',
'primevue/icons/chevronleft': 'primevue.icons.chevronleft',
'primevue/icons/chevronright': 'primevue.icons.chevronright',
'primevue/icons/chevronup': 'primevue.icons.chevronup',
'primevue/icons/exclamationtriangle': 'primevue.icons.exclamationtriangle',
'primevue/icons/eye': 'primevue.icons.eye',
'primevue/icons/eyeslash': 'primevue.icons.eyeslash',
'primevue/icons/filter': 'primevue.icons.filter',
'primevue/icons/filterslash': 'primevue.icons.filterslash',
'primevue/icons/infocircle': 'primevue.icons.infocircle',
'primevue/icons/minus': 'primevue.icons.minus',
'primevue/icons/pencil': 'primevue.icons.pencil',
'primevue/icons/plus': 'primevue.icons.plus',
'primevue/icons/refresh': 'primevue.icons.refresh',
'primevue/icons/search': 'primevue.icons.search',
'primevue/icons/searchminus': 'primevue.icons.searchminus',
'primevue/icons/searchplus': 'primevue.icons.searchplus',
'primevue/icons/sortalt': 'primevue.icons.sortalt',
'primevue/icons/sortamountdown': 'primevue.icons.sortamountdown',
'primevue/icons/sortamountupalt': 'primevue.icons.sortamountupalt',
'primevue/icons/spinner': 'primevue.icons.spinner',
'primevue/icons/star': 'primevue.icons.star',
'primevue/icons/starfill': 'primevue.icons.starfill',
'primevue/icons/thlarge': 'primevue.icons.thlarge',
'primevue/icons/times': 'primevue.icons.times',
'primevue/icons/timescircle': 'primevue.icons.timescircle',
'primevue/icons/trash': 'primevue.icons.trash',
'primevue/icons/undo': 'primevue.icons.undo',
'primevue/icons/upload': 'primevue.icons.upload',
'primevue/icons/windowmaximize': 'primevue.icons.windowmaximize',
'primevue/icons/windowminimize': 'primevue.icons.windowminimize'
};
const CORE_PASSTHROUGH_DEPENDENCIES = {
'primevue/passthrough': 'primevue.passthrough'
};
const CORE_STYLE_DEPENDENCIES = {
'primevue/base/style': 'primevue.base.style',
'primevue/basecomponent/style': 'primevue.basecomponent.style',
'primevue/accordion/style': 'primevue.accordion.style',
'primevue/accordiontab/style': 'primevue.accordiontab.style',
'primevue/animateonscroll/style': 'primevue.animateonscroll.style',
'primevue/autocomplete/style': 'primevue.autocomplete.style',
'primevue/avatar/style': 'primevue.avatar.style',
'primevue/avatargroup/style': 'primevue.avatargroup.style',
'primevue/badge/style': 'primevue.badge.style',
'primevue/badgedirective/style': 'primevue.badgedirective.style',
'primevue/baseicon/style': 'primevue.baseicon.style',
'primevue/blockui/style': 'primevue.blockui.style',
'primevue/breadcrumb/style': 'primevue.breadcrumb.style',
'primevue/button/style': 'primevue.button.style',
'primevue/buttongroup/style': 'primevue.buttongroup.style',
'primevue/calendar/style': 'primevue.calendar.style',
'primevue/card/style': 'primevue.card.style',
'primevue/carousel/style': 'primevue.carousel.style',
'primevue/cascadeselect/style': 'primevue.cascadeselect.style',
'primevue/chart/style': 'primevue.chart.style',
'primevue/checkbox/style': 'primevue.checkbox.style',
'primevue/chip/style': 'primevue.chip.style',
'primevue/chips/style': 'primevue.chips.style',
'primevue/colorpicker/style': 'primevue.colorpicker.style',
'primevue/column/style': 'primevue.column.style',
'primevue/columngroup/style': 'primevue.columngroup.style',
'primevue/confirmdialog/style': 'primevue.confirmdialog.style',
'primevue/confirmpopup/style': 'primevue.confirmpopup.style',
'primevue/contextmenu/style': 'primevue.contextmenu.style',
'primevue/datatable/style': 'primevue.datatable.style',
'primevue/dataview/style': 'primevue.dataview.style',
'primevue/deferredcontent/style': 'primevue.deferredcontent.style',
'primevue/dialog/style': 'primevue.dialog.style',
'primevue/divider/style': 'primevue.divider.style',
'primevue/dock/style': 'primevue.dock.style',
'primevue/dropdown/style': 'primevue.dropdown.style',
'primevue/dynamicdialog/style': 'primevue.dynamicdialog.style',
'primevue/editor/style': 'primevue.editor.style',
'primevue/fieldset/style': 'primevue.fieldset.style',
'primevue/fileupload/style': 'primevue.fileupload.style',
'primevue/focustrap/style': 'primevue.focustrap.style',
'primevue/galleria/style': 'primevue.galleria.style',
'primevue/image/style': 'primevue.image.style',
'primevue/inlinemessage/style': 'primevue.inlinemessage.style',
'primevue/inplace/style': 'primevue.inplace.style',
'primevue/inputgroup/style': 'primevue.inputgroup.style',
'primevue/inputgroupaddon/style': 'primevue.inputgroupaddon.style',
'primevue/inputmask/style': 'primevue.inputmask.style',
'primevue/inputnumber/style': 'primevue.inputnumber.style',
'primevue/inputotp/style': 'primevue.inputotp.style',
'primevue/inputswitch/style': 'primevue.inputswitch.style',
'primevue/inputtext/style': 'primevue.inputtext.style',
'primevue/knob/style': 'primevue.knob.style',
'primevue/listbox/style': 'primevue.listbox.style',
'primevue/megamenu/style': 'primevue.megamenu.style',
'primevue/menu/style': 'primevue.menu.style',
'primevue/menubar/style': 'primevue.menubar.style',
'primevue/message/style': 'primevue.message.style',
'primevue/metergroup/style': 'primevue.metergroup.style',
'primevue/multiselect/style': 'primevue.multiselect.style',
'primevue/orderlist/style': 'primevue.orderlist.style',
'primevue/organizationchart/style': 'primevue.organizationchart.style',
'primevue/overlaypanel/style': 'primevue.overlaypanel.style',
'primevue/paginator/style': 'primevue.paginator.style',
'primevue/panel/style': 'primevue.panel.style',
'primevue/panelmenu/style': 'primevue.panelmenu.style',
'primevue/password/style': 'primevue.password.style',
'primevue/picklist/style': 'primevue.picklist.style',
'primevue/portal/style': 'primevue.portal.style',
'primevue/progressbar/style': 'primevue.progressbar.style',
'primevue/progressspinner/style': 'primevue.progressspinner.style',
'primevue/radiobutton/style': 'primevue.radiobutton.style',
'primevue/rating/style': 'primevue.rating.style',
'primevue/ripple/style': 'primevue.ripple.style',
'primevue/row/style': 'primevue.row.style',
'primevue/scrollpanel/style': 'primevue.scrollpanel.style',
'primevue/scrolltop/style': 'primevue.scrolltop.style',
'primevue/selectbutton/style': 'primevue.selectbutton.style',
'primevue/sidebar/style': 'primevue.sidebar.style',
'primevue/skeleton/style': 'primevue.skeleton.style',
'primevue/slider/style': 'primevue.slider.style',
'primevue/speeddial/style': 'primevue.speeddial.style',
'primevue/splitbutton/style': 'primevue.splitbutton.style',
'primevue/splitter/style': 'primevue.splitter.style',
'primevue/splitterpanel/style': 'primevue.splitterpanel.style',
'primevue/stepper/style': 'primevue.stepper.style',
'primevue/stepperpanel/style': 'primevue.stepperpanel.style',
'primevue/steps/style': 'primevue.steps.style',
'primevue/tabmenu/style': 'primevue.tabmenu.style',
'primevue/tabpanel/style': 'primevue.tabpanel.style',
'primevue/tabview/style': 'primevue.tabview.style',
'primevue/tag/style': 'primevue.tag.style',
'primevue/terminal/style': 'primevue.terminal.style',
'primevue/textarea/style': 'primevue.textarea.style',
'primevue/tieredmenu/style': 'primevue.tieredmenu.style',
'primevue/timeline/style': 'primevue.timeline.style',
'primevue/toast/style': 'primevue.toast.style',
'primevue/togglebutton/style': 'primevue.togglebutton.style',
'primevue/toolbar/style': 'primevue.toolbar.style',
'primevue/tooltip/style': 'primevue.tooltip.style',
'primevue/tree/style': 'primevue.tree.style',
'primevue/treeselect/style': 'primevue.treeselect.style',
'primevue/treetable/style': 'primevue.treetable.style',
'primevue/virtualscroller/style': 'primevue.virtualscroller.style'
};
// prettier-ignore
const THEME_COMPONENTS = ['accordion','autocomplete','avatar','badge','blockui','breadcrumb','button','calendar','card','carousel','cascadeselect','checkbox','chip','chips','colorpicker','confirmdialog','confirmpopup','contextmenu','datatable','dataview','dialog','divider','dock','dropdown','editor','fieldset','fileupload','floatlabel','galleria','iconfield','image','inlinemessage','inplace','inputgroup','inputnumber','inputotp','inputswitch','inputtext','knob','listbox','megamenu','menu','menubar','message','metergroup','multiselect','orderlist','organizationchart','overlaypanel','paginator','panel','panelmenu','password','picklist','progressbar','progressspinner','radiobutton','rating','scrollpanel','scrolltop','selectbutton','sidebar','skeleton','slider','speeddial','splitbutton','splitter','steps','stepper','tabmenu','tabview','tag','terminal','textarea','tieredmenu','timeline','toast','togglebutton','toolbar','tooltip','tree','treeselect','treetable'];
const createThemeDependencies = (design, presets) => {
const baseDeps = THEME_COMPONENTS.reduce((acc, name) => {
acc[`primevue/themes/${design}/base/${name}`] = `primevue.themes.${design}.base.${name}`;
return acc;
}, {});
const presetDeps = presets?.reduce((p_acc, p_name) => {
const p_alias = THEME_COMPONENTS.reduce((acc, name) => {
acc[`primevue/themes/${design}/presets/${p_name}/${name}`] = `primevue.themes.${design}.presets.${p_name}.${name}`;
return acc;
}, {});
p_acc = { ...p_acc, ...p_alias };
return p_acc;
}, {});
const otherDeps = presets?.reduce((p_acc, p_name) => {
p_acc = {
...p_acc,
[`primevue/themes/${design}/presets/${p_name}`]: `primevue.themes.${design}.presets.${p_name}`,
[`primevue/themes/${design}/${p_name}`]: `primevue.themes.${design}.${p_name}`
};
return p_acc;
}, {});
const coreDeps = {
[`primevue/themes/${design}/base/global`]: `primevue.themes.${design}.base.global`,
[`primevue/themes/${design}/base`]: `primevue.themes.${design}.base`,
[`primevue/themes/${design}`]: `primevue.themes.${design}`
};
return { ...baseDeps, ...presetDeps, ...otherDeps, ...coreDeps };
};
const CORE_THEME_DEPENDENCIES = {
...createThemeDependencies('primeone', ['aura']),
'primevue/themes/actions': 'primevue.themes.actions',
'primevue/themes/config': 'primevue.themes.config',
'primevue/themes/helpers': 'primevue.themes.helpers',
'primevue/themes/service': 'primevue.themes.service',
'primevue/themes/utils': 'primevue.themes.utils',
'primevue/themes': 'primevue.themes'
};
const CORE_DEPENDENCIES = {
'primevue/utils': 'primevue.utils',
'primevue/api': 'primevue.api',
'primevue/config': 'primevue.config',
'primevue/base': 'primevue.base',
'primevue/usestyle': 'primevue.usestyle',
...CORE_STYLE_DEPENDENCIES,
'primevue/basedirective': 'primevue.basedirective',
'primevue/ripple': 'primevue.ripple',
'primevue/portal': 'primevue.portal',
'primevue/basecomponent': 'primevue.basecomponent',
...CORE_ICON_DEPENDENCIES,
'primevue/tooltip': 'primevue.tooltip',
'primevue/focustrap': 'primevue.focustrap',
'primevue/virtualscroller': 'primevue.virtualscroller',
'primevue/confirmationeventbus': 'primevue.confirmationeventbus',
'primevue/toasteventbus': 'primevue.toasteventbus',
'primevue/overlayeventbus': 'primevue.overlayeventbus',
'primevue/dynamicdialogeventbus': 'primevue.dynamicdialogeventbus',
'primevue/terminalservice': 'primevue.terminalservice',
'primevue/useconfirm': 'primevue.useconfirm',
'primevue/usetoast': 'primevue.usetoast',
'primevue/usedialog': 'primevue.usedialog',
'primevue/button': 'primevue.button',
'primevue/inputtext': 'primevue.inputtext',
'primevue/inputnumber': 'primevue.inputnumber',
'primevue/checkbox': 'primevue.checkbox',
'primevue/radiobutton': 'primevue.radiobutton',
'primevue/message': 'primevue.message',
'primevue/progressbar': 'primevue.progressbar',
'primevue/dropdown': 'primevue.dropdown',
'primevue/dialog': 'primevue.dialog',
'primevue/paginator': 'primevue.paginator',
'primevue/tree': 'primevue.tree',
'primevue/menu': 'primevue.menu',
'primevue/tieredmenu': 'primevue.tieredmenu',
'primevue/badge': 'primevue.badge',
'primevue/listbox': 'primevue.listbox',
'primevue/togglebutton': 'primevue.togglebutton',
...CORE_PASSTHROUGH_DEPENDENCIES,
...CORE_THEME_DEPENDENCIES
};
// dependencies
const GLOBAL_DEPENDENCIES = {
vue: 'Vue'
};
const GLOBAL_COMPONENT_DEPENDENCIES = {
...GLOBAL_DEPENDENCIES,
...CORE_DEPENDENCIES
};
// externals
const EXTERNAL = ['vue', 'chart.js/auto', 'quill'];
const EXTERNAL_COMPONENT = [...EXTERNAL, ...Object.keys(CORE_DEPENDENCIES)];
// plugins
const BABEL_PLUGIN_OPTIONS = {
extensions: ['.js', '.vue'],
exclude: 'node_modules/**',
presets: ['@babel/preset-env'],
plugins: [],
skipPreflightCheck: true,
babelHelpers: 'runtime',
babelrc: false
};
const POSTCSS_PLUGIN_OPTIONS = {
sourceMap: false
};
const TERSER_PLUGIN_OPTIONS = {
compress: {
keep_infinity: true,
pure_getters: true,
reduce_funcs: false
}
};
const PLUGINS = [vue(), postcss(POSTCSS_PLUGIN_OPTIONS), babel(BABEL_PLUGIN_OPTIONS)];
function addEntry(folder, inFile, outFile) {
const exports = inFile === 'PrimeVue.js' || folder === 'passthrough/tailwind' ? 'named' : 'auto';
const useCorePlugin = Object.keys(GLOBAL_COMPONENT_DEPENDENCIES).some((d) => d.replace('primevue/', '') === folder);
const plugins = PLUGINS;
const external = EXTERNAL_COMPONENT;
const inlineDynamicImports = true;
const input = `components/lib/${folder}/${inFile}`;
const output = `dist/${folder}/${outFile}`;
const getEntry = (isMinify) => {
return {
input,
plugins: [...plugins, isMinify && terser(TERSER_PLUGIN_OPTIONS), useCorePlugin && corePlugin()],
external,
inlineDynamicImports
};
};
const get_CJS_ESM = (isMinify) => {
return {
...getEntry(isMinify),
output: [
{
format: 'cjs',
file: `${output}.cjs${isMinify ? '.min' : ''}.js`,
exports
},
{
format: 'esm',
file: `${output}.esm${isMinify ? '.min' : ''}.js`,
exports
}
]
};
};
const get_IIFE = (isMinify) => {
return {
...getEntry(isMinify),
output: [
{
format: 'iife',
name: 'primevue.' + folder.replaceAll('/', '.'),
file: `${output}${isMinify ? '.min' : ''}.js`,
globals: GLOBAL_COMPONENT_DEPENDENCIES,
exports
}
]
};
};
entries.push(get_CJS_ESM());
entries.push(get_IIFE());
// Minify
entries.push(get_CJS_ESM(true));
entries.push(get_IIFE(true));
}
function corePlugin() {
return {
name: 'corePlugin',
generateBundle(outputOptions, bundle) {
const { name, format } = outputOptions;
if (format === 'iife') {
Object.keys(bundle).forEach((id) => {
const chunk = bundle[id];
const folderName = name.replace('primevue.', '').replaceAll('.', '/');
const filePath = `./dist/core/core${id.indexOf('.min.js') > 0 ? '.min.js' : '.js'}`;
core[filePath] ? (core[filePath][folderName] = chunk.code) : (core[filePath] = { [`${folderName}`]: chunk.code });
});
}
}
};
}
function addCore() {
const lastEntry = entries[entries.length - 1];
lastEntry.plugins = [
...lastEntry.plugins,
{
name: 'coreMergePlugin',
generateBundle() {
Object.entries(core).forEach(([filePath, value]) => {
const code = Object.keys(CORE_DEPENDENCIES).reduce((val, d) => {
const name = d.replace('primevue/', '');
val += value[name] + '\n';
return val;
}, '');
fs.outputFile(path.resolve(__dirname, filePath), code, {}, function (err) {
if (err) {
// eslint-disable-next-line no-console
return console.error(err);
}
});
});
}
}
];
}
function addSFC() {
fs.readdirSync(path.resolve(__dirname, './components/lib'), { withFileTypes: true })
.filter((dir) => dir.isDirectory())
.forEach(({ name: folderName }) => {
fs.readdirSync(path.resolve(__dirname, './components/lib/' + folderName)).forEach((file) => {
let name = file.split(/(.vue)$|(.js)$/)[0].toLowerCase();
if (/\.vue$/.test(file) && name === folderName) {
addEntry(folderName, file, name);
}
});
});
}
function addIcon() {
fs.readdirSync(path.resolve(__dirname, './components/lib/icons'), { withFileTypes: true })
.filter((dir) => dir.isDirectory())
.forEach(({ name: folderName }) => {
fs.readdirSync(path.resolve(__dirname, './components/lib/icons/' + folderName)).forEach((file) => {
if (/\.vue$/.test(file)) {
addEntry('icons/' + folderName, 'index.vue', 'index');
}
});
});
}
function addStyle() {
fs.readdirSync(path.resolve(__dirname, './components/lib'), { withFileTypes: true })
.filter((dir) => dir.isDirectory())
.forEach(({ name: folderName }) => {
try {
fs.readdirSync(path.resolve(__dirname, './components/lib/' + folderName + '/style')).forEach((file) => {
if (/\.js$/.test(file)) {
let name = file.split(/(.js)$/)[0].toLowerCase();
addEntry(folderName + '/style', file, name);
}
});
} catch {}
});
}
function traverseDir(dir, condition, callback) {
try {
const files = fs.readdirSync(dir);
files.forEach((file) => {
const filePath = path.join(dir, file);
const fileStat = fs.statSync(filePath);
if (fileStat.isDirectory()) {
traverseDir(filePath, condition, callback);
} else if (condition?.(file) && fileStat.isFile()) {
callback?.(file, filePath, dir);
}
});
} catch {}
}
function addThemes() {
traverseDir(
path.resolve(__dirname, './components/lib/themes'),
(file) => file === 'index.js',
(file, filePath, folderPath) => {
const searchFolder = '/components/lib/';
const fpath = folderPath.substring(folderPath.indexOf(searchFolder) + searchFolder.length);
addEntry(fpath, file, 'index');
}
);
}
function addDirectives() {
addEntry('basedirective', 'BaseDirective.js', 'basedirective');
addEntry('badgedirective', 'BadgeDirective.js', 'badgedirective');
addEntry('ripple', 'Ripple.js', 'ripple');
addEntry('tooltip', 'Tooltip.js', 'tooltip');
addEntry('focustrap', 'FocusTrap.js', 'focustrap');
addEntry('styleclass', 'StyleClass.js', 'styleclass');
addEntry('animateonscroll', 'AnimateOnScroll.js', 'animateonscroll');
}
function addConfig() {
addEntry('config', 'PrimeVue.js', 'config');
}
function addPassThrough() {
addEntry('passthrough', 'index.js', 'index');
}
function addUtils() {
addEntry('utils', 'Utils.js', 'utils');
}
function addApi() {
addEntry('api', 'Api.js', 'api');
}
function addBase() {
addEntry('base', 'Base.js', 'base');
}
function addServices() {
addEntry('confirmationservice', 'ConfirmationService.js', 'confirmationservice');
addEntry('confirmationeventbus', 'ConfirmationEventBus.js', 'confirmationeventbus');
addEntry('useconfirm', 'UseConfirm.js', 'useconfirm');
addEntry('toastservice', 'ToastService.js', 'toastservice');
addEntry('toasteventbus', 'ToastEventBus.js', 'toasteventbus');
addEntry('overlayeventbus', 'OverlayEventBus.js', 'overlayeventbus');
addEntry('usetoast', 'UseToast.js', 'usetoast');
addEntry('usestyle', 'UseStyle.js', 'usestyle');
addEntry('terminalservice', 'TerminalService.js', 'terminalservice');
addEntry('usedialog', 'UseDialog.js', 'usedialog');
addEntry('dialogservice', 'DialogService.js', 'dialogservice');
addEntry('dynamicdialogeventbus', 'DynamicDialogEventBus.js', 'dynamicdialogeventbus');
}
function addPackageJson() {
const outputDir = 'dist';
const packageJson = `{
"name": "primevue",
"version": "${pkg.version}",
"private": false,
"author": "PrimeTek Informatics",
"description": "PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, which has 370+ ready to use UI blocks to build spectacular applications in no time.",
"homepage": "https://primevue.org/",
"repository": {
"type": "git",
"url": "https://github.com/primefaces/primevue.git"
},
"license": "MIT",
"bugs": {
"url": "https://github.com/primefaces/primevue/issues"
},
"keywords": [
"primevue",
"vue",
"vue.js",
"vue2",
"vue3",
"ui library",
"component library",
"material",
"bootstrap",
"fluent",
"tailwind",
"unstyled",
"passthrough"
],
"web-types": "./web-types.json",
"vetur": {
"tags": "./vetur-tags.json",
"attributes": "./vetur-attributes.json"
},
"peerDependencies": {
"vue": "^3.0.0"
}
}`;
!fs.existsSync(outputDir) && fs.mkdirSync(outputDir);
fs.writeFileSync(path.resolve(outputDir, 'package.json'), packageJson);
}
addUtils();
addStyle();
addThemes();
addBase();
addApi();
addConfig();
addDirectives();
addServices();
addSFC();
addIcon();
addPassThrough();
addCore();
addPackageJson();
export default entries;