frames

I'm actually adapting a website to be FramesV2 aka MiniApps compatible.

The project use this library https://github.com/duskload/react-device-detect to know if the website is open on a computer or a mobile and so adapt its design depending on what the answer is. To detect if it's a mobile or a computer, this library is based on the User-Agent header.

So my question is what User-Agent is send in MiniApps ?
Because it looks like it’s a User-Agent from a computer, and my website is visible like if it was on a computer.
And could it be possible for the Farcaster team to change the User-Agent headers ?

Taging some Farcaster dev ecosystem to get some visibility @linda @woj.eth @ted and also @samuellhuber.eth maybe you got and idea

Developer ecosystem @farcaster, co-founder @bountycaster. Previously: co-founder of Scalar Capital, product at Coinbase, co-producer @ethereumfilm

helping build farcaster | surfing @ venice, ca | eating @ gjusta / gjelina | “lucky me, lucky mud”

Farcaster Development Boutique @ https://dTech.vision 💜 in love with tech 🤓decentralization, fitness and oldschool rap 😎

Chronically degening onchain | Home Staker $GNO

Actually it's my solution to try detect if I'm in a Frame and so force to be in Mobile. But it ask a looooooot of refactoring because I need to push a second variable everywhere the isMobile is used to transform it to (isMobile || isFrame) and the isMobile is used everywhere, even in styles pages 

So wanted to know if it was possible to change the User-Agent header in a MiniApps so it would be detected as mobile, thing that would be logical since that even a MiniApps open on computer as the size of a mobile 

But yeah I'm actually doing this otherwise actually trying to refactor everywhere

you'd check frame sdk context being available or not to see if you're in a Farcaster Frame or not.

const [context, setContext] = useState<FrameContext>();

useEffect(() => {
    const load = async () => {
      setContext(await sdk.context);
      sdk.actions.ready();
    };
    if (sdk && !isSDKLoaded) {
      setIsSDKLoaded(true);
      load();
    }
  }, [isSDKLoaded]);

then in your code check if context?.user exists or not.