insforge 1.2.10 → 1.3.0

package/auth/src/lib/broadcastService.ts

@@ -1,115 +1,117 @@
-export enum BroadcastEventType {
-  EMAIL_VERIFIED_SUCCESS = 'EMAIL_VERIFIED_SUCCESS',
-  PASSWORD_RESET_SUCCESS = 'PASSWORD_RESET_SUCCESS',
-}
-
-export interface BroadcastEvent {
-  type: BroadcastEventType;
-  timestamp: number;
-  data?: {
-    accessToken?: string;
-    user?: { id: string; email: string; name: string };
-  };
-}
-
-export type BroadcastEventHandler = (event: BroadcastEvent) => void;
-
-class BroadcastService {
-  private channel: BroadcastChannel | null = null;
-  private readonly CHANNEL_NAME = 'insforge-auth-channel';
-  private handlers: Map<BroadcastEventType, Set<BroadcastEventHandler>> = new Map();
-  private isInitialized = false;
-
-  private isSupported(): boolean {
-    return typeof window !== 'undefined' && 'BroadcastChannel' in window;
-  }
-
-  init(): void {
-    if (this.isInitialized) {
-      return;
-    }
-
-    if (!this.isSupported()) {
-      console.warn('BroadcastChannel API is not supported in this browser');
-      return;
-    }
-
-    try {
-      this.channel = new BroadcastChannel(this.CHANNEL_NAME);
-      this.channel.onmessage = (messageEvent: MessageEvent<BroadcastEvent>) => {
-        const event = messageEvent.data;
-        this.handleIncomingEvent(event);
-      };
-      this.isInitialized = true;
-    } catch (error) {
-      console.error('Failed to initialize BroadcastService:', error);
-    }
-  }
-
-  private handleIncomingEvent(event: BroadcastEvent): void {
-    const handlers = this.handlers.get(event.type);
-    if (handlers) {
-      handlers.forEach((handler) => {
-        try {
-          handler(event);
-        } catch (error) {
-          console.error('Error handling broadcast event:', error);
-        }
-      });
-    }
-  }
-
-  subscribe(eventType: BroadcastEventType, handler: BroadcastEventHandler): () => void {
-    if (!this.isInitialized) {
-      this.init();
-    }
-
-    if (!this.handlers.has(eventType)) {
-      this.handlers.set(eventType, new Set());
-    }
-
-    this.handlers.get(eventType)?.add(handler);
-
-    return () => {
-      const handlers = this.handlers.get(eventType);
-      if (handlers) {
-        handlers.delete(handler);
-      }
-    };
-  }
-
-  broadcast(eventType: BroadcastEventType, data?: BroadcastEvent['data']): void {
-    if (!this.isInitialized) {
-      this.init();
-    }
-
-    if (!this.channel) {
-      console.warn('BroadcastChannel not available, cannot broadcast event');
-      return;
-    }
-
-    const event: BroadcastEvent = {
-      type: eventType,
-      timestamp: Date.now(),
-      data,
-    };
-
-    try {
-      this.channel.postMessage(event);
-    } catch (error) {
-      console.error('Failed to broadcast event:', error);
-    }
-  }
-
-  close(): void {
-    if (this.channel) {
-      this.channel.close();
-      this.channel = null;
-    }
-    this.handlers.clear();
-    this.isInitialized = false;
-  }
-}
-
-const broadcastService = new BroadcastService();
-export default broadcastService;
+// TODO: Rewrite this broadcast service file to implement PKCE in future
+export enum BroadcastEventType {
+  EMAIL_VERIFIED_SUCCESS = 'EMAIL_VERIFIED_SUCCESS',
+  PASSWORD_RESET_SUCCESS = 'PASSWORD_RESET_SUCCESS',
+}
+
+export interface BroadcastEvent {
+  type: BroadcastEventType;
+  timestamp: number;
+  data?: {
+    accessToken?: string;
+    user?: { id: string; email: string; name: string };
+    csrfToken?: string;
+  };
+}
+
+export type BroadcastEventHandler = (event: BroadcastEvent) => void;
+
+class BroadcastService {
+  private channel: BroadcastChannel | null = null;
+  private readonly CHANNEL_NAME = 'insforge-auth-channel';
+  private handlers: Map<BroadcastEventType, Set<BroadcastEventHandler>> = new Map();
+  private isInitialized = false;
+
+  private isSupported(): boolean {
+    return typeof window !== 'undefined' && 'BroadcastChannel' in window;
+  }
+
+  init(): void {
+    if (this.isInitialized) {
+      return;
+    }
+
+    if (!this.isSupported()) {
+      console.warn('BroadcastChannel API is not supported in this browser');
+      return;
+    }
+
+    try {
+      this.channel = new BroadcastChannel(this.CHANNEL_NAME);
+      this.channel.onmessage = (messageEvent: MessageEvent<BroadcastEvent>) => {
+        const event = messageEvent.data;
+        this.handleIncomingEvent(event);
+      };
+      this.isInitialized = true;
+    } catch (error) {
+      console.error('Failed to initialize BroadcastService:', error);
+    }
+  }
+
+  private handleIncomingEvent(event: BroadcastEvent): void {
+    const handlers = this.handlers.get(event.type);
+    if (handlers) {
+      handlers.forEach((handler) => {
+        try {
+          handler(event);
+        } catch (error) {
+          console.error('Error handling broadcast event:', error);
+        }
+      });
+    }
+  }
+
+  subscribe(eventType: BroadcastEventType, handler: BroadcastEventHandler): () => void {
+    if (!this.isInitialized) {
+      this.init();
+    }
+
+    if (!this.handlers.has(eventType)) {
+      this.handlers.set(eventType, new Set());
+    }
+
+    this.handlers.get(eventType)?.add(handler);
+
+    return () => {
+      const handlers = this.handlers.get(eventType);
+      if (handlers) {
+        handlers.delete(handler);
+      }
+    };
+  }
+
+  broadcast(eventType: BroadcastEventType, data?: BroadcastEvent['data']): void {
+    if (!this.isInitialized) {
+      this.init();
+    }
+
+    if (!this.channel) {
+      console.warn('BroadcastChannel not available, cannot broadcast event');
+      return;
+    }
+
+    const event: BroadcastEvent = {
+      type: eventType,
+      timestamp: Date.now(),
+      data,
+    };
+
+    try {
+      this.channel.postMessage(event);
+    } catch (error) {
+      console.error('Failed to broadcast event:', error);
+    }
+  }
+
+  close(): void {
+    if (this.channel) {
+      this.channel.close();
+      this.channel = null;
+    }
+    this.handlers.clear();
+    this.isInitialized = false;
+  }
+}
+
+const broadcastService = new BroadcastService();
+export default broadcastService;

