Sinto web project management

Simple project management, with the Browser-sync and gulp packages in the background.

• Development in the src directory.
• Publishing from the public directory.

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 api - Generate fake REST API with hai-server
• sin webpack - Generate Webpack project
• sin pup - Generate Puppeteer test with Mocha
• sin rmno - Delete node_modules directory
• sin ts - Generate tsconfig.json and add dependencies

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.

Using:

sin api
npm i

Generated files:

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

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

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

TypeScript config and dependencies

The sin ts command generate a tsconfig.json and add dependencies to package.json.

The sin ts 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 init
sin ts
npm i