import {isPlatformServer} from '@angular/common';
import {Inject, inject, Injectable, PLATFORM_ID} from '@angular/core';
import {buildAssetQueryString} from '@localess/client';
import {LOCALESS_BROWSER_CONFIG} from "../localess.config";
import type {AssetTransformParams, ContentAsset} from "../models";

@Injectable()
export class BrowserAssetService {
  config = inject(LOCALESS_BROWSER_CONFIG)
  constructor(
    @Inject(PLATFORM_ID) private readonly platformId: Object,
  ) {
    if (this.config.debug) {
      console.log('[Localess] BrowserAssetService', this.config);
    }
    if(isPlatformServer(platformId)) {
      console.error('[Localess] BrowserAssetService: Please use the service on browser side only.');
    }
  }

  /**
   * Convert Asset to URL with optional image transform parameters.
   * @param asset
   * @param params
   */
  link(asset: ContentAsset | string, params?: AssetTransformParams): string {
    const uri = typeof asset === 'string' ? asset : asset.uri;
    const qs = buildAssetQueryString(params);
    const base = `${this.config.origin}/api/v1/spaces/${this.config.spaceId}/assets/${uri}`;
    return qs ? `${base}?${qs}` : base;
  }
}