fetch-config.js

import pick from 'lodash/pick';
import { defaultProfiles } from 'cloudinary-video-player-profiles';
import { isRawUrl, getCloudinaryUrlPrefix } from '../plugins/cloudinary/url-helpers';
import { CLOUDINARY_CONFIG_PARAM } from '../video-player.const';
import { utf8ToBase64 } from '../utils/utf8Base64';
import { appendQueryParams } from './querystring';
import { convertKeysToSnakeCase } from './object';

const isDefaultProfile = (profileName) => !!defaultProfiles.find(({ name }) => profileName === name);

const getDefaultProfileConfig = (profileName) => {
  const profile = defaultProfiles.find(({ name }) => profileName === name);

  if (!profile) {
    throw new Error(`Default profile with name ${profileName} does not exist`);
  }

  return profile.config;
};

const getCloudinaryConfigFromOptions = (options) => {
  if (options.cloudinaryConfig) {
    return options.cloudinaryConfig;
  }

  const snakeCaseCloudinaryConfig = pick(convertKeysToSnakeCase(options), CLOUDINARY_CONFIG_PARAM);
  return Object.assign({}, snakeCaseCloudinaryConfig);
};

const fetchConfig = async (options) => {
  const { profile, publicId, type = 'upload', videoConfig, allowUsageReport = true } = options;
  
  if (profile && isDefaultProfile(profile)) {
    return getDefaultProfileConfig(profile);
  }

  const cloudinaryConfig = getCloudinaryConfigFromOptions(options);
  const urlPrefix = getCloudinaryUrlPrefix(cloudinaryConfig) + '/_applet_/video_service';
  const queryParams = allowUsageReport ? { _s: `vp-${VERSION}` } : null;

  let configUrl;
  if (profile) {
    configUrl = isRawUrl(profile) 
      ? profile 
      : appendQueryParams(`${urlPrefix}/video_player_profiles/${profile.replaceAll(' ', '+')}.json`, queryParams);
  } else if (publicId && videoConfig !== false) {
    configUrl = appendQueryParams(`${urlPrefix}/video_player_config/video/${type}/${utf8ToBase64(publicId)}.json`, queryParams);
  } else {
    return {};
  }
  
  return fetch(configUrl, { method: 'GET' }).then(res => {
    if (!res.ok) {
      // fail silently
      return {};
    }
    return res.json();
  });
};

export const fetchAndMergeConfig = async (options) => {
  const profileOptions = await fetchConfig(options);
  const fetchedConfig = profileOptions.playerOptions ? Object.keys(profileOptions.playerOptions) : [];
  const profileAnalytics = {
    _internalAnalyticsMetadata: {
      newPlayerMethod: true,
      ...(options.profile ? {
        profile: isDefaultProfile(options.profile) ? options.profile : true
      } : {}),
      ...(!options.profile && options.videoConfig !== false && options.publicId ? {
        videoConfig: true
      } : {}),
      ...(fetchedConfig.length > 0 ? {
        fetchedConfig: fetchedConfig.join(',')
      } : {})
    }
  };
  return Object.assign(
    {}, 
    profileOptions.playerOptions || {}, 
    profileOptions.sourceOptions || {}, 
    options,
    profileAnalytics
  );
};