feat: add auth to webapi

apps/recorder/src/auth/event.ts

@@ -1,41 +0,0 @@
-import type { Observable } from '@graphiql/toolkit';
-import { InjectionToken, inject } from '@outposts/injection-js';
-import {
-  type AuthFeature,
-  EventTypes,
-  PublicEventsService,
-} from 'oidc-client-rx';
-import { filter, shareReplay } from 'rxjs';
-
-export type CheckAuthResultEventType =
-  | { type: EventTypes.CheckingAuthFinished }
-  | {
-      type: EventTypes.CheckingAuthFinishedWithError;
-      value: string;
-    };
-export const CHECK_AUTH_RESULT_EVENT = new InjectionToken<
-  Observable<CheckAuthResultEventType>
->('CHECK_AUTH_RESULT_EVENT');
-
-export function withCheckAuthResultEvent(): AuthFeature {
-  return {
-    ɵproviders: [
-      {
-        provide: CHECK_AUTH_RESULT_EVENT,
-        useFactory: () => {
-          const publishEventService = inject(PublicEventsService);
-
-          return publishEventService.registerForEvents().pipe(
-            filter(
-              (e) =>
-                e.type === EventTypes.CheckingAuthFinishedWithError ||
-                e.type === EventTypes.CheckingAuthFinished
-            ),
-            shareReplay(1)
-          );
-        },
-        deps: [PublicEventsService],
-      },
-    ],
-  };
-}

apps/recorder/src/auth/guard.ts

@@ -1,7 +1,7 @@
 import { runInInjectionContext } from '@outposts/injection-js';
 import { autoLoginPartialRoutesGuard } from 'oidc-client-rx';
 import { firstValueFrom } from 'rxjs';
-import type { RouterContext } from '../controllers/__root';
+import type { RouterContext } from '../web/controller/__root';
 
 export const beforeLoadGuard = async ({
   context,

apps/recorder/src/main.tsx

@@ -4,17 +4,17 @@ import { RouterProvider, createRouter } from '@tanstack/react-router';
 import {
   OidcSecurityService,
   provideAuth,
+  withCheckAuthResultEvent,
   withDefaultFeatures,
 } from 'oidc-client-rx';
+import { withTanstackRouter } from 'oidc-client-rx/adapters/@tanstack/react-router';
 import {
   InjectorContextVoidInjector,
   InjectorProvider,
 } from 'oidc-client-rx/adapters/react';
-import { withTanstackRouter } from 'oidc-client-rx/adapters/tanstack-router';
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import { buildOidcConfig, isBasicAuth } from './auth/config';
-import { withCheckAuthResultEvent } from './auth/event';
 import { useAuth } from './auth/hooks';
 import { routeTree } from './routeTree.gen';
 import './main.css';

apps/recorder/src/web/controller/__root.tsx

@@ -1,6 +1,5 @@
 import type { Injector } from '@outposts/injection-js';
 import {
-  // Link,
   Outlet,
   createRootRouteWithContext,
 } from '@tanstack/react-router';
@@ -26,25 +25,6 @@ export const Route = createRootRouteWithContext<RouterContext>()({
 function RootComponent() {
   return (
     <>
-      {/* <div className="flex gap-2 p-2 text-lg ">
-        <Link
-          to="/"
-          activeProps={{
-            className: 'font-bold',
-          }}
-        >
-          Home
-        </Link>{' '}
-        <Link
-          to="/graphql"
-          activeProps={{
-            className: 'font-bold',
-          }}
-        >
-          GraphQL
-        </Link>
-      </div> */}
-      {/* <hr /> */}
       <Outlet />
       <TanStackRouterDevtools position="bottom-right" />
     </>