I'm investigating this project and I'm loving it so far. Really interested in the focusManager solution you've build.

Right now I'm trying to run the default example created with rnv new --projectTemplate @flexn/template on the web platform with rnv run -p web.

Out of the box it fails on my machine with:

TypeError: (0 , helpers_1.Ratio) is not a function at eval (webpack-internal:///./node_modules/@flexn/sdk/lib/focusManager/constants.js:36:52) at Object../node_modules/@flexn/sdk/lib/focusManager/constants.js (/Users/hlz/Code/apps/flexn/test3/platformBuilds/app_web/.next/server/pages/_app.js:5443:1)

Please let me know if I need to provide more information.

rnv version: 0.36.2-canary.4 flexn template version: 0.17.0 AndroidtTV 10 (not repro on 8, 9, 11)

How to repro:

1. Navigate to Carousel screen -> no pictures

rnv version: 0.36.1-canary.2 flexn template version: 0.16.0

How to repro:

1. Create new project using rnv new and select @flexn/template
2. Do rnv run -p web

✔ Executing: npx next dev --port 8080

ready - started server on 0.0.0.0:8080, url: http://localhost:8080
Found custom dir:/Users/pauliusguzas/Desktop/flexnTemplate/src/pages
info  - Disabled SWC as replacement for Babel because of custom Babel configuration "babel.config.js" https://nextjs.org/docs/messages/swc-disabled
info  - automatically enabled Fast Refresh for 1 custom loader
wait  - compiling...
error - ./node_modules/react-native-media-query/utils/create-declaration-block.js:1:0
Module not found: Can't resolve 'react-native-web/dist/exports/StyleSheet/createReactDOMStyle'

Import trace for requested module:
./node_modules/react-native-media-query/create-stylesheet/index.web.js
./node_modules/react-native-media-query/index.web.js
./src/config.tsx
./src/pages/_app.tsx

https://nextjs.org/docs/messages/module-not-found
info  - automatically enabled Fast Refresh for 1 custom loader
info  - automatically enabled Fast Refresh for 1 custom loader
info  - Using external babel configuration from /Users/pauliusguzas/Desktop/flexnTemplate/babel.config.js
info  - automatically enabled Fast Refresh for 1 custom loader
info  - automatically enabled Fast Refresh for 1 custom loader
info  - automatically enabled Fast Refresh for 1 custom loader
info  - automatically enabled Fast Refresh for 1 custom loader
info  - automatically enabled Fast Refresh for 1 custom loader
info  - automatically enabled Fast Refresh for 1 custom loader
info  - automatically enabled Fast Refresh for 1 custom loader
info  - automatically enabled Fast Refresh for 1 custom loader
wait  - compiling /_error (client and server)...
wait  - compiling...
info  - automatically enabled Fast Refresh for 1 custom loader

rnv version: 0.36.1-canary.2 flexn template version: 0.16.0

How to repro:

1. Have app running on iOS
2. Click on chromecast icon
3. Observe -> chromecast modal window opens, but it doesn't take all screen

Expected: chromecast pop up should cover content which is behind

• Removed gh token reference in actions because it is not needed
• Fixed harness web e2e script
• Added slack pinger to e2e tests, was tested and then commented out due to minion issues and harness build issues https://github.com/slackapi/slack-github-action

Allow to refer to the recycler inside the row component in order to control how it scrolls from outside. This might be useful for other things later as well.

Updated compileSdkVersion to 31 on harness and template. Error was only on harness and template android when building on canary scheme. But updated everywhere as I think it will prevent future issues. Added new encrypted data Added decryption scripts and configs

Fixes the menu getting focused when leaving the detail view (#40) and the carousel screen not focusing when opened.

https://user-images.githubusercontent.com/9592076/191100020-36605b21-cb8a-452c-9067-867e43121e0e.mp4

Fixes #24. Tested with flexn template on Android API 22, 28. Harness not tested due to it currently throwing "Super expression must either be null or a function" error.

rnv version: 0.36.1-canary.2 flexn template version: 0.16.0

How to repro:

1. Create new project using rnv new and select @flexn/template
2. Do rnv run -p macos

  [Fri Feb 11 2022 12:11:22.314]  BUNDLE  ./index.js ░░░░░░░░░░░░░░░░ 0.0% (1/1
[Fri Feb 11 2022 12:11:22.314]  BUNDLE  ./index.js

[Fri Feb 11 2022 12:11:25.899]  ERROR    Screen native module hasn't been linked. Please check the react-native-screens README for more details
[Fri Feb 11 2022 12:11:25.900]  LOG      Running "App" with {"rootTag":1,"initialProps":{}}
[Fri Feb 11 2022 12:11:25.901]  WARN     Require cycle: node_modules/@flexn/sdk/lib/focusManager/core.js -> node_modules/@flexn/sdk/lib/focusManager/logger.js -> node_modules/@flexn/sdk/lib/focusManager/core.js

Require cycles are allowed, but can result in uninitialized values. Consider refactoring to remove the need for a cycle.
App
RCTView
View
RCTView
View
AppContainer@http://localhost:8086/index.bundle?platform=ios:74256:78

rnv version: 0.36.1-canary.2 flexn template version: 0.16.0

• [ ] After clicking down when focused on "X" focus is lost

1. Open My Modal
2. Click down -> focus is lost

Expected: nothing should happen

• [ ] After clicking left when focused on "X" focus is lost

1. Open My Modal
2. Click left -> focus is lost

Expected: nothing should happen

Hi, we're currently having issues with swipes not being recognised on Apple TV. When loading the default example Flexn app straight on an Apple TV and navigating to the carousels page one can't swipe left and right in the rows. When using a bluetooth keyboard it works fine with left and right keys. Also, the simulator works fine with left and right keys.

We've tracked down the issue being related to the direction-checking code in sdk/lib/focusManager/model/row.js with checks on left, right and swipeLeft and swipeRight need to be changed to DIRECTION_xxx constants.

But that only partially solves our problem. When swiping right in a row and then swipe down the focusManager keeps on swiping right. We haven't been able to pin down the issue so it would be nice if some of the authors could take a look at. It is definitely a breaking issue on Apple TV when using a real remote.

Hello Guys, and thank you for the amazing contribution and support. I have been trying to add a storybook to the project, insisting not to eject the platforms with no luck. Do you have any advice on how to make it possible easily?

• Moved base template app titles to more abstracted area
• Changed template app titles to correct ones
• Added production app title to Harness for the consistency (can remove as probably won't be used)

Hello,

We are playing around with your (promising) SDK for ReactNative. 

But we are stuck at a certain point. We have a Screen, when focusing on the Tile, a View will be hidden and the tiles will go up. But by removing this, it doesn't recalculate the focus locations.

Do you have any ideas on how we can best approach this?

https://user-images.githubusercontent.com/5848806/196452385-692c1900-7d0f-4838-a19e-63cf1ce19ae9.mp4

garybox and flexn/template versions: 0.17.0-alpha.10

For whatever reason await FlexnRunner.expectToBeDisplayedById('template-carousels-screen-container'); returns not displayed whereas in the second test on the same screen it returns displayed