nextia 4.0.6 → 4.0.8

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2025 Sinuhe Maceda https://sinuhe.dev
+Copyright (c) 2025 Sinuhe Dev. https://sinuhe.dev
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -2,10 +2,25 @@
 
 ## Create fast web applications
 
-# Go to test
+Go to test
+
 ```sh
 npm i
 cd test
 ```
 
+commands
+
+```sh
+npm i
+npm run test:my-app
+node --run test:my-app
+```
+
+create project
+
+```sh
+npm nextia@latest my-app
+```
+
 [npm](https://www.npmjs.com/package/nextia)

package/package.json

@@ -1,11 +1,14 @@
 {
 	"name": "nextia",
 	"description": "Create fast web applications",
-	"version": "4.0.6",
+	"version": "4.0.8",
+	"engines": {
+		"node": ">22"
+	},
 	"type": "module",
 	"license": "MIT",
 	"author": {
-		"name": "Sinuhe Maceda",
+		"name": "Sinuhe Dev.",
 		"email": "sinuhe.dev@gmail.com",
 		"url": "https://sinuhe.dev"
 	},
@@ -13,22 +16,27 @@
 		"type": "git",
 		"url": "git+https://github.com/sinuhedev/nextia.git"
 	},
+	"homepage": "https://github.com/sinuhedev/nextia",
 	"keywords": [
 		"react"
 	],
+	"bin": {
+		"nextia": "src/bin.js"
+	},
 	"main": "src/lib.js",
 	"eslintConfig": {
 		"extends": "./node_modules/standard/eslintrc.json"
 	},
 	"scripts": {
 		"start": "echo 'go to test'",
-		"clean": "rm -fr node_modules package-lock.json",
+		"clean": "rm -fr node_modules package-lock.json my-app",
 		"make": "npm run clean && npm install",
-		"lint": "standard 'src/**/*.{js,jsx}' 'test/**/*.{js,jsx}' --verbose"
+		"lint": "standard 'src/**/*.{js,jsx}' 'test/**/*.{js,jsx}' --verbose",
+		"test:my-app": "node src/bin.js my-app"
 	},
 	"peerDependencies": {
-		"react": "^19.0.0",
-		"react-dom": "^19.0.0"
+		"react": "^19.2.0",
+		"react-dom": "^19.2.0"
 	},
 	"devDependencies": {
 		"standard": "^17.1.2"

package/src/bin.js

@@ -0,0 +1,203 @@
+#!/usr/bin/env node
+
+/**
+ * Copyright (c) 2025 Sinuhe Dev. 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 { fileURLToPath } from 'node:url'
+import { dirname } from 'node:path'
+import { mkdir, writeFile, readFile, cp, rename, access } from 'node:fs/promises'
+
+async function createPage (name) {
+  const toPascalCase = str => 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('')
+
+  const dirName = `./src/pages/${name}`
+
+  try {
+    await mkdir(dirName)
+
+    const pageName = toPascalCase(name) + 'Page'
+
+    // index.jsx
+    writeFile(`${dirName}/index.jsx`,
+  `import React, { useEffect } from 'react'
+import { useFx, css } from 'nextia'
+import functions from './functions'
+import './style.css'
+
+export default function ${pageName} () {
+  const { state, fx } = useFx(functions)
+
+  return (
+    <section className={css('${pageName}', '')}>
+      ${pageName}
+    </section>
+  )
+}
+`)
+
+    // style.sss
+    writeFile(`${dirName}/style.css`,
+  `.${pageName} {
+}`)
+
+    // function.js
+    writeFile(`${dirName}/functions.js`,
+  `const initialState = {
+}
+
+export default { initialState }
+`)
+  } catch (err) {
+    console.error(err)
+  }
+}
+
+async function createComponent (name) {
+  const dirName = `./src/components/${name}`
+
+  try {
+    await mkdir(dirName)
+    const componentName = name.replaceAll('/', '') + '-component'
+
+    // index.jsx
+    writeFile(`${dirName}/index.jsx`,
+`import React, { useEffect } from 'react'
+import { css } from 'nextia'
+import './style.css'
+
+export default function ${name} ({ className, style }) {
+  return (
+    <article className={css('${componentName}', className)} style={style}>
+      ${componentName}
+    </article>
+  )
+}
+`)
+
+    // style.css
+    writeFile(`${dirName}/style.css`,
+`.${componentName}  {
+}`
+    )
+  } catch (err) {
+    console.error(err)
+  }
+}
+
+async function createContainer (name) {
+  const dirName = `./src/containers/${name}`
+
+  try {
+    await mkdir(dirName)
+    const containerName = name.replaceAll('/', '') + '-container'
+
+    // index.jsx
+    writeFile(`${dirName}/index.jsx`,
+`import React, { useEffect } from 'react'
+import { useFx, css } from 'nextia'
+import functions from './functions'
+import './style.css'
+
+export default function ${name} ({ className, style }) {
+  const { state, fx } = useFx(functions)
+
+  return (
+    <article className={css('${containerName}', className, '')} style={style}>
+      ${containerName}
+    </article>
+  )
+}
+`)
+
+    // style.css
+    writeFile(`${dirName}/style.css`,
+`.${containerName}  {
+}`)
+
+    // function.js
+    writeFile(`${dirName}/functions.js`,
+`const initialState = {
+}
+
+export default { initialState }
+`)
+  } catch (err) {
+    console.error(err)
+  }
+}
+
+async function createProject (name) {
+  let projectPath
+
+  try {
+    projectPath = process.cwd() + `/${name}/`
+    await access(projectPath)
+    console.error(`The "${name}" already exists.`)
+    return
+  } catch (error) {
+  }
+
+  const template = dirname(fileURLToPath(import.meta.url)) + '/template/'
+
+  // Create new project
+  try {
+    const mv = fileName => rename(projectPath + `_${fileName}`, projectPath + `.${fileName}`)
+    await cp(template, projectPath, { recursive: true })
+    const replaceToken = async (filename, token, value) => {
+      const content = await readFile(projectPath + filename, 'utf8')
+      const updated = content.replaceAll(token, value)
+      await writeFile(projectPath + filename, updated, 'utf8')
+    }
+
+    await mv('env.dev')
+    await mv('env.prod')
+    await mv('env.test')
+    await mv('gitignore')
+
+    // replace tokens
+    await replaceToken('README.md', 'TEMPLATE', name)
+    await replaceToken('package.json', 'TEMPLATE', name)
+  } catch (err) {
+    console.error(err)
+  }
+}
+
+/**
+ * main
+ */
+
+const ARG1 = process.argv[2]
+const ARG2 = process.argv[3]
+
+switch (ARG1) {
+  case 'page':
+    if (ARG2) createPage(ARG2)
+    else console.warn('npm run page <page-name>')
+    break
+
+  case 'component':
+    if (ARG2) createComponent(ARG2)
+    else console.warn('npm run component <ComponentName>')
+    break
+
+  case 'container':
+    if (ARG2) createContainer(ARG2)
+    else console.warn('npm run container <ContainerName>')
+    break
+
+  default:
+    if (ARG1) createProject(ARG1)
+    else console.warn('npm nextia@latest <ProjectName>')
+    break
+}

package/src/lib.js

@@ -1,7 +1,5 @@
-'use client'
-
 /**
- * Copyright (c) 2025 Sinuhe Maceda https://sinuhe.dev
+ * Copyright (c) 2025 Sinuhe Dev. 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.

package/src/template/README.md

@@ -0,0 +1,33 @@
+# TEMPLATE
+
+## To start
+
+Open http://localhost:3000 to view it in the browser.
+
+```sh
+npm i
+npm start
+node --run start
+#
+npm test
+npm run build <ENV>
+npm run preview
+```
+
+## env
+
+```.env
+.env          # loaded in all cases
+.env.[ENV]    # only loaded in specified ENV [ dev, test, prod ]
+```
+
+ * .env.dev
+ * .env.prod
+ * .env.test
+ 
+```env
+VITE_TITLE=TITLE
+
+VITE_LOGGER=true
+VITE_VIEW_TRANSITION=false
+```

package/src/template/_env.dev

@@ -0,0 +1,2 @@
+VITE_LOGGER=true
+VITE_TITLE=dev

package/src/template/_env.prod

@@ -0,0 +1 @@
+VITE_TITLE=prod

package/src/template/_env.test

@@ -0,0 +1 @@
+VITE_TITLE=test

package/src/template/_gitignore

@@ -0,0 +1,9 @@
+node_modules
+out
+
+.coverage
+.env
+.env.*
+
+deploy
+deploy-variables

package/src/template/package.json

@@ -0,0 +1,39 @@
+{
+	"name": "TEMPLATE",
+	"description": "description",
+	"version": "0.0.0",
+	"type": "module",
+	"private": true,
+	"eslintConfig": {
+		"extends": "./node_modules/standard/eslintrc.json"
+	},
+	"scripts": {
+		"start": "vite --mode dev",
+		"clean": "rm -fr .coverage node_modules out package-lock.json",
+		"make": "npm run clean && npm install",
+		"build": "vite build --mode",
+		"preview": "vite preview",
+		"lint": "standard 'src/**/*.{js,jsx}' 'test/**/*.{js,jsx}' --verbose",
+		"page": "npm nextia page",
+		"component": "npm nextia component",
+		"container": "npm nextia container",
+		"test": "vitest",
+		"test:name": "vitest --testNamePattern",
+		"test:silent": "vitest --silent",
+		"test:coverage": "vitest --silent --coverage"
+	},
+	"devDependencies": {
+		"@vitejs/plugin-react": "^5.0.0",
+		"@vitest/coverage-v8": "^3.2.4",
+		"autoprefixer": "^10.4.21",
+		"jsdom": "^26.1.0",
+		"vite": "^7.1.1",
+		"vitest": "^3.0.4",
+		"standard": "^17.1.2"
+	},
+	"dependencies": {
+		"nextia": "^4.0.6",
+		"react": "^19.1.1",
+		"react-dom": "^19.1.1"
+	}
+}

package/src/template/public/error.html

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+	<meta charset="UTF-8" />
+	<title>Error</title>
+	<link rel="shortcut icon" href="logo.svg" />
+</head>
+
+<body>
+	Error ...
+</body>
+
+</html>