Basic typescript example of using protobufjs

Question

I'm currently implementing some protocol buffers translation in my typescript project. I've gotten the proto files loaded into the ProtoBuilder (using the typescript definitions file from protobufjs.d.ts) and I've returned a ProtoBuf from the builder.

If I set a breakpoint after I have the ProtoBuf object in a variable named pb, I can call pb.decode(buffer) in the console and it works. TypeScript, however, doesn't like the syntax.

After much poking and prodding, including trying things like:

pb["decode"](buffer)

(This gives Error TS2349 Cannot invoke an expression whose type lacks a call signature.)

I still cannot get the TypeScript compiler like the code.

How do I get from a TypeScript ProtoBuf object to the decode function buried within the MetaMessage object?

If it matters, I'm in Visual Studio 2015 doing this.

edit: I can get around the problem using:

var decoder: any = pb["decode"];
decoder(buffer);

But I would prefer a more elegant solution if one exists.

I know nothing about protobuf, but in TypeScript, you should be able to do pb['decode'](buffer), or (<any>pb).decode(buffer). — Heretic Monkey
– Heretic Monkey, Commented May 2, 2016 at 22:18
The first option (which apparently had the square braces removed in my question) was not effective, however, assigning var decoder: any = pb['decode']; did allow me a call to decoder(buffer). I'm hoping for a nicer looking answer, so I'll leave it open a bit, but I definitely appreciate the (<any>pb) bit since that's likely to come in handy in the future. — Chris
– Chris, Commented May 2, 2016 at 22:34
"was not effective"? Did you get a build error? If so, adding that to your question would be quite helpful... — Heretic Monkey
– Heretic Monkey, Commented May 2, 2016 at 22:37

Heretic Monkey · Accepted Answer · 2016-05-16 22:24:08Z

2

Working with definition files for existing JavaScript libraries can be tricky, because JavaScript is very loosely defined, whereas TypeScript is quite well defined. Without modifying the existing .d.ts file, or writing your own, the options are limited. Theoretically, the following should work:

pb['decode'](buffer)

But you mentioned it did not. Your workaround of setting an intermediate variable works fine:

var decoder: any = pb["decode"];
decoder(buffer);

This code is similar to the other workaround, which is to just declare pb as any. The following code does this inline:

(<any>pb).decode(buffer);

This code is basically telling the TypeScript compiler to "just pretend pb is something that has a decode method, or whatever".

answered May 16, 2016 at 22:24

Heretic Monkey

12.2k7 gold badges63 silver badges133 bronze badges

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

Collectives™ on Stack Overflow

Basic typescript example of using protobufjs

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related