sinto 1.8.0 → 1.9.0

package/README.md

@@ -1,9 +1,6 @@
-# Sinto web project management
+# Sinto 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.
+A generateable web application using JavaScirpt and TypeScript, and a JavaFX form application for VSCode.
 
 GitHub:
 
@@ -55,19 +52,21 @@ This command is generate public directory from src directory.
 * sin init - Initilalize the project
 * sin serve - Start development server
 * sin build - Start public generation
+* sin rmno - Delete node_modules directory
 * 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
+* sin addts - Generate tsconfig.json and add dependencies
+* sin ts - Initialize TypeScript Node.js project
 * sin web - Generate HTML and empty CSS files
 * sin esbuild - Generate esbuild project
+* sin javafx - Generate JavaFX project
 
-The Default task manager is gulp. Development serve is browser-sync.
+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.
+The sin api command generate fake REST API project directory with hai-server.
 
 Using:
 
@@ -243,3 +242,22 @@ pnpm build
 ```
 
 This command is generate dist directory from src directory. The build command not copy the public directory.
+
+## JavaFX project generator
+
+The **sin javafx** command generate a JavaFX project. The generated project willl be a package generated with **No build tools** for VSCode.
+
+Steps to use:
+
+* Create project directory. For example: **mkdir app01**
+* Change directory to project directory. For example: **cd app01**
+* Create a JavaFX project with the **sin javafx** command.
+* Copy to lib dirctory JavaFX libraries.
+* Open project directory with VSCode: code .
+* Add Configuration with VSCode: **Run** > **Add Configuration..**
+* Save the .vscode/launch.json file.
+* Run project with VSCode: **Run** > **Run** This will fail.
+* Set the JavaFX path. For example: **sin javafx -p lib/javafx**
+* Open the mainScedne.fmxl file, and add components, and save.
+
+Change the path to your JavaFX path.

package/gents/{tsPackageContent.js → contents/tsPackageContent.js}

@@ -17,6 +17,8 @@ const packageTsContent =
       "gulp": "^5.0.0",
       "gulp-clean-css": "^4.3.0",
       "gulp-concat": "^2.6.1",
+      "gulp-image": "^6.3.1",
+      "gulp-minify": "^3.1.0",
       "gulp-uglify": "^3.0.2",
       "gulp-replace": "^1.1.4",
       "gulp-typescript": "6.0.0-alpha.1"

package/gents/generators/genTsBsconfig.js

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

package/gents/generators/genTsGulpfile.js

@@ -1,18 +1,19 @@
 
 const tsGulfileContent = `
-import {src, dest, parallel} from 'gulp';
+import {src, dest, series} from 'gulp';
 import cleanCss from 'gulp-clean-css';
 import replace from 'gulp-replace';
 import concat from 'gulp-concat'
 import ts from 'gulp-typescript';
 import uglify from 'gulp-uglify';
+import minify from 'gulp-minify';
 
 import {create as bsCreate} from 'browser-sync';
 const browserSync = bsCreate();
  
 function genHTML(cb) {
-    src('src/**/*.html')
-    .pipe(dest('public'))
+    src('app/**/*.html')
+    .pipe(dest('dist'))
     cb();
 }
 
@@ -25,17 +26,36 @@ function streamTs(cb) {
   cb();
 }
 
+function minifyJS(cb) {
+  src([
+    'public/**/*.js', 
+    'node_modules/bootstrap/dist/js/bootstrap.js'
+  ])
+    .pipe(replace(/import .*/g, ''))
+    .pipe(replace(/export .*/g, ''))
+    .pipe(concat('app.js'))
+    .pipe(minify())
+    .pipe(dest('dist'));
+  cb();
+}
+
 function minifyCSS(cb) {
   src([
-    'src/**/*.css', 
+    'app/**/*.css', 
     'node_modules/bootstrap/dist/css/bootstrap.css'])
     .pipe(cleanCss())
-    .pipe(dest('public'));
+    .pipe(dest('dist'));
+  cb();
+}
+
+function copyImages(cb) {
+  src('app/assets/**/*')
+    .pipe(dest('dist/assets'));
   cb();
 }
 
 function build(cb) {
-  parallel(genHTML, streamTs, minifyCSS)(cb);
+  series(genHTML, streamTs, minifyJS, minifyCSS, copyImages)(cb);
 }
 
 export default build

