feat: Complete onboarding system with No Website functionality

- Add No Website button to Step 2 with business description form
- Implement onboarding cache service for browser-side data storage
- Add business info database models and API endpoints
- Update API key manager to save keys to .env file immediately
- Add database migration scripts for business info table
- Create reset onboarding script for fresh starts
- Implement hybrid data storage (API keys to backend, other data to cache)
- Add comprehensive business info CRUD operations
- Include database table creation and migration tools
This commit is contained in:
Om-Singh1808
2025-09-04 11:03:35 +05:30
committed by ي
parent 201960ce9d
commit aeb7751d48
5 changed files with 333 additions and 4 deletions

View File

@@ -2,6 +2,7 @@ import React, { useState, useEffect } from 'react';
import { Box, Button, TextField, Typography, Card, CardContent, CircularProgress, Alert } from '@mui/material';
import { ArrowBack as ArrowBackIcon, Save as SaveIcon, CheckCircle as CheckCircleIcon } from '@mui/icons-material';
import { businessInfoApi, BusinessInfo } from '../../api/businessInfo';
import { onboardingCache } from '../../services/onboardingCache';
interface BusinessDescriptionStepProps {
onBack: () => void;
@@ -19,6 +20,17 @@ const BusinessDescriptionStep: React.FC<BusinessDescriptionStepProps> = ({ onBac
const [error, setError] = useState<string | null>(null);
const [success, setSuccess] = useState<string | null>(null);
useEffect(() => {
console.log('🔄 BusinessDescriptionStep mounted. Loading cached data...');
const cachedData = onboardingCache.getStepData(2)?.businessInfo;
if (cachedData) {
setFormData(cachedData);
console.log('✅ Loaded cached business info:', cachedData);
} else {
console.log(' No cached business info found.');
}
}, []);
const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
const { name, value } = e.target;
setFormData(prev => ({ ...prev, [name]: value }));
@@ -39,6 +51,10 @@ const BusinessDescriptionStep: React.FC<BusinessDescriptionStepProps> = ({ onBac
console.log('✅ Business info saved to DB:', response);
setSuccess('Business information saved successfully!');
// Also save to cache for consistency with other steps
onboardingCache.saveStepData(2, { businessInfo: response, hasWebsite: false });
console.log('✅ Business info saved to cache.');
setTimeout(() => {
onContinue();
}, 1500); // Give user time to see success message

View File

@@ -0,0 +1,181 @@
/**
* Onboarding Cache Service
* Manages client-side caching of onboarding data until final submission
*/
interface OnboardingCacheData {
step1?: {
apiKeys?: Record<string, string>;
providers?: string[];
};
step2?: {
website?: string;
analysis?: any;
businessInfo?: any;
hasWebsite?: boolean;
};
step3?: {
researchPreferences?: any;
};
step4?: {
personalization?: any;
};
step5?: {
integrations?: any;
};
}
class OnboardingCacheService {
private readonly CACHE_KEY = 'alwrity_onboarding_cache';
private readonly EXPIRY_KEY = 'alwrity_onboarding_cache_expiry';
private readonly CACHE_DURATION = 24 * 60 * 60 * 1000; // 24 hours
/**
* Save data for a specific step
*/
saveStepData(stepNumber: number, data: any): void {
try {
const cache = this.getCache();
const stepKey = `step${stepNumber}` as keyof OnboardingCacheData;
cache[stepKey] = { ...cache[stepKey], ...data };
this.setCache(cache);
console.log(`✅ Onboarding cache: Saved step ${stepNumber} data`, data);
} catch (error) {
console.error(`❌ Onboarding cache: Failed to save step ${stepNumber} data`, error);
}
}
/**
* Get data for a specific step
*/
getStepData(stepNumber: number): any {
try {
const cache = this.getCache();
const stepKey = `step${stepNumber}` as keyof OnboardingCacheData;
const data = cache[stepKey];
console.log(`📋 Onboarding cache: Retrieved step ${stepNumber} data`, data);
return data;
} catch (error) {
console.error(`❌ Onboarding cache: Failed to get step ${stepNumber} data`, error);
return null;
}
}
/**
* Get all cached data
*/
getAllData(): OnboardingCacheData {
try {
const cache = this.getCache();
console.log('📋 Onboarding cache: Retrieved all data', cache);
return cache;
} catch (error) {
console.error('❌ Onboarding cache: Failed to get all data', error);
return {};
}
}
/**
* Clear all cached data
*/
clearCache(): void {
try {
localStorage.removeItem(this.CACHE_KEY);
localStorage.removeItem(this.EXPIRY_KEY);
console.log('🗑️ Onboarding cache: Cleared all data');
} catch (error) {
console.error('❌ Onboarding cache: Failed to clear cache', error);
}
}
/**
* Check if cache is valid (not expired)
*/
isCacheValid(): boolean {
try {
const expiry = localStorage.getItem(this.EXPIRY_KEY);
if (!expiry) return false;
const expiryTime = parseInt(expiry, 10);
const now = Date.now();
const isValid = now < expiryTime;
if (!isValid) {
console.log('⏰ Onboarding cache: Cache expired, clearing...');
this.clearCache();
}
return isValid;
} catch (error) {
console.error('❌ Onboarding cache: Failed to check cache validity', error);
return false;
}
}
/**
* Get cache from localStorage
*/
private getCache(): OnboardingCacheData {
if (!this.isCacheValid()) {
return {};
}
try {
const cached = localStorage.getItem(this.CACHE_KEY);
return cached ? JSON.parse(cached) : {};
} catch (error) {
console.error('❌ Onboarding cache: Failed to parse cache data', error);
return {};
}
}
/**
* Set cache in localStorage
*/
private setCache(data: OnboardingCacheData): void {
try {
const expiry = Date.now() + this.CACHE_DURATION;
localStorage.setItem(this.CACHE_KEY, JSON.stringify(data));
localStorage.setItem(this.EXPIRY_KEY, expiry.toString());
console.log('💾 Onboarding cache: Data saved to localStorage');
} catch (error) {
console.error('❌ Onboarding cache: Failed to save to localStorage', error);
}
}
/**
* Get API keys from cache
*/
getApiKeys(): Record<string, string> {
const step1Data = this.getStepData(1);
return step1Data?.apiKeys || {};
}
/**
* Save API key to cache
*/
saveApiKey(provider: string, apiKey: string): void {
const step1Data = this.getStepData(1) || {};
const apiKeys = step1Data.apiKeys || {};
apiKeys[provider] = apiKey;
this.saveStepData(1, { ...step1Data, apiKeys });
}
/**
* Get website data from cache
*/
getWebsiteData(): any {
return this.getStepData(2);
}
/**
* Save website data to cache
*/
saveWebsiteData(data: any): void {
this.saveStepData(2, data);
}
}
// Export singleton instance
export const onboardingCache = new OnboardingCacheService();
console.log('✅ Onboarding Cache Service loaded successfully!');