@bitblit/ngx-acute-common 5.0.512-alpha → 5.0.515-alpha

package/rollup.config.mjs

@@ -1,58 +0,0 @@
-import resolve from '@rollup/plugin-node-resolve';
-import commonjs from '@rollup/plugin-commonjs';
-import typescript from 'rollup-plugin-typescript2';
-import angular from 'rollup-plugin-angular';
-import  terser  from '@rollup/plugin-terser';
-import json from '@rollup/plugin-json';
-import pkg from './package.json' assert { type: 'json' };
-
-export default {
-  input: 'src/index.ts', // Entry point for your library
-  output: [
-    {
-      file: pkg.main,  // Output for CommonJS
-      format: 'cjs',
-      sourcemap: true,
-    },
-    {
-      file: pkg.module,  // Output for ESModule
-      format: 'es',
-      sourcemap: true,
-    },
-    {
-      file: pkg.browser,  // UMD output for browsers
-      format: 'umd',
-      name: 'AcuteCommon',
-      globals: {
-        '@angular/core': 'ng.core',
-        '@angular/common': 'ng.common',
-        '@angular/forms': 'ng.forms',
-        '@angular/animations': 'ng.animations',
-        'rxjs': 'rxjs',
-      },
-      sourcemap: true,
-    }
-  ],
-  external: ['@angular/core', '@angular/common', "@angular/compiler",
-    "@angular/forms",
-    "@angular/platform-browser",
-    "@angular/platform-browser-dynamic",
-    "@angular/router",
-    "@bitblit/ratchet-common",
-    "primeflex",
-    "primeicons",
-    "primeng",
-    "zone.js",'rxjs'],  // Externals, you don’t bundle Angular and RxJS
-  plugins: [
-    resolve({
-      browser: true, // Resolves third-party libraries in node_modules
-    }),
-    json(),
-    commonjs(),  // Convert CommonJS modules to ES6
-    angular(),   // Handles Angular HTML templates and styles
-    typescript({  // Compile TypeScript
-      tsconfig: './tsconfig.json',
-    }),
-    terser(),    // Minify the bundle
-  ]
-};

package/src/build/ngx-acute-common-info.ts

@@ -1,19 +0,0 @@
-import { BuildInformation } from '@bitblit/ratchet-common/build/build-information';
-
-export class NgxAcuteCommonInfo {
-  // Empty constructor prevents instantiation
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
-  private constructor() {}
-
-  public static buildInformation(): BuildInformation {
-    const val: BuildInformation = {
-      version: 'LOCAL-SNAPSHOT',
-      hash: 'LOCAL-HASH',
-      branch: 'LOCAL-BRANCH',
-      tag: 'LOCAL-TAG',
-      timeBuiltISO: 'LOCAL-TIME-ISO',
-      notes: 'LOCAL-NOTES',
-    };
-    return val;
-  }
-}

package/src/components/dialogs/alert/alert.component.ts

@@ -1,33 +0,0 @@
-import {Component} from '@angular/core';
-import {DialogService, DynamicDialogConfig, DynamicDialogRef} from 'primeng/dynamicdialog';
-import {Logger} from '@bitblit/ratchet-common/logger/logger';
-import {BehaviorSubject} from 'rxjs';
-import {AsyncPipe} from "@angular/common";
-
-@Component({
-  selector: 'ngx-acute-common-alert',
-  template: '<div><pre>{{cfg.data.message | async}}</pre></div>',
-  standalone: true,
-  imports: [AsyncPipe]
-})
-export class AlertComponent {
-  constructor(
-    private dialogService: DialogService,
-    public cfg: DynamicDialogConfig,
-    protected ref: DynamicDialogRef,
-  ) {
-    Logger.info('Creating with %j', this.cfg);
-  }
-
-  public static showAlert(dialogSvc: DialogService, message: BehaviorSubject<string> | string, title: string = 'Alert'): DynamicDialogRef {
-    const dlg: DynamicDialogRef = dialogSvc.open(AlertComponent, {
-      //disableClose: true,
-      //autoFocus: true,
-      data: {
-        message: message instanceof BehaviorSubject ? message : new BehaviorSubject<string>(message),
-      },
-      header: title,
-    });
-    return dlg;
-  }
-}

