create-sip 0.0.15 → 0.10.0

package/README.md

@@ -2,8 +2,19 @@
 
 Simple projekct generator.
 
-## Használat
+* Simple webpage. index.html and style.css
+* Webpage with Bootstrap with CDN.
+* Webpage with CSS and JS file.
+* Node.js project for webpage.
+* ESBuild and Javascript project for webpage.
+* ESBuild and Typescript project for webpage.
+* Mock REST API server.
+
+## Using
 
 ```bash
 npm create sip@latest
 ```
+
+* Write project name.
+* Select project type.

package/create-sip.js

@@ -1,6 +1,15 @@
 #!/usr/bin/env node
 
-const { genWebpage } = require('./manager');
+const { 
+  genWebpage, 
+  genBootstrap, 
+  genJavascript, 
+  genNodejs,
+  genWebEsbuildJs,
+  genWebEsbuildTs,
+  genMockApi,
+  genExpressApi
+} = require('./manager');
 const prompts = require('prompts');
 
 const questions = [
@@ -13,33 +22,97 @@ const questions = [
   {
     type: 'select',
     name: 'type',
-    message: 'Project type (webpage): ',
+    message: 'Project type: ',
     choices: [
       { 
-        title: 'webpage',
-        description: 'simple webpage: index.html, style.css',
+        title: 'Webpage',
+        description: 'Simple webpage: index.html, style.css',
         value: 'webpage' 
       },
       { 
-        title: 'javascript', 
-        description: 'simple javascript: index.html, style.css,app.js',
+        title: 'Web Bootstrap',
+        description: 'Simple webpage with Bootstrap',
+        value: 'webbootstrap' 
+      },
+      { 
+        title: 'JavaScript', 
+        description: 'Only index.html, style.css, app.js',
         value: 'javascript' 
+      },
+      { 
+        title: 'Web Node.js', 
+        description: 'Node.js project for webpage',
+        value: 'webnodejs' 
+      },
+      { 
+        title: 'ESBuild JavaScript',
+        description: 'Esbuild JavaScript webpage',
+        value: 'webesbuildjs'
+      },
+      { 
+        title: 'ESBuild TypeScript',
+        description: 'Esbuild TypeScript webpage',
+        value: 'webesbuildts'
+      },
+      { 
+        title: 'MockAPI',
+        description: 'API server with hai-server 0.0.4',
+        value: 'mockapi'
+      },
+      { 
+        title: 'Express API',
+        description: 'Express API with simple Sequelize',
+        value: 'expressapi' 
+      },
+      { 
+        title: 'Cancel', 
+        value: 'cancel' 
       }
     ],
     initial: 0
   }
 ];
 
-(async () => {
+(async () => {  
   const res = await prompts(questions);
   if(res.type === 'webpage') {
-    console.log('create a new webpage...');
+    console.log('Create a new webpage...');
     genWebpage(res.name);
     return;
   }
+  if(res.type === 'webbootstrap') {
+    console.log('Create a new webpage with Bootstrap...');
+    genBootstrap(res.name);
+    return;
+  }
   if(res.type === 'javascript') {
-    console.log('create a new javascript...');
-    console.log('Nincs implementálva.')
+    console.log('Create a new javascript...');
+    genJavascript(res.name);
+    return;
+  }
+  if(res.type === 'webnodejs') {
+    console.log('Create a new webpage with Node.js...');
+    genNodejs(res.name);
+    return;
+  }
+  if(res.type === 'webesbuildjs') {
+    console.log('Create a new webpage with ESBuild and Javascript...');
+    genWebEsbuildJs(res.name);
+    return;
+  }
+  if(res.type === 'webesbuildts') {
+    console.log('Create a new webpage with ESBuild and Typescript...');
+    genWebEsbuildTs(res.name);
+    return;
+  }
+  if(res.type === 'mockapi') {
+    console.log('Create a new MockAPI server...');
+    genMockApi(res.name);
+    return;
+  }
+  if(res.type === 'expressapi') {
+    console.log('Create a new Express API...');
+    genExpressApi(res.name);
     return;
   }
   

package/expressapi/README.md

@@ -0,0 +1,65 @@
+# exapi
+
+Exapi framework
+
+Express based REST API sablon
+
+## Install
+
+```cmd
+npm install
+```
+
+## APP KEY generation
+
+Run the genkey tools:
+
+```cmd
+node tools/genkey.js
+```
+
+## Database settings
+
+The database settings can be found at the following location:
+
+* config/default.json
+
+### Database dialect
+
+The default database is an in-memory database. Its contents are cleared after the server is restarted.
+
+One of:
+
+* sqlite
+* mariadb
+
+After installing the appropriate dependencies, it can be used:
+
+* mysql
+* postgres
+* mssql
+* db2
+* snowflake
+* oracle
+
+With the `sqlite` option, the database is stored in the `database.sqlite` file, or you can add :memory:, then the database is stored in memory.
+
+## Starting
+
+For development:
+
+```cmd
+npm run dev
+```
+
+Run productum:
+
+```cmd
+npm start
+```
+
+## Licence
+
+May be freely distributed under the MIT license.
+
+Copyright (c) 2023 Sallai András

package/expressapi/app/controllers/authcontroller.js

@@ -0,0 +1,103 @@
+const bcrypt = require('bcryptjs')
+const jwt = require('jsonwebtoken')
+const User = require('../models/user')
+const config = require('../../config/default.json')
+ 
+const AuthController = {
+    async register(req, res) {        
+        var clientError = false;
+        try {
+            if(!req.body.name ||
+                !req.body.email ||
+                !req.body.password ||
+                !req.body.password_confirmation) {
+                clientError = true
+                throw new Error('Error! Bad request data!')
+            }
+            if(req.body.password != req.body.password_confirmation) {
+                clientError = true
+                throw new Error('Error! The two password is not same!')
+            }
+            const user = await User.findOne({
+                where: { name: req.body.name }
+            })
+            if(user) {
+                clientError = true
+                throw new Error('Error! User already exists: ' + user.name)
+            }
+            AuthController.tryRegister(req, res)
+        } catch (error) {
+            if (clientError) {
+                res.status(400)
+            }else {
+                res.status(500)
+            }            
+            await res.json({
+                success: false,
+                message: 'Error! User creation failed!',
+                error: error.message
+            })            
+        }
+    },
+    async tryRegister(req, res) {
+        const user = {
+            name: req.body.name,
+            email: req.body.email,
+            password: bcrypt.hashSync(req.body.password)
+        }
+        await User.create(user)
+        .then( result => {
+            res.status(201)
+            res.json({
+                succes: true,
+                data: result
+            })
+        })
+    },
+    async login(req, res) {
+        
+        try {
+            if(!req.body.name || !req.body.password) {
+               res.status(400)
+               throw new Error('Error! Bad name or password!')
+            }
+            const user = await User.findOne({
+                where: { name: req.body.name }
+            })
+
+            if(!user) {
+                res.status(404)
+                throw new Error('Error! User not found!')
+            }
+            var passwordIsValid = await bcrypt.compare(
+                req.body.password,
+                user.dataValues.password
+            );
+            if(!passwordIsValid) {
+                res.status(401)
+                throw new Error('Error! Password is not valid!')
+            }
+            AuthController.tryLogin(req, res, user)
+
+        } catch (error) {
+            res.json({
+                success: false,
+                message: 'Error! The login is failed!',
+                error: error.message
+            })
+        }
+    },
+    async tryLogin(req, res, user) {
+        var token = jwt.sign({ id: user.id }, config.app.key, {
+            expiresIn: 86400 //24 óra
+        })
+        res.status(200).json({
+            id: user.id,
+            name: user.name,
+            email: user.email,
+            accessToken: token
+        })            
+    }
+}
+ 
+module.exports = AuthController

package/expressapi/app/controllers/usercontroller.js

@@ -0,0 +1,27 @@
+const User = require('../models/user')
+ 
+
+
+const UserController = {
+    async index(req, res) {
+        try {
+            UserController.tryIndex(req, res)
+        }catch(error) {
+            res.status(500)
+            res.json({
+                success: false,
+                message: 'Error! The query is failed!'
+            })
+        }
+    },
+    async tryIndex(req, res) {
+        const users = await User.findAll()
+        res.status(200)
+        res.json({
+            success: true,
+            data: users
+        })
+    }
+}
+
+module.exports = UserController

package/expressapi/app/database/database.js

@@ -0,0 +1,22 @@
+const Sequelize = require('sequelize')
+const config = require('../../config/default.json')
+
+if(config.app.log != false) {
+    var log = console.log
+}
+
+console.log(typeof console.log)
+const sequelize = new Sequelize(
+    config.db.name,
+    config.db.user, 
+    config.db.pass,
+    {
+        logging: log,
+        dialect: config.db.dialect,
+        storage: config.db.path,
+        host: config.db.host,
+        dialectOptions: {}
+    }
+)
+ 
+module.exports = sequelize

package/expressapi/app/index.js

@@ -0,0 +1,19 @@
+const express = require('express')
+const morgan = require('morgan')
+const app = express()
+const fs = require('fs')
+const router = require('./routes/api')
+const config = require('../config/default.json')
+
+const PORT = config.app.port || 8000
+
+const logfile = 'access.log'
+var accessLogStream = fs.createWriteStream(logfile, { flags: 'a' })
+app.use(morgan('dev', { stream: accessLogStream }))
+
+app.use(express.json())
+app.use('/api', router);
+
+app.listen(PORT, () => {
+    console.log(`Listening on port: ${PORT}`)
+})

package/expressapi/app/middleware/authjwt.js

@@ -0,0 +1,22 @@
+const jwt = require("jsonwebtoken");
+const config = require('../../config/default.json')
+ 
+exports.verifyToken = (req, res, next) => {
+    let authData = req.headers.authorization;
+    if(!authData) {
+        return res.status(403).send({
+            message: 'No token provided!'
+        })
+    }
+    let token = authData.split(' ')[1];
+ 
+    jwt.verify(token, config.app.key, (err, decoded) => {
+        if(err) {
+            return res.status(401).send({
+                message: "Unauthorized!"
+            })
+        }
+        req.userId = decoded.id;
+        next()
+    })
+};

package/expressapi/app/models/user.js

@@ -0,0 +1,19 @@
+const { DataTypes } = require('sequelize')
+const sequelize = require('../database/database')
+ 
+const User = sequelize.define('User', {
+    id: { 
+        type: DataTypes.INTEGER,
+        autoIncrement: true,
+        primaryKey: true
+    },
+    name: { type: DataTypes.STRING,  allowNull: false  },
+    email: { type: DataTypes.STRING,  allowNull: true  },
+    password: { type: DataTypes.STRING , allowNull: false }
+})
+
+
+sequelize.sync({
+    force: false
+})
+module.exports = User

package/expressapi/app/routes/api.js

@@ -0,0 +1,12 @@
+const Router = require('express')
+const router = Router()
+
+const AuthController = require('../controllers/authcontroller')
+const UserController = require('../controllers/usercontroller')
+const { verifyToken } = require('../middleware/authjwt')
+ 
+router.post('/register', AuthController.register)
+router.post('/login', AuthController.login)
+router.get('/users', [verifyToken], UserController.index)
+ 
+module.exports = router

package/expressapi/config/default.json.example

@@ -0,0 +1,15 @@
+{
+    "app": {
+        "port": 8000,
+        "key": "",
+        "log": "console.log"
+    },
+    "db": {
+        "dialect": "sqlite",
+        "host": "127.0.0.1",
+        "name": "",
+        "user": "",
+        "pass": "",
+        "path": ":memory:"
+    }
+}

package/expressapi/docs/dev_doc.md

@@ -0,0 +1,15 @@
+# expressapi
+
+## API KEY
+
+The app key generated with generate-api-key package.
+
+## Testing
+
+Set in config/default.json file, the db.dialect to sqlite. Set db.path to :memory:
+
+Start the application:
+
+```cmd
+npm run dev
+```

package/expressapi/docs/user_doc.md

@@ -0,0 +1,53 @@
+# User documentation
+
+## Install dependencies
+
+```cmd
+pnpm install
+```
+
+## App key generation
+
+```cmd
+node tools/genkey.js
+```
+
+## Database setup
+
+Edit the config/default.json file.
+
+## Endpoints
+
+All endpoint have a /api prefix.
+
+| Endpoint | Method | Auth | Description |
+|-|-|-|-|
+| /register | POST  | no |  create user |
+| /login    | POST  | no |  login  |
+| /users    | GET   | yes |  read users |
+
+## The register endpoint
+
+```json
+{
+    "name": "joe",
+    "email": "joe@green.lan",
+    "password": "secret",
+    "password_confirmation": "secret"
+}
+```
+
+## The login endpoint
+
+```json
+{
+    "name": "joe",
+    "password": "secret"
+}
+```
+
+You receive the bearear token with accessToken key.
+
+## The users endpoint
+
+Send the bearer token.

package/expressapi/nodemon.json

@@ -0,0 +1,4 @@
+{
+  "watch": ["app/index.js", "app"],
+  "ext": "js"
+}

package/expressapi/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "expressapi",
+  "version": "1.0.1",
+  "description": "Express API with simple Sequelize",
+  "main": "index.js",
+  "scripts": {
+    "test": "mocha",
+    "dev": "nodemon app",
+    "start": "node app"
+  },
+  "keywords": [
+    "express",
+    "api"
+  ],
+  "author": "Sallai András",
+  "license": "ISC",
+  "dependencies": {
+    "bcryptjs": "^2.4.3",
+    "express": "^4.18.2",
+    "generate-api-key": "^1.0.2",
+    "jsonwebtoken": "^9.0.0",
+    "mariadb": "^3.1.2",
+    "morgan": "^1.10.0",
+    "replace": "^1.2.2",
+    "sequelize": "^6.32.0",
+    "sqlite3": "^5.1.6"
+  },
+  "devDependencies": {
+    "nodemon": "^2.0.22",
+    "supertest": "^6.3.3"
+  }
+}

package/expressapi/test/test.js

@@ -0,0 +1,43 @@
+const supertest = require('supertest')
+
+describe('GET /api/users', () => {
+
+    const host = 'http://localhost:8000/api' 
+    const restype= 'application/json; charset=utf-8'
+    var token = null
+
+    it('post /register ', function(done) {
+      supertest(host)
+        .post('/register')
+        .set('Accept', 'application/json')
+        .send({
+            name: 'mari',
+            email: 'mari@zold.lan',
+            password: 'titok',
+            password_confirmation: 'titok'
+        })
+        .expect('Content-Type', restype)
+        .expect(201, done)
+    })
+    it('post /login ', (done) => {
+      supertest(host)
+        .post('/login')
+        .set('Accept', 'application/json')
+        .send({
+            name: 'mari',
+            password: 'titok'
+        })
+        .expect('Content-Type', restype)
+        .expect(200, done)
+        .expect(res => {
+          token = res.body.accessToken
+        })
+    })
+    it('get /users ', function(done) {
+      supertest(host)
+        .get('/users')
+        .set('Accept', 'application/json')
+        .set('Authorization', 'Bearer ' + token)
+        .expect(200, done)
+    })
+  })

package/expressapi/tools/genkey.js

@@ -0,0 +1,19 @@
+const fs = require('fs').promises
+const path = require('path')
+const fileName = '../config/default.json'
+const { generateApiKey } = require('generate-api-key')
+
+function generateKey(size = 32, format = 'base64') {
+    const buffer = crypto.randomBytes(size);
+    return buffer.toString(format);
+}
+
+fs.readFile(path.join(__dirname, fileName))
+    .then(body => JSON.parse(body))
+    .then(json => {
+        json.app.key = generateApiKey({method: 'bytes', length: 32})
+        return json
+    })
+    .then(json => JSON.stringify(json, null, 4))
+    .then(body => fs.writeFile(path.join(__dirname, fileName), body, 'utf8'))
+    .catch(error => console.log(error))

package/javascript/index.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Sip</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <div class="container">
+    <h1>Sip projekt</h1>
+    <p>
+      This project generated sip generator.
+    </p>
+  </div>
+
+  <script src="app.js"></script>
+  
+</body>
+</html>

package/javascript/style.css

@@ -0,0 +1,10 @@
+* {
+  margin: 0;
+  padding: 0;
+}
+.container {
+  color: #333;
+  background-color: aqua;
+  padding: 10px;
+  font-family:Arial, Helvetica, sans-serif
+}

package/manager.js

@@ -4,16 +4,96 @@ const dir = path.join(__dirname);
 
 
 const genWebpage = (target) => {
-  copyDir('webpage', target);
+  copyDir(`${dir}/webpage`, target);
 }
 
+const genBootstrap = (target) => {
+  copyDir(`${dir}/webbootstrap`, target);
+}
+
+const genJavascript = (target) => {
+  copyDir(`${dir}/javascript`, target);
+}
+
+const genNodejs = (target) => {
+  copyDir(`${dir}/webnodejs`, target);
+  updatePackageName(`${target}/package.json`, target);
+  console.log('Web client created');
+  console.log('Run next commands:');
+  console.log('npm install');
+  console.log('npm start');
+}
+
+const genWebEsbuildJs = (target) => {
+  copyDir(`${dir}/webesbuildjs`, target);
+  updatePackageName(`${target}/package.json`, target);
+  console.log('ESBuild client created with Javascript');
+  console.log('Run next commands:');
+  console.log('npm install');
+  console.log('npm run dev');
+  console.log('npm start');
+  console.log('If you want to build, run:');
+  console.log('npm run build');
+}
+
+const genWebEsbuildTs = (target) => {
+  copyDir(`${dir}/webesbuildts`, target);
+  updatePackageName(`${target}/package.json`, target);
+  console.log('ESBuild client created with Typescript');
+  console.log('Run next commands:');
+  console.log('npm install');
+  console.log('npm run dev');
+  console.log('npm start');
+  console.log('If you want to build, run:');
+  console.log('npm run build');
+}
+
+const genMockApi = (target) => {
+  copyDir(`${dir}/mockapi`, target);
+  updatePackageName(`${target}/package.json`, target);
+  console.log('MockAPI with hai-server 0.0.4');
+  console.log('Run next commands:');
+  console.log('npm install');
+  console.log('npm start');
+}
+
+const genExpressApi = (target) => {
+  copyDir(`${dir}/expressapi`, target);
+  updatePackageName(`${target}/package.json`, target);
+  console.log('ExpressJS REST API sablon created');
+  console.log('Read docs/user_doc.md');
+}
+
+const updatePackageName = (filePath, newName) => {
+  const content = JSON.parse(fs.readFileSync(filePath, 'utf-8'));
+  if (content.name) {
+    content.name = newName;
+    fs.writeFileSync(filePath, JSON.stringify(content, null, 2));
+  }
+};
+
 const copyDir = (srcDir, destDir) => {
   fs.mkdirSync(destDir, { recursive: true });
-  for (const file of fs.readdirSync(`${dir}/${srcDir}`)) {
-    fs.copyFileSync(`${dir}/${srcDir}/${file}`, `${destDir}/${file}`);
+
+  for (const item of fs.readdirSync(srcDir)) {
+    const srcPath = path.join(srcDir, item);
+    const destPath = path.join(destDir, item);
+
+    if (fs.statSync(srcPath).isDirectory()) {
+      copyDir(srcPath, destPath);
+    } else {
+      fs.copyFileSync(srcPath, destPath);
+    }
   }
-}
+};
 
 module.exports = {
-  genWebpage
+  genWebpage, 
+  genBootstrap, 
+  genJavascript, 
+  genNodejs,
+  genWebEsbuildJs,
+  genWebEsbuildTs,
+  genMockApi,
+  genExpressApi
 }

package/mockapi/README.md

@@ -0,0 +1 @@
+# Sinto Fake REST API

package/mockapi/database.json

@@ -0,0 +1,26 @@
+{
+  "employees": [
+    {
+      "id": 1,
+      "name": "Strong Steven",
+      "city": "Szeged",
+      "salary": 395
+    },
+    {
+      "id": 2,
+      "name": "John Doe",
+      "city": "New York",
+      "salary": 392
+    }
+  ],
+  "positions": [
+    {
+      "id": 1,
+      "name": "Manager"
+    },
+    {
+      "id": 2,
+      "name": "Developer"
+    }
+  ]
+}

package/mockapi/hai-server.json

@@ -0,0 +1,4 @@
+{
+  "port": 8000,
+  "watch": true
+}

package/mockapi/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "mockapi",
+  "version": "1.0.0",
+  "description": "Mock REST API server",
+  "main": "index.js",
+  "scripts": {
+    "start": "hai-server database.json"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "hai-server": "^0.0.4"
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-sip",
-  "version": "0.0.15",
+  "version": "0.10.0",
   "main": "index.js",
   "bin": {
     "create-sip": "create-sip.js"

package/webbootstrap/index.html

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Sip</title>
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+  <link rel="stylesheet" href="style.css">
+
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
+</head>
+<body>
+
+  <div class="container">
+    <h1>Sip projekt</h1>
+    <p>
+      This project with Bootstrap. Generated by sip.
+    </p>
+  </div>
+  
+</body>
+</html>

package/webesbuildjs/README.md

@@ -0,0 +1 @@
+# Sinto ESBuild client

package/webesbuildjs/bs-config.json

@@ -0,0 +1,9 @@
+{
+  "server": [
+    "public",
+    "node_modules/bootstrap/dist/css",
+    "node_modules/bootstrap/dist/js"
+  ],
+  "port": 3000,
+  "watch": true
+}

package/webesbuildjs/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "sinto-project",
+  "version": "0.0.1",
+  "description": "A project created by the Sinto command",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "start": "browser-sync start --config bs-config.json",
+    "dev": "npx esbuild src/app.js --outdir=public --bundle --watch",
+    "build:src": "npx esbuild src/app.js --outdir=dist --bundle --minify",
+    "build:htmlcss": "cpx public/**/*.{html,css,png} dist",
+    "build:bscss": "cpx node_modules/bootstrap/dist/css/bootstrap.css dist",
+    "build:bsjs": "cpx node_modules/bootstrap/dist/js/bootstrap.js dist",
+    "build": "npm-run-all build:*"
+  },
+  "dependencies": {
+    "bootstrap": "^5.3.3"
+  },
+  "devDependencies": {
+    "esbuild": "^0.23.1",
+    "browser-sync": "^3.0.2",
+    "cpx": "^1.5.0",
+    "npm-run-all": "^4.1.5"
+  }
+}

package/webesbuildjs/public/index.html

@@ -0,0 +1,29 @@
+
+<!--
+File: index.html
+Author: Vezetéknév Keresztnév
+Copyright: 2024, Vezetéknév Keresztnév
+Group: Csoportnév
+Date: 2024-12-02
+Github: https://github.com/valami12345/
+Licenc: MIT
+-->
+
+<!DOCTYPE html>
+<html lang="hu">
+  <head>
+    <meta charset="UTF-8">
+    <title>Sinto esbuild</title>
+    <link rel="stylesheet" href="bootstrap.css">
+    <link rel="stylesheet" href="style.css">    
+  </head>
+  <body>
+    <div class="container">
+        <h1>Sinto</h1>
+        <p>The website generated by Sinto.</p>      
+
+    </div>
+    <script src="bootstrap.js"></script>
+    <script src="app.js"></script>
+  </body>
+</html>

package/webesbuildts/README.md

@@ -0,0 +1 @@
+# Sinto ESBuild client

package/webesbuildts/bs-config.json

@@ -0,0 +1,9 @@
+{
+  "server": [
+    "public",
+    "node_modules/bootstrap/dist/css",
+    "node_modules/bootstrap/dist/js"
+  ],
+  "port": 3000,
+  "watch": true
+}

package/webesbuildts/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "sinto-project",
+  "version": "0.0.1",
+  "description": "A project created by the Sinto command",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "start": "browser-sync start --config bs-config.json",
+    "preview": "browser-sync start --server dist",
+    "dev": "npx esbuild src/**/*.ts --outdir=public --bundle --watch",
+    "build:src": "npx esbuild src/app.ts --outdir=dist --bundle --minify",
+    "build:htmlcss": "cpx public/**/*.{html,css,png} dist",
+    "build:bscss": "cpx node_modules/bootstrap/dist/css/bootstrap.css dist",
+    "build:bsjs": "cpx node_modules/bootstrap/dist/js/bootstrap.js dist",
+    "build": "npm-run-all build:*"
+  },
+  "dependencies": {
+    "bootstrap": "^5.3.3"
+  },
+  "devDependencies": {
+    "esbuild": "^0.23.1",
+    "browser-sync": "^3.0.2",
+    "cpx": "^1.5.0",
+    "npm-run-all": "^4.1.5"
+  }
+}

package/webesbuildts/public/index.html

@@ -0,0 +1,29 @@
+
+<!--
+File: index.html
+Author: Vezetéknév Keresztnév
+Copyright: 2024, Vezetéknév Keresztnév
+Group: Csoportnév
+Date: 2024-12-02
+Github: https://github.com/valami12345/
+Licenc: MIT
+-->
+
+<!DOCTYPE html>
+<html lang="hu">
+  <head>
+    <meta charset="UTF-8">
+    <title>Sinto esbuild</title>
+    <link rel="stylesheet" href="bootstrap.css">
+    <link rel="stylesheet" href="style.css">    
+  </head>
+  <body>
+    <div class="container">
+        <h1>Sinto</h1>
+        <p>The website generated by Sinto.</p>      
+
+    </div>
+    <script src="bootstrap.js"></script>
+    <script src="app.js"></script>
+  </body>
+</html>

package/webnodejs/bs-config.json

@@ -0,0 +1,9 @@
+{
+  "server": [
+    "src",
+    "node_modules/bootstrap/dist/css",
+    "node_modules/bootstrap/dist/js"
+  ],
+  "port": 3000,
+  "watch": ["src"]
+}

package/webnodejs/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "webnodejs",
+  "version": "0.0.0",
+  "scripts": {
+    "start": "browser-sync start --config bs-config.json"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "description": "",
+  "devDependencies": {
+    "browser-sync": "^3.0.3"
+  },
+  "dependencies": {
+    "bootstrap": "^5.3.3"
+  }
+}

package/webnodejs/src/index.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Sip</title>
+  <link rel="stylesheet" href="bootstrap.css">
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <div class="container">
+    <h1>Sip projekt</h1>
+    <p>
+      This is a Node.js project for webpage. Generated by sip.
+    </p>
+  </div>
+</body>
+</html>

package/webpage/index.html

@@ -1,13 +1,19 @@
 <!DOCTYPE html>
-<html lang="hu">
+<html lang="en">
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Sinto</title>
+  <title>Sip</title>
+  <link rel="stylesheet" href="style.css">
 </head>
 <body>
 
-  <h1>Sinto</h1>
+  <div class="container">
+    <h1>Sip projekt</h1>
+    <p>
+      This project generated sip generator.
+    </p>
+  </div>
   
 </body>
 </html>

package/webpage/style.css

@@ -0,0 +1,10 @@
+* {
+  margin: 0;
+  padding: 0;
+}
+.container {
+  color: #333;
+  background-color: aqua;
+  padding: 10px;
+  font-family:Arial, Helvetica, sans-serif
+}