chore: formatting changes

This commit is contained in:
Arjun Choudhary 2022-11-15 13:29:13 +05:30
parent 7adc904b08
commit fca5173948

View File

@ -1,195 +1,191 @@
import pkg from './package.json'; import pkg from "./package.json";
// Rollup plugins // Rollup plugins
import babel from 'rollup-plugin-babel'; import babel from "rollup-plugin-babel";
import { eslint } from 'rollup-plugin-eslint'; import { eslint } from "rollup-plugin-eslint";
import replace from 'rollup-plugin-replace'; import replace from "rollup-plugin-replace";
import uglify from 'rollup-plugin-uglify-es'; import uglify from "rollup-plugin-uglify-es";
import sass from 'node-sass'; import sass from "node-sass";
// PostCSS plugins // PostCSS plugins
import postcssPlugin from 'rollup-plugin-postcss'; import postcssPlugin from "rollup-plugin-postcss";
import nested from 'postcss-nested'; import nested from "postcss-nested";
import cssnext from 'postcss-cssnext'; import cssnext from "postcss-cssnext";
import cssnano from 'cssnano'; import cssnano from "cssnano";
import postcss from 'postcss'; import postcss from "postcss";
import precss from 'precss'; import precss from "precss";
import CleanCSS from 'clean-css'; import CleanCSS from "clean-css";
import autoprefixer from 'autoprefixer'; import autoprefixer from "autoprefixer";
import fs from 'fs'; import fs from "fs";
fs.readFile('src/css/charts.scss', (err, css) => { fs.readFile("src/css/charts.scss", (err, css) => {
postcss([precss, autoprefixer]) postcss([precss, autoprefixer])
.process(css, { from: 'src/css/charts.scss', to: 'src/css/charts.css' }) .process(css, { from: "src/css/charts.scss", to: "src/css/charts.css" })
.then(result => { .then((result) => {
let options = { let options = {
level: { level: {
1: { 1: {
removeQuotes: false, removeQuotes: false,
} },
} },
} };
let output = new CleanCSS(options).minify(result.css); let output = new CleanCSS(options).minify(result.css);
let res = JSON.stringify(output.styles).replace(/"/g, "'"); let res = JSON.stringify(output.styles).replace(/"/g, "'");
let js = `export const CSSTEXT = "${res.slice(1, -1)}";`; let js = `export const CSSTEXT = "${res.slice(1, -1)}";`;
fs.writeFile('src/css/chartsCss.js', js); fs.writeFile("src/css/chartsCss.js", js);
}); });
}); });
export default [ export default [
{ {
input: 'src/js/index.js', input: "src/js/index.js",
sourcemap: true, sourcemap: true,
output: [ output: [
{ {
file: 'docs/assets/js/frappe-charts.min.js', file: "docs/assets/js/frappe-charts.min.js",
format: 'iife', format: "iife",
}, },
{ {
file: pkg.browser, file: pkg.browser,
format: 'umd', format: "umd",
} },
], ],
name: 'frappe', name: "frappe",
plugins: [ plugins: [
postcssPlugin({ postcssPlugin({
preprocessor: (content, id) => new Promise((resolve, reject) => { preprocessor: (content, id) =>
const result = sass.renderSync({ file: id }) new Promise((resolve, reject) => {
resolve({ code: result.css.toString() }) const result = sass.renderSync({ file: id });
}), resolve({ code: result.css.toString() });
extensions: ['.scss'], }),
plugins: [ extensions: [".scss"],
nested(), plugins: [
cssnext({ warnForDuplicates: false }), nested(),
cssnano() cssnext({ warnForDuplicates: false }),
] cssnano(),
}), ],
eslint({ }),
exclude: [ eslint({
'src/css/**' exclude: ["src/css/**"],
] }),
}), babel({
babel({ exclude: "node_modules/**",
exclude: 'node_modules/**', plugins: ["external-helpers"],
plugins: ['external-helpers'] }),
}), replace({
replace({ exclude: "node_modules/**",
exclude: 'node_modules/**', ENV: JSON.stringify(process.env.NODE_ENV || "development"),
ENV: JSON.stringify(process.env.NODE_ENV || 'development'), }),
}), uglify(),
uglify() ],
] },
}, {
{ input: "docs/assets/js/index.js",
input: 'docs/assets/js/index.js', sourcemap: true,
sourcemap: true, output: [
output: [ {
{ file: "docs/assets/js/index.min.js",
file: 'docs/assets/js/index.min.js', format: "iife",
format: 'iife', },
} ],
], name: "frappe",
name: 'frappe', plugins: [
plugins: [ postcssPlugin({
postcssPlugin({ preprocessor: (content, id) =>
preprocessor: (content, id) => new Promise((resolve, reject) => { new Promise((resolve, reject) => {
const result = sass.renderSync({ file: id }) const result = sass.renderSync({ file: id });
resolve({ code: result.css.toString() }) resolve({ code: result.css.toString() });
}), }),
extensions: ['.scss'], extensions: [".scss"],
plugins: [ plugins: [
nested(), nested(),
cssnext({ warnForDuplicates: false }), cssnext({ warnForDuplicates: false }),
cssnano() cssnano(),
] ],
}), }),
eslint({ eslint({
exclude: [ exclude: ["src/css/**"],
'src/css/**' }),
] babel({
}), exclude: "node_modules/**",
babel({ }),
exclude: 'node_modules/**' replace({
}), exclude: "node_modules/**",
replace({ ENV: JSON.stringify(process.env.NODE_ENV || "development"),
exclude: 'node_modules/**', }),
ENV: JSON.stringify(process.env.NODE_ENV || 'development'), ],
}) },
] {
}, input: "src/js/chart.js",
{ sourcemap: true,
input: 'src/js/chart.js', output: [
sourcemap: true, {
output: [ file: pkg.main,
{ format: "cjs",
file: pkg.main, },
format: 'cjs', {
}, file: pkg.module,
{ format: "es",
file: pkg.module, },
format: 'es', ],
} plugins: [
], postcssPlugin({
plugins: [ preprocessor: (content, id) =>
postcssPlugin({ new Promise((resolve, reject) => {
preprocessor: (content, id) => new Promise((resolve, reject) => { const result = sass.renderSync({ file: id });
const result = sass.renderSync({ file: id }) resolve({ code: result.css.toString() });
resolve({ code: result.css.toString() }) }),
}), extensions: [".scss"],
extensions: ['.scss'], plugins: [
plugins: [ nested(),
nested(), cssnext({ warnForDuplicates: false }),
cssnext({ warnForDuplicates: false }), cssnano(),
cssnano() ],
] }),
}), eslint({
eslint({ exclude: ["src/css/**"],
exclude: [ }),
'src/css/**', babel({
] exclude: "node_modules/**",
}), }),
babel({ replace({
exclude: 'node_modules/**', exclude: "node_modules/**",
}), ENV: JSON.stringify(process.env.NODE_ENV || "development"),
replace({ }),
exclude: 'node_modules/**', uglify(),
ENV: JSON.stringify(process.env.NODE_ENV || 'development'), ],
}), },
uglify() {
], input: "src/js/chart.js",
}, output: [
{ {
input: 'src/js/chart.js', file: pkg.src,
output: [ format: "es",
{ },
file: pkg.src, ],
format: 'es', plugins: [
} postcssPlugin({
], preprocessor: (content, id) =>
plugins: [ new Promise((resolve, reject) => {
postcssPlugin({ const result = sass.renderSync({ file: id });
preprocessor: (content, id) => new Promise((resolve, reject) => { resolve({ code: result.css.toString() });
const result = sass.renderSync({ file: id }) }),
resolve({ code: result.css.toString() }) extensions: [".scss"],
}), extract: "dist/frappe-charts.min.css",
extensions: ['.scss'], plugins: [
extract: 'dist/frappe-charts.min.css', nested(),
plugins: [ cssnext({ warnForDuplicates: false }),
nested(), cssnano(),
cssnext({ warnForDuplicates: false }), ],
cssnano() }),
] eslint({
}), exclude: ["src/css/**"],
eslint({ }),
exclude: [ replace({
'src/css/**', exclude: "node_modules/**",
] ENV: JSON.stringify(process.env.NODE_ENV || "development"),
}), }),
replace({ ],
exclude: 'node_modules/**', },
ENV: JSON.stringify(process.env.NODE_ENV || 'development'),
})
],
}
]; ];