227 lines
7.6 KiB
JavaScript
227 lines
7.6 KiB
JavaScript
|
import alias from '@rollup/plugin-alias';
|
||
|
import { babel } from '@rollup/plugin-babel';
|
||
|
import resolve from '@rollup/plugin-node-resolve';
|
||
|
import terser from '@rollup/plugin-terser';
|
||
|
import postcss from 'rollup-plugin-postcss';
|
||
|
import vue from 'rollup-plugin-vue';
|
||
|
|
||
|
import fs from 'fs-extra';
|
||
|
import path, { dirname } from 'path';
|
||
|
import { fileURLToPath } from 'url';
|
||
|
|
||
|
// @todo - Remove
|
||
|
const __dirname = dirname(fileURLToPath(import.meta.url));
|
||
|
|
||
|
// globals
|
||
|
const GLOBALS = {
|
||
|
vue: 'Vue'
|
||
|
};
|
||
|
|
||
|
// externals
|
||
|
const GLOBAL_EXTERNALS = ['vue'];
|
||
|
const INLINE_EXTERNALS = [/@primevue\/core\/.*/, /@primeuix\/.*/];
|
||
|
const EXTERNALS = [...GLOBAL_EXTERNALS, ...INLINE_EXTERNALS];
|
||
|
|
||
|
// alias
|
||
|
const ALIAS_ENTRIES = [
|
||
|
{
|
||
|
find: /^@primevue\/forms\/(.*)$/,
|
||
|
replacement: path.resolve(__dirname, './src/$1'),
|
||
|
customResolver(source, importer) {
|
||
|
const basedir = path.dirname(importer);
|
||
|
const folderPath = path.resolve(basedir, source);
|
||
|
const folderName = path.basename(folderPath);
|
||
|
|
||
|
const fName = folderName === 'style' ? `${path.basename(path.dirname(folderPath))}Style` : folderName;
|
||
|
const files = fs.readdirSync(folderPath);
|
||
|
const targetFile = files.find((file) => {
|
||
|
const ext = path.extname(file);
|
||
|
|
||
|
return ['.vue', '.js'].includes(ext) && path.basename(file, ext).toLowerCase() === fName.toLowerCase();
|
||
|
});
|
||
|
|
||
|
return targetFile ? path.join(folderPath, targetFile) : null;
|
||
|
}
|
||
|
},
|
||
|
{ find: '@primevue/forms/resolvers', replacement: path.resolve(__dirname, './src/resolvers/index.js') },
|
||
|
{ find: '@primevue/forms/useform', replacement: path.resolve(__dirname, './src/useform/index.js') }
|
||
|
];
|
||
|
|
||
|
// plugins
|
||
|
const BABEL_PLUGIN_OPTIONS = {
|
||
|
extensions: ['.js', '.vue'],
|
||
|
exclude: 'node_modules/**',
|
||
|
presets: ['@babel/preset-env'],
|
||
|
plugins: [],
|
||
|
skipPreflightCheck: true,
|
||
|
babelHelpers: 'runtime',
|
||
|
babelrc: false
|
||
|
};
|
||
|
|
||
|
const ALIAS_PLUGIN_OPTIONS = {
|
||
|
entries: ALIAS_ENTRIES
|
||
|
};
|
||
|
|
||
|
const POSTCSS_PLUGIN_OPTIONS = {
|
||
|
sourceMap: false
|
||
|
};
|
||
|
|
||
|
const TERSER_PLUGIN_OPTIONS = {
|
||
|
compress: {
|
||
|
keep_infinity: true,
|
||
|
pure_getters: true,
|
||
|
reduce_funcs: true
|
||
|
},
|
||
|
mangle: {
|
||
|
reserved: ['theme', 'css']
|
||
|
}
|
||
|
};
|
||
|
|
||
|
const PLUGINS = [vue(), postcss(POSTCSS_PLUGIN_OPTIONS), babel(BABEL_PLUGIN_OPTIONS)];
|
||
|
|
||
|
const ENTRY = {
|
||
|
entries: [],
|
||
|
onwarn(warning) {
|
||
|
if (warning.code === 'CIRCULAR_DEPENDENCY') {
|
||
|
//console.error(`(!) ${warning.message}`);
|
||
|
return;
|
||
|
}
|
||
|
},
|
||
|
format: {
|
||
|
cjs_es(options) {
|
||
|
return ENTRY.format.cjs(options).es(options);
|
||
|
},
|
||
|
cjs({ input, output, minify }) {
|
||
|
ENTRY.entries.push({
|
||
|
onwarn: ENTRY.onwarn,
|
||
|
input,
|
||
|
plugins: [...PLUGINS, minify && terser(TERSER_PLUGIN_OPTIONS)],
|
||
|
external: EXTERNALS,
|
||
|
inlineDynamicImports: true,
|
||
|
output: [
|
||
|
{
|
||
|
format: 'cjs',
|
||
|
file: `${output}${minify ? '.min' : ''}.cjs`,
|
||
|
sourcemap: true,
|
||
|
exports: 'auto'
|
||
|
}
|
||
|
]
|
||
|
});
|
||
|
|
||
|
ENTRY.update.packageJson({ input, output, options: { main: `${output}.cjs` } });
|
||
|
|
||
|
return ENTRY.format;
|
||
|
},
|
||
|
es({ input, output, minify }) {
|
||
|
ENTRY.entries.push({
|
||
|
onwarn: ENTRY.onwarn,
|
||
|
input,
|
||
|
plugins: [...PLUGINS, minify && terser(TERSER_PLUGIN_OPTIONS)],
|
||
|
external: EXTERNALS,
|
||
|
inlineDynamicImports: true,
|
||
|
output: [
|
||
|
{
|
||
|
format: 'es',
|
||
|
file: `${output}${minify ? '.min' : ''}.mjs`,
|
||
|
sourcemap: true,
|
||
|
exports: 'auto'
|
||
|
}
|
||
|
]
|
||
|
});
|
||
|
|
||
|
ENTRY.update.packageJson({ input, output, options: { main: `${output}.mjs`, module: `${output}.mjs` } });
|
||
|
|
||
|
return ENTRY.format;
|
||
|
},
|
||
|
umd({ name, input, output, minify }) {
|
||
|
ENTRY.entries.push({
|
||
|
onwarn: ENTRY.onwarn,
|
||
|
input,
|
||
|
plugins: [alias(ALIAS_PLUGIN_OPTIONS), resolve(), ...PLUGINS, minify && terser(TERSER_PLUGIN_OPTIONS)],
|
||
|
external: GLOBAL_EXTERNALS,
|
||
|
inlineDynamicImports: true,
|
||
|
output: [
|
||
|
{
|
||
|
format: 'umd',
|
||
|
name: name ?? 'PrimeVue',
|
||
|
file: `${output}${minify ? '.min' : ''}.js`,
|
||
|
globals: GLOBALS,
|
||
|
exports: 'auto'
|
||
|
}
|
||
|
]
|
||
|
});
|
||
|
|
||
|
return ENTRY.format;
|
||
|
}
|
||
|
},
|
||
|
update: {
|
||
|
packageJson({ input, output, options }) {
|
||
|
try {
|
||
|
const inputDir = path.resolve(__dirname, path.dirname(input));
|
||
|
const outputDir = path.resolve(__dirname, path.dirname(output));
|
||
|
const packageJson = path.resolve(outputDir, 'package.json');
|
||
|
|
||
|
!fs.existsSync(packageJson) && fs.copySync(path.resolve(inputDir, './package.json'), packageJson);
|
||
|
|
||
|
const pkg = JSON.parse(fs.readFileSync(packageJson, { encoding: 'utf8', flag: 'r' }));
|
||
|
|
||
|
!pkg?.main?.includes('.cjs') && (pkg.main = path.basename(options?.main) ? `./${path.basename(options.main)}` : pkg.main);
|
||
|
pkg.module = path.basename(options?.module) ? `./${path.basename(options.module)}` : packageJson.module;
|
||
|
pkg.types && (pkg.types = './index.d.ts');
|
||
|
|
||
|
fs.writeFileSync(packageJson, JSON.stringify(pkg, null, 4));
|
||
|
} catch {}
|
||
|
}
|
||
|
}
|
||
|
};
|
||
|
|
||
|
function addFile() {
|
||
|
fs.readdirSync(path.resolve(__dirname, process.env.INPUT_DIR), { withFileTypes: true })
|
||
|
.filter((dir) => dir.isDirectory())
|
||
|
.forEach(({ name: folderName }) => {
|
||
|
fs.readdirSync(path.resolve(__dirname, process.env.INPUT_DIR + folderName)).forEach((file) => {
|
||
|
let name = file.split(/(.vue)$|(.js)$/)[0].toLowerCase();
|
||
|
|
||
|
if (name === folderName) {
|
||
|
const input = process.env.INPUT_DIR + folderName + '/' + file;
|
||
|
const output = process.env.OUTPUT_DIR + folderName + '/index';
|
||
|
|
||
|
ENTRY.format.es({ input, output });
|
||
|
}
|
||
|
});
|
||
|
});
|
||
|
}
|
||
|
|
||
|
function addStyle() {
|
||
|
fs.readdirSync(path.resolve(__dirname, process.env.INPUT_DIR), { withFileTypes: true })
|
||
|
.filter((dir) => dir.isDirectory())
|
||
|
.forEach(({ name: folderName }) => {
|
||
|
try {
|
||
|
fs.readdirSync(path.resolve(__dirname, process.env.INPUT_DIR + folderName + '/style')).forEach((file) => {
|
||
|
if (/\.js$/.test(file)) {
|
||
|
const name = file.split(/(.js)$/)[0].toLowerCase();
|
||
|
const input = process.env.INPUT_DIR + folderName + '/style/' + file;
|
||
|
const output = process.env.OUTPUT_DIR + folderName + '/style/index';
|
||
|
|
||
|
ENTRY.format.es({ input, output });
|
||
|
}
|
||
|
});
|
||
|
} catch {}
|
||
|
});
|
||
|
}
|
||
|
|
||
|
function addResolvers() {
|
||
|
ENTRY.format.es({ input: process.env.INPUT_DIR + 'resolvers/index.js', output: process.env.OUTPUT_DIR + 'resolvers/index' });
|
||
|
}
|
||
|
|
||
|
function addUseForm() {
|
||
|
ENTRY.format.es({ input: process.env.INPUT_DIR + 'useform/index.js', output: process.env.OUTPUT_DIR + 'useform/index' });
|
||
|
}
|
||
|
|
||
|
addFile();
|
||
|
addStyle();
|
||
|
addResolvers();
|
||
|
addUseForm();
|
||
|
|
||
|
export default ENTRY.entries;
|