Feature/git hash (#1919)

* display git hash in marketplace show and app show. Add additional info to app show

* bump marketplace lib version

* disbaled links if site not provided, fix bug with license-instructions

* fix import

* stupid

* feat: Add in the packing side git hash

* chore: Remove the test that is breaking the build.

Co-authored-by: Matt Hill <matthewonthemoon@gmail.com>
Co-authored-by: BluJ <mogulslayer@gmail.com>

frontend/projects/ui/src/app/pages/apps-routes/app-show/app-show.module.ts

@@ -14,6 +14,7 @@ import { AppShowStatusComponent } from './components/app-show-status/app-show-st
 import { AppShowDependenciesComponent } from './components/app-show-dependencies/app-show-dependencies.component'
 import { AppShowMenuComponent } from './components/app-show-menu/app-show-menu.component'
 import { AppShowHealthChecksComponent } from './components/app-show-health-checks/app-show-health-checks.component'
+import { AppShowAdditionalComponent } from './components/app-show-additional/app-show-additional.component'
 import { HealthColorPipe } from './pipes/health-color.pipe'
 import { ToHealthChecksPipe } from './pipes/to-health-checks.pipe'
 import { ToButtonsPipe } from './pipes/to-buttons.pipe'
@@ -43,6 +44,7 @@ const routes: Routes = [
     AppShowDependenciesComponent,
     AppShowMenuComponent,
     AppShowHealthChecksComponent,
+    AppShowAdditionalComponent,
   ],
   imports: [
     CommonModule,

frontend/projects/ui/src/app/pages/apps-routes/app-show/app-show.page.html

@@ -23,6 +23,8 @@
         ></app-show-dependencies>
         <!-- ** menu ** -->
         <app-show-menu [buttons]="pkg | toButtons"></app-show-menu>
+        <!-- ** additional ** -->
+        <app-show-additional [pkg]="pkg"></app-show-additional>
       </ng-container>
     </ion-item-group>
 

frontend/projects/ui/src/app/pages/apps-routes/app-show/components/app-show-additional/app-show-additional.component.html

@@ -0,0 +1,72 @@
+<ion-item-divider>Additional Info</ion-item-divider>
+<ion-card *ngIf="pkg.manifest as manifest">
+  <ion-grid>
+    <ion-row>
+      <ion-col sizeXs="12" sizeMd="6">
+        <ion-item-group>
+          <ion-item>
+            <ion-label>
+              <h2>Version</h2>
+              <p>{{ manifest.version | displayEmver }}</p>
+            </ion-label>
+          </ion-item>
+          <ion-item button detail="false" (click)="copy(manifest['git-hash'])">
+            <ion-label>
+              <h2>Git Hash</h2>
+              <p>{{ manifest['git-hash'] }}</p>
+            </ion-label>
+            <ion-icon slot="end" name="copy-outline"></ion-icon>
+          </ion-item>
+          <ion-item button detail="false" (click)="presentModalLicense()">
+            <ion-label>
+              <h2>License</h2>
+              <p>{{ manifest.license }}</p>
+            </ion-label>
+            <ion-icon slot="end" name="chevron-forward"></ion-icon>
+          </ion-item>
+        </ion-item-group>
+      </ion-col>
+      <ion-col sizeXs="12" sizeMd="6">
+        <ion-item-group>
+          <ion-item
+            [href]="manifest['upstream-repo']"
+            target="_blank"
+            rel="noreferrer"
+            detail="false"
+          >
+            <ion-label>
+              <h2>Source Repository</h2>
+              <p>{{ manifest['upstream-repo'] }}</p>
+            </ion-label>
+            <ion-icon slot="end" name="open-outline"></ion-icon>
+          </ion-item>
+          <ion-item
+            [href]="manifest['wrapper-repo']"
+            target="_blank"
+            rel="noreferrer"
+            detail="false"
+          >
+            <ion-label>
+              <h2>Wrapper Repository</h2>
+              <p>{{ manifest['wrapper-repo'] }}</p>
+            </ion-label>
+            <ion-icon slot="end" name="open-outline"></ion-icon>
+          </ion-item>
+          <ion-item
+            [href]="manifest['support-site']"
+            [disabled]="!manifest['support-site']"
+            target="_blank"
+            rel="noreferrer"
+            detail="false"
+          >
+            <ion-label>
+              <h2>Support Site</h2>
+              <p>{{ manifest['support-site'] || 'Not provided' }}</p>
+            </ion-label>
+            <ion-icon slot="end" name="open-outline"></ion-icon>
+          </ion-item>
+        </ion-item-group>
+      </ion-col>
+    </ion-row>
+  </ion-grid>
+</ion-card>

frontend/projects/ui/src/app/pages/apps-routes/app-show/components/app-show-additional/app-show-additional.component.ts

@@ -0,0 +1,48 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core'
+import { ModalController, ToastController } from '@ionic/angular'
+import { copyToClipboard, MarkdownComponent } from '@start9labs/shared'
+import { from } from 'rxjs'
+import { ApiService } from 'src/app/services/api/embassy-api.service'
+import { PackageDataEntry } from 'src/app/services/patch-db/data-model'
+
+@Component({
+  selector: 'app-show-additional',
+  templateUrl: 'app-show-additional.component.html',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class AppShowAdditionalComponent {
+  @Input()
+  pkg!: PackageDataEntry
+
+  constructor(
+    private readonly modalCtrl: ModalController,
+    private readonly toastCtrl: ToastController,
+    private readonly api: ApiService,
+  ) {}
+
+  async copy(address: string): Promise<void> {
+    const success = await copyToClipboard(address)
+    const message = success
+      ? 'Copied to clipboard!'
+      : 'Failed to copy to clipboard.'
+
+    const toast = await this.toastCtrl.create({
+      header: message,
+      position: 'bottom',
+      duration: 1000,
+    })
+    await toast.present()
+  }
+
+  async presentModalLicense() {
+    const modal = await this.modalCtrl.create({
+      componentProps: {
+        title: 'License',
+        content: from(this.api.getStatic(this.pkg['static-files']['license'])),
+      },
+      component: MarkdownComponent,
+    })
+
+    await modal.present()
+  }
+}