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/marketplace/src/pages/show/additional/additional.component.html

@@ -1,9 +1,16 @@
 <ion-item-divider>Additional Info</ion-item-divider>
-<ion-card>
+<ion-card *ngIf="pkg.manifest as manifest">
   <ion-grid>
     <ion-row>
-      <ion-col sizeSm="12" sizeMd="6">
+      <ion-col sizeXs="12" sizeMd="6">
         <ion-item-group>
+          <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)="presentAlertVersions()">
             <ion-label>
               <h2>Other Versions</h2>
@@ -14,7 +21,7 @@
           <ion-item button detail="false" (click)="presentModalMd('license')">
             <ion-label>
               <h2>License</h2>
-              <p>{{ pkg.manifest.license }}</p>
+              <p>{{ manifest.license }}</p>
             </ion-label>
             <ion-icon slot="end" name="chevron-forward"></ion-icon>
           </ion-item>
@@ -31,41 +38,55 @@
           </ion-item>
         </ion-item-group>
       </ion-col>
-      <ion-col sizeSm="12" sizeMd="6">
+      <ion-col sizeXs="12" sizeMd="6">
         <ion-item-group>
           <ion-item
-            [href]="pkg.manifest['upstream-repo']"
+            [href]="manifest['upstream-repo']"
             target="_blank"
             rel="noreferrer"
             detail="false"
           >
             <ion-label>
               <h2>Source Repository</h2>
-              <p>{{ pkg.manifest['upstream-repo'] }}</p>
+              <p>{{ manifest['upstream-repo'] }}</p>
             </ion-label>
             <ion-icon slot="end" name="open-outline"></ion-icon>
           </ion-item>
           <ion-item
-            [href]="pkg.manifest['wrapper-repo']"
+            [href]="manifest['wrapper-repo']"
             target="_blank"
             rel="noreferrer"
             detail="false"
           >
             <ion-label>
               <h2>Wrapper Repository</h2>
-              <p>{{ pkg.manifest['wrapper-repo'] }}</p>
+              <p>{{ manifest['wrapper-repo'] }}</p>
             </ion-label>
             <ion-icon slot="end" name="open-outline"></ion-icon>
           </ion-item>
           <ion-item
-            [href]="pkg.manifest['support-site']"
+            [href]="manifest['support-site']"
+            [disabled]="!manifest['support-site']"
             target="_blank"
             rel="noreferrer"
             detail="false"
           >
             <ion-label>
               <h2>Support Site</h2>
-              <p>{{ pkg.manifest['support-site'] }}</p>
+              <p>{{ manifest['support-site'] || 'Not provided' }}</p>
+            </ion-label>
+            <ion-icon slot="end" name="open-outline"></ion-icon>
+          </ion-item>
+          <ion-item
+            [href]="manifest['marketing-site']"
+            [disabled]="!manifest['marketing-site']"
+            target="_blank"
+            rel="noreferrer"
+            detail="false"
+          >
+            <ion-label>
+              <h2>Marketing Site</h2>
+              <p>{{ manifest['marketing-site'] || 'Not provided' }}</p>
             </ion-label>
             <ion-icon slot="end" name="open-outline"></ion-icon>
           </ion-item>

frontend/projects/marketplace/src/pages/show/additional/additional.component.ts

@@ -5,8 +5,17 @@ import {
   Input,
   Output,
 } from '@angular/core'
-import { AlertController, ModalController } from '@ionic/angular'
-import { displayEmver, Emver, MarkdownComponent } from '@start9labs/shared'
+import {
+  AlertController,
+  ModalController,
+  ToastController,
+} from '@ionic/angular'
+import {
+  copyToClipboard,
+  displayEmver,
+  Emver,
+  MarkdownComponent,
+} from '@start9labs/shared'
 import { MarketplacePkg } from '../../../types'
 import { AbstractMarketplaceService } from '../../../services/marketplace.service'
 
@@ -27,8 +36,23 @@ export class AdditionalComponent {
     private readonly modalCtrl: ModalController,
     private readonly emver: Emver,
     private readonly marketplaceService: AbstractMarketplaceService,
+    private readonly toastCtrl: ToastController,
   ) {}
 
+  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 presentAlertVersions() {
     const alert = await this.alertCtrl.create({
       header: 'Versions',

frontend/projects/marketplace/src/types.ts

@@ -36,6 +36,7 @@ export interface MarketplaceManifest<T = unknown> {
   id: string
   title: string
   version: string
+  'git-hash': string
   description: {
     short: string
     long: string