@qidcloud/sdk 1.2.3 → 1.2.4

package/src/components/QidCloudLogin.tsx

@@ -1,64 +0,0 @@
-import React from 'react';
-import { QidCloud } from '../index';
-import { QidSignInButton } from './QidSignInButton';
-import { QidUser } from '../types';
-
-interface QidCloudLoginProps {
-    sdk: QidCloud;
-    onSuccess: (user: QidUser, token: string) => void;
-    onError?: (error: string) => void;
-    className?: string; // Wrapper class
-}
-
-/**
- * A comprehensive login component for QidCloud.
- * STRICT SECURITY: ONLY supports QR Scanning (Mobile App) for Post-Quantum security.
- * Conventional login is not available in the SDK to prevent password transmission in third-party apps.
- */
-export const QidCloudLogin: React.FC<QidCloudLoginProps> = ({
-    sdk,
-    onSuccess,
-    onError,
-    className
-}) => {
-    return (
-        <div className={`qid-login-container ${className || ''}`} style={{
-            fontFamily: "'Inter', sans-serif",
-            maxWidth: '380px',
-            margin: '0 auto',
-            padding: '30px',
-            backgroundColor: '#050505',
-            borderRadius: '24px',
-            border: '1px solid #333',
-            boxShadow: '0 20px 80px rgba(0,0,0,0.8)',
-            color: '#fff',
-            textAlign: 'center'
-        }}>
-            <div style={{ marginBottom: '30px' }}>
-                <h2 style={{ fontSize: '1.5rem', fontWeight: 700, margin: '0 0 10px 0', letterSpacing: '-0.02em' }}>
-                    QidCloud Login
-                </h2>
-                <p style={{ color: '#888', fontSize: '0.9rem', margin: 0 }}>
-                    Secure Post-Quantum Access
-                </p>
-            </div>
-
-            <div style={{ marginBottom: '20px', padding: '10px', backgroundColor: '#111', borderRadius: '16px', border: '1px dashed #333' }}>
-                <p style={{ fontSize: '0.85rem', color: '#888', marginBottom: '20px', lineHeight: '1.5' }}>
-                    Login instantly by scanning the secure QR code with your <strong>QidCloud App</strong>.
-                </p>
-                <QidSignInButton
-                    sdk={sdk}
-                    onSuccess={onSuccess}
-                    onError={onError}
-                    buttonText="Login with QIDCLOUD"
-                    className="qid-qr-btn-full"
-                />
-            </div>
-
-            <p style={{ fontSize: '0.75rem', color: '#444', marginTop: '20px' }}>
-                Credentials are never entered on this device.
-            </p>
-        </div>
-    );
-};

package/src/components/QidSignInButton.tsx

