Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Jan 26 08:42

    jeonghee27 on PLAT-130865

    (compare)

  • Jan 26 08:42

    jeonghee27 on react17

    PLAT-130865: Supports a custom … (compare)

  • Jan 26 08:42
    jeonghee27 closed #2891
  • Jan 26 04:36

    enyo-jenkins on 3.4.9-experimental-3

    (compare)

  • Jan 26 04:36

    enyo-jenkins on release-3.4.9-experimental-3-test

    (compare)

  • Jan 26 04:36

    enyo-jenkins on 3.4.9-experimental-3

    (compare)

  • Jan 26 04:35

    enyo-jenkins on 3.4.9-touch.x

    * Update change logs for 3.4.9-… Version value updating 3.4.9-experimental-3 release (compare)

  • Jan 26 04:35

    enyo-jenkins on 3.4.9-experimental-3

    Version value updating (compare)

  • Jan 26 04:25

    sjro on 3.4.9-experimental-3

    * Update change logs for 3.4.9-… (compare)

  • Jan 25 07:21
    codecov[bot] commented #2774
  • Jan 25 07:21
    codecov[bot] commented #2774
  • Jan 25 07:18
    codecov[bot] commented #2774
  • Jan 25 07:18
    MikyungKim synchronize #2774
  • Jan 25 07:18

    MikyungKim on PLAT-102265

    Update change log for 3.4.10 E… Update dependency Enact-DCO-1.… PLAT-124534: Support new RTL sc… and 16 more (compare)

  • Jan 25 06:21
    jeongran1230 opened #162
  • Jan 25 06:20

    jeongran1230 on PLAT-126324

    Update dependency versions Ena… (compare)

  • Jan 25 06:20

    jeongran1230 on react17

    (compare)

  • Jan 25 06:20

    jeongran1230 on react17

    (compare)

  • Jan 25 05:41
    codecov[bot] commented #2891
  • Jan 25 05:38
    codecov[bot] commented #2891
yalagutbay
@yalagutbay
Another question: I've created a react app using create-react-app and added @enact/moonstone as a library but when I run the app, it throws an error
Roy Sutton
@webOS101
@yalagutbay scroll back, there are some messages about supporting older devices. What error messages do you get?
Eric Blade
@ericblade
Morning all. Hope you're all doing fantastically :)
... last night, i made a small change to the Enact application that i've had running out of a docker container on my host for quite a few months.. pushed it to the container, rebuilt the container, and now the app is giving me an all blank page, with a "Uncaught EvalError: Refused to evaluate a string as JavaScript because 'unsafe-eval' is not an allowed source of script in the following CSP directive: 'script-src 'self'""
Eric Blade
@ericblade
any tips for how to diagnose what might possibly have changed? i've attempted to override wherever the CSP is coming from in meta tag in my template, but doesn't seem to be recognized. I'd prefer to understand/eliminate whatever in the framework is causing an Eval, though, seems quite sketchy
Eric Blade
@ericblade
reverting the change made in the app has no effect, and i changed no other components, so all i can think of is something changed in a minor point release somewhere in enact or in the node-based server side, but ::shrug::
error is occurring in the minified code, in a line that says new Function("compile",t.join("\n"))(r.bind(void 0, e))
which clearly would trigger unsafe-eval .. but i'm not sure how to figure out what module that code is in
Eric Blade
@ericblade
interesting. i traced it down to a module needlessly including another module that included another module that included another module that included get-pixels which included the above code from another module. :|
i have no idea why that suddenly started triggering only when i rebuilt the docker last night, though.
it's been like that for months
yalagutbay
@yalagutbay
I'm getting this error
Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
  1. You might have mismatching versions of React and the renderer (such as React DOM)
  2. You might be breaking the Rules of Hooks
  3. You might have more than one copy of React in the same app
    See https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.
I've added following dependencies
"dependencies": {
"@testing-library/jest-dom": "^5.11.5",
"@testing-library/react": "^11.1.2",
"@testing-library/user-event": "^12.2.2",
"ilib": "npm:ilib-webos-tv@^14.4.0-webostv1",
"react": "^17.0.1",
"react-dom": "^17.0.1",
"react-scripts": "4.0.0",
"web-vitals": "^0.2.4",
"@enact/moonstone": "^3.3.1",
"@enact/i18n": "^3.4.9"
}
And this is my App.js

import './App.css';
import React from "react";
import {Header, Panel} from "@enact/moonstone/Panels";

function App() {
return (
<Panel>
<Header>Test Panel</Header>
</Panel>
);
}

export default App;

This is the Index file

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';

ReactDOM.render(
<React.StrictMode>
<App/>
</React.StrictMode>,
document.getElementById('root')
);

