AmazonAppDev / react-native-multi-tv-app-sample

πŸ“ΊπŸš€ React Native TV app sample for Android TV, Fire TV, tvOS, and web. Features customizable drawer navigation πŸ—‚οΈ, content grid πŸ–ΌοΈ, hero header πŸ¦Έβ€β™‚οΈ, and video player πŸŽ₯. Built with Expo. Perfect starter for cross-platform TV app development! 🌟
MIT No Attribution
96 stars 16 forks source link

webOS and Tizen export #31

Open ksvslk opened 1 week ago

ksvslk commented 1 week ago

Is your feature request related to a problem? Please describe. Exporting webOS or Tizen package is not possible

Describe the solution you'd like

npx expo export -p webos
npx expo export -p tizen

Describe alternatives you've considered I tried to create web build with npx expo start --web, move that to the basic LG web app project (created with ares) and then use ares to package/install for LG webOS emulator - it did not run. Basic project did.

Additional context I am not aware of the nuances there are when packaging for webOS or Tizen and going over each platforms docs takes time. It would be a good addition. If not a priority it could be explained it docs at least.

giolaq commented 1 week ago

I tested it with webos with the web export first npx expo start --web and then packaging the js files in an ares package. What error do you have? A good thing to check is in the html file created by the basic LG project the js file is correctly pointing to the right path

ksvslk commented 1 week ago

I tested it with webos with the web export first npx expo start --web and then packaging the js files in an ares package. What error do you have? A good thing to check is in the html file created by the basic LG project the js file is correctly pointing to the right path

The exporting / installing / launching all works without errors but the screen is black. I'm using LG webOS TV Emulator 5.0.0

I can paint the background but it does not load the js it seems.

<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta httpEquiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <title>MultiTVSample</title>
    <!-- The `react-native-web` recommended style reset: https://necolas.github.io/react-native-web/docs/setup/#root-element -->

  </head>

  <body style="background-color:yellow;">
    <div>TERE</div>
    <!-- The root element for your Expo app. -->
    <div id="root"></div>
  <script src="expo/static/js/web/entry-d0e41ae379ba4d4fb814c49abc283ac9.js" defer></script>
</body>
</html>

Update: Same with Tizen EDIT: I was able to run it on the webOS simulator 22 (some problems with image paths). But not 6.0.

spikything commented 3 days ago

This sounds like an ES5 issue (or something else which needs poly-filling). webOS 5 is like Chromium 68 and webOS 6 is like Chromium 79, while webOS 22 is like Chromium 87. Though I've only starting looking at this project out of interest, I haven't checked out or compiled anything yet, but have built a lot of apps on webOS 4.5 and 5.0, often finding myself having to check caniuse for thing I thought would've been supported.