@@ -1,260 +0,0 @@
-import React from 'react';
-import { QRCodeSVG } from 'qrcode.react';
-import { QidCloud } from '../index';
-import { QidUser } from '../types';
-import { useQidAuth } from '../hooks/useQidAuth';
-
-interface QidSignInButtonProps {
-    sdk: QidCloud;
-    onSuccess: (user: QidUser, token: string) => void;
-    onError?: (error: string) => void;
-    className?: string;
-    buttonText?: string;
-}
-
-/**
- * A ready-to-use React component for QidCloud QR identity authentication.
- */
-export const QidSignInButton: React.FC<QidSignInButtonProps> = ({
-    sdk,
-    onSuccess,
-    onError,
-    className,
-    buttonText = 'LOGIN WITH QIDCLOUD'
-}: QidSignInButtonProps) => {
-    const {
-        user,
-        token,
-        error,
-        session,
-        initializing,
-        isExpired,
-        timeLeft,
-        login,
-        cancel
-    } = useQidAuth(sdk);
-
-    const [appError, setAppError] = React.useState(false);
-
-    // Watch for success
-    React.useEffect(() => {
-        if (user && token) {
-            onSuccess(user, token);
-        }
-    }, [user, token, onSuccess]);
-
-    // Watch for errors
-    React.useEffect(() => {
-        if (error && onError) {
-            onError(error);
-        }
-    }, [error, onError]);
-
-    return (
-        <>
-            <button
-                onClick={login}
-                disabled={initializing || !!session}
-                className={className || 'qid-signin-btn'}
-                style={{
-                    backgroundColor: '#00e5ff',
-                    color: '#000',
-                    padding: '12px 24px',
-                    borderRadius: '12px',
-                    border: 'none',
-                    fontWeight: '900',
-                    cursor: (initializing || !!session) ? 'not-allowed' : 'pointer',
-                    display: 'flex',
-                    alignItems: 'center',
-                    gap: '10px',
-                    textTransform: 'uppercase',
-                    fontSize: '0.85rem',
-                    letterSpacing: '0.5px',
-                    boxShadow: '0 4px 15px rgba(0, 229, 255, 0.3)',
-                    transition: 'all 0.2s'
-                }}
-            >
-                <div style={{
-                    width: '8px',
-                    height: '8px',
-                    borderRadius: '50%',
-                    backgroundColor: (initializing || !!session) ? '#333' : '#000',
-                    boxShadow: (initializing || !!session) ? 'none' : '0 0 8px rgba(0,0,0,0.5)'
-                }} />
-                {initializing ? 'Preparing Handshake...' : (session ? 'Awaiting Scan...' : buttonText)}
-            </button>
-
-            {session && (
-                <div className="qid-modal-overlay" style={{
-                    position: 'fixed',
-                    top: 0, left: 0, right: 0, bottom: 0,
-                    backgroundColor: 'rgba(0,0,0,0.92)',
-                    display: 'flex',
-                    justifyContent: 'center',
-                    alignItems: 'center',
-                    zIndex: 9999,
-                    backdropFilter: 'blur(8px)'
-                }}>
-                    <div className="qid-modal-content" style={{
-                        backgroundColor: '#0a0a0a',
-                        padding: '40px',
-                        borderRadius: '28px',
-                        textAlign: 'center',
-                        color: '#fff',
-                        maxWidth: '420px',
-                        width: '90%',
-                        border: '1px solid rgba(0, 229, 255, 0.2)',
-                        boxShadow: '0 25px 50px -12px rgba(0, 0, 0, 0.5)'
-                    }}>
-                        <div style={{ marginBottom: '25px' }}>
-                            <div style={{
-                                display: 'inline-block',
-                                padding: '12px 20px',
-                                borderRadius: '30px',
-                                backgroundColor: 'rgba(0, 229, 255, 0.1)',
-                                border: '1px solid rgba(0, 229, 255, 0.3)',
-                                marginBottom: '15px'
-                            }}>
-                                <span style={{ color: '#00e5ff', fontSize: '0.7rem', fontWeight: '900', letterSpacing: '2px' }}>PQC ENCLAVE SECURED</span>
-                            </div>
-                            <h2 style={{ fontSize: '1.75rem', fontWeight: '900', marginBottom: '10px', letterSpacing: '-0.5px' }}>Identity Handshake</h2>
-                            <p style={{ fontSize: '0.95rem', color: '#94a3b8', lineHeight: '1.6' }}>
-                                Scan this encrypted gateway with your QidCloud app to authorize access.
-                            </p>
-                        </div>
-
-                        <div style={{
-                            backgroundColor: '#fff',
-                            padding: '24px',
-                            display: 'inline-block',
-                            borderRadius: '24px',
-                            marginBottom: '30px',
-                            boxShadow: '0 10px 40px rgba(0,0,0,0.3)'
-                        }}>
-                            <QRCodeSVG
-                                value={session.qrData}
-                                size={220}
-                                level="H"
-                                includeMargin={false}
-                                style={{ opacity: isExpired ? 0.1 : 1, transition: 'opacity 0.3s' }}
-                                imageSettings={{
-                                    src: "https://api.qidcloud.com/favicon.ico",
-                                    x: undefined,
-                                    y: undefined,
-                                    height: 40,
-                                    width: 40,
-                                    excavate: true,
-                                }}
-                            />
-                            {isExpired && (
-                                <div style={{
-                                    position: 'absolute',
-                                    top: '50%',
-                                    left: '50%',
-                                    transform: 'translate(-50%, -50%)',
-                                    width: '100%'
-                                }}>
-                                    <button
-                                        onClick={login}
-                                        style={{
-                                            backgroundColor: '#00e5ff',
-                                            color: '#000',
-                                            border: 'none',
-                                            padding: '12px 20px',
-                                            borderRadius: '12px',
-                                            fontWeight: '900',
-                                            cursor: 'pointer',
-                                            boxShadow: '0 4px 15px rgba(0, 229, 255, 0.4)',
-                                            fontSize: '0.8rem'
-                                        }}
-                                    >
-                                        REFRESH QR
-                                    </button>
-                                </div>
-                            )}
-                        </div>
-
-                        {isExpired && (
-                            <p style={{ color: '#ef4444', fontSize: '0.85rem', marginBottom: '20px', fontWeight: '600' }}>
-                                Session expired. Please refresh.
-                            </p>
-                        )}
-
-                        <div style={{ marginBottom: '20px' }}>
-                            <p style={{ fontSize: '0.85rem', color: '#94a3b8', marginBottom: '8px' }}>
-                                Are you on mobile?
-                            </p>
-                            <p style={{ fontSize: '0.75rem', color: '#64748b' }}>
-                                Use <strong>One-Click Auth</strong> for instant access.
-                            </p>
-                        </div>
-
-                        <div style={{ display: 'flex', gap: '12px', marginTop: '10px' }}>
-                            <button onClick={cancel} style={{
-                                flex: 2,
-                                padding: '16px',
-                                backgroundColor: 'transparent',
-                                color: '#64748b',
-                                border: '1px solid rgba(148, 163, 184, 0.2)',
-                                borderRadius: '16px',
-                                cursor: 'pointer',
-                                fontWeight: '700',
-                                transition: 'all 0.2s',
-                                fontSize: '0.9rem'
-                            }}>
-                                Cancel
-                            </button>
-
-                            {/* Mobile Deep Link Button */}
-                            <button
-                                onClick={() => {
-                                    setAppError(false);
-                                    const deepLink = `qidcloud://authorize?sessionId=${session.sessionId}`; // Corrected format per docs
-
-                                    // Timeout to check if app opened
-                                    const start = Date.now();
-                                    window.location.href = deepLink;
-
-                                    setTimeout(() => {
-                                        if (Date.now() - start < 1500) {
-                                            setAppError(true);
-                                        }
-                                    }, 1000);
-                                }}
-                                style={{
-                                    flex: 1,
-                                    padding: '16px',
-                                    backgroundColor: 'rgba(0, 229, 255, 0.1)',
-                                    color: '#00e5ff',
-                                    border: '1px solid rgba(0, 229, 255, 0.3)',
-                                    borderRadius: '16px',
-                                    cursor: 'pointer',
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                    justifyContent: 'center',
-                                    transition: 'all 0.2s'
-                                }}
-                                title="Authenticate with QidCloud App"
-                            >
-                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
-                                    <rect x="5" y="2" width="14" height="20" rx="2" ry="2" />
-                                    <line x1="12" y1="18" x2="12.01" y2="18" />
-                                </svg>
-                            </button>
-                        </div>
-
-                        {appError && (
-                            <p style={{ color: '#f59e0b', fontSize: '0.75rem', marginTop: '12px', fontWeight: '600' }}>
-                                QidCloud App not found on device
-                            </p>
-                        )}
-
-                        <div style={{ marginTop: '25px', fontSize: '0.75rem', color: '#475569' }}>
-                            Session ID: {session.sessionId.slice(0, 8)}...
-                        </div>
-                    </div>
-                </div>
-            )}
-        </>
-    );
-};

