I tried compiling tooltip2 index.ts to .js with tsc, got lots of errors - is this kind of use possible?

[phobrain]

I want to style two button tooltips on a page, if that is possible without learning any/much typescript. (Standard/w3c css div/span approaches so far hide the button I want the tooltip on.) The line numbers and flagged code from tsc have no obvious connection to the code in index.ts, so it's as if they are from a compile check on emitted code with imports instantiated.

$ tsc --version
Version 4.5.4
$ tsc index.ts --outFile tt.js|head
node_modules/@types/node/http.d.ts(241,47): error TS1005: ',' expected.

241         Response extends typeof ServerResponse<InstanceType<Request>> = typeof ServerResponse,

node_modules/@types/node/http.d.ts(241,71): error TS1109: Expression expected.
node_modules/@types/node/http.d.ts(242,5): error TS1109: Expression expected.

Solution seems to be

$ tsc --init

which leads to unsatisfied imports (rxjs,..) and inability to specify --outFile. rxjs seems to be React, so possibly this isn't as lightweight as I thought.

[kamilkrzyskow]

Hi @phobrain,
I'm not a TypeScript/RxJS dev, so I'm not sure if it's even possible to compile a component as a separate module as RxJS is a reactive framework, which relies on the chain of events, which starts in the index.js bundle, so there is a bunch of scaffolding around the component.

To style a tooltip, only CSS should be needed, unless you want to change the hover logic and not only how it looks, but if you want to have it always on, then I don't think you need the logic at all, just some HTML element that would be always displayed.
A minimal reproduction would definitely help to see what is happening and what you actually want.

[phobrain]

Thanks! I'm definitely out of my depth, and will go back to CSS for my next try. Now that I have a better idea of typescript, I doubt it's a feature to generate backward-compatible versions of what it seems designed to fix. :-)