Merge branch 'master' of github.com:profullstack/generate-pdf-api

Author: Preshy

README.md

@@ -316,4 +316,4 @@ CREATE TABLE IF NOT EXISTS user_preferences (
 CREATE INDEX IF NOT EXISTS idx_user_preferences_user_id ON user_preferences(user_id);
 ```
 
-For more information on Supabase migrations, see the [Supabase CLI documentation](https://supabase.com/docs/reference/cli/supabase-db-push).
+For more information on Supabase migrations, see the [Supabase CLI documentation](https://supabase.com/docs/reference/cli/supabase-db-push).

public/js/components/pf-header.js

@@ -284,6 +284,7 @@ class PfHeader extends HTMLElement {
         </div>
         
         <div class="nav-links">
+          <a href="/dashboard" class="nav-link" id="dashboard-link">Dashboard</a>
           <a href="/api-docs" class="nav-link" id="api-docs-link">API Docs</a>
           <a href="/api-keys" class="nav-link" id="api-keys-link">API Keys</a>
           <a href="/login" class="nav-link login-link" id="login-link">Login</a>
@@ -303,6 +304,7 @@ class PfHeader extends HTMLElement {
       
       <!-- Mobile menu container -->
       <div class="mobile-menu">
+        <a href="/dashboard" class="nav-link" id="mobile-dashboard-link">Dashboard</a>
         <a href="/api-docs" class="nav-link" id="mobile-api-docs-link">API Docs</a>
         <a href="/api-keys" class="nav-link" id="mobile-api-keys-link">API Keys</a>
         <a href="/login" class="nav-link login-link" id="mobile-login-link">Login</a>
@@ -390,7 +392,9 @@ class PfHeader extends HTMLElement {
     });
 
     // Add active class to the current link
-    if (currentPath.startsWith('/api-docs')) {
+    if (currentPath.startsWith('/dashboard')) {
+      this.shadowRoot.querySelector('#dashboard-link')?.classList.add('active');
+    } else if (currentPath.startsWith('/api-docs')) {
       this.shadowRoot.querySelector('#api-docs-link')?.classList.add('active');
     } else if (currentPath.startsWith('/api-keys')) {
       this.shadowRoot.querySelector('#api-keys-link')?.classList.add('active');
@@ -649,7 +653,7 @@ class PfHeader extends HTMLElement {
 
     // Redirect to home page if on a protected page
     const currentPath = window.location.pathname;
-    const protectedPages = ['/api-keys', '/settings'];
+    const protectedPages = ['/api-keys', '/settings', '/dashboard'];
 
     if (protectedPages.includes(currentPath)) {
       if (window.router) {

public/js/main.js

@@ -46,6 +46,10 @@ function initRouter() {
       view: () => loadPage('/views/register.html'),
       afterRender: () => initRegisterPage()
     },
+    '/dashboard': {
+      view: () => loadPage('/views/dashboard.html'),
+      afterRender: () => checkAuthAndInitPage('dashboard')
+    },
     '/api-docs': {
       view: () => loadPage('/views/api-docs.html')
     },
@@ -344,6 +348,29 @@ function initRegisterPage() {
 
 // Function removed - no more mock data
 
+/**
+ * Check if user is authenticated and initialize page
+ * @param {string} pageType - Type of page to initialize
+ */
+function checkAuthAndInitPage(pageType) {
+  // Check if user is logged in
+  const apiKey = localStorage.getItem('api_key');
+  if (!apiKey) {
+    // Redirect to login page
+    window.router.navigate('/login');
+    return;
+  }
+  
+  // Initialize specific page if needed
+  switch (pageType) {
+    case 'dashboard':
+      // Dashboard initialization is handled by the page's own script
+      break;
+    default:
+      break;
+  }
+}
+
 /**
  * Initialize API keys page
  */
@@ -495,5 +522,6 @@ function initSubscriptionPage() {
 // Expose functions globally
 window.app = {
   initApp,
-  initRouter
+  initRouter,
+  checkAuthAndInitPage
 };