enactjs/Lobby

Roy Sutton

@webOS101

How do you mean?

Eric Blade

@ericblade

i'm not sure if i've got something broken, or if it's enact being picky, but i was attempting to setup a path in tsconfig like: "paths": { "components/": ["src/components/"] } .. works in editor, but when i npm serve it, it complains that the module can't be resolved

Roy Sutton

@webOS101

ah.

Don’t believe that cli supports anything like that right now.

Eric Blade

@ericblade

:ok:

Eric Blade

@ericblade

so, basically, should i just assume that any configuration changes that i make to tsconfig and other like files, is probably only going to affect my editor?

unless i eject and go from there?

Dave Freeman

@sugardave

yes? maybe. I haven't gone beyond Renuka's "Enact with typescript" tutorial, so I am no help

Deepak

@garg872

Hello, I have recently started learning Enact and planning to make some Mobile apps using it, But i cant use moonstone library as it is for only TV screens. Could you please provide some sample application with 2-3 screens, which i can refer and start my development. I have 10 yrs of exp in Android App & framework development.

Roy Sutton

@webOS101

You might check out our Agate repository to see if there are some components there you can use. There are some sample applications in the agate-apps repo. https://github.com/enactjs/agate/

Also, hello!

Deepak

@garg872

Hello Roy, thanks can i run these apps into browser to debug and understand components deeply.

Roy Sutton

@webOS101

Sure, you can do that with Moonstone as well.

Deepak

@garg872

But As i heard, Moonstone is a paid library, so i wont be able to use it for my apps development.

Roy Sutton

@webOS101

Where did you hear that?

Deepak

@garg872

Well, it was mentioned by one my team mate. That it is created by LG for some TV applications. and they have rights for any commercial usage.

Roy Sutton

@webOS101

I’m not aware of any restriction on its usage. It’s released under the Apache 2.0 license.

Seungho Park

@seunghoh

Hi @garg872 Roy is right, Moonstone is under Apache 2.0. https://github.com/enyojs/moonstone#copyright-and-license-information
Moonstone also supports touch on iOS and Android

Deepak

@garg872

Thanks @seunghoh for updating on the same.

Could you please give me some brief what components of Moonstone library helps to provide support for touch in Android and iOS.
Secondly, i would like to know that whenever i do "npm run pack" to create dist folder, automatically ilib folder gets added which is around 50 MB. Does moonstone has dependency on it. What should i do i want to remove this ilib from the dist folder ?

Roy Sutton

@webOS101

iLib is used for internationalization. If you don’t use any components that rely on it, you can theoretically get by without it. Specifically, DatePicker/TimePicker, DaySelector and VideoPlayer.

You could also remove any of the ilib directories for locales you do not support.

(ProgressBar also uses it for % tooltips)

Deepak

@garg872

Removing the ilib directories for locales, You mean to say manually deleting those directories from node_modules folder,

Roy Sutton

@webOS101

yes.

(of the dist folder)

Deepak

@garg872

ok Roy, Thanks for the reply. I will try and update here

Axel Garcia

@pechurc

Hi, im trying to use Enact with TypeScript and Im having some problems
Using BodyText I cant set property "size"

<BodyText size="small">{description}</BodyText>

im getting

No overload matches this call.
  Overload 1 of 2, '(props: Readonly<BodyTextProps & HTMLProps<HTMLElement>>): BodyText', gave the following error.
    Type 'string' is not assignable to type 'undefined'.
  Overload 2 of 2, '(props: BodyTextProps & HTMLProps<HTMLElement>, context?: any): BodyText', gave the following error.
    Type 'string' is not assignable to type 'undefined'.ts(2769)
BodyText.d.ts(35, 3): The expected type comes from property 'size' which is declared here on type 'IntrinsicAttributes & IntrinsicClassAttributes<BodyText> & Readonly<BodyTextProps & HTMLProps<HTMLElement>> & Readonly<...>'
BodyText.d.ts(35, 3): The expected type comes from property 'size' which is declared here on type 'IntrinsicAttributes & IntrinsicClassAttributes<BodyText> & Readonly<BodyTextProps & HTMLProps<HTMLElement>> & Readonly<...>'

But this is the definition of 'size'

  /**
 * Sets the text size to one of the preset sizes. Available sizes: 'large' (default) and 'small'.
 */
  size?: "small" | "large";

Roy Sutton

@webOS101

That is pretty odd.

The size declaration looks correct.

I can try to reproduce that.

Axel Garcia

@pechurc

https://github.com/pechurc/enact-typescript-error.git here is a error reproduction, I used typescript template

Roy Sutton

@webOS101

Thanks, that will help.

Seungho Park

@seunghoh

@garg872

Could you please give me some brief what components of Moonstone library helps to provide support for touch in Android and iOS.

All moonstone components will work on Android and iOS

Roy Sutton

@webOS101

@pechurc Thanks for the reproduction case. I believe I figured out the issue. If you want to fix it manually, you will need to update line 45 of BodyText.d.ts to be:

  Merge<React.HTMLProps<HTMLElement>, BodyTextBaseProps>

We’ll need to update our tool that creates the typings to correct this. I don’t know when we will be doing another update to Moonstone, though.

So it would be best to fix it locally for now or suppress the warning.

Axel Garcia

@pechurc

Thanks! that fixed it.
'Cell' also have the same issue and this fixed it.

Roy Sutton

@webOS101

:+1:

Developer From Jokela

@developerfromjokela

Hello,

I'm developing an LG Smart TV app. Now I wonder how can I download JSON data from my server and show it in my VirtualGridList?

Dave Freeman

@sugardave

Hi @developerfromjokela you can use any number of ways to get the JSON data, from a fetch module (I think we may have it in some dependency already, but easily added if not), to using XMLHttpRequest from core JavaScript to make web requests. Any method you choose should have a callback that will have the data and then you can construct an array for your list from there.

Developer From Jokela

@developerfromjokela

@sugardave Ok, i've figured out how to load the data, but how to pass it? I am using kind, and when data loads, how should I set the change in VirtualGridList.

Developer From Jokela

@developerfromjokela

I've figured it out, switched to React.Component and used state.

Developer From Jokela

@developerfromjokela

How can I listen when in dialog, user presses the close button?

Roy Sutton

@webOS101

@developerfromjokela Have you looked in our docs? https://enactjs.com/docs/modules/moonstone/Dialog/#DialogBase.onClose

adline-st

@adline-st

Hi,
I am new to enact. Can anyone help me to understand how to use 'ui/Routable'.

YunBum SUNG

@ybsung

Hello @adline-st
Here is the sample using 'moonstone/Panels .Routable'.
https://github.com/enactjs/samples/blob/master/pattern-routable-panels/src/App/App.js#L13

But the 'moonstone/Panels.Routable' is exactly same with 'ui/Routable'. The 'moonstone/Panels' exports the 'ui/Routable' as 'Routable'.
https://github.com/enactjs/moonstone/blob/develop/Panels/index.js

Deepak

@garg872

Hi, I want to integrate my local font to my enact application, is there any sample code how to do it ?

Seungho Park

@seunghoh

@garg872 We don't have any specific sample but you can just add your font family definition into the app's css(less)
Just FYI, Adding CSS guide https://enactjs.com/docs/tutorials/tutorial-hello-enact/adding-css/

Blake Stephens

@Djspaceg

@garg872 , if you're making your own theme, you can use the /styles/fonts.less or /styles/internal/fonts.less to define your font-faces, and then refer to those in your Variables files.

Where communities thrive

People

Repo info

Activity