nextia 8.0.6 → 9.0.1

package/README.md

@@ -6,7 +6,7 @@ Create fast web applications
 
 ```sh
 npm install
-cd templates/web
+cd examples/vitejs
 npm install
 node --run dev
 ```

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nextia",
   "description": "Create fast web applications",
-  "version": "8.0.6",
+  "version": "9.0.1",
   "license": "MIT",
   "type": "module",
   "engines": {
@@ -20,29 +20,12 @@
   "keywords": [
     "react"
   ],
-  "bin": {
-    "nextia": "src/bin.js"
-  },
   "exports": {
-    ".": "./src/lib/index.js"
-  },
-  "scripts": {
-    "clean": "rm -fr node_modules .coverage out package-lock.json",
-    "format": "biome format",
-    "lint": "biome lint src",
-    "check": "biome check --reporter=summary src",
-    "test": "vitest run",
-    "test:name": "vitest run --testNamePattern",
-    "test:silent": "vitest run --silent",
-    "test:coverage": "vitest run --silent --coverage"
+    ".": "./src/index.js"
   },
+  "scripts": {},
   "peerDependencies": {
     "react": "^19.0.0"
   },
-  "devDependencies": {
-    "@vitejs/plugin-react": "6.0.2",
-    "@vitest/coverage-v8": "4.1.6",
-    "jsdom": "29.1.1",
-    "vitest": "4.1.6"
-  }
+  "devDependencies": {}
 }

package/src/{lib/ui.js → ui.js}

@@ -10,13 +10,14 @@
 import { createElement, useEffect, useRef } from 'react'
 import { useCx } from './fx.js'
 
-function Link({ children, href, value = {}, ...props }) {
-  href ??= window.location.hash.split('?')[0]
-  value = Object.keys(value).length
-    ? `?${new URLSearchParams(value).toString()}`
-    : ''
-
-  return createElement('a', { href: href + value, ...props }, children)
+function Link({ children, href, value, ...props }) {
+  const base = href ?? window.location.hash.split('?')[0]
+  const query =
+    value && Object.keys(value).length
+      ? `?${new URLSearchParams(value).toString()}`
+      : ''
+
+  return createElement('a', { href: base + query, ...props }, children)
 }
 
 function I18n({ value, args = [] }) {
@@ -25,20 +26,21 @@ function I18n({ value, args = [] }) {
   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
+    const text = value.split('.').reduce((ac, el) => ac[el], i18n)
+    const locale = context.state?.i18n ?? i18n.defaultLocale
+    const index = i18n.locales.indexOf(locale)
+    let translated = text[index]
+
+    if (args?.length) {
+      translated = translated.replace(
+        /([{}])\1|[{](.*?)(?:!(.+?))?[}]/g,
+        (match, _literal, number) => args[number] ?? match
       )
     }
 
-    return text
+    return translated
   } catch {
-    console.error(`Error in [il8n] => ${value}`)
+    console.error(`[i18n] key not found: "${value}"`)
     return value
   }
 }
@@ -46,7 +48,6 @@ function I18n({ value, args = [] }) {
 function Icon({
   id,
   className,
-  animate = false,
   style,
   width = '48',
   height,
@@ -63,8 +64,10 @@ function Icon({
   const ref = useRef()
 
   useEffect(() => {
-    const el = icons?.getElementById(id)
-    if (ref.current && el) ref.current.innerHTML = el.innerHTML
+    if (!ref.current || !icons) return
+
+    const el = icons.getElementById(id)
+    if (el) ref.current.innerHTML = el.innerHTML
   }, [id, icons])
 
   return createElement('svg', {

package/src/bin.js

@@ -1,122 +0,0 @@
-#!/usr/bin/env node
-
-/**
- * Copyright (c) 2025 Sinuhe Maceda https://sinuhe.dev
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * https://github.com/sinuhedev/nextia
- */
-
-import { mkdir, writeFile } from 'node:fs/promises'
-
-function toPascalCase(str) {
-  return str
-    .toLowerCase()
-    .replace(/[^a-zA-Z0-9 ]/g, ' ') // replace special characters
-    .split(/\s+/) // split by spaces
-    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
-    .join('')
-}
-
-async function createPage(name) {
-  const dirName = `./src/pages/${name}`
-  const pageName = `${toPascalCase(name)}Page`
-
-  try {
-    await mkdir(dirName)
-
-    // index.jsx
-    writeFile(
-      `${dirName}/index.jsx`,
-      `import useFunctions from './functions'
-
-export default function ${pageName}() {
-  const { state, fx } = useFunctions()
-
-  return (
-    <section>
-      ${pageName}
-    </section>
-  )
-}
-`
-    )
-
-    // function.js
-    writeFile(
-      `${dirName}/functions.js`,
-      `import { useFx } from 'nextia'
-
-export default () => {
-  const initialState = {}
-
-  return useFx({
-    initialState
-  })
-}
-`
-    )
-    console.info(`✔ Page "${pageName}" created at ${dirName}`)
-  } catch (err) {
-    console.error(`Failed to create page: ${err.message}`)
-  }
-}
-
-async function createComponent(name) {
-  const dirName = `./src/components/${name}`
-  const componentName = toPascalCase(name)
-
-  try {
-    await mkdir(dirName)
-
-    // index.jsx
-    writeFile(
-      `${dirName}/index.jsx`,
-      `import { css } from 'nextia'
-import './style.css'
-
-export default function ${componentName}({ className, style }) {
-  return (
-    <article className={css('${componentName}', className)} style={style}>
-      ${componentName}
-    </article>
-  )
-}
-`
-    )
-
-    // style.css
-    writeFile(
-      `${dirName}/style.css`,
-      `.${componentName}  {
-}
-`
-    )
-    console.info(`✔ Component "${name}" created at ${dirName}`)
-  } catch (err) {
-    console.error(`Failed to create component: ${err.message}`)
-  }
-}
-
-async function main() {
-  const ARG1 = process.argv[2]
-  const ARG2 = process.argv[3]
-
-  switch (ARG1) {
-    case 'page':
-      if (ARG2) await createPage(ARG2)
-      else console.warn('node --run page -- <page-name>')
-      break
-
-    case 'component':
-      if (ARG2) await createComponent(ARG2)
-      else console.warn('node --run component -- <ComponentName>')
-      break
-  }
-}
-
-main().catch((e) => {
-  console.error(e)
-})