package/src/components/dialogs/block-ui/block-ui.component.html

@@ -1,9 +0,0 @@
-<div>
-  <div style="display: flex; flex-direction: column; justify-content: center">
-    <h4>{{cfg.data.message | async}}</h4>
-    <p-progressSpinner styleClass="w-2rem h-2rem" strokeWidth="5" fill="var(--surface-ground)" animationDuration=".8s"></p-progressSpinner>
-    <div *ngIf="cfg.data.subMessage">
-      {{cfg.data.subMessage}}
-    </div>
-  </div>
-</div>

package/src/components/dialogs/block-ui/block-ui.component.spec.ts

@@ -1,24 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { beforeEach, describe, expect, test } from 'vitest';
-
-import {BlockUiComponent} from "./block-ui.component";
-
-describe('BlockUiComponent', () => {
-  let component: BlockUiComponent;
-  let fixture: ComponentFixture<BlockUiComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [BlockUiComponent]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(BlockUiComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  test.skip('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/components/dialogs/block-ui/block-ui.component.ts

@@ -1,62 +0,0 @@
-import {Component} from '@angular/core';
-import {DialogService, DynamicDialogConfig, DynamicDialogRef} from 'primeng/dynamicdialog';
-import {BehaviorSubject} from 'rxjs';
-import {Logger} from '@bitblit/ratchet-common/logger/logger';
-import {AsyncPipe, NgIf} from "@angular/common";
-import {ProgressSpinnerModule} from "primeng/progressspinner";
-
-@Component({
-  selector: 'ngx-acute-common-block-ui',
-  templateUrl: './block-ui.component.html',
-  standalone: true,
-  imports: [NgIf, AsyncPipe, ProgressSpinnerModule]
-})
-export class BlockUiComponent {
-  constructor(
-    private dialogService: DialogService,
-    public cfg: DynamicDialogConfig,
-  ) {}
-
-  public static createUiBlock(
-    dialogService: DialogService,
-    message: BehaviorSubject<string> | string = 'Please wait...',
-    subMessage?: string,
-  ): DynamicDialogRef {
-    const dlg: DynamicDialogRef = dialogService.open(BlockUiComponent, {
-      closable: false,
-      modal: true,
-      data: {
-        message: message instanceof BehaviorSubject ? message : new BehaviorSubject<string>(message),
-        subMessage: subMessage,
-      },
-    });
-    return dlg;
-  }
-
-  public static async runPromiseWithUiBlock<T>(
-    dialogService: DialogService,
-    prom: Promise<T>,
-    message: BehaviorSubject<string> | string = 'Please wait...',
-    subMessage?: string,
-  ): Promise<T> {
-    const dlg = dialogService.open(BlockUiComponent, {
-      closable: false,
-      modal: true,
-      data: {
-        message: message instanceof BehaviorSubject ? message : new BehaviorSubject<string>(message),
-        subMessage: subMessage,
-      },
-    });
-
-    try {
-      const rval: T = await prom;
-      dlg?.close(rval); // If it is still open, close it
-      Logger.info('Blockui - Received %j - closing blocker ui and returning', rval);
-      return rval;
-    } catch (err) {
-      Logger.error('Caught error inside block ui dialog : %s - rethrowing', err, err);
-      dlg?.close(); // If it is still open, close it
-      throw err;
-    }
-  }
-}

package/src/index.ts

@@ -1,2 +0,0 @@
-export * from './build/ngx-acute-common-info';
-export * from './components/dialogs/alert/alert.component'

package/src/pipes/capitalize.pipe.ts

@@ -1,11 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-
-@Pipe({ name: 'acuteCapitalize' , standalone: true})
-export class CapitalizePipe implements PipeTransform {
-
-  transform(input: string): string {
-    return input && input.length
-      ? (input.charAt(0).toUpperCase() + input.slice(1).toLowerCase())
-      : input;
-  }
-}

package/src/pipes/dollar-formatted.pipe.ts

@@ -1,13 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-import {CurrencyRatchet} from "@bitblit/ratchet-common/lang/currency-ratchet";
-
-@Pipe({ name: 'acuteDollars', standalone: true })
-export class DollarFormattedPipe implements PipeTransform {
-  transform(input: number): string {
-    const rval: string =
-      input === null || input === undefined
-        ? 'Null'
-        : CurrencyRatchet.dollarFormat(input)
-    return rval;
-  }
-}

package/src/pipes/map-values.pipe.ts

@@ -1,19 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-import { Logger } from '@bitblit/ratchet-common/logger/logger';
-
-@Pipe({ name: 'acuteMapValues', standalone: true })
-export class MapValuesPipe implements PipeTransform {
-  transform(value: any, args?: any[]): any[] {
-    const returnArray = [];
-
-    for (const k of Object.keys(value)) {
-      returnArray.push({
-        key: k,
-        val: value[k],
-      });
-    }
-
-    Logger.info('Map values : %j : %j', returnArray, args);
-    return returnArray;
-  }
-}

package/src/pipes/number-with-commas.pipe.ts

@@ -1,9 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-
-@Pipe({ name: 'acuteNumberWithCommas'  , standalone: true})
-export class NumberWithCommasPipe implements PipeTransform {
-
-  transform(input: number): string {
-    return new Intl.NumberFormat().format(input);
-  }
-}

package/src/pipes/order-by.pipe.ts

@@ -1,58 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-
-@Pipe({ name: 'acuteOrderBy', pure: false, standalone: true })
-export class OrderByPipe implements PipeTransform {
-  static _orderByComparator(a: any, b: any): number {
-    if (isNaN(parseFloat(a)) || !isFinite(a) || isNaN(parseFloat(b)) || !isFinite(b)) {
-      //Isn't a number so lowercase the string to properly compare
-      if (String(a).toLowerCase() < String(b).toLowerCase()) return -1;
-      if (String(a).toLowerCase() > String(b).toLowerCase()) return 1;
-    } else {
-      //Parse strings as numbers to compare properly
-      if (parseFloat(a) < parseFloat(b)) return -1;
-      if (parseFloat(a) > parseFloat(b)) return 1;
-    }
-
-    return 0; //equal each other
-  }
-
-  transform(input: any, [config = '+']): any {
-    if (!Array.isArray(input)) return input;
-
-    if (!Array.isArray(config) || (Array.isArray(config) && config.length == 1)) {
-      const propertyToCheck: string = !Array.isArray(config) ? config : config[0];
-      const desc = propertyToCheck.substr(0, 1) == '-';
-
-      //Basic array
-      if (!propertyToCheck || propertyToCheck == '-' || propertyToCheck == '+') {
-        return !desc ? input.sort() : input.sort().reverse();
-      } else {
-        const property: string =
-          propertyToCheck.substr(0, 1) == '+' || propertyToCheck.substr(0, 1) == '-' ? propertyToCheck.substr(1) : propertyToCheck;
-
-        return input.sort(function (a: any, b: any) {
-          return !desc
-            ? OrderByPipe._orderByComparator(a[property], b[property])
-            : -OrderByPipe._orderByComparator(a[property], b[property]);
-        });
-      }
-    } else {
-      //Loop over property of the array in order and sort
-      return input.sort(function (a: any, b: any) {
-        for (let i: number = 0; i < config.length; i++) {
-          const desc = config[i].substr(0, 1) == '-';
-          const property = config[i].substr(0, 1) == '+' || config[i].substr(0, 1) == '-' ? config[i].substr(1) : config[i];
-
-          const comparison = !desc
-            ? OrderByPipe._orderByComparator(a[property], b[property])
-            : -OrderByPipe._orderByComparator(a[property], b[property]);
-
-          //Don't return 0 yet in case of needing to sort by next property
-          if (comparison != 0) return comparison;
-        }
-
-        return 0; //equal each other
-      });
-    }
-  }
-}

package/src/pipes/percent-formatted.pipe.ts

@@ -1,9 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-import {NumberRatchet} from "@bitblit/ratchet-common/lang/number-ratchet";
-
-@Pipe({ name: 'acutePercent' , standalone: true })
-export class PercentFormattedPipe implements PipeTransform {
-  transform(input: number): string {
-    return NumberRatchet.pctFormatted(input);
-  }
-}

package/src/pipes/plural.pipe.ts

@@ -1,14 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-
-@Pipe({ name: 'acutePlural'  , standalone: true})
-export class PluralPipe implements PipeTransform {
-
-  transform(input: number, label: string, pluralLabel: string = ''): string {
-    input = input || 0;
-    return input === 1
-      ? `${input} ${label}`
-      : pluralLabel
-        ? `${input} ${pluralLabel}`
-        : `${input} ${label}s`;
-  }
-}

package/src/pipes/round.pipe.ts

@@ -1,9 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-
-@Pipe({ name: 'acuteRound'  , standalone: true})
-export class RoundPipe implements PipeTransform {
-
-  transform(input: number): number {
-    return Math.round(input);
-  }
-}

package/src/pipes/time-ago-formatted.pipe.ts

@@ -1,10 +0,0 @@
-import {Pipe, PipeTransform} from '@angular/core';
-import {DurationRatchet} from "@bitblit/ratchet-common/lang/duration-ratchet";
-import {NumberRatchet} from "@bitblit/ratchet-common/lang/number-ratchet";
-
-@Pipe({ name: 'acuteTimeAgo'  , standalone: true})
-export class TimeAgoFormattedPipe implements PipeTransform {
-  transform(input: number): string {
-    return DurationRatchet.formatMsDuration(new Date().getTime() - NumberRatchet.safeNumber(input));
-  }
-}

package/src/pipes/timing.pipe.ts

@@ -1,18 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-
-@Pipe({ name: 'acuteTiming'  , standalone: true})
-export class TimingPipe implements PipeTransform {
-  transform(time: number): string {
-    if (time) {
-      const minutes = Math.floor(time / 60);
-      const seconds = Math.floor(time % 60);
-      return `${this.initZero(minutes)}${minutes}:${this.initZero(seconds)}${seconds}`;
-    }
-
-    return '00:00';
-  }
-
-  private initZero(time: number): string {
-    return time < 10 ? '0' : '';
-  }
-}

package/src/services/google-analytics.service.spec.ts

@@ -1,17 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-import { beforeEach, describe, expect, test } from 'vitest';
-
-import {GraphqlQueryService} from "./graphql-query.service";
-
-describe('GraphqlQueryService', () => {
-  let service: GraphqlQueryService;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({});
-    service = TestBed.inject(GraphqlQueryService);
-  });
-
-  test.skip('should be created', () => {
-    expect(service).toBeTruthy();
-  });
-});

package/src/services/google-analytics.service.ts

@@ -1,65 +0,0 @@
-import { Injectable } from '@angular/core';
-import { NavigationEnd, Router } from '@angular/router';
-import { Logger } from '@bitblit/ratchet-common/logger/logger';
-
-// eslint-disable-next-line @typescript-eslint/ban-types
-declare let gtag: Function;
-
-@Injectable({
-  providedIn: 'root',
-})
-// See : https://lumin8media.com/blog/add-google-analytics-angular
-export class GoogleAnalyticsService {
-  private static readonly IS_PROD: boolean = true;
-
-  constructor(private router: Router) {}
-
-  public initialize() {
-    this.onRouteChange();
-
-    // dynamically add analytics scripts to document head
-    try {
-      const url:string = 'https://www.googletagmanager.com/gtag/js?id=';
-      const gTagScript = document.createElement('script');
-      gTagScript.async = true;
-      const tagId: string = GoogleAnalyticsService.IS_PROD ? 'G-7D5BBK4K8X' : null;
-      gTagScript.src = `${url}${tagId}`;
-      document.head.appendChild(gTagScript);
-
-      const dataLayerScript = document.createElement('script');
-      dataLayerScript.innerHTML = `
-        window.dataLayer = window.dataLayer || [];
-        function gtag(){dataLayer.push(arguments);}
-        gtag('js', new Date());
-        gtag('config', '${tagId}', {'send_page_view': false});`;
-      document.head.appendChild(dataLayerScript);
-    } catch (e) {
-      Logger.error('Error adding Google Analytics', e, e);
-    }
-  }
-
-  // track visited routes
-  private onRouteChange() {
-    const tagId: string = GoogleAnalyticsService.IS_PROD ? 'G-7D5BBK4K8X' : null;
-
-    this.router.events.subscribe((event) => {
-      if (event instanceof NavigationEnd) {
-        gtag('config', tagId, {
-          page_path: event.urlAfterRedirects,
-        });
-
-        Logger.info('Sending Google Analytics tracking for: ', event.urlAfterRedirects);
-        Logger.info('Google Analytics property ID: ', tagId);
-      }
-    });
-  }
-
-  // use gtag.js to send Google Analytics Events
-  public event(action: string, eventCategory?: string, eventLabel?: string, value?: string) {
-    gtag('event', action, {
-      ...(eventCategory && { event_category: eventCategory }),
-      ...(eventLabel && { event_label: eventLabel }),
-      ...(value && { value: value }),
-    });
-  }
-}

package/src/services/graphql-query.service.spec.ts

@@ -1,17 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-import { beforeEach, describe, expect, test } from 'vitest';
-
-import {GraphqlQueryService} from "./graphql-query.service";
-
-describe('GraphqlQueryService', () => {
-  let service: GraphqlQueryService;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({});
-    service = TestBed.inject(GraphqlQueryService);
-  });
-
-  test.skip('should be created', () => {
-    expect(service).toBeTruthy();
-  });
-});

