How do I rotate my API key?
Settings → API → Rotate. New key live in <5s.
);
}
return null;
};
// Merge Dashboard API data (demo/git links, active state) into local static data
function mergeServices(local, apiData) {
const byId = {};
apiData.forEach(s => { byId[s.serviceId] = s; });
return local
.filter(s => !byId[s.id] || byId[s.id].isActive !== false)
.map(s => {
const api = byId[s.id];
if (!api) return s;
return {
...s,
demo: api.demoUrl || s.demo || null,
gitRepo: api.gitRepo || null,
name: api.name || s.name,
nameBn: api.nameBn || s.nameBn,
impact: {
primary: api.impactPrimary || s.impact.primary,
secondary: api.impactSecondary || s.impact.secondary,
},
};
});
}
const Projects = () => {
const D = PORTFOLIO_DATA;
const [services, setServices] = React.useState(D.services);
React.useEffect(() => {
const CACHE_KEY = 'aura_services_v2';
const CACHE_TTL = 60 * 1000;
const cached = sessionStorage.getItem(CACHE_KEY);
if (cached) {
try {
const { data, ts } = JSON.parse(cached);
if (Date.now() - ts < CACHE_TTL && data.length > 0) {
setServices(mergeServices(D.services, data));
return;
}
} catch {}
}
fetch('https://aura.auraajenticai.cloud/api/public/services', { signal: AbortSignal.timeout(3000) })
.then(r => r.ok ? r.json() : null)
.then(data => {
if (Array.isArray(data) && data.length > 0) {
sessionStorage.setItem(CACHE_KEY, JSON.stringify({ data, ts: Date.now() }));
setServices(mergeServices(D.services, data));
}
})
.catch(() => {});
}, []);
return (