app.py

#! /usr/bin/env python

# Example app

import os

import dash_core_components as dcc
import dash_html_components as html

from dash import Dash
from dash.dependencies import Input, Output
from flask import Flask, session

from dash_cognito_auth import CognitoOAuth

# configure app
server = Flask(__name__)
app = Dash(
    __name__,
    server=server,
    url_base_pathname="/",
)
app.config["suppress_callback_exceptions"] = True

# configure google oauth using environment variables
server.secret_key = os.environ.get("FLASK_SECRET_KEY", "supersekrit")
server.config["COGNITO_OAUTH_CLIENT_ID"] = os.environ["COGNITO_OAUTH_CLIENT_ID"]
server.config["COGNITO_OAUTH_CLIENT_SECRET"] = os.environ["COGNITO_OAUTH_CLIENT_SECRET"]

# allow for insecure transport for local testing (remove in prod)
os.environ["OAUTHLIB_INSECURE_TRANSPORT"] = "1"

auth = CognitoOAuth(
    app, domain=os.environ["COGNITO_DOMAIN"], region=os.environ["COGNITO_REGION"]
)


@server.route("/")
def MyDashApp():
    return app.index()


app.layout = html.Div(
    children=[
        html.H1(children="Private Dash App"),
        html.Div(id="placeholder", style={"display": "none"}),
        html.Div(id="welcome"),
        dcc.Graph(
            id="example-graph",
            figure={
                "data": [
                    {"x": [1, 2, 3], "y": [4, 1, 2], "type": "bar", "name": "SF"},
                    {"x": [1, 2, 3], "y": [2, 4, 6], "type": "bar", "name": "Montreal"},
                ],
                "layout": {"title": "Dash Data Visualization"},
            },
        ),
    ]
)


@app.callback(Output("welcome", "children"), [Input("placeholder", "value")])
def on_load(value):
    return "Welcome, {}!".format(session["email"])


if __name__ == "__main__":
    app.run_server(host="localhost")