descope 1.0.4

data/examples/ruby-on-rails-api/descope/app/assets/stylesheets/application.bootstrap.scss

@@ -0,0 +1,67 @@
+@import 'bootstrap/scss/bootstrap';
+@import 'bootstrap-icons/font/bootstrap-icons';
+
+@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@500&display=swap');
+
+.page {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 5vh;
+}
+
+.title {
+  margin-top: 10vh;
+  margin-bottom: 5vh;
+  font-size: 2em;
+}
+
+.link {
+  text-decoration: none;
+  margin-bottom: 5vh;
+}
+
+.btn {
+  border: None;
+  background-color: #00BD67;
+  padding: 15px 25px;
+  color: #fff;
+  font-size: 1.1em;
+  border-radius: 9px;
+  margin-top: 12px;
+  margin-right: 1vh;
+}
+
+.btn:hover, .btn:focus, .btn:active, .btn.active, .open>.dropdown-toggle.btn {
+  color: #fff;
+  background-color: #00b3db;
+  border-color: #285e8e; /*set the color you want here*/
+}
+
+.student {
+  margin-bottom: 5vh;
+}
+
+.students {
+  font-size: 1.5em;
+}
+
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+  'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+  sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+  monospace;
+}
+
+.logout {
+  position: relative;
+  top: -22px;
+}

data/examples/ruby-on-rails-api/descope/app/channels/application_cable/channel.rb

@@ -0,0 +1,4 @@
+module ApplicationCable
+  class Channel < ActionCable::Channel::Base
+  end
+end

data/examples/ruby-on-rails-api/descope/app/channels/application_cable/connection.rb

@@ -0,0 +1,4 @@
+module ApplicationCable
+  class Connection < ActionCable::Connection::Base
+  end
+end

data/examples/ruby-on-rails-api/descope/app/controllers/application_controller.rb

@@ -0,0 +1,2 @@
+class ApplicationController < ActionController::Base
+end

data/examples/ruby-on-rails-api/descope/app/controllers/homepage_controller.rb

@@ -0,0 +1,4 @@
+class HomepageController < ApplicationController
+  def index
+  end
+end

data/examples/ruby-on-rails-api/descope/app/controllers/session_controller.rb

@@ -0,0 +1,66 @@
+# frozen_string_literal: true
+
+require 'descope'
+
+class SessionController < ApplicationController
+  attr_reader :jwt_response
+
+  before_action :authenticate_request
+
+
+  def get_roles
+    puts '🔐 Getting roles...'
+    if @jwt_response['roles'].nil? || @jwt_response['roles'].empty?
+      puts '🔐 Empty roles! You are not a trained Descope user!'
+      return render json: { secretMessage: 'Empty roles! You are now a trained Descope user!', roles: [] }
+    end
+
+    roles = @jwt_response['roles']
+    puts "🔐 Got Roles: #{roles}"
+    render json: { secretMessage: 'You are now a trained Descope user!', roles: }
+  end
+
+  def get_role_data
+    valid_student_role = descope_client.validate_roles(
+      jwt_response: @jwt_response, roles: ['student']
+    )
+    valid_teacher_role = descope_client.validate_roles(
+      jwt_response: @jwt_response, roles: ['teacher']
+    )
+    if valid_student_role && valid_teacher_role
+      render json: { valid_teacher: valid_teacher_role, valid_student: valid_student_role }
+    else
+      render json: { valid_teacher: 'no valid teacher role found', valid_student: 'no valid student role found' }
+    end
+  end
+
+  private
+
+  def authenticate_request
+    puts '🔐 Authenticating request...'
+    unless request.headers['Authorization'].nil? # check if token is present in the request header
+      auth_request = request.headers['Authorization']
+      session_token = auth_request&.remove('Bearer ')
+    end
+
+    return render json: { error: '❌ Invalid session token!' }, status: :unauthorized unless session_token
+
+
+    begin
+      @jwt_response = descope_client.validate_session(session_token:)
+    rescue Descope::AuthException
+      return render json: { error: '❌ Invalid session token!' }, status: :unauthorized
+    end
+
+    logger.info "🔐 Authenticated successfully! token validated: #{@jwt_response}"
+    @jwt_response
+  end
+
+  def descope_client
+    @descope_client ||= Descope::Client.new({ project_id: APP_CONFIG['react_app_project_id'], log_level: APP_CONFIG['ruby_sdk_log_level'] })
+  rescue Descope::AuthException => e
+    logger.error "Failed to initialize descope sdk: #{e.message}"
+
+  end
+
+end

data/examples/ruby-on-rails-api/descope/app/helpers/application_helper.rb