package/gents/generators/genTsWeb.js

@@ -0,0 +1,44 @@
+const {debug} = require('../../config.json');
+const fsExtra = require('fs-extra');
+
+const defaultTsGulpfileContent = require('./genTsGulpfile');
+const defaultHtmlContent = require('../../genweb/generators/genHtml');
+const defaultTsBsconfigContent = require('./genTsBsconfig');
+const defaultTsPackageContent = require('../contents/tsPackageContent');
+
+const {
+  createDirectory, 
+  createFile,
+  createGulpfileJsFile,
+  createBsconfigFile,
+  createIndexHtmlFile,
+  createPackageJsonFile
+} = require('../../tools/tools');
+
+const outputDir = 'app';
+
+const createTsWeb = () => {
+  const dir = process.cwd();
+
+  createDirectory(`${dir}/src`);
+  createDirectory(`${dir}/${outputDir}`);
+  createDirectory(`${dir}/${outputDir}/assets`);
+
+  createFile(`${dir}/${outputDir}/style.css`, '');
+  
+  createFile(`${dir}/src/app.ts`, '');
+    
+  createFile(`${dir}/README.md`, '# Sinto Project');
+  
+  createPackageJsonFile(dir, defaultTsPackageContent);
+  createIndexHtmlFile(dir, outputDir, defaultHtmlContent);
+  createGulpfileJsFile(dir, defaultTsGulpfileContent);    
+  createBsconfigFile(dir, defaultTsBsconfigContent);
+
+
+  console.log('Base directories and files created.');
+};
+
+
+
+module.exports.createTsWeb = createTsWeb

package/gents/gents.js

@@ -1,15 +1,14 @@
 const {debug} = require('../config.json');
-const tsconfigContent = require('./tsconfigContent.js');
+const tsconfigContent = require('./contents/tsconfigContent.js');
 const { createFile } = require('../tools/tools.js');
 const jsonfile = require('jsonfile');
 const { addDevDep, addScript } = require('../tools/dep.js');
 const fs = require('fs');
-const { createWeb } = require('../genweb/genweb');
-const defaultTsPackageContent = require('./tsPackageContent.js');
+const { createTsWeb } = require('./generators/genTsWeb.js');
+const defaultTsPackageContent = require('./contents/tsPackageContent.js');
 
 const initTypescriptProject = async () => {
-  createWeb('ts');
-  createPackageJsonFile(process.cwd());
+  createTsWeb();
   writeConfigFile();
   showMsg();
 }
