nextia 8.0.1 → 8.0.3

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.1",
+  "version": "8.0.3",
   "license": "MIT",
   "type": "module",
   "engines": {
@@ -42,8 +42,8 @@
   },
   "devDependencies": {
     "@vitejs/plugin-react": "6.0.1",
-    "@vitest/coverage-v8": "4.1.5",
-    "jsdom": "29.1.0",
-    "vitest": "4.1.5"
+    "@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,10 +157,12 @@ const reducerLogger = (state, action) => {
  */
 
 function useCx() {
-  const pages = use(Pages)
+  const pages = use(Pagex)
   const [icons, setIcons] = useState()
 
   useEffect(() => {
+    if (!pages?.icons) return
+
     fetch(pages?.icons)
       .then((r) => r.text())
       .then((text) => {
@@ -175,7 +175,8 @@ function useCx() {
   return {
     context: pages?.context,
     i18n: pages?.i18n,
-    icons
+    icons,
+    logger: pages?.logger ?? false
   }
 }
 
@@ -183,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
   )
 
@@ -234,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,18 +7,17 @@
  * 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 } from './utils.js'
 
 export {
   css,
-  env,
   I18n,
   Icon,
   Link,
-  Pages,
+  Pagex,
   Svg,
   startViewTransition,
   useCx,

package/src/lib/ui.js

@@ -22,25 +22,24 @@ function Link({ children, href, value = {}, ...props }) {
 function I18n({ value, args = [] }) {
   const { context, i18n } = useCx()
 
-  if (i18n) {
-    try {
-      let text = value.split('.').reduce((ac, el) => ac[el], i18n)
-
-      text =
-        text[i18n.locales.indexOf(context.state?.i18n || i18n.defaultLocale)]
-
-      if (args) {
-        text = text.replace(
-          /([{}])\\1|[{](.*?)(?:!(.+?))?[}]/g,
-          (match, _literal, number) => args[number] || match
-        )
-      }
-
-      return text
-    } catch {
-      console.error(`Error in [il8n] => ${value}`)
-      return value
+  if (!i18n) return null
+
+  try {
+    let text = value.split('.').reduce((ac, el) => ac[el], i18n)
+
+    text = text[i18n.locales.indexOf(context.state?.i18n || i18n.defaultLocale)]
+
+    if (args) {
+      text = text.replace(
+        /([{}])\\1|[{](.*?)(?:!(.+?))?[}]/g,
+        (match, _literal, number) => args[number] || match
+      )
     }
+
+    return text
+  } catch {
+    console.error(`Error in [il8n] => ${value}`)
+    return value
   }
 }
 
@@ -64,9 +63,8 @@ function Icon({
   const ref = useRef()
 
   useEffect(() => {
-    if (icons) {
-      ref.current.innerHTML = icons.getElementById(id).innerHTML
-    }
+    const el = icons?.getElementById(id)
+    if (ref.current && el) ref.current.innerHTML = el.innerHTML
   }, [id, icons])
 
   return createElement('svg', {

package/src/lib/utils.js

@@ -9,32 +9,12 @@
 
 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
@@ -64,4 +44,4 @@ function css(...classNames) {
     .join(' ')
 }
 
-export { css, env, startViewTransition }
+export { css, startViewTransition }