@qidcloud/sdk 1.2.0 → 1.2.1

package/dist/index.mjs

@@ -1,5 +1,6 @@
 import axios from 'axios';
 import { io } from 'socket.io-client';
+import { QRCodeSVG } from 'qrcode.react';
 
 class AuthModule {
     sdk;
@@ -156,6 +157,37 @@ class EdgeModule {
         const resp = await this.sdk.api.delete(`/api/edge/${name}`, { headers });
         return resp.data;
     }
+    /**
+     * Deploy a new function or update an existing one
+     * @param data Deployment data including name, code, and optional envVars
+     * @param userToken Optional session token
+     */
+    async deploy(data, userToken) {
+        const headers = {};
+        if (userToken)
+            headers['Authorization'] = `Bearer ${userToken}`;
+        const resp = await this.sdk.api.post('/api/edge/deploy', data, { headers });
+        return resp.data;
+    }
+    /**
+     * Get available serverless runtimes
+     */
+    async getRuntimes() {
+        const resp = await this.sdk.api.get('/api/edge/runtimes');
+        return resp.data;
+    }
+    /**
+     * Toggle centralized logging for the project's edge functions
+     * @param enabled Whether to enable or disable logging
+     * @param userToken Optional session token
+     */
+    async toggleLogging(enabled, userToken) {
+        const headers = {};
+        if (userToken)
+            headers['Authorization'] = `Bearer ${userToken}`;
+        const resp = await this.sdk.api.post('/api/edge/logs/settings', { enabled }, { headers });
+        return resp.data;
+    }
 }
 
 class VaultModule {
@@ -212,7 +244,7 @@ class VaultModule {
         return resp.data;
     }
     /**
-     * Delete a file from storage
+     * Delete a file from storage (Soft Delete)
      * @param fileId Unique ID of the file
      * @param userToken Session token for user-scoped storage
      */
@@ -224,6 +256,44 @@ class VaultModule {
         const resp = await this.sdk.api.delete(`/api/storage/${fileId}`, { headers });
         return resp.data;
     }
+    /**
+     * List deleted files in the project enclave (Recycle Bin)
+     * @param userToken Session token for user-scoped storage
+     */
+    async listDeleted(userToken) {
+        const headers = {};
+        if (userToken) {
+            headers['Authorization'] = `Bearer ${userToken}`;
+        }
+        const resp = await this.sdk.api.get('/api/storage/deleted', { headers });
+        return resp.data;
+    }
+    /**
+     * Restore a deleted file from the recycle bin
+     * @param fileId Unique ID of the file
+     * @param userToken Session token for user-scoped storage
+     */
+    async restore(fileId, userToken) {
+        const headers = {};
+        if (userToken) {
+            headers['Authorization'] = `Bearer ${userToken}`;
+        }
+        const resp = await this.sdk.api.post(`/api/storage/restore/${fileId}`, {}, { headers });
+        return resp.data;
+    }
+    /**
+     * Permanently purge a deleted file
+     * @param fileId Unique ID of the file
+     * @param userToken Session token for user-scoped storage
+     */
+    async purge(fileId, userToken) {
+        const headers = {};
+        if (userToken) {
+            headers['Authorization'] = `Bearer ${userToken}`;
+        }
+        const resp = await this.sdk.api.delete(`/api/storage/purge/${fileId}`, { headers });
+        return resp.data;
+    }
 }
 
 class LogsModule {
@@ -2122,87 +2192,199 @@ function requireReact () {
 var reactExports = requireReact();
 var React = /*@__PURE__*/getDefaultExportFromCjs(reactExports);
 
-const QidSignInButton = ({ sdk, onSuccess, onError, className, buttonText = 'Login with QidCloud' }) => {
-    const [modalOpen, setModalOpen] = reactExports.useState(false);
-    const [qrData, setQrData] = reactExports.useState(null);
+/**
+ * A React hook for managing QidCloud authentication lifecycle.
+ * Handles handshake initialization, WebSocket listeners, and profile fetching.
+ */
+function useQidAuth(sdk) {
+    const [user, setUser] = reactExports.useState(null);
+    const [token, setToken] = reactExports.useState(null);
+    const [session, setSession] = reactExports.useState(null);
     const [loading, setLoading] = reactExports.useState(false);
-    const startLogin = async () => {
-        setLoading(true);
+    const [initializing, setInitializing] = reactExports.useState(false);
+    const [error, setError] = reactExports.useState(null);
+    // Use ref to track if we should still be listening (to avoid state updates after unmount/cancel)
+    const activeSessionId = reactExports.useRef(null);
+    const logout = reactExports.useCallback(() => {
+        setUser(null);
+        setToken(null);
+        setSession(null);
+        sdk.auth.disconnect();
+    }, [sdk]);
+    const cancel = reactExports.useCallback(() => {
+        activeSessionId.current = null;
+        setSession(null);
+        setInitializing(false);
+        sdk.auth.disconnect();
+    }, [sdk]);
+    const login = reactExports.useCallback(async () => {
+        setInitializing(true);
+        setError(null);
         try {
-            const session = await sdk.auth.createSession();
-            setQrData(session.qrData);
-            setModalOpen(true);
-            sdk.auth.listen(session.sessionId, async (token) => {
-                const user = await sdk.auth.getProfile(token);
-                setModalOpen(false);
-                onSuccess(user, token);
+            const newSession = await sdk.auth.createSession();
+            setSession(newSession);
+            activeSessionId.current = newSession.sessionId;
+            sdk.auth.listen(newSession.sessionId, async (receivedToken) => {
+                // Safety check: is this still the active session?
+                if (activeSessionId.current !== newSession.sessionId)
+                    return;
+                setLoading(true);
+                setInitializing(false);
+                try {
+                    const profile = await sdk.auth.getProfile(receivedToken);
+                    setToken(receivedToken);
+                    setUser(profile);
+                }
+                catch (err) {
+                    setError(err.message || 'Failed to fetch user profile');
+                }
+                finally {
+                    setLoading(false);
+                    setSession(null);
+                }
             }, (err) => {
-                if (onError)
-                    onError(err);
-                setModalOpen(false);
+                if (activeSessionId.current !== newSession.sessionId)
+                    return;
+                setError(err);
+                setInitializing(false);
+                setSession(null);
             });
         }
         catch (err) {
-            if (onError)
-                onError(err.message || 'Failed to initiate login');
-        }
-        finally {
-            setLoading(false);
+            setError(err.message || 'Failed to initiate login handshake');
+            setInitializing(false);
         }
+    }, [sdk]);
+    // Cleanup on unmount
+    reactExports.useEffect(() => {
+        return () => {
+            sdk.auth.disconnect();
+        };
+    }, [sdk]);
+    return {
+        user,
+        token,
+        loading,
+        error,
+        session,
+        initializing,
+        login,
+        logout,
+        cancel
     };
+}
+
+/**
+ * A ready-to-use React component for QidCloud QR identity authentication.
+ */
+const QidSignInButton = ({ sdk, onSuccess, onError, className, buttonText = 'Login with QidCloud' }) => {
+    const { user, token, error, session, initializing, login, cancel } = useQidAuth(sdk);
+    // 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 (React.createElement(React.Fragment, null,
-        React.createElement("button", { onClick: startLogin, disabled: loading, className: className || 'qid-signin-btn', style: {
+        React.createElement("button", { onClick: login, disabled: initializing || !!session, className: className || 'qid-signin-btn', style: {
                 backgroundColor: '#00e5ff',
                 color: '#000',
-                padding: '10px 20px',
-                borderRadius: '8px',
+                padding: '12px 24px',
+                borderRadius: '12px',
                 border: 'none',
-                fontWeight: 'bold',
-                cursor: 'pointer',
+                fontWeight: '900',
+                cursor: (initializing || !!session) ? 'not-allowed' : 'pointer',
                 display: 'flex',
                 alignItems: 'center',
-                gap: '10px'
-            } }, loading ? 'Initializing...' : buttonText),
-        modalOpen && (React.createElement("div", { className: "qid-modal-overlay", style: {
+                gap: '10px',
+                textTransform: 'uppercase',
+                fontSize: '0.85rem',
+                letterSpacing: '0.5px',
+                boxShadow: '0 4px 15px rgba(0, 229, 255, 0.3)',
+                transition: 'all 0.2s'
+            } },
+            React.createElement("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)),
+        session && (React.createElement("div", { className: "qid-modal-overlay", style: {
                 position: 'fixed',
                 top: 0, left: 0, right: 0, bottom: 0,
-                backgroundColor: 'rgba(0,0,0,0.8)',
+                backgroundColor: 'rgba(0,0,0,0.92)',
                 display: 'flex',
                 justifyContent: 'center',
                 alignItems: 'center',
-                zIndex: 9999
+                zIndex: 9999,
+                backdropFilter: 'blur(8px)'
             } },
             React.createElement("div", { className: "qid-modal-content", style: {
-                    backgroundColor: '#1a1a1a',
-                    padding: '30px',
-                    borderRadius: '16px',
+                    backgroundColor: '#0a0a0a',
+                    padding: '40px',
+                    borderRadius: '28px',
                     textAlign: 'center',
                     color: '#fff',
-                    maxWidth: '400px',
-                    width: '90%'
+                    maxWidth: '420px',
+                    width: '90%',
+                    border: '1px solid rgba(0, 229, 255, 0.2)',
+                    boxShadow: '0 25px 50px -12px rgba(0, 0, 0, 0.5)'
                 } },
-                React.createElement("h2", { style: { marginBottom: '10px' } }, "Identity Handshake"),
-                React.createElement("p", { style: { marginBottom: '20px', fontSize: '14px', color: '#ccc' } }, "Open your QidCloud Mobile App and scan this PQC-secured QR code."),
+                React.createElement("div", { style: { marginBottom: '25px' } },
+                    React.createElement("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'
+                        } },
+                        React.createElement("span", { style: { color: '#00e5ff', fontSize: '0.7rem', fontWeight: '900', letterSpacing: '2px' } }, "PQC ENCLAVE SECURED")),
+                    React.createElement("h2", { style: { fontSize: '1.75rem', fontWeight: '900', marginBottom: '10px', letterSpacing: '-0.5px' } }, "Identity Handshake"),
+                    React.createElement("p", { style: { fontSize: '0.95rem', color: '#94a3b8', lineHeight: '1.6' } }, "Scan this encrypted gateway with your QidCloud app to authorize access.")),
                 React.createElement("div", { style: {
                         backgroundColor: '#fff',
-                        padding: '10px',
+                        padding: '24px',
                         display: 'inline-block',
-                        borderRadius: '8px',
-                        marginBottom: '20px'
+                        borderRadius: '24px',
+                        marginBottom: '30px',
+                        boxShadow: '0 10px 40px rgba(0,0,0,0.3)'
                     } },
-                    React.createElement("div", { style: { color: '#000', fontSize: '12px', wordBreak: 'break-all', width: '200px' } },
-                        "QR: ",
-                        qrData)),
-                React.createElement("button", { onClick: () => setModalOpen(false), style: {
-                        display: 'block',
-                        width: '100%',
-                        padding: '10px',
-                        backgroundColor: '#333',
-                        color: '#fff',
-                        border: 'none',
-                        borderRadius: '8px',
-                        cursor: 'pointer'
-                    } }, "Cancel"))))));
+                    React.createElement(QRCodeSVG, { value: session.qrData, size: 220, level: "H", includeMargin: false, imageSettings: {
+                            src: "https://api.qidcloud.com/favicon.ico",
+                            x: undefined,
+                            y: undefined,
+                            height: 40,
+                            width: 40,
+                            excavate: true,
+                        } })),
+                React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: '15px' } },
+                    React.createElement("div", { style: { height: '4px', width: '60px', backgroundColor: '#00e5ff', margin: '0 auto', borderRadius: '2px', opacity: 0.5 } }),
+                    React.createElement("button", { onClick: cancel, style: {
+                            display: 'block',
+                            width: '100%',
+                            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 Handshake")),
+                React.createElement("div", { style: { marginTop: '25px', fontSize: '0.75rem', color: '#475569' } },
+                    "Session ID: ",
+                    session.sessionId.slice(0, 8),
+                    "..."))))));
 };
 
 class QidCloud {
@@ -2239,5 +2421,5 @@ class QidCloud {
     }
 }
 
-export { QidCloud, QidSignInButton, QidCloud as default };
+export { QidCloud, QidSignInButton, QidCloud as default, useQidAuth };
 //# sourceMappingURL=index.mjs.map