newportsite 1.1.3

package/ng-package.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  },
+  "dest": "../../dist/newportsite"
+}

package/obfuscate.js

@@ -0,0 +1,70 @@
+const obfuscator = require('javascript-obfuscator');
+const fs = require('fs');
+const path = require('path');
+const { execSync } = require('child_process');
+
+const SRC_DIR = path.join(__dirname, '../../dist/newportsite');
+const OUT_DIR = path.join(__dirname, '../../dist/newportsite-obfuscated');
+
+// Sync version.ts with package.json so the displayed version is always correct
+const pkg = JSON.parse(fs.readFileSync(path.join(__dirname, 'package.json'), 'utf8'));
+const versionFile = path.join(__dirname, 'src/lib/version.ts');
+fs.writeFileSync(versionFile, `export const PACKAGE_VERSION = '${pkg.version}';\n`, 'utf8');
+console.log(`version.ts synced to ${pkg.version}`);
+
+function ensureDirSync(dir) {
+  if (!fs.existsSync(dir)) fs.mkdirSync(dir, { recursive: true });
+}
+
+function obfuscateDir(src, out) {
+  ensureDirSync(out);
+  for (const file of fs.readdirSync(src)) {
+    const srcPath = path.join(src, file);
+    const outPath = path.join(out, file);
+    if (fs.statSync(srcPath).isDirectory()) {
+      obfuscateDir(srcPath, outPath);
+    } else if (file.endsWith('.map')) {
+      // drop source maps — they would reverse the obfuscation
+    } else if (file.endsWith('.js') || file.endsWith('.mjs')) {
+      const code = fs.readFileSync(srcPath, 'utf8');
+      const result = obfuscator.obfuscate(code, {
+        compact: true,
+        controlFlowFlattening: true,
+        controlFlowFlatteningThreshold: 0.5,
+        deadCodeInjection: false,
+        stringArray: true,
+        stringArrayThreshold: 0.75,
+        sourceMap: false,
+      });
+      fs.writeFileSync(outPath, result.getObfuscatedCode(), 'utf8');
+    } else if (file === 'package.json') {
+      // fix package.json: remove the wrong relative `main`, keep the rest
+      const pkg = JSON.parse(fs.readFileSync(srcPath, 'utf8'));
+      delete pkg.main;
+      fs.writeFileSync(outPath, JSON.stringify(pkg, null, 2), 'utf8');
+    } else {
+      fs.copyFileSync(srcPath, outPath);
+    }
+  }
+}
+
+if (!fs.existsSync(SRC_DIR)) {
+  console.error('ERROR: dist/newportsite not found. Run "ng build newportsite" first.');
+  process.exit(1);
+}
+
+// clean previous output to avoid stale files (e.g. old .map files)
+if (fs.existsSync(OUT_DIR)) fs.rmSync(OUT_DIR, { recursive: true, force: true });
+
+obfuscateDir(SRC_DIR, OUT_DIR);
+console.log('Obfuscation complete:', OUT_DIR);
+
+// Pack from the obfuscated dist so the .tgz is self-contained
+execSync('npm pack', { cwd: OUT_DIR, stdio: 'inherit' });
+const tgzFiles = fs.readdirSync(OUT_DIR).filter(f => f.endsWith('.tgz'));
+if (tgzFiles.length) {
+  const tgzPath = path.join(OUT_DIR, tgzFiles[0]);
+  const dest = path.join(__dirname, tgzFiles[0]);
+  fs.copyFileSync(tgzPath, dest);
+  console.log('Package ready:', dest);
+}

package/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "newportsite",
+  "version": "1.1.3",
+  "sideEffects": false,
+  "peerDependencies": {
+    "@angular/common": "^21.0.0",
+    "@angular/core": "^21.0.0",
+    "@angular/forms": "^21.0.0",
+    "@angular/router": "^21.0.0"
+  },
+  "scripts": {
+    "build": "ng build newportsite --configuration production",
+    "publish": "ng build newportsite --configuration production && node obfuscate.js && npm publish --access public"
+  }
+}

package/src/lib/app.component.ts

