@pwrs/lit-css 2.0.0 → 2.1.0

package/lit-css.d.ts

@@ -1,4 +1,5 @@
 import { UglifyCSSOptions } from 'uglifycss';
+import { Options as CssnanoOptions } from 'cssnano';
 export interface Meta {
     /**
      * Path to the source file being transformed
@@ -29,8 +30,14 @@ export interface Options {
     /**
      * Whether to uglify the CSS. Can also be an object of uglifycss options
      * @default false
+     * @deprecated: use `minify`
      */
     uglify?: boolean | UglifyCSSOptions;
+    /**
+     * Whether to minify the CSS using cssnano. can also be an object of css nano options.
+     * @default false
+     */
+    cssnano?: boolean | CssnanoOptions;
     /**
      * Transform sources using tools like sass or postcss
      * @param  source         Source file contents e.g. scss or postcss sources
@@ -39,4 +46,4 @@ export interface Options {
      */
     transform?(source: string, meta: Meta): string | Promise<string>;
 }
-export declare function transform({ css: source, filePath, specifier, tag, uglify, transform, }: Options): Promise<string>;
+export declare function transform({ css: source, filePath, specifier, tag, uglify, cssnano, transform, }: Options): Promise<string>;

package/lit-css.js

@@ -1,16 +1,27 @@
 import stringToTemplateLiteral from "string-to-template-literal";
 import { processString } from "uglifycss";
+import cssnano from "cssnano";
+async function cssnanoify(css, options) {
+  const cssnanoOptions = typeof options === "object" ? options : void 0;
+  const result = await cssnano(cssnanoOptions).process(css);
+  return result.css;
+}
+async function uglifycssify(css, options) {
+  const uglifyOptions = typeof options === "object" ? options : void 0;
+  const result = processString(css, uglifyOptions);
+  return result;
+}
 async function transform({
   css: source,
   filePath,
   specifier = "lit",
   tag = "css",
   uglify = false,
+  cssnano: cssnano2 = false,
   transform: transform2 = (x) => x
 }) {
   const css = await transform2(source, { filePath });
-  const uglifyOptions = typeof uglify === "object" ? uglify : void 0;
-  const cssContent = !uglify ? css : processString(css, uglifyOptions);
+  const cssContent = cssnano2 ? await cssnanoify(css, cssnano2) : uglify ? await uglifycssify(css, uglify) : css;
   return `import {${tag}} from '${specifier}';
 export const styles = ${tag}${stringToTemplateLiteral(cssContent)};
 export default styles;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pwrs/lit-css",
   "description": "Import CSS files as css tagged-template literals",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "type": "module",
   "main": "lit-css.js",
   "types": "lit-css.d.ts",
@@ -30,6 +30,7 @@
     "lit-css.d.ts"
   ],
   "dependencies": {
+    "cssnano": "^6.0.1",
     "string-to-template-literal": "^2.0.0",
     "uglifycss": "^0.0.29"
   }