Typescript cannot extends Autodesk.Viewing.ToolInterface

Question

I'm following a tutorial from Autodesk to create a new viewer tool, but using Typescript. However, when I tried extending ToolInterface, I got :

TS2689 (TS) Cannot extend an interface 'Autodesk.Viewing.ToolInterface'. Did you mean 'implements'?

The error disappears if I use implements, but then I cannot use super() in the constructor, as in the tutorial stated. Can I get some help on this? In the index.d.ts of forge-viewer, the ToolInterface is defined as Interface, not Class

This is the tutorial I'm following:

https://forge.autodesk.com/blog/custom-tools-forge-viewer

The thing called tool interface in their example is not an interface so I'm confused as to why typescript would tell you it is. You'll have to show the code you're using. — windowsill
– windowsill, Commented Apr 22, 2021 at 7:35
I didn't get far since that's the first line of the code. This is all I have: const ToolName = 'TransformScaleTool'; const ToolOverlayName = 'TransformScaleOverlay'; export default class TransformScaleTool implements Autodesk.Viewing.ToolInterface { state = ''; constructor() { super(); this.state = ''; } } — user3648721
– user3648721, Commented Apr 22, 2021 at 8:08
The project is very big so I can't send everything up here. But when I use implements for ToolInterface, Visual studio points to index.d.ts in node_modules/forge-viewer. — user3648721
– user3648721, Commented Apr 22, 2021 at 8:10

Petr Broz · Accepted Answer · 2021-04-28 08:53:34Z

1

As someone correctly explained in the comments, Autodesk.Viewing.ToolInterface is actually a class. The TypeScript definition incorrectly defines it as an interface which is then causing issues.

We will need to update the TypeScript defs but in the meantime, you could try and define your own tool as a simple class, not extending or implementing anything, and when registering the tool with the viewer using viewer.toolController.registerTool, you could force-type it to whichever type you need, for example:

viewer.toolController.registerTool(myTool as Autodesk.Viewing.ToolInterface);

answered Apr 28, 2021 at 8:53

Petr Broz

10.1k2 gold badges18 silver badges30 bronze badges

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

Collectives™ on Stack Overflow

Typescript cannot extends Autodesk.Viewing.ToolInterface

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