package/src/hooks/useQidAuth.ts

@@ -1,179 +0,0 @@
-import { useState, useCallback, useEffect, useRef } from 'react';
-import { QidCloud } from '../index';
-import { QidUser, QidAuthSession } from '../types';
-
-export interface UseQidAuthReturn {
-    user: QidUser | null;
-    token: string | null;
-    loading: boolean;
-    error: string | null;
-    session: QidAuthSession | null;
-    initializing: boolean;
-    isExpired: boolean;
-    timeLeft: number;
-    login: () => Promise<void>;
-    logout: () => void;
-    cancel: () => void;
-    setAuthenticated: (user: QidUser, token: string) => void;
-}
-
-/**
- * A React hook for managing QidCloud authentication lifecycle.
- * Handles handshake initialization, WebSocket listeners, and profile fetching.
- */
-export function useQidAuth(sdk: QidCloud): UseQidAuthReturn {
-    const [user, setUser] = useState<QidUser | null>(null);
-    const [token, setToken] = useState<string | null>(null);
-    const [session, setSession] = useState<QidAuthSession | null>(null);
-    const [loading, setLoading] = useState(false);
-    const [initializing, setInitializing] = useState(false);
-    const [error, setError] = useState<string | null>(null);
-
-    const [timeLeft, setTimeLeft] = useState<number>(0);
-    const [isExpired, setIsExpired] = useState(false);
-
-    // Use ref to track if we should still be listening (to avoid state updates after unmount/cancel)
-    const activeSessionId = useRef<string | null>(null);
-    const timerRef = useRef<NodeJS.Timeout | null>(null);
-
-    const clearTimer = useCallback(() => {
-        if (timerRef.current) {
-            clearInterval(timerRef.current);
-            timerRef.current = null;
-        }
-    }, []);
-
-    const STORAGE_KEY = 'qid_auth_token';
-
-    // Helper to fetch profile
-    const fetchProfile = useCallback(async (authToken: string) => {
-        setLoading(true);
-        try {
-            const profile = await sdk.auth.getProfile(authToken);
-            setToken(authToken);
-            setUser(profile);
-            localStorage.setItem(STORAGE_KEY, authToken);
-        } catch (err: any) {
-            console.error('Failed to restore session:', err);
-            setError('Session expired');
-            localStorage.removeItem(STORAGE_KEY);
-            setToken(null);
-            setUser(null);
-        } finally {
-            setLoading(false);
-            setInitializing(false);
-        }
-    }, [sdk]);
-
-    // Init: Check local storage
-    useEffect(() => {
-        const storedToken = localStorage.getItem(STORAGE_KEY);
-        if (storedToken) {
-            fetchProfile(storedToken);
-        }
-    }, [fetchProfile]);
-
-    const logout = useCallback(async () => {
-        if (token) {
-            await sdk.auth.logout(token);
-        } else {
-            sdk.auth.disconnect();
-        }
-        localStorage.removeItem(STORAGE_KEY);
-        setUser(null);
-        setToken(null);
-        setSession(null);
-        setIsExpired(false);
-        clearTimer();
-    }, [sdk, token, clearTimer]);
-
-    const cancel = useCallback(() => {
-        activeSessionId.current = null;
-        setSession(null);
-        setInitializing(false);
-        setIsExpired(false);
-        clearTimer();
-        sdk.auth.disconnect();
-    }, [sdk, clearTimer]);
-
-    const login = useCallback(async () => {
-        setInitializing(true);
-        setError(null);
-        setIsExpired(false);
-        clearTimer();
-
-        try {
-            const newSession = await sdk.auth.createSession();
-            setSession(newSession);
-            activeSessionId.current = newSession.sessionId;
-
-            // Start Timer
-            const expiresAt = newSession.expiresAt || (Date.now() + 120000); // Fallback 2m
-            setTimeLeft(Math.max(0, Math.floor((expiresAt - Date.now()) / 1000)));
-
-            timerRef.current = setInterval(() => {
-                const remaining = Math.max(0, Math.floor((expiresAt - Date.now()) / 1000));
-                setTimeLeft(remaining);
-
-                if (remaining <= 0) {
-                    setIsExpired(true);
-                    clearTimer();
-                    // Don't nullify session immediately, let UI show expiry state
-                }
-            }, 1000);
-
-            sdk.auth.listen(
-                newSession.sessionId,
-                async (receivedToken: string) => {
-                    // Safety check: is this still the active session?
-                    if (activeSessionId.current !== newSession.sessionId) return;
-
-                    clearTimer();
-                    setSession(null); // Clear QR session
-
-                    // Fetch profile and persist
-                    await fetchProfile(receivedToken);
-                },
-                (err: string) => {
-                    if (activeSessionId.current !== newSession.sessionId) return;
-                    setError(err);
-                    setInitializing(false);
-                    setSession(null);
-                    clearTimer();
-                }
-            );
-        } catch (err: any) {
-            setError(err.message || 'Failed to initiate login handshake');
-            setInitializing(false);
-            clearTimer();
-        }
-    }, [sdk, clearTimer, fetchProfile]);
-
-    // Cleanup on unmount
-    useEffect(() => {
-        return () => {
-            clearTimer();
-            sdk.auth.disconnect();
-        };
-    }, [sdk, clearTimer]);
-
-    return {
-        user,
-        token,
-        loading,
-        error,
-        session,
-        initializing,
-        isExpired,
-        timeLeft,
-        login,
-        logout,
-        cancel,
-        setAuthenticated: (user: QidUser, token: string) => {
-            setUser(user);
-            setToken(token);
-            localStorage.setItem(STORAGE_KEY, token);
-            setInitializing(false);
-        }
-    };
-}

