@rpcbase/client 0.173.0 → 0.174.0

package/AppProvider/index.js

@@ -1,8 +1,9 @@
 /* @flow */
 import "./debug"
-
+import {useEffect} from "react"
 import {PostHogProvider} from "posthog-js/react"
 
+import page from "../page"
 import {HashStateProvider} from "../hashState"
 
 import AnalyticsContainer from "./AnalyticsContainer"
@@ -11,6 +12,7 @@ import AnalyticsContainer from "./AnalyticsContainer"
 import {flagValues} from "config/flags"
 
 import {POSTHOG_KEY} from "env"
+import { useAuthRouter } from "../auth/useAuthRouter"
 
 
 const PostHogWrapper = ({children, ...props}) => {
@@ -43,13 +45,21 @@ const PostHogWrapper = ({children, ...props}) => {
   }
 }
 
-
 const AppProvider = ({children, ...props}) => {
 
+  const {authComponent} = useAuthRouter()
+
+  useEffect(() => {
+    page.start()
+  }, [])
+
   return (
     <PostHogWrapper>
       <HashStateProvider>
-        {children}
+        <div className={cx({"d-none": !!authComponent})}>
+          {children}
+        </div>
+        {authComponent}
       </HashStateProvider>
     </PostHogWrapper>
   )

package/auth/SignOut/index.js

@@ -23,7 +23,7 @@ const hasMultiAccounts = authConfig.has_multi_accounts
 const SignOut = ({
   logo,
   name,
-  onSuccess = () => null
+  onSignOutSuccess = () => null
 }) => {
 
   const [isSignedOut, setIsSignedOut] = useState(false)
@@ -51,7 +51,7 @@ const SignOut = ({
     if (res.status === "ok") {
       sign_out()
       setIsSignedOut(true)
-      onSuccess()
+      onSignOutSuccess()
     } else {
       throw new Error("unable to sign out")
     }

package/auth/authProps.js

@@ -0,0 +1,8 @@
+
+let authProps = null
+
+export const getAuthProps = () => authProps
+
+export const setAuthProps = (newAuthProps) => {
+  authProps = newAuthProps
+}

package/auth/sign_out.js

@@ -1,5 +1,4 @@
 /* @flow */
-
 import {set_is_signed_in, setUid, set_tenant_id} from "./index"
 
 export const sign_out = () => {
@@ -10,5 +9,5 @@ export const sign_out = () => {
 
   // TODO: clear DB
   // https://stackoverflow.com/a/15861765
-  console.log("TODO clear DB")
+  console.log("signout: TODO clear DB")
 }

package/auth/useAuthRouter.js

@@ -0,0 +1,56 @@
+import {useState} from "react"
+
+import page from "../page"
+
+import SignIn from "./SignIn"
+import SignUp from "./SignUp"
+import SignOut from "./SignOut"
+import ForgotPassword from "./ForgotPassword"
+import SetNewPassword from "./SetNewPassword"
+import { getAuthProps } from "./authProps"
+
+const hasInitialized = false
+
+export const useAuthRouter = () => {
+  const [authComponent, setAuthComponent] = useState(null)
+
+  // this method is used because the child component's effects are executed before the parent's one
+  if (!hasInitialized) {
+    page("/signin", (ctx, next) => {
+      const authProps = getAuthProps()
+      console.log("AUTHPROPS", authProps)
+      setAuthComponent(<SignIn {...authProps} />)
+    })
+
+    page("/signout", (ctx, next) => {
+      const authProps = getAuthProps()
+      setAuthComponent(
+        <SignOut {...authProps} />
+      )
+    })
+
+    page("/signup", (ctx, next) => {
+      const authProps = getAuthProps()
+      console.log("AUTHPROPS", authProps)
+      setAuthComponent(<SignUp {...authProps} />)
+    })
+
+    page("/forgot-password", (ctx, next) => {
+      const authProps = getAuthProps()
+      setAuthComponent(<ForgotPassword {...authProps} />)
+    })
+
+    page("/set-new-password", (ctx, next) => {
+      const authProps = getAuthProps()
+      setAuthComponent(<SetNewPassword {...authProps} />)
+    })
+
+    page("*", (ctx, next) => {
+      setAuthComponent(null)
+      next()
+    })
+
+  }
+
+  return {authComponent}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpcbase/client",
-  "version": "0.173.0",
+  "version": "0.174.0",
   "scripts": {
     "test": "../../node_modules/.bin/wireit"
   },

package/auth/views.js

@@ -1,14 +0,0 @@
-/* @flow */
-import SignIn from "./SignIn"
-import SignUp from "./SignUp"
-import SignOut from "./SignOut"
-import ForgotPassword from "./ForgotPassword"
-import SetNewPassword from "./SetNewPassword"
-
-export {
-  SignIn,
-  SignUp,
-  SignOut,
-  ForgotPassword,
-  SetNewPassword,
-}