JavaScript Modules and Dependency Injection

index.js

import {Router} from './myRouter'
import {Component} from './myComponent' with {Router} // inject Router into imported module

const component = new Component()

component.doSomething()

myComponent.js

import {Router} // injected by parent

export class Component {
  constructor() {
    this.router = new Router() // this is injected by the parent module
  }
  doSomething() {
    this.router.doSomething()
  }
}

transpiled.js

// myComponent.js
module.exports = function(Router) {
  function Component() {
    this.router = new Router()
  }
  Component.prototype.doSomething = function(){
    this.router.doSomething()
  }
  
  return {Component: Component}
}

// index.js
var Router = require('./myRouter').Router
var Component = require('./myComponent')(Router).Component // inject Router into imported module

const component = new Component()

component.doSomething()