How to add a custom title bar in electron in quasar when using typescript.

[Nethrenial]

Please, can any of you help me, after setting my quasar project with electron and typescript, I tried to add a custom title bar with help of an official example in quasar documentation, in it, we inject a new custom myWindowApi to window object in renderer thread via remote and ContextBridge.While this works in development mode and title bar functions as intended(even then Vetur and ESLint throw errors). But when I try to build it compilation fails because the property 'myWindowApi' doesn't exist on the window. I can't get to typescript to recognize my custom injected property in the window object. I'm so frustrated because I followed the official docs correctly

.

[ontwikkelfabriek]

@Nethrenial

I tried to add a custom title bar with help of an official example in quasar documentation

What example?

[Nethrenial]

https://quasar.dev/quasar-cli/developing-electron-apps/frameless-electron-window
This but this uses Javascript so it doesn't give any warning when I access my custom api in the window object,is there any way I can do it with typescript.

[ontwikkelfabriek]

@Nethrenial

I am not a typescript expert. but can't you define an interface for the window type with a myWindowsAPI property....

[tgarif]

@Nethrenial

Have you found a way to achieve it using typescript? I'm also struggling with the warning...

[hawkeye64]

Did you do the preload script properly? https://quasar.dev/quasar-cli/developing-electron-apps/frameless-electron-window#the-preload-script