@reactful/create 0.0.56 → 0.0.58

package/index.js

@@ -2,12 +2,12 @@
 
 import { exec } from 'child_process'
 import inquirer from 'inquirer'
+import fetch from 'node-fetch'
 import path from 'path'
 import fs from 'fs'
 
-
-const GREEN = '\x1b[32m';
-const RESET = '\x1b[0m';
+const GREEN = '\x1b[32m'
+const RESET = '\x1b[0m'
 const prefix = `${GREEN}+${RESET}`
 const line = ' '.repeat(50)
 const decor = '-'.repeat(15)
@@ -16,7 +16,9 @@ console.log(line)
 console.log(`${decor}( ${GREEN}reactful${RESET}.js )${decor}`)
 console.log(line)
 
-const templatePath = path.join(process.cwd(), 'templates')
+const nodeModulesPath = 'node_modules/@reactful/create'
+
+const templatePath = path.join(process.cwd(), nodeModulesPath, 'templates')
 
 const templates = fs.readdirSync(templatePath)
    .map(x => ({ name:x, path: `${templatePath}/${x}`}))
@@ -37,20 +39,24 @@ const questions = [
 ]
 
 inquirer.prompt(questions).then(async function (answers) {
-   const fromTemplate = path.join(process.cwd(), base, 'templates', answers.template)
-   const destProject = path.join(process.cwd(), answers.project)
-   const fromCommon = path.join(process.cwd(), base, 'common')
+   // const fromTemplate = path.join(process.cwd(), base, 'templates', answers.template)
+   // const destination = path.join(process.cwd(), answers.project)
+   // const fromCommon = path.join(process.cwd(), base, 'common')
+   // copyFolder(fromTemplate, destination)
+   // copyFolder(fromCommon, destination)
 
-   copyFolder(fromTemplate, destProject)
-   copyFolder(fromCommon, destProject)
-   namingJSON(destProject, answers.project)
+   const base = 'https://github.com/jsenaribeiro/reactful/installation/'
+
+   copyScaffold(`${base}/common`, destination)
+   copyScaffold(`${base}/templates/${answers.template}`, destination)
+   renamingJSON(destination, answers.project)
 
    console.log('')
 
-   exec($`cd ${answers.project}; bun install`)
+   exec($`cd ${answers.project} bun install`)
 })
 
-function namingJSON(directory, projectName) {
+function renamingJSON(directory, projectName) {
    const url = `${directory}/package.json`
    const txt = fs.readFileSync(url, { encoding:'utf-8' })
    const obj = JSON.parse(txt)
@@ -78,3 +84,26 @@ function copyFolder(fromDir, destDir) {
       else fs.copyFileSync(fromPath, destPath)
   })
 }
+
+async function downloadRepo(url, destino) {
+   const resposta = await fetch(url)
+   const conteudo = await resposta.json()
+ 
+   for (const item of conteudo) {
+     if (item.type === 'file') {
+       const arquivoUrl = item.download_url
+       const arquivoNome = path.join(destino, item.name)
+       const arquivoResposta = await fetch(arquivoUrl)
+       const arquivoTexto = await arquivoResposta.text()
+       fs.writeFileSync(arquivoNome, arquivoTexto)
+       console.log(`Arquivo baixado: ${arquivoNome}`)
+     }
+   }
+ }
+ 
+ async function copyScaffold(destination) {
+   const url = 'https://github.com/jsenaribeiro/reactful/installation/'
+ 
+   try { await downloadRepo(url, destination) } 
+   catch (error) { console.error(error) }
+ }

package/package.json

@@ -1,18 +1,21 @@
 {
    "name": "@reactful/create",
-   "version": "0.0.56",
+   "version": "0.0.58",
    "main": "index.js",
    "type": "module",
    "description": "reactful scafold tool",
    "author": "jonathan de sena ribeiro <jsenaribeiro@gmail.com>",
    "license": "MIT",
-   "bin": { "@reactful/create" : "index.js"},
+   "bin": {
+      "@reactful/create": "index.js"
+   },
    "scripts": {
       "deploy": "npm publish --access public"
    },
    "dependencies": {
       "bun-types": "latest",
+      "fs": "^0.0.1-security",
       "inquirer": "^9.2.13",
-      "fs": "^0.0.1-security"
+      "node-fetch": "^3.3.2"
    }
-}
+}

