@nutin/cli 1.2.3 → 1.3.1

package/CHANGELOG.md

@@ -1,5 +1,74 @@
 # Changelog
 
+## V1.3.1
+
+- Minor features:
+    - New BaseComponent protected method.
+    Register events that will trigger re-render. Call this in component's constructor.
+    ```ts
+    // force = true: calls forceRender() instead of render()
+    listenToRenderEvents(events: EventKey[], force: boolean = false): void
+    ```
+    - data-optional now supports JS values
+    ```html
+    data-optional="${myValue}"
+    ```
+    - PopoverView and AnchorComponents now have accessibility features
+    - ButtonManager now handles checkboxes as well
+    - i18nService now emits `language-changed` event and exposes related methods
+
+- Fixes:
+    - CatalogConfig no longer renders multiple containers when render() or forceRender() are triggered by events
+    - Event Listeners are now destroyed properly before triggering a re-render
+    - Router now correctly redirects to 404 page when URL starts with two slashes `//`.
+    - Popover no longer flickers on close
+    - Snackbar messages are now properly sanitized
+
+- CLI
+    - Rework: App creation flow
+        - No features enabled by default
+        - Presets `--preset <minimal|standard|full|cicd>`
+            Minimal: External templates
+            Standard: Minimal + i18n & built-in SCSS utilities.
+            Full: Standard + deployment helpers & built-in testing toolkit
+            CI/CD: Minimal + deployment helpers
+        - Remaining flags: `--i18n`, `--deploy-helper`, `--testin-nutin`, `--transition`
+
+## V1.3.0
+
+Version 1.3.0 marks a stability milestone with various improvements and refinements, making this the recommended version for new projects.
+
+- Global
+    - `Service` abstract class now auto-binds methods with `this`, preventing `"this" is undefined` potential warning on initial page load.
+    - Added HTML template sanitization with trustLevel that can be passed to component's `super()`.
+        - trusted : no template sanitization (returns original)
+        - normal (default) : remove scripts and inline event handlers
+        - strict : remove iframe, object, embed, href (javascript), data: protocol, scripts and inline event handlers
+
+- I18n
+    - Removed `data-i18n-params` pipe : Default values (fallback) must now be inlined text content in component's HTML template. 
+
+- CLI :
+    - Deployment helpers is now optional (default : disabled). Flags : `--deploy-helper`  `--no-deploy-helper`
+    - Fixed CLI prompts (no longer overrides answers)
+
+- Builder / Deployment Helper
+    - Now adds stylesheet & script tags in `index.html` on build time (`add-tags.js`)
+    - (Production) Added file hashing (js & css) (`hash-files.js`)
+    - (Production) Added Gzip and Brotli compression (`compress-files.js`). Configurable in `builder.config.js`
+        - **Note : default nginx alpine image does NOT support Brotli compression.** If you want to use it :
+            - uncomment brotli-related sections (`BROTLI OPTIONAL`) in `builder.config.js` and `tools/builder/core/compress-files.js`
+            - enable brotli in nginx.conf
+            - You'll also need to use an existing Brotli-enabled nginx image or build your own from source.
+    - Enabled gzip globally in `nginx.conf` and removed `gzip.conf` (compress during build).
+
+- StylinNutin
+    - Added utility classes `u-text-center`, `u-text-right`, `u-text-left`, `u-font-primary`
+    - box-shadow variables now use `$primary-color`
+
+- TestinNutin
+    - Now applies `setupJsdom()` beforeAll (was beforeEach) and `teardownJsdom()` afterAll (was afterEach) in `test-queue.js` (improved efficiency / speed)
+
 ## V1.2.3
 
 - `nginx.conf` : fixed multi-line CSP map warning (single line map)
@@ -69,7 +138,7 @@
 - Improved deployment tools Dockerfile (nginx conf + gzip)
 
 - stylin-nutin (generator)
-    - When generating a component, prompts (boolean) to generate a `_component-name.scss` file in `styles/components` (forwarded by `stymes/components/_index.scss`).
+    - When generating a component, prompts (boolean) to generate a `_component-name.scss` file in `styles/components` (forwarded by `styles/components/_index.scss`).
 
 ## V1.1.0
 

package/README.md

@@ -1,10 +1,11 @@
 # [nutin](https://www.nutin.org)
 
 **Build SPAs by understanding SPAs. A minimal frontend toolkit crafted for learning and lean applications.**                    
