@reactful/create 1.2.1 → 1.2.3

package/README.md

@@ -1,7 +1,7 @@
-# reactful scaffold
-
-Createing a reactful framework project scaffold.
-
-```bash
-bunx @reactful/create@latest
-```
+# reactful scaffold
+
+Createing a reactful framework project scaffold.
+
+```bash
+bunx @reactful/create@latest
+```

package/commons/package.json

@@ -1,22 +1,22 @@
-{
-   "type": "module",
-   "name": "template",
-   "module": "index.ts",
-   "scripts": {
-      "start": "bun --hot run index.ts",
-      "build": "rm -rf tsconfig.tsbuildinfo; bunx tsc -p tsconfig.json",
-      "clear": "rm -rf node_modules package-lock.json bun.lockb; bun i; bun run build"
-   },
-   "dependencies": {
-      "react": "^18.2.0",
-      "react-dom": "^18.2.0",
-      "@reactful/extensions": "latest",
-      "@reactful/server": "latest",
-      "@reactful/web": "latest"
-   },
-   "devDependencies": {
-      "bun-types": "^1.0.20",
-      "typescript": "^5.3.3",
-      "@types/react": "^18.2.57"
-   }
+{
+   "type": "module",
+   "name": "template",
+   "module": "index.ts",
+   "scripts": {
+      "start": "bun --hot run index.ts",
+      "build": "rm -rf tsconfig.tsbuildinfo; bunx tsc -p tsconfig.json",
+      "clear": "rm -rf node_modules package-lock.json bun.lockb; bun i; bun run build"
+   },
+   "dependencies": {
+      "react": "^18.2.0",
+      "react-dom": "^18.2.0",
+      "@reactful/extensions": "latest",
+      "@reactful/server": "latest",
+      "@reactful/web": "latest"
+   },
+   "devDependencies": {
+      "bun-types": "^1.0.20",
+      "typescript": "^5.3.3",
+      "@types/react": "^18.2.57"
+   }
 }

package/commons/tsconfig.json

@@ -1,24 +1,24 @@
-{
-   "exclude": ["node_modules"], 
-   "compilerOptions": {
-      "rootDir": ".",
-      "jsx": "react",
-      "target": "esnext",
-      "module": "esnext",
-      "types": ["bun-types"],
-      "moduleDetection": "auto",
-      "moduleResolution": "bundler",
-      "noEmit": true,
-      "strict": false,
-      "allowJs": true,
-      "sourceMap": true,
-      "composite": true,
-      "declaration": true,
-      "skipLibCheck": true,
-      "noImplicitAny": false,
-      "esModuleInterop": true,
-      "downlevelIteration": true,
-      "allowSyntheticDefaultImports": true,
-      "forceConsistentCasingInFileNames": true
-   }
-}
+{
+   "exclude": ["node_modules"], 
+   "compilerOptions": {
+      "rootDir": ".",
+      "jsx": "react",
+      "target": "esnext",
+      "module": "esnext",
+      "types": ["bun-types"],
+      "moduleDetection": "auto",
+      "moduleResolution": "bundler",
+      "noEmit": true,
+      "strict": false,
+      "allowJs": true,
+      "sourceMap": true,
+      "composite": true,
+      "declaration": true,
+      "skipLibCheck": true,
+      "noImplicitAny": false,
+      "esModuleInterop": true,
+      "downlevelIteration": true,
+      "allowSyntheticDefaultImports": true,
+      "forceConsistentCasingInFileNames": true
+   }
+}

package/index.js

@@ -1,149 +1,149 @@
-#!/usr/bin/env node
-
-import npmRegistryFetch from 'npm-registry-fetch'
-import { spawn , execSync } from 'child_process'
-import inquirer from 'inquirer'
-import path from 'path'
-import * as tar from 'tar'
-import fs from 'fs'
-
-const CIANO = '\x1b[36m'
-const GREEN = '\x1b[32m'
-const RESET = '\x1b[0m'
-const prefix = `${GREEN}+${RESET}`
-const char = '─'
-const line = char.repeat(51)
-const decor = '-'.repeat(18)
-
-const packageJson = fs.readFileSync('package.json', 'utf-8');
-const { version } = JSON.parse(packageJson);
-
-
-console.log('___________________________________________________')
-console.log('')
-console.log(`                ${GREEN}REACTful${RESET} create                 `)
-console.log(`                    ${CIANO}current version ${version}${RESET}                    `)
-//console.log(`${decor}( ${GREEN}reactful${RESET}.js )${decor}`)
-console.log('___________________________________________________')
-// console.log(line)
-console.log('')
-
-const templates = ['empty', 'minimal', 'sampling']
-const questions = [{
-      type: 'list',
-      name: 'template',
-      message: 'Which template?',
-      choices: templates,
-      prefix
-   },
-   { type: 'input', name: 'project', message: 'Project name?', prefix, default: 'Sample' },
-   { type: 'confirm', name: 'vscode', message: 'VS Code IDE?', prefix },
-   { type: 'confirm', name: 'install', message: 'Install?', prefix },
-]
-
-inquirer.prompt(questions).then(prompting)
-
-async function prompting(answers) {
-   console.log('- preparing...')
-
-   if (!answers.project) throw 'Required project name!'
-
-   const destination = path.join(process.cwd(), answers.project)
-   const downloadPath = path.join(destination, 'temp')
-   
-   await createDirectory(destination)
-
-   console.log('- loading NPM...')
-   await download('@reactful/create', downloadPath)
-
-   console.log('- creating env...')
-   const env = `PORT=333\nMINIFY=FALSE`
-   fs.writeFileSync(`${destination}/.env`, env)
-
-   console.log('- copying template...')
-   await copyPath(`${downloadPath}/commons`, destination)
-   await copyPath(`${downloadPath}/templates/${answers.template}`, destination)
-   
-   console.log('- renaming project...')
-   renamingJSON(destination, answers.project)
-
-   console.log('- installing dependencies...\n')
-   process.chdir(answers.project)   
-   execSync(`bun install`)
-
-   if (answers.vscode) {
-      spawn("code", ['.'])
-
-      const pathVSCode = `${destination}/.vscode`      
-      await createDirectory(pathVSCode)
-      await copyPath(`${downloadPath}/vscode`, pathVSCode)
-   }
-
-   await removeDirectory(downloadPath)
-}
-
-function renamingJSON(directory, projectName) {
-   const url = `${directory}/package.json`
-   const txt = fs.readFileSync(url, { encoding: 'utf-8' })
-   const obj = JSON.parse(txt)
-
-   obj.name = projectName
-
-   fs.writeFileSync(url, JSON.stringify(obj, null, 3))
-}
-
-async function download(packageName, directory) {
-   try {
-      await createDirectory(directory)
-
-      const metadata = await npmRegistryFetch.json(packageName)
-      const latestVersion = metadata['dist-tags'].latest
-      const tarballURL = metadata.versions[latestVersion].dist.tarball
-      const filename = tarballURL.substring(tarballURL.lastIndexOf('/') + 1)
-      const tempFilePath = path.join(directory, filename)
-
-      if (!fs.existsSync(directory))
-         fs.mkdirSync(directory, { recursive: true })
-
-      const response = await npmRegistryFetch(tarballURL)
-
-      await new Promise((resolve, reject) => {
-         const fileStream = fs.createWriteStream(tempFilePath)
-         response.body.pipe(fileStream)
-         response.body.on('error', reject)
-         fileStream.on('finish', resolve)
-      })
-
-      await tar.x({ file: tempFilePath, cwd: directory, strip: 1 })
-
-      fs.unlinkSync(tempFilePath)
-   } catch (error) {
-      console.error('downloadPackage')
-      throw error
-   }
-}
-
-
-function createDirectory(directory) {
-   removeDirectory(directory)
-   fs.mkdirSync(directory)
-}
-
-function removeDirectory(directory) {
-   if (!fs.existsSync(directory)) return
-   else fs.rmSync(directory, { recursive: true })
-}
-
-function copyPath(source, target) {
-   if (!fs.existsSync(target)) fs.mkdirSync(target)
-
-   fs.readdirSync(source).forEach(function(file) {
-      const sourcePath = path.join(source, file)
-      const targetPath = path.join(target, file)
-      const statusPath = fs.lstatSync(sourcePath)
-      const folderPath = statusPath.isDirectory()
-
-      if (folderPath) copyPath(sourcePath, targetPath)
-      else fs.copyFileSync(sourcePath, targetPath)
-   })
+#!/usr/bin/env node
+
+import npmRegistryFetch from 'npm-registry-fetch'
+import { spawn , execSync } from 'child_process'
+import inquirer from 'inquirer'
+import path from 'path'
+import * as tar from 'tar'
+import fs from 'fs'
+
+const CIANO = '\x1b[36m'
+const GREEN = '\x1b[32m'
+const RESET = '\x1b[0m'
+const prefix = `${GREEN}+${RESET}`
+const char = '─'
+const line = char.repeat(51)
+const decor = '-'.repeat(18)
+
+const packageJson = fs.readFileSync('package.json', 'utf-8');
+const { version } = JSON.parse(packageJson);
+
+
+console.log('___________________________________________________')
+console.log('')
+console.log(`                ${GREEN}REACTful${RESET} create                 `)
+console.log(`                    ${CIANO}current version ${version}${RESET}                    `)
+//console.log(`${decor}( ${GREEN}reactful${RESET}.js )${decor}`)
+console.log('___________________________________________________')
+// console.log(line)
+console.log('')
+
+const templates = ['empty', 'minimal', 'sampling']
+const questions = [{
+      type: 'list',
+      name: 'template',
+      message: 'Which template?',
+      choices: templates,
+      prefix
+   },
+   { type: 'input', name: 'project', message: 'Project name?', prefix, default: 'Sample' },
+   { type: 'confirm', name: 'vscode', message: 'VS Code IDE?', prefix },
+   { type: 'confirm', name: 'install', message: 'Install?', prefix },
+]
+
+inquirer.prompt(questions).then(prompting)
+
+async function prompting(answers) {
+   console.log('- preparing...')
+
+   if (!answers.project) throw 'Required project name!'
+
+   const destination = path.join(process.cwd(), answers.project)
+   const downloadPath = path.join(destination, 'temp')
+   
+   await createDirectory(destination)
+
+   console.log('- loading NPM...')
+   await download('@reactful/create', downloadPath)
+
+   console.log('- creating env...')
+   const env = `PORT=333\nMINIFY=FALSE`
+   fs.writeFileSync(`${destination}/.env`, env)
+
+   console.log('- copying template...')
+   await copyPath(`${downloadPath}/commons`, destination)
+   await copyPath(`${downloadPath}/templates/${answers.template}`, destination)
+   
+   console.log('- renaming project...')
+   renamingJSON(destination, answers.project)
+
+   console.log('- installing dependencies...\n')
+   process.chdir(answers.project)   
+   execSync(`bun install`)
+
+   if (answers.vscode) {
+      spawn("code", ['.'])
+
+      const pathVSCode = `${destination}/.vscode`      
+      await createDirectory(pathVSCode)
+      await copyPath(`${downloadPath}/vscode`, pathVSCode)
+   }
+
+   await removeDirectory(downloadPath)
+}
+
+function renamingJSON(directory, projectName) {
+   const url = `${directory}/package.json`
+   const txt = fs.readFileSync(url, { encoding: 'utf-8' })
+   const obj = JSON.parse(txt)
+
+   obj.name = projectName
+
+   fs.writeFileSync(url, JSON.stringify(obj, null, 3))
+}
+
+async function download(packageName, directory) {
+   try {
+      await createDirectory(directory)
+
+      const metadata = await npmRegistryFetch.json(packageName)
+      const latestVersion = metadata['dist-tags'].latest
+      const tarballURL = metadata.versions[latestVersion].dist.tarball
+      const filename = tarballURL.substring(tarballURL.lastIndexOf('/') + 1)
+      const tempFilePath = path.join(directory, filename)
+
+      if (!fs.existsSync(directory))
+         fs.mkdirSync(directory, { recursive: true })
+
+      const response = await npmRegistryFetch(tarballURL)
+
+      await new Promise((resolve, reject) => {
+         const fileStream = fs.createWriteStream(tempFilePath)
+         response.body.pipe(fileStream)
+         response.body.on('error', reject)
+         fileStream.on('finish', resolve)
+      })
+
+      await tar.x({ file: tempFilePath, cwd: directory, strip: 1 })
+
+      fs.unlinkSync(tempFilePath)
+   } catch (error) {
+      console.error('downloadPackage')
+      throw error
+   }
+}
+
+
+function createDirectory(directory) {
+   removeDirectory(directory)
+   fs.mkdirSync(directory)
+}
+
+function removeDirectory(directory) {
+   if (!fs.existsSync(directory)) return
+   else fs.rmSync(directory, { recursive: true })
+}
+
+function copyPath(source, target) {
+   if (!fs.existsSync(target)) fs.mkdirSync(target)
+
+   fs.readdirSync(source).forEach(function(file) {
+      const sourcePath = path.join(source, file)
+      const targetPath = path.join(target, file)
+      const statusPath = fs.lstatSync(sourcePath)
+      const folderPath = statusPath.isDirectory()
+
+      if (folderPath) copyPath(sourcePath, targetPath)
+      else fs.copyFileSync(sourcePath, targetPath)
+   })
 }

package/package.json

@@ -1,31 +1,31 @@
-{
-  "name": "@reactful/create",
-  "version": "1.2.1",
-  "main": "index.js",
-  "type": "module",
-  "description": "reactful scafold tool",
-  "author": "jonathan de sena ribeiro <jsenaribeiro@gmail.com>",
-  "bin": {
-    "@reactful/create": "index.js"
-  },
-  "files": [
-    "index.js",
-    "package.json",
-    "templates",
-    "commons",
-    "vscode"
-  ],
-  "scripts": {
-    "start": "bun run index.js",
-    "patch": "npm version patch; npm publish --access public",
-    "minor": "npm version minor; npm publish --access public",
-    "major": "npm version major; npm publish --access public"
-  },
-  "license": "MIT",
-  "dependencies": {
-    "bun-types": "latest",
-    "inquirer": "^9.2.13",
-    "npm-registry-fetch": "^16.1.0",
-    "tar": "^6.2.0"
-  }
-}
+{
+  "name": "@reactful/create",
+  "version": "1.2.3",
+  "main": "index.js",
+  "type": "module",
+  "description": "reactful scaffold",
+  "author": "jonathan de sena ribeiro <jsenaribeiro@gmail.com>",
+  "bin": {
+    "@reactful/create": "index.js"
+  },
+  "files": [
+    "index.js",
+    "package.json",
+    "templates",
+    "commons",
+    "vscode"
+  ],
+  "scripts": {
+    "start": "bun run index.js",
+    "patch": "npm version patch; npm publish --access public",
+    "minor": "npm version minor; npm publish --access public",
+    "major": "npm version major; npm publish --access public"
+  },
+  "license": "MIT",
+  "dependencies": {
+    "bun-types": "latest",
+    "inquirer": "^9.2.13",
+    "npm-registry-fetch": "^16.1.0",
+    "tar": "^6.2.0"
+  }
+}

package/templates/minimal/components/hello.tsx

@@ -1,9 +1,9 @@
-import React from "react"
-
-interface Props {
-   name?: string
-}
-
-export const Hello = (props: Props) => <>
-   <h1>Hello { props.name || "World"} !</h1>
+import React from "react"
+
+interface Props {
+   name?: string
+}
+
+export const Hello = (props: Props) => <>
+   <h1>Hello { props.name || "World"} !</h1>
 </>

package/templates/minimal/components/icon.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+interface Props {
+   id: string
+   size?: string
+   children?: string
+}
+
+export const Icon = ({ id, size, children }: Props) => <>
+   <i className={`bi bi-${size} bi-${id}`} title={children || ""}></i>
+</>

package/templates/minimal/components/index.ts

@@ -1 +1,2 @@
-export * from './hello'
+export * from './hello'
+export * from './icon'

package/templates/minimal/routes/index.tsx

@@ -1,7 +1,8 @@
-import React from "react"
-import { Hello } from './components'
-
-export default () => <>
-   <h2>Minimal Template</h2>
-   <Hello name="World" />
+import React from "react"
+import { Hello, Icon } from './components'
+
+export default () => <>
+   <h2>Minimal Template</h2>
+   <Hello name="World" />
+   <Icon id='plus-circle' />
 </>

package/templates/sampling/apis/auth/db.ts

@@ -1,15 +1,15 @@
-const database = [
-   { username: 'usr', password: 'pwd' },
-   { username: 'test', password: '123' },
-]
-
-export const db = {
-   
-   has(username, password) {
-      const contains = database
-         .filter(x => x.username == username)
-         .some(x => x.password == password)
-
-      return Promise.resolve(contains)
-   }
+const database = [
+   { username: 'usr', password: 'pwd' },
+   { username: 'test', password: '123' },
+]
+
+export const db = {
+   
+   has(username, password) {
+      const contains = database
+         .filter(x => x.username == username)
+         .some(x => x.password == password)
+
+      return Promise.resolve(contains)
+   }
 }

package/templates/sampling/apis/auth/index.ts

@@ -1,28 +1,28 @@
-"user server"
-
-import { delay } from '../../../commons/src'
-import { db } from "./db"
-
-const SECRET_KEY = '0123456789'
-
-export async function post(request: Request) {
-   await delay(3000)
-
-   const AUTHORIZATION = request.headers.get('authorization')
-   const UNAUTHORIZED = { status: 401, headers: { 'Content-Type': 'text/plain' }}
-   const NO_HEADERS = 'Authorization header missing!'
-   const NOT_LOGIN = 'Authentication failed!'
-   
-   if (!AUTHORIZATION?.startsWith('Basic ')) 
-      return new Response(NO_HEADERS, UNAUTHORIZED)
-
-   const auth = AUTHORIZATION.split(' ')[1]
-   const credential = Buffer.from(auth, 'base64').toString('utf-8')
-   const [ username, password ] = credential.split(':')
-   const exists = await db.has(username, password)
-   const settings = exists ? { } : UNAUTHORIZED   
-   const access_token = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c'
-   const text = exists ? JSON.stringify({ access_token }) : NOT_LOGIN 
- 
-   return new Response(text, settings)
+"user server"
+
+import { delay } from '../../../commons/src'
+import { db } from "./db"
+
+const SECRET_KEY = '0123456789'
+
+export async function post(request: Request) {
+   await delay(3000)
+
+   const AUTHORIZATION = request.headers.get('authorization')
+   const UNAUTHORIZED = { status: 401, headers: { 'Content-Type': 'text/plain' }}
+   const NO_HEADERS = 'Authorization header missing!'
+   const NOT_LOGIN = 'Authentication failed!'
+   
+   if (!AUTHORIZATION?.startsWith('Basic ')) 
+      return new Response(NO_HEADERS, UNAUTHORIZED)
+
+   const auth = AUTHORIZATION.split(' ')[1]
+   const credential = Buffer.from(auth, 'base64').toString('utf-8')
+   const [ username, password ] = credential.split(':')
+   const exists = await db.has(username, password)
+   const settings = exists ? { } : UNAUTHORIZED   
+   const access_token = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c'
+   const text = exists ? JSON.stringify({ access_token }) : NOT_LOGIN 
+ 
+   return new Response(text, settings)
 }

package/templates/sampling/apis/hello.ts

@@ -1,3 +1,3 @@
-export function get(request: Request) {
-   return new Response("hello world")
+export function get(request: Request) {
+   return new Response("hello world")
 }

package/templates/sampling/apis/quotes.ts

@@ -1,16 +1,16 @@
-export function get(request: Request) {
-   function getRandomInt(max) { return Math.floor(Math.random() * max); }    
-
-   const messages = [
-      "Man is the measure of all things (Protagoras)",
-      "The unexamined life is not worth living (Socrates)",
-      "One cannot step twice in the same river (Heraclitus)",
-      "Life must be understood backward. But it must be lived forward (Kierkegaard)",
-      "Science is what you know. Philosophy is what you don't know (Russell)",
-      "I can control my passions and emotions if I can understand their nature (Spinoza)" 
-   ]
-
-   const message = messages[getRandomInt(messages.length)]
-
-   return new Response(message)
+export function get(request: Request) {
+   function getRandomInt(max) { return Math.floor(Math.random() * max); }    
+
+   const messages = [
+      "Man is the measure of all things (Protagoras)",
+      "The unexamined life is not worth living (Socrates)",
+      "One cannot step twice in the same river (Heraclitus)",
+      "Life must be understood backward. But it must be lived forward (Kierkegaard)",
+      "Science is what you know. Philosophy is what you don't know (Russell)",
+      "I can control my passions and emotions if I can understand their nature (Spinoza)" 
+   ]
+
+   const message = messages[getRandomInt(messages.length)]
+
+   return new Response(message)
 }

package/templates/sampling/apis/sub/index.ts

@@ -1,3 +1,3 @@
-export function get(request: Request) {
-   return new Response("hi sub index")
+export function get(request: Request) {
+   return new Response("hi sub index")
 }