astro-css-components - npm Package Compare versions

Comparing version 0.3.1 to 0.4.0

library.js

@@ -9,4 +9,4 @@ import { getCSSForComponent } from "./utils.js"
 
-function addComponentForURL(url, component) {
-  component = getCSSForComponent(component)
+function addComponentForURL(url, component, minify) {
+  component = getCSSForComponent(component, minify)
 
@@ -28,4 +28,4 @@ if (!(url in componentLibrary)) {
 
-function addGlobalComponent(component) {
-  component = getCSSForComponent(component)
+function addGlobalComponent(component, minify) {
+  component = getCSSForComponent(component, minify)
 
@@ -32,0 +32,0 @@ const oldComponent = componentLibrary.global.findIndex((comp) => comp.name === component.name)

package.json

 {
   "name": "astro-css-components",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "description": "CSS Components for Astro",
@@ -25,3 +25,6 @@ "main": "index.js",
   },
-  "homepage": "https://github.com/Princesseuh/astro-css-components#readme"
+  "homepage": "https://github.com/Princesseuh/astro-css-components#readme",
+  "dependencies": {
+    "csso": "^4.2.0"
+  }
 }

README.md

@@ -116,2 +116,12 @@ # astro-css-components
 
+#### minify
+
+By adding this props, the CSS will be minified through [csso](https://github.com/css/csso)
+
+**Example:**
+
+```jsx
+<CSSComponent minify register={{ name: "should-be-purple", content: ".should-be-purple {color: purple;}" }} />
+```
+
 ### getForURL
@@ -118,0 +128,0 @@

utils.js

 import { readFileSync } from 'fs'
+import csso from 'csso'
 
 // If the user supplied a file instead of a string, let's load it up
-function getCSSForComponent(component) {
+function getCSSForComponent(component, minify) {
   if (!component.content && component.contentFile) {
@@ -9,4 +10,11 @@ component.content = readFileSync(component.contentFile, "utf8")
 
+  if (minify) component.content = minifyCSS(component.content)
+
   return { ...component }
 }
+
+function minifyCSS(css) {
+  return csso.minify(css).css
+}
+
 export { getCSSForComponent }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

7612

increased by23.27%

Number of package files

7

increased by16.67%

Lines of code

59

increased by9.26%

Number of lines in readme file

146

increased by7.35%

Worsened metrics

Dependency count

1

increased byInfinity%

Dependency changes

• + Addedcsso@^4.2.0

• + Addedcss-tree@1.1.3(transitive)

• + Addedcsso@4.2.0(transitive)

• + Addedmdn-data@2.0.14(transitive)

• + Addedsource-map@0.6.1(transitive)