@@ -0,0 +1,2 @@
+module ApplicationHelper
+end

data/examples/ruby-on-rails-api/descope/app/helpers/homepage_helper.rb

@@ -0,0 +1,2 @@
+module HomepageHelper
+end

data/examples/ruby-on-rails-api/descope/app/helpers/session_helper.rb

@@ -0,0 +1,2 @@
+module SessionHelper
+end

data/examples/ruby-on-rails-api/descope/app/javascript/App.css

@@ -0,0 +1,53 @@
+@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@500&display=swap');
+
+.page {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 5vh;
+}
+
+.title {
+  margin-top: 10vh;
+  margin-bottom: 5vh;
+  font-size: 2em;
+}
+
+.link {
+  text-decoration: none;
+  margin-bottom: 5vh;
+}
+
+.btn {
+  border: None;
+  background-color: #00BD67;
+  padding: 15px 25px;
+  color: #fff;
+  font-size: 1.1em;
+  border-radius: 9px;
+  margin-top: 12px;
+  margin-right: 1vh;
+}
+
+.student {
+  margin-bottom: 5vh;
+}
+
+.students {
+  font-size: 1.5em;
+}
+
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+  'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+  sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+  monospace;
+}

data/examples/ruby-on-rails-api/descope/app/javascript/application.js

@@ -0,0 +1,5 @@
+// Entry point for the build script in your package.json
+import "@hotwired/turbo-rails"
+import "./controllers"
+import * as bootstrap from "bootstrap"
+import "./components"

data/examples/ruby-on-rails-api/descope/app/javascript/components/App.jsx

@@ -0,0 +1,4 @@
+import React from "react";
+import Routes from "../routes";
+
+export default props => <>{Routes}</>;

data/examples/ruby-on-rails-api/descope/app/javascript/components/Dashboard.jsx

@@ -0,0 +1,60 @@
+import React from "react";
+import { useEffect, useState } from "react";
+import { Link } from "react-router-dom";
+import { useNavigate } from "react-router-dom";
+import { getSessionToken } from '@descope/react-sdk';
+import '../App.css';
+
+function Dashboard() {
+    const sessionToken = getSessionToken(); // get the session token
+    const navigate = useNavigate()
+    const [roles, setRoles] = useState({
+        teacherRole: false,
+        studentRole: false
+    })
+
+    useEffect(() => {
+        fetch('/get_role_data', { // call the api endpoint from the flask server
+            headers: {
+                Accept: 'application/json',
+                Authorization: 'Bearer ' + sessionToken,
+            }
+        }).then(data => {
+            if (data.status === 401) {
+                navigate('/login')
+            }
+            return data.json()
+        }).then(jsonData => {
+            setRoles({
+                teacherRole: jsonData.valid_teacher,
+                studentRole: jsonData.valid_student
+            })
+        }).catch((err) => {
+            console.log(err)
+            navigate('/login')
+        })
+    }, [])
+
+    return (
+        <div className='page'>
+            <h1 className='title'>Dashboard</h1>
+            <Link className='link btn' to="/profile">Profile</Link>
+            {roles.teacherRole && (
+                <div className='page'>
+                    <h1>Welcome back Teacher!</h1>
+                    <p className='students'>You have 50+ students currently 🧑‍🎓</p>
+                </div>
+            )}
+            {roles.studentRole && (
+                <div className='page'>
+                    <h1>Welcome back Student!</h1>
+                    <p className='student'>Unlucky! You have homework!</p>
+                    <iframe src="https://giphy.com/embed/H9UeFGxZz4cBG" width="469" height="480" allowFullScreen></iframe>
+                </div>
+            )}
+        </div>
+    )
+}
+
+
+export default Dashboard;

data/examples/ruby-on-rails-api/descope/app/javascript/components/Home.jsx

@@ -0,0 +1,27 @@
+import '../App.css';
+import { useEffect } from "react";
+import { Link } from "react-router-dom";
+import { useSession } from '@descope/react-sdk'
+import { useNavigate } from "react-router-dom";
+import React from "react";
+
+function Home() {
+    const { isAuthenticated } = useSession()
+    const navigate = useNavigate()
+
+    useEffect(() => {
+        if (isAuthenticated) {
+            return navigate("/profile");
+        }
+    }, [isAuthenticated]) // listen for when isAuthenticated has changed
+
+    return (
+        <div className='page'>
+            <h1 className='title'>Descope - Ruby On Rails Example App</h1>
+            <Link className='link btn' to="/login">Login</Link>
+            <iframe src="https://giphy.com/embed/bKj0qEKTVBdF2o5Dgn" width="480" height="352" allowFullScreen></iframe>
+        </div>
+    )
+}
+
+export default Home;