package/src/services/graphql-query.service.ts

@@ -1,103 +0,0 @@
-import { Injectable } from '@angular/core';
-import { DialogService } from 'primeng/dynamicdialog';
-import { MessageService } from 'primeng/api';
-import { Logger } from '@bitblit/ratchet-common/logger/logger';
-import { GraphqlRatchet } from '@bitblit/ratchet-graphql/graphql/graphql-ratchet';
-import { BlockUiComponent } from "../components/dialogs/block-ui/block-ui.component";
-import {AuthorizationStyle} from "@bitblit/ratchet-graphql/graphql/authorization-style";
-
-@Injectable({providedIn: 'root'})
-export class GraphqlQueryService {
-  constructor(
-    private graphqlRatchet: GraphqlRatchet,
-    private dialogService: DialogService,
-    private messageService: MessageService,
-  ) {}
-
-  public async executeQuery<T>(queryName: string, variables: any,     authStyle: AuthorizationStyle = AuthorizationStyle.TokenRequired
-  ): Promise<T | null> {
-    let rval: T | null = null;
-    this.messageService.add({ severity: 'info', summary: 'Running query', detail: queryName, life: 3000 });
-
-    Logger.info('eq: %j -: %s --: %s ---: %j', queryName, variables);
-
-    try {
-      rval = await this.graphqlRatchet.executeQuery<T>(queryName, variables, authStyle);
-    } catch (err) {
-      Logger.error('Fail : %s', err);
-    } finally {
-      this.messageService.clear();
-    }
-    return rval;
-  }
-
-  public async executeQueryWithBlock<T>(
-    blockMessage: string,
-    queryName: string,
-    variables: any,
-    authStyle: AuthorizationStyle = AuthorizationStyle.TokenRequired
-  ): Promise<T | null> {
-    let rval: T | null = null;
-    this.messageService.add({ severity: 'info', summary: 'Running query', detail: queryName, life: 3000 });
-
-    Logger.info('eqb: %j -: %s --: %s ---: %j', blockMessage, queryName, variables);
-
-    try {
-      rval = await BlockUiComponent.runPromiseWithUiBlock<T>(
-        this.dialogService,
-        this.graphqlRatchet.executeQuery<T>(queryName, variables, authStyle),
-        blockMessage,
-      );
-    } catch (err) {
-      Logger.error('Fail : %s', err);
-    } finally {
-      this.messageService.clear();
-    }
-
-    return rval;
-  }
-
-
-  public async executeMutate<T>(queryName: string, variables: any,     authStyle: AuthorizationStyle = AuthorizationStyle.TokenRequired
-  ): Promise<T | null> {
-    let rval: T | null = null;
-    this.messageService.add({ severity: 'info', summary: 'Running query', detail: queryName, life: 3000 });
-
-    Logger.info('eq: %j -: %s --: %s ---: %j', queryName, variables);
-
-    try {
-      rval = await this.graphqlRatchet.executeMutate<T>(queryName, variables, authStyle);
-    } catch (err) {
-      Logger.error('Fail : %s', err);
-    } finally {
-      this.messageService.clear();
-    }
-
-    return rval;
-  }
-
-  public async executeMutateWithBlock<T>(
-    blockMessage: string,
-    queryName: string,
-    variables: any,
-    authStyle: AuthorizationStyle = AuthorizationStyle.TokenRequired
-
-  ): Promise<T | null> {
-    let rval: T | null = null;
-    this.messageService.add({ severity: 'info', summary: 'Running query', detail: queryName, life: 3000 });
-
-    try {
-      rval = await BlockUiComponent.runPromiseWithUiBlock<T>(
-        this.dialogService,
-        this.graphqlRatchet.executeMutate<T>(queryName, variables, authStyle),
-        blockMessage,
-      );
-    } catch (err) {
-      Logger.error('Fail : %s', err);
-    } finally {
-      this.messageService.clear();
-    }
-
-    return rval;
-  }
-}

