From ddbdac35ab4ad3ceacb86bd933375b2de08d0d1e Mon Sep 17 00:00:00 2001 From: Ffloriel Date: Tue, 6 Jul 2021 23:59:34 +0100 Subject: [PATCH] refactor: cli in typescript - move cli to typescript - add build process for cli --- packages/postcss-purgecss/src/index.ts | 6 +- packages/purgecss/bin/purgecss.js | 92 +------------- packages/purgecss/src/VariablesStructure.ts | 2 +- packages/purgecss/src/bin.ts | 130 ++++++++++++++++++++ packages/purgecss/src/index.ts | 22 +--- packages/purgecss/src/types/index.ts | 1 + packages/purgecss/src/utils.ts | 15 +++ scripts/build.ts | 14 +++ 8 files changed, 170 insertions(+), 112 deletions(-) create mode 100644 packages/purgecss/src/bin.ts create mode 100644 packages/purgecss/src/utils.ts diff --git a/packages/postcss-purgecss/src/index.ts b/packages/postcss-purgecss/src/index.ts index d252e32e..feea4d2b 100644 --- a/packages/postcss-purgecss/src/index.ts +++ b/packages/postcss-purgecss/src/index.ts @@ -1,11 +1,9 @@ import * as postcss from "postcss"; - import PurgeCSS, { defaultOptions, mergeExtractorSelectors, - standardizeSafelist, + standardizeSafelist } from "purgecss"; - import { RawContent, UserDefinedOptions } from "./types"; const PLUGIN_NAME = "postcss-purgecss"; @@ -51,6 +49,8 @@ async function purgeCSS( const selectors = mergeExtractorSelectors(cssFileSelectors, cssRawSelectors); //purge unused selectors + // eslint-disable-next-line @typescript-eslint/ban-ts-comment + // @ts-ignore purgeCSS.walkThroughCSS(root, selectors); if (purgeCSS.options.fontFace) purgeCSS.removeUnusedFontFaces(); diff --git a/packages/purgecss/bin/purgecss.js b/packages/purgecss/bin/purgecss.js index df1f895b..b42b8b0b 100755 --- a/packages/purgecss/bin/purgecss.js +++ b/packages/purgecss/bin/purgecss.js @@ -1,92 +1,2 @@ #!/usr/bin/env node -const program = require("commander"); -const fs = require("fs"); -const { - default: PurgeCSS, - defaultOptions, - setOptions, - standardizeSafelist, -} = require("../lib/purgecss"); - -async function writeCSSToFile(filePath, css) { - try { - await fs.promises.writeFile(filePath, css); - } catch (err) { - console.error(err.message); - } -} - -program - .usage("--css --content [options]") - .option("-con, --content ", "glob of content files") - .option("-css, --css ", "glob of css files") - .option("-c, --config ", "path to the configuration file") - .option( - "-o, --output ", - "file path directory to write purged css files to" - ) - .option("-font, --font-face", "option to remove unused font-faces") - .option("-keyframes, --keyframes", "option to remove unused keyframes") - .option("-rejected, --rejected", "option to output rejected selectors") - .option( - "-s, --safelist ", - "list of classes that should not be removed" - ) - .option( - "-b, --blocklist ", - "list of selectors that should be removed" - ) - .option( - "-k, --skippedContentGlobs ", - "list of glob patterns for folders/files that should not be scanned" - ); - -program.parse(process.argv); - -const run = async () => { - // config file is not specified or the content and css are not, - // PurgeCSS will not run - if (!program.config && !(program.content && program.css)) { - program.help(); - } - - // if the config file is present, use it - // other options specified will override - let options = defaultOptions; - if (program.config) { - options = await setOptions(program.config); - } - if (program.content) options.content = program.content; - if (program.css) options.css = program.css; - if (program.fontFace) options.fontFace = program.fontFace; - if (program.keyframes) options.keyframes = program.keyframes; - if (program.rejected) options.rejected = program.rejected; - if (program.variables) options.variables = program.variables; - if (program.safelist) options.safelist = standardizeSafelist(program.safelist); - if (program.blocklist) options.blocklist = program.blocklist; - if (program.skippedContentGlobs) options.skippedContentGlobs = program.skippedContentGlobs; - - const purged = await new PurgeCSS().purge(options); - const output = options.output || program.output; - // output results in specified directory - if (output) { - if (purged.length === 1 && output.endsWith(".css")) { - await writeCSSToFile(output, purged[0].css); - return; - } - - for (const purgedResult of purged) { - const fileName = purgedResult.file.split("/").pop(); - await writeCSSToFile(`${output}/${fileName}`, purgedResult.css); - } - } else { - console.log(JSON.stringify(purged)); - } -}; - -try { - run(); -} catch (error) { - console.error(error.message); - process.exit(1); -} +"use strict";var e=require("commander"),t=require("fs"),s=require("glob"),r=require("path"),o=require("postcss"),i=require("postcss-selector-parser"),n=require("util");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(s){if("default"!==s){var r=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,r.get?r:{enumerable:!0,get:function(){return e[s]}})}})),t.default=e,Object.freeze(t)}var l=c(t),u=a(t),f=a(s),d=a(r),h=c(o),p=a(i),m="4.0.3",g="Remove unused css selectors";function v(e,t){t&&t.forEach(e.add,e)}class y{constructor(e){this.undetermined=new Set,this.attrNames=new Set,this.attrValues=new Set,this.classes=new Set,this.ids=new Set,this.tags=new Set,this.merge(e)}merge(e){return Array.isArray(e)?v(this.undetermined,e):e instanceof y?(v(this.undetermined,e.undetermined),v(this.attrNames,e.attrNames),v(this.attrValues,e.attrValues),v(this.classes,e.classes),v(this.ids,e.ids),v(this.tags,e.tags)):(v(this.undetermined,e.undetermined),e.attributes&&(v(this.attrNames,e.attributes.names),v(this.attrValues,e.attributes.values)),v(this.classes,e.classes),v(this.ids,e.ids),v(this.tags,e.tags)),this}hasAttrName(e){return this.attrNames.has(e)||this.undetermined.has(e)}someAttrValue(e){for(const t of this.attrValues)if(e(t))return!0;for(const t of this.undetermined)if(e(t))return!0;return!1}hasAttrPrefix(e){return this.someAttrValue((t=>t.startsWith(e)))}hasAttrSuffix(e){return this.someAttrValue((t=>t.endsWith(e)))}hasAttrSubstr(e){return e.trim().split(" ").every((e=>this.someAttrValue((t=>t.includes(e)))))}hasAttrValue(e){return this.attrValues.has(e)||this.undetermined.has(e)}hasClass(e){return this.classes.has(e)||this.undetermined.has(e)}hasId(e){return this.ids.has(e)||this.undetermined.has(e)}hasTag(e){return this.tags.has(e)||this.undetermined.has(e)}}const b=["*","::-webkit-scrollbar","::selection",":root","::before","::after"],S={css:[],content:[],defaultExtractor:e=>e.match(/[A-Za-z0-9_-]+/g)||[],extractors:[],fontFace:!1,keyframes:!1,rejected:!1,stdin:!1,stdout:!1,variables:!1,safelist:{standard:[],deep:[],greedy:[],variables:[],keyframes:[]},blocklist:[],skippedContentGlobs:[],dynamicAttributes:[]};function w(e,t){const s=[];return e.replace(t,(function(){const t=arguments,r=Array.prototype.slice.call(t,0,-2);return r.input=t[t.length-1],r.index=t[t.length-2],s.push(r),e})),s}class k{constructor(e){this.nodes=[],this.isUsed=!1,this.value=e}}class F{constructor(){this.nodes=new Map,this.usedVariables=new Set,this.safelist=[]}addVariable(e){const{prop:t}=e;if(!this.nodes.has(t)){const s=new k(e);this.nodes.set(t,s)}}addVariableUsage(e,t){const{prop:s}=e,r=this.nodes.get(s);for(const e of t){const t=e[1];if(this.nodes.has(t)){const e=this.nodes.get(t);null==r||r.nodes.push(e)}}}addVariableUsageInProperties(e){for(const t of e){const e=t[1];this.usedVariables.add(e)}}setAsUsed(e){const t=[this.nodes.get(e)];for(;0!==t.length;){const e=t.pop();e&&!e.isUsed&&(e.isUsed=!0,t.push(...e.nodes))}}removeUnused(){for(const e of this.usedVariables){const t=this.nodes.get(e);if(t){w(t.value.value,/var\((.+?)[,)]/g).forEach((e=>{this.usedVariables.has(e[1])||this.usedVariables.add(e[1])}))}}for(const e of this.usedVariables)this.setAsUsed(e);for(const[e,t]of this.nodes)t.isUsed||this.isVariablesSafelisted(e)||t.value.remove()}isVariablesSafelisted(e){return this.safelist.some((t=>"string"==typeof t?t===e:t.test(e)))}}const V={access:n.promisify(l.access),readFile:n.promisify(l.readFile)};function A(e=[]){return Array.isArray(e)?{...S.safelist,standard:e}:{...S.safelist,...e}}async function x(e="purgecss.config.js"){let t;try{const s=d.default.resolve(process.cwd(),e);t=await Promise.resolve().then((function(){return c(require(s))}))}catch(e){throw new Error("Error loading the config file "+e.message)}return{...S,...t,safelist:A(t.safelist)}}async function j(e,t){return new y(await t(e))}function U(e,t){switch(t){case"next":return e.text.includes("purgecss ignore");case"start":return e.text.includes("purgecss start ignore");case"end":return e.text.includes("purgecss end ignore")}}function C(e){return e.replace(/(^["'])|(["']$)/g,"")}function R(e,t){if(!t.hasAttrName(e.attribute))return!1;if(void 0===e.value)return!0;switch(e.operator){case"$=":return t.hasAttrSuffix(e.value);case"~=":case"*=":return t.hasAttrSubstr(e.value);case"=":return t.hasAttrValue(e.value);case"|=":case"^=":return t.hasAttrPrefix(e.value);default:return!0}}function E(e,t){return t.hasId(e.value)}function P(e,t){return t.hasTag(e.value)}function q(e){return"atrule"===(null==e?void 0:e.type)}function G(e){return"rule"===(null==e?void 0:e.type)}class N{constructor(){this.ignore=!1,this.atRules={fontFace:[],keyframes:[]},this.usedAnimations=new Set,this.usedFontFaces=new Set,this.selectorsRemoved=new Set,this.variablesStructure=new F,this.options=S}collectDeclarationsData(e){const{prop:t,value:s}=e;if(this.options.variables){const r=w(s,/var\((.+?)[,)]/g);t.startsWith("--")?(this.variablesStructure.addVariable(e),r.length>0&&this.variablesStructure.addVariableUsage(e,r)):r.length>0&&this.variablesStructure.addVariableUsageInProperties(r)}if(!this.options.keyframes||"animation"!==t&&"animation-name"!==t)if(this.options.fontFace){if("font-family"===t)for(const e of s.split(",")){const t=C(e.trim());this.usedFontFaces.add(t)}}else;else for(const e of s.split(/[\s,]+/))this.usedAnimations.add(e)}getFileExtractor(e,t){const s=t.find((t=>t.extensions.find((t=>e.endsWith(t)))));return void 0===s?this.options.defaultExtractor:s.extractor}async extractSelectorsFromFiles(e,t){const s=new y([]);for(const r of e){let e=[];try{await V.access(r,l.constants.F_OK),e.push(r)}catch(t){e=f.default.sync(r,{nodir:!0,ignore:this.options.skippedContentGlobs})}for(const r of e){const e=await V.readFile(r,"utf-8"),o=this.getFileExtractor(r,t),i=await j(e,o);s.merge(i)}}return s}async extractSelectorsFromString(e,t){const s=new y([]);for(const{raw:r,extension:o}of e){const e=this.getFileExtractor("."+o,t),i=await j(r,e);s.merge(i)}return s}evaluateAtRule(e){if(this.options.keyframes&&e.name.endsWith("keyframes"))this.atRules.keyframes.push(e);else if(this.options.fontFace&&"font-face"===e.name&&e.nodes)for(const t of e.nodes)"decl"===t.type&&"font-family"===t.prop&&this.atRules.fontFace.push({name:C(t.value),node:e})}evaluateRule(e,t){if(this.ignore)return;const s=e.prev();if(function(e){return"comment"===(null==e?void 0:e.type)}(s)&&U(s,"next"))return void s.remove();if(e.parent&&q(e.parent)&&"keyframes"===e.parent.name)return;if(!G(e))return;if(function(e){let t=!1;return e.walkComments((e=>{e&&"comment"===e.type&&e.text.includes("purgecss ignore current")&&(t=!0,e.remove())})),t}(e))return;let r=!0;if(e.selector=p.default((e=>{e.walk((e=>{"selector"===e.type&&(r=this.shouldKeepSelector(e,t),r||(this.options.rejected&&this.selectorsRemoved.add(e.toString()),e.remove()))}))})).processSync(e.selector),r&&void 0!==e.nodes)for(const t of e.nodes)"decl"===t.type&&this.collectDeclarationsData(t);const o=e.parent;e.selector||e.remove(),function(e){return!!(G(e)&&!e.selector||(null==e?void 0:e.nodes)&&!e.nodes.length||q(e)&&(!e.nodes&&!e.params||!e.params&&e.nodes&&!e.nodes.length))}(o)&&(null==o||o.remove())}async getPurgedCSS(e,t){const s=[],r=[];for(const t of e)"string"==typeof t?r.push(...f.default.sync(t,{nodir:!0,ignore:this.options.skippedContentGlobs})):r.push(t);for(const e of r){const r="string"==typeof e?this.options.stdin?e:await V.readFile(e,"utf-8"):e.raw,o=h.parse(r);this.walkThroughCSS(o,t),this.options.fontFace&&this.removeUnusedFontFaces(),this.options.keyframes&&this.removeUnusedKeyframes(),this.options.variables&&this.removeUnusedCSSVariables();const i={css:o.toString(),file:"string"==typeof e?e:e.name};this.options.rejected&&(i.rejected=Array.from(this.selectorsRemoved),this.selectorsRemoved.clear()),s.push(i)}return s}isKeyframesSafelisted(e){return this.options.safelist.keyframes.some((t=>"string"==typeof t?t===e:t.test(e)))}isSelectorBlocklisted(e){return this.options.blocklist.some((t=>"string"==typeof t?t===e:t.test(e)))}isSelectorSafelisted(e){const t=this.options.safelist.standard.some((t=>"string"==typeof t?t===e:t.test(e)));return b.includes(e)||t}isSelectorSafelistedDeep(e){return this.options.safelist.deep.some((t=>t.test(e)))}isSelectorSafelistedGreedy(e){return this.options.safelist.greedy.some((t=>t.test(e)))}async purge(e){this.options="object"!=typeof e?await x(e):{...S,...e,safelist:A(e.safelist)};const{content:t,css:s,extractors:r,safelist:o}=this.options;this.options.variables&&(this.variablesStructure.safelist=o.variables||[]);const i=t.filter((e=>"string"==typeof e)),n=t.filter((e=>"object"==typeof e)),a=await this.extractSelectorsFromFiles(i,r),c=await this.extractSelectorsFromString(n,r);return this.getPurgedCSS(s,function(...e){const t=new y([]);return e.forEach(t.merge,t),t}(a,c))}removeUnusedCSSVariables(){this.variablesStructure.removeUnused()}removeUnusedFontFaces(){for(const{name:e,node:t}of this.atRules.fontFace)this.usedFontFaces.has(e)||t.remove()}removeUnusedKeyframes(){for(const e of this.atRules.keyframes)this.usedAnimations.has(e.params)||this.isKeyframesSafelisted(e.params)||e.remove()}getSelectorValue(e){return"attribute"===e.type&&e.attribute||e.value}shouldKeepSelector(e,t){if(function(e){return e.parent&&"pseudo"===e.parent.type&&e.parent.value.startsWith(":")||!1}(e))return!0;if(this.options.safelist.greedy.length>0){if(e.nodes.map(this.getSelectorValue).some((e=>e&&this.isSelectorSafelistedGreedy(e))))return!0}let s=!1;for(const o of e.nodes){const e=this.getSelectorValue(o);if(e&&this.isSelectorSafelistedDeep(e))return!0;if(e&&(b.includes(e)||this.isSelectorSafelisted(e)))s=!0;else{if(e&&this.isSelectorBlocklisted(e))return!1;switch(o.type){case"attribute":s=!![...this.options.dynamicAttributes,"value","checked","selected","open"].includes(o.attribute)||R(o,t);break;case"class":r=o,s=t.hasClass(r.value);break;case"id":s=E(o,t);break;case"tag":s=P(o,t);break;default:continue}if(!s)return!1}}var r;return s}walkThroughCSS(e,t){e.walk((e=>"rule"===e.type?this.evaluateRule(e,t):"atrule"===e.type?this.evaluateAtRule(e):void("comment"===e.type&&(U(e,"start")?(this.ignore=!0,e.remove()):U(e,"end")&&(this.ignore=!1,e.remove())))))}}async function O(e,t){try{await u.default.promises.writeFile(e,t)}catch(e){console.error(e.message)}}try{!async function(){var t;e.program.description(g).version(m).usage("--css --content [options]"),e.program.option("-con, --content ","glob of content files").option("-css, --css ","glob of css files").option("-c, --config ","path to the configuration file").option("-o, --output ","file path directory to write purged css files to").option("-font, --font-face","option to remove unused font-faces").option("-keyframes, --keyframes","option to remove unused keyframes").option("-v, --variables","option to remove unused variables").option("-rejected, --rejected","option to output rejected selectors").option("-s, --safelist ","list of classes that should not be removed").option("-b, --blocklist ","list of selectors that should be removed").option("-k, --skippedContentGlobs ","list of glob patterns for folders/files that should not be scanned"),e.program.parse(process.argv);const{config:s,css:r,content:o,output:i,fontFace:n,keyframes:a,variables:c,rejected:l,safelist:u,blocklist:f,skippedContentGlobs:d}=e.program.opts();s||o&&r||e.program.help();let h=S;s&&(h=await x(s)),o&&(h.content=o),r&&(h.css=r),n&&(h.fontFace=n),a&&(h.keyframes=a),l&&(h.rejected=l),c&&(h.variables=c),u&&(h.safelist=A(u)),f&&(h.blocklist=f),d&&(h.skippedContentGlobs=d);const p=await(new N).purge(h),v=h.output||i;if(v){if(1===p.length&&v.endsWith(".css"))return void await O(v,p[0].css);for(const e of p){const s=null===(t=null==e?void 0:e.file)||void 0===t?void 0:t.split("/").pop();await O(`${i}/${s}`,e.css)}}else console.log(JSON.stringify(p))}()}catch(e){console.error(e.message),process.exit(1)} diff --git a/packages/purgecss/src/VariablesStructure.ts b/packages/purgecss/src/VariablesStructure.ts index e20fb6af..588d60df 100644 --- a/packages/purgecss/src/VariablesStructure.ts +++ b/packages/purgecss/src/VariablesStructure.ts @@ -1,6 +1,6 @@ import * as postcss from "postcss"; -import { matchAll } from "./index"; import { StringRegExpArray } from "./types"; +import { matchAll } from "./utils"; class VariableNode { public nodes: VariableNode[] = []; diff --git a/packages/purgecss/src/bin.ts b/packages/purgecss/src/bin.ts new file mode 100644 index 00000000..b8d9d41c --- /dev/null +++ b/packages/purgecss/src/bin.ts @@ -0,0 +1,130 @@ +import { program } from "commander"; +import fs from "fs"; +import packageJson from "./../package.json"; +import { + defaultOptions, + PurgeCSS, + setOptions, + standardizeSafelist +} from "./index"; + +async function writeCSSToFile(filePath: string, css: string) { + try { + await fs.promises.writeFile(filePath, css); + } catch (err) { + console.error(err.message); + } +} + +type CommandOptions = { + config?: string; + css?: string[]; + content?: string[]; + output?: string; + fontFace?: boolean; + keyframes?: boolean; + variables?: boolean; + rejected?: boolean; + safelist?: string[]; + blocklist?: string[]; + skippedContentGlobs: string[]; +}; + +function parseCommandOptions() { + program + .description(packageJson.description) + .version(packageJson.version) + .usage("--css --content [options]"); + + program + .option("-con, --content ", "glob of content files") + .option("-css, --css ", "glob of css files") + .option("-c, --config ", "path to the configuration file") + .option( + "-o, --output ", + "file path directory to write purged css files to" + ) + .option("-font, --font-face", "option to remove unused font-faces") + .option("-keyframes, --keyframes", "option to remove unused keyframes") + .option("-v, --variables", "option to remove unused variables") + .option("-rejected, --rejected", "option to output rejected selectors") + .option( + "-s, --safelist ", + "list of classes that should not be removed" + ) + .option( + "-b, --blocklist ", + "list of selectors that should be removed" + ) + .option( + "-k, --skippedContentGlobs ", + "list of glob patterns for folders/files that should not be scanned" + ); + + program.parse(process.argv); +} + +async function run() { + parseCommandOptions(); + // config file is not specified or the content and css are not, + // PurgeCSS will not run + const { + config, + css, + content, + output, + fontFace, + keyframes, + variables, + rejected, + safelist, + blocklist, + skippedContentGlobs, + } = program.opts(); + + // config file is not specified or the content and css are not, + // PurgeCSS will not run + if (!config && !(content && css)) { + program.help(); + } + + // if the config file is present, use it + // other options specified will override + let options = defaultOptions; + if (config) { + options = await setOptions(config); + } + if (content) options.content = content; + if (css) options.css = css; + if (fontFace) options.fontFace = fontFace; + if (keyframes) options.keyframes = keyframes; + if (rejected) options.rejected = rejected; + if (variables) options.variables = variables; + if (safelist) options.safelist = standardizeSafelist(safelist); + if (blocklist) options.blocklist = blocklist; + if (skippedContentGlobs) options.skippedContentGlobs = skippedContentGlobs; + + const purged = await new PurgeCSS().purge(options); + const resultOutput = options.output || output; + // output results in specified directory + if (resultOutput) { + if (purged.length === 1 && resultOutput.endsWith(".css")) { + await writeCSSToFile(resultOutput, purged[0].css); + return; + } + + for (const purgedResult of purged) { + const fileName = purgedResult?.file?.split("/").pop(); + await writeCSSToFile(`${output}/${fileName}`, purgedResult.css); + } + } else { + console.log(JSON.stringify(purged)); + } +} + +try { + run(); +} catch (error) { + console.error(error.message); + process.exit(1); +} diff --git a/packages/purgecss/src/index.ts b/packages/purgecss/src/index.ts index 6b6611c6..19653763 100644 --- a/packages/purgecss/src/index.ts +++ b/packages/purgecss/src/index.ts @@ -10,7 +10,7 @@ import { IGNORE_ANNOTATION_CURRENT, IGNORE_ANNOTATION_END, IGNORE_ANNOTATION_NEXT, - IGNORE_ANNOTATION_START, + IGNORE_ANNOTATION_START } from "./constants"; import ExtractorResultSets from "./ExtractorResultSets"; import { CSS_SAFELIST } from "./internal-safelist"; @@ -23,12 +23,14 @@ import { Extractors, IgnoreType, Options, + PostCSSRoot, RawContent, RawCSS, ResultPurge, UserDefinedOptions, - UserDefinedSafelist, + UserDefinedSafelist } from "./types"; +import { matchAll } from "./utils"; import VariablesStructure from "./VariablesStructure"; export { defaultOptions } from "./options"; @@ -243,20 +245,6 @@ function isInPseudoClass(selector: selectorParser.Node): boolean { ); } -export function matchAll(str: string, regexp: RegExp): RegExpMatchArray[] { - const matches: RegExpMatchArray[] = []; - str.replace(regexp, function () { - // eslint-disable-next-line prefer-rest-params - const args = arguments; - const match: RegExpMatchArray = Array.prototype.slice.call(args, 0, -2); - match.input = args[args.length - 1]; - match.index = args[args.length - 2]; - matches.push(match); - return str; - }); - return matches; -} - function isPostCSSAtRule(node?: postcss.Node): node is postcss.AtRule { return node?.type === "atrule"; } @@ -792,7 +780,7 @@ class PurgeCSS { * @param selectors selectors used in content files */ public walkThroughCSS( - root: postcss.Root, + root: PostCSSRoot, selectors: ExtractorResultSets ): void { root.walk((node) => { diff --git a/packages/purgecss/src/types/index.ts b/packages/purgecss/src/types/index.ts index f767d10f..5103c5ee 100644 --- a/packages/purgecss/src/types/index.ts +++ b/packages/purgecss/src/types/index.ts @@ -1,5 +1,6 @@ import * as postcss from "postcss"; +export type PostCSSRoot = postcss.Root export interface AtRules { fontFace: Array<{ name: string; diff --git a/packages/purgecss/src/utils.ts b/packages/purgecss/src/utils.ts new file mode 100644 index 00000000..3640ea28 --- /dev/null +++ b/packages/purgecss/src/utils.ts @@ -0,0 +1,15 @@ + + +export function matchAll(str: string, regexp: RegExp): RegExpMatchArray[] { + const matches: RegExpMatchArray[] = []; + str.replace(regexp, function () { + // eslint-disable-next-line prefer-rest-params + const args = arguments; + const match: RegExpMatchArray = Array.prototype.slice.call(args, 0, -2); + match.input = args[args.length - 1]; + match.index = args[args.length - 2]; + matches.push(match); + return str; + }); + return matches; + } \ No newline at end of file diff --git a/scripts/build.ts b/scripts/build.ts index 4c181ef2..f2861470 100644 --- a/scripts/build.ts +++ b/scripts/build.ts @@ -1,3 +1,4 @@ +import json from "@rollup/plugin-json"; import typescript from "@wessberg/rollup-plugin-ts"; import path from "path"; import { rollup } from "rollup"; @@ -86,6 +87,19 @@ async function build(): Promise { ), format: "cjs", }); + + // command line interface + const cliBundle = await rollup({ + input: path.resolve(packagesDirectory, "./purgecss/src/bin.ts"), + plugins: [json(), typescript({ transpileOnly: true }), terser()], + external: [...packages[0].external, "commander"] + }); + await cliBundle.write({ + banner: "#!/usr/bin/env node", + exports: "auto", + file: path.resolve(packagesDirectory, "purgecss", "./bin/purgecss.js"), + format: "cjs" + }) } (async (): Promise => {