[UXP-114] pre-tests changes

Author: Andrea Barbasso

src/app/item-page/full/full-item-page.component.html

@@ -22,7 +22,7 @@
             <ng-container *ngFor="let mdEntry of (metadata$ | async) | keyvalue">
               <tr *ngFor="let mdValue of mdEntry.value | slice:0:(metadataMapLimit$ | async).get(mdEntry.key)">
                 <td>{{mdEntry.key}}</td>
-                <td>{{mdValue.value}}</td>
+                <td><ds-markdown-viewer [value]="mdValue.value"></ds-markdown-viewer></td>
                 <td>{{mdValue.language}}</td>
               </tr>
               <tr *ngIf="mdEntry.value.length > (metadataMapLimit$ | async).get(mdEntry.key)">

src/app/item-page/item-page.module.ts

@@ -61,6 +61,8 @@ import { ThemedItemAlertsComponent } from './alerts/themed-item-alerts.component
 import {
   ThemedFullFileSectionComponent
 } from './full/field-components/file-section/themed-full-file-section.component';
+import { MarkdownViewerModule } from '../shared/markdown-viewer/markdown-viewer.module';
+
 
 const ENTRY_COMPONENTS = [
   // put only entry components that use custom decorator
@@ -123,6 +125,7 @@ const DECLARATIONS = [
     CrisItemPageModule,
     ContextMenuModule.withEntryComponents(),
     MiradorViewerModule,
+    MarkdownViewerModule,
   ],
   declarations: [
     ...DECLARATIONS,

src/app/shared/utils/markdown.pipe.ts

@@ -63,7 +63,9 @@ export class MarkdownPipe implements PipeTransform {
 
     let html: string;
     if (environment.markdown.mathjax) {
+      // TODO: instead of using md.use with mathjax, use ng-katex rendering from its service
       md.use(await this.mathjax);
+      // TODO: keep this as is
       const sanitizeHtml = await this.sanitizeHtml;
       html = sanitizeHtml(md.render(value), {
         // sanitize-html doesn't let through SVG by default, so we extend its allowlists to cover MathJax SVG

src/themes/custom/lazy-theme.module.ts

@@ -170,6 +170,7 @@ import { RequestCopyModule } from 'src/app/request-copy/request-copy.module';
 import {UserMenuComponent} from './app/shared/auth-nav-menu/user-menu/user-menu.component';
 import { BrowseByComponent } from './app/shared/browse-by/browse-by.component';
 import { RegisterEmailFormComponent } from './app/register-email-form/register-email-form.component';
+import { MarkdownViewerModule } from '../../app/shared/markdown-viewer/markdown-viewer.module';
 
 const DECLARATIONS = [
   FileSectionComponent,
@@ -324,7 +325,8 @@ const DECLARATIONS = [
     MiradorViewerModule,
     FooterModule,
     ExploreModule,
-    SocialModule
+    SocialModule,
+    MarkdownViewerModule,
   ],
   declarations: DECLARATIONS,
     exports: [