package/testings/apis/auth/db.ts

@@ -1,15 +0,0 @@
-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/testings/apis/auth/index.ts

@@ -1,28 +0,0 @@
-"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/testings/apis/hello.ts

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

package/testings/apis/quotes.ts

@@ -1,16 +0,0 @@
-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/testings/apis/sub/index.ts

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

package/testings/apis/sub/sub.ts

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

package/testings/assets/default.css

@@ -1,91 +0,0 @@
-@import url('https://fonts.cdnfonts.com/css/share-tech');
-
-body,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-button,
-textarea,
-input,
-select {
-   font-family: agave !important
-}
-
-@media (prefers-color-scheme: dark) {
-   body {
-      background-color: #333;
-      color: #EEE;
-   }
-
-   a {
-      color: wheat
-   }
-
-   a:hover {
-      color: yellow
-   }
-
-   button {
-      background-color: #AAA;
-      border-width: 1px;
-      padding: 10px 5px;
-   }
-
-   input,
-   textarea {
-      color: #EEE;
-      background-color: #444;
-      border-color: #555;
-      border-style: solid;
-      border-width: 1px;
-      outline: none;
-   }
-
-   input:focus {
-      border-color: #AAA;
-      outline: none;
-   }
-}
-
-input.Hello,
-[bind='value'],
-[own^='Sub'] {
-   width: 50px;
-}
-
-label.Hello {
-   margin-bottom: 20px;
-}
-
-label.Hello code {
-   font-size: 12px;
-   color: silver;
-}
-
-button.Detail {
-   padding: 10px;
-   margin: 10px;
-   cursor: pointer;
-   background-color: #ccc;
-   border: 1px solid #000;
-   transition: margin-top 0.2s ease-in-out, margin-bottom 0.2s ease-in-out;
-}
-
-button.Detail:hover {
-   background-color: #ddd;
-}
-
-button.Detail:active {
-   margin-top: 5px;
-   margin-bottom: 5px;
-}
-
-
-button.Detail:active {
-   color: white;
-   background-color: #777;
-   transform: translate(2px, 2px);
-}

package/testings/assets/icon.svg

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="263px" height="388px" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" xmlns:xlink="http://www.w3.org/1999/xlink">
-<g><path style="opacity:1" fill="#f4ddb2" d="M 74.5,-0.5 C 75.5,-0.5 76.5,-0.5 77.5,-0.5C 107.762,24.9817 138.096,50.4817 168.5,76C 122.614,121.98 103.114,177.48 110,242.5C 118.974,305.846 150.474,354.179 204.5,387.5C 201.5,387.5 198.5,387.5 195.5,387.5C 125.186,377.001 70.6858,342.001 32,282.5C 13.2853,251.287 2.45197,217.62 -0.5,181.5C -0.5,171.5 -0.5,161.5 -0.5,151.5C 5.05174,91.1449 30.0517,40.4783 74.5,-0.5 Z"/></g>
-<g><path style="opacity:1" fill="#f4ddb2" d="M 262.5,175.5 C 262.5,180.833 262.5,186.167 262.5,191.5C 254.191,224.617 232.858,240.451 198.5,239C 177.426,234.92 162.593,223.087 154,203.5C 145.539,175.55 153.039,153.05 176.5,136C 202.655,122.121 226.488,125.288 248,145.5C 255.287,154.405 260.12,164.405 262.5,175.5 Z"/></g>
-</svg>

package/testings/assets/manifest.json