@@ -0,0 +1,47 @@
+import {
+  ChangeDetectionStrategy,
+  Component,
+  inject,
+  signal,
+} from '@angular/core';
+import { Router, NavigationEnd, RouterOutlet } from '@angular/router';
+import { filter } from 'rxjs/operators';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { GlobalErrorHandler } from './services/global-error-handler';
+
+@Component({
+  selector: 'body',
+  template: `
+    <router-outlet><div [hidden]="!loading()" class="loader"></div></router-outlet>
+    @if (errorHandler.lastError()) {
+      <div
+        class="alert alert-danger alert-dismissible position-fixed bottom-0 start-50 translate-middle-x mb-3"
+        style="z-index:9999; min-width:300px"
+        role="alert"
+      >
+        {{ errorHandler.lastError() }}
+        <button type="button" class="btn-close" (click)="errorHandler.clearError()"></button>
+      </div>
+    }
+  `,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [RouterOutlet],
+})
+export class AppComponent {
+  private router = inject(Router);
+  readonly errorHandler = inject(GlobalErrorHandler);
+
+  loading = signal(true);
+
+  constructor() {
+    this.router.events
+      .pipe(
+        filter(evt => evt instanceof NavigationEnd),
+        takeUntilDestroyed()
+      )
+      .subscribe(() => {
+        this.loading.set(false);
+        window.scrollTo(0, 0);
+      });
+  }
+}

package/src/lib/app.routing.ts

@@ -0,0 +1,38 @@
+import { Routes } from '@angular/router';
+import { authGuard } from './auth/services/auth.service';
+
+// Import Containers
+import { DefaultLayoutComponent } from './containers';
+
+export const APP_ROUTES: Routes = [
+  {
+    path: '',
+    component: DefaultLayoutComponent,
+    data: {
+      title: 'Home',
+    },
+    children: [
+      {
+        path: 'home',
+        loadChildren: () =>
+          import('./home/index.routes').then(r => r.INDEX_ROUTES),
+      },
+      {
+        path: 'auth',
+        loadChildren: () =>
+          import('./auth/auth.routes').then(r => r.AUTH_ROUTES),
+      },
+      {
+        path: 'scheduler',
+        canActivate: [authGuard],
+        loadChildren: () =>
+          import('./scheduler/scheduler.routes').then(r => r.SCHEDULER_ROUTES),
+      },
+      {
+        path: '**',
+        redirectTo: '/home',
+        pathMatch: 'full',
+      },
+    ],
+  },
+];

package/src/lib/auth/alert.component.html

@@ -0,0 +1,5 @@
+@if (message()) {
+  <div [ngClass]="alertClass">
+    {{ message()?.text }}
+  </div>
+}

package/src/lib/auth/alert.component.ts

@@ -0,0 +1,24 @@
+import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
+import { AlertService } from './services/index';
+import { NgClass } from '@angular/common';
+import { toSignal } from '@angular/core/rxjs-interop';
+
+@Component({
+  selector: 'alert',
+  templateUrl: 'alert.component.html',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [NgClass],
+})
+export class AlertComponent {
+  private alertService = inject(AlertService);
+
+  message = toSignal(this.alertService.getMessage());
+
+  get alertClass() {
+    return {
+      alert: !!this.message(),
+      'alert-success': this.message()?.type === 'success',
+      'alert-danger': this.message()?.type === 'error',
+    };
+  }
+}

package/src/lib/auth/auth.component.html

@@ -0,0 +1 @@
+<router-outlet></router-outlet>

package/src/lib/auth/auth.component.ts

@@ -0,0 +1,10 @@
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
+
+@Component({
+  selector: 'auth',
+  templateUrl: 'auth.component.html',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [RouterOutlet],
+})
+export class AuthComponent {}

package/src/lib/auth/auth.routes.ts

@@ -0,0 +1,16 @@
+import { Routes } from '@angular/router';
+import { AuthComponent } from './auth.component';
+import { LoginComponent } from './login.component';
+import { RegisterComponent } from './register.component';
+
+export const AUTH_ROUTES: Routes = [
+  {
+    path: '',
+    component: AuthComponent,
+    children: [
+      { path: 'login', component: LoginComponent },
+      { path: 'register', component: RegisterComponent },
+      { path: '**', redirectTo: '/auth/login', pathMatch: 'full' },
+    ],
+  },
+];

package/src/lib/auth/index.ts

@@ -0,0 +1,4 @@
+export * from './auth.component';
+export * from './login.component';
+export * from './register.component';
+export * from './alert.component';

package/src/lib/auth/login.component.html

@@ -0,0 +1,87 @@
+<!-- login.component -->
+<authtemplate>
+  <div
+    class="auth-card"
+    [class.pe-none]="gsv?.getLoading()"
+    [class.loading-dimmed]="gsv?.getLoading()">
+    <div class="auth-brand">
+      <div class="auth-logo">
+        <i class="bi bi-grid-1x2-fill"></i>
+      </div>
+      <h1 class="auth-app-name">Newport</h1>
+      <p class="auth-subtitle">{{ msg.get('app.auth.accountAccess') }}</p>
+    </div>
+
+    <form
+      [formGroup]="form"
+      (ngSubmit)="onSubmit(form.value)"
+      aria-label="Modulo di accesso"
+      autocomplete="on">
+      <div class="auth-field">
+        <span class="auth-field-icon" aria-hidden="true"><i class="bi bi-person"></i></span>
+        <label for="login" class="visually-hidden">{{ msg.get('app.login') }}</label>
+        <input
+          nvg
+          [attr.data-state]="0"
+          [formControl]="login"
+          type="text"
+          class="form-control auth-input"
+          id="login"
+          [placeholder]="msg.get('app.login')"
+          [attr.aria-label]="msg.get('app.login')"
+          aria-required="true"
+          autocomplete="username" />
+      </div>
+
+      <div class="auth-field">
+        <span class="auth-field-icon" aria-hidden="true"><i class="bi bi-lock"></i></span>
+        <label for="password" class="visually-hidden">{{ msg.get('app.password') }}</label>
+        <input
+          nvg
+          [attr.data-state]="0"
+          [formControl]="password"
+          [type]="showPassword ? 'text' : 'password'"
+          class="form-control auth-input auth-input-padded"
+          id="password"
+          [placeholder]="msg.get('app.password')"
+          [attr.aria-label]="msg.get('app.password')"
+          aria-required="true"
+          autocomplete="current-password" />
+        <button
+          type="button"
+          class="auth-toggle-btn"
+          tabindex="-1"
+          [attr.aria-pressed]="showPassword"
+          [attr.aria-label]="showPassword ? 'Nascondi password' : 'Mostra password'"
+          (click)="showPassword = !showPassword"
+          [title]="showPassword ? 'Nascondi password' : 'Mostra password'">
+          <i
+            class="bi"
+            aria-hidden="true"
+            [class.bi-eye]="!showPassword"
+            [class.bi-eye-slash]="showPassword"></i>
+        </button>
+      </div>
+
+      <button
+        type="submit"
+        nvg
+        [attr.data-state]="0"
+        [disabled]="!form.valid"
+        [attr.aria-disabled]="!form.valid"
+        class="btn btn-primary btn-auth-submit">
+        {{ msg.get('app.authtitle') }}
+      </button>
+
+      <div class="auth-alt-action">
+        <span>{{ msg.get('app.auth.accountNoAccess') }}</span>
+        <a [routerLink]="'/auth/register'" class="auth-alt-link">{{
+          msg.get('app.register')
+        }}</a>
+      </div>
+    </form>
+
+    <alert></alert>
+  </div>
+</authtemplate>
+<!-- fine login.component -->

package/src/lib/auth/login.component.ts

