Monaco Editor: Creating TypeScript-Declarations automatically

Question

i am using the Monaco Editor and i wonder, if it is possible, to create typescript declarations (*.d.ts) out of typescript-codes.

Something like this pseudocode:

var myTsCode = "function greeter(person: string): string { return 'Hello, ' + person; }";
var myDTS = monaco.languages.typescript.createdts(myTsCode); // returns 'declare function greeter(person: string): string;'

monaco.languages.typescript.typescriptDefaults.addExtraLib(myDTS, "filename/my.d.ts");

(Basically the same way i can do via Commandline: "tsc myTsCode.ts -d")

Thanks in advance & Greetings ... Peter

AndersMad · Accepted Answer · 2017-05-04 07:44:21Z

3

Yes, apparently that is possible - try this (incomplete code):

let compilerOptions = (monaco.languages.typescript.typescriptDefaults as any)
    .getCompilerOptions(); // getCompilerOptions is not "public"
compilerOptions.declaration = true;
monaco.languages.typescript.typescriptDefaults.setCompilerOptions(compilerOptions);

Then

getWorker.then((worker: any) => {
    worker(model.uri)
        .then((client: any) => {
            client.getEmitOutput(model.uri.toString()).then((result: any) => {
                console.log(result); // result.outputFiles[1].text
            });
        });
});

The second file in the array is 1.d.ts

It can also generate a 1.js.map source map file by compilerOptions.sourceMap = true;

answered May 4, 2017 at 7:44

AndersMad

3382 silver badges11 bronze badges

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

Collectives™ on Stack Overflow

Monaco Editor: Creating TypeScript-Declarations automatically

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related