@@ -1,57 +0,0 @@
-{
-   "name": "React Minus",
-   "start_url": ".",
-   "theme_color": "#333",
-   "short_name": "reactful",
-   "display": "standalone",
-   "background_color": "#333",
-   "description": "A sample app",
-   "icons": [
-     {
-       "src": "logo-48.png",
-       "sizes": "48x48",
-       "type": "image/png",
-       "purpose": "any maskable"
-     },
-     {
-       "src": "logo-72.png",
-       "sizes": "72x72",
-       "type": "image/png",
-       "purpose": "any maskable"
-     },
-     {
-       "src": "logo-96.png",
-       "sizes": "96x96",
-       "type": "image/png",
-       "purpose": "any maskable"
-     },
-     {
-       "src": "logo-144.png",
-       "sizes": "144x144",
-       "type": "image/png",
-       "purpose": "any maskable"
-     },
-     {
-       "src": "logo-168.png",
-       "sizes": "168x168",
-       "type": "image/png",
-       "purpose": "any maskable"
-     },
-     {
-       "src": "logo-192.png",
-       "sizes": "192x192",
-       "type": "image/png",
-       "purpose": "any maskable"
-     },
-     {
-       "src": "logo-512.png",
-       "sizes": "512x512",
-       "type": "image/png",
-       "purpose": "any maskable"
-     }
-   ],
-   "related_applications": [{
-       "platform": "play",
-       "url": "https://play.google.com/store/apps/details?id=sample"
-   }]
- }

package/testings/assets/markdown.css

