Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • 01:06
    codecov[bot] commented #3079
  • 01:00
    codecov[bot] commented #3079
  • 00:59
    MikyungKim synchronize #3079
  • 00:59

    MikyungKim on WRO-3625

    Update Spotlight doc from Moons… WRO-9294: Fix Marquee spacing f… Update change logs for 4.5.1 En… and 4 more (compare)

  • Aug 10 14:25
    adrian-cocoara-lgp opened #179
  • Aug 10 14:23

    adrian-cocoara-lgp on WRO-9082

    updated css variables (compare)

  • Aug 10 12:28
    codecov[bot] commented #3081
  • Aug 10 12:22
    codecov[bot] commented #3081
  • Aug 10 12:21
    vladut-clapou-lgp synchronize #3081
  • Aug 10 12:21

    vladut-clapou-lgp on WRO-9096

    Changelog update (compare)

  • Aug 10 12:16
    codecov[bot] commented #3081
  • Aug 10 12:16
    codecov[bot] commented #3081
  • Aug 10 12:15
    vladut-clapou-lgp edited #3081
  • Aug 10 12:12
    vladut-clapou-lgp edited #3081
  • Aug 10 12:10
    codecov[bot] commented #3081
  • Aug 10 12:09
    vladut-clapou-lgp synchronize #3081
  • Aug 10 12:09

    vladut-clapou-lgp on WRO-9096

    Changelog update (compare)

  • Aug 10 12:04
    adrian-cocoara-lgp commented #3081
  • Aug 09 15:19

    adrian-cocoara-lgp on WRO-9082

    *WIP* updated css variables (compare)

  • Aug 09 10:15
    codecov[bot] commented #3081
Martin Scola
@martinscola-hwm
Thank you, Eric. Sorry for the delay, I’m only seeing msgs at the office. You can just insert React components anywhere in the app, right? One other question, if you will: I’m having the most stupidest thing, where I try to insert an image using the Sandstone Image component, but it doesn’t render. Neither inside a panel, or inside a DIV. Any thoughts?
Martin Scola
@martinscola-hwm
What I don’t understand is that I’m getting a status 200 on the images, but when I see them on the Network preview, they’re blank
Martin Scola
@martinscola-hwm
Never mind, I fixed that
Seungho Park
@seunghoh
Hi @martinscola-hwm Yes, you can use react hooks with kind by setting functional: true
Please refer to the https://enactjs.com/docs/modules/core/kind/
Eric Blade
@ericblade
oh wow, that's great to know
quite a time ago, i had asked about creating a PWA with enact.. finally figured out a way to do it.. just built the app manifest and related information, then installed it into the enact dist directory after packing everything with pack-p . . . just totally bypass the problem :-)
i'd just never thought about doing it like that, and i saw someone else doing something similar, and was like... oh.. i can do that. :-D
Martin Scola
@martinscola-hwm
Thank you, @seunghoh
Eric Blade
@ericblade
@seunghoh 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
both the variable name and the 'name' field are set to a name that begins with an uppercase letter.
Seungho Park
@seunghoh
@ericblade Thanks for the notes. We will take a look and let you know
Seungho Park
@seunghoh
hi @ericblade We've released Enact CLI 4.1.7
It supports absolute path imports. https://github.com/enactjs/cli/releases/tag/4.1.7
Eric Blade
@ericblade
<3 ty
i just upgraded to react 18-rc2, and unless there's something really really sticky hiding in there, the entire app appears to work 100% with no changes other than adding react 18 to my peerDeps in one component
goodev2021
@goodev2021
hi
I come across Paper Mache - https://www.ryanwatkins.net/software/papermache/press.html
I have huge content to be displayed like Paper Mache or https://lwcast.org/Mobile which uses enjoy framework. Looks the enyo framework is not very active right now or not sure whether i should use enjojs
Could you please kindly suggest the best framework or plugin or anything similar to Paper Mache or Enjo framework implementation like https://lwcast.org/Mobile or should we use enyojs which will satisfy the artcile or paper publishing website with search engine.
Eric Blade
@ericblade
hmm. i switched back to using the mainline version of @enact/cli, instead of my modified one, and now it's complaining about typescript features i'm using in 4.5.. but only on my production build..
my development build has no problem with the new typescript
Seungho Park
@seunghoh
hi @goodev2021 Enyo has switched to Enact in 2018. https://medium.com/enact-js/hello-enact-2d971dc763ab
You can use Enact. https://enactjs.com/
Thanks
1 reply
@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