Hugging Face's logo

Spaces:
ethicalabs
/
echo-dsrn-openaire-clf-docs
Running

App Files Community
echo-dsrn-openaire-clf-docs / oauth.html
mrs83's picture
mrs83
Upload folder using huggingface_hub
d1dc368 verified
Raw
History Blame Contribute Delete
19.3 kB
<!doctype html>
<html lang="en" class="no-js">
 <head>
<meta charset="utf-8">
 <meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content="LLM-as-Judge pipeline for the OpenAIRE AI Hackathon 2026">
<link rel="prev" href="mcp.html">
<link rel="next" href="inference.html">
<link rel="icon" href="assets/images/favicon.png">
 <meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.7.6">
<title>OAuth - OpenAIRE Graph Evaluator: Research paper classifier and LLM-as-Judge pipeline</title>
<link rel="stylesheet" href="assets/stylesheets/main.484c7ddc.min.css">
<link rel="stylesheet" href="assets/stylesheets/palette.ab4e12ef.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
 <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
<script>__md_scope=new URL(".",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
</head>
<body dir="ltr" data-md-color-scheme="default" data-md-color-primary="custom" data-md-color-accent="indigo">
<input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
 <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
 <label class="md-overlay" for="__drawer"></label>
 <div data-md-component="skip">
<a href="#oauth-hugging-face-login" class="md-skip">
 Skip to content
 </a>
</div>
 <div data-md-component="announce">
</div>
<header class="md-header md-header--shadow" data-md-component="header">
 <nav class="md-header__inner md-grid" aria-label="Header">
 <a href="index.html" title="OpenAIRE Graph Evaluator: Research paper classifier and LLM-as-Judge pipeline" class="md-header__button md-logo" aria-label="OpenAIRE Graph Evaluator: Research paper classifier and LLM-as-Judge pipeline" data-md-component="logo">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3m0 3.54C9.64 9.35 6.5 8 3 8v11c3.5 0 6.64 1.35 9 3.54 2.36-2.19 5.5-3.54 9-3.54V8c-3.5 0-6.64 1.35-9 3.54"/></svg>
</a>
 <label class="md-header__button md-icon" for="__drawer">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
 </label>
 <div class="md-header__title" data-md-component="header-title">
 <div class="md-header__ellipsis">
 <div class="md-header__topic">
 <span class="md-ellipsis">
 OpenAIRE Graph Evaluator: Research paper classifier and LLM-as-Judge pipeline
 </span>
 </div>
 <div class="md-header__topic" data-md-component="header-topic">
 <span class="md-ellipsis">
OAuth
</span>
 </div>
 </div>
 </div>
<label class="md-header__button md-icon" for="__search">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
 </label>
 <div class="md-search" data-md-component="search" role="dialog">
 <label class="md-search__overlay" for="__search"></label>
 <div class="md-search__inner" role="search">
 <form class="md-search__form" name="search">
 <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
 <label class="md-search__icon md-icon" for="__search">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
 </label>
 <nav class="md-search__options" aria-label="Search">
<button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
 </button>
 </nav>
</form>
 <div class="md-search__output">
 <div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
 <div class="md-search-result" data-md-component="search-result">
 <div class="md-search-result__meta">
 Initializing search
 </div>
 <ol class="md-search-result__list" role="presentation"></ol>
 </div>
 </div>
 </div>
 </div>
</div>
<div class="md-header__source">
 <a href="https://github.com/ethicalabs-ai/OpenAIRE-AI-Research-Evaluator" title="Go to repository" class="md-source" data-md-component="source">
 <div class="md-source__icon md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--><path d="M439.6 236.1 244 40.5c-5.4-5.5-12.8-8.5-20.4-8.5s-15 3-20.4 8.4L162.5 81l51.5 51.5c27.1-9.1 52.7 16.8 43.4 43.7l49.7 49.7c34.2-11.8 61.2 31 35.5 56.7-26.5 26.5-70.2-2.9-56-37.3L240.3 199v121.9c25.3 12.5 22.3 41.8 9.1 55-6.4 6.4-15.2 10.1-24.3 10.1s-17.8-3.6-24.3-10.1c-17.6-17.6-11.1-46.9 11.2-56v-123c-20.8-8.5-24.6-30.7-18.6-45L142.6 101 8.5 235.1C3 240.6 0 247.9 0 255.5s3 15 8.5 20.4l195.6 195.7c5.4 5.4 12.7 8.4 20.4 8.4s15-3 20.4-8.4l194.7-194.7c5.4-5.4 8.4-12.8 8.4-20.4s-3-15-8.4-20.4"/></svg>
 </div>
 <div class="md-source__repository">
 GitHub
 </div>
</a>
 </div>
</nav>
</header>
<div class="md-container" data-md-component="container">
<main class="md-main" data-md-component="main">
 <div class="md-main__inner md-grid">
<div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
 <div class="md-sidebar__scrollwrap">
 <div class="md-sidebar__inner">
<nav class="md-nav md-nav--primary" aria-label="Navigation" data-md-level="0">
 <label class="md-nav__title" for="__drawer">
 <a href="index.html" title="OpenAIRE Graph Evaluator: Research paper classifier and LLM-as-Judge pipeline" class="md-nav__button md-logo" aria-label="OpenAIRE Graph Evaluator: Research paper classifier and LLM-as-Judge pipeline" data-md-component="logo">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3m0 3.54C9.64 9.35 6.5 8 3 8v11c3.5 0 6.64 1.35 9 3.54 2.36-2.19 5.5-3.54 9-3.54V8c-3.5 0-6.64 1.35-9 3.54"/></svg>
</a>
 OpenAIRE Graph Evaluator: Research paper classifier and LLM-as-Judge pipeline
 </label>
<div class="md-nav__source">
 <a href="https://github.com/ethicalabs-ai/OpenAIRE-AI-Research-Evaluator" title="Go to repository" class="md-source" data-md-component="source">
 <div class="md-source__icon md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--><path d="M439.6 236.1 244 40.5c-5.4-5.5-12.8-8.5-20.4-8.5s-15 3-20.4 8.4L162.5 81l51.5 51.5c27.1-9.1 52.7 16.8 43.4 43.7l49.7 49.7c34.2-11.8 61.2 31 35.5 56.7-26.5 26.5-70.2-2.9-56-37.3L240.3 199v121.9c25.3 12.5 22.3 41.8 9.1 55-6.4 6.4-15.2 10.1-24.3 10.1s-17.8-3.6-24.3-10.1c-17.6-17.6-11.1-46.9 11.2-56v-123c-20.8-8.5-24.6-30.7-18.6-45L142.6 101 8.5 235.1C3 240.6 0 247.9 0 255.5s3 15 8.5 20.4l195.6 195.7c5.4 5.4 12.7 8.4 20.4 8.4s15-3 20.4-8.4l194.7-194.7c5.4-5.4 8.4-12.8 8.4-20.4s-3-15-8.4-20.4"/></svg>
 </div>
 <div class="md-source__repository">
 GitHub
 </div>
</a>
 </div>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
 <a href="index.html" class="md-nav__link">
<span class="md-ellipsis">
Home
</span>
</a>
 </li>
<li class="md-nav__item">
 <a href="quickstart.html" class="md-nav__link">
<span class="md-ellipsis">
Quick Start
</span>
</a>
 </li>
<li class="md-nav__item">
 <a href="architecture.html" class="md-nav__link">
<span class="md-ellipsis">
Architecture
</span>
</a>
 </li>
<li class="md-nav__item">
 <a href="llm-as-judge.html" class="md-nav__link">
<span class="md-ellipsis">
LLM-as-Judge
</span>
</a>
 </li>
<li class="md-nav__item">
 <a href="mcp.html" class="md-nav__link">
<span class="md-ellipsis">
MCP
</span>
</a>
 </li>
<li class="md-nav__item md-nav__item--active">
<input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
<label class="md-nav__link md-nav__link--active" for="__toc">
<span class="md-ellipsis">
OAuth
</span>
<span class="md-nav__icon md-icon"></span>
 </label>
<a href="oauth.html" class="md-nav__link md-nav__link--active">
<span class="md-ellipsis">
OAuth
</span>
</a>
<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
<label class="md-nav__title" for="__toc">
 <span class="md-nav__icon md-icon"></span>
 Table of contents
 </label>
 <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
<li class="md-nav__item">
 <a href="#setup" class="md-nav__link">
 <span class="md-ellipsis">
Setup
</span>
 </a>
<nav class="md-nav" aria-label="Setup">
 <ul class="md-nav__list">
<li class="md-nav__item">
 <a href="#1-create-an-oauth-app" class="md-nav__link">
 <span class="md-ellipsis">
1. Create an OAuth App
</span>
 </a>
</li>
<li class="md-nav__item">
 <a href="#2-configure-env" class="md-nav__link">
 <span class="md-ellipsis">
2. Configure .env
</span>
 </a>
</li>
<li class="md-nav__item">
 <a href="#3-production" class="md-nav__link">
 <span class="md-ellipsis">
3. Production
</span>
 </a>
</li>
</ul>
 </nav>
</li>
<li class="md-nav__item">
 <a href="#how-it-works" class="md-nav__link">
 <span class="md-ellipsis">
How it works
</span>
 </a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
 <a href="inference.html" class="md-nav__link">
<span class="md-ellipsis">
Inference
</span>
</a>
 </li>
<li class="md-nav__item">
 <a href="story.html" class="md-nav__link">
<span class="md-ellipsis">
Hackathon Story
</span>
</a>
 </li>
<li class="md-nav__item">
 <a href="deployment.html" class="md-nav__link">
<span class="md-ellipsis">
Deployment
</span>
</a>
 </li>
<li class="md-nav__item">
 <a href="license.html" class="md-nav__link">
<span class="md-ellipsis">
License
</span>
</a>
 </li>
</ul>
</nav>
 </div>
 </div>
 </div>
<div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
 <div class="md-sidebar__scrollwrap">
 <div class="md-sidebar__inner">
<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
<label class="md-nav__title" for="__toc">
 <span class="md-nav__icon md-icon"></span>
 Table of contents
 </label>
 <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
<li class="md-nav__item">
 <a href="#setup" class="md-nav__link">
 <span class="md-ellipsis">
Setup
</span>
 </a>
<nav class="md-nav" aria-label="Setup">
 <ul class="md-nav__list">
<li class="md-nav__item">
 <a href="#1-create-an-oauth-app" class="md-nav__link">
 <span class="md-ellipsis">
1. Create an OAuth App
</span>
 </a>
</li>
<li class="md-nav__item">
 <a href="#2-configure-env" class="md-nav__link">
 <span class="md-ellipsis">
2. Configure .env
</span>
 </a>
</li>
<li class="md-nav__item">
 <a href="#3-production" class="md-nav__link">
 <span class="md-ellipsis">
3. Production
</span>
 </a>
</li>
</ul>
 </nav>
</li>
<li class="md-nav__item">
 <a href="#how-it-works" class="md-nav__link">
 <span class="md-ellipsis">
How it works
</span>
 </a>
</li>
</ul>
</nav>
 </div>
 </div>
 </div>
<div class="md-content" data-md-component="content">
<article class="md-content__inner md-typeset">
<h1 id="oauth-hugging-face-login">OAuth — Hugging Face Login</h1>
<p>The Collab Hub uses Hugging Face OAuth for authentication. Users log in with their HF account to vote on annotations and save papers.</p>
<h2 id="setup">Setup</h2>
<h3 id="1-create-an-oauth-app">1. Create an OAuth App</h3>
<p>Go to <a href="https://huggingface.co/settings/applications/new">Hugging Face OAuth Apps</a> and create a new app:</p>
<ul>
<li><strong>Name</strong>: <code>Echo-DSRN Collab Hub</code></li>
<li><strong>Homepage URL</strong>: <code>http://localhost:7860</code> (or your production URL)</li>
<li><strong>Redirect URL</strong>: <code>http://localhost:7860/api/auth/callback/hf</code></li>
</ul>
<h3 id="2-configure-env">2. Configure .env</h3>
<div class="highlight"><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1" href="#__codelineno-0-1"></a>APP_BASE_URL=http://localhost:7860
<a id="__codelineno-0-2" name="__codelineno-0-2" href="#__codelineno-0-2"></a>HF_CLIENT_ID=&lt;your-client-id&gt;
<a id="__codelineno-0-3" name="__codelineno-0-3" href="#__codelineno-0-3"></a>HF_CLIENT_SECRET=&lt;your-client-secret&gt;
</code></pre></div>
<h3 id="3-production">3. Production</h3>
<p>Replace <code>localhost:7860</code> with your production domain. Both the Homepage URL and Redirect URL must match.</p>
<div class="highlight"><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1" href="#__codelineno-1-1"></a>APP_BASE_URL=https://echo-dsrn.example.com
</code></pre></div>
<p>Redirect URL: <code>https://echo-dsrn.example.com/api/auth/callback/hf</code></p>
<h2 id="how-it-works">How it works</h2>
<ol>
<li>User clicks "Login with Hugging Face" in the Collab Hub</li>
<li>Redirected to HF authorization page</li>
<li>After consent, redirected back to <code>/api/auth/callback/hf</code></li>
<li>Backend exchanges code for token, fetches user profile</li>
<li>JWT session cookie set — user is authenticated</li>
</ol>
<p>User data stored: HF username, name, email, avatar URL, and optionally institution (from profile).</p>
</article>
 </div>
<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
 </div>
</main>
<footer class="md-footer">
<div class="md-footer-meta md-typeset">
 <div class="md-footer-meta__inner md-grid">
 <div class="md-copyright">
Made with
 <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
 Material for MkDocs
 </a>
</div>
</div>
 </div>
</footer>
</div>
 <div class="md-dialog" data-md-component="dialog">
 <div class="md-dialog__inner md-typeset"></div>
 </div>
<script id="__config" type="application/json">{"annotate": null, "base": ".", "features": [], "search": "assets/javascripts/workers/search.2c215733.min.js", "tags": null, "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}, "version": null}</script>
<script src="assets/javascripts/bundle.79ae519e.min.js"></script>
<script src="assets/external-links.js"></script>
</body>
</html>