npm - sinto - Versions diffs - 1.0.0 - Mend

sinto 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/README.md +9 -0
package/cli.js +7 -0
package/generators/genBsconfig.js +13 -0
package/generators/genGulpfile.js +39 -0
package/generators/genHtml.js +23 -0
package/generators/genPackage.js +22 -0
package/package.json +21 -0
package/server.js +39 -0
package/sin.js +103 -0

package/README.md ADDED Viewed

@@ -0,0 +1,9 @@
+# Mentol web projekt management
+## Commands
+* sin init - Initilalize the project
+* sin serve - Start development server
+* sin build - Start public generation
+The task manager is gulp. Development serve is browser-sync.

package/cli.js ADDED Viewed

@@ -0,0 +1,7 @@
+const yargs = require('yargs/yargs')
+const { hideBin } = require('yargs/helpers')
+const cli = yargs(hideBin(process.argv));
+module.exports = cli;

package/generators/genBsconfig.js ADDED Viewed

@@ -0,0 +1,13 @@
+const bsconfigContent =
+{
+    server: [
+        "src",
+        "node_modules/bootstrap/dist/css",
+        "node_modules/bootstrap/dist/js"
+    ],
+    port: 3000,
+    watch: true
+};
+module.exports = bsconfigContent;

package/generators/genGulpfile.js ADDED Viewed

@@ -0,0 +1,39 @@
+const gulfileContent = `
+const { src, dest, series, parallel, watch } = require('gulp');
+const uglify = require('gulp-uglify');
+const cleanCss = require('gulp-clean-css');
+const browserSync = require('browser-sync').create();
+function genHTML(cb) {
+    console.log('HTML másolás...');
+    src('src/**/*.html')
+    .pipe(dest('public'))
+    cb();
+}
+function minifyJS(cb) {
+  console.log('JavaScript minifikálás ...');
+  src('src/**/*.js')
+    .pipe(uglify())
+    .pipe(dest('public'));
+  cb();
+}
+function minifyCSS(cb) {
+  console.log('CSS minifikálás ...');
+  src('src/**/*.css')
+    .pipe(cleanCss())
+    .pipe(dest('public'));
+  cb();
+}
+function build(cb) {
+  parallel(genHTML, minifyJS, minifyCSS)(cb);
+}
+exports.default = build;
+`;
+module.exports = gulfileContent;

package/generators/genHtml.js ADDED Viewed

@@ -0,0 +1,23 @@
+const htmlContent = `
+<!DOCTYPE html>
+<html lang="hu">
+  <head>
+    <meta charset="UTF-8">
+    <title>Mentol Project</title>
+    <link rel="stylesheet" href="bootstrap.css">
+    <link rel="stylesheet" href="style.css">
+  </head>
+  <body>
+    <div class="container">
+      <h1>Mentol Project</h1>
+      <p>Ez egy alapértelmezett index.html fájl, amelyet a mentol parancs hozott létre.</p>
+    </div>
+    <script src="app.js"></script>
+  </body>
+</html>
+`
+module.exports = htmlContent

package/generators/genPackage.js ADDED Viewed

@@ -0,0 +1,22 @@
+const packageContent =
+{
+    name: 'mentol-project',
+    version: '0.1.0',
+    description: 'A Mentol parancs által létrehozott projekt',
+    scripts: {
+      'start': 'browser-sync start --config bs-config.json',
+      'build': 'gulp'
+    },
+    "dependencies": {
+      "bootstrap": "^5.3.3"
+    },
+    "devDependencies": {
+      "browser-sync": "^3.0.2",
+      "gulp": "^5.0.0",
+      "gulp-clean-css": "^4.3.0",
+      "gulp-uglify": "^3.0.2"
+    }
+}
+module.exports = packageContent;

package/package.json ADDED Viewed

@@ -0,0 +1,21 @@
+{
+  "name": "sinto",
+  "version": "1.0.0",
+  "description": "web development manager",
+  "bin": {
+    "sin": "sin.js"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "Sallai András",
+  "license": "MIT",
+  "dependencies": {
+    "browser-sync": "^3.0.2",
+    "commander": "^12.0.0",
+    "ejs": "^3.1.9",
+    "fs-extra": "^11.2.0",
+    "gulp": "^5.0.0",
+    "yargs": "^17.7.2"
+  }
+}

package/server.js ADDED Viewed

@@ -0,0 +1,39 @@
+const browserSync = require('browser-sync');
+const fs = require('fs');
+const configFilePath = 'bs-config.json';
+const readConfigFile = (configFilePath, callback) => {
+  fs.readFile(configFilePath, 'utf8', (err, data) => {
+    if (err) {
+      callback(err);
+      return;
+    }
+    try {
+      const config = JSON.parse(data);
+      callback(null, config);
+    } catch (parseError) {
+      callback(parseError);
+    }
+  });
+};
+const initializeServer = (argv, config) => {
+  console.log("config tartalma: ", config)
+  if (argv.port != undefined) {
+    config.port = argv.port;
+  }
+  browserSync.init(config);
+  console.log(`BrowserSync szerver elindítva a ${port}-es porton!`);
+}
+const serve = (argv) => {
+    readConfigFile(configFilePath, (error, config) => {
+      if(error) {
+        console.error('Hiba! A konfigfájl nem olvasható!')
+        return;
+      }
+      initializeServer(argv, config)
+    })
+};
+module.exports = serve;

package/sin.js ADDED Viewed

@@ -0,0 +1,103 @@
+#!/usr/bin/env node
+const fsExtra = require('fs-extra');
+const jsonfile = require('jsonfile');
+const { exec } = require('child_process');
+const cli = require('./cli');
+const defaultHtmlContent = require('./generators/genHtml');
+const defaultGulpfileContent = require('./generators/genGulpfile');
+const defaultPackageContent = require('./generators/genPackage');
+const defaultBsconfigContent = require('./generators/genBsconfig');
+const serve = require('./server');
+const DEBUG=false
+const createDirectory = (path) => {
+  if (!fsExtra.existsSync(path)) {
+    fsExtra.mkdirSync(path);
+  }
+};
+const createFile = (path, content) => {
+  if (!fsExtra.existsSync(path)) {
+    fsExtra.writeFileSync(path, content);
+  }
+};
+const createPackageJsonFile = (directory) => {
+  const packageJsonPath = `${directory}/package.json`;
+  jsonfile.writeFileSync(packageJsonPath, defaultPackageContent, { spaces: 2 });
+  if(DEBUG)
+  console.log('package.json fájl létrehozva!');
+};
+const createIndexHtmlFile = (directory) => {
+  const indexHtmlPath = `${directory}/src/index.html`;
+  fsExtra.writeFileSync(indexHtmlPath, defaultHtmlContent);
+  if(DEBUG)
+  console.log('index.html fájl létrehozva!');
+};
+const createGulpfileJsFile = (directory) => {
+  const gulpfileJsPath = `${directory}/gulpfile.js`;
+  fsExtra.writeFileSync(gulpfileJsPath, defaultGulpfileContent);
+  if(DEBUG)
+  console.log('gulpfile.js fájl létrehozva!');
+};
+const createBsconfigFile = (directory) => {
+  const bsconfigPath = `${directory}/bs-config.json`;
+  jsonfile.writeFileSync(bsconfigPath, defaultBsconfigContent, { spaces: 2 });
+  if(DEBUG)
+  console.log('bs-config.json fájl létrehozva!');
+};
+const init = () => {
+  const currentDirectory = process.cwd();
+  createDirectory(`${currentDirectory}/src`);
+  createDirectory(`${currentDirectory}/assets`);
+  createFile(`${currentDirectory}/src/style.css`, '');
+  createFile(`${currentDirectory}/src/app.js`, '');
+  createFile(`${currentDirectory}/README.md`, '# Mentol Project');
+  createFile(`${currentDirectory}/package.json`, '{}');
+  createFile(`${currentDirectory}/bs-config.json`, '{}');
+  createPackageJsonFile(currentDirectory);
+  createIndexHtmlFile(currentDirectory);
+  createGulpfileJsFile(currentDirectory);
+  createBsconfigFile(currentDirectory);
+  console.log('Alapkönyvtárak és fájlok létrehozva!');
+};
+const build = (argv) => {
+  exec('gulp')
+}
+const rmno = (argv) => {
+  console.log('Not implemented...')
+}
+const serverOptions = (yargs) => {
+  return yargs.option('p', {
+    alias: 'port',
+    describe: 'Server port number'
+  })
+}
+cli.command('init', 'Initilize the project', {}, init);
+cli.command('serve', 'Start develop server', serverOptions, serve);
+cli.command('build', 'Start build with gulp', {}, build);
+cli.command('rmno', 'Delete node_modules directory', {}, rmno);
+const main = () => {
+  argv = cli.parse();
+  if (!argv._[0]) {
+    console.log('Használja a "sin init" vagy a "sin serve" parancsot!');
+  }
+};
+main();