refactor(file-share-embed): created service for share and embed

Author: nsemets

src/app/features/files/constants/index.ts

@@ -1,4 +1,3 @@
-export * from './embed-content.constants';
 export * from './file-browser-info.constants';
 export * from './file-metadata-fields.constants';
 export * from './file-provider.constants';

src/app/features/files/pages/file-detail/file-detail.component.ts

@@ -51,6 +51,7 @@ import { MetaTagsBuilderService } from '@osf/shared/services/meta-tags-builder.s
 import { SignpostingService } from '@osf/shared/services/signposting.service';
 import { ToastService } from '@osf/shared/services/toast.service';
 import { ViewOnlyLinkHelperService } from '@osf/shared/services/view-only-link-helper.service';
+import { embedDynamicJs, embedStaticHtml } from '@shared/constants/file-embed.constants';
 import { FileDetailsModel } from '@shared/models/files/file.model';
 import { MetadataTabsModel } from '@shared/models/metadata-tabs.model';
 
@@ -60,7 +61,6 @@ import {
   FileResourceMetadataComponent,
   FileRevisionsComponent,
 } from '../../components';
-import { embedDynamicJs, embedStaticHtml } from '../../constants';
 import { FileDetailTab } from '../../enums';
 import {
   DeleteEntry,

…les/constants/embed-content.constants.ts …shared/constants/file-embed.constants.tssrc/app/features/files/constants/embed-content.constants.ts renamed to src/app/shared/constants/file-embed.constants.ts src/app/features/files/constants/embed-content.constants.ts renamed to src/app/shared/constants/file-embed.constants.ts

@@ -0,0 +1,4 @@
+export interface FileShareLink {
+  link: string;
+  target: '_self' | '_blank';
+}

src/app/shared/models/files/file-share-link.model.ts

@@ -0,0 +1,65 @@
+import { Clipboard } from '@angular/cdk/clipboard';
+import { inject, Injectable } from '@angular/core';
+
+import { ENVIRONMENT } from '@osf/core/provider/environment.provider';
+import { embedDynamicJs, embedStaticHtml } from '@shared/constants/file-embed.constants';
+
+import { FileModel } from '../models/files/file.model';
+import { FileShareLink } from '../models/files/file-share-link.model';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class FilesShareEmbedService {
+  private readonly environment = inject(ENVIRONMENT);
+  private readonly clipboard = inject(Clipboard);
+
+  private readonly EMBED_PLACEHOLDER = 'ENCODED_URL';
+
+  getShareLink(file: FileModel, shareType?: string): FileShareLink | null {
+    const url = file.links?.html;
+    const name = file.name;
+
+    if (!url || !name) return null;
+
+    const encodedUrl = encodeURIComponent(url);
+    const encodedName = encodeURIComponent(name);
+
+    switch (shareType) {
+      case 'email':
+        return {
+          link: `mailto:?subject=${encodedName}&body=${encodedUrl}`,
+          target: '_self',
+        };
+      case 'twitter':
+        return {
+          link: `https://x.com/intent/tweet?url=${encodedUrl}&text=${encodedName}&via=OSFramework`,
+          target: '_blank',
+        };
+      case 'facebook': {
+        const appId = this.environment.facebookAppId;
+        return {
+          link: `https://www.facebook.com/dialog/share?app_id=${appId}&display=popup&href=${encodedUrl}&redirect_uri=${encodedUrl}`,
+          target: '_blank',
+        };
+      }
+      default:
+        return null;
+    }
+  }
+
+  getEmbedHtml(file: FileModel, embedType?: string): string {
+    switch (embedType) {
+      case 'dynamic':
+        return embedDynamicJs.replace(this.EMBED_PLACEHOLDER, file.links.render);
+      case 'static':
+        return embedStaticHtml.replace(this.EMBED_PLACEHOLDER, file.links.render);
+      default:
+        return '';
+    }
+  }
+
+  copyToClipboard(value: string): boolean {
+    return this.clipboard.copy(value);
+  }
+}