feat(FEC-13371): Refactor: Transitioning from Flow to TypeScript

[JonathanTGold]

Description of the Changes

Refactor: Transitioning from Flow to TypeScript

solves FEC-13371

Refactoring Summary:

• TypeScript Adoption

  • Transitioned from Flow to TypeScript

• Build/Compiler Configuration

  • Implemented dual Compiler/build/target configurations for different build targets.
  • development: focuses on keeping up with new and modern (ESModule / TypeScript) standard - compiled by TypeScript compiler and targeted to ''ESNext' managed via the tsconfig.json file
  • production: focuses on old Browser support compatibility - compiled by webpack, babel and browserstack managed via the webpack.config file

• Streamlining Types

  • Synchronized types across all dependencies to ensure consistency.
  • Mapped missing types.
  • Removed duplicate types,
  • placing each in its respective repository.
  • Exported types as declarations for cleaner, more reusable code.

• Aligning with new syntax

  • Transforming old syntax into ECMAScript equivalent

• Remove polyfills

  • Remove polyfills library
  • Remove our polyfills code for some API (such as VTT)

• Upgrading Dependencies

  • Removed unnecessary dependencies for a leaner, more secure codebase
  • Updated existing ones for a leaner, more secure codebase..

• Automating TS declarations

  • Using automating tool to auto-generating TypeScript declarations ready for export as npm module

• Upgrading webpack

  • Refactoring webpack deps and configurations to align with latest tech and gain more faster secured and efficient builds

• Browsers Targets - Management

  • Achieved consistent browser targets across repositories using Babel and Browserlist, with plans for future automation.
  • Consistency (across all core dpes and plugins repos)
  • Shareable config (across all core dpes and plugins repos)

• Removing dist folder

  • using the NPM as our source for artifacts

Bundles size effects:

(assuming removing old browsers target support - not imlemented yet)

Asset Name	Before	After
kaltrua-player-js	1.74 MiB	1.59 MiB
playkit-js	204 KiB	179 KiB
playkit-js-ui	471 KiB	409 KiB
playkit-js-dash	40.5 KiB	32.8 KiB
playkit-js-hls	26.3 KiB	24.7 KiB
providers / playkit-ovp-provider	49.2 KiB	36.4 KiB
providers / playkit-ott-provider	31.4 KiB	21.9 KiB
providers / playkit-analytics-service	10.5 KiB	7.55 KiB
providers / playkit-bookmark-service	9.17 KiB	6.89 KiB
providers / playkit-stats-service	9.82 KiB	6.89 KiB
shaka-player	509 KB	unchanged
hls.js	375 KB	unchanged

Related PRs

kaltura/playkit-js#726
kaltura/playkit-js-providers#225
kaltura/playkit-js-dash#254
kaltura/playkit-js-hls#213
kaltura/playkit-js-ui#815
https://github.com/kaltura/playkit-js-browserslist-config/pull/1