package/src/index.ts

@@ -1,58 +0,0 @@
-import axios, { AxiosInstance } from 'axios';
-import { QidConfig } from './types';
-import { AuthModule } from './modules/auth';
-import { DbModule } from './modules/db';
-import { EdgeModule } from './modules/edge';
-import { VaultModule } from './modules/vault';
-import { LogsModule } from './modules/logs';
-
-export class QidCloud {
-    private config: QidConfig;
-    public api: AxiosInstance;
-
-    public auth: AuthModule;
-    public db: DbModule;
-    public edge: EdgeModule;
-    public vault: VaultModule;
-    public logs: LogsModule;
-
-    constructor(config: QidConfig) {
-        this.config = {
-            baseUrl: 'https://api.qidcloud.com',
-            ...config,
-        };
-
-        this.api = axios.create({
-            baseURL: this.config.baseUrl,
-            headers: {
-                'x-api-key': this.config.apiKey,
-                'Content-Type': 'application/json',
-            },
-        });
-
-        this.auth = new AuthModule(this);
-        this.db = new DbModule(this);
-        this.edge = new EdgeModule(this);
-        this.vault = new VaultModule(this);
-        this.logs = new LogsModule(this);
-    }
-
-    /**
-     * Get the current project configuration
-     */
-    getConfig(): QidConfig {
-        return { ...this.config };
-    }
-
-    // Modules will be initialized here
-    // public auth = new AuthModule(this);
-    // public db = new DbModule(this);
-    // public storage = new StorageModule(this);
-    // public edge = new EdgeModule(this);
-}
-
-export default QidCloud;
-export * from './types';
-export { QidSignInButton } from './components/QidSignInButton';
-export { QidCloudLogin } from './components/QidCloudLogin';
-export { useQidAuth } from './hooks/useQidAuth';

