invertase · mikehardy · Nov 26, 2021 · Nov 25, 2021 · Nov 25, 2021 · Nov 25, 2021
diff --git a/.eslintrc.js b/.eslintrc.js
diff --git a/.gitattributes b/.gitattributes
diff --git a/.gitignore b/.gitignore
@@ -1,60 +1,2 @@
-# OSX
-#
-.DS_Store
-
-# Xcode
-#
-build/
-*.pbxuser
-!default.pbxuser
-*.mode1v3
-!default.mode1v3
-*.mode2v3
-!default.mode2v3
-*.perspectivev3
-!default.perspectivev3
-xcuserdata
-*.xccheckout
-*.moved-aside
-DerivedData
-*.hmap
-*.ipa
-*.xcuserstate
-project.xcworkspace
-
-# Android/IntelliJ
-#
-build/
-.idea
-.gradle
-local.properties
-*.iml
-*.hprof
-
-# node.js
-#
-node_modules/
-npm-debug.log
-yarn-error.log
-
-# BUCK
-buck-out/
-\.buckd/
-release.keystore
-
-# fastlane
-#
-# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
-# screenshots whenever they are needed.
-# For more information about the recommended setup visit:
-# https://docs.fastlane.tools/best-practices/source-control/
-
-*/fastlane/report.xml
-*/fastlane/Preview.html
-*/fastlane/screenshots
-
-# Bundle artifact
-*.jsbundle
-
-# CocoaPods
-/ios/Pods/
+template/yarn.lock
+template/ios/Podfile.lock
diff --git a/.prettierrc.js b/.prettierrc.js
diff --git a/.watchmanconfig b/.watchmanconfig
diff --git a/README.md b/README.md
@@ -2,62 +2,70 @@
 
 Thank you for trying the Firebase Authentication example 👏
 
+   ![How-its-going](/docs/assets/hero.png)
+
+   ![See-it-in-action](/docs/assets/RNFBAuthDemo.gif)
+
+
 **Please note that limited support is offered for this example though we will happily accept PRs.**
 
 The following authentication features are ready for use in this example:
 
- - Sign In
- - Sign Out
- - Create account
- - Forgot Password
- - Sign in with social auth providers
- - Sign in with phone auth (with country selection)
- - Linking social profiles
- - Change Password
- - Email verification
- - Updating user profile
+- Sign In
+- Sign Out
+- Create account
+- Forgot Password
+- Sign in with social auth providers
+- Sign in with phone auth (with country selection)
+- Linking social profiles
+- Change Password
+- Email verification
+- Updating user profile
 
 and the following providers:
 
