Usage with RN Web

Is this possible to use this library with RN Web?

Currently, there is an error:

ERROR in ./node_modules/@invertase/react-native-apple-authentication/lib/index.js 24:0-55
Module not found: Error: Can't resolve './AppleButton' in 
'/Users/gavrilikhin_d/Code/chatroulette/app/mobile/node_modules/@invertase/react-native-apple-authentication/lib'

#335 needs testing. If working on the web is important please pull that PR (perhaps rebase it to current main...) and test it, report findings

There is still no AppleButton.web.js in this PR

@gavrilikhin-d

@gavrilikhin-d okay, then perhaps that PR needs additional work - if you have the PR pulled locally and web implementation is important, adding additional commits on the original PR and proposing a new + augmented PR could be the way forward

I will try to make it work with your library, once I will fix the rest of the RN-web issues in our project XD

…

On Fri, Feb 9, 2024, 15:49 Mike Hardy ***@***.***> wrote: @gavrilikhin-d <https://github.com/gavrilikhin-d> okay, then perhaps that PR needs additional work - if you have the PR pulled locally and web implementation is important, adding additional commits on the original PR and proposing a new + augmented PR could be the way forward — Reply to this email directly, view it on GitHub <#342 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AR5SO7QDIDGTCL6UJQYV3G3YSYLPNAVCNFSM6AAAAABC7V7DW2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSMZVHA3TGNBTGM> . You are receiving this because you were mentioned.Message ID: ***@***.*** com>

@mikehardy

@mikehardy: this is causing storybook to fail to build with the same error.

@rwitchell

@rwitchell the path forward here is to get #335 patched up and working - I haven't had time personally, but fixing it up and pushing a new PR that works means I could merge it and this would be solved

Heres how I fixed it with expo:

For expo create a polyfill for it like so:

https://gist.github.com/encloinc/91a5ca08d7be9e0ecdb5e208c3e5d9c5
(change it to use the scopes you need)

and then on metro make it resolve to the polyfill if platform is web (metro.config.js):

config.resolver.resolveRequest = (context, realModuleName, platform) => {
  if (
    realModuleName.includes("react-native-apple-authentication") &&
    platform === "web"
  ) {
    return {
      filePath: path.join(
        __dirname,
        "polyfills/react-native-apple-authentication.js"
      ),
      type: "sourceFile",
    };
  }
  return context.resolveRequest(context, realModuleName, platform);
};

Trying to implement Universal Links and need to build my app for web. npx expo export --platform web still throwing that error for the AppleButton.

Error: Unable to resolve module ./AppleButton.

Is there a workaround? like ignoring Apple Authentication for web build?

Navigation Menu

Repository navigation

Usage with RN Web #342

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Usage with RN Web #342

Description

Activity

mikehardy commented on Feb 8, 2024

gavrilikhin-d commented on Feb 9, 2024

mikehardy commented on Feb 9, 2024

gavrilikhin-d commented on Feb 9, 2024

rwitchell commented on Nov 15, 2024

mikehardy commented on Nov 15, 2024

encloinc commented on Feb 11, 2025

AkbarBakhshi commented on Feb 23, 2025

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions