reflex-google-auth 0.0.7__tar.gz → 0.0.9a1__tar.gz

reflex_google_auth-0.0.9a1/.github/workflows/publish.yml

@@ -0,0 +1,41 @@
+name: Publish Component to PyPI
+
+on:
+  push:
+    tags:
+      - "*"
+
+jobs:
+  publish:
+    name: Publish Component to PyPI
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@master
+      - name: Set up Python 3.12
+        uses: actions/setup-python@v3
+        with:
+          python-version: "3.12"
+      - name: Install package
+        run: pip install .
+      - name: Publish to PyPI
+        run: reflex component publish -t ${{ secrets.PYPI_TOKEN }} --no-share --no-validate-project-info
+  deploy:
+    name: Deploy Demo App to Reflex Cloud
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@master
+      - name: Set up Python 3.12
+        uses: actions/setup-python@v3
+        with:
+          python-version: "3.12"
+      - name: Set reflex version for deploy
+        run: sed -e "s/^reflex-google-auth[ >=].*$/reflex-google-auth==${{ github.event.release.tag_name }}/" -i google_auth_demo/requirements.txt
+      - name: Deploy to ReflexCloud
+        uses: reflex-dev/reflex-deploy-action@v2
+        with:
+          auth_token: ${{ secrets.REFLEX_AUTH_TOKEN }}
+          project_id: ${{ secrets.REFLEX_PROJECT_ID }}
+          app_directory: google_auth_demo
+          extra_args: ${{ env.EXTRA_ARGS }}
+          dry_run: ${{ vars.DRY_RUN }}
+          skip_checkout: "true"

reflex_google_auth-0.0.9a1/.gitignore

@@ -0,0 +1,6 @@
+*.db
+*.egg-info/
+*.py[cod]
+.web
+__pycache__/
+dist/

{reflex_google_auth-0.0.7 → reflex_google_auth-0.0.9a1}/PKG-INFO

@@ -1,6 +1,6 @@
-Metadata-Version: 2.1
+Metadata-Version: 2.2
 Name: reflex-google-auth
-Version: 0.0.7
+Version: 0.0.9a1
 Summary: Sign in with Google
 Author-email: Masen Furer <m_github@0x26.net>
 License: Apache-2.0
@@ -9,7 +9,7 @@ Keywords: reflex,reflex-custom-components
 Classifier: Development Status :: 4 - Beta
 Requires-Python: >=3.8
 Description-Content-Type: text/markdown
-Requires-Dist: reflex>=0.4.6
+Requires-Dist: reflex>=0.6.6
 Requires-Dist: google-auth[requests]
 Provides-Extra: dev
 Requires-Dist: build; extra == "dev"
@@ -42,11 +42,22 @@ Head over to https://console.developers.google.com/apis/credentials and sign in
 - From the "Credentials" page, click "+ Create Credentials", then "OAuth client ID"
   - Select Application Type: "Web Application"
   - Add Authorized Javascript Origins: http://localhost, http://localhost:3000, https://example.com (prod domain must be HTTPS)
+  - If using custom button, add the same origins to "Authorized redirect URIs"
   - Click "Save"
-- Copy the OAuth "Client ID" and save it for later. Mine looks like 309209880368-4uqd9e44h7t4alhhdqn48pvvr63cc5j5.apps.googleusercontent.com
+- Copy the OAuth "Client ID" and "Client Secret" and save it for later. Mine looks like 309209880368-4uqd9e44h7t4alhhdqn48pvvr63cc5j5.apps.googleusercontent.com
 
 https://github.com/reflex-dev/reflex-examples/assets/1524005/af2499a6-0bda-4d60-b52b-4f51b7322fd5
 
+### Configure Environment Variables
+
+Set the following environment variables based on your deployment.
+
+```bash
+export GOOGLE_CLIENT_ID="309209880368-4uqd9e44h7t4alhhdqn48pvvr63cc5j5.apps.googleusercontent.com"
+export GOOGLE_CLIENT_SECRET="your_client_secret"
+export GOOGLE_REDIRECT_URI="http://localhost:3000"
+```
+
 ### Integrate with Reflex app
 
 The `GoogleAuthState` provided by this component has a `token_is_valid` var that
@@ -89,3 +100,30 @@ See the example in
 [masenf/rx_shout](https://github.com/masenf/rx_shout/blob/main/rx_shout/state.py)
 for how to integrate an authenticated Google user with other app-specific user
 data.
+
+### Customizing the Button
+
+If you want to use your own login button, you may use whatever component you
+like, as long as it is wrapped in a `reflex_google_auth.google_oauth_provider`
+component and the `on_click` triggers
+`reflex_google_auth.handle_google_login()`. Note that this cannot be combined
+with other event handlers.
+
+This functionality is also exposed in the `require_google_auth` decorator, which
+accepts a `button` keyword argument.
+
+When using a custom button, the returned auth-code _must be validated on the
+backend_, which is handled by this library, but **requires additionally setting
+`GOOGLE_CLIENT_SECRET` and `GOOGLE_REDIRECT_URI` environment variables**. These
+can be configured in the Google Cloud Console as described above.
+
+```python
+from reflex_google_auth import handle_google_login, require_google_login, GoogleAuthState
+
+
+@require_google_login(button=rx.button("Google Login 🚀", on_click=handle_google_login()))
+def custom_button() -> rx.Component:
+    return rx.vstack(
+        f"{GoogleAuthState.tokeninfo['email']} clicked a custom button to login, nice",
+    )
+```

{reflex_google_auth-0.0.7 → reflex_google_auth-0.0.9a1}/README.md

@@ -25,11 +25,22 @@ Head over to https://console.developers.google.com/apis/credentials and sign in
 - From the "Credentials" page, click "+ Create Credentials", then "OAuth client ID"
   - Select Application Type: "Web Application"
   - Add Authorized Javascript Origins: http://localhost, http://localhost:3000, https://example.com (prod domain must be HTTPS)
+  - If using custom button, add the same origins to "Authorized redirect URIs"
   - Click "Save"
-- Copy the OAuth "Client ID" and save it for later. Mine looks like 309209880368-4uqd9e44h7t4alhhdqn48pvvr63cc5j5.apps.googleusercontent.com
+- Copy the OAuth "Client ID" and "Client Secret" and save it for later. Mine looks like 309209880368-4uqd9e44h7t4alhhdqn48pvvr63cc5j5.apps.googleusercontent.com
 
 https://github.com/reflex-dev/reflex-examples/assets/1524005/af2499a6-0bda-4d60-b52b-4f51b7322fd5
 
+### Configure Environment Variables
+
+Set the following environment variables based on your deployment.
+
+```bash
+export GOOGLE_CLIENT_ID="309209880368-4uqd9e44h7t4alhhdqn48pvvr63cc5j5.apps.googleusercontent.com"
+export GOOGLE_CLIENT_SECRET="your_client_secret"
+export GOOGLE_REDIRECT_URI="http://localhost:3000"
+```
+
 ### Integrate with Reflex app
 
 The `GoogleAuthState` provided by this component has a `token_is_valid` var that
@@ -71,4 +82,31 @@ To uniquely identify a user, the `GoogleAuthState.tokeninfo['sub']` field can be
 See the example in
 [masenf/rx_shout](https://github.com/masenf/rx_shout/blob/main/rx_shout/state.py)
 for how to integrate an authenticated Google user with other app-specific user
-data.
+data.
+
+### Customizing the Button
+
+If you want to use your own login button, you may use whatever component you
+like, as long as it is wrapped in a `reflex_google_auth.google_oauth_provider`
+component and the `on_click` triggers
+`reflex_google_auth.handle_google_login()`. Note that this cannot be combined
+with other event handlers.
+
+This functionality is also exposed in the `require_google_auth` decorator, which
+accepts a `button` keyword argument.
+
+When using a custom button, the returned auth-code _must be validated on the
+backend_, which is handled by this library, but **requires additionally setting
+`GOOGLE_CLIENT_SECRET` and `GOOGLE_REDIRECT_URI` environment variables**. These
+can be configured in the Google Cloud Console as described above.
+
+```python
+from reflex_google_auth import handle_google_login, require_google_login, GoogleAuthState
+
+
+@require_google_login(button=rx.button("Google Login 🚀", on_click=handle_google_login()))
+def custom_button() -> rx.Component:
+    return rx.vstack(
+        f"{GoogleAuthState.tokeninfo['email']} clicked a custom button to login, nice",
+    )
+```

{reflex_google_auth-0.0.7 → reflex_google_auth-0.0.9a1}/custom_components/reflex_google_auth/__init__.py

@@ -1,11 +1,12 @@
 from .decorator import require_google_login
-from .google_auth import google_login, google_oauth_provider
+from .google_auth import google_login, google_oauth_provider, handle_google_login
 from .state import GoogleAuthState, set_client_id
 
 __all__ = [
     "GoogleAuthState",
     "google_oauth_provider",
     "google_login",
+    "handle_google_login",
     "set_client_id",
     "require_google_login",
 ]

reflex_google_auth-0.0.9a1/custom_components/reflex_google_auth/decorator.py

@@ -0,0 +1,70 @@
+import functools
+from typing import Callable, overload
+
+import reflex as rx
+
+from . import google_auth
+from .state import GoogleAuthState
+
+
+ComponentCallable = Callable[[], rx.Component]
+
+
+@overload
+def require_google_login(
+    page: ComponentCallable,
+) -> ComponentCallable: ...
+
+
+@overload
+def require_google_login() -> Callable[[ComponentCallable], ComponentCallable]: ...
+
+
+@overload
+def require_google_login(
+    *,
+    button: rx.Component | None,
+) -> Callable[[ComponentCallable], ComponentCallable]: ...
+
+
+def require_google_login(
+    page: ComponentCallable | None = None,
+    *,
+    button: rx.Component | None = None,
+) -> ComponentCallable | Callable[[ComponentCallable], ComponentCallable]:
+    """Decorator to require Google login before rendering a page.
+
+    The login button should have on_click set to `reflex_google_auth.handle_google_login`.
+
+    Args:
+        page: Page to render after Google login.
+        button: Button to render if Google login is required.
+
+    Returns:
+        A decorator function or the decorated page.
+    """
+
+    if button is None:
+        button = google_auth.google_login()
+
+    def _inner(page: Callable[[], rx.Component]) -> Callable[[], rx.Component]:
+        @functools.wraps(page)
+        def _auth_wrapper() -> rx.Component:
+            return google_auth.google_oauth_provider(
+                rx.cond(
+                    rx.State.is_hydrated,
+                    rx.cond(
+                        GoogleAuthState.token_is_valid,
+                        page(),
+                        button,
+                    ),
+                ),
+            )
+
+        _auth_wrapper.__name__ = page.__name__
+
+        return _auth_wrapper
+
+    if page is None:
+        return _inner
+    return _inner(page=page)

reflex_google_auth-0.0.9a1/custom_components/reflex_google_auth/google_auth.py

@@ -0,0 +1,70 @@
+from typing import cast
+import reflex as rx
+from reflex.event import EventType, BASE_STATE
+
+from .state import GoogleAuthState
+
+
+LIBRARY = "@react-oauth/google"
+
+
+class GoogleOAuthProvider(rx.Component):
+    library = LIBRARY
+    tag = "GoogleOAuthProvider"
+
+    client_id: rx.Var[str]
+
+    @classmethod
+    def create(cls, *children, **props) -> rx.Component:
+        props.setdefault("client_id", GoogleAuthState.client_id)
+        return super().create(*children, **props)
+
+
+google_oauth_provider = GoogleOAuthProvider.create
+
+
+def _on_success_signature(data: rx.Var[dict]) -> tuple[rx.Var[dict]]:
+    return (data,)
+
+
+class GoogleLogin(rx.Component):
+    library = LIBRARY
+    tag = "GoogleLogin"
+
+    on_success: rx.EventHandler[_on_success_signature]
+
+    @classmethod
+    def create(cls, **props) -> "GoogleLogin":
+        props.setdefault("on_success", GoogleAuthState.on_success)
+        return cast("GoogleLogin", super().create(**props))
+
+
+google_login = GoogleLogin.create
+
+
+def handle_google_login(
+    on_success: EventType[[dict], BASE_STATE] = GoogleAuthState.on_success,
+) -> rx.Var[rx.EventChain]:
+    on_success_event_chain = rx.Var.create(
+        # TODO: rx.EventChain.create(
+        rx.Component()._create_event_chain(
+            value=on_success,  # type: ignore
+            args_spec=_on_success_signature,
+            key="on_success",
+        )
+    )
+    return rx.Var(
+        "() => login()",
+        _var_type=rx.EventChain,
+        _var_data=rx.vars.VarData(
+            hooks={
+                """
+const login = useGoogleLogin({
+  onSuccess: %s,
+  flow: 'auth-code',
+});"""
+                % on_success_event_chain: None,
+            },
+            imports={LIBRARY: "useGoogleLogin"},
+        ).merge(on_success_event_chain._get_all_var_data()),
+    )

reflex_google_auth-0.0.9a1/custom_components/reflex_google_auth/google_auth.pyi

@@ -0,0 +1,24 @@
+from typing import Any, Dict, Literal, Optional, Union, overload
+from reflex.vars import Var, BaseVar, ComputedVar
+from reflex.event import EventChain, EventHandler, EventSpec
+from reflex.style import Style
+import reflex as rx
+from .state import GoogleAuthState
+
+class GoogleOAuthProvider(rx.Component):
+
+    @overload
+    @classmethod
+    def create(cls, *children, client_id: Optional[Union[Var[str], str]]=None, style: Optional[Style]=None, key: Optional[Any]=None, id: Optional[Any]=None, class_name: Optional[Any]=None, autofocus: Optional[bool]=None, custom_attrs: Optional[Dict[str, Union[Var, str]]]=None, on_blur: Optional[Union[EventHandler, EventSpec, list, function, BaseVar]]=None, on_click: Optional[Union[EventHandler, EventSpec, list, function, BaseVar]]=None, on_context_menu: Optional[Union[EventHandler, EventSpec, list, function, BaseVar]]=None, on_double_click: Optional[Union[EventHandler, EventSpec, list, function, BaseVar]]=None, on_focus: Optional[Union[EventHandler, EventSpec, list, function, BaseVar]]=None, on_mount: Optional[Union[EventHandler, EventSpec, list, function, BaseVar]]=None, on_mouse_down: Optional[Union[EventHandler, EventSpec, list, function, BaseVar]]=None, on_mouse_enter: Optional[Union[EventHandler, EventSpec, list, function, BaseVar]]=None, on_mouse_leave: Optional[Union[EventHandler, EventSpec, list, function, BaseVar]]=None, on_mouse_move: Optional[Union[EventHandler, EventSpec, list, function, BaseVar]]=None, on_mouse_out: Optional[Union[EventHandler, EventSpec, list, function, BaseVar]]=None, on_mouse_over: Optional[Union[EventHandler, EventSpec, list, function, BaseVar]]=None, on_mouse_up: Optional[Union[EventHandler, EventSpec, list, function, BaseVar]]=None, on_scroll: Optional[Union[EventHandler, EventSpec, list, function, BaseVar]]=None, on_unmount: Optional[Union[EventHandler, EventSpec, list, function, BaseVar]]=None, **props) -> 'GoogleOAuthProvider':
+        """"""
+        ...
+google_oauth_provider = GoogleOAuthProvider.create
+
+class GoogleLogin(rx.Component):
+
+    @overload
+    @classmethod
+    def create(cls, *children, on_success: Optional[EventHandler[Any]]=None, style: Optional[Style]=None, key: Optional[Any]=None, id: Optional[Any]=None, class_name: Optional[Any]=None, autofocus: Optional[bool]=None, custom_attrs: Optional[Dict[str, Union[Var, str]]]=None, on_blur: Optional[Union[EventHandler, EventSpec, list, function, BaseVar]]=None, on_click: Optional[Union[EventHandler, EventSpec, list, function, BaseVar]]=None, on_context_menu: Optional[Union[EventHandler, EventSpec, list, function, BaseVar]]=None, on_double_click: Optional[Union[EventHandler, EventSpec, list, function, BaseVar]]=None, on_focus: Optional[Union[EventHandler, EventSpec, list, function, BaseVar]]=None, on_mount: Optional[Union[EventHandler, EventSpec, list, function, BaseVar]]=None, on_mouse_down: Optional[Union[EventHandler, EventSpec, list, function, BaseVar]]=None, on_mouse_enter: Optional[Union[EventHandler, EventSpec, list, function, BaseVar]]=None, on_mouse_leave: Optional[Union[EventHandler, EventSpec, list, function, BaseVar]]=None, on_mouse_move: Optional[Union[EventHandler, EventSpec, list, function, BaseVar]]=None, on_mouse_out: Optional[Union[EventHandler, EventSpec, list, function, BaseVar]]=None, on_mouse_over: Optional[Union[EventHandler, EventSpec, list, function, BaseVar]]=None, on_mouse_up: Optional[Union[EventHandler, EventSpec, list, function, BaseVar]]=None, on_scroll: Optional[Union[EventHandler, EventSpec, list, function, BaseVar]]=None, on_success: Optional[Union[EventHandler, EventSpec, list, function, BaseVar]]=None, on_unmount: Optional[Union[EventHandler, EventSpec, list, function, BaseVar]]=None, **props) -> 'GoogleLogin':
+        """"""
+        ...
+google_login = GoogleLogin.create

{reflex_google_auth-0.0.7 → reflex_google_auth-0.0.9a1}/custom_components/reflex_google_auth/state.py

@@ -6,11 +6,15 @@ import time
 
 from google.auth.transport import requests
 from google.oauth2.id_token import verify_oauth2_token
+from httpx import AsyncClient
 
 import reflex as rx
 
 
-CLIENT_ID = None
+TOKEN_URI = "https://oauth2.googleapis.com/token"
+CLIENT_ID = os.environ.get("GOOGLE_CLIENT_ID", "")
+CLIENT_SECRET = os.environ.get("GOOGLE_CLIENT_SECRET", "")
+REDIRECT_URI = os.environ.get("GOOGLE_REDIRECT_URI", "")
 
 
 def set_client_id(client_id: str):
@@ -19,10 +23,39 @@ def set_client_id(client_id: str):
     CLIENT_ID = client_id
 
 
+async def get_id_token(auth_code) -> str:
+    """Get the id token credential from an auth code.
+
+    Args:
+        auth_code: Returned from an 'auth-code' flow.
+
+    Returns:
+        The id token credential.
+    """
+    async with AsyncClient() as client:
+        response = await client.post(
+            TOKEN_URI,
+            data={
+                "code": auth_code,
+                "client_id": CLIENT_ID,
+                "client_secret": CLIENT_SECRET,
+                "redirect_uri": REDIRECT_URI,
+                "grant_type": "authorization_code",
+            },
+        )
+        response.raise_for_status()
+        response_data = response.json()
+        return response_data.get("id_token")
+
+
 class GoogleAuthState(rx.State):
     id_token_json: str = rx.LocalStorage()
 
-    def on_success(self, id_token: dict):
+    @rx.event
+    async def on_success(self, id_token: dict):
+        if "code" in id_token:
+            # Handle auth-code flow
+            id_token["credential"] = await get_id_token(id_token["code"])
         self.id_token_json = json.dumps(id_token)
 
     @rx.var(cache=True)
@@ -39,9 +72,11 @@ class GoogleAuthState(rx.State):
             )
         except Exception as exc:
             if self.id_token_json:
-                print(f"Error verifying token: {exc}")
+                print(f"Error verifying token: {exc!r}")
+                self.id_token_json = ""
         return {}
 
+    @rx.event
     def logout(self):
         self.id_token_json = ""
 

{reflex_google_auth-0.0.7 → reflex_google_auth-0.0.9a1}/custom_components/reflex_google_auth.egg-info/PKG-INFO

@@ -1,6 +1,6 @@
-Metadata-Version: 2.1
+Metadata-Version: 2.2
 Name: reflex-google-auth
-Version: 0.0.7
+Version: 0.0.9a1
 Summary: Sign in with Google
 Author-email: Masen Furer <m_github@0x26.net>
 License: Apache-2.0
@@ -9,7 +9,7 @@ Keywords: reflex,reflex-custom-components
 Classifier: Development Status :: 4 - Beta
 Requires-Python: >=3.8
 Description-Content-Type: text/markdown
-Requires-Dist: reflex>=0.4.6
+Requires-Dist: reflex>=0.6.6
 Requires-Dist: google-auth[requests]
 Provides-Extra: dev
 Requires-Dist: build; extra == "dev"
@@ -42,11 +42,22 @@ Head over to https://console.developers.google.com/apis/credentials and sign in
 - From the "Credentials" page, click "+ Create Credentials", then "OAuth client ID"
   - Select Application Type: "Web Application"
   - Add Authorized Javascript Origins: http://localhost, http://localhost:3000, https://example.com (prod domain must be HTTPS)
+  - If using custom button, add the same origins to "Authorized redirect URIs"
   - Click "Save"
-- Copy the OAuth "Client ID" and save it for later. Mine looks like 309209880368-4uqd9e44h7t4alhhdqn48pvvr63cc5j5.apps.googleusercontent.com
+- Copy the OAuth "Client ID" and "Client Secret" and save it for later. Mine looks like 309209880368-4uqd9e44h7t4alhhdqn48pvvr63cc5j5.apps.googleusercontent.com
 
 https://github.com/reflex-dev/reflex-examples/assets/1524005/af2499a6-0bda-4d60-b52b-4f51b7322fd5
 
+### Configure Environment Variables
+
+Set the following environment variables based on your deployment.
+
+```bash
+export GOOGLE_CLIENT_ID="309209880368-4uqd9e44h7t4alhhdqn48pvvr63cc5j5.apps.googleusercontent.com"
+export GOOGLE_CLIENT_SECRET="your_client_secret"
+export GOOGLE_REDIRECT_URI="http://localhost:3000"
+```
+
 ### Integrate with Reflex app
 
 The `GoogleAuthState` provided by this component has a `token_is_valid` var that
@@ -89,3 +100,30 @@ See the example in
 [masenf/rx_shout](https://github.com/masenf/rx_shout/blob/main/rx_shout/state.py)
 for how to integrate an authenticated Google user with other app-specific user
 data.
+
+### Customizing the Button
+
+If you want to use your own login button, you may use whatever component you
+like, as long as it is wrapped in a `reflex_google_auth.google_oauth_provider`
+component and the `on_click` triggers
+`reflex_google_auth.handle_google_login()`. Note that this cannot be combined
+with other event handlers.
+
+This functionality is also exposed in the `require_google_auth` decorator, which
+accepts a `button` keyword argument.
+
+When using a custom button, the returned auth-code _must be validated on the
+backend_, which is handled by this library, but **requires additionally setting
+`GOOGLE_CLIENT_SECRET` and `GOOGLE_REDIRECT_URI` environment variables**. These
+can be configured in the Google Cloud Console as described above.
+
+```python
+from reflex_google_auth import handle_google_login, require_google_login, GoogleAuthState
+
+
+@require_google_login(button=rx.button("Google Login 🚀", on_click=handle_google_login()))
+def custom_button() -> rx.Component:
+    return rx.vstack(
+        f"{GoogleAuthState.tokeninfo['email']} clicked a custom button to login, nice",
+    )
+```

{reflex_google_auth-0.0.7 → reflex_google_auth-0.0.9a1}/custom_components/reflex_google_auth.egg-info/SOURCES.txt

@@ -1,11 +1,20 @@
+.gitignore
 README.md
 pyproject.toml
+.github/workflows/publish.yml
 custom_components/reflex_google_auth/__init__.py
 custom_components/reflex_google_auth/decorator.py
 custom_components/reflex_google_auth/google_auth.py
+custom_components/reflex_google_auth/google_auth.pyi
 custom_components/reflex_google_auth/state.py
 custom_components/reflex_google_auth.egg-info/PKG-INFO
 custom_components/reflex_google_auth.egg-info/SOURCES.txt
 custom_components/reflex_google_auth.egg-info/dependency_links.txt
 custom_components/reflex_google_auth.egg-info/requires.txt
-custom_components/reflex_google_auth.egg-info/top_level.txt
+custom_components/reflex_google_auth.egg-info/top_level.txt
+google_auth_demo/.gitignore
+google_auth_demo/requirements.txt
+google_auth_demo/rxconfig.py
+google_auth_demo/assets/favicon.ico
+google_auth_demo/google_auth_demo/__init__.py
+google_auth_demo/google_auth_demo/google_auth_demo.py

{reflex_google_auth-0.0.7 → reflex_google_auth-0.0.9a1}/custom_components/reflex_google_auth.egg-info/requires.txt

@@ -1,4 +1,4 @@
-reflex>=0.4.6
+reflex>=0.6.6
 google-auth[requests]
 
 [dev]

reflex_google_auth-0.0.9a1/google_auth_demo/.gitignore

@@ -0,0 +1,5 @@
+*.db
+*.py[cod]
+.web
+__pycache__/
+assets/external/

reflex_google_auth-0.0.9a1/google_auth_demo/google_auth_demo/google_auth_demo.py

@@ -0,0 +1,84 @@
+import reflex as rx
+
+from reflex_google_auth import (
+    GoogleAuthState,
+    handle_google_login,
+    require_google_login,
+)
+
+
+class State(GoogleAuthState):
+    @rx.var(cache=True)
+    def protected_content(self) -> str:
+        if self.token_is_valid:
+            return f"This content can only be viewed by a logged in User. Nice to see you {self.tokeninfo['name']}"
+        return "Not logged in."
+
+
+def user_info(tokeninfo: rx.vars.ObjectVar) -> rx.Component:
+    return rx.hstack(
+        rx.avatar(
+            src=tokeninfo["picture"],
+            fallback=tokeninfo["name"],
+            size="5",
+        ),
+        rx.vstack(
+            rx.heading(tokeninfo["name"], size="6"),
+            rx.text(tokeninfo["email"]),
+            align_items="flex-start",
+        ),
+        rx.button("Logout", on_click=GoogleAuthState.logout),
+        padding="10px",
+    )
+
+
+def index():
+    return rx.vstack(
+        rx.heading("Google OAuth", size="8"),
+        rx.link("Protected Page", href="/protected"),
+        rx.link("Partially Protected Page", href="/partially-protected"),
+        rx.link("Custom Login Button", href="/custom-button"),
+        align="center",
+    )
+
+
+@rx.page(route="/protected")
+@require_google_login
+def protected() -> rx.Component:
+    return rx.vstack(
+        user_info(GoogleAuthState.tokeninfo),
+        rx.text(State.protected_content),
+        rx.link("Home", href="/"),
+    )
+
+
+@require_google_login
+def user_name_or_sign_in() -> rx.Component:
+    return rx.heading(GoogleAuthState.tokeninfo["name"], size="6")
+
+
+@rx.page(route="/partially-protected")
+def partially_protected() -> rx.Component:
+    return rx.vstack(
+        rx.heading("This page is partially protected."),
+        rx.text(
+            "If you are signed in with google, you should see your name below, otherwise "
+            "you will see a sign in button",
+        ),
+        user_name_or_sign_in(),
+    )
+
+
+@rx.page(route="/custom-button")
+@require_google_login(
+    button=rx.button("Google Login 🚀", on_click=handle_google_login())
+)
+def custom_button() -> rx.Component:
+    return rx.vstack(
+        user_info(GoogleAuthState.tokeninfo),
+        "You clicked a custom button to login, nice",
+    )
+
+
+app = rx.App()
+app.add_page(index)

reflex_google_auth-0.0.9a1/google_auth_demo/requirements.txt

@@ -0,0 +1,2 @@
+reflex>=0.6.6
+reflex-google-auth

reflex_google_auth-0.0.9a1/google_auth_demo/rxconfig.py

@@ -0,0 +1,5 @@
+import reflex as rx
+
+config = rx.Config(
+    app_name="google_auth_demo",
+)

{reflex_google_auth-0.0.7 → reflex_google_auth-0.0.9a1}/pyproject.toml

@@ -1,13 +1,13 @@
 [build-system]
 requires = [
-    "setuptools",
+    "setuptools>=64",
+    "setuptools_scm>=8",
     "wheel",
 ]
 build-backend = "setuptools.build_meta"
 
 [project]
 name = "reflex-google-auth"
-version = "0.0.7"
 description = "Sign in with Google"
 readme = "README.md"
 license = { text = "Apache-2.0" }
@@ -16,13 +16,14 @@ authors = [{ name = "Masen Furer", email = "m_github@0x26.net" }]
 keywords = ["reflex", "reflex-custom-components"]
 
 dependencies = [
-    "reflex>=0.4.6",
+    "reflex>=0.6.6",
     "google-auth[requests]",
 ]
 
 classifiers = [
   "Development Status :: 4 - Beta",
 ]
+dynamic = ["version"]
 
 [project.urls]
 homepage = "https://github.com/masenf/reflex-google-auth"
@@ -32,3 +33,5 @@ dev = ["build", "twine"]
 
 [tool.setuptools.packages.find]
 where = ["custom_components"]
+
+[tool.setuptools_scm]

reflex_google_auth-0.0.7/custom_components/reflex_google_auth/decorator.py

@@ -1,25 +0,0 @@
-import functools
-
-import reflex as rx
-
-from . import google_auth
-from .state import GoogleAuthState
-
-
-def require_google_login(page) -> rx.Component:
-    @functools.wraps(page)
-    def _auth_wrapper() -> rx.Component:
-        return google_auth.google_oauth_provider(
-            rx.cond(
-                rx.State.is_hydrated,
-                rx.cond(
-                    GoogleAuthState.token_is_valid,
-                    page(),
-                    google_auth.google_login(),
-                ),
-            ),
-        )
-
-    _auth_wrapper.__name__ = page.__name__
-
-    return _auth_wrapper

reflex_google_auth-0.0.7/custom_components/reflex_google_auth/google_auth.py

@@ -1,37 +0,0 @@
-import reflex as rx
-
-from .state import GoogleAuthState
-
-
-class GoogleOAuthProvider(rx.Component):
-    library = "@react-oauth/google"
-    tag = "GoogleOAuthProvider"
-
-    client_id: rx.Var[str]
-
-    @classmethod
-    def create(cls, *children, **props) -> rx.Component:
-        props.setdefault("client_id", GoogleAuthState.client_id)
-        return super().create(*children, **props)
-
-
-google_oauth_provider = GoogleOAuthProvider.create
-
-
-def _on_success_signature(data: rx.Var[dict]) -> tuple[rx.Var[dict]]:
-    return data,
-
-
-class GoogleLogin(rx.Component):
-    library = "@react-oauth/google"
-    tag = "GoogleLogin"
-
-    on_success: rx.EventHandler[_on_success_signature]
-
-    @classmethod
-    def create(cls, **props) -> "GoogleLogin":
-        props.setdefault("on_success", GoogleAuthState.on_success)
-        return super().create(**props)
-
-
-google_login = GoogleLogin.create