by

Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • 04:32
    ybsung edited #2840
  • 04:31
    ybsung edited #2840
  • 03:42
    codecov[bot] commented #2840
  • 03:40
    codecov[bot] commented #2840
  • 03:40
    codecov[bot] commented #2840
  • 03:34
    codecov[bot] commented #2840
  • 03:34
    ybsung synchronize #2840
  • 03:34

    ybsung on PLAT-115535

    Generate ID when rendering Ena… (compare)

  • 03:22
    ybsung edited #2840
  • 02:05
    codecov[bot] commented #2840
  • 02:01
    codecov[bot] commented #2840
  • 02:00
    codecov[bot] commented #2840
  • 01:54
    ybsung opened #2840
  • 01:53

    ybsung on PLAT-115535

    Wrap the portal with div having… (compare)

  • 01:49
    RenukaAtale synchronize #2836
  • 01:49

    RenukaAtale on PLAT-113686-touchable

    PLAT-113569: Update @enact/ui-t… fixed the lint error Merge branch 'develop' into fea… (compare)

  • 01:19

    webOS101 on PLAT-113570

    (compare)

  • 01:19

    webOS101 on develop

    PLAT-113569: Update @enact/ui-t… (compare)

  • 01:19
    webOS101 closed #2838
  • 01:11
    JayCanuck edited #2838
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.