-Includes essential features out of the box, with zero runtime dependencies.                          
-*TypeScript / Javascript, SASS, HTML*
+Includes essential features out of the box.                          
+*Pure TypeScript, SASS, and DOM-driven components — zero runtime dependencies.*
 
-- Required : Node >=18 **If using testin-nutin: Node >=20.19.0 (JSDOM requirement : `{ node: '^20.19.0 || ^22.12.0 || >=24.0.0' }`)**
+- Required : Node >=18 
+- **JSDOM requirement** (testin-nutin companion) : `{ node: '^20.19.0 || ^22.12.0 || >=24.0.0' }`
 
 ## Install
 
@@ -19,31 +20,37 @@ npm install -g @nutin/cli
 # create a new app
 create-nutin-app # or
 nutin-new
+
+# without global installation
+npx @nutin/cli
 ```
 
 - Flags
 
 ```bash
-# argument: project-name
+# argument: project-name (prompt if not provided)
 
+# Help
+-h --help
+
+# Defaults settings - see below
 -d --defaults
+
+# Package manager
 -pm --package-manager <manager> # npm (Default), yarn, pnpm, bun
 
---no-template # Use inline templates
---no-stylin-nutin # Do not use built-in SCSS utility
+# Presets
+--preset <minimal|standard|full|cicd>
+	# minimal: external templates
+	# standard: minimal + i18n & built-in SCSS classes
+	# full: standard + deployment helpers & built-in testing toolkit
+	# cicd: minimal + deployment helpers
+
+# Features
+--i18n # Use i18n & json-based content
+--deploy-helper # Use Docker & deployment helpers
 --testin-nutin # Use testin-nutin toolkit
---no-i18n # Do not use i18n & json-based content
 --transition # Use animated view transitions. Note: May interfere with CSS `position: fixed`, `z-index`...