@@ -28,12 +27,4 @@ pnpm install
         `);
 }
 
-const createPackageJsonFile = (dir) => {
-  const packageJsonPath = `${dir}/package.json`;
-  jsonfile.writeFileSync(packageJsonPath, defaultTsPackageContent, { spaces: 2 });
-  if(debug) {
-      console.log('package.json file created.');
-  }        
-}
-
 module.exports.initTypescriptProject = initTypescriptProject;

package/genweb/genweb.js

@@ -1,79 +1,47 @@
 const {debug} = require('../config.json');
-const jsonfile = require('jsonfile');
 const fsExtra = require('fs-extra');
 
 const defaultPackageContent = require('../genweb/generators/genPackage');
 const defaultHtmlContent = require('../genweb/generators/genHtml');
 const defaultGulpfileContent = require('../genweb/generators/genGulpfile');
-const defaultTsGulpfileContent = require('../gents/generators/genTsGulpfile');
 const defaultBsconfigContent = require('../genweb/generators/genBsconfig');
 
-
 const {
     createDirectory, 
-    createFile
+    createFile,
+    createGulpfileJsFile,
+    createBsconfigFile,
+    createIndexHtmlFile,
+    createPackageJsonFile
   } = require('../tools/tools');
 
-const createWeb = (type) => {
-    const currentDirectory = process.cwd();
+const createWeb = () => {
+    const dir = process.cwd();
   
-    createDirectory(`${currentDirectory}/src`);
-    createDirectory(`${currentDirectory}/src/assets`);
+    createDirectory(`${dir}/src`);
+    createDirectory(`${dir}/src/assets`);
   
-    createFile(`${currentDirectory}/src/style.css`, '');
+    createFile(`${dir}/src/style.css`, '');
+
 
-    let content = '';
-    if(type === 'ts') {
-        createFile(`${currentDirectory}/src/app.ts`, '');
-        content = defaultTsGulpfileContent;
-    }else {
-        createFile(`${currentDirectory}/src/app.js`, '');
-        content = defaultGulpfileContent;
-    }
+    createFile(`${dir}/src/app.js`, '');
 
-    createFile(`${currentDirectory}/README.md`, '# Sinto Project');
+    createFile(`${dir}/README.md`, '# Sinto Project');
     
-    createPackageJsonFile(currentDirectory);
-    createIndexHtmlFile(currentDirectory);
-    createGulpfileJsFile(currentDirectory, content);    
-    createBsconfigFile(currentDirectory);
+    createPackageJsonFile(dir, defaultPackageContent);
+    createIndexHtmlFile(dir, 'src', defaultHtmlContent);
+    createGulpfileJsFile(dir, defaultGulpfileContent);    
+    createBsconfigFile(dir, defaultBsconfigContent);
   
     console.log('Base directories and files created.');
 };
 
-const createPackageJsonFile = (directory) => {
-  const packageJsonPath = `${directory}/package.json`;
-  jsonfile.writeFileSync(packageJsonPath, defaultPackageContent, { spaces: 2 });
-  if(debug) {
-      console.log('package.json file created.');
-  }        
-}
-
-const createIndexHtmlFile = (directory) => {
-  const indexHtmlPath = `${directory}/src/index.html`;
-  fsExtra.writeFileSync(indexHtmlPath, defaultHtmlContent);
-  if(debug)
-  console.log('index.html file created');
-}
 
-const createGulpfileJsFile = (directory, content) => {
-  const gulpfileJsPath = `${directory}/gulpfile.js`;
-  fsExtra.writeFileSync(gulpfileJsPath, content);
-  if(debug)
-  console.log('gulpfile.js file created.');
-}
 
 
 
-const createBsconfigFile = (directory) => {
-  const bsconfigPath = `${directory}/bs-config.json`;
-  jsonfile.writeFileSync(bsconfigPath, defaultBsconfigContent, { spaces: 2 });
-  if(debug)
-  console.log('bs-config.json file created.');
-}
 
 module.exports.createWeb = createWeb;
-module.exports.createPackageJsonFile = createPackageJsonFile;
-module.exports.createIndexHtmlFile = createIndexHtmlFile;
-module.exports.createGulpfileJsFile = createGulpfileJsFile;
-module.exports.createBsconfigFile = createBsconfigFile;
+// module.exports.createPackageJsonFile = createPackageJsonFile;
+// module.exports.createGulpfileJsFile = createGulpfileJsFile;
+// module.exports.createBsconfigFile = createBsconfigFile;

package/javafx/appContent.js

@@ -0,0 +1,46 @@
+const appContent = `
+import javafx.application.Application;
+import javafx.fxml.FXMLLoader;
+import javafx.scene.Parent;
+import javafx.scene.Scene;
+import javafx.stage.Stage;
+
+import java.io.IOException;
+
+public class App extends Application {
+
+    private static Scene scene;
+
+    @Override
+    public void start(Stage stage) throws IOException {
+        scene = new Scene(loadFxml("mainScene"), 640, 480);
+        stage.setScene(scene);
+        stage.show();
+    }
+
+    static void setRoot(String fileName) throws IOException {
+        scene.setRoot(loadFxml(fileName));
+    }
+
+    private static Parent loadFxml(String fileName) {
+        try {
+            return tryLoadFxml(fileName);
+        } catch (IOException e) {
+            System.err.println("Unable to load FXML file: " + fileName);
+            System.err.println(e.getMessage());
+            return null;
+        }
+    }
+        
+    private static Parent tryLoadFxml(String fileName) throws IOException {
+        FXMLLoader loader = new FXMLLoader(App.class.getResource(fileName + ".fxml"));
+        return loader.load();
+    }
+
+    public static void main(String[] args) {
+        launch();
+    }
+
+}
+`
+module.exports = appContent

package/javafx/generate.js

@@ -0,0 +1,33 @@
+const { createFile, createDirectory } = require('../tools/tools.js');
+const appContent = require('./appContent');
+const settingsContent = require('./settingsContent');
+const launchContent = require('./launchContent');
+const gitignoreContent = require('./gitignoreContent');
+const { exit } = require('browser-sync');
+const { setJavafxPath } = require('./setJavafxPath');
+
+const  createJavafxProject = (argv) => {
+
+  if (argv.path != undefined) {
+    setJavafxPath(argv.path);
+    exit(0);
+  }
+
+  const dir = process.cwd();  
+  createDirectory(`${dir}/.vscode`);
+  createDirectory(`${dir}/lib`);
+  createDirectory(`${dir}/src`);
+  createFile(`${dir}/src/App.java`, appContent);
+  createFile(`${dir}/.vscode/settings.json`, settingsContent);
+  
+  createFile(`${dir}/src/mainScene.fxml`, '');
+
+  createFile(`${dir}/README.md`, '# Sinto JavaFX project\n');
+  createFile(`${dir}/.vscode/launch.json`, launchContent);
+
+  createFile(`${dir}/.gitignore`, gitignoreContent);
+  createFile(`${dir}/lib/.gitkeep`, '');
+  
+}
+
+module.exports.createJavafxProject = createJavafxProject;

package/javafx/gitignoreContent.js

@@ -0,0 +1,8 @@
+const gitignoreContent = `
+bin/
+*.jar
+*.class
+*.properties
+*.so
+`
+module.exports = gitignoreContent

package/javafx/launchContent.js

@@ -0,0 +1,17 @@
+const launchContent = `
+{
+  // Use IntelliSense to learn about possible attributes.
+  // Hover to view descriptions of existing attributes.
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "type": "java",
+      "name": "Current File",
+      "request": "launch",
+      "mainClass": "\${file}"
+    }
+  ]
+}
+`
+module.exports = launchContent

package/javafx/setJavafxPath.js

@@ -0,0 +1,51 @@
+const {debug} = require('../config.json');
+const { read } = require("fs-extra");
+const jsonfile = require('jsonfile');
+const hjson = require('hjson');
+const fs = require('fs');
+
+const setJavafxPath = (path) => {
+  const dir = process.cwd();
+
+  readJsonFile(`${dir}/.vscode/launch.json`).then((data) => {
+    var obj = hjson.parse(data);
+    obj.configurations.forEach( conf => {
+      conf.vmArgs = `--module-path ${path} --add-modules javafx.controls,javafx.fxml`;
+    })
+    
+
+    var newData = hjson.stringify(obj, {space: 2, quotes: 'all', separator: true});
+    console.log('newData: ', newData);
+    writeJsonFile(`${dir}/.vscode/launch.json`, newData);
+    console.log('launch.json updated.');
+  });
+}
+
+async function readJsonFile(filePath) {
+  try {
+
+      const data = await fs.promises.readFile(filePath, 'utf8');
+      if(debug) {
+          console.log(`Readed JSON file`);
+      }        
+      return data;
+  } catch (err) {
+      console.error(`Error! Failed to read ${filePath}`);
+      console.error(err);
+  }
+}
+
+async function writeJsonFile(path, data) {
+  try {
+      await fs.promises.writeFile(path, data);
+      if(debug) {
+          console.log(`Written new JSON file: ${path}`);
+          console.log(obj);
+      }
+  } catch (err) {
+      console.error('Error! Failed to write package.json:');
+      console.error(err);
+  }
+}
+
+module.exports.setJavafxPath = setJavafxPath

package/javafx/settingsContent.js

@@ -0,0 +1,10 @@
+const settingsContent = `
+{
+    "java.project.sourcePaths": ["src"],
+    "java.project.outputPath": "bin",
+    "java.project.referencedLibraries": [
+        "lib/**/*.jar"
+    ]   
+}
+`
+module.exports = settingsContent

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sinto",
-  "version": "1.8.0",
-  "description": "Website project development manager",
+  "version": "1.9.0",
+  "description": "Project development manager for web and JavaFX",
   "bin": {
     "sin": "sin.js"
   },
@@ -15,6 +15,7 @@
     "commander": "^12.1.0",
     "fs-extra": "^11.2.0",
     "gulp": "^5.0.0",
+    "hjson": "^3.2.2",
     "jsonfile": "^6.1.0",
     "yargs": "^17.7.2"
   },

package/sin.js

@@ -12,13 +12,14 @@ const { createPuppeteerTest } = require('./gentest/generate');
 const { supplementTypescript } = require('./addts/addts');
 const { initTypescriptProject } = require('./gents/gents');
 const { createIndexHtmlCssFile } = require('./htmlcss/htmlcss');
+const { createJavafxProject } = require('./javafx/generate');
 
 const program = new Command();
 
 program
     .name('sin')
     .description('Project handler')
-    .version('1.8.0');
+    .version('1.9.0');
 
 program
     .command('init')
@@ -84,7 +85,6 @@ program
         initTypescriptProject();
     })
 
-
 program
     .command('web')
     .description('HTML és üres CSS fájl')
@@ -99,4 +99,12 @@ program
         createEsbuildProject();
     });
 
+program
+    .command('javafx')
+    .description('JavaFX project No build tools')
+    .option('-p, --path [path]', 'Path to javafx')
+    .action(( options ) => {
+        createJavafxProject(options);
+    })
+
 program.parse();

package/tools/tools.js

@@ -1,5 +1,6 @@
 const {debug} = require('../config.json');
 const fsExtra = require('fs-extra');
+const jsonfile = require('jsonfile');
 
 const createDirectory = (path) => {
     if (!fsExtra.existsSync(path)) {
@@ -13,5 +14,38 @@ const createFile = (path, content) => {
     }
 }
 
+const createGulpfileJsFile = (dir, content) => {
+    const gulpfileJsPath = `${dir}/gulpfile.js`;
+    fsExtra.writeFileSync(gulpfileJsPath, content);
+    if(debug)
+    console.log('gulpfile.js file created.');
+}
+
+const createBsconfigFile = (directory, content) => {
+    const bsconfigPath = `${directory}/bs-config.json`;
+    jsonfile.writeFileSync(bsconfigPath, content, { spaces: 2 });
+    if(debug)
+    console.log('bs-config.json file created.');
+}
+
+const createIndexHtmlFile = (dir, outputDir, content) => {
+    const indexHtmlPath = `${dir}/${outputDir}/index.html`;
+    fsExtra.writeFileSync(indexHtmlPath, content);
+    if(debug)
+    console.log('index.html file created');
+}
+
+const createPackageJsonFile = (directory, content) => {
+    const packageJsonPath = `${directory}/package.json`;
+    jsonfile.writeFileSync(packageJsonPath, content, { spaces: 2 });
+    if(debug) {
+        console.log('package.json file created.');
+    }        
+}
+
 module.exports.createDirectory = createDirectory;
 module.exports.createFile = createFile;
+module.exports.createGulpfileJsFile = createGulpfileJsFile;
+module.exports.createBsconfigFile = createBsconfigFile;
+module.exports.createIndexHtmlFile = createIndexHtmlFile;
+module.exports.createPackageJsonFile = createPackageJsonFile;