Vite SPA

VITE_OIDC_AUTHORITY=https://auth.uranus.com.br/realms/uranus
VITE_OIDC_CLIENT_ID=omnifisco-web

import { AuthProvider } from '@uranus-workspace/auth';
import { RouterProvider } from 'react-router';
import { router } from './router';

const config = {
  authority: import.meta.env.VITE_OIDC_AUTHORITY,
  clientId: import.meta.env.VITE_OIDC_CLIENT_ID,
  redirectUri: `${window.location.origin}/callback`,
  silentRedirectUri: `${window.location.origin}/silent-renew.html`,
  postLogoutRedirectUri: window.location.origin,
};

createRoot(document.getElementById('root')!).render(
  <AuthProvider config={config}>
    <RouterProvider router={router} />
  </AuthProvider>,
);

import { AuthCallback } from '@uranus-workspace/auth';
import { OidcSignInScreen } from '@uranus-workspace/auth/screens';
import { useNavigate } from 'react-router';

export const router = createBrowserRouter([
  {
    path: '/login',
    element: (
      <OidcSignInScreen
        providers={['google']}
        idpHints={{ google: 'google' }}
        credentials="hidden"
      />
    ),
  },
  {
    path: '/callback',
    element: <AuthCallbackPage />,
  },
  {
    path: '/',
    element: (
      <RequireAuth>
        <Dashboard />
      </RequireAuth>
    ),
  },
]);

function AuthCallbackPage() {
  const navigate = useNavigate();
  return (
    <AuthCallback
      onSuccess={(to) => navigate(to ?? '/', { replace: true })}
      errorFallback={(error) => <pre>{error.message}</pre>}
    />
  );
}

import { useAccessToken } from '@uranus-workspace/auth';
import { createAuthorizedFetch } from '@uranus-workspace/auth/api';

export function useApi() {
  const getToken = useAccessToken();
  return useMemo(() => createAuthorizedFetch(getToken), [getToken]);
}