data/examples/ruby-on-rails-api/descope/app/javascript/components/Login.jsx

@@ -0,0 +1,45 @@
+import '../App.css';
+import React, { useEffect } from "react";
+import { Descope, useSession, useUser } from '@descope/react-sdk'
+import { useNavigate } from "react-router-dom";
+
+
+function Login() {
+    // isAuthenticated: boolean - is the user authenticated?
+    // isSessionLoading: boolean - Use this for showing loading screens while objects are being loaded
+    const { isAuthenticated, isSessionLoading } = useSession()
+    // isUserLoading: boolean - Use this for showing loading screens while objects are being loaded
+    const { isUserLoading } = useUser()
+    const navigate = useNavigate()
+
+    useEffect(() => {
+        if (isAuthenticated) {
+            return navigate("/profile");
+        }
+    }, [isAuthenticated]) // listen for when isAuthenticated has changed
+
+    return (
+        <div className='page'>
+            {
+                (isSessionLoading || isUserLoading) && <p>Loading...</p>
+            }
+
+            {!isAuthenticated &&
+                (
+                    <>
+                        <h1 className='title'>Login/SignUp to see the Secret Message!</h1>
+                        <Descope
+                            flowId="sign-up-or-in"
+                            onSuccess = {(e) => console.log(e.detail.user)}
+                            onError={(e) => console.log('Could not log in! ' + e.detail.error)}
+                            theme="light"
+                        />
+                    </>
+                )
+            }
+        </div>
+    )
+}
+
+
+export default Login;

data/examples/ruby-on-rails-api/descope/app/javascript/components/Profile.jsx

@@ -0,0 +1,81 @@
+import React from "react";
+import { useState, useEffect, useCallback } from "react";
+import { useDescope, useUser, getSessionToken, useSession } from '@descope/react-sdk'
+import { useNavigate } from "react-router-dom";
+import { Link } from "react-router-dom";
+import '../App.css';
+
+
+function Profile() {
+    const { isSessionLoading } = useSession()
+
+    const { user } = useUser()
+    const { logout } = useDescope()
+    const navigate = useNavigate()
+
+    const [secret, setSecret] = useState({
+        secret: "",
+        roles: []
+    })
+
+    const sessionToken = getSessionToken(); // get the session token
+
+    const logoutUser = useCallback(async () => {
+        await logout()
+        return navigate('/login')
+    }, [logout, navigate]);
+
+    useEffect(() => {
+        fetch('/get_roles', { // call the api endpoint from the flask server
+            headers: {
+                Accept: 'application/json',
+                Authorization: 'Bearer ' + sessionToken,
+            }
+        }).then(res => {
+            if (!res.ok) {
+                throw Error(res.statusText);
+            }
+
+            if (res.status === 401) {
+                navigate('/login')
+            }
+            return res.json()
+        }).then(jsonData => {
+            setSecret({
+                secret: jsonData.secretMessage,
+                roles: jsonData.roles
+            })
+        }).catch((err) => {
+            console.log(err)
+            navigate('/login')
+        })
+    },  [])
+
+    return (
+        <>
+            {user && (
+                <div className='page profile'>
+                    <div>
+                        <h1 className='title'>Hello {user.name} 👋</h1>
+                        <div>My Private Component</div>
+                        <p>Secret Message: <span style={{ padding: "5px 10px", color: "white", backgroundColor: "black" }}>{secret.secret}</span></p>
+                        <p>Your Role(s): </p>
+                        {!secret.roles || secret.roles.length === 0 ?
+                            <p><span style={{ color: "green", fontWeight: "bold"}}>No role found!</span></p>
+                            :
+                            secret.roles.map((role, i) => (
+                                <p key={i}><span style={{ color: "green", fontWeight: "bold" }}>{role}</span></p>
+                            ))
+                        }
+                        <Link className='link btn' to="/">Home</Link>
+                        <Link className='link btn' to="/dashboard">Dashboard</Link>
+                        <button className='btn logout' onClick={logoutUser}>Logout</button>
+                    </div>
+                </div>
+            )}
+        </>
+    )
+}
+
+
+export default Profile;

data/examples/ruby-on-rails-api/descope/app/javascript/components/index.html

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Descope React demo app</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+</head>
+<body>
+<div id="root"></div>
+<script type="module" src="./index.jsx"></script>
+</body>
+</html>

data/examples/ruby-on-rails-api/descope/app/javascript/components/index.jsx