@@ -0,0 +1,158 @@
+import {
+  Component,
+  AfterViewInit,
+  ChangeDetectionStrategy,
+  ChangeDetectorRef,
+  DestroyRef,
+  inject,
+} from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import {
+  FormGroup,
+  AbstractControl,
+  FormBuilder,
+  Validators,
+  ReactiveFormsModule,
+} from '@angular/forms';
+import { RouterLink } from '@angular/router';
+
+import { GlobalService } from '../services/global.service';
+import { AppMessageService } from '../services/message.service';
+import { AlertService, UserService } from './services/index';
+import { User } from '../auth/models/user';
+import { ManagmentService } from '../home/model/services/index';
+import { NEWPORT_CONFIG } from '../config';
+import { AuthTemplateComponent } from '../template/authtemplate.component';
+import { InputDirective } from '../directives/input.directive';
+import { AlertComponent } from './alert.component';
+
+@Component({
+  templateUrl: 'login.component.html',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  providers: [AlertService, UserService],
+  imports: [
+    AuthTemplateComponent,
+    ReactiveFormsModule,
+    RouterLink,
+    InputDirective,
+    AlertComponent,
+  ],
+})
+export class LoginComponent implements AfterViewInit {
+  gsv = inject(GlobalService);
+  als = inject(AlertService);
+  usv = inject(UserService);
+  fb = inject(FormBuilder);
+  msg = inject(AppMessageService);
+  msv = inject(ManagmentService);
+  private config = inject(NEWPORT_CONFIG);
+
+  private cdr = inject(ChangeDetectorRef);
+  private destroyRef = inject(DestroyRef);
+  public form!: FormGroup;
+  public login!: AbstractControl;
+  public password!: AbstractControl;
+  public submitted = false;
+  public showPassword = false;
+  public returnUrl = '/home/dashboard';
+
+  constructor() {
+    this.form = this.fb.group({
+      login: ['', Validators.required],
+      password: ['', Validators.required],
+    });
+
+    this.login = this.form.controls['login'];
+    this.password = this.form.controls['password'];
+
+    this.gsv
+      .getStateChanged()
+      .pipe(takeUntilDestroyed(this.destroyRef))
+      .subscribe(() => this.cdr.markForCheck());
+  }
+
+  /** Lifecycle: focuses the login field and clears any stale auth data from localStorage. */
+  public ngAfterViewInit(): void {
+    const loginElement = document.getElementById('login');
+    loginElement?.focus();
+    try {
+      localStorage.removeItem('currentUser');
+    } catch (error) {
+      console.error('Error clearing auth data from localStorage:', error);
+    }
+  }
+
+  /** Validates the form, authenticates via UserService, then stores user data and navigates to home. */
+  public onSubmit(user: User): void {
+    this.submitted = true;
+    if (!this.form.valid) {
+      return;
+    }
+
+    this.gsv.setLoaderState(true);
+    this.usv
+      .put(user)
+      .pipe(takeUntilDestroyed(this.destroyRef))
+      .subscribe({
+        next: (data: User) => {
+          const loggedUser = new User();
+          Object.assign(loggedUser, {
+            token: data.token,
+            login: data.login,
+            name: data.name,
+            email: data.email,
+            postalcode: data.postalcode,
+            address1: data.address1,
+            address2: data.address2,
+            cinnumber: data.cinnumber,
+            contact: data.contact,
+            country: data.country,
+            county: data.county,
+            faxnumber: data.faxnumber,
+            mobilenumber: data.mobilenumber,
+            telephonenumber: data.telephonenumber,
+            vatnumber: data.vatnumber,
+            city: data.city,
+            website: data.website,
+          });
+
+          this.gsv.setCurrentUser(loggedUser);
+          this.gsv.setYears(data.years);
+          this.gsv.setYear(data.years[0]);
+          this.gsv.setProjects(data.projects);
+          this.gsv.setProject(null);
+          this.loadBaseTable()
+            .then(() => {
+              this.gsv.navigate(this.returnUrl);
+              this.gsv.setLoaderState(false);
+            })
+            .catch(() => {
+              this.gsv.navigate(this.returnUrl);
+              this.gsv.setLoaderState(false);
+            });
+        },
+        error: () => {
+          this.als.error(this.msg.get('app.loginfailed'));
+          this.gsv.setLoaderState(false);
+        },
+      });
+  }
+
+  /** Preloads the base lookup tables (commune/postal-code) into the app data cache after login. */
+  public async loadBaseTable(): Promise<void> {
+    const lkFieldsIds: string[] = [
+      `TBB.MTBB_COM.${this.gsv.getYear()}`,
+      `TBB.MTBB_CAP.${this.gsv.getYear()}`,
+    ];
+
+    for (const entry of lkFieldsIds) {
+      const data = await (this.config.staticTableLoader?.(entry) ?? '');
+      this.gsv.setData(entry, JSON.parse(data));
+    }
+  }
+
+  /** Delegates client-side navigation to GlobalService. */
+  public navigate(url: string): void {
+    this.gsv.navigate(url);
+  }
+}

package/src/lib/auth/models/index.ts

@@ -0,0 +1 @@
+export * from './user';

package/src/lib/auth/models/user.ts

@@ -0,0 +1,25 @@
+import { UserLicenses } from '../../interfaces/index';
+
+export class User {
+  public login: string = '';
+  public name: string = '';
+  public email: string = '';
+  public password: string = '';
+  public token: string = '';
+  public refreshToken: string = '';
+  public address1: string = '';
+  public address2: string = '';
+  public cinnumber: string = '';
+  public contact: string = '';
+  public country: string = '';
+  public county: string = '';
+  public faxnumber: string = '';
+  public mobilenumber: string = '';
+  public postalcode: string = '';
+  public telephonenumber: string = '';
+  public vatnumber: string = '';
+  public city: string = '';
+  public website: string = '';
+  public years: number[] = [];
+  public projects: UserLicenses[][] = [];
+}