parse-dashboard-analytics 1.0.6 → 1.0.8

package/Parse-Dashboard/app.js

@@ -1093,16 +1093,116 @@ You have direct access to the Parse database through function calls, so you can
       `);
     });
 
-    // Analytics dashboard route
+    // Analytics dashboard routes - Only serve custom analytics if analyticsPage is configured
     app.get('/apps/*/analytics_dashboard', function(req, res) {
+      console.log('🎯 Analytics dashboard route hit:', req.path, req.url);
+      
       if (users && (!req.user || !req.user.isAuthenticated)) {
+        console.log('🔒 User not authenticated, redirecting to login');
         const redirect = req.url.replace('/login', '');
         if (redirect.length > 1) {
           return res.redirect(`${mountPath}login?redirect=${redirect}`);
         }
         return res.redirect(`${mountPath}login`);
       }
-      res.sendFile(path.join(__dirname, 'public', 'analytics.html'));
+      
+      // Extract app ID from URL
+      const appIdMatch = req.path.match(/\/apps\/([^\/]+)\/analytics_dashboard/);
+      const appId = appIdMatch ? appIdMatch[1] : null;
+      console.log('📱 Extracted app ID:', appId);
+      
+      // Find the app configuration
+      let customAnalyticsPath = null;
+      if (appId && config.apps) {
+        const app = config.apps.find(app => app.appId === appId || app.appNameForURL === appId || app.appName === appId);
+        console.log('🔍 Found app config:', app ? 'YES' : 'NO', app ? app.analyticsPage : 'N/A');
+        if (app && app.analyticsPage) {
+          customAnalyticsPath = app.analyticsPage;
+        }
+      }
+      
+      // Only serve custom analytics page if analyticsPage is configured
+      if (customAnalyticsPath) {
+        console.log('✅ Using custom analytics path:', customAnalyticsPath);
+        if (customAnalyticsPath.startsWith('/')) {
+          // It's a URL path, serve from public directory
+          const publicPath = path.join(__dirname, 'public', customAnalyticsPath);
+          console.log('📁 Serving from public directory:', publicPath);
+          if (fs.existsSync(publicPath)) {
+            return res.sendFile(publicPath);
+          } else {
+            console.warn(`Custom analytics page not found in public directory: ${publicPath}, falling back to React component`);
+          }
+        } else {
+          // It's an absolute file path
+          console.log('📁 Serving from absolute path:', customAnalyticsPath);
+          if (fs.existsSync(customAnalyticsPath)) {
+            return res.sendFile(path.resolve(customAnalyticsPath));
+          } else {
+            console.warn(`Custom analytics page not found: ${customAnalyticsPath}, falling back to React component`);
+          }
+        }
+      }
+      
+      // No custom analytics page configured or file not found - let React component handle it
+      console.log('🔄 No custom analyticsPage configured, falling through to React component');
+      return; // This will fall through to the catch-all route for React routing
+    });
+
+    // Alternative analytics dashboard route (with slash instead of underscore)
+    app.get('/apps/*/analytics/dashboard', function(req, res) {
+      console.log('🎯 Alternative analytics route hit:', req.path, req.url);
+      
+      if (users && (!req.user || !req.user.isAuthenticated)) {
+        console.log('🔒 User not authenticated, redirecting to login');
+        const redirect = req.url.replace('/login', '');
+        if (redirect.length > 1) {
+          return res.redirect(`${mountPath}login?redirect=${redirect}`);
+        }
+        return res.redirect(`${mountPath}login`);
+      }
+      
+      // Extract app ID from URL
+      const appIdMatch = req.path.match(/\/apps\/([^\/]+)\/analytics\/dashboard/);
+      const appId = appIdMatch ? appIdMatch[1] : null;
+      console.log('📱 Extracted app ID:', appId);
+      
+      // Find the app configuration
+      let customAnalyticsPath = null;
+      if (appId && config.apps) {
+        const app = config.apps.find(app => app.appId === appId || app.appNameForURL === appId || app.appName === appId);
+        console.log('🔍 Found app config:', app ? 'YES' : 'NO', app ? app.analyticsPage : 'N/A');
+        if (app && app.analyticsPage) {
+          customAnalyticsPath = app.analyticsPage;
+        }
+      }
+      
+      // Only serve custom analytics page if analyticsPage is configured
+      if (customAnalyticsPath) {
+        console.log('✅ Using custom analytics path:', customAnalyticsPath);
+        if (customAnalyticsPath.startsWith('/')) {
+          // It's a URL path, serve from public directory
+          const publicPath = path.join(__dirname, 'public', customAnalyticsPath);
+          console.log('📁 Serving from public directory:', publicPath);
+          if (fs.existsSync(publicPath)) {
+            return res.sendFile(publicPath);
+          } else {
+            console.warn(`Custom analytics page not found in public directory: ${publicPath}, falling back to React component`);
+          }
+        } else {
+          // It's an absolute file path
+          console.log('📁 Serving from absolute path:', customAnalyticsPath);
+          if (fs.existsSync(customAnalyticsPath)) {
+            return res.sendFile(path.resolve(customAnalyticsPath));
+          } else {
+            console.warn(`Custom analytics page not found: ${customAnalyticsPath}, falling back to React component`);
+          }
+        }
+      }
+      
+      // No custom analytics page configured or file not found - let React component handle it
+      console.log('🔄 No custom analyticsPage configured, falling through to React component');
+      return; // This will fall through to the catch-all route for React routing
     });
 
     // For every other request, go to index.html. Let client-side handle the rest.

package/Parse-Dashboard/parse-dashboard-config.json

@@ -1,14 +1,17 @@
 {
   "apps": [
     {
-      "serverURL": "http://localhost:1338/parse",
-      "appId": "mock-app-id",
-      "masterKey": "mock-master-key",
+      "serverURL": "http://localhost:1339/parse",
+      "appId": "analytics-demo-app",
+      "masterKey": "your-master-key-here",
       "appName": "Parse Dashboard Analytics Demo",
-      "appNameForURL": "mock-app-id",
+      "appNameForURL": "analytics-demo-app",
       "iconName": "",
       "primaryBackgroundColor": "#169CEE",
-      "secondaryBackgroundColor": "#0F5B8A"
+      "secondaryBackgroundColor": "#0F5B8A",
+      "analytics": {
+        "endpoint": "http://localhost:1339"
+      }
     }
   ],
   "users": [

package/Parse-Dashboard/public/analytics.html

@@ -150,21 +150,22 @@
         </a>
         
         <div class="analytics-header">
-            <h1>Analytics Dashboard</h1>
-            <p>Real-time insights and metrics for your Parse application</p>
+            <h1>🔧 MODIFIED Analytics Dashboard - TEST VERSION</h1>
+            <p>⚠️ This is the DEFAULT analytics.html file - NOT the custom one!</p>
+            <p style="color: red; font-weight: bold;">If you see this, the custom analyticsPage config is not working properly.</p>
         </div>
         
         <div class="metrics-grid">
             <div class="metric-card">
-                <div class="metric-value">1,247</div>
-                <div class="metric-label">Total Users</div>
-                <div class="metric-change positive">+12% from last month</div>
+                <div class="metric-value">🚨 WRONG FILE 🚨</div>
+                <div class="metric-label">This is analytics.html</div>
+                <div class="metric-change negative">Should be simple-analytics.html</div>
             </div>
             
             <div class="metric-card">
-                <div class="metric-value">3,891</div>
-                <div class="metric-label">Total Objects</div>
-                <div class="metric-change positive">+8% from last month</div>
+                <div class="metric-value">❌ CONFIG ISSUE</div>
+                <div class="metric-label">analyticsPage not working</div>
+                <div class="metric-change negative">Check configuration</div>
             </div>
             
             <div class="metric-card">