chore(auth): improve API key error message for expired or invalid keys

Author: yash-pouranik

backend/middleware/verifyApiKey.js

@@ -8,11 +8,16 @@ module.exports = async (req, res, next) => {
         if (!apiKey) return res.status(401).json({ error: 'API key not found' });
 
         const hashedApi = hashApiKey(apiKey);
-        
+
 
         const project = await Project.findOne({ apiKey: hashedApi })
             .populate('owner', 'isVerified');
-        if (!project) return res.status(401).json({ error: 'Invalid API key' });
+        if (!project) return res.status(401).json(
+            {
+                "error": "API key is expired or invalid.",
+                "action": "Please use a valid API key or regenerate a new one from the dashboard."
+            }
+        );
 
         if (!project.owner.isVerified) return res.status(401).json({ error: 'Owner not verified', fix: 'Verify your account on https://urbackend.bitbros.in/dashboard' });
         req.project = project;

backend/routes/projects.js

@@ -97,18 +97,20 @@ router.get('/:projectId', authMiddleware, async (req, res) => {
 // REGENERATE API KEY
 router.patch('/:projectId/regenerate-key', authMiddleware, async (req, res) => {
     try {
-        const newApiKey = uuidv4();
+        const newApiKey = generateApiKey();
+        const hashed = hashApiKey(newApiKey);
+
         const project = await Project.findOneAndUpdate(
             { _id: req.params.projectId, owner: req.user._id },
-            { $set: { apiKey: newApiKey } },
+            { $set: { apiKey: hashed } },
             { new: true }
         );
         if (!project) return res.status(404).json({ error: "Project not found." });
 
         const projectObj = project.toObject();
         delete projectObj.apiKey;
         delete projectObj.jwtSecret;
-        res.json({ apiKey: project.apiKey, project: projectObj });
+        res.json({ apiKey: newApiKey, project: projectObj });
     } catch (err) {
         res.status(500).json({ error: err.message });
     }

frontend/src/pages/LandingPage/index.jsx

@@ -174,7 +174,7 @@ function LandingPage() {
                             <div className="dot green" style={{ width: 10, height: 10, borderRadius: '50%', background: '#27c93f' }}></div>
                         </div>
                         <div className="url-bar">
-                            <span style={{ color: '#fff' }}>https://api.urbackend.com/v1/users</span>
+                            <span style={{ color: '#fff' }}>https://api.urbackend.bitbros.in/v1/users</span>
                             <span style={{ fontSize: '0.75rem', color: '#666', border: '1px solid #333', padding: '2px 6px', borderRadius: 4 }}>GET</span>
                         </div>
                     </div>