nextia 3.0.2 → 4.0.0

package/README.md

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

package/create-nextia/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Sinuhe Maceda 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
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/create-nextia/README.md

@@ -0,0 +1,17 @@
+# create-nextia
+
+## nextia command
+
+# Go to test
+```sh
+npm i
+npm run test:my-app
+node --run test:my-app
+```
+
+## create project
+```sh
+npm create nextia@latest my-app
+```
+
+[npm](https://www.npmjs.com/package/create-nextia)

package/create-nextia/package.json

@@ -0,0 +1,38 @@
+{
+	"name": "create-nextia",
+	"description": "nextia command",
+	"version": "0.0.1",
+	"engines": {
+		"node": ">22"
+	},
+	"type": "module",
+	"license": "MIT",
+	"author": {
+		"name": "Sinuhe Maceda",
+		"email": "sinuhe.dev@gmail.com",
+		"url": "https://sinuhe.dev"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/sinuhedev/nextia.git",
+		"directory": "create-nextia"
+	},
+	"homepage": "https://github.com/sinuhedev/nextia/create-nextia#readme",
+	"keywords": [
+		"react"
+	],
+	"bin": {
+		"create-nextia": "src/bin.js"
+	},
+	"scripts": {
+		"start": "node src/bin.js ",
+		"clean": "rm -fr node_modules package-lock.json && [ -d 'my-app' ] && rm -r 'my-app'",
+		"make": "npm run clean && npm install",
+		"lint": "standard src",
+		"test:my-app": " [ -d 'my-app' ] && rm -r 'my-app' ; node src/bin.js ",
+		"test:page": "cd my-app ; node ../src/bin.js page my-page",
+		"test:component": "cd my-app ; node ../src/bin.js component MyComponent",
+		"test:container": "cd my-app ; node ../src/bin.js container MyContainer",
+		"test:next:page": "cd my-app ; node ../src/bin.js next:page my-page"
+	}
+}

package/{src → create-nextia/src}/bin.js

@@ -6,12 +6,16 @@
  * 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
+ * https://github.com/sinuhedev/nextia/create-nextia
  */
 
-import { mkdir, writeFile } from 'node:fs/promises'
+import { fileURLToPath } from 'node:url'
+import { dirname } from 'node:path'
+import { mkdir, writeFile, readFile, cp, rename, access } from 'node:fs/promises'
+import readline from 'node:readline/promises'
+import { stdin as input, stdout as output } from 'node:process'
 
-async function createPage (name, isNext, isType) {
+async function createPage (name, isNext) {
   const toPascalCase = str => str
     .toLowerCase()
     .replace(/[^a-zA-Z0-9 ]/g, ' ') // replace special characters
@@ -72,7 +76,7 @@ export default { initialState }
   }
 }
 
-async function createComponent (name, isType) {
+async function createComponent (name) {
   const dirName = `./src/components/${name}`
 
   try {
@@ -104,7 +108,7 @@ export default function ${name} ({ className, style }) {
   }
 }
 
-async function createContainer (name, isType) {
+async function createContainer (name) {
   const dirName = `./src/containers/${name}`
 
   try {
@@ -146,42 +150,92 @@ export default { initialState }
   }
 }
 
+async function createProject () {
+  const rl = readline.createInterface({ input, output })
+  const templates = ['', 'vitejs', 'nextjs']
+  let projectName, projectPath, template
+
+  // inputs
+  try {
+    projectName = await rl.question('Project name: ')
+    template = await rl.question('1) vitejs  \n2) nextjs \n: ')
+  } catch (err) {
+    if (err.name !== 'AbortError') {
+      console.error('Unexpected error:', err)
+    }
+  } finally {
+    rl.close()
+  }
+
+  // Is new project
+  try {
+    projectPath = process.cwd() + `/${projectName}/`
+    await access(projectPath)
+    console.error(`The "${projectName}" already exists.`)
+    return
+  } catch (error) {
+  }
+
+  // templates
+  const num = Number(template)
+  if (!(Number.isInteger(num) && num >= 1 && num <= templates.length)) {
+    console.error('The template does not exist.')
+    return
+  }
+  template = dirname(fileURLToPath(import.meta.url)) + '/../templates/' + templates[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.development')
+    await mv('env.production')
+    await mv('env.test')
+    await mv('gitignore')
+
+    // replace tokens
+    await replaceToken('README.md', 'TEMPLATE', projectName)
+    await replaceToken('package.json', 'TEMPLATE', projectName)
+  } catch (err) {
+    console.error(err)
+  }
+}
+
 /**
  * main
  */
 
 const CMD = process.argv[2]
-const PROJECT_NAME = process.argv[2]
 const FILE_NAME = process.argv[3]
 
 switch (CMD) {
   case 'page':
-  case 'page:type':
-  case 'next:page':
-  case 'next:page:type':
-    if (FILE_NAME) {
-      createPage(
-        FILE_NAME,
-        ['next:page', 'next:page:type'].includes(CMD),
-        ['page:type', 'next:page:type'].includes(CMD))
-    } else console.warn('npm run page <page-name>')
+    if (FILE_NAME) createPage(FILE_NAME, false)
+    else console.warn('npm run page <page-name>')
     break
 
   case 'component':
-  case 'component:type':
-    if (FILE_NAME) createComponent(FILE_NAME, CMD === 'component:type')
+    if (FILE_NAME) createComponent(FILE_NAME)
     else console.warn('npm run component <ComponentName>')
     break
 
   case 'container':
-  case 'container:type':
-    if (FILE_NAME) createContainer(FILE_NAME, CMD === 'component:type')
+    if (FILE_NAME) createContainer(FILE_NAME)
     else console.warn('npm run container <ContainerName>')
     break
 
+  case 'next:page':
+    if (FILE_NAME) createPage(FILE_NAME, true)
+    else console.warn('npm run next:page <page-name>')
+    break
+
   default:
-    // create project
-    if (PROJECT_NAME) console.info(`Project name: ${PROJECT_NAME}`)
-    else console.warn('npx nextia@latest <my-app>')
+    createProject()
     break
 }

package/create-nextia/templates/nextjs/README.md

@@ -0,0 +1,34 @@
+# 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 serve
+```
+
+## env
+
+```.env
+.env              # loaded in all cases
+.env.[ENV]    # only loaded in specified ENV [ development, test, production ]
+```
+
+ * .env.development
+ * .env.production
+ * .env.test
+ 
+```env
+NEXT_PUBLIC_LOGGER=true
+NEXT_PUBLIC_TITLE=<ENV>-nextjs
+#
+API=https://65fd14fb9fc4425c653119c5.mockapi.io/api/v1
+```
+

package/create-nextia/templates/nextjs/_env.development

@@ -0,0 +1,4 @@
+NEXT_PUBLIC_TITLE=development-nextjs
+NEXT_PUBLIC_LOGGER=true
+#
+API=https://65fd14fb9fc4425c653119c5.mockapi.io/api/v1

package/create-nextia/templates/nextjs/_env.production

@@ -0,0 +1,3 @@
+NEXT_PUBLIC_TITLE=production-nextjs
+#
+API=https://65fd14fb9fc4425c653119c5.mockapi.io/api/v1

package/create-nextia/templates/nextjs/_env.test

@@ -0,0 +1,3 @@
+NEXT_PUBLIC_TITLE=test-nextjs
+#
+API=https://65fd14fb9fc4425c653119c5.mockapi.io/api/v1

package/create-nextia/templates/nextjs/_gitignore

@@ -0,0 +1,9 @@
+node_modules
+out
+
+.coverage
+.next
+.env
+.env.*
+.swc
+.vercel

package/create-nextia/templates/nextjs/jsconfig.json

@@ -0,0 +1,5 @@
+{
+  "compilerOptions": {
+    "baseUrl": "src",
+  }
+}

package/create-nextia/templates/nextjs/next.config.js

@@ -0,0 +1,18 @@
+import packageJson from './package.json' with { type: "json" }
+import { execSync } from 'node:child_process'
+
+let gitHash = ''
+try {
+  gitHash = execSync('git rev-parse --short HEAD 2> /dev/null').toString()
+} catch (e) { }
+
+export default {
+  reactStrictMode: false,
+  devIndicators: false,
+
+  env: {
+    VERSION: packageJson.version,
+    GIT_HASH: gitHash
+  }
+}
+

package/create-nextia/templates/nextjs/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": "NODE_OPTIONS='--inspect' next dev",
+    "start:turbopack": "NODE_OPTIONS='--inspect' next dev --turbopack",
+    "clean": "rm -fr package-lock.json node_modules .next .coverage .swc",
+    "make": "npm run clean && npm install",
+    "build": "next build",
+    "serve": "next start",
+    "lint": "standard 'src/**/*.{js,jsx}' 'test/**/*.{js,jsx}' --verbose",
+    "page": "npm create nextia@latest next:page",
+    "component": "npm create nextia@latest component",
+    "container": "npm create nextia@latest container",
+    "test": "vitest",
+    "test:name": "vitest --testNamePattern",
+    "test:silent": "vitest --silent",
+    "test:coverage": "vitest --coverage --silent"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-react": "^5.0.0",
+    "@vitest/coverage-v8": "^3.2.4",
+    "jsdom": "^26.1.0",
+    "vitest": "^3.0.4",
+    "standard": "^17.1.2"
+  },
+  "dependencies": {
+    "next": "^15.4.6",
+    "nextia": "4.0.0",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1"
+  }
+}