file-path.service.ts

import { Injectable } from '@angular/core';

import * as path from 'path';

import { SourceFolderService } from '../statistics/source-folder.service';

import type { ImageElement } from '../../../../interfaces/final-object.interface';

type FolderType = 'thumbnails' | 'filmstrips' | 'clips';

@Injectable()
export class FilePathService {

  replaceMap: any = {
    ' ': '%20',
    '(': '%28',
    ')': '%29',
  };

  constructor(
    public sourceFolderService: SourceFolderService,
  ) { }

  /**
   * Build the browser-friendly path based on the input (only `/` and `%20`), prepend with `file://`
   * @param folderPath - path to where `vha-folder` is stored
   * @param hubName    - name of hub (to pick the correct `vha-folder` name)
   * @param subfolder  - whether `thumbnails`, `filmstrips`, or `clips`
   * @param hash       - file hash
   * @param video      - boolean -- if true then extension is `.mp4`
   */
  createFilePath(folderPath: string, hubName: string, subfolder: FolderType, hash: string, video?: boolean): string {
    return 'file://' + path.normalize(path.join(
      folderPath,
      'vha-' + hubName,
      subfolder,
      hash + (video ? '.mp4' : '.jxl')
    )).replace(/\\/g, '/')
      .replace(/[ \(\)]/g, (match) => { return this.replaceMap[match]; });
      //         ^^^^^ replace the ` ` (space) as well as parentheses `(` and `)` with URL encoding from the `replaceMap`
  }

  /**
   * return file name without extension
   * e.g. `video.mp4` => `video`
   */
  getFileNameWithoutExtension(fileName: string): string {
    return fileName.slice().substr(0, fileName.lastIndexOf('.'));
  }

  /**
   * return extension without file name
   * e.g. `video.mp4` => `.mp4`
   */
  getFileNameExtension(fileName: string): string {
    return fileName.slice().split('.').pop();
  }

  /**
   * Return full filesystem path to video file
   */
  getPathFromImageElement(item: ImageElement): string {
    return path.join(
      this.sourceFolderService.selectedSourceFolder[item.inputSource].path,
      item.partialPath,
      item.fileName
    );
  }

}