anubis-ui 1.2.3 → 1.2.5

package/index.d.ts

@@ -1,8 +1,14 @@
-import { IEnvConfig } from './dist/interfaces/config.interface';
-
 declare module 'anubis-ui' {
   import type { Plugin } from 'vite';
+  import type { IEnvConfig } from './dist/interfaces/config.interface';
+
+  const plugin: Plugin;
+  const config: IEnvConfig;
+
+  const anubis: {
+    plugin: typeof plugin;
+    config: typeof config;
+  };
 
-  export const plugin: Plugin;
-  export const config: IEnvConfig;
+  export default anubis;
 }

package/index.js

@@ -40,11 +40,19 @@ function AnubisUI() {
     name: 'anubis-ui',
     configureServer(server) {
       server.watcher.on('change', async (file) => {
-        await refresh(file)
+        if (typeof process !== 'undefined' && process.versions && process.versions.node) {
+          await refresh(file)
+        } else {
+          log('Trying to build in a not Node environment, aborting')
+        }
       });
     },
     async buildStart() {
-      await init();
+      if (typeof process !== 'undefined' && process.versions && process.versions.node) {
+        await init();
+      } else {
+        log('Trying to build in a not Node environment, aborting')
+      }
     }
   };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anubis-ui",
-  "version": "1.2.3",
+  "version": "1.2.5",
   "description": "Class-based css generator",
   "main": "index.js",
   "keywords": [

package/src/config/qol.config.json

@@ -24,7 +24,7 @@
       "sm": "4px",
       "md": "8px",
       "lg": "12px",
-      "xl": "16s",
+      "xl": "16px",
       "very": "9999px",
       "full": "50%",
       "half": "100%"

package/src/manual/build.js

@@ -1,3 +1,4 @@
 const AnubisUI = require('../../index')
 
-AnubisUI()?.buildStart()
+AnubisUI.plugin.buildStart()
+

package/src/tools/mapping/mapClassIntoRule.ts

@@ -43,16 +43,17 @@ const mapClassIntoRule = (stringClass: string) => {
 const getClassInfos = (stringClass: string) => {
   const { cleanedClass, state } = getStateInfos(stringClass)
   const { cleanedColor, prefix } = getPrefixInfos(cleanedClass)
-  const { preset, variation } = getPresetInfos({ cleanedColor, prefix })
+  const { baseColor, preset, variation, variationName } = getPresetInfos({ cleanedColor, prefix })
 
   return {
     state,
 
-    color: cleanedColor,
+    color: baseColor,
     prefix,
 
     preset,
-    variation
+    variation,
+    variationName
   }
 }
 
@@ -122,18 +123,24 @@ const getPresetInfos = ({ cleanedColor, prefix }: { cleanedColor: string, prefix
 
   const possibleVariations = (matchingPreset.variations || { default: '' })
 
+  const defaultVariation = 'default'
   const matchingVariation = Object.keys(possibleVariations)
-    ?.find(v => cleanedColor.endsWith(v)) || 'default'
+    ?.find(v => cleanedColor.endsWith(v))
 
-  const variation = possibleVariations[matchingVariation]
+  const variation = possibleVariations[matchingVariation || defaultVariation]
+  const baseColor = matchingVariation
+    ? cleanedColor?.slice(0, -matchingVariation?.length - 1)
+    : cleanedColor
 
   return {
+    baseColor,
     preset: matchingPreset,
+    variationName: matchingVariation,
     variation,
   }
 }
 
-const mapIntoRule = ({ state, prefix, color, preset, variation }) => {
+const mapIntoRule = ({ state, prefix, color, preset, variation, variationName }) => {
   // _ Set state selector
   let stateSelector = ''
   switch (state) {
@@ -146,7 +153,7 @@ const mapIntoRule = ({ state, prefix, color, preset, variation }) => {
       break
   }
 
-  let selector = `${prefix}${color ? `-${color}` : ''}`
+  let selector = `${prefix}${color ? `-${color}` : ''}${variationName ? `-${variationName}` : ''}`
   if (state) {
     selector = `${state}\\:${selector}${stateSelector}`
   }