"export as namespace" automatically in declaration file

Question

I have a small ts library that gets outputed as UMD and I also output the *.d.ts file automatically via tsconfig: "declaration": true.

The file being exported looks like:

export class Blue { 
    alert(): void {
        console.log('alerted');
    }
}

Using exported UMD module declares a window.myLib variable.

The d.ts file looks like:

export declare class Blue {
    alert(): void;
}

Now, either via webpack, or a typescript option that I have not found I would like to also generate in the d.ts file the following line:

export as namespace myLib;

Is there a way to do this? Thanks.

zzxoto · Accepted Answer · 2020-03-03 04:21:37Z

2

Instead of just:

export class Blue { 
    alert(): void {
        console.log('alerted');
    }
}

Try:

class Blue_ { 
  alert(): void {
      console.log('alerted');
  }
}

export { Blue_ as Blue };

declare global {
  namespace myLib {
    let Blue: typeof Blue_;
  }
}

This would spit the following declaration file:

declare class Blue_ {
    alert(): void;
}
export { Blue_ as Blue };
declare global {
    namespace myLib {
        let Blue: typeof Blue_;
    }
}

Now myLib.Blue is accessible globally, and also, class Bluecould be imported like import { Blue } from '...'. Which is equivalent to having export as namespace myLib; in the declaration file.

Hope this helps.

answered Mar 3, 2020 at 4:21

zzxoto

826 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

MadLux Over a year ago

This solution is perfect, and it overcomes the current limitation of nested namespace in the "export as namespace" support: github.com/microsoft/TypeScript/issues/20990

Collectives™ on Stack Overflow

"export as namespace" automatically in declaration file

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related