@@ -0,0 +1,24 @@
+import React from "react";
+import ReactDOM from 'react-dom/client';
+import App from "./App";
+import reportWebVitals from '../reportWebVitals';
+import { AuthProvider } from '@descope/react-sdk'
+import '../App.css';
+
+document.addEventListener("turbo:load", () => {
+    document.body.innerHTML = '<div id="root"></div>';
+    const root = ReactDOM.createRoot(document.getElementById("root"));
+
+    root.render(
+        <React.StrictMode>
+            <AuthProvider projectId={process.env.REACT_APP_PROJECT_ID}>
+                <App />
+            </AuthProvider>
+        </React.StrictMode>
+    );
+});
+
+// If you want to start measuring performance in your app, pass a function
+// to log results (for example: reportWebVitals(console.log))
+// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
+reportWebVitals();

data/examples/ruby-on-rails-api/descope/app/javascript/controllers/application.js

@@ -0,0 +1,9 @@
+import { Application } from "@hotwired/stimulus"
+
+const application = Application.start()
+
+// Configure Stimulus development experience
+application.debug = false
+window.Stimulus   = application
+
+export { application }

data/examples/ruby-on-rails-api/descope/app/javascript/controllers/index.js

@@ -0,0 +1,5 @@
+// This file is auto-generated by ./bin/rails stimulus:manifest:update
+// Run that command whenever you add a new controller or create them with
+// ./bin/rails generate stimulus controllerName
+
+import { application } from "./application"

data/examples/ruby-on-rails-api/descope/app/javascript/reportWebVitals.js

@@ -0,0 +1,13 @@
+const reportWebVitals = onPerfEntry => {
+  if (onPerfEntry && onPerfEntry instanceof Function) {
+    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+      getCLS(onPerfEntry);
+      getFID(onPerfEntry);
+      getFCP(onPerfEntry);
+      getLCP(onPerfEntry);
+      getTTFB(onPerfEntry);
+    });
+  }
+};
+
+export default reportWebVitals;

data/examples/ruby-on-rails-api/descope/app/javascript/routes/index.jsx

@@ -0,0 +1,17 @@
+import React from "react";
+import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
+import Home from "../components/Home";
+import Login from "../components/Login";
+import Profile from "../components/Profile";
+import Dashboard from "../components/Dashboard";
+
+export default (
+    <Router>
+        <Routes>
+            <Route path="/" element={<Home />} />
+            <Route path='/login' element={<Login />} />
+            <Route path='/profile' element={<Profile />} />
+            <Route path='/dashboard' element={<Dashboard />} />
+        </Routes>
+    </Router>
+);

data/examples/ruby-on-rails-api/descope/app/jobs/application_job.rb

@@ -0,0 +1,7 @@
+class ApplicationJob < ActiveJob::Base
+  # Automatically retry jobs that encountered a deadlock
+  # retry_on ActiveRecord::Deadlocked
+
+  # Most jobs are safe to ignore if the underlying records are no longer available
+  # discard_on ActiveJob::DeserializationError
+end

data/examples/ruby-on-rails-api/descope/app/mailers/application_mailer.rb

@@ -0,0 +1,4 @@
+class ApplicationMailer < ActionMailer::Base
+  default from: "from@example.com"
+  layout "mailer"
+end

data/examples/ruby-on-rails-api/descope/app/models/application_record.rb

@@ -0,0 +1,3 @@
+class ApplicationRecord < ActiveRecord::Base
+  primary_abstract_class
+end

data/examples/ruby-on-rails-api/descope/app/views/homepage/index.html.erb

@@ -0,0 +1,2 @@
+<h1>Homepage#index</h1>
+<p>Find me in app/views/homepage/index.html.erb</p>

data/examples/ruby-on-rails-api/descope/app/views/layouts/application.html.erb

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>RailsDescope</title>
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <%= csrf_meta_tags %>
+    <%= csp_meta_tag %>
+
+    <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
+    <%= javascript_include_tag "application", "data-turbo-track": "reload", type: "module" %>
+  </head>
+
+  <body>
+    <%= yield %>
+  </body>
+</html>

data/examples/ruby-on-rails-api/descope/app/views/layouts/mailer.html.erb

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <style>
+      /* Email styles need to be inline */
+    </style>
+  </head>
+
+  <body>
+    <%= yield %>
+  </body>
+</html>

data/examples/ruby-on-rails-api/descope/app/views/layouts/mailer.text.erb

@@ -0,0 +1 @@
+<%= yield %>

data/examples/ruby-on-rails-api/descope/app/views/session/index.html.erb

@@ -0,0 +1,2 @@
+<h1>Session#index</h1>
+<p>Find me in app/views/session/index.html.erb</p>