TypeScript: import and export "at the same time"

Question

Is there a way of doing an import and an export of the same named variable, at the same time, in the same TypeScript file?

For instance, the following situation:

import { State as UIState } from './ui'
import { State as ConnectionState } from './connection'

export { State as UIState } from './ui'
export { State as ConnectionState } from './connection'

export type State = {
    ui: UIState
    connection: ConnectionState
}

To reduce writing cost, I would like to be able to write something like that:

export import { State as UIState } from './ui'

Any ideas?

Answer 1

Is there a way of doing an import and an export of a the same named variable, at the same time, in the same TypeScript file

No. There is no JS module syntax for that.

Answer 2

Creating a "index.ts" file (or foo.ts) reduced the repetitive import/export. (I am not sure if this is a good solution)

export * from './product-form.component'
export * from './product-list.component'

Angular module

import { NgModule } from '@angular/core';
import * as c from './index';
export * from './index'

@NgModule({
    declarations: [ 
        c.ProductListComponent,
        c.ProductFormComponent, 
    ]
  })
  export class ProductModule { }