@nutin/cli 1.3.1 → 2.0.0

package/templates/base/src/styles/core/_popover.scss.hbs

@@ -1,96 +0,0 @@
-/* Prevent scroll when popover is active */
-html.no-scroll {
-  overflow: hidden;
-}
-
-.popover-overlay {  
-  z-index: 99;
-  position: fixed;
-  inset: 0;
-  backdrop-filter: blur(5px);
-  background-color: rgba(0, 0, 0, .1);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  opacity: 0;
-  animation: hide-pop 0.3s ease forwards;
-    &.show {
-    animation: show-pop 0.3s ease forwards;
-  }
-}
-
-.popover-wrapper {
-  overflow-y: auto;
-  position: relative;
-  overscroll-behavior: none;
-  border-radius: 1rem;
-  width: 90%;
-  height: 90%;
-  transform: scale(0.95);
-  opacity: 0;
-  transition: opacity 0.3s ease, transform 0.3s ease;
-  -moz-transition: opacity 0.3s ease, -moz-transform 0.3s ease;
-  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
-  -o-transition: opacity 0.3s ease, -o-transform 0.3s ease;
-    &.show {
-    transform: scale(1);
-    -moz-transform: scale(1);
-    -webkit-transform: scale(1);
-    -o-transform: scale(1);
-    opacity: 1;
-  }
-}
-
-.popover-content {
-  position: relative;
-  height: 100%;
-  overflow-y: auto;
-  -webkit-overflow-scrolling: touch;
-  overscroll-behavior: contain;
-}
-
-.popover-close-button {
-  position: absolute;
-  top: 0.5rem;
-  right: 0.75rem;
-  background: none;
-  border: none;
-  font-size: 1.5rem;
-  cursor: pointer;
-  padding: 0 1rem;
-  &:focus:not(:focus-visible) {
-  }
-  &:focus-visible {
-  }
-}
-
-.popover-buttons {
-  display: flex;
-  justify-content: flex-end;
-  gap: 1rem;
-  margin-top: 1.5rem;
-}
-
-.popover-buttons button {
-  background-color: inherit;
-  transition: ease-in-out 0.3s;
-  padding: 0.5rem 1rem;
-  font-size: 1rem;
-  cursor: pointer;
-  &:hover {
-  }
-  @media (hover: none) {
-    &:hover { 
-    }
-  }
-}
-
-@keyframes show-pop {
-  from { opacity: 0 }
-  to { opacity: 1 }
-}
-
-@keyframes hide-pop {
-  from { opacity: 1 }
-  to { opacity: 0 }
-}

package/templates/base/src/styles/core/_snackbar.scss.hbs

@@ -1,50 +0,0 @@
-@use "sass:map";
-@use "variables" as *;
-{{#if stylinNutin}}
-@use "mixins";
-{{/if}}
-
-.app-snackbar {
-  position: fixed;
-  left: 50%;
-  transform: translateX(-50%);
-  {{#if stylinNutin}}
-  @include mixins.flex-center;
-  {{else}}
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  {{/if}}
-  background: $snack-default;
-  color: white;
-  padding: 0.75rem 1.5rem;
-  border-radius: 0.5rem;
-  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
-  gap: 1rem;
-  animation: fade-in 0.3s ease;
-  {{#if stylinNutin}}
-  @include mixins.respond-to(medium) {
-    min-width: 80%;
-  }
-  {{/if}}
-}
-
-.app-snackbar--bottom { bottom: 1rem; }
-.app-snackbar--top { top: 1rem; }
-
-.app-snackbar--success { background: $snack-success; }
-.app-snackbar--error { background: $snack-error; }
-.app-snackbar--info { background: $snack-info; }
-
-.app-snackbar button {
-  background: transparent;
-  border: none;
-  color: #fff;
-  font-weight: bold;
-  cursor: pointer;
-}
-
-@keyframes fade-in {
-  from { opacity: 0; transform: translateX(-50%) translateY(10px); }
-  to { opacity: 1; transform: translateX(-50%) translateY(0); }
-}

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

@@ -1,25 +0,0 @@
-import esbuild from 'esbuild';
-import path from 'path';
-import { exit } from 'process';
-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,
-    keepNames: true, // View names are used to update meta.title
-  });
-
-  if (isVerbose) print.boldInfo(`ESBuild complete.\n`);
-}
-
-build().catch((err) => {
-  print.boldError(`ESBuild failed: ${err.message}`);
-  exit(1);
-});

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

@@ -1,60 +0,0 @@
-import { minify } from 'html-minifier-terser';
-{{#unless template}}
-import fs from 'fs';
-import { exit } from 'process';
-import { getFilesRecursive, print, isProd, isVerbose } from '../../utils/index.js';
-import { PATHS } from './paths.js';
-{{/unless}}
-
-{{#if template}}export {{/if}}async function minifyHTML(html) {
-  return minify(html, {
-    collapseWhitespace: true,
-    removeComments: true,
-    removeRedundantAttributes: true,
-    removeScriptTypeAttributes: true,
-    removeStyleLinkTypeAttributes: true,
-    useShortDoctype: true,
-    keepClosingSlash: true,
-    minifyCSS: true,
-    minifyJS: true,
-  });
-}
-
-{{#unless template}}
-const TEMPLATE_REGEX =
-  /const\s+(template|templateFn)\s*=?\s*(?:\(.*?\)\s*=>\s*)?`([\s\S]*?)`/gm;
-
-async function minifyInlineHTML() {
-  const extension = isProd ? '.ts' : '.js';
-  const jsFiles = getFilesRecursive(PATHS.tempApp, extension);
-
-  for (const file of jsFiles) {
-    let code = fs.readFileSync(file, 'utf8');
-    let hasChanges = false;
-
-    const matches = [...code.matchAll(TEMPLATE_REGEX)];
-
-    if (matches.length) {
-      for (const match of matches) {
-        const [full, , html] = match;
-        const minified = await minifyHTML(html);
-        const minifiedBlock = full.replace(html, minified);
-        code = code.replace(full, minifiedBlock);
-        hasChanges = true;
-      }
-    }
-
-    if (hasChanges) {
-      fs.writeFileSync(file, code, 'utf8');
-      if (isVerbose) print.info(`Minified inline HTML in: ${file}`);
-    }
-  }
-  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.js.hbs

@@ -1,22 +0,0 @@
-import * as sass from 'sass';
-import * as fs from 'fs';
-import path from 'path';
-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 = builderConfig.sass.paths;
-
-const pathsToLoad = scssOrigins.map(origin => scssPath(origin));
-
-sass.compileAsync(path.join(stylesInput, 'main.scss'), {
-  loadPaths: [ ...pathsToLoad ],
-  style: 'compressed'
-}).then(result => {
-  fs.writeFileSync(stylesOutput, result.css);
-  if (isVerbose) print.boldInfo('Global styles compiled.\n');
-});

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

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

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

@@ -1,17 +0,0 @@
-import { getRelToCore } from "../../utils/get-rel-to-core.js";
-
-export const serviceTemplate = (name, targetPath) => {
-  const relToCore = getRelToCore(targetPath);
-
-  return `import { Service } from '${relToCore}';
-
-export class ${name.pascal} extends Service<${name.pascal}> {  
-  constructor() {
-    super();
-  }
-
-}
-
-export const ${name.pascal}Service = ${name.pascal}.getInstance();
-`;
-}

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

@@ -1,6 +0,0 @@
-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 || builderConfig.verbose;

package/templates/features/deployHelper/tools/builder/core/compress-files.js.hbs

@@ -1,56 +0,0 @@
-import { readFileSync, writeFileSync } from 'fs';
-import { gzipSync
-// BROTLI OPTIONAL
-//, brotliCompressSync, constants 
-} from 'zlib';
-import { print, getFilesRecursive, isVerbose } from '../../utils/index.js';
-import { PATHS } from './paths.js';
-import builderConfig from '../../../builder.config.js';
-
-const compress = {
-  gzip: builderConfig.compression.gzip,
-  // BROTLI OPTIONAL
-  // brotli: builderConfig.compression.brotli,
-};
-
-function compressStaticAssets() {
-  if (
-    !compress.gzip 
-    // BROTLI OPTIONAL
-    // && !compress.brotli
-  ) return;
-
-  const files = getFilesRecursive(PATHS.tempSource, ['.js', '.css', '.json', '.svg', 'ttf', 'otf', 'eot']);
-  
-  files.forEach(file => {
-    const content = readFileSync(file);
-    
-    if (compress.gzip) {
-      const gzipped = gzipSync(content, {
-        level: 9,
-        memLevel: 9,
-        windowBits: 15
-      });
-      writeFileSync(`${file}.gz`, gzipped);
-      if (isVerbose) print.info(`Gzip compression: ${file}`);
-    }
-
-    // BROTLI OPTIONAL
-    /*
-    if (compress.brotli) {
-     const brotlied = brotliCompressSync(content, {
-       params: {
-         [constants.BROTLI_PARAM_QUALITY]: 11,
-         [constants.BROTLI_PARAM_LGWIN]: 22,
-         [constants.BROTLI_PARAM_MODE]: constants.BROTLI_MODE_GENERIC,
-         [constants.BROTLI_PARAM_SIZE_HINT]: content.length
-       }
-     });
-     writeFileSync(`${file}.br`, brotlied);
-     if (isVerbose) print.info(`Brotli compression: ${file}`);
-    }
-    */
-  });
-}
-
-compressStaticAssets();

package/templates/features/deployHelper/tools/deployment/Dockerfile.hbs

@@ -1,30 +0,0 @@
-ARG NODE_VERSION=22.3.0
-ARG NGINX_VERSION=1.27-alpine
-ARG PORT=9090
-
-FROM node:${NODE_VERSION} AS builder
-WORKDIR /usr/src/app
-COPY ./src ./src
-COPY ./package* .
-COPY ./builder.config.js .
-{{#if i18n}}
-COPY ./config ./config
-{{/if}}
-COPY ./tools/builder ./tools/builder
-COPY ./tools/deployment ./tools/deployment
-COPY ./tools/utils ./tools/utils
-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/dist/src /usr/share/nginx/html
-
-EXPOSE ${PORT}
-
-HEALTHCHECK --interval=30s --timeout=3s --start-period=5s --retries=3 \
-    CMD curl -f http://localhost:${PORT}/health || exit 1
-
-CMD ["nginx", "-g", "daemon off;"]

package/templates/features/i18n/src/app/views/home/locales/en.json.hbs

@@ -1,9 +0,0 @@
-{
-  "meta" : {
-    "title": "Home",
-    "description": "Landing page"
-  },
-  "title": "{{projectName}}",
-  "ready": "You're all set !",
-  "enjoy": "Happy Coding 🎉"
-}

package/templates/features/i18n/src/app/views/not-found/locales/en.json

@@ -1,8 +0,0 @@
-{
-  "meta" : {
-    "title": "Page Not Found",
-    "description": "404 Page"
-  },
-  "content": "This page doesn't exist.",
-  "redirect": "Back to home"
-}

package/templates/features/i18n/src/app/views/not-found/locales/fr.json

@@ -1,8 +0,0 @@
-{
-  "meta" : {
-    "title": "Page introuvable",
-    "description": "Page 404"
-  },
-  "content": "Cette page n'existe pas.",
-  "redirect": "Retourner à l'accueil."
-}

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

@@ -1,3 +0,0 @@
-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

@@ -1,125 +0,0 @@
-import { I18nService } from '#root/dist/src/core/services/index.js';
-
-class FetchMock {
-  constructor() {
-    this.originalFetch = global.fetch;
-    this.mockResponses = new Map();
-  }
-  
-  mockTranslation(lang, data) {
-    this.mockResponses.set(`/locales/${lang}.json`, {
-      ok: true,
-      status: 200,
-      json: () => Promise.resolve(data)
-    });
-    return this;
-  }
-
-  mockError(url, status = 404) {
-    this.mockResponses.set(url, {
-      ok: false,
-      status,
-      json: () => Promise.reject(new Error(`HTTP ${status}`))
-    });
-    return this;
-  }
-  
-  install() {
-    global.fetch = (url) => {      
-      if (this.mockResponses.has(url)) {
-        const response = this.mockResponses.get(url);
-        return Promise.resolve(response);
-      }
-
-      return this.originalFetch ? this.originalFetch(url) : Promise.reject(new Error('fetch not available'));
-    };
-    return this;
-  }
-  
-  restore() {
-    global.fetch = this.originalFetch;
-    this.mockResponses.clear();
-  }
-}
-
-const fetchMock = new FetchMock();
-
-describe('i18n module', async () => {
-  let originalLanguage;
-
-  beforeEach(async () => {
-    I18nService.resetTranslations();
-    fetchMock
-      .mockTranslation('en', { home: { title : 'My App', subtitle: "English subtitle" }})
-      .mockTranslation('fr', { home: { title : 'Mon App' }})
-      .install();
-  });
-  afterEach(() => {
-    fetchMock.restore();
-  });
-
-  beforeAll(() =>{
-    originalLanguage = navigator.language;    
-    Object.defineProperty(navigator, 'language', {
-      writable: true,
-      configurable: true,
-      value: "en-US"
-    });
-    I18nService['_LANGUAGES'] = [ 'en', 'fr' ];
-    I18nService['_DEFAULT_LANGUAGE'] = 'en';
-  });
-  afterAll(() => {    
-    Object.defineProperty(navigator, 'language', {
-      writable: true,
-      configurable: true,
-      value: originalLanguage
-    });
-  });
-
-  it('should load and use English translations', async () => {
-    await I18nService.initTranslations();
-    expect(I18nService.currentLanguage).toBe('en');
-    expect(I18nService.translate('home.title')).toBe('My App');
-  });
-
-  it('should load and use French translations', async () => {
-    Object.defineProperty(navigator, 'language', {
-      writable: true,
-      configurable: true,
-      value: "fr-FR"
-    });
-    await I18nService.initTranslations();
-    expect(I18nService.currentLanguage).toBe('fr');
-    expect(I18nService.translate('home.title')).toBe('Mon App');
-  });
-
-  it('should default to English translations', async () => {
-    // missing locale
-    Object.defineProperty(navigator, 'language', {
-      writable: true,
-      configurable: true,
-      value: "de-DE"
-    });
-    await I18nService.initTranslations();
-    expect(navigator.language).toBe('de-DE');
-    expect(I18nService.currentLanguage).toBe('en');
-    expect(I18nService.translate('home.title')).toBe('My App');
-    I18nService.resetTranslations();
-
-    // missing translation
-    Object.defineProperty(navigator, 'language', {
-      writable: true,
-      configurable: true,
-      value: "fr-FR"
-    });
-    await I18nService.initTranslations();
-    expect(navigator.language).toBe('fr-FR');
-    expect(I18nService.currentLanguage).toBe('fr');
-    expect(I18nService.translate('home.title')).toBe('Mon App');
-    expect(I18nService.translate('home.subtitle')).toBe('English subtitle');
-  });
-
-  it('should return key when translation is missing', () => {
-    expect(I18nService.translate('non.existent.key')).toBe('non.existent.key');
-  });
-});

package/templates/features/i18n/tools/generator/templates/json.template.js.hbs

@@ -1,8 +0,0 @@
-export const jsonTemplate = (name) => `{
-  "meta": {
-    "title": "${name.pascal}",
-    "description": "${name.pascal}"
-  },
-  "default": "${name.pascal} works !"
-}
-`;

package/templates/features/i18n/tools/utils/languages.js.hbs

@@ -1,7 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-
-const langsPath = path.join(process.cwd(), 'config', 'languages.json');
-const langs = JSON.parse(fs.readFileSync(langsPath, 'utf-8'));
-export const LANGUAGES = langs.languages;
-export const DEFAULT_LANGUAGE = langs.defaultLanguage;

package/templates/features/stylinNutin/src/styles/_custom-classes.scss.hbs

@@ -1,9 +0,0 @@
-@use "sass:map";
-@use "variables" as *;
-@use "mixins";
-
-/*
-	 Add your classes here
-	 Custom classes prefix : 'c-'
-	 ( prefix view-specific classes with viewname__ )
-*/