Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Sep 23 10:15

    alexandrumorariu on WRO-11453

    Update sandstone/custom-skin/RE… (compare)

  • Sep 23 10:15
    alexandrumorariu synchronize #182
  • Sep 23 10:14

    alexandrumorariu on WRO-11453

    Apply suggestions from code rev… (compare)

  • Sep 23 10:14
    alexandrumorariu synchronize #182
  • Sep 23 00:36
    sjro edited #183
  • Sep 23 00:36
    sjro opened #183
  • Sep 23 00:35

    sjro on WRO-12570

    Update lint.js to apply lint op… (compare)

  • Sep 22 17:49
    alexandrumorariu opened #182
  • Sep 22 17:46

    alexandrumorariu on WRO-11453

    Added documentation. Edit documentation. (compare)

  • Sep 22 07:53
    sjro edited #3083
  • Sep 22 07:48
    sjro edited #188
  • Sep 22 07:21
    sjro edited #188
  • Sep 22 06:49
    sjro synchronize #187
  • Sep 22 06:49

    sjro on WRO-7525

    Merge branch 'develop' into fea… Merge pull request #182 from en… Merge branch 'feature/apply_gat… (compare)

  • Sep 22 06:45
    sjro synchronize #187
  • Sep 22 06:45

    sjro on WRO-7525

    reduce the if condition Enact-D… (compare)

  • Sep 22 06:31
    sjro edited #187
  • Sep 22 06:12
    sjro synchronize #187
  • Sep 22 06:12

    sjro on WRO-7525

    Fixed Enact + Typescript tutori… Update src/pages/docs/tutorials… Update src/pages/docs/tutorials… and 26 more (compare)

  • Sep 22 05:08
    sjro opened #188
Seungho Park
@seunghoh
@ericblade Can you share the complaining message of new feature?
Eric Blade
@ericblade
image.png
specifically, type imports
Seungho Park
@seunghoh
Thanks! We will take a look.
Eric Blade
@ericblade
i just reverted back to using my custom enact from when i submitted that PR and the type imports work fine.
Mikyung Kim
@MikyungKim
Hm.. It's weird.. Could you share "enact" property in your package.json for providing additional modules path?
Eric Blade
@ericblade
    "enact": {
        "theme": "moonstone",
        "template": "./template.html",
        "additionalModulePaths": [
            "./src"
        ]
    },
it is very weird. i have doubts that additionalModulePaths is affecting it, it's acting like it's using a specific version of typescript rather than the one installed
and this is what my Dockerfile does up to the point where it builds and fails
FROM node:16 AS build
WORKDIR /usr/src/pos
#ENV NODE_OPTIONS=--openssl-legacy-provider # not allowed in v14, but necessary in v17+ until we get upgraded webpack in enact
RUN npm install -g @enact/cli
#RUN npm install -g ericblade/cli#dev
RUN enact -v
RUN npm install -g typescript
RUN npm install -g workbox-cli
COPY package*.json ./
RUN npm install --production
COPY . .
WORKDIR /usr/src/pos/public
# RUN npm install --production
RUN npm install
RUN npm run pack-p
Eric Blade
@ericblade
the global installed enact/cli is 4.1.7, and the global typescript should be latest at 4.6.2
Mikyung Kim
@MikyungKim
Okay thanks, I'll try to reproduce the issue and get back to you.
Seungho Park
@seunghoh
@goodev2021 Enact has Scroller & VirtualList component which supports huge content with high performance. webOS TV uses these components a lot.
Please refer to our doc https://enactjs.com/docs/developer-guide/virtual-list-scroller/
You can also check our components samples in the storybook at https://enactjs.com/sampler/sandstone/
1 reply
Eric Blade
@ericblade
i checked out for sure that the global installed typescript with the above docker script is in fact 4.6.2.
It is even more strange that switching back to my fork of cli works with the exact same everything else. The only change on my fork are adding the module paths, there are no dependency changes or anything. My fork of cli is 4.1.3 + change. So, I guess this might be something to do with enactjs changes between 4.1.3 and 4.1.7
Eric Blade
@ericblade
oops my fork of cli is 4.1.6, fork of dev-utils is 4.1.3.
Eric Blade
@ericblade
enact -v reports 4.1.7, tsc -v reports 4.6.2, and then the npm run pack-p fails on all lines of code that use the new import { type ... } introduced in .. 4.5 https://devblogs.microsoft.com/typescript/announcing-typescript-4-5/#type-on-import-names
Eric Blade
@ericblade
and the only change i make between one working and one not working is the 'npm install -g @enact/cli' versus the 'npm install -g ericblade/cli#dev' ..
Seungho Park
@seunghoh
@goodev2021 I recommend you to read & follow enact tutorial page https://enactjs.com/docs/tutorials/introduction/ and you can also see the tutorial samples in the github https://github.com/enactjs/samples/tree/develop/sandstone
Don't worry that you are new to enact, if you are familar with react, then you won't have any problem :)
Juwon Jeong
@juwonjeong

