nextia 6.0.4 → 6.1.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nextia",
   "description": "Create fast web applications",
-  "version": "6.0.4",
+  "version": "6.1.1",
   "engines": {
     "node": ">22"
   },
@@ -22,7 +22,7 @@
   ],
   "main": "src/lib.js",
   "scripts": {
-    "clean": "rm -fr node_modules package-lock.json pnpm-lock.yaml .coverage",
+    "clean": "rm -fr node_modules package-lock.json pnpm-lock.yaml .coverage target",
     "format": "biome format",
     "lint": "biome lint src",
     "check": "biome check --reporter=summary src",
@@ -36,10 +36,9 @@
     "react-dom": "^19.2.3"
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.3.15",
-    "@vitejs/plugin-react": "^5.1.3",
+    "@vitejs/plugin-react": "^6.0.1",
     "@vitest/coverage-v8": "^4.0.18",
-    "jsdom": "^28.0.0",
+    "jsdom": "^29.0.0",
     "vitest": "^4.0.18"
   }
 }

package/src/lib.js

@@ -9,39 +9,32 @@
 
 import { createContext, use, useReducer } from 'react'
 
-const Context = createContext()
+const PagesContext = createContext()
+const isLogger = import.meta.env.DEV
 
 /**
- * logger
+ * util
  */
-const isLogger = import.meta.env.DEV && import.meta.env.VITE_LOGGER !== 'false'
 
-/**
- * css
- */
 function css(...classNames) {
-  classNames = classNames
-    .filter((e) => e)
+  return classNames
     .reduce((accumulator, currentValue) => {
       if (typeof currentValue === 'string') {
-        accumulator.push(currentValue)
+        accumulator.push(currentValue.trim())
       } else if (
         !Array.isArray(currentValue) &&
         typeof currentValue === 'object'
       ) {
         for (const e in currentValue) {
-          if (currentValue[e]) accumulator.push(e)
+          if (currentValue[e]) accumulator.push(e.trim())
         }
       }
       return accumulator
     }, [])
-
-  return [...new Set(classNames)].join(' ')
+    .filter((e) => e)
+    .join(' ')
 }
 
-/**
- * values
- */
 function values(state, payload, value) {
   const paths = payload.split('.')
 
@@ -68,9 +61,6 @@ function values(state, payload, value) {
   return stateClone
 }
 
-/**
- * merge
- */
 function merge(target, source) {
   // in array return all source
   if (Array.isArray(target)) return source
@@ -91,6 +81,7 @@ function merge(target, source) {
 /**
  * reducer
  */
+
 const reducer = (state, action) => {
   const { type, payload, initialState } = action
 
@@ -160,7 +151,7 @@ const reducerLogger = (state, action) => {
   }
 
   console.log(
-    `%c${action.isContext ? 'Context' : 'Page   '} %c${action.type}`,
+    `%c${action.isContext ? 'Pages Context' : 'Page'} %c${action.type}`,
     'color: #90b1d1',
     'color: #6592c8',
     payloadLog(action),
@@ -173,8 +164,9 @@ const reducerLogger = (state, action) => {
 /**
  * useFx
  */
+
 function useFx(functions = { initialState: {} }) {
-  const context = use(Context)
+  const pageContext = use(PagesContext)
   const { initialState } = functions
   const [state, dispatch] = useReducer(
     isLogger ? reducerLogger : reducer,
@@ -185,7 +177,7 @@ function useFx(functions = { initialState: {} }) {
   const commonActions = ['set', 'show', 'hide', 'change', 'reset'].reduce(
     (acc, e) => {
       acc[e] = (payload) =>
-        dispatch({ type: e, payload, initialState, isContext: !context })
+        dispatch({ type: e, payload, initialState, isContext: !pageContext })
       return acc
     },
     {}
@@ -195,16 +187,16 @@ function useFx(functions = { initialState: {} }) {
   const actions = Object.keys(functions).reduce((ac, e) => {
     if (functions[e] instanceof Function) {
       ac[e] = (payload) => {
-        const props = {
+        const actionsProps = {
           ...commonActions,
           state,
           payload
         }
-        if (context) {
-          props.context = context
+        if (pageContext) {
+          actionsProps.context = pageContext
         }
 
-        return functions[e](Object.freeze(props))
+        return functions[e](Object.freeze(actionsProps))
       }
     }
     return ac
@@ -216,11 +208,11 @@ function useFx(functions = { initialState: {} }) {
     state,
     fx: { ...commonActions, ...actions }
   }
-  if (context) {
-    props.context = context
+  if (pageContext) {
+    props.context = pageContext
   }
 
   return Object.freeze(props)
 }
 
-export { Context, useFx, css }
+export { css, PagesContext, useFx }