@@ -1,274 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- *  Copyright (c) Microsoft Corporation. All rights reserved.
- *  Licensed under the MIT License. See License.txt in the project root for license information.
- *--------------------------------------------------------------------------------------------*/
- @import url('https://fonts.cdnfonts.com/css/agave');
- @import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@100;200;300;400&display=swap');
- @import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@100;200;300;400&family=Quicksand:wght@300;400;500;600;700&display=swap');
-
-
-
-:root {
-   --base-font: 'fira-sans';
-   --code-font: 'agave';
-}
-
-@media (prefers-color-scheme: dark) {
-   /* :root { filter: invert(80%) contrast(150%); }   
-   input { filter: invert(10%); } */
-}
-
-label > input { margin-left:10px;  }
-
-input { 
-   font-family: var(--code-font); 
-   padding: 5px 7px;
-   color: black;
-}
-
-html, body {
-   font-family: var(--base-font, -apple-system, BlinkMacSystemFont, "Segoe WPC", "Segoe UI", system-ui, "Ubuntu", "Droid Sans", sans-serif);
-   font-size: var(--markdown-font-size, 14px);
-   line-height: var(--markdown-line-height, 22px);
-   word-wrap: break-word;
-}
-
-body {
-   padding: 10px;
-   background: whitesmoke;
-   zoom: 1.1;
-}
-
-
-/* Reset margin top for elements */
-h1,h2,h3,h4,h5,h6,p,ol,ul,pre {
-   margin-top: 0;
-}
-
-h1,h2,h3,h4,h5,h6 {
-   font-weight: 600;
-   margin-top: 24px;
-   margin-bottom: 16px;
-   line-height: 1.25;
-}
-
-#code-csp-warning {
-   position: fixed;
-   top: 0;
-   right: 0;
-   color: white;
-   margin: 16px;
-   text-align: center;
-   font-size: 12px;
-   font-family: sans-serif;
-   background-color: #444444;
-   cursor: pointer;
-   padding: 6px;
-   box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
-}
-
-#code-csp-warning:hover {
-   text-decoration: none;
-   background-color: #007acc;
-   box-shadow: 2px 2px 2px rgba(0, 0, 0, .25);
-}
-
-body.scrollBeyondLastLine {
-   margin-bottom: calc(100vh - 22px);
-}
-
-body.showEditorSelection .code-line {
-   position: relative;
-}
-
-body.showEditorSelection :not(tr, ul, ol).code-active-line:before,
-body.showEditorSelection :not(tr, ul, ol).code-line:hover:before {
-   content: "";
-   display: block;
-   position: absolute;
-   top: 0;
-   left: -12px;
-   height: 100%;
-}
-
-.vscode-high-contrast.showEditorSelection :not(tr, ul, ol).code-line .code-line:hover:before {
-   border-left: none;
-}
-
-body.showEditorSelection li.code-active-line:before,
-body.showEditorSelection li.code-line:hover:before {
-   left: -30px;
-}
-
-.vscode-light.showEditorSelection .code-active-line:before {
-   border-left: 3px solid rgba(0, 0, 0, 0.15);
-}
-
-.vscode-light.showEditorSelection .code-line:hover:before {
-   border-left: 3px solid rgba(0, 0, 0, 0.40);
-}
-
-.vscode-dark.showEditorSelection .code-active-line:before {
-   border-left: 3px solid rgba(255, 255, 255, 0.4);
-}
-
-.vscode-dark.showEditorSelection .code-line:hover:before {
-   border-left: 3px solid rgba(255, 255, 255, 0.60);
-}
-
-.vscode-high-contrast.showEditorSelection .code-active-line:before {
-   border-left: 3px solid rgba(255, 160, 0, 0.7);
-}
-
-.vscode-high-contrast.showEditorSelection .code-line:hover:before {
-   border-left: 3px solid rgba(255, 160, 0, 1);
-}
-
-/* Prevent `sub` and `sup` elements from affecting line height */
-sub, sup { line-height: 0; }
-
-ul ul:first-child,
-ul ol:first-child,
-ol ul:first-child,
-ol ol:first-child {
-   margin-bottom: 0;
-}
-
-img, video {
-   max-width: 100%;
-   max-height: 100%;
-}
-
-a { text-decoration: none; }
-
-a:hover { text-decoration: underline; }
-
-a:focus,
-input:focus,
-select:focus,
-textarea:focus {
-   outline: 1px solid -webkit-focus-ring-color;
-   outline-offset: -1px;
-}
-
-p {
-   margin-bottom: 16px;
-}
-
-li p {
-   margin-bottom: 0.7em;
-}
-
-ul,
-ol {
-   margin-bottom: 0.7em;
-}
-
-hr {
-   border: 0;
-   height: 1px;
-   border-bottom: 1px solid;
-}
-
-h1 {
-   font-size: 2em;
-   margin-top: 0;
-   padding-bottom: 0.3em;
-   border-bottom-width: 1px;
-   border-bottom-style: solid;
-}
-
-h2 {
-   font-size: 1.5em;
-   padding-bottom: 0.3em;
-   border-bottom-width: 1px;
-   border-bottom-style: solid;
-}
-
-h3 {
-   font-size: 1.25em;
-}
-
-h4 {
-   font-size: 1em;
-}
-
-h5 {
-   font-size: 0.875em;
-}
-
-h6 {
-   font-size: 0.85em;
-}
-
-table {
-   border-collapse: collapse;
-   margin-bottom: 0.7em;
-}
-
-th {
-   text-align: left;
-   border-bottom: 1px solid;
-}
-
-th,
-td {
-   padding: 5px 10px;
-}
-
-table>tbody>tr+tr>td {
-   border-top: 1px solid;
-}
-
-blockquote {
-   margin: 0;
-   padding: 2px 16px 0 10px;
-   border-left-width: 5px;
-   border-left-style: solid;
-   border-radius: 2px;
-}
-
-code {
-   font-family: var(--code-font, "SF Mono", Monaco, Menlo, Consolas, "Ubuntu Mono", "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace);
-   font-size: 1em;
-   line-height: 1.357em;
-}
-
-body.wordWrap pre {
-   white-space: pre-wrap;
-}
-
-pre:not(.hljs),
-pre.hljs code>div {
-   padding: 16px;
-   border-radius: 3px;
-   overflow: auto;
-}
-
-pre code {
-   color: var(--vscode-editor-foreground);
-   tab-size: 4;
-}
-
-/** Theming */
-
-pre {
-   background-color: var(--vscode-textCodeBlock-background);
-   border: 1px solid var(--vscode-widget-border);
-}
-
-.vscode-high-contrast h1 {
-   border-color: rgb(0, 0, 0);
-}
-
-.vscode-light th {
-   border-color: rgba(0, 0, 0, 0.69);
-}
-
-.vscode-dark th {
-   border-color: rgba(255, 255, 255, 0.69);
-}
-
-.vscode-light h1,.vscode-light h2,.vscode-light hr,.vscode-light td {   border-color: rgba(0, 0, 0, 0.18);}
-
-.vscode-dark h1,.vscode-dark h2,.vscode-dark hr,.vscode-dark td {   border-color: rgba(255, 255, 255, 0.18);}

package/testings/assets/robots.txt

@@ -1 +0,0 @@
-User-agent: *

package/testings/assets/system.css

@@ -1,7 +0,0 @@
-h2 { 
-   color:green; 
-   font-weight: bolder; 
-   border-bottom: solid 3px dimgray;
-   font-family: 'Bebas Neue', quicksand, sans-serif !important;   
-   font-size: 50px !important;
-}