fix: wrong path import

- fix wrong path import (was importing path/posix instead of path
- add vinyl-sourcempas-apply to external (rollup config)
- run prettier

Author: Ffloriel

packages/gulp-purgecss/build.ts

@@ -16,6 +16,7 @@ import * as path from "path";
     "plugin-error",
     "purgecss",
     "glob",
+    "vinyl-sourcemaps-apply",
   ]);
   await buildRollup(rollupConfig);
   await extractAPI(__dirname);

packages/gulp-purgecss/src/index.ts

@@ -40,7 +40,7 @@ function gulpPurgeCSS(options: UserDefinedOptions): internal.Transform {
             },
           ],
           stdin: true,
-          sourceMap: !!file.sourceMap
+          sourceMap: !!file.sourceMap,
         };
         const purgedCSSResults = await new PurgeCSS().purge(optionsGulp);
         const purge = purgedCSSResults[0];
@@ -77,7 +77,7 @@ function gulpPurgeCSS(options: UserDefinedOptions): internal.Transform {
                   raw: css,
                 },
               ],
-              sourceMap: !!file.sourceMap
+              sourceMap: !!file.sourceMap,
             };
 
             const purgedCSSResults = await new PurgeCSS().purge(optionsGulp);

packages/postcss-purgecss/src/index.ts

@@ -73,10 +73,10 @@ async function purgeCSS(
 }
 
 /**
- * 
+ *
  * @param opts - opts
- * @returns 
- * 
+ * @returns
+ *
  * @public
  */
 const purgeCSSPlugin: postcss.PluginCreator<UserDefinedOptions> = function (

packages/postcss-purgecss/src/types/index.ts

@@ -1,15 +1,15 @@
 import {
   UserDefinedOptions as PurgeCSSUserDefinedOptions,
-  RawContent
+  RawContent,
 } from "purgecss";
 
-
 /**
  * {@inheritDoc purgecss#UserDefinedOptions}
- * 
+ *
  * @public
  */
-export interface UserDefinedOptions extends Omit<PurgeCSSUserDefinedOptions,"content" | "css"> {
-  content?: PurgeCSSUserDefinedOptions['content'];
+export interface UserDefinedOptions
+  extends Omit<PurgeCSSUserDefinedOptions, "content" | "css"> {
+  content?: PurgeCSSUserDefinedOptions["content"];
   contentFunction?: (sourceFile: string) => Array<string | RawContent>;
 }

packages/purgecss-from-html/src/index.ts

@@ -95,10 +95,10 @@ const getSelectorsInNodes = (
 
 /**
  * Get the potential selectors from HTML code
- * 
+ *
  * @param content - HTML code
  * @returns the attributes, classes, ids, and tags from the HTML code
- * 
+ *
  * @public
  */
 const purgecssFromHtml = (content: string): ExtractorResultDetailed => {

packages/purgecss-from-jsx/src/index.ts

@@ -18,10 +18,10 @@ extend<NodeState>(walk.base);
 
 /**
  * Create function to extract selectors from jsx code
- * 
+ *
  * @param options - acorn options
  * @returns function to extract selectors from jsx code
- * 
+ *
  * @public
  */
 function purgeFromJsx(options?: acorn.Options) {

packages/purgecss-from-pug/src/index.ts

@@ -2,10 +2,10 @@ import lex from "pug-lexer";
 
 /**
  * Get the potential selectors from Pug code
- * 
+ *
  * @param content - Pug code
  * @returns the attributes, classes, ids, and tags from the Pug code
- * 
+ *
  * @public
  */
 const purgeFromPug = (content: string): string[] => {

packages/purgecss-from-tsx/src/index.ts

@@ -4,10 +4,10 @@ import * as ts from "typescript";
 
 /**
  * Create function to extract selectors from tsx code
- * 
+ *
  * @param options - acorn options
  * @returns the function to extract selectors from tsx code
- * 
+ *
  * @public
  */
 function purgeFromTsx(options?: {

packages/purgecss-webpack-plugin/src/types/index.ts

@@ -1,12 +1,11 @@
 import type {
   ComplexSafelist,
   StringRegExpArray,
-  UserDefinedOptions as PurgeCSSUserDefinedOptions
+  UserDefinedOptions as PurgeCSSUserDefinedOptions,
 } from "purgecss";
 
-
 /**
- * @public 
+ * @public
  */
 export type PathFunction = () => string[];
 /**
@@ -28,11 +27,14 @@ export type PurgedStats = {
 /**
  * @public
  */
-export type UserDefinedOptions = Omit<PurgeCSSUserDefinedOptions, "css" | "content" | "safelist" | "blocklist" | "sourceMap"> & {
+export type UserDefinedOptions = Omit<
+  PurgeCSSUserDefinedOptions,
+  "css" | "content" | "safelist" | "blocklist" | "sourceMap"
+> & {
   paths: string[] | PathFunction;
   moduleExtensions?: string[];
   verbose?: boolean;
-  safelist: PurgeCSSUserDefinedOptions['safelist'] | SafelistFunction;
-  blocklist: PurgeCSSUserDefinedOptions['blocklist'] | BlocklistFunction;
+  safelist: PurgeCSSUserDefinedOptions["safelist"] | SafelistFunction;
+  blocklist: PurgeCSSUserDefinedOptions["blocklist"] | BlocklistFunction;
   only?: string[];
-}
+};

packages/purgecss/__tests__/sourcemap.test.ts

@@ -1,26 +1,30 @@
-import { PurgeCSS } from '../src/'
-import { ROOT_TEST_EXAMPLES } from './utils';
+import { PurgeCSS } from "../src/";
+import { ROOT_TEST_EXAMPLES } from "./utils";
 
 describe("source map option", () => {
-  it('contains the source map inlined in the CSS file', async () => {
+  it("contains the source map inlined in the CSS file", async () => {
     const resultsPurge = await new PurgeCSS().purge({
       content: [`${ROOT_TEST_EXAMPLES}others/remove_unused.js`],
       css: [`${ROOT_TEST_EXAMPLES}others/remove_unused.css`],
-      sourceMap: true
+      sourceMap: true,
     });
 
-    expect(resultsPurge[0].css).toContain('sourceMappingURL=data:application/json;base64');
+    expect(resultsPurge[0].css).toContain(
+      "sourceMappingURL=data:application/json;base64"
+    );
   });
 
-  it('contains the source map separately when setting inline to false', async () => {
+  it("contains the source map separately when setting inline to false", async () => {
     const resultsPurge = await new PurgeCSS().purge({
       content: [`${ROOT_TEST_EXAMPLES}others/remove_unused.js`],
       css: [`${ROOT_TEST_EXAMPLES}others/remove_unused.css`],
       sourceMap: {
-        inline: false
-      }
+        inline: false,
+      },
     });
 
-    expect(resultsPurge[0].sourceMap).toContain('sources":["__tests__/test_examples/others/remove_unused.css"]');
-  })
+    expect(resultsPurge[0].sourceMap).toContain(
+      'sources":["__tests__/test_examples/others/remove_unused.css"]'
+    );
+  });
 });