Feature/shared refactor (#1176)

* refactor: move most of the shared entities to @start8labs/shared library

frontend/projects/shared/src/pipes/emver/emver.module.ts

@@ -0,0 +1,12 @@
+import { NgModule } from '@angular/core'
+import {
+  EmverComparesPipe,
+  EmverDisplayPipe,
+  EmverSatisfiesPipe,
+} from './emver.pipe'
+
+@NgModule({
+  declarations: [EmverComparesPipe, EmverDisplayPipe, EmverSatisfiesPipe],
+  exports: [EmverComparesPipe, EmverDisplayPipe, EmverSatisfiesPipe],
+})
+export class EmverPipesModule {}

frontend/projects/shared/src/pipes/emver/emver.pipe.ts

@@ -0,0 +1,47 @@
+import { Pipe, PipeTransform } from '@angular/core'
+import { Emver } from '../../services/emver.service'
+
+@Pipe({
+  name: 'satisfiesEmver',
+})
+export class EmverSatisfiesPipe implements PipeTransform {
+  constructor(private readonly emver: Emver) {}
+
+  transform(versionUnderTest: string, range: string): boolean {
+    return this.emver.satisfies(versionUnderTest, range)
+  }
+}
+
+@Pipe({
+  name: 'compareEmver',
+})
+export class EmverComparesPipe implements PipeTransform {
+  constructor(private readonly emver: Emver) {}
+
+  transform(first: string, second: string): SemverResult {
+    try {
+      return this.emver.compare(first, second) as SemverResult
+    } catch (e) {
+      console.warn(`emver comparison failed`, e, first, second)
+      return 'comparison-impossible'
+    }
+  }
+}
+type SemverResult = 0 | 1 | -1 | 'comparison-impossible'
+
+@Pipe({
+  name: 'displayEmver',
+})
+export class EmverDisplayPipe implements PipeTransform {
+  constructor() {}
+
+  transform(version: string): string {
+    return displayEmver(version)
+  }
+}
+
+export function displayEmver(version: string): string {
+  const vs = version.split('.')
+  if (vs.length === 4) return `${vs[0]}.${vs[1]}.${vs[2]}~${vs[3]}`
+  return version
+}

frontend/projects/shared/src/pipes/markdown/markdown.module.ts

@@ -0,0 +1,8 @@
+import { NgModule } from '@angular/core'
+import { MarkdownPipe } from './markdown.pipe'
+
+@NgModule({
+  declarations: [MarkdownPipe],
+  exports: [MarkdownPipe],
+})
+export class MarkdownPipeModule {}

frontend/projects/shared/src/pipes/markdown/markdown.pipe.ts

@@ -0,0 +1,17 @@
+import { Pipe, PipeTransform } from '@angular/core'
+import { marked } from 'marked'
+import * as DOMPurify from 'dompurify'
+
+@Pipe({
+  name: 'markdown',
+})
+export class MarkdownPipe implements PipeTransform {
+  transform(value: any): any {
+    if (value && value.length > 0) {
+      const html = marked(value)
+      const sanitized = DOMPurify.sanitize(html)
+      return sanitized
+    }
+    return value
+  }
+}

frontend/projects/shared/src/pipes/shared/empty.pipe.ts

@@ -0,0 +1,12 @@
+import { Pipe, PipeTransform } from '@angular/core'
+import { isEmptyObject } from '../../util/misc.util'
+
+@Pipe({
+  name: 'empty',
+})
+export class EmptyPipe implements PipeTransform {
+  transform(val: object | [] = {}): boolean {
+    if (Array.isArray(val)) return !val.length
+    return isEmptyObject(val)
+  }
+}

frontend/projects/shared/src/pipes/shared/includes.pipe.ts

@@ -0,0 +1,10 @@
+import { Pipe, PipeTransform } from '@angular/core'
+
+@Pipe({
+  name: 'includes',
+})
+export class IncludesPipe implements PipeTransform {
+  transform<T>(list: T[], val: T): boolean {
+    return list.includes(val)
+  }
+}

frontend/projects/shared/src/pipes/shared/shared.module.ts

@@ -0,0 +1,9 @@
+import { NgModule } from '@angular/core'
+import { IncludesPipe } from './includes.pipe'
+import { EmptyPipe } from './empty.pipe'
+
+@NgModule({
+  declarations: [IncludesPipe, EmptyPipe],
+  exports: [IncludesPipe, EmptyPipe],
+})
+export class SharedPipesModule {}

frontend/projects/shared/src/pipes/unit-conversion/unit-conversion.module.ts

@@ -0,0 +1,8 @@
+import { NgModule } from '@angular/core'
+import { ConvertBytesPipe, DurationToSecondsPipe } from './unit-conversion.pipe'
+
+@NgModule({
+  declarations: [ConvertBytesPipe, DurationToSecondsPipe],
+  exports: [ConvertBytesPipe, DurationToSecondsPipe],
+})
+export class UnitConversionPipesModule {}

frontend/projects/shared/src/pipes/unit-conversion/unit-conversion.pipe.ts

@@ -0,0 +1,41 @@
+import { Pipe, PipeTransform } from '@angular/core'
+
+// converts bytes to gigabytes
+@Pipe({
+  name: 'convertBytes',
+})
+export class ConvertBytesPipe implements PipeTransform {
+  transform(bytes: number): string {
+    if (bytes === 0) return '0 Bytes'
+
+    const k = 1024
+    const i = Math.floor(Math.log(bytes) / Math.log(k))
+
+    return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + ' ' + sizes[i]
+  }
+}
+
+@Pipe({
+  name: 'durationToSeconds',
+})
+export class DurationToSecondsPipe implements PipeTransform {
+  transform(duration: string | null): number {
+    if (!duration) return 0
+    const splitUnit = duration.match(/^([0-9]*(\.[0-9]+)?)(ns|µs|ms|s|m|d)$/)
+    const unit = splitUnit[3]
+    const num = splitUnit[1]
+    return Number(num) * unitsToSeconds[unit]
+  }
+}
+
+const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
+
+const unitsToSeconds = {
+  ns: 1e-9,
+  µs: 1e-6,
+  ms: 0.001,
+  s: 1,
+  m: 60,
+  h: 3600,
+  d: 86400,
+}