-
-# Defaults
---template # (Default) Use external templates
---stylin-nutin # (Default) Use built-in SCSS utility classes & mixins
---i18n # (Default) Use i18n & json-based content
---no-testin-nutin # (Default) Do not use testin-nutin toolkit
---no-transition # (Default) Do not use animated view transitions
-
-# Help
--h --help
 ```
 
 ## [First app tutorial](https://www.nutin.org/tutorial)
@@ -51,4 +58,4 @@ nutin-new
 ## 📄 Docs
 
 - Docs on [website](https://www.nutin.org).
-- Docs on [Project repository](https://github.com/LoisKOUNINEF/nutin/tree/main/docs).
+- Docs on [repository](https://github.com/LoisKOUNINEF/nutin/tree/main/docs).

package/lib/index.mjs

@@ -1,38 +1,41 @@
 import { program } from 'commander';
-import { print } from './src/print.mjs';
+import { print, chalk } from './src/print.mjs';
 import { promptUser } from './src/prompts.mjs';
-import { createProject } from './src/file-generator.mjs';
-import { displaySuccessMessage, packageVersion } from './src/utils.mjs';
+import { createProject } from './src/project-generator.mjs';
+import { displaySuccessMessage } from './src/utils.mjs';
+import { packageVersion } from './src/version.mjs';
 
 export async function createApp() {
   program
     .version(packageVersion)
+    .configureOutput({
+      helpWidth: 100 
+    })
     .argument('[projectName]', 'Name of the project')
-    .option('-d, --defaults', 'Use default options')
     .option('-pm, --package-manager <manager>', 'Specify package manager (npm, yarn, pnpm, bun)')
-    .option('--template', '(Default) Use external templates')
-    .option('--no-template', 'Do not use external templates')
-    .option('--stylin-nutin', '(Default) Use built-in SCSS utility classes & mixins')
-    .option('--no-stylin-nutin', 'Do not use built-in SCSS utility')
-    .option('--i18n', '(Default) Use i18n & json-based content')
-    .option('--no-i18n', 'Do not use i18n & json-based content')
-    .option('--testin-nutin', 'Use testin-nutin toolkit')
-    .option('--no-testin-nutin', '(Default) Do not use testin-nutin toolkit')
-    .option('--transition', 'Use animated view transitions\nNote: May interfere with CSS `position: fixed`, `z-index`...')
-    .option('--no-transition', '(Default) Do not use animated view transitions')
-    .addHelpText('afterAll', '\nChaining options :\nExample: -d -pm npm --i18n --testinNutin')
+    .option('--preset <preset>', 
+      `${chalk.yellow('Project preset configuration:')}
+      ${chalk.cyan('• minimal')}${chalk.boldGray('   - external templates')}
+      ${chalk.cyan('• standard')}${chalk.boldGray('  - minimal + i18n & built-in SCSS utilities')}
+      ${chalk.cyan('• full')}${chalk.boldGray('      - standard + deployment helpers & built-in testing toolkit')}
+      ${chalk.cyan('• cicd')}${chalk.boldGray('      - minimal + deployment helpers')}`
+    )
+    .option('--i18n', 'Use i18n & json-based content')
+    .option('--deploy-helper', 'Use Docker & deployment helpers')
+    .option('--testin-nutin', 'Use built-in testing toolkit')
+    .option('--transition', 'Use animated view transitions\nNote: may interfere with CSS `position: fixed`, `z-index`…')
     .action(async (projectName, cliOptions) => {
       print.blue('🚀 Welcome to nutin !');
-
       try {
-        const answers = await promptUser(projectName, cliOptions);
-        await createProject(answers);
-        displaySuccessMessage(answers);
+        const preferences = await promptUser(projectName, cliOptions);
+        await createProject(preferences);
+        displaySuccessMessage(preferences);
       } catch (error) {
-        print.boldError(`❌ Error creating project: ${error.message}`);
+        print.boldError(`❌ Error creating project: ${error.stack}`);
         process.exit(1);
       }
     });
 
   program.parse();
 }
+

package/lib/src/context-builder.mjs

@@ -0,0 +1,40 @@
+import { getCiCommand } from './package-manager.mjs';
+import { packageVersion } from './version.mjs';
+
+const PRESET_MAP = {
+  default: { template: false, stylinNutin: false, i18n: false, deployHelper: false, testinNutin: false },
+  minimal: { template: true, stylinNutin: false, i18n: false, deployHelper: false, testinNutin: false },
+  standard: { template: true, stylinNutin: true,  i18n: true,  deployHelper: false, testinNutin: false },
+  full:     { template: true, stylinNutin: true,  i18n: true,  deployHelper: true,  testinNutin: true  },
+  cicd:     { template: true, stylinNutin: false, i18n: false, deployHelper: true,  testinNutin: false },
+};
+
+export const defaults = {
+  projectName: 'my-nutin-app',
+  packageManager: 'npm',
+  ...PRESET_MAP['default']
+};
+
+export class ContextBuilder {
+	buildContext(preferences) { 
+    const version = packageVersion;
+    const ciCommand = getCiCommand(preferences.packageManager);
+
+    const preset = PRESET_MAP[preferences.preset] ?? PRESET_MAP['default'];
+
+    return {
+      projectName: preferences.projectName,
+      packageManager: preferences.packageManager,
+      
+      template: preset.template,
+      stylinNutin: preset.stylinNutin,
+      i18n: preferences.i18n ?? preset.i18n,
+      deployHelper: preferences.deployHelper ?? preset.deployHelper,
+      testinNutin: preferences.testinNutin ?? preset.testinNutin,
+      transition: preferences.transition,
+
+      ciCommand: ciCommand,
+      version: version
+    };
+  }
+}

package/lib/src/file-generator.mjs

@@ -3,9 +3,6 @@ import { fileURLToPath } from 'url';
 import * as fsExtra from 'fs-extra';
 import { TemplateCompiler } from './template-compiler.mjs';
 import { print } from './print.mjs';
-import { initializeGit } from './git-manager.mjs';
-import { installDependencies, generatePackageJson, generateTsconfigJson, getCiCommand } from './package-manager.mjs';
-import { packageVersion } from './utils.mjs';
 
 const fs = fsExtra.default;
 const __filename = fileURLToPath(import.meta.url);
@@ -18,36 +15,13 @@ const BINARY_EXTENSIONS = new Set([
   '.pdf', '.zip', '.tar', '.gz'
 ]);
 
-export class ProjectGenerator {
+export class FileGenerator {
   constructor() {
     this.compiler = new TemplateCompiler();
   }
 
-  async createProject(answers) {
-    const { projectName } = answers;
-    const projectPath = path.join(process.cwd(), projectName);
-
-    await this.validateProjectPath(projectPath, projectName);
-    await this.setupProjectStructure(projectPath, answers);
-    await this.runPostSetupTasks(projectPath, answers);
-  }
-
-  async validateProjectPath(projectPath, projectName) {
-    if (await fs.pathExists(projectPath)) {
-      throw new Error(`Directory ${projectName} already exists`);
-    }
-  }
-
-  async setupProjectStructure(projectPath, answers) {
-    print.boldHead(`\n📁 Creating project in ${projectPath}...`);
-    
-    await fs.ensureDir(projectPath);
-    await this.generateProjectFromTemplates(projectPath, answers);
-  }
-
-  async generateProjectFromTemplates(projectPath, answers) {
-    const context = this.buildContext(answers);
-    const templateDir = this.getTemplateDirectory(answers);
+  async generateProjectFromTemplates(projectPath, context) {
+    const templateDir = this.getTemplateDirectory();
     
     print.section('📝 Processing templates...');
     await this.processTemplateDirectory(templateDir, projectPath, context);
@@ -55,31 +29,8 @@ export class ProjectGenerator {
     await this.processFeatureTemplates(projectPath, context);
   }
 
-  buildContext(answers) { 
-    const version = packageVersion;
-    const ciCommand = getCiCommand(answers.packageManager);
-
-    return {
-      projectName: answers.projectName,
-      description: answers.description || `A modern web application`,
-      
-      template: answers.template || false,
-      stylinNutin: answers.stylinNutin || false,
-      i18n: answers.i18n || false,
-      transition: answers.transition || false,
-      testinNutin: answers.testinNutin || false,
-
-      hasFeatures: answers.template || answers.stylinNutin || answers.i18n || answers.transition || answers.testinNutin,
-      
-      year: new Date().getFullYear(),
-      packageManager: answers.packageManager || 'npm',
-      ciCommand: ciCommand,
-      version: version
-    };
-  }
-
-  getTemplateDirectory(answers) {
-    return path.join(__dirname, '../../templates/base');
+  getTemplateDirectory() {
+    return path.join(__dirname, '..', '..', 'templates', 'base');
   }
 
   async processTemplateDirectory(templateDir, outputDir, context) {
@@ -104,6 +55,27 @@ export class ProjectGenerator {
     }
   }
 
+  async processFeatureTemplates(projectPath, context) {
+    const featuresDir = path.join(__dirname, '..', '..', 'templates', 'features');
+    
+    if (!(await fs.pathExists(featuresDir))) {
+      return;
+    }
+
+    const features = [ 'template', 'i18n', 'stylinNutin', 'testinNutin', 'deployHelper' ];
+    
+    for (const feature of features) {
+      if (context[feature]) {
+        const featureTemplateDir = path.join(featuresDir, feature);
+        
+        if (await fs.pathExists(featureTemplateDir)) {
+          print.info(`  🔧 Adding ${feature} feature...`);
+          await this.processTemplateDirectory(featureTemplateDir, projectPath, context);
+        }
+      }
+    }
+  }
+
   async processTemplateFile(templatePath, outputDir, fileName, context) {
     if (fileName.includes("test.js") && !(context.testinNutin)) {
       return;
@@ -134,76 +106,4 @@ export class ProjectGenerator {
       // print.info(`📄 Copied: ${fileName}`);
     }
   }
-
-  async processFeatureTemplates(projectPath, context) {
-    const featuresDir = path.join(__dirname, '../../templates/features');
-    
-    if (!(await fs.pathExists(featuresDir))) {
-      return;
-    }
-
-    const features = [ 'template', 'i18n', 'stylinNutin', 'testinNutin' ];
-    
-    for (const feature of features) {
-      if (context[feature]) {
-        const featureTemplateDir = path.join(featuresDir, feature);
-        
-        if (await fs.pathExists(featureTemplateDir)) {
-          print.info(`🔧 Adding ${feature} feature...`);
-          await this.processTemplateDirectory(featureTemplateDir, projectPath, context);
-        }
-      }
-    }
-  }
-
-  async generateJsonFiles(projectPath, answers) {
-    await generatePackageJson(projectPath, answers);
-    await generateTsconfigJson(projectPath, answers);
-    if (answers.i18n) this.generateConfigFiles(projectPath);
-  }
-
-  async generateConfigFiles(projectPath) {
-    const configPath = path.join(projectPath, 'config');
-    await fs.ensureDir(configPath);
-    const languages = {
-      "languages": ["en"],
-      "defaultLanguage": "en"
-    };
-
-    await fs.writeJSON(path.join(configPath, 'languages.json'), languages, { spaces: 2 });
-  }
-
-  async runPostSetupTasks(projectPath, answers) {
-    await this.generateJsonFiles(projectPath, answers);
-    await initializeGit(projectPath);
-    
-    await installDependencies(projectPath, answers.packageManager);
-
-    await this.runSetupScripts(projectPath, answers);
-  }
-
-  async runSetupScripts(projectPath, answers) {
-    print.section('⚙️ Running setup scripts...');
-    
-    try {
-      const setupScriptsTemplate = path.join(__dirname, '..', '..', 'templates', 'scripts');
-      
-      if (await fs.pathExists(setupScriptsTemplate)) {
-        const scriptsDir = path.join(projectPath, 'scripts');
-        const context = this.buildContext(answers);
-        
-        await fs.ensureDir(scriptsDir);
-        await this.processTemplateDirectory(setupScriptsTemplate, scriptsDir, context);
-      }
-    } catch (error) {
-      print.boldError('⚠️ Warning: Could not set up build scripts');
-      console.error(error);
-    }
-  }
-}
-
-export const projectGenerator = new ProjectGenerator();
-
-export async function createProject(answers) {
-  return projectGenerator.createProject(answers);
 }

package/lib/src/git-manager.mjs

@@ -2,6 +2,6 @@ import { print } from './print.mjs';
 import { promiseExec } from './utils.mjs';
 
 export async function initializeGit(projectPath) {
-  print.section('\n🔧 Initializing Git repository...');
+  print.section('⚙️ Initializing Git repository...');
   await promiseExec('git init', { cwd: projectPath });
 }

package/lib/src/json-generator.mjs

@@ -0,0 +1,31 @@
+import path from 'path';
+import * as fsExtra from 'fs-extra';
+import { generatePackageJson, generateTsconfigJson } from './package-manager.mjs';
+
+const fs = fsExtra.default;
+
+export class JsonGenerator {
+  async generateJsonFiles(projectPath, context) {
+    await generatePackageJson(projectPath, context);
+    await generateTsconfigJson(projectPath, context);
+    this.generateConfigFiles(projectPath, context);
+  }
+
+  async generateConfigFiles(projectPath, context) {
+    const configPath = path.join(projectPath, 'config');
+    
+    if (context.i18n) {
+      await fs.ensureDir(configPath); 
+      await this.generateLanguageConfig(configPath);
+    }
+  }
+
+  async generateLanguageConfig(configPath) {
+    const languages = {
+      "languages": [ "en" ],
+      "defaultLanguage": "en"
+    };
+
+    await fs.writeJSON(path.join(configPath, 'languages.json'), languages, { spaces: 2 });    
+  }
+}

package/lib/src/package-manager.mjs

@@ -6,7 +6,7 @@ import * as path from 'path';
 const fs = fsExtra.default;
 
 export async function installDependencies(projectPath, packageManager) {
-  print.section(`\n📦 Installing dependencies with ${packageManager}...`);
+  print.section(`📦 Installing dependencies with ${packageManager}...`);
   
   const installCommand = getInstallCommand(packageManager);
   await promiseExec(installCommand, { cwd: projectPath });
@@ -38,8 +38,8 @@ function getInstallCommand(packageManager) {
   }
 }
 
-function getScripts(answers) {
-  const { testinNutin, packageManager, projectName } = answers;
+function getScripts(context) {
+  const { testinNutin, packageManager, projectName, deployHelper } = context;
 
   const baseScripts = {
     "build": "node tools/builder/builder.js",
@@ -47,30 +47,33 @@ function getScripts(answers) {
     "serve:only": "node tools/dev/serve.js",
     "serve": `${packageManager} run build && ${packageManager} run serve:only`,
     "dev": "node tools/dev/dev-serve.js",
-    "generate": "node tools/generator/generator.js",
+    "generate": "node tools/generator/generator.js"
+  };
+
+  const deployHelperScripts = {
     "docker:build": `docker build -t ${projectName} -f tools/deployment/Dockerfile .`,
-    "docker:run": `docker run -p 9090:9090 --name ${projectName}-container ${projectName}:latest`,
+    "docker:run": `docker run -p 9090:9090 ${projectName}:latest`,
     "patch": `${packageManager} version patch -m 'CI/CD: Bump version to %s'`,
     "minor": `${packageManager} version minor -m 'CI/CD: Bump version to %s'`,
     "major": `${packageManager} version major -m 'CI/CD: Bump version to %s'`
-  };
+  }
 
   const testinNutinScripts = {
     "test": "node testin-nutin/runner.js",
     "test:rebuild": `${packageManager} run build && ${packageManager} run test`,
     "test:watch": `${packageManager} run build && node testin-nutin/watch-tests.js`
-    }
-
-  return testinNutin
-    ? {
-      ...baseScripts,
-      ...testinNutinScripts
-    }
-    : baseScripts;
+  }
+
+  let scripts = { ...baseScripts };
+
+  if (testinNutin) scripts = { ...scripts, ...testinNutinScripts };
+  if (deployHelper) scripts = { ...scripts, ...deployHelperScripts };
+
+  return scripts;
 }
 
-export async function generatePackageJson(projectPath, answers) {
-  const { testinNutin, projectName, packageManager } = answers;
+export async function generatePackageJson(projectPath, context) {
+  const { testinNutin, projectName } = context;
 
   const devDependencies = {
     "chokidar": "^4.0.3",
@@ -84,7 +87,7 @@ export async function generatePackageJson(projectPath, answers) {
     })
   };
 
-  const scripts = getScripts(answers);
+  const scripts = getScripts(context);
 
   const packageJson = {
     "name": projectName,
@@ -107,7 +110,7 @@ export async function generatePackageJson(projectPath, answers) {
   await fs.writeJSON(path.join(projectPath, 'package.json'), packageJson, { spaces: 2 });
 }
 
-export async function generateTsconfigJson(projectPath, answers) {
+export async function generateTsconfigJson(projectPath, context) {
   const tsconfig = {
       "compilerOptions": {
       "baseUrl": "./",

package/lib/src/print.mjs

@@ -12,6 +12,7 @@ export const chalk = {
   boldYellow: (s) => `\x1b[1;33m${s}\x1b[0m`,
   boldCyan: (s) => `\x1b[1;36m${s}\x1b[0m`,
   boldPurple: (s) => `\x1b[1;35m${s}\x1b[0m`,
+  boldGray: (s) => `\x1b[1;90m${s}\x1b[0m`,
 };
 
 export const print = {

package/lib/src/project-generator.mjs

@@ -0,0 +1,53 @@
+import path from 'path';
+import * as fsExtra from 'fs-extra';
+import { print } from './print.mjs';
+import { initializeGit } from './git-manager.mjs';
+import { installDependencies } from './package-manager.mjs';
+import { FileGenerator } from './file-generator.mjs';
+import { JsonGenerator } from './json-generator.mjs';
+import { ContextBuilder } from './context-builder.mjs';
+
+const fs = fsExtra.default;
+
+export class ProjectGenerator {
+  constructor() {
+    this.fileGenerator = new FileGenerator();
+    this.jsonGenerator = new JsonGenerator();
+    this.builder = new ContextBuilder();
+  }
+
+	async createProject(preferences) {
+    const { projectName } = preferences;
+    const projectPath = path.join(process.cwd(), projectName);
+    const context = this.builder.buildContext(preferences);
+
+    await this.validateProjectPath(projectPath, projectName);
+    await this.setupProjectStructure(projectPath, context);
+    await this.runPostSetupTasks(projectPath, context);
+  }
+
+  async validateProjectPath(projectPath, projectName) {
+    if (await fs.pathExists(projectPath)) {
+      throw new Error(`Directory ${projectName} already exists`);
+    }
+  }
+
+  async setupProjectStructure(projectPath, context) {
+    print.boldHead(`\n📁 Creating project in ${projectPath}...\n`);
+    
+    await fs.ensureDir(projectPath);
+    await this.fileGenerator.generateProjectFromTemplates(projectPath, context);
+  }
+
+  async runPostSetupTasks(projectPath, context) {
+    await this.jsonGenerator.generateJsonFiles(projectPath, context);
+    await initializeGit(projectPath);    
+    await installDependencies(projectPath, context.packageManager);
+  }
+}
+
+export const projectGenerator = new ProjectGenerator();
+
+export async function createProject(preferences) {
+  return projectGenerator.createProject(preferences);
+}