chore: allow png preview

docs/releases/v2.3.0.md

+# v2.3.0
+
+## New feature
+
+- update dataset preview functionality, allow the previewing of png
\ No newline at end of file

mkdocs.yml

@@ -40,6 +40,7 @@ pages:
     - Fetching datasets: 'advanced/datasets.md'
     - Display non-atlas volumes: 'advanced/otherVolumes.md'
   - Release notes:
+    - v2.3.0: 'releases/v2.3.0.md'
     - v2.2.2: 'releases/v2.2.2.md'
     - v2.2.1: 'releases/v2.2.1.md'
     - v2.2.0: 'releases/v2.2.0.md'

src/index.html

@@ -11,7 +11,7 @@
   <link rel="stylesheet" href="theme.css">
   <link rel="stylesheet" href="version.css">
   
-  <script src="https://unpkg.com/kg-dataset-previewer@0.0.18/dist/kg-dataset-previewer/kg-dataset-previewer.js" defer>
+  <script src="https://unpkg.com/kg-dataset-previewer@0.0.19/dist/kg-dataset-previewer/kg-dataset-previewer.js" defer>
   </script>
 
   <title>Interactive Atlas Viewer</title>

src/ui/databrowserModule/preview/previewComponentWrapper/previewCW.component.ts

@@ -5,6 +5,7 @@ import { Observable, fromEvent, Subscription, of, throwError } from "rxjs";
 import { switchMapTo, catchError, take, concatMap, map, retryWhen, delay } from "rxjs/operators";
 import { DomSanitizer, SafeResourceUrl } from "@angular/platform-browser";
 import { ARIA_LABELS } from 'common/constants'
+import { DS_PREVIEW_URL } from 'src/util/constants'
 
 const { 
   DOWNLOAD_PREVIEW,
@@ -39,6 +40,7 @@ const fromPromiseRetry = ({ retries = 10, timeout = 100 } = {}) => {
 
 export class PreviewComponentWrapper{
 
+  public DS_PREVIEW_URL = DS_PREVIEW_URL
   public touched: boolean = false
   public untouchedIndex: number = 0
 

src/ui/databrowserModule/preview/previewComponentWrapper/previewCW.template.html

@@ -39,7 +39,7 @@
       [darkmode]="darktheme$ | async"
       [filename]="filename"
       [kgId]="kgId"
-      [backendUrl]="backendUrl"
+      [backendUrl]="backendUrl || DS_PREVIEW_URL"
       #dataPreviewerStencilCmp>
 
     </kg-dataset-previewer>