package/auth/src/pages/SignInPage.tsx

@@ -1,57 +1,60 @@
-import { useCallback, useEffect } from 'react';
-import { useSearchParams } from 'react-router-dom';
-import { SignIn } from '@insforge/react';
-import broadcastService, { BroadcastEventType, BroadcastEvent } from '../lib/broadcastService';
-import { ErrorCard } from '../components/ErrorCard';
-
-export function SignInPage() {
-  const [searchParams] = useSearchParams();
-  const redirectUrl = searchParams.get('redirect');
-
-  // Listen for email verification success from other tabs
-  useEffect(() => {
-    if (!redirectUrl) {
-      return;
-    }
-
-    const unsubscribeVerified = broadcastService.subscribe(
-      BroadcastEventType.EMAIL_VERIFIED_SUCCESS,
-      (event: BroadcastEvent) => {
-        const { accessToken, user } = event.data || {};
-        if (accessToken && user) {
-          // Email verified in another tab, redirect with token
-          try {
-            const finalUrl = new URL(redirectUrl, window.location.origin);
-            const params = new URLSearchParams();
-            params.set('access_token', accessToken);
-            params.set('user_id', user.id);
-            params.set('email', user.email);
-            params.set('name', user.name);
-            finalUrl.search = params.toString();
-            window.location.href = finalUrl.toString();
-          } catch {
-            console.error('Failed to redirect to final URL');
-          }
-        }
-      }
-    );
-
-    return () => {
-      unsubscribeVerified();
-    };
-  }, [redirectUrl]);
-
-  const handleError = useCallback((error: Error) => {
-    console.error('Sign in failed:', error);
-  }, []);
-
-  if (!redirectUrl) {
-    return (
-      <ErrorCard title="Missing Redirect URL">
-        <p>No redirect URL provided. Please check the URL and try again.</p>
-      </ErrorCard>
-    );
-  }
-
-  return <SignIn onError={handleError} />;
-}
+import { useCallback, useEffect } from 'react';
+import { useSearchParams } from 'react-router-dom';
+import { SignIn } from '@insforge/react';
+import broadcastService, { BroadcastEventType, BroadcastEvent } from '../lib/broadcastService';
+import { ErrorCard } from '../components/ErrorCard';
+
+export function SignInPage() {
+  const [searchParams] = useSearchParams();
+  const redirectUrl = searchParams.get('redirect');
+
+  // Listen for email verification success from other tabs
+  useEffect(() => {
+    if (!redirectUrl) {
+      return;
+    }
+
+    const unsubscribeVerified = broadcastService.subscribe(
+      BroadcastEventType.EMAIL_VERIFIED_SUCCESS,
+      (event: BroadcastEvent) => {
+        const { accessToken, user, csrfToken } = event.data || {};
+        if (accessToken && user) {
+          // Email verified in another tab, redirect with token
+          try {
+            const finalUrl = new URL(redirectUrl, window.location.origin);
+            const params = new URLSearchParams();
+            params.set('access_token', accessToken);
+            params.set('user_id', user.id);
+            params.set('email', user.email);
+            params.set('name', user.name);
+            if (csrfToken) {
+              params.set('csrf_token', csrfToken);
+            }
+            finalUrl.search = params.toString();
+            window.location.href = finalUrl.toString();
+          } catch {
+            console.error('Failed to redirect to final URL');
+          }
+        }
+      }
+    );
+
+    return () => {
+      unsubscribeVerified();
+    };
+  }, [redirectUrl]);
+
+  const handleError = useCallback((error: Error) => {
+    console.error('Sign in failed:', error);
+  }, []);
+
+  if (!redirectUrl) {
+    return (
+      <ErrorCard title="Missing Redirect URL">
+        <p>No redirect URL provided. Please check the URL and try again.</p>
+      </ErrorCard>
+    );
+  }
+
+  return <SignIn onError={handleError} />;
+}

package/auth/src/pages/SignUpPage.tsx

@@ -1,57 +1,60 @@
-import { useCallback, useEffect } from 'react';
-import { useSearchParams } from 'react-router-dom';
-import { SignUp } from '@insforge/react';
-import broadcastService, { BroadcastEventType, BroadcastEvent } from '../lib/broadcastService';
-import { ErrorCard } from '../components/ErrorCard';
-
-export function SignUpPage() {
-  const [searchParams] = useSearchParams();
-  const redirectUrl = searchParams.get('redirect');
-
-  // Listen for email verification success from other tabs
-  useEffect(() => {
-    if (!redirectUrl) {
-      return;
-    }
-
-    const unsubscribeVerified = broadcastService.subscribe(
-      BroadcastEventType.EMAIL_VERIFIED_SUCCESS,
-      (event: BroadcastEvent) => {
-        const { accessToken, user } = event.data || {};
-        if (accessToken && user) {
-          // Email verified in another tab, redirect with token
-          try {
-            const finalUrl = new URL(redirectUrl, window.location.origin);
-            const params = new URLSearchParams();
-            params.set('access_token', accessToken);
-            params.set('user_id', user.id);
-            params.set('email', user.email);
-            params.set('name', user.name);
-            finalUrl.search = params.toString();
-            window.location.href = finalUrl.toString();
-          } catch {
-            console.error('Failed to redirect to final URL');
-          }
-        }
-      }
-    );
-
-    return () => {
-      unsubscribeVerified();
-    };
-  }, [redirectUrl]);
-
-  const handleError = useCallback((error: Error) => {
-    console.error('Sign up failed:', error);
-  }, []);
-
-  if (!redirectUrl) {
-    return (
-      <ErrorCard title="Missing Redirect URL">
-        <p>No redirect URL provided. Please check the URL and try again.</p>
-      </ErrorCard>
-    );
-  }
-
-  return <SignUp onError={handleError} />;
-}
+import { useCallback, useEffect } from 'react';
+import { useSearchParams } from 'react-router-dom';
+import { SignUp } from '@insforge/react';
+import broadcastService, { BroadcastEventType, BroadcastEvent } from '../lib/broadcastService';
+import { ErrorCard } from '../components/ErrorCard';
+
+export function SignUpPage() {
+  const [searchParams] = useSearchParams();
+  const redirectUrl = searchParams.get('redirect');
+
+  // Listen for email verification success from other tabs
+  useEffect(() => {
+    if (!redirectUrl) {
+      return;
+    }
+
+    const unsubscribeVerified = broadcastService.subscribe(
+      BroadcastEventType.EMAIL_VERIFIED_SUCCESS,
+      (event: BroadcastEvent) => {
+        const { accessToken, user, csrfToken } = event.data || {};
+        if (accessToken && user) {
+          // Email verified in another tab, redirect with token
+          try {
+            const finalUrl = new URL(redirectUrl, window.location.origin);
+            const params = new URLSearchParams();
+            params.set('access_token', accessToken);
+            params.set('user_id', user.id);
+            params.set('email', user.email);
+            params.set('name', user.name);
+            if (csrfToken) {
+              params.set('csrf_token', csrfToken);
+            }
+            finalUrl.search = params.toString();
+            window.location.href = finalUrl.toString();
+          } catch {
+            console.error('Failed to redirect to final URL');
+          }
+        }
+      }
+    );
+
+    return () => {
+      unsubscribeVerified();
+    };
+  }, [redirectUrl]);
+
+  const handleError = useCallback((error: Error) => {
+    console.error('Sign up failed:', error);
+  }, []);
+
+  if (!redirectUrl) {
+    return (
+      <ErrorCard title="Missing Redirect URL">
+        <p>No redirect URL provided. Please check the URL and try again.</p>
+      </ErrorCard>
+    );
+  }
+
+  return <SignUp onError={handleError} />;
+}

package/auth/tsconfig.json

@@ -1,32 +1,32 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-
-    /* Path mapping */
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  },
-  "include": ["src"],
-  "references": [{ "path": "./tsconfig.node.json" }]
-}
-
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+
+    /* Path mapping */
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["src"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}
+

package/auth/tsconfig.node.json

@@ -1,11 +1,11 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "skipLibCheck": true,
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true
-  },
-  "include": ["vite.config.ts"]
-}
-
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}
+