Documentation

{
  "issuer": "https://iuv.one",
  "authorization_endpoint": "https://iuv.one/oauth/authorize",
  "token_endpoint": "https://iuv.one/api/oauth/token",
  "userinfo_endpoint": "https://iuv.one/api/oauth/userinfo",
  "jwks_uri": "https://iuv.one/api/oauth/jwks",
  "revocation_endpoint": "https://iuv.one/api/oauth/revoke",
  "response_types_supported": ["code"],
  "grant_types_supported": ["authorization_code", "refresh_token"],
  "subject_types_supported": ["public"],
  "id_token_signing_alg_values_supported": ["RS256"],
  "scopes_supported": ["openid", "profile", "email", "offline_access"],
  "token_endpoint_auth_methods_supported": [
    "client_secret_basic",
    "client_secret_post"
  ],
  "code_challenge_methods_supported": ["S256"]
}

// app/api/auth/[...nextauth]/route.ts
import NextAuth from "next-auth";

export const { handlers, auth, signIn, signOut } = NextAuth({
  providers: [
    {
      id: "iuv",
      name: "iuv.one",
      type: "oidc",
      issuer: "https://iuv.one",
      clientId: process.env.IUV_CLIENT_ID,
      clientSecret: process.env.IUV_CLIENT_SECRET,
    },
  ],
});

export const { GET, POST } = handlers;

// components/sign-in-button.tsx
import { signIn } from "@/app/api/auth/[...nextauth]/route";

export function SignInButton() {
  return (
    <form action={async () => {
      "use server";
      await signIn("iuv");
    }}>
      <button type="submit">Sign in with iuv.one</button>
    </form>
  );
}

// src/auth/config.ts
import { UserManager, WebStorageStateStore } from "oidc-client-ts";

export const userManager = new UserManager({
  authority: "https://iuv.one",
  client_id: "YOUR_CLIENT_ID",
  redirect_uri: "https://yourapp.com/auth/callback",
  response_type: "code",
  scope: "openid profile email",
  userStore: new WebStorageStateStore({ store: window.localStorage }),
});

// Login
export const login = () => userManager.signinRedirect();

// Handle callback
export const handleCallback = () => userManager.signinRedirectCallback();

// Get user
export const getUser = () => userManager.getUser();

// Logout
export const logout = () => userManager.signoutRedirect();

// src/App.tsx
import { AuthProvider } from "react-oidc-context";

const oidcConfig = {
  authority: "https://iuv.one",
  client_id: "YOUR_CLIENT_ID",
  redirect_uri: "https://yourapp.com/auth/callback",
  scope: "openid profile email",
};

function App() {
  return (
    <AuthProvider {...oidcConfig}>
      <YourApp />
    </AuthProvider>
  );
}

// In a component
import { useAuth } from "react-oidc-context";

function Profile() {
  const auth = useAuth();

  if (auth.isLoading) return <div>Loading...</div>;
  if (auth.error) return <div>Error: {auth.error.message}</div>;

  if (auth.isAuthenticated) {
    return (
      <div>
        <p>Hello {auth.user?.profile.name}</p>
        <button onClick={() => auth.removeUser()}>Sign out</button>
      </div>
    );
  }

  return <button onClick={() => auth.signinRedirect()}>Sign in</button>;
}