so setting functional: true does get past the initial "you can't use a hook here" problem, but then it triggers: Line 25:30: React Hook "useSelector" is called in function "render" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter react-hooks/rules-of-hooks

@ericblade, we looked into the above issue. uppercase letter issue occured with the property name("render") in kind.
It seems that the kind() method needs an update.
I think we should disable the react-hooks/rules-of-hooks eslint rule to use hooks in kind for now.

Eric Blade
@ericblade
👍
goodev2021
@goodev2021
I come across a nice project - https://github.com/simon987/sist2 and just for reference
chuhotay-dev
@chuhotay-dev
Hi guys, how can I install Enact app on a target device, such as the emulator or webOS TV? Are there any guides related?
You can use several ways to install the app like using VS Code, CLI etc. Please refer to the Tools reference doc https://www.webosose.org/docs/tools/
chuhotay-dev
@chuhotay-dev
@seunghoh great, thanks bro
Bé Mỡ
@BeGao1605
Hi all, I'm a beginner
Please help me explain why EnactJS is framework but ReactJS is library
And please tell me the difference between EnactJS and ReactJS
frannceskka
@frannceskka
Hello guys. I am trying to develop an app. It runs fine on Tizen, but when I install it in LG TV it only shows a black screen and nothing else. Can you help me?
Seungho Park
@seunghoh
hi @frannceskka we need more information. do you have any error or warning message? How did you installed the app into the webOS TV? Which Enact version do you use? Which webOS version of your TV etc.
frannceskka
@frannceskka
Hi @seunghoh I package the app through the VS code extension webOS TV. I also tried ares-package dist. I do not get any error message, the app gets installed on the tv. I am using enact v4.0.0 but i also tried downgrading to v3.2.7 and the same thing happens.
Tv software vesrion is 05.40.26
I tried enact pack as well as enact pack -p
Seungho Park
@seunghoh
hm.. my question is that you saw only black screen when started app. I suspect that there might be some error. Would you please check the console when you see the blackscreen?
frannceskka
@frannceskka
I tried to debug it on TV but it doesnt show any error. the console is empty

<!DOCTYPE html>

<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
<title>Enact App Template</title>
<link href="main.css" rel="stylesheet"/></head>
<body>
<div id="root"></div>
<script src="main.js"></script></body>
</html>

this is my index.html file
maybe there is some sort of mistake here but i cant find it
Dead-Master
@Dead-Master
Tell me how to make the names of the compiled files unique in the project with enact, that is, there was a hash in the name of css and js
Do you just need to add something to some config or do you need to install additional plugins?
Seungho Park
@seunghoh
Enact CLI doesn't support that feature but you can eject, and edit the webpack config you want.
https://enactjs.com/docs/developer-tools/cli/ejecting-apps/
TranTung110699
@TranTung110699
I can't customize sandstone/RadioItem. How to customize sandstone/RadioItem ?
Seungho Park
@seunghoh
Hi, @TranTung110699
What do you want to do? you can use css prop to customize RadioItem
https://enactjs.com/docs/modules/sandstone/RadioItem/#RadioItem.css
Andy Lee
@hanuz06_gitlab
I setup a standard project with enactjs and want to change components extension from js to jsx but it is not recognized when importing.
4 replies
Seungho Park
@seunghoh
@hanuz06_gitlab Would you be more specific? Enact should work with js, jsx just like React
Ignacio Araya
@socialweb-iaraya
Hey everyone, I have a couple of questions: 1) I'm trying to understand how the spotlight API works and how to interact with the simulator's RCU, but I haven't been able to find any examples unfortunately. Correct me if I'm wrong, but if I create a basic sandstone application with a couple of sandstone buttons, besides adding the SpotlightRootDecorator at the root, what else should I do? Do I need to wrap the buttons inside a spotlight container too, or are they ready to use with spolight? The documentation is a little confusing. Thanks.
Ignacio Araya
@socialweb-iaraya
So far I've done this. I'm having a hard time setting the element focus, because I don't know is this is either Spotlight's responsibility or React's:
handlers: {
    onSpotlightLeft: (ev) => {
        Spotlight.move('left');
        let id = Spotlight.getCurrent().id;
        document.getElementById(id).focus();
    },
    onSpotlightRight: (ev) => {
        Spotlight.move('right');
        let id = Spotlight.getCurrent().id;
        document.getElementById(id).focus();
    }
}
Seungho Park
@seunghoh
Hi @socialweb-iaraya Thanks for the detailed question and sorry about the confused documentation.
Here's the answer
Ignacio Araya
@socialweb-iaraya
Thank you @seunghoh. Once I updated to the latest Simulator and Enact CLI versions everything is working as it should. I was using Simulator version 1.0.0, and the remote seemed to be completely broken. Thank you again for your time.
Seungho Park
@seunghoh
Good to hear that. Thank you @socialweb-iaraya
Andy Lee
@hanuz06_gitlab
Hello, a question regarding Spottable and Panel. Is Panel for the whole page-component and Spottable for wrapping small components like buttons, input windows, etc.?