package/src/services/local-storage.service.spec.ts

@@ -1,17 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-import { beforeEach, describe, expect, test } from 'vitest';
-
-import {LocalStorageService} from "./local-storage.service";
-
-describe('LocalStorageService', () => {
-  let service: LocalStorageService<any>;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({});
-    service = TestBed.inject(LocalStorageService);
-  });
-
-  test.skip('should be created', () => {
-    expect(service).toBeTruthy();
-  });
-});

package/src/services/local-storage.service.ts

@@ -1,50 +0,0 @@
-import { Injectable } from '@angular/core';
-import { Logger } from '@bitblit/ratchet-common/logger/logger';
-
-
-export function storageFinder(): Storage | null {
-  if (typeof window !== 'undefined') {
-    if (typeof window.localStorage !=='undefined') {
-      return window.localStorage;
-    }
-  }
-  return null;
-}
-
-@Injectable({providedIn: 'root'})
-export class LocalStorageService<T> {
-  private static readonly APP_NAME: string = 'Scribe';
-
-  public get storageReady(): boolean {
-    return !!storageFinder();
-  }
-
-  public clear(): void {
-    this.update({ } as T );
-  }
-
-  public update(value: T): T {
-    if (this.storageReady) {
-      const toSave: T = value || ({} as T);
-      const saveString: string = JSON.stringify(toSave);
-      Logger.info('Updating storage to %s', saveString);
-      localStorage.setItem(LocalStorageService.APP_NAME, saveString);
-      return toSave;
-    } else {
-      Logger.info('Skipping update - storage not ready : %j', value);
-      return {} as T;
-    }
-  }
-
-  fetch(): T {
-    if (this.storageReady) {
-      const loadString: string = localStorage.getItem(LocalStorageService.APP_NAME) || '{}';
-      const rval: T = JSON.parse(loadString) as T;
-      return rval;
-    } else {
-      Logger.info('Skipping fetch - storage not ready');
-      return {} as T;
-    }
-  }
-
-}