- - Email / Password Sign In
- - Facebook
- - Google
- - Phone Auth via SMS
+- Email / Password Sign In
+- Phone Auth via SMS
+- Apple (Native, iOS only, PRs needed for web support)
+- Facebook (Native only, PRs needed for web support)
+- Google (Native only, PRs needed for web support)
+
+This template creates an app that comes out of the box ready with [typescript](https://www.typescriptlang.org/) and [react-native-web](https://necolas.github.io/react-native-web/) support, based on [the Luna template](https://github.com/plaut-ro/luna#readme)
 
 ## Getting started
 
 Ensure your development environment is set up for React Native by following the [React Native documentation](https://reactnative.dev/docs/environment-setup).
 
-### Install dependencies
+### Create an app using the template
 
-1. Install [NPM](https://www.npmjs.com) dependencies with [Yarn](https://yarnpkg.com/lang/en/): `yarn`.
-2. Install [CocoaPods](https://cocoapods.org) inside of the `ios` directory: `npx pod-install`
+1. For a quick demonstration, this template is pre-configured with a firebase project called `ProjectName`, if you just want to see it work, run `npx react-native init ProjectName --template invertase/react-native-firebase-authentication-example
+1. For a real project, replace `ProjectName` in the init command with your new project's real name, then follow the configuration instructions below
 
 ### Android: Setting up App Signing
 
 Google Sign-In requires a `keystore` file to be added to your project and the Firebase console for both debug and release builds, we've included a `debug` one by default. To setup a new `keystore` file, follow the [guide here](https://developer.android.com/studio/publish/app-signing#debug-mode).
 
-### Add your app id and name
-
-This project is preconfigured with `market.reactnative.firebaseauthkit` as its app id. You will probably want to replace it using the `rename-script` npm script provided with this product.
-
 ### Add your Firebase credentials
 
 1. Choose your existing Firebase project from the [Firebase console](https://console.firebase.google.com/).
    > Creating a new project? Check out the React Native Firebase [documentation](https://rnfirebase.io/#prerequisites).
-2. Add the Firebase credentials to your project by following documentation for [Android](https://rnfirebase.io/#generating-android-credentials) and [iOS](https://rnfirebase.io/#generating-ios-credentials).
-
-**WARNING** The application will _not_ start until you copy your `GoogleServices-Info.plist` file into `./ios/FirebaseAuthenticationKit/` and your `google-services.json` into `./android/app/`. It will install and begin running but then crash immediately as those files are necessary for Firebase to start.
+2. Replace the native Firebase credentials template files to your project by following documentation for [Android](https://rnfirebase.io/#generating-android-credentials) and [iOS](https://rnfirebase.io/#generating-ios-credentials).
+3. Copy the web config from Firebase console into `src/shims/firebase-init.ts`
 
 ### Run the app
 
 - Start the metro javascript bundler: `yarn start`
 - For android: `yarn android`
-- For iOS: `yarn ios`
+- For apple: `yarn ios`
+- For web: `yarn web`
+- For testing (jest): `yarn test:all`
+- For linting (format, lint, typescript): `yarn lint:all`
 
 ## Authentication Providers
 
-The Firebase Authentication Example supports multiple authentication providers. Follow the links below for documentation on setting up each provider:
+The Firebase Authentication Example supports multiple authentication providers.
+
+Follow the links below for documentation on setting up each provider:
 
 - [Apple Authentication](/docs/apple.md)
 - [Email and Password Authentication](/docs/email-password-auth.md)

diff --git a/android/app/debug.keystore b/android/app/debug.keystore
diff --git a/android/app/src/main/AndroidManifest.xml b/android/app/src/main/AndroidManifest.xml
diff --git a/android/app/src/main/assets/fonts/Feather.ttf b/android/app/src/main/assets/fonts/Feather.ttf
diff --git a/android/app/src/main/assets/fonts/Ionicons.ttf b/android/app/src/main/assets/fonts/Ionicons.ttf
diff --git a/android/app/src/main/assets/fonts/MaterialCommunityIcons.ttf b/android/app/src/main/assets/fonts/MaterialCommunityIcons.ttf
diff --git a/android/app/src/main/assets/fonts/MaterialIcons.ttf b/android/app/src/main/assets/fonts/MaterialIcons.ttf
diff --git a/android/app/src/main/java/market/reactnative/firebaseauthkit/MainActivity.java b/android/app/src/main/java/market/reactnative/firebaseauthkit/MainActivity.java
diff --git a/android/app/src/main/res/values/strings.xml b/android/app/src/main/res/values/strings.xml
diff --git a/android/keystores/BUCK b/android/keystores/BUCK
diff --git a/android/keystores/debug.keystore.properties b/android/keystores/debug.keystore.properties
diff --git a/android/settings.gradle b/android/settings.gradle
diff --git a/app.json b/app.json
diff --git a/babel.config.js b/babel.config.js
diff --git a/config.json b/config.json
diff --git a/docs/apple.md b/docs/apple.md
@@ -3,7 +3,7 @@
 This project comes set up with [react-native-apple-authentication](https://github.com/invertase/react-native-apple-authentication) out of the box.
 Please follow the instructions on react-native-apple-authentication's [README.md](https://github.com/invertase/react-native-apple-authentication/blob/main/README.md) which you need to follow carefully before enabling apple authentication.
 
-Please note, Apple authentication is only available on iOS.
+Please note, Apple authentication is currently only available on native iOS platform.
 
 ## Firebase
 

diff --git a/docs/assets/RNFBAuthDemo.gif b/docs/assets/RNFBAuthDemo.gif
diff --git a/docs/assets/hero.png b/docs/assets/hero.png
diff --git a/docs/facebook-auth.md b/docs/facebook-auth.md
@@ -5,6 +5,8 @@ allowing you to take full advantage of Facebook's native SDK. Example authentica
 
 As with all third party authentication providers you will need to configure your project details to use Facebook's SDK.
 
+Please note, Facebook authentication is currently only available on native platforms.
+
 ## Configuration
 
 Before you begin you will need to create a developer account at [Facebook Developer Portal](https://developers.facebook.com) if you haven't done so already.
@@ -24,14 +26,14 @@ Once you have your developer account set up:
 
 4. If you want to allow users to sign in via notifications enable single sign on.
 
-5. You will be given code snippets to add to your [Info.plist](/ios/FirebaseAuthenticationKit/Info.plist) file. To add them:
+5. You will be given code snippets to add to your [Info.plist](/template/ios/ProjectName/Info.plist) file. To add them:
 
-   1. Open your [.xcworkspace](ios/FirebaseAuthenticationKit.xcworkspace) project via XCode.
+   1. Open your [.xcworkspace](ios/ProjectName.xcworkspace) project via XCode.
    2. Locate your `Info.plist` file and right click: `Open As` -> `Source Code`.
       ![xcode-plist](/docs/assets/xcode-info-plist.png)
-   3. Paste in your url type details snippet.
+   3. Replace the template default configuration in your url type details snippet.
       ![xcode-url-schema](/docs/assets/xcode-url-schema.png)
-   4. Any other Info.plist config snippets have already been pre-configured.
+   4. Any other Facebook Info.plist config snippets should be replaced with your new Facebook App Id and Client Token.
    5. NOTE: You don't need to add `-ObjC` flag to your project as all React Native apps already include it.
 
 6. The "Connect AppDelegate" step is not required as auth kit already includes it.
@@ -46,7 +48,7 @@ Once you have your developer account set up:
 
 4. Generate development key hash (as instructed in **Facebook Developer Dashboard**).
 
-5. Add the generated resources to your project, you only need to update [android/app/res/values/strings.xml](android/app/res/values/strings.xml) everything else is already included. You can perform global search for `<!-- [android] facebook_app_id -->` and `<!-- [android] fb_login_protocol_scheme -->` comments to find exact places where these details should be placed.
+5. Add the generated resources, Facebook App ID and Client Token to your project, with an update to [android/app/res/values/strings.xml](template/android/app/res/values/strings.xml) and [android/app/src/main/AndroidManifest.xml](template/android/app/src/main/AndroidManifest.xml) everything else is already included.
    ![android strings](/docs/assets/android-strings.png)
 
 6. The rest of the native implementation is already pre-configured.

diff --git a/docs/google-auth.md b/docs/google-auth.md
@@ -5,20 +5,22 @@ allowing you to take full advantage of Google's native SDK. Example authenticati
 
 As with all third party authentication providers you will need to configure your project details to use Google's SDK.
 
+Please note, Google authentication is currently only available on native platforms.
+
 ## Configuration
 
 This guide assumes that you have already created your Firebase app and configured your iOS and Android projects as explained in [README](README.md).
 
-To begin, replace the webClientId in `config.json` (found in the root directory of the app) with your own, which is used by the app to call `GoogleSignin.configure`; and is needed whenever that method is called. This ID is automatically generated when you create your Firebase project and you can find it under "Web Application -> Client ID" in your [Google Cloud Console](https://console.developers.google.com/apis/credentials). Make sure you select right project.
+To begin, replace the webClientId in `src/config.json` with your own, which is used by the app to call `GoogleSignin.configure`; and is needed whenever that method is called. This ID is automatically generated when you create your Firebase project and you can find it under "Web Application -> Client ID" in your [Google Cloud Console](https://console.developers.google.com/apis/credentials). Make sure you select right project.
 
 ### IOS
 
 1. Open your project via XCode and navigate to your `GoogleService-Info.plist` file (normally located at `/ios/[YourApp]/Info.plist`). Copy your `REVERSED_CLIENT_ID` from this file.
 
-2. You can add this code manually by globally searching for `<!-- [ios] GoogleURLScheme -->` comment. Alternatively, click on your xcode project icon (blue one) and under Info tab expand `URL Types` panel. Add new url type and under `URL Schema` paste your previously coppied `REVERSED_CLIENT_ID` field value. NOTE: you might see more entries here if you use other social auth providers like Facebook.
+2. Alternatively, click on your xcode project icon (blue one) and under Info tab expand `URL Types` panel. Add new url type and under `URL Schema` paste your previously coppied `REVERSED_CLIENT_ID` field value. NOTE: you might see more entries here if you use other social auth providers like Facebook.
    ![google url type](/docs/assets/google-url-type.png)
 
-3. Run your app and make sure that everything is working. If you run into any trouble it is worth trying to clean your caches and restart XCode.
+3. Run your app and make sure that everything is working. If you run into any trouble it is worth trying to clean your caches and restart XCode (possibly via `npx react-native-clean-project`)
 
 ### Android
 

diff --git a/index.js b/index.js