authgear / authgear-demo-app-rn Goto Github PK

Add an option for "Webkit Webview"

https://docs.authgear.com/how-to-guide/mobile-apps/using-webview-to-open-the-authgear-ui

When enabling this option, show a dialog with "OK" button:

• "Login with Google" and "Passkey" are not supported in Webkit Webview mode.

I'm publishing the Demo App to AppStore and Playstore so we don't need to keep refreshing the testflight build

Please help change the app to use these config in the default:

• endpoint: demo-app.authgear.cloud
• client ID: e6b2f5bad8546ee3

In dark mode, the default frame of the webkit webview should be in dark

This error is shown when a tap "Continue as Guest"

Update demo-app.authgear.cloud to use the v2 UI

After copying the user info, the "Copied" toast stayed for ~6, which is too long.
Dismiss that after 1 second.

Problem

• To demo the SSO ability using the demo apps

Todo

• Add "Enable SSO" toggle in this page
• 
• After enable the sso and login, in the other demo apps, turning on "Is SSO Enabled" will see the "Continue" screen.

• Use exact versions for ALL kinds of dependencies https://github.com/authgear/authgear-demo-app-rn/blob/master/package.json#L13
• react-navigation, react-native-paper, react-native-safe-area-context, react-native-screens, react-native-vector-icons, and react-native-webview are runtime dependencies so they belong to dependencies, not devDependencies
• Install and use prettier to format code
• Use async function and try-finally to ensure loading is false. Currently loading is sometimes left as true https://github.com/authgear/authgear-demo-app-rn/blob/master/src/context/ConfigProvider.tsx#L37
• Use ScrollView instead of TouchableWithoutFeedback to dismiss the keyboard. AFAIK, if there is a scroll view, the keyboard would dismiss itself. https://github.com/authgear/authgear-demo-app-rn/blob/master/src/screens/ConfigurationScreen.tsx#L188
• Configure() should be done in the ConfigContext, not as an effect of AuthenticationScreen https://github.com/authgear/authgear-demo-app-rn/blob/master/src/screens/AuthenticationScreen.tsx#L102
• UserInfoContext is unnecessary. Remove it. Instead, fetch the user info in the UserInfo screen.
• userDisplayName should be a value derived with useMemo instead of useState https://github.com/authgear/authgear-demo-app-rn/blob/master/src/screens/UserPanelScreen.tsx#L78
• Use async function everywhere instead of then(), catch(), and finally(). The control flow expressed in async function is easier to read.

useEffect(() => {
  async function do() {
    setLoading(true);
    try {
    } finally {
      setLoading(false);
    }
  }
  do().catch(() => {});
}, []);

To "Authgear Demo"

Instead of the default icon.
Use blue logo on white background

ref authgear/authgear-server#2208

Screens

• Configuration
• Authentication
• User panel
• User info

Configuration

• Add text input field for endpoint + client id
• Add label button for selecting color scheme
• Add switch for toggling token storage + share session options
• Storage to save config
• Navigate to Authenticate screen on save/cancel/back

Authentication

• Find config in storage when open app
• Auto configure by storage config
• Navigate to Configuration screen if no config is found
• Add configuration button which navigate to Configuration screen
• Perform suitable authentication process for each button
  • Signup
  • Login
  • Login with biometric
  • Login as guest
• Navigate to UserPanel screen if authenticated

UserPanel

• Normal user view
• Guest user view
• Info icon button to show current config

UserInfo (scrollable)

• All UserInfo fields

use the right capitalization in configuration screen

Change "Transient TokenStorage" into => "Logout upon app quit (Transient TokenStorage)"

Detect silently

Change description:
"Share Session with Device Browser" =into=> "Share Session with Device Browser (Enable SSO)"

App Store does not accept app for "demo" purpose

• Change the app name to "Authgear Tools"
• Make "Authgear Demo" in the heading "Authgear"
• Make "Authgear Demo" in the top nav "Authgear"

Got and error on pushing to testlight.

This app was built with the iOS 16.4 SDK. All iOS and iPadOS apps must be built with the iOS 17 SDK or later, included in Xcode 15 or later, in order to be uploaded to App Store Connect or submitted for distribution.

Open the app in bigger screens like iPad with responsive elements

https://github.com/authgear/authgear-demo-app-rn/actions/runs/9059835054/job/24888262124#step:9:6