alga-css - npm Package Compare versions

Comparing version 1.0.0-wood-7 to 1.0.0-wood-8

package.json

 {
   "name": "alga-css",
-  "version": "1.0.0-wood-7",
+  "version": "1.0.0-wood-8",
   "description": "Alga CSS is a scope-first CSS toolkit for quickly mix or compose CSS references and share CSS properties between components",
@@ -5,0 +5,0 @@ "main": "src/index.js",

src/configs/preset.js

@@ -7,3 +7,2 @@ module.exports = {
   m: 'margin',
-  p: 'padding',
   mt: 'marginTop',
@@ -15,2 +14,9 @@ me: 'marginRight',
   ml: 'marginLeft',
+  p: 'padding',
+  pt: 'paddingTop',
+  pe: 'paddingRight',
+  pr: 'paddingRight',
+  pb: 'paddingBottom',
+  ps: 'paddingLeft',
+  pl: 'paddingLeft',
   bd: 'border',
@@ -17,0 +23,0 @@ bg: 'background',

src/cores/extraction.js

@@ -8,15 +8,17 @@ const glob = require('glob')
   const data = fs.readFileSync(rp, 'utf8')
-  let regexp, replaceData
+  let regexp, replaceData, classes
   if(rp.endsWith('.vue')) {
-    regexp = /(v-bind:class|:class|class)="([\w]+|[\s\w]+|[\s\w\-_\.:\d\(\)]+)"/g
+    //regexp = /(v-bind:class|:class|class)="([\w]+|[\s\w]+|[\s\w\-_\.:\d\(\)]+)"/g
     replaceData = data.replace(/\[|\]|',|,\s|'|\(|\)|\<|\>|\{|\}/ig, ' ').replace(/:\s/ig, '')
+    classes = replaceData.replace(/class="|"/g, '').split(' ').filter(i => i.includes('-'))
   } else if(rp.endsWith('.svelte')) {
     regexp = /class:([\w]+|[\s\w]+|[\s\w\-_.:\d\(\)]+)\s/g
     replaceData = data.replace(/=|\>/ig, ' ')
+    classes = [...replaceData.matchAll(regexp)].flat().filter(i => i.indexOf('class') === -1)
   } else { //.html, .astro, .edge, .blade.php, .twig
     regexp = /(v-bind:class|x-bind:class|:class|class)="([\w]+|[\s\w]+|[\s\w\-_\.:\d\(\)]+)"/g
     replaceData = data.replace(/\[|\]|',|,\s|'|\(|\)|\<|\>|\{|\}/ig, ' ').replace(/:\s/ig, '')
+    classes = [...replaceData.matchAll(regexp)].flat().filter(i => i.indexOf('class') === -1)
   }
-  if(regexp !== undefined && replaceData !== undefined) {
-    const classes = [...replaceData.matchAll(regexp)].flat().filter(i => i.indexOf('class') === -1)
+  if(classes) {
     const uniqClasses = Array.from(new Set(classes.map(i => i.split(' ')).flat())).filter(i => i !== '')
@@ -23,0 +25,0 @@ content.push(...uniqClasses)

src/cores/value.js

 const camelDash = require('../helpers/camelDash.js')
 const values = require('../configs/values.js')
+const units = require('../configs/units.js')
 
 module.exports = (value) => {
   let newValue = value.replaceAll('_', ' ')
+  const newUnits = [...units.length, ...units.angle, ...units.time, ...units.resolution]
   if(Object.keys(values).includes(newValue.trim())) {
@@ -10,2 +12,20 @@ newValue = values[newValue.trim()]
   newValue = camelDash(newValue)
+  if(/\d+/g.test(newValue)) {
+    const unitVals = []
+    for(let newVal of newValue.split(' ')) {
+      if(newVal.startsWith('n') && newUnits.includes(newVal.split(/\d+/g)[1])) {
+        unitVals.push(newVal.replace('n', '-'))
+      } else if(newVal.includes('/')) {
+        const splitValue = newVal.split('/')
+        if(isNaN(splitValue[0]) === false && isNaN(splitValue[1]) === false) {
+          unitVals.push(Number(((Number(splitValue[0]) / Number(splitValue[1])) * 100).toFixed(6)) + '%')
+        } else {
+          unitVals.push(newVal)
+        }
+      } else {
+        unitVals.push(newVal)
+      }
+    }
+    newValue = unitVals.join(' ')
+  }
   if(newValue.includes('pct')) {
@@ -12,0 +32,0 @@ newValue = newValue.replaceAll('pct', '%')

No alert changes

Improved metrics

Total package byte prevSize

64505

increased by6.24%

Number of package files

35

increased by9.38%

Lines of code

714

increased by5%

No dependency changes