import {LocalizeController as DefaultLocalizationController, registerTranslation} from '@shoelace-style/localize';
import type {Translation as DefaultTranslation} from '@shoelace-style/localize';

// Register English as the default/fallback language
import en from '../translations/en.js';

// Extend the controller and apply our own translation interface for better typings
export class LocalizeController extends DefaultLocalizationController<Translation> {
  // Technically '../translations/en.js' is supposed to work via side-effects. However, by some mystery sometimes the
  // translations don't get bundled as expected resulting in `no translation found` errors.
  // This is basically some extra assurance that our translations get registered prior to our localizer connecting in a component
  // and we don't rely on implicit import ordering.
  static {
    registerTranslation(en);
  }
}

// Export functions from the localize lib so we have one central place to import them from
export {registerTranslation} from '@shoelace-style/localize';

export interface Translation extends DefaultTranslation {
  $code: string; // e.g. en, fr
  $name: string; // e.g. English, French
  $dir: 'ltr' | 'rtl';

  onChange: string;
  hidePassword: string;
  showPassword: string;
  clearEntry: string;
  numOptionsSelected: (num: number) => string;
  fileButtonText: string;
  fileButtonTextMultiple: string;
  folderButtonText: string;
  folderDragDrop: string;
  fileDragDrop: string;
  numFilesSelected: (num: number) => string;
}