Full error:
Uncaught Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
  1. You might have mismatching versions of React and the renderer (such as React DOM)
  2. You might be breaking the Rules of Hooks
  3. You might have more than one copy of React in the same app
    See https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.
    at resolveDispatcher (react.development.js:1465)
    at Object.useRef (react.development.js:1504)
    at useClass (useClass.js:48)
    at useSpotlightContainer (useSpotlightContainer.js:109)
    at SpotlightContainerDecorator (SpotlightContainerDecorator.js:194)
    at renderWithHooks (react-dom.development.js:14985)
    at mountIndeterminateComponent (react-dom.development.js:17811)
    at beginWork (react-dom.development.js:19049)
    at HTMLUnknownElement.callCallback (react-dom.development.js:3945)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:3994)
    at invokeGuardedCallback (react-dom.development.js:4056)
    at beginWork$1 (react-dom.development.js:23964)
    at performUnitOfWork (react-dom.development.js:22776)
    at workLoopSync (react-dom.development.js:22707)
    at renderRootSync (react-dom.development.js:22670)
    at performSyncWorkOnRoot (react-dom.development.js:22293)
    at scheduleUpdateOnFiber (react-dom.development.js:21881)
    at updateContainer (react-dom.development.js:25482)
    at react-dom.development.js:26021
    at unbatchedUpdates (react-dom.development.js:22431)
    at legacyRenderSubtreeIntoContainer (react-dom.development.js:26020)
    at Object.render (react-dom.development.js:26103)
    at Module.<anonymous> (index.js:6)
    at Module../src/index.js (index.js:8)
    at webpack_require (bootstrap:851)
    at fn (bootstrap:150)
    at Object.1 (index.js:8)
    at webpack_require (bootstrap:851)
    at checkDeferredModules (bootstrap:45)
    at Array.webpackJsonpCallback [as push] (bootstrap:32)
    at main.chunk.js:1
Seungho Park
@seunghoh
@yalagutbay
Hm... would you check our article https://medium.com/enact-js/enact-and-interoperability-1bebfd178781
and try again? You seems to miss @enact/core dependencies
yalagutbay
@yalagutbay
I did and same error. But, if I downgrade react dependencies then it works.
"react": "17.0.1", "react-dom": "17.0.1",
17.0.1 is not working
I could get it working only if I downgrade to 16.8.0
Seungho Park
@seunghoh
Interesting.. Enact is actually not bumped up to the react 17 yet. Official react says react 17 won't break any 16.X but seems to break. We are planning to adopt react 17 soon
Thanks @yalagutbay
Eric Blade
@ericblade
i updated to 17.0.1 some time ago, i think, and it seems to be working.
yalagutbay
@yalagutbay
Weird. It's not working in my case.
But the good thing is, if I create an app with CRA, then it works even in WebOS 1.
Sadly, flex is not working on WebOS 1 & 2.
Eric Blade
@ericblade
hmmmm.... flex layout? according to caniuse.com, it seems that in 2012/2013, which is right about when webOS for TVs was in development, versions of chrome that old required the -webkit- prefix on the flex css
image.png
i don't remember specifically what was being used back then, but it would surprise me if it didn't work, considering HP webOS used flex layout in 2011 and even a bit earlier than that i think
Blake Stephens
@Djspaceg
I believe our layout component in Enact relies on CSS variables (custom properties) which indeed weren't available in webOS 1&2. Enyo, which shipped for those versions, never officially switched to a flex box layout, as it was only ever experimental at the time. Enact does use flex box, but also uses some other features that are newer.
ascendsauce
@ascendsauce
Does anyone know what a LG TV (WebOS TV) device sends in the request origin header or how I can force it to send something like "file://com.my.app.name"? Right now it seems to send nothing or "null"...
Developer From Jokela
@developerfromjokela
I've ran into small issue. I have a VirtualGridList, but I would like to have some UI element to indicate loading at the bottom of the list.
But How could I put it as part of the list?
Seungho Park
@seunghoh
@developerfromjokela
You can put your loading indicator into the last item of the array when you make your itemRenderer https://enactjs.com/docs/modules/moonstone/VirtualList/#VirtualListBase.itemRenderer
VirtualList acutually manages "virtual" list structure not the contents of the item. You can make your any idea in the itemRenderer :)
Developer From Jokela
@developerfromjokela
@seunghoh what ablut VirtualGridList?
I've tried same approach on gridlist, but because other items in gridlist were too big, a lot of space around the spinner doesn't look that good. Is there a way to set virtualgridlist item size to be different only for last item?
NearTop
@NearTop
Hello, my enact app only supports English and French. After npm run pack, there are many files in the dist/node_modules/ilib/locale directory. How should I remove the support for other languages and only support English and French
NearTop
@NearTop
@webOS101
Roy Sutton
@webOS101
@NearTop I don’t work on the enact team any longer, but you can delete the extra languages with a script. I don’t think support for automatic pruning has been added.
NearTop
@NearTop
@webOS101 ,ok, Thanks!
Seungho Park
@seunghoh
@developerfromjokela Well.. hard to tell you without seeing the picture - expected vs. actual but, our architectural assumption was that items of VirtualList/VirtualGridList have the same structure. We are supporting variable height but the supported feature could be limited. We are more focusing on the performance of VirtualList/VirtualGridList component. I recommend using loading image as a separate layer, not a part of the List
Seungho Park
@seunghoh
@NearTop The ilib/locale directory has locale data format, not languages. If you need only en-US and fr-FR locale data, then, follow @webOS101 's guide.
BTW, iLib is the opensource, you can ask https://github.com/iLib-js/iLib
Thanks
ascendsauce
@ascendsauce
I am struggling to pack image assets with my project. I keep getting an error:
Failed to load resource: net::ERR_ACCESS_DENIED file:///assets/splash_screen.png
ascendsauce
@ascendsauce
To be clear, above is when I install the app on an LG TV.
ascendsauce
@ascendsauce
I think I found my issue. I am using BrowserRouter instead of using the Enact Routable or HashRouting. Due to this, it seems that my image paths are not resolving properly
gforce301
@gforce301
I'm very sorry if this is the wrong place to be asking this. Are the API docs for the Enyo framework no longer available at all? https://enyojs.com/docs/2.5.1 no redirects to https://enactjs.com/docs/2.5.1 which gives a 404