@pwrs/lit-css 2.0.0 → 3.0.0

package/lit-css.d.ts

@@ -1,4 +1,4 @@
-import { UglifyCSSOptions } from 'uglifycss';
+import { Options as CssnanoOptions } from 'cssnano';
 export interface Meta {
     /**
      * Path to the source file being transformed
@@ -27,10 +27,10 @@ export interface Options {
      */
     tag?: string;
     /**
-     * Whether to uglify the CSS. Can also be an object of uglifycss options
+     * Whether to minify the CSS using cssnano. can also be an object of css nano options.
      * @default false
      */
-    uglify?: boolean | UglifyCSSOptions;
+    cssnano?: boolean | CssnanoOptions;
     /**
      * Transform sources using tools like sass or postcss
      * @param  source         Source file contents e.g. scss or postcss sources
@@ -39,4 +39,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, cssnano, transform, }: Options): Promise<string>;

package/lit-css.js

@@ -1,22 +1,21 @@
-import stringToTemplateLiteral from "string-to-template-literal";
-import { processString } from "uglifycss";
-async function transform({
-  css: source,
-  filePath,
-  specifier = "lit",
-  tag = "css",
-  uglify = 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);
-  return `import {${tag}} from '${specifier}';
+import cssnano from 'cssnano';
+function stringToTemplateLiteral(x = '') {
+    x = `${x}`;
+    const escaped = x.replace(/\\|`|\$(?={)|(?<=<)\//g, y => `\\${y}`);
+    return `\`${escaped}\``;
+}
+async function cssnanoify(css, options) {
+    const cssnanoOptions = typeof options === 'object' ? options : undefined;
+    const result = await cssnano(cssnanoOptions).process(css);
+    return result.css;
+}
+export async function transform({ css: source, filePath, specifier = 'lit', tag = 'css', cssnano = false, transform = x => x, }) {
+    const css = await transform(source, { filePath });
+    const cssContent = cssnano ? await cssnanoify(css, cssnano)
+        : css;
+    return `import {${tag}} from '${specifier}';
 export const styles = ${tag}${stringToTemplateLiteral(cssContent)};
 export default styles;
 `;
 }
-export {
-  transform
-};
-//# sourceMappingURL=lit-css.js.map
+//# sourceMappingURL=lit-css.js.map

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": "3.0.0",
   "type": "module",
   "main": "lit-css.js",
   "types": "lit-css.d.ts",
@@ -30,7 +30,6 @@
     "lit-css.d.ts"
   ],
   "dependencies": {
-    "string-to-template-literal": "^2.0.0",
-    "uglifycss": "^0.0.29"
+    "cssnano": "^6.1.2"
   }
 }