package/src/modules/auth.ts

@@ -1,106 +0,0 @@
-import { io, Socket } from 'socket.io-client';
-import { QidCloud } from '../index';
-import { QidAuthSession, QidUser } from '../types';
-
-export class AuthModule {
-    private sdk: QidCloud;
-    private socket: Socket | null = null;
-
-    constructor(sdk: QidCloud) {
-        this.sdk = sdk;
-    }
-
-    /**
-     * Initialize a new handshake session for QR login
-     */
-    async createSession(): Promise<QidAuthSession> {
-        const resp = await this.sdk.api.post('/api/initiate-generic');
-        const { sessionId, nonce } = resp.data;
-
-        // Construct QR data (JSON format for mobile app)
-        const qrData = JSON.stringify({
-            sessionId,
-            nonce,
-            action: 'login-handshake',
-            timestamp: Date.now()
-        });
-
-        return {
-            sessionId,
-            qrData,
-            expiresAt: Date.now() + 120000 // 2 minutes
-        };
-    }
-
-    /**
-     * Listen for authorization events for a specific session
-     */
-    listen(sessionId: string, onAuthorized: (token: string) => void, onDenied?: (msg: string) => void) {
-        if (!this.socket) {
-            const baseUrl = this.sdk.getConfig().baseUrl || 'https://api.qidcloud.com';
-            this.socket = io(baseUrl);
-        }
-
-        this.socket.emit('join', sessionId);
-
-        this.socket.on('authenticated', (token: string) => {
-            onAuthorized(token);
-        });
-
-        this.socket.on('identity_authorized', (data: any) => {
-            // Some backend routes wrap the token in an object
-            const token = typeof data === 'string' ? data : data.token;
-            onAuthorized(token);
-        });
-
-        this.socket.on('identity_denied', (data: any) => {
-            if (onDenied) onDenied(data.message || 'Authorization denied');
-        });
-    }
-
-    /**
-     * Terminate the session on the server
-     */
-    async logout(token: string): Promise<void> {
-        if (!token) return;
-        try {
-            await this.sdk.api.post('/api/logout', {}, {
-                headers: { 'Authorization': `Bearer ${token}` }
-            });
-        } catch (e) {
-            console.warn('Logout failed or session already expired');
-        } finally {
-            this.disconnect();
-        }
-    }
-
-    /**
-     * Stop listening and disconnect socket
-     */
-    disconnect() {
-        if (this.socket) {
-            this.socket.disconnect();
-            this.socket = null;
-        }
-    }
-
-    /**
-     * Fetch user profile using a session token
-     */
-    async getProfile(token: string): Promise<QidUser> {
-        const resp = await this.sdk.api.get('/api/me', {
-            headers: {
-                'Authorization': `Bearer ${token}`
-            }
-        });
-        const data = resp.data;
-        return {
-            userId: data.regUserId,
-            regUserId: data.regUserId,
-            username: data.username,
-            email: data.email,
-            role: data.role
-        };
-    }
-}
-