Add support for IPFS multihash urls in file info dialog

floogulinc · Oct 9, 2022 · b90a307 · b90a307
1 parent 056aa2b
commit b90a307
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 4 deletions.
diff --git a/src/app/file-info-sheet/file-info-sheet.component.html b/src/app/file-info-sheet/file-info-sheet.component.html
@@ -23,6 +23,10 @@ <h2 mat-dialog-title class="sheet-title">File Info</h2>
         <mat-icon>link</mat-icon>
         <span>Copy hyshare URL</span>
       </button>
+      <button mat-menu-item *ngIf="ipfsUrl$ | async as ipfsUrl" [cdkCopyToClipboard]="ipfsUrl">
+        <mat-icon>link</mat-icon>
+        <span>Copy IPFS URL</span>
+      </button>
       <button mat-menu-item (click)="reload()">
         <mat-icon>refresh</mat-icon>
         <span>Refresh</span>

diff --git a/src/app/file-info-sheet/file-info-sheet.component.ts b/src/app/file-info-sheet/file-info-sheet.component.ts
@@ -6,7 +6,7 @@ import { saveAs } from 'file-saver';
 import { MatSnackBar } from '@angular/material/snack-bar';
 import { tagsObjectFromFile } from '../utils/tag-utils';
 import { SettingsService } from '../settings.service';
-import { BehaviorSubject, map, shareReplay, switchMap } from 'rxjs';
+import { BehaviorSubject, filter, map, shareReplay, switchMap } from 'rxjs';
 
 interface ShareData {
   title?: string;
@@ -76,6 +76,11 @@ export class FileInfoSheetComponent {
     shareReplay(1),
   )
 
+  ipfsUrl$ = this.file$.pipe(
+    filter(file => file.ipfs_multihashes && Object.values(file.ipfs_multihashes).length > 0),
+    map(file => `${this.settings.appSettings.ipfsMultihashUrlPrefix}${Object.values(file.ipfs_multihashes)[0]}`)
+  )
+
 
   reload() {
     this.reload$.next(null);

diff --git a/src/app/hydrus-file.ts b/src/app/hydrus-file.ts
@@ -49,6 +49,8 @@ export interface HydrusFileFromAPI extends HydrusBasicFileFromAPI {
   notes?: HydrusNotes;
 
   detailed_known_urls?: HydrusURLInfo[];
+
+  ipfs_multihashes?: Record<string, string>;
 }
 
 export interface HydrusFile extends HydrusFileFromAPI, HydrusBasicFile {

diff --git a/src/app/settings.ts b/src/app/settings.ts
@@ -9,6 +9,7 @@ export interface AppSettingsV1 {
   hyshareUrl: string;
   saucenaoApiKey: string;
   saucenaoSearchProxy: string;
+  ipfsMultihashUrlPrefix: string;
 }
 
 export type AppSettingsStorage = AppSettingsV1;
@@ -20,5 +21,6 @@ export const defaultAppSettings: AppSettings = {
   browseDefaultSearchTags: [],
   hyshareUrl: '',
   saucenaoApiKey: '',
-  saucenaoSearchProxy: '/__saucenao-search'
+  saucenaoSearchProxy: '/__saucenao-search',
+  ipfsMultihashUrlPrefix: 'https://ipfs.io/ipfs/'
 }
diff --git a/src/app/settings/settings.component.html b/src/app/settings/settings.component.html
@@ -48,12 +48,17 @@
         </mat-form-field>
 
         <mat-form-field appearance="outline">
-          <mat-label>SauceNAO API Key</mat-label>
+          <mat-label>IPFS multihash URL prefix</mat-label>
+          <input matInput type="url" autocomplete="off" formControlName="ipfsMultihashUrlPrefix">
+        </mat-form-field>
+
+        <mat-form-field appearance="outline">
+          <mat-label>SauceNAO API key</mat-label>
           <input matInput type="password" autocomplete="off" formControlName="saucenaoApiKey">
         </mat-form-field>
 
         <mat-form-field appearance="outline">
-          <mat-label>SauceNAO Search Proxy URL</mat-label>
+          <mat-label>SauceNAO search proxy URL</mat-label>
           <input matInput type="text" autocomplete="off" formControlName="saucenaoSearchProxy">
         </mat-form-field>
         <div fxLayout="row wrap" fxLayoutAlign="end" class="">