nextia 8.0.2 → 8.0.4

package/README.md

@@ -5,7 +5,6 @@ Create fast web applications
 ### To start
 
 ```sh
-gcl git@github.com:sinuhedev/nextia.git
 npm install
 cd templates/web
 npm install

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nextia",
   "description": "Create fast web applications",
-  "version": "8.0.2",
+  "version": "8.0.4",
   "license": "MIT",
   "type": "module",
   "engines": {
@@ -37,13 +37,12 @@
     "test:coverage": "vitest run --silent --coverage"
   },
   "peerDependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react": "^19.0.0"
   },
   "devDependencies": {
-    "@vitejs/plugin-react": "6.0.1",
-    "@vitest/coverage-v8": "4.1.5",
-    "jsdom": "29.1.0",
-    "vitest": "4.1.5"
+    "@vitejs/plugin-react": "6.0.2",
+    "@vitest/coverage-v8": "4.1.6",
+    "jsdom": "29.1.1",
+    "vitest": "4.1.6"
   }
 }

package/src/lib/fx.js

@@ -8,10 +8,8 @@
  */
 
 import { createContext, use, useEffect, useReducer, useState } from 'react'
-import { env } from './utils.js'
 
-const LOGGER = env.DEV && env.PUBLIC_LOGGER !== 'false'
-const Pages = createContext()
+const Pagex = createContext()
 
 /**
  * util
@@ -159,7 +157,7 @@ const reducerLogger = (state, action) => {
  */
 
 function useCx() {
-  const pages = use(Pages)
+  const pages = use(Pagex)
   const [icons, setIcons] = useState()
 
   useEffect(() => {
@@ -177,7 +175,8 @@ function useCx() {
   return {
     context: pages?.context,
     i18n: pages?.i18n,
-    icons
+    icons,
+    logger: pages?.logger ?? false
   }
 }
 
@@ -185,7 +184,7 @@ function useFx(functions = { initialState: {} }) {
   const cx = useCx()
   const { initialState } = functions
   const [state, dispatch] = useReducer(
-    LOGGER ? reducerLogger : reducer,
+    cx.logger ? reducerLogger : reducer,
     initialState
   )
 
@@ -236,4 +235,4 @@ function useFx(functions = { initialState: {} }) {
   return Object.freeze(props)
 }
 
-export { Pages, useCx, useFx }
+export { Pagex, useCx, useFx }

package/src/lib/index.js

@@ -7,22 +7,22 @@
  * https://github.com/sinuhedev/nextia
  */
 
-import { Pages, useCx, useFx } from './fx.js'
+import { Pagex, useCx, useFx } from './fx.js'
 import { useQueryString, useResize } from './hooks.js'
 import { I18n, Icon, Link, Svg } from './ui.js'
-import { css, env, startViewTransition } from './utils.js'
+import { css, startViewTransition, version } from './utils.js'
 
 export {
   css,
-  env,
   I18n,
   Icon,
   Link,
-  Pages,
+  Pagex,
   Svg,
   startViewTransition,
   useCx,
   useFx,
   useQueryString,
-  useResize
+  useResize,
+  version
 }

package/src/lib/utils.js

@@ -7,37 +7,15 @@
  * https://github.com/sinuhedev/nextia
  */
 
-import { flushSync } from 'react-dom'
-
-/**
- * env
- */
-
-const env = import.meta.env
-
-const VERSION = Object.fromEntries(
-  document
-    .querySelector('meta[name="version"]')
-    ?.getAttribute('content')
-    .split(', ')
-    .map((item) => {
-      const [key, value] = item.split('=')
-      return [key, value]
-    }) ?? ''
-)
-
-env.VERSION = VERSION
-
 /**
  * View Transition
  */
 
 async function startViewTransition(fun = () => {}, ref, animation = 'fade') {
-  if (!document.startViewTransition || env.PUBLIC_VIEW_TRANSITION === 'false')
-    return fun()
+  if (!document.startViewTransition) return fun()
 
   ref.style.viewTransitionName = animation
-  await document.startViewTransition(() => flushSync(fun)).finished
+  await document.startViewTransition(() => fun).finished
   ref.style.viewTransitionName = ''
 }
 
@@ -64,4 +42,20 @@ function css(...classNames) {
     .join(' ')
 }
 
-export { css, env, startViewTransition }
+/**
+ * getVersion
+ */
+
+const version = () =>
+  Object.fromEntries(
+    document
+      .querySelector('meta[name="version"]')
+      ?.getAttribute('content')
+      .split(', ')
+      .map((item) => {
+        const [key, value] = item.split('=')
+        return [key, value]
+      }) ?? ''
+  )
+
+export { css, startViewTransition, version }