This JupyterLab extension enables users to log in with Google Identity service for webapps and then use the token to interact with Google services.
A notebook to read/write Google sheets is included.

Overview¶

Main points:

It is used to obtain an OAuth token from Google Identity and use it to interact with its services, like Google Sheets, Drive, etc.
This extension is NOT official. It is an individual initiative and will be maintained on a best effort basis.
It was build as a copy/paste/modify (as of jul23) from the official React template. It may be interesting as an example of a non trivial React widget.
It shows how to use a JS lib available as a UMD bundle in the context of JupyterLab.
It shows how to write to the browser IndexedDB from the JS using lib dexie.js. See demo notebook demo-2-google-sheet-api.ipynb and associated jlite_util small package.
It is meant to be used primarily in JupyterLite as only a JupyterLite kernel can access the IndexedDB. However it can be used in JupyterLab. In this case use the ‘Copy Token’ button in the extension and paste to notebook. A Google token is valid for 1 hour so this is not really painful.

Screenshots¶

Browser IndexDB stores:

Google auth config:
Google auth token data:

Actions:

Usage video:react-auth-google-get-token.webm
Use token from notebook to read/write a Google sheet (for example):demo-2-google-sheet-api.ipynb

Dev Install¶

Commands:

from folder react-auth-google

Required to deal with Yarn 3 workspace rules

touch yarn.lock

install the extension in editable mode

python -m pip install -e .

install your development version of the extension with JupyterLab

jupyter labextension develop . --overwrite

build the TypeScript source once

jlpm build

first terminal

build the TypeScript source in watch mode

jlpm watch

second terminal

start JupyterLab in watch mode

jupyter lab --no-browser --watch

Install¶

jlpm jlpm build jupyter labextension install .

Rebuild Typescript source after making changes