Sinto project management

A generateable web application using JavaScirpt and TypeScript, and a JavaFX form application for VSCode.

GitHub:

• https://github.com/andteki/sinto.git

Install

npm i -g sinto

Using

Make a project:

mkdir app01
cd app01

Generate default web directories and files:

sin init

Install default dependecies:

npm i

Development server

sin serve

Building

sin build

This command is generate public directory from src directory.

Commands

• sin init - Initilalize the project
• sin serve - Start development server
• sin build - Start public generation
• sin rmno - Delete node_modules directory
• sin api - Adding fake REST API with hai-server
• sin pup - Adding Puppeteer test with Mocha

Standalone server generators:

• sin webpack - Generate Webpack project
• sin ts - Generate TypeScript Node.js project
• sin web - Generate HTML and empty CSS files
• sin esbuild - Generate esbuild project

For web application, the default task manager is gulp. Development serve is browser-sync.

Fake REST API server

The sin api command generate fake REST API project directory with hai-server.

Using:

sin api
npm i

Generated files:

app01/
  |-database.json
  |-hai-server.json
  |-package.json
  `-README.md

Puppeteer test with Mocha

The sin pup command generate a Puppeteer test with Mocha default test file.

The sin pup command does not install the dependencies, it just writes them into the package.json file. Install the dependencies with the npm i or pnpm i command.

Using:

sin pup
npm i

Generated directoriy and file:

app01/
  `-test/
      `-apptest.js

Automatically adds the test script and dependencies to the package.json file.

{
  "scripts": {
    "test": "mocha"
  },
  "devDependencies": {
    "mocha": "^x.y.z",
    "puppeteer": "^x.y.z"    
  }
}

The version numbers are updated.

Write the tests in test directory and run the tests:

npm test

Webpack project generator

The sin webpack command generate a webpack project.

Using:

sin webpack
npm i

Generated directories and files:

app01/
  |-assets/
  |-dist/
  |  `-index.html
  |-src/
  |  |-js/
  |  |  `-index.js
  |  `-scss/
  |     `-style.scss
  |-package.json
  |-README.md
  `-webpack.config.js

TypeScript

The sin ts command generate a TypeScript Node.js project.

Using:

sin ts
npm i

Generated directories and files:

app01/
  |-src/
  |  |-assets/
  |  |-app.ts
  |  |-index.html
  |  `-style.css
  |-bs-config.json
  |-gulpfile.js  
  |-package.json
  |-README.md
  `-tsconfig.json  

ESBuild project generator

The sin esbuild command generate a esbuild project.

Using:

sin esbuild
npm i
npm run dev
npm start

Generated directories and files:

app01/
  |-public/
  |  |-index.html
  |  `-style.css
  |-src/
  |  `-index.ts
  |-package.json
  `-README.md

Or, create JavaScript client:

sin esbuild -j
npm i
npm run dev
npm start

Generated directories and files:

app01/
  |-public/
  |  |-index.html
  |  `-style.css
  |-src/
  |  `-index.js
  |-package.json
  `-README.md

To development run next command:

npm run dev

This command is generate in public directory an app.js file from src directory.

To build production run next command:

npm run build

This command is generate dist directory from src directory. The build command not copy the public directory.