@nutin/cli 1.2.0 → 1.2.2

package/templates/base/tools/builder/builder.js.hbs

@@ -3,23 +3,28 @@
 import path from 'path';
 import { print, isProd, runScript } from '../utils/index.js';
 
-const scriptsDir = path.resolve(process.cwd(),'tools', 'builder', 'core');
+const scriptsDir = path.join(process.cwd(),'tools', 'builder', 'core');
 
-print.boldHead(`Starting build...`);
+if (!isProd) print.boldInfo('For production, use build:prod.\n');
+print.boldHead(`Starting build...\n`);
 
 runScript(path.join(scriptsDir, 'copy-static.js'), 'Copying files...');
+
 if(!isProd) runScript(path.join(scriptsDir, 'tsc.js'), 'Running TypeScript compiler...');
 
 {{#if template}}
-runScript(path.join(scriptsDir, 'merge-templates.js'), 'Merging HTML templates in JavaScript files...');
+runScript(path.join(scriptsDir, 'merge-templates.js'), 'Merging HTML templates in temp files...');
 {{else}}
 runScript(path.join(scriptsDir, 'minify-html.js'), 'Minifying inline templates...');
 {{/if}}
-
+{{#if i18n}}
 runScript(path.join(scriptsDir, 'build-i18n.js'), 'Combining locales for production...');
-runScript(path.join(scriptsDir, 'sass.config.js'), 'Compiling styles from main.scss...');
+{{/if}}
+runScript(path.join(scriptsDir, 'sass.js'), 'Compiling styles from main.scss...');
 runScript(path.join(scriptsDir, 'validate-html.js'), 'Validating tags in index.html...');
+
 if (isProd) runScript(path.join(scriptsDir, 'esbuild.js'), 'Running esbuild...');
+
 runScript(path.join(scriptsDir, 'finalize-build.js'), 'Finalizing build...')
 
 print.boldSuccess(`\nBuild successful!\n`);

package/templates/base/tools/builder/core/copy-static.js.hbs

@@ -20,20 +20,43 @@ async function copyFavicon() {
 
   try {
     await copyFile(srcPath, destPath);
-    if (isVerbose) print.info('✅ Copied: favicon.ico');
+    if (isVerbose) print.info('Copied: favicon.ico');
   } catch {
     print.boldError('⚠️  No favicon found at public/favicon.ico');
   }
 }
 
+{{#if i18n}}
+async function copyConfig() {
+  const srcPath = path.resolve(path.join('config'));
+  const temp = isProd ? PATHS.temp : PATHS.tempSource;
+  const destPath = path.join(temp, 'config');
+  try {
+    await copyJsonFiles(srcPath, destPath);
+{{#if testinNutin}}
+    // for tests to run
+    if (!isProd) await copyJsonFiles(srcPath, path.join(PATHS.temp, 'config'))
+{{/if}}
+    if (isVerbose) print.info('Config files copied');
+  } catch {
+    print.boldError('Issue when copying config files.');
+    exit(1);
+  }
+}
+
+{{/if}}
 async function copyStatic() {
   const extensions = [...BINARY_EXTENSIONS, 'html'];
   if (isProd) extensions.push('.ts');
 
-  print.info(`File types that will be copied: ${Array.from(extensions)}`);
+  if (isVerbose) print.info(`File types that will be copied: ${Array.from(extensions)}`);
 
   await ensureDir(PATHS.tempSource);
+
   await copyFavicon();
+  {{#if i18n}}
+  await copyConfig();
+  {{/if}}
 
   for (const extension of extensions) {
     const files = await getFilesRecursive(PATHS.source, extension);
@@ -53,6 +76,8 @@ async function copyStatic() {
   }
 
   if (isProd) await copyJsonFiles(PATHS.source, PATHS.tempSource);
+
+  if (isVerbose) print.boldInfo(`Copy complete.\n`);
 }
 
 async function copyJsonFiles(sourceDir, destDir) {

package/templates/base/tools/builder/core/esbuild.js.hbs

@@ -1,33 +1,22 @@
 import esbuild from 'esbuild';
 import path from 'path';
 import { exit } from 'process';
-import { print } from '../../utils/index.js';
+import { print, isVerbose } from '../../utils/index.js';
 import { PATHS } from './paths.js';
+import builderConfig from '../../../builder.config.js';
 
 const ENTRY_FILE = path.join(PATHS.tempApp, 'main.ts');
 const OUT_FILE = path.join(PATHS.tempSource, 'bundle.js');
 
 async function build() {
   await esbuild.build({
+    ...builderConfig.esbuild,
     entryPoints: [ENTRY_FILE],
     outfile: OUT_FILE,
-    bundle: true,
-    minify: true,
     keepNames: true, // View names are used to update meta.title
-    sourcemap: false,
-    platform: 'browser',
-    format: 'esm',
-    target: ['es2015'],
-    legalComments: 'none',
-    loader: {
-      '.json': 'json',
-    },
-    define: {
-      'process.env.NODE_ENV': '"production"',
-    },
   });
 
-  print.info(`ESBuild complete.`);
+  if (isVerbose) print.boldInfo(`ESBuild complete.\n`);
 }
 
 build().catch((err) => {

package/templates/base/tools/builder/core/finalize-build.js.hbs

@@ -1,4 +1,4 @@
-import { print, isProd } from "../../utils/index.js";
+import { print, isProd, isVerbose } from "../../utils/index.js";
 import fs from 'fs';
 import path from 'path';
 import { PATHS } from "./paths.js";
@@ -18,7 +18,7 @@ function replaceDir(src, dest) {
 function finalizeBuild() {
   if (isProd) removeFoldersAfterBundle();
   replaceDir(PATHS.temp, PATHS.build);
-  print.info('Build finalized.');
+  if (isVerbose) print.boldInfo('Build finalized.\n');
 }
 
 finalizeBuild();

package/templates/base/tools/builder/core/minify-html.js.hbs

@@ -1,6 +1,5 @@
 import { minify } from 'html-minifier-terser';
 {{#unless template}}
-import path from 'path';
 import fs from 'fs';
 import { exit } from 'process';
 import { getFilesRecursive, print, isProd, isVerbose } from '../../utils/index.js';
@@ -50,11 +49,12 @@ async function minifyInlineHTML() {
       if (isVerbose) print.info(`Minified inline HTML in: ${file}`);
     }
   }
-  print.info('Inline templates minified.');
+  if (isVerbose) print.boldInfo('Inline templates minified.\n');
 }
 
 minifyInlineHTML().catch((err) => {
   print.boldError(`Unexpected error: ${err.message}`);
   exit(1);
 });
+
 {{/unless}}

package/templates/base/tools/builder/core/{sass.config.js.hbs → sass.js.hbs}

@@ -1,18 +1,16 @@
 import * as sass from 'sass';
 import * as fs from 'fs';
 import path from 'path';
-import { print } from '../../utils/index.js';
+import { isVerbose, print } from '../../utils/index.js';
 import { PATHS } from './paths.js';
+import builderConfig from '../../../builder.config.js';
 
 const stylesInput = path.join(PATHS.source, 'styles');
 const stylesOutput = path.join(PATHS.tempSource, 'main.css');
 
 const scssPath = (origin) => path.join(stylesInput, origin);
-const scssOrigins = [ 
-  'base', 
-  'core'{{#if stylinNutin}},
-  'components'{{/if}}
-];
+const scssOrigins = builderConfig.sass.paths;
+
 const pathsToLoad = scssOrigins.map(origin => scssPath(origin));
 
 sass.compileAsync(path.join(stylesInput, 'main.scss'), {
@@ -20,5 +18,5 @@ sass.compileAsync(path.join(stylesInput, 'main.scss'), {
   style: 'compressed'
 }).then(result => {
   fs.writeFileSync(stylesOutput, result.css);
-  print.info('Global styles compiled.');
+  if (isVerbose) print.boldInfo('Global styles compiled.\n');
 });

package/templates/base/tools/builder/core/tsc.js.hbs

@@ -1,8 +1,12 @@
-import { runCommand, print } from "../../utils/index.js";
+import { runCommand, print, isVerbose } from "../../utils/index.js";
+import { exit } from 'process';
 
 async function compileTS() {
-	runCommand('tsc --project tsconfig.json');
-  print.info('TypeScript compiled.');
+	await runCommand('tsc', ['--project', 'tsconfig.json']);
+  if (isVerbose) print.boldInfo('TypeScript compiled.\n');
 }
 
-compileTS();
+compileTS().catch((err) => {
+  print.boldError(`Unexpected error: ${err.message}`);
+  exit(1);
+});

package/templates/base/tools/builder/core/validate-html.js.hbs

@@ -1,7 +1,6 @@
 import { readFile, writeFile } from 'fs/promises';
-import { JSDOM } from 'jsdom';
 import { exit } from 'process';
-import { print, isProd } from '../../utils/index.js';
+import { print, isProd, isVerbose } from '../../utils/index.js';
 import { PATHS } from './paths.js';
 import path from 'path';
 
@@ -11,21 +10,23 @@ function errorExit(message) {
 }
 
 async function addEntrypoint(htmlContent, filePath) {
-  print.info('Adding script in HTML...');
+  if (isVerbose) print.info('Adding script in HTML...');
 
-  const dom = new JSDOM(htmlContent);
-  const document = dom.window.document;
+  const scriptSrc = isProd ? "bundle.js" : "app/main.js";
+  const scriptTag = `<script type="module" src="/${scriptSrc}"></script>`;
 
-  const newScript = document.createElement("script");
-  newScript.type = "module";
-  newScript.src = isProd ? "/bundle.js" : "/app/main.js";
+  let modifiedHtml;
+  if (/<\/body>/i.test(htmlContent)) {
+    modifiedHtml = htmlContent.replace(/<\/body>/i, `${scriptTag}</body>`);
+  } else {
+    modifiedHtml = htmlContent + scriptTag;
+  }
 
-  document.body.appendChild(newScript);
-  const serialized = dom.serialize().replace(/>\s+</g, '><')
+  const minified = modifiedHtml.replace(/>\s+</g, '><');
 
-  writeFile(filePath, serialized, "utf8");
+  writeFile(filePath, minified, "utf8");
 
-  return htmlContent;
+  return modifiedHtml;
 }
 
 async function validateHtml() {
@@ -46,9 +47,13 @@ async function validateHtml() {
     errorExit('No stylesheet found in HTML');
   }
 
-  await addEntrypoint(htmlContent, filePath);
+  htmlContent = await addEntrypoint(htmlContent, filePath).catch(err => errorExit(err.message));
+
+  if (!/<script[^>]*type=["']module["']/.test(htmlContent)) {
+    errorExit('No module scripts found in HTML');
+  }
 
-  print.info('HTML validation passed');
+  if (isVerbose) print.boldInfo('HTML validation passed\n');
 }
 
 validateHtml();

package/templates/base/tools/deployment/Dockerfile.hbs

@@ -0,0 +1,22 @@
+ARG NODE_VERSION=22.3.0
+ARG NGINX_VERSION=1.27-alpine
+
+FROM node:${NODE_VERSION} AS builder
+WORKDIR /usr/src/app
+COPY . .
+RUN {{ciCommand}} && \
+    {{packageManager}} run build:prod
+
+FROM nginx:${NGINX_VERSION}
+
+RUN rm /etc/nginx/conf.d/default.conf
+COPY --from=builder /usr/src/app/tools/deployment/nginx.conf /etc/nginx/conf.d/default.conf
+COPY --from=builder /usr/src/app/tools/deployment/gzip.conf /etc/nginx/conf.d/gzip.conf
+COPY --from=builder /usr/src/app/dist/src /usr/share/nginx/html
+
+EXPOSE 9090
+
+HEALTHCHECK --interval=30s --timeout=3s --start-period=5s --retries=3 \
+    CMD curl -f http://localhost:9090/health || exit 1
+
+CMD ["nginx", "-g", "daemon off;"]

package/templates/base/tools/deployment/gzip.conf.hbs

@@ -0,0 +1,19 @@
+gzip on;
+gzip_vary on;
+gzip_proxied any;
+gzip_comp_level 6;
+gzip_min_length 1000;
+
+gzip_types
+    text/plain
+    text/css
+    text/xml
+    text/javascript
+    application/json
+    application/javascript
+    application/xml+rss
+    application/rss+xml
+    font/truetype
+    font/opentype
+    application/vnd.ms-fontobject
+    image/svg+xml;

package/templates/base/tools/deployment/nginx.conf.hbs

@@ -0,0 +1,108 @@
+# ---------------------------
+# HEADER VARIABLES (define outside server block)
+# ---------------------------
+map $uri $frame_options {
+    default "SAMEORIGIN";
+}
+
+map $uri $content_type_options {
+    default "nosniff";
+}
+
+map $uri $xss_protection {
+    default "1; mode=block";
+}
+
+map $uri $referrer_policy {
+    default "strict-origin-when-cross-origin";
+}
+
+map $uri $permissions_policy {
+    default "geolocation=(), microphone=(), camera=()";
+}
+
+map $uri $csp_policy {
+    default "default-src 'self'; \
+        script-src 'self'; \
+        style-src 'self' 'unsafe-inline'; \
+        img-src 'self' data: https:; \
+        font-src 'self'; \
+        connect-src 'self'; \
+        object-src 'none'; \
+        base-uri 'self'; \
+        form-action 'self'; \
+        frame-ancestors 'none';";
+}
+
+server {
+    # ---------------------------
+    # LISTEN PORTS
+    # ---------------------------
+    listen 9090;
+    listen 9091;
+    server_name _;
+
+    # ---------------------------
+    # ROOT + ROUTING
+    # ---------------------------
+    root /usr/share/nginx/html;
+    index index.html;
+
+    # Hide nginx version
+    server_tokens off;
+
+    # SPA routing: serve index.html for unknown paths
+    location / {
+        try_files $uri $uri/ /index.html;
+        
+        # Security headers
+        add_header X-Frame-Options $frame_options always;
+        add_header X-Content-Type-Options $content_type_options always;
+        add_header X-XSS-Protection $xss_protection always;
+        add_header Referrer-Policy $referrer_policy always;
+        add_header Permissions-Policy $permissions_policy always;
+        add_header Content-Security-Policy $csp_policy always;
+    }
+
+    # ---------------------------
+    # STATIC ASSETS CACHING
+    # ---------------------------
+
+    # Immutable cache for static assets
+    location ~* \.(js|css|png|jpg|jpeg|gif|avif|ico|svg|woff|woff2|ttf|eot)$ {
+        expires 1y;
+        add_header Cache-Control "public, immutable" always;
+        
+        # Security headers
+        add_header X-Frame-Options $frame_options always;
+        add_header X-Content-Type-Options $content_type_options always;
+        add_header X-XSS-Protection $xss_protection always;
+        add_header Referrer-Policy $referrer_policy always;
+        add_header Permissions-Policy $permissions_policy always;
+        add_header Content-Security-Policy $csp_policy always;
+    }
+
+    # No caching for HTML files (SPA shell)
+    location ~* \.html$ {
+        expires -1;
+        add_header Cache-Control "no-cache, no-store, must-revalidate" always;
+        add_header Pragma "no-cache" always;
+        
+        # Security headers
+        add_header X-Frame-Options $frame_options always;
+        add_header X-Content-Type-Options $content_type_options always;
+        add_header X-XSS-Protection $xss_protection always;
+        add_header Referrer-Policy $referrer_policy always;
+        add_header Permissions-Policy $permissions_policy always;
+        add_header Content-Security-Policy $csp_policy always;
+    }
+
+    # ---------------------------
+    # HEALTH ENDPOINT
+    # ---------------------------
+    location /health {
+        access_log off;
+        add_header Content-Type text/plain always;
+        return 200 "healthy\n";
+    }
+}

package/templates/base/tools/dev/dev-serve.js.hbs

@@ -0,0 +1,32 @@
+#!/usr/bin/env node
+
+import { print, runCommand } from '../utils/index.js';
+
+async function startDev() {
+  try {
+    console.clear();
+    print.boldHead('🚀 Starting Dev Environment...');
+
+    await runCommand('{{packageManager}}', ['run', 'build']);
+
+    const { serve, watcher } = await Promise.all([
+      runCommand('{{packageManager}}', ['run', 'serve:only']),
+      runCommand('node', ['tools/dev/watcher.js'])
+    ]);
+
+    serve.on('close', (code) => {
+      print.error(`live-server exited with code ${code}`);
+      process.exit(code);
+    });
+    watcher.on('close', (code) => {
+      print.error(`watcher exited with code ${code}`);
+    });
+  } catch (err) {
+    print.boldError(`Dev startup failed: ${err.message}`);
+  }
+}
+
+startDev().catch((err) => {
+  print.boldError(`Unexpected error: ${err.message}`);
+  exit(1);
+});

package/templates/base/tools/{watcher.js.hbs → dev/watcher.js.hbs}

@@ -1,7 +1,7 @@
 import chokidar from 'chokidar';
 import { exec } from 'child_process';
 import path from 'path';
-import { print } from './utils/index.js'
+import { print } from '../utils/index.js'
 
 const watcher = chokidar.watch(['src'], {
   ignored: /(^|[/\\])\../,

package/templates/base/tools/generator/generator.js.hbs

@@ -1,5 +1,6 @@
 #!/usr/bin/env node
 
+import path from "path";
 import { allFormats, getLastWord, print{{#if stylinNutin}}, promptBoolean{{/if}} } from "../utils/index.js";
 import { generateFile, appendToIndex{{#if i18n}}, generateJson{{/if}}{{#if stylinNutin}}, generateStylesheet{{/if}} } from "./handle-file.js";
 import { serviceTemplate, componentTemplate, viewTemplate{{#if template}}, htmlTemplate{{/if}} } from "./templates/index.js";
@@ -14,7 +15,7 @@ if (!rawType || !rawFullPath) {
 const type = allFormats(rawType);
 const fullPath = allFormats(rawFullPath);
 const name = allFormats(getLastWord(fullPath.kebab));
-const targetPath = `src/app/${type.kebab}s/${fullPath.kebab}`;
+const targetPath = path.join('src', 'app', `${type.kebab}s/${fullPath.kebab}`);
 
 // Creator Mapping
 const creators = {
@@ -27,7 +28,7 @@ const creators = {
       handleError("Failed to generate service", err);
     }
   },
-  component: (name, targetPath) => {
+  component: {{#if stylinNutin}}async {{/if}}(name, targetPath) => {
     print.section(`Creating component: ${name.capitalized}`);
     {{#if stylinNutin}}
     const doCreateStylesheet = await promptBoolean('Create component\'s stylesheet in styles/components ?');
@@ -42,15 +43,19 @@ const creators = {
       generateJson({ targetPath, name });
       {{/if}}
       {{#if stylinNutin}}
-      if (doCreateStylesheet) generateStylesheet(name);
+      if (doCreateStylesheet) generateStylesheet({ name, suffix: 'component' });
       {{/if}}
       appendToIndex({ name, targetPath, suffix: 'component' });
     } catch (err) {
       handleError("Failed to generate component", err);
     }
   },
-  view: (name, targetPath) => {
+  view: {{#if stylinNutin}}async {{/if}}(name, targetPath) => {
     print.section(`Creating view: ${name.capitalized}`);
+    {{#if stylinNutin}}
+    const doCreateStylesheet = await promptBoolean('Create component\'s stylesheet in styles/components ?');
+    {{/if}}
+
     try {
       generateFile({ name, targetPath, templateFn: viewTemplate, suffix: 'view' });
       {{#if template}}
@@ -59,6 +64,9 @@ const creators = {
       {{#if i18n}}
       generateJson({ targetPath, name });
       {{/if}}
+      {{#if stylinNutin}}
+      if (doCreateStylesheet) generateStylesheet({ name, suffix: 'view' });
+      {{/if}}
       appendToIndex({name, targetPath, suffix: 'view' });
     } catch (err) {
       handleError("Failed to generate view", err);
@@ -70,7 +78,7 @@ const creators = {
 const create = creators[type.kebab];
 
 if (create) {
-  create(name, targetPath);
+  {{#if stylinNutin}}await {{/if}}create(name, targetPath);
   print.boldSuccess(`\n${type.capitalized} ${name.capitalized} has been generated.\n`)
 } else {
   showUsageAndExit(`Unsupported type: '${type.kebab}'`);

package/templates/base/tools/generator/handle-file.js.hbs

@@ -1,10 +1,12 @@
 import fs from 'fs';
 import path from 'path';
-import { print } from '../utils/index.js';
+import { print{{#if i18n}}, LANGUAGES{{/if}} } from '../utils/index.js';
 {{#if i18n}}
-import { LANGUAGES } from '../../src/app/languages.js';
 import { jsonTemplate } from './templates/index.js';
 {{/if}}
+{{#if stylinNutin}}
+import { scssTemplate } from './templates/index.js';
+{{/if}}
 
 export function generateFile({
   name,
@@ -61,19 +63,24 @@ export function generateJson({ targetPath, name }) {
 
 {{/if}}
 {{#if stylinNutin}}
-export function generateStylesheet(name) {
+export function generateStylesheet({ name, suffix }) {
   const template = scssTemplate();
-  const componentsStylePath = path.join('src', 'styles', 'components');
-  const filePath = path.join(componentsStylePath, `_${name.kebab}.scss`);
-  const indexPath = path.join(componentsStylePath, `_index.scss`);
-
+  const stylesPath = path.join('src', 'styles', `${suffix}s`);
+  const filePath = path.join(stylesPath, `_${name.kebab}.${suffix}.scss`);
+  const indexPath = path.join(stylesPath, `_index.scss`);
+  
+  if (!fs.existsSync(stylesPath) || !fs.existsSync(indexPath)) {
+    print.boldError('Non existing path');
+    process.exit(1);
+  }
   if (fs.existsSync(filePath)) {
     print.boldError('A file with this name already exists');
     process.exit(1);
   }
+
   fs.writeFileSync(filePath, template);
 
-  const lineToAppend = `@forward "${name.kebab}";\n`;
+  const lineToAppend = `@forward "${name.kebab}.${suffix}";\n`;
 
   try {
     fs.appendFileSync(indexPath, lineToAppend, 'utf8');

package/templates/base/tools/utils/export-flags.js.hbs

@@ -1,5 +1,6 @@
 import process from 'process';
+import builderConfig from '../../builder.config.js';
 
 export const isProd = process.env.npm_config_bundle || process.env.NODE_ENV === 'production';
 
-export const isVerbose = process.env.npm_config_log;
+export const isVerbose = process.env.npm_config_log || builderConfig.verbose;

package/templates/base/tools/utils/index.js.hbs

@@ -4,4 +4,7 @@ export * from './get-files-recursive.js';
 export * from './run-command.js';
 export * from './run-script.js';
 export * from './export-flags.js';
-export * from './prompt-boolean.js';
+export * from './prompt-boolean.js';
+{{#if i18n}}
+export * from './languages.js';
+{{/if}}

package/templates/base/tools/utils/run-command.js.hbs

@@ -1,5 +1,12 @@
-export function runCommand(cmd) {
-  import('child_process').then(({ execSync }) => {
-    execSync(cmd, { stdio: 'inherit' });
+import { spawn } from 'child_process';
+
+export function runCommand(command, args = []) {
+  return new Promise((resolve, reject) => {
+    const child = spawn(command, args, { stdio: 'inherit', shell: true });
+
+    child.on('close', (code) => {
+      if (code === 0) resolve();
+      else reject(new Error(`${command} exited with code ${code}`));
+    });
   });
 }

package/templates/base/tools/utils/run-script.js.hbs

@@ -4,7 +4,7 @@ import process from 'process';
 import { print } from './index.js';
 
 export function runScript(path, message) {
-  print.boldSection(`\n${message}`);
+  print.boldSection(message);
 
   const args = [resolve(path)];
 

package/templates/features/i18n/src/core/config.ts.hbs

@@ -0,0 +1,3 @@
+import langs from '../../config/languages.json' with { type: 'json' };
+
+export const CONFIG = { langs } as const;

package/templates/features/i18n/src/core/services/i18n/i18n.test.js.hbs

@@ -65,6 +65,8 @@ describe('i18n module', async () => {
       configurable: true,
       value: "en-US"
     });
+    I18nService['_LANGUAGES'] = [ 'en', 'fr' ];
+    I18nService['_DEFAULT_LANGUAGE'] = 'en';
   });
   afterAll(() => {    
     Object.defineProperty(navigator, 'language', {

package/templates/features/i18n/src/core/services/i18n/i18n.ts.hbs

@@ -1,4 +1,4 @@
-import { DEFAULT_LANGUAGE, LANGUAGES, Language, Translations } from '../../../app/languages.js';
+import { DEFAULT_LANGUAGE, LANGUAGES, Language, Translations } from './languages.js';
 import { Service } from '../../index.js';
 
 export class I18n extends Service<I18n> {
@@ -11,6 +11,7 @@ export class I18n extends Service<I18n> {
   constructor() {
     super();
     this.registerCleanup(this.resetTranslations);
+    this._currentLanguage = this.getBrowserLanguage();
   }
 
   private getBrowserLanguage() {
@@ -89,6 +90,14 @@ export class I18n extends Service<I18n> {
     return this._currentLanguage;
   }
 
+  public get defaultLanguage(): Language {
+    return this._DEFAULT_LANGUAGE;
+  }
+
+  public get languages(): Language[] {
+    return this._LANGUAGES;
+  }
+
   public async initTranslations(): Promise<void> {
     const browserLang = this.getBrowserLanguage();
     const lang = this._LANGUAGES.includes(browserLang) ? browserLang : this._DEFAULT_LANGUAGE;