Cell 4

$TS.screen('act.com/fr-fr', {zoom: .5, width: 680, 'crop-h': 400});

What the code could have been:

typescript
// constants.ts
export const DEFAULT_ZOOM = 0.5;
export const DEFAULT_WIDTH = 680;
export const DEFAULT_HEIGHT = 400;

// BrowserHelper.ts
interface BrowserConfig {
  zoom: number;
  width: number;
  'crop-h': number;
}

class BrowserHelper {
  public static getScreenUrl(languageCode: string, config: BrowserConfig): string {
    return `act.com/${languageCode}`;
  }

  public static getScreenConfig(config: BrowserConfig): BrowserConfig {
    if (!config.zoom) config.zoom = DEFAULT_ZOOM;
    if (!config.width) config.width = DEFAULT_WIDTH;
    if (!config['crop-h']) config['crop-h'] = DEFAULT_HEIGHT;
    return config;
  }

  public static getScreenUrlWithConfig(languageCode: string, config: BrowserConfig): string {
    const config = this.getScreenConfig(config);
    return `${this.getScreenUrl(languageCode, config)}?zoom=${config.zoom}&width=${config.width}&crop-h=${config['crop-h']}`;
  }
}

// main.ts
import { BrowserConfig, DEFAULT_ZOOM, DEFAULT_WIDTH, DEFAULT_HEIGHT } from './constants';

const languageCode: string = 'fr-fr';
const config: BrowserConfig = {
  zoom: 0.5,
  width: 680,
  'crop-h': 400,
};

const screenUrl: string = BrowserHelper.getScreenUrlWithConfig(languageCode, config);
console.log(screenUrl);

TS.screen(screenUrl);