@nutin/cli 1.3.1 → 2.1.0

package/templates/features/stylinNutin/src/styles/core/_utilities.scss.hbs

@@ -1,254 +0,0 @@
-@use "sass:map";
-@use "variables" as *;
-@use "mixins";
-
-// Utility classes prefix : 'u-'
-
-// font size
-@each $name, $size in $font-sizes {
-  .u-font-#{$name} {
-    font-size: $size;
-  }
-}
-
-// padding
-@each $name, $space in $spacings {
-  .u-padd-x-#{$name} {
-    padding-left: $space;
-    padding-right: $space;
-  }
-}
-@each $name, $space in $spacings {
-  .u-padd-y-#{$name} {
-    padding-top: $space;
-    padding-bottom: $space;
-  }
-}
-
-//margin
-@each $name, $space in $spacings {
-  .u-marg-x-#{$name} {
-    margin-left: $space;
-    margin-right: $space;
-  }
-}
-@each $name, $space in $spacings {
-  .u-marg-y-#{$name} {
-    margin-top: $space;
-    margin-bottom: $space;
-  }
-}
-
-//border-radius
-@each $name, $radius in $border-radius {
-  .u-rounded-#{$name} {
-    border-radius: $radius;
-  }
-}
-
-// box-shadow
-@each $name, $shadow in $shadows {
-  .u-shadow-#{$name} {
-    box-shadow: $shadow;
-  }
-}
-
-// transition
-@each $name, $transition in $transitions {
-  .u-transition-#{$name} {
-    transition: $transition;
-  }
-}
-
-.u-hide-on-small {
-  @include mixins.respond-to(medium) {
-    display: none;
-  }
-}
-
-.u-hide {
-    display: none;
-}
-
-// color
-.u-color-base {
-  color: $text-color;
-}
-
-.u-color-prim {
-  color: $primary-color;
-}
-
-.u-color-sec {
-  color: $secondary-color;
-}
-
-.u-color-acc {
-  color: $accent-color;
-}
-
-.u-color-bg {
-  color: $background-color;
-}
-
-// font weight / style
-.u-italic {
-  font-style: italic;
-}
-
-.u-bold {
-  font-weight: bold;
-}
-
-.u-font-secondary {
-  font-family: $secondary-font;
-}
-
-.u-font-primary {
-  font-family: $primary-font;
-}
-
-// text
-.u-text-center {
-  text-align: center;
-}
-
-.u-text-right {
-  text-align: right;
-}
-
-.u-text-left {
-  text-align: left;
-}
-
-// flex
-.u-flex-center {
-  @include mixins.flex-center;
-}
-
-.u-flex-column {
-  @include mixins.flex-column;
-}
-
-.u-flex-row {
-  @include mixins.flex-row;
-}
-
-.u-flex-between {
-  @include mixins.flex-between;
-}
-
-.u-flex-around {
-  @include mixins.flex-around;
-}
-
-.u-flex-wrap {
-  @include mixins.flex-wrap;
-}
-
-//
-.u-ellipsis {
-  @include mixins.text-ellipsis;
-}
-
-.u-clamp-2 {
-  @include mixins.line-clamp(2);
-}
-
-// positioning
-.u-absolute-center {
-  @include mixins.absolute-center;
-}
-
-.u-fixed-full {
-  @include mixins.fixed-full;
-}
-
-// backgrounds
-.u-bg-base {
-  background-color: $background-color;
-}
-
-.u-bg-inherit {
-  background-color: inherit;
-}
-
-.u-bg-primary {
-  background-color: $primary-color;
-}
-
-.u-bg-secondary {
-  background-color: $secondary-color;
-}
-
-.u-bg-gradient-right {
-  @include mixins.bg-gradient(right, rgba($primary-color, .7), rgba($secondary-color, .7));
-}
-
-.u-bg-gradient-left {
-  @include mixins.bg-gradient(left, rgba($primary-color, .7), rgba($secondary-color, .7));
-}
-
-.u-bg-gradient-top {
-  @include mixins.bg-gradient(top, rgba($primary-color, .7), rgba($secondary-color, .7));
-}
-
-.u-bg-gradient-bottom {
-  @include mixins.bg-gradient(bottom, rgba($primary-color, .7), rgba($secondary-color, .7));
-}
-
-.u-bg-cover {
-  @include mixins.bg-cover;
-}
-
-.u-img-cover {
-  @include mixins.image-cover;
-}
-
-// animations
-.u-transition {
-  @include mixins.transition(all 0.3s ease);
-}
-
-.u-hover-scale {
-  @include mixins.hover-scale;
-}
-
-// borders / radius
-.u-border {
-  @include mixins.border($primary-color);
-}
-
-.u-border-none {
-  border: 0px solid white;
-}
-
-.u-rounded {
-  @include mixins.rounded;
-}
-
-// utility
-.u-btn-disabled {
-  @include mixins.button-disabled;
-}
-
-.u-hide {
-  @include mixins.hide;
-}
-
-.u-sr-only {
-  @include mixins.sr-only;
-}
-
-.u-clearfix {
-  @include mixins.clearfix;
-}
-
-.u-pointer {
-  @include mixins.cursor-pointer;
-}
-
-.u-pre-wrap {
-  white-space:pre-wrap;
-  overflow-wrap:break-word;
-}

package/templates/features/stylinNutin/tools/generator/templates/scss.template.js.hbs

@@ -1,4 +0,0 @@
-export const scssTemplate = () => `@use "sass:map";
-@use "variables" as *;
-@use "mixins";
-`;

package/templates/features/template/src/app/views/home/home.view.html.hbs

@@ -1,56 +0,0 @@
-<div 
-{{#if stylinNutin}}
-  class="u-flex-center u-flex-column u-padd-y-large"
-{{else}}
-  style="display:flex;justify-content:center;align-items:center;flex-direction:column;padding-top:1rem;padding-bottom:1rem;"
-{{/if}}>
-  <h1 
-  {{#if i18n}}
-    data-i18n="home.title"
-  {{/if}} 
-  {{#if stylinNutin}}
-    class="u-color-prim u-font-largest u-bold u-font-secondary"
-    style="color:#6C8359;"
-  {{else}}
-    style="color:#6C8359;font-size:2rem;font-weight:bold;"
-  {{/if}}
-  >{{#unless i18n}}{{projectName}}{{/unless}}</h1>
-  <span 
-  {{#if stylinNutin}}
-    class="u-italic u-font-smallest u-font-secondary"
-  {{else}}
-    style="font-style:italic;font-size:0.75rem;"
-  {{/if}}
-  >nutin v{{version}}</span>
-  <img src="/assets/images/logo-trans.avif" width=250 height=250 alt="nutin's logo. A frame opened on the top left through which a plant grows.">
-  <div 
-  {{#if i18n}}
-    data-i18n="home.ready" 
-  {{/if}}
-  {{#if stylinNutin}}
-    class="u-font-large u-padd-y-medium" 
-    style="margin-top:-2rem;"
-  {{else}}
-    style="font-size:1.5rem;paddin-top:1rem;padding-bottom:1rem;margin-top:2rem;"
-  {{/if}}
-  >{{#unless i18n}}You're all set !{{/unless}}</div>
-  <div 
-  {{#if i18n}}
-    data-i18n="home.enjoy" 
-  {{/if}}
-  {{#if stylinNutin}}
-    class="u-font-large u-color-sec"
-    style="color:#C56648;"
-  {{else}}
-    style="color:#C56648;font-size:1.5rem;"
-  {{/if}}
-  >{{#unless i18n}}Happy Coding 🎉{{/unless}}</div>
-  <div 
-  {{#if stylinNutin}}
-    class="u-italic u-font-secondary u-font-small" 
-    {{#unless transition}}style="position:fixed;bottom:0;"{{/unless}}
-  {{else}}
-    style="font-size:.875rem;font-style:italic;{{#unless transition}}position:fixed;bottom:0;{{/unless}}"
-  {{/if}}
-  >so lightweight it's <span {{#if stylinNutin}}class="u-bold"{{else}}style="font-weight:bold;"{{/if}}>nutin</span>.</div>
-</div>

package/templates/features/template/src/app/views/not-found/not-found.view.html.hbs

@@ -1,19 +0,0 @@
-<div 
-{{#if stylinNutin}}
-  class="u-flex-center u-flex-column u-padd-y-large"
-{{else}}
-  style="display:flex;justify-content:center;align-items:center;flex-direction:column"
-{{/if}}>
-  <h1 
-  {{#if i18n}}
-    data-i18n="not-found.content" 
-  {{/if}}
-  {{#if stylinNutin}}
-    class="u-color-sec u-font-largest u-bold u-font-secondary"
-  {{else}}
-    style="font-size:2rem;font-weight:bold;"
-  {{/if}}
-  >{{#unless i18n}}Page Not Found{{/unless}}</h1>
-  <img src="/assets/images/logo-small-trans.avif" width=250 height=250 alt="nutin's small logo with a growing plant.">
-  <div data-component="home"></div>
-</div>

package/templates/features/template/tools/builder/core/merge-templates.js.hbs

@@ -1,49 +0,0 @@
-import fs from 'fs/promises';
-import path from 'path';
-import { exit } from 'process';
-import { getFilesRecursive, print, isVerbose, isProd } from '../../utils/index.js';
-import { minifyHTML } from './minify-html.js';
-import { PATHS } from './paths.js';
-
-const PLACEHOLDER = '__TEMPLATE_PLACEHOLDER__';
-
-async function mergeTemplates() {
-  const htmlFiles = await getFilesRecursive(PATHS.tempApp, 'html');
-  const fileExtension = isProd ? '.ts' : '.js';
-
-  for (const htmlPath of htmlFiles) {
-    const jsPath = htmlPath.replace(/\.html$/, fileExtension);
-    const htmlFilename = path.basename(htmlPath);
-    const jsFilename = path.basename(jsPath);
-
-    try {
-      const htmlContent = await fs.readFile(htmlPath, 'utf-8');
-      const minifiedHtml = await minifyHTML(htmlContent);
-      if (isVerbose) print.info(`Minified HTML: ${htmlPath}`);
-
-      try {
-        let jsContent = await fs.readFile(jsPath, 'utf-8');
-        if (!jsContent.includes(PLACEHOLDER)) {
-          print.boldError(`WARNING: No matching placeholder in ${jsFilename}`);
-          print.error(`Make sure the template const is \`${PLACEHOLDER}\`.`);
-          exit(1);
-        }
-
-        jsContent = jsContent.replace(PLACEHOLDER, minifiedHtml);
-        await fs.writeFile(jsPath, jsContent);
-        await fs.unlink(htmlPath);
-        if (isVerbose) print.info(`Updated ${jsFilename} with template from ${htmlFilename}.`);
-      } catch (err) {
-        print.boldError(`ERROR: Cannot update ${jsFilename}. ${err.message}`);
-      }
-    } catch (err) {
-      print.boldError(`ERROR: Failed to read ${htmlFilename}. ${err.message}`);
-    }
-  }
-  if (isVerbose) print.info(`HTML templates minified and merged in scripts.\n`)
-}
-
-mergeTemplates().catch((err) => {
-  print.boldError(`Unexpected error: ${err.message}`);
-  exit(1);
-});

package/templates/features/template/tools/generator/templates/html.template.js.hbs

@@ -1,2 +0,0 @@
-export const htmlTemplate = (name) => `<div {{#if i18n}}data-i18n="${name.kebab}.default"{{/if}}>{{#unless i18n}}${name.pascal} works !{{/unless}}</div>
-`;

package/templates/features/testinNutin/testin-nutin/core/index.js.hbs

@@ -1,5 +0,0 @@
-export * from './src/globals/jsdom-setup.js';
-export * from './src/globals/register-test-globals.js';
-export * from './src/utils/print.js';
-export * from './src/utils/test-discovery.js';
-export * from './src/utils/test-queue.js';

package/templates/features/testinNutin/testin-nutin/core/src/utils/print.js.hbs

@@ -1,64 +0,0 @@
-import config from '#root/testin-nutin.config.js';
-
-export function printSummary(passed, failed, time) {
-  const totalTime = time.toFixed(2);
-  const total = passed + failed;
-  print.boldBlue(`\nTest Summary`);
-  print.boldInfo(`✓ ${passed} passed`);
-  print.boldError(`✗ ${failed} failed`);
-  print.info(`📖 ${total} total`);
-  print.info(`⌚️ Time: ${totalTime}ms \n`);
-}
-
-export function printResults(results) {
-  const sortedResults = results.sort((a, b) => {
-    if (a.status === 'passed' && b.status === 'failed') return -1;
-    if (a.status === 'failed' && b.status === 'passed') return 1;
-    return 0;
-  });
-
-  sortedResults.forEach(result => {
-    if (result.status === 'passed') {
-      if (config.verbose ) console.log(`${chalk.green('✓')} ${chalk.cyan(`${result.suiteName}`)} - ${chalk.green(`${result.name}`)}`);
-    } else {
-      print.error(`✗ ${result.suiteName} - ${result.name}`);
-      print.grayError(result.error);
-    }
-  });
-}
-
-export function printStart() {
-  print.boldHead('\nRunning tests...');  
-}
-
-export const chalk = {
-  green: (s) => `\x1b[32m${s}\x1b[0m`,
-  red: (s) => `\x1b[31m${s}\x1b[0m`,
-  blue: (s) => `\x1b[34m${s}\x1b[0m`,
-  yellow: (s) => `\x1b[33m${s}\x1b[0m`,
-  cyan: (s) => `\x1b[36m${s}\x1b[0m`,
-  purple: (s) => `\x1b[35m${s}\x1b[0m`,
-  gray: (s) => `\x1b[90m${s}\x1b[0m`,
-  boldGreen: (s) => `\x1b[1;32m${s}\x1b[0m`,
-  boldRed: (s) => `\x1b[1;31m${s}\x1b[0m`,
-  boldBlue: (s) => `\x1b[1;34m${s}\x1b[0m`,
-  boldYellow: (s) => `\x1b[1;33m${s}\x1b[0m`,
-  boldCyan: (s) => `\x1b[1;36m${s}\x1b[0m`,
-  boldPurple: (s) => `\x1b[1;35m${s}\x1b[0m`,
-};
-
-export const print = {
-  head: (s) => console.log(`${chalk.purple(s)}`),  
-  boldHead : (s) => console.log(`${chalk.boldPurple(s)}`),
-  section: (s) => console.log(`${chalk.yellow(s)}`),
-  boldSection: (s) => console.log(`${chalk.boldYellow(s)}`),
-  info: (s) => console.log(`${chalk.green(s)}`),
-  boldInfo: (s) => console.log(`${chalk.boldGreen(s)}`),
-  success: (s) => console.log(`${chalk.cyan(s)}`),
-  boldSuccess: (s) => console.log(`${chalk.boldCyan(s)}`),
-  error: (s) => console.error(`${chalk.red(s)}`),
-  boldError: (s) => console.error(`${chalk.boldRed(s)}`),
-  grayError: (s) => console.error(`${chalk.gray(s)}`),
-  blue: (s) => console.log(`${chalk.blue(s)}`),
-  boldBlue: (s) => console.log(`${chalk.boldBlue(s)}`),
-}

package/templates/features/testinNutin/testin-nutin/core/src/utils/test-queue.js.hbs

@@ -1,64 +0,0 @@
-import Queue from './queue.js';
-import { printStart, printSummary, printResults } from './print.js';
-
-const testQueue = new Queue();
-let passed = 0;
-let failed = 0;
-let elapsedTime;
-
-export function addTest(test) {
-  testQueue.enqueue(test);
-}
-
-export async function runQueuedTests() {
-  printStart();
-  const startTime = performance.now();
-  const testAmount = testQueue.length;
-  const results = [];
-  let previousSuite = null;
-  let previousSuiteAfterAll = null;
-  let test;
-  
-  for (let i = 0; i < testAmount; i++) {
-    try {
-      test = testQueue.deque();
-
-      if (test.suiteName !== previousSuite) {
-        teardownJsdom();
-        if (previousSuiteAfterAll) {
-          await previousSuiteAfterAll();
-        }
-        setupJsdom();
-        if (test.beforeAll) {
-          await test.beforeAll();
-        }
-        previousSuite = test.suiteName;
-        previousSuiteAfterAll = test.afterAll;
-      }
-
-      if (test.beforeEach) await test.beforeEach();
-      await test.testFn();
-      if (test.afterEach) await test.afterEach();
-
-      passed++;
-      results.push({ 
-        suiteName: test.suiteName, 
-        status: 'passed', 
-        name: test.testName 
-      });
-    } catch (err) {
-      failed++;
-      results.push({ 
-        suiteName: test.suiteName, 
-        status: 'failed', 
-        name: test.testName, 
-        error: err.stack
-      });
-    }
-  }
-  
-  const endTime = performance.now();
-  elapsedTime = (endTime - startTime);
-  printResults(results);
-  printSummary(passed, failed, elapsedTime);
-}

package/templates/features/testinNutin/testin-nutin/core/tests/globals-each-all.test.js.hbs

@@ -1,28 +0,0 @@
-describe('globals beforeEach/All and afterEach/All', () => {
-  let beforeEachCount = 0;
-  let beforeAllCount = 0;
-  let afterEachCount = 0;
-
-  beforeAll(() => {
-  	beforeAllCount++;
-  });
-  beforeEach(() => {
-    beforeEachCount++;
-  });
-  afterEach(() => {
-    afterEachCount++;
-  });
-  afterAll(() => {
-  	console.debug('afterAll called.');
-  });
-	it('should be called once for all and once for each', () => {
-		expect(beforeAllCount).toEqual(1);
-		expect(beforeEachCount).toEqual(1);
-		expect(afterEachCount).toEqual(0);
-	});
-	it('should be called once for all and twice for each', () => {
-		expect(beforeAllCount).toEqual(1);
-		expect(beforeEachCount).toEqual(2);
-		expect(afterEachCount).toEqual(1);
-	});
-})

package/templates/features/testinNutin/testin-nutin/mocks/mock-store.js.hbs

@@ -1,38 +0,0 @@
-import { createMockMethod } from './create-mock-method.js';
-
-export class MockStore {
-  constructor() {
-    this._state = {};
-
-    this.set = createMockMethod((key, value) => {
-      this._state[key] = value;
-    });
-
-    this.get = createMockMethod((key) => {
-      return this._state[key];
-    });
-
-    this.subscribe = createMockMethod();
-    this.unsubscribe = createMockMethod();
-
-    this.clear = createMockMethod(() => {
-      this._state = {};
-    });
-
-    this.onDestroy = createMockMethod();
-    this.disposeStore = createMockMethod(() => {
-      this.clear();
-    });
-  }
-
-  reset() {
-    this.set.mockReset();
-    this.get.mockReset();
-    this.subscribe.mockReset();
-    this.unsubscribe.mockReset();
-    this.clear.mockReset();
-    this.onDestroy.mockReset();
-    this.disposeStore.mockReset();
-    this._state = {};
-  }
-}

package/templates/features/testinNutin/testin-nutin/runner.js.hbs

@@ -1,36 +0,0 @@
-import { registerTestGlobals, getTestFiles, runQueuedTests, print } from './core/index.js';
-import path from 'path';
-import config from '#root/testin-nutin.config.js';
-
-registerTestGlobals();
-
-let testFiles = config.origins.flatMap(
-  origin => getTestFiles(`../${origin}`)
-);
-
-const args = process.argv.slice(2);
-if (args.length) {
-  testFiles = testFiles.filter(file => args.some(f => file.includes(f)));
-}
-
-async function loadTestFile(file) {
-  setupJsdom();
-  await import(file);
-  teardownJsdom();
-}
-
-async function runTests() {
-  if (config.verbose) print.head('Test suites :');
-  for (const file of testFiles) {
-    try {
-      await loadTestFile(file);
-    } catch (error) {
-      print.boldError(`✗ ${file} failed to load:`);
-      print.grayError(error.stack);
-    }
-  }
-
-  await runQueuedTests();
-}
-
-runTests();

package/templates/features/testinNutin/testin-nutin/watch-tests.js.hbs

@@ -1,21 +0,0 @@
-import chokidar from 'chokidar';
-import { exec } from 'child_process';
-import path from 'path';
-import { print } from './core/index.js'
-
-const watcher = chokidar.watch(['src', 'test', 'unit', 'e2e'], {
-  ignored: /(^|[/\\])\../,
-  persistent: true,
-});
-
-print.boldHead('Watching for test changes...')
-
-watcher.on('change', (filePath) => {
-  console.clear();
-  print.boldInfo(`\n🔄 File changed: ${path.relative(process.cwd(), filePath)}\n`);
-
-  exec('node --experimental-modules testin-nutin/runner.js', (err, stdout, stderr) => {
-    if (stdout) process.stdout.write(stdout);
-    if (stderr) process.stderr.write(stderr);
-  });
-});

package/templates/features/testinNutin/testin-nutin.config.js.hbs

@@ -1,14 +0,0 @@
-export default {
-	origins: [
-		'src/app', // actual app code
-		// 'src/core', // toolkit core logic
-		// 'testin-nutin/core/tests', // test globals
-	],
-	jsdomOptions: {
-    runScripts: false,     // or true ("dangerously") if needed
-    resources: false,      // or true ("usable") if needed
-    freezeGlobals: false,
-    pretendToBeVisual: true,
-  },
-	verbose: false,
-}