Typescript example of routing app

Vlab22 · November 7, 2022, 5:41pm

Hi, Im new of Lightning and I’m trying to build a simple app in typescript but i get stuck with the page focus.
At this link you can find my test repo:

There are only 2 pages without widget and the main app.ts file. The _handleEnter() function setted in App.ts doesn’t change page focus to the next page after the navigation.
Could you please tell me what’s is wrong in the code?
Thanks in advance

chiefcll · November 8, 2022, 2:14pm

Hi!

Make sure you read through

You’re App component needs to extend Router.app for it to set the _getFocused to the Page element. Then things should work. Also in settings.json change inspector to True which will help you debug.

github.com

frank-weindel/com.metrological.app.TMDB/blob/typescript/src/App.ts

import { Lightning, Utils, Router } from '@lightningjs/sdk';
import {routes} from "./lib/routes";
import {init as initFactory} from "./lib/factory"
import {Menu} from "./widgets"
import {Background} from "./components";
import {Protanopia, Deuteranopia, Tritanopia, ColorShift, Achromatopsia} from "./shader";
const correction = {
    Protanopia, Deuteranopia, Tritanopia, ColorShift, Achromatopsia
};

export interface AppTemplateSpec extends Router.App.TemplateSpec {
    ColorCorrection: {
        Background: typeof Background,
        Holder: {
            Fps: {
                Amount: object,
                Unit: object
            },
            Average: {
                Amount: object,

This file has been truncated. show original

Chris

Vlab22 · November 9, 2022, 12:04pm

Hi Chris,
thank you very much!!!
Now it’s working

Topic		Replies	Views
Potential Bug? Type error with route hash when navigating to BootPage (Splash) Get Help	3	348	January 3, 2023
Typescript support General Discussion	1	342	January 4, 2023
How to get focus on SVG element Get Help	1	507	November 2, 2022
How to Handle the Focus when Each Item of List is having Two subcomponets? Get Help	1	439	September 16, 2022
Handle mouse event Get Help	2	525	February 28, 2023

Typescript example of routing app

Related topics