npm - @knowcode/doc-builder - Versions diffs - 1.7.6 → 1.8.1 - Mend

@knowcode/doc-builder 1.7.6 → 1.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (50) hide show

package/.claude/settings.local.json +6 -1
package/CHANGELOG.md +29 -0
package/assets/css/notion-style.css +9 -1
package/assets/js/main.js +10 -6
package/html/README.html +44 -20
package/html/auth.js +62 -13
package/html/css/notion-style.css +9 -1
package/html/documentation-index.html +44 -20
package/html/guides/authentication-default-change.html +44 -20
package/html/guides/authentication-guide.html +228 -263
package/html/guides/claude-workflow-guide.html +44 -20
package/html/guides/documentation-standards.html +44 -20
package/html/guides/phosphor-icons-guide.html +44 -20
package/html/guides/private-directory-authentication.html +472 -0
package/html/guides/public-site-deployment.html +50 -25
package/html/guides/search-engine-verification-guide.html +44 -20
package/html/guides/seo-guide.html +44 -20
package/html/guides/seo-optimization-guide.html +44 -20
package/html/guides/troubleshooting-guide.html +44 -20
package/html/guides/windows-setup-guide.html +44 -20
package/html/index.html +44 -20
package/html/js/auth.js +118 -39
package/html/js/main.js +10 -6
package/html/login.html +4 -4
package/html/logout.html +2 -2
package/html/private/cache-control-anti-pattern.html +408 -0
package/html/private/launch/README.html +350 -0
package/html/private/launch/auth-cleanup-summary.html +340 -0
package/html/private/launch/bubble-plugin-specification.html +986 -0
package/html/private/launch/go-to-market-strategy.html +716 -0
package/html/private/launch/launch-announcements.html +646 -0
package/html/private/launch/vercel-deployment-auth-setup.html +390 -0
package/html/private/next-steps-walkthrough.html +685 -0
package/html/private/supabase-auth-implementation-completed.html +433 -0
package/html/private/supabase-auth-implementation-plan.html +590 -0
package/html/private/supabase-auth-integration-plan.html +718 -0
package/html/private/supabase-auth-setup-guide.html +545 -0
package/html/private/test-private-doc.html +281 -0
package/html/robots.txt +4 -0
package/html/sitemap.xml +113 -29
package/html/vercel-cli-setup-guide.html +44 -20
package/html/vercel-first-time-setup-guide.html +44 -20
package/lib/config.js +21 -3
package/lib/core-builder.js +49 -7
package/lib/supabase-auth.js +80 -25
package/package.json +1 -1
package/user-management/README.md +306 -0
package/user-management/add-users.sh +730 -0
package/user-management/create-user.js +65 -0
package/user-management/users.txt +15 -0

package/html/private/next-steps-walkthrough.html ADDED Viewed

@@ -0,0 +1,685 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="Now that we&#039;ve implemented Supabase authentication, let&#039;s walk through testing the implementation and preparing for deployment. This guide provides detailed,...">
+    <title>Next Steps: Testing and Deployment Walkthrough</title>
+    <meta name="author" content="Lindsay Smith">
+    <meta name="keywords" content="documentation, markdown, static site generator, vercel, notion-style, test, step">
+    <meta name="robots" content="index, follow">
+    <link rel="canonical" href="https://doc-builder-delta.vercel.app/private/next-steps-walkthrough.html">
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="article">
+    <meta property="og:url" content="https://doc-builder-delta.vercel.app/private/next-steps-walkthrough.html">
+    <meta property="og:title" content="Next Steps: Testing and Deployment Walkthrough">
+    <meta property="og:description" content="Now that we&#39;ve implemented Supabase authentication, let&#39;s walk through testing the implementation and preparing for deployment. This guide provides detailed,...">
+    <meta property="og:image" content="https://doc-builder-delta.vercel.app/og-default.png">
+    <meta property="og:site_name" content="@knowcode/doc-builder">
+    <meta property="og:locale" content="en_US">
+    <!-- Twitter Card -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:site" content="@planbbackups">
+    <meta name="twitter:creator" content="@planbbackups">
+    <meta name="twitter:title" content="Next Steps: Testing and Deployment Walkthrough">
+    <meta name="twitter:description" content="Now that we&#39;ve implemented Supabase authentication, let&#39;s walk through testing the implementation and preparing for deployment. This guide provides detailed,...">
+    <meta name="twitter:image" content="https://doc-builder-delta.vercel.app/og-default.png">
+    <!-- Custom Meta Tags -->
+    <meta name="google-site-verification" content="FtzcDTf5BQ9K5EfnGazQkgU2U4FiN3ITzM7gHwqUAqQ">
+    <meta name="msvalidate.01" content="B2D8C4C12C530D47AA962B24CAA09630">
+    <!-- Fonts -->
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
+    <!-- Icons -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/regular/style.css">
+    <!-- Mermaid -->
+    <script src="https://cdn.jsdelivr.net/npm/mermaid@10.6.1/dist/mermaid.min.js"></script>
+    <!-- Styles -->
+    <link rel="stylesheet" href="/css/notion-style.css">
+    <!-- Hide content until auth check -->
+    <style>
+      body {
+        visibility: hidden;
+        opacity: 0;
+        transition: opacity 0.3s ease;
+      }
+      body.authenticated {
+        visibility: visible;
+        opacity: 1;
+      }
+      /* Show login/logout pages immediately */
+      body.auth-page {
+        visibility: visible;
+        opacity: 1;
+      }
+      /* Style auth button consistently */
+      .auth-btn {
+        background: none;
+        border: none;
+        color: var(--text-secondary);
+        cursor: pointer;
+        padding: 0.5rem;
+        border-radius: 0.5rem;
+        transition: all 0.2s;
+        font-size: 1.1rem;
+      }
+      .auth-btn:hover {
+        background: var(--bg-secondary);
+        color: var(--text-primary);
+      }
+    </style>
+    <!-- Favicon -->
+    <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>✨</text></svg>">
+    <script type="application/ld+json">
+{
+  "@context": "https://schema.org",
+  "@type": "TechArticle",
+  "headline": "Next Steps: Testing and Deployment Walkthrough",
+  "description": "Now that we've implemented Supabase authentication, let's walk through testing the implementation and preparing for deployment. This guide provides detailed,...",
+  "author": {
+    "@type": "Person",
+    "name": "Lindsay Smith"
+  },
+  "publisher": {
+    "@type": "Organization",
+    "name": "Knowcode Ltd",
+    "url": "https://knowcode.tech"
+  },
+  "datePublished": "2025-07-26T10:20:52.434Z",
+  "dateModified": "2025-07-26T10:20:52.434Z",
+  "mainEntityOfPage": {
+    "@type": "WebPage",
+    "@id": "https://doc-builder-delta.vercel.app/private/next-steps-walkthrough.html"
+  },
+  "breadcrumb": {
+    "@type": "BreadcrumbList",
+    "itemListElement": [
+      {
+        "@type": "ListItem",
+        "position": 1,
+        "name": "@knowcode/doc-builder",
+        "item": "https://doc-builder-delta.vercel.app"
+      },
+      {
+        "@type": "ListItem",
+        "position": 2,
+        "name": "Private",
+        "item": "https://doc-builder-delta.vercel.app/private/"
+      },
+      {
+        "@type": "ListItem",
+        "position": 3,
+        "name": "Next Steps Walkthrough",
+        "item": "https://doc-builder-delta.vercel.app/private/next-steps-walkthrough.html"
+      }
+    ]
+  }
+}
+</script>
+</head>
+<body>
+    <!-- Header -->
+    <header class="header">
+        <div class="header-content">
+            <a href="/index.html" class="logo">@knowcode/doc-builder</a>
+            <div class="header-actions">
+                <div class="deployment-info">
+                    <span class="deployment-date" title="Built with doc-builder v1.8.0">Last updated: Jul 26, 2025, 10:20 AM UTC</span>
+                </div>
+                <a href="../../login.html" class="auth-btn" title="Login/Logout">
+                    <i class="fas fa-sign-in-alt"></i>
+                </a>
+                <button id="theme-toggle" class="theme-toggle" aria-label="Toggle theme">
+                    <i class="fas fa-moon"></i>
+                </button>
+                <button id="menu-toggle" class="menu-toggle" aria-label="Toggle menu">
+                    <i class="fas fa-bars"></i>
+                </button>
+            </div>
+        </div>
+    </header>
+    <!-- Preview Banner -->
+    <div id="preview-banner" class="preview-banner">
+        <div class="banner-content">
+            <i class="fas fa-exclamation-triangle banner-icon"></i>
+            <span class="banner-text">This documentation is a preview version - some content may be incomplete</span>
+            <button id="dismiss-banner" class="banner-dismiss" aria-label="Dismiss banner">
+                <i class="fas fa-times"></i>
+            </button>
+        </div>
+    </div>
+    <!-- Breadcrumbs -->
+    <nav class="breadcrumbs" id="breadcrumbs">
+        <!-- Breadcrumbs will be generated by JavaScript -->
+    </nav>
+    <!-- Main Content -->
+    <div class="main-wrapper">
+        <!-- Sidebar -->
+        <aside class="sidebar">
+            <div class="sidebar-header">
+                <div class="filter-box">
+                    <input type="text" placeholder="Filter items..." class="filter-input" id="nav-filter">
+                    <i class="fas fa-search filter-icon"></i>
+                </div>
+            </div>
+            <nav class="navigation">
+      <div class="nav-section" data-level="0">
+        <a class="nav-title" href="/README.html"  >
+          <i class="fas fa-home"></i> Documentation
+        </a>
+        <div class="nav-content" >
+        <a href="/README.html" class="nav-item" data-tooltip="@knowcode/doc-builder."><i class="fas fa-file-alt"></i> Overview</a>
+        <a href="/documentation-index.html" class="nav-item" data-tooltip="This directory contains additional documentation for the @knowcode/doc-builder project, organized by topic and purpose."><i class="fas fa-file-alt"></i> Documentation Index</a>
+        <a href="/vercel-cli-setup-guide.html" class="nav-item" data-tooltip="This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems."><i class="fas fa-file-alt"></i> Vercel Cli Setup Guide</a>
+        <a href="/vercel-first-time-setup-guide.html" class="nav-item" data-tooltip="This guide walks you through the Vercel deployment process when using ."><i class="fas fa-file-alt"></i> Vercel First Time Setup Guide</a></div></div>
+      <div class="nav-section" data-level="1">
+        <a class="nav-title collapsible" href="#" data-target="nav-guides-1" >
+          <i class="fas fa-chevron-right collapse-icon"></i><i class="fas fa-folder"></i> Guides
+        </a>
+        <div class="nav-content collapsed" id="nav-guides-1">
+        <a href="/guides/authentication-default-change.html" class="nav-item" data-tooltip="Starting from version 1.7.4, @knowcode/doc-builder now defaults to no authentication for all documentation sites."><i class="fas fa-file-alt"></i> Authentication Default Change</a>
+        <a href="/guides/authentication-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder supports enterprise-grade authentication through Supabase - a secure, scalable authentication platform."><i class="fas fa-file-alt"></i> Authentication Guide</a>
+        <a href="/guides/claude-workflow-guide.html" class="nav-item" data-tooltip="This guide demonstrates an efficient workflow for using Claude Code with a refined CLAUDE.md file to create high-quality documentation and deploy it..."><i class="fas fa-file-alt"></i> Claude Workflow Guide</a>
+        <a href="/guides/documentation-standards.html" class="nav-item" data-tooltip="This document defines the documentation standards and conventions for the @knowcode/doc-builder project."><i class="fas fa-file-alt"></i> Documentation Standards</a>
+        <a href="/guides/phosphor-icons-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder automatically converts Unicode emojis in your markdown files to beautiful Phosphor icons in the generated HTML."><i class="fas fa-file-alt"></i> Phosphor Icons Guide</a>
+        <a href="/guides/private-directory-authentication.html" class="nav-item" data-tooltip="The @knowcode/doc-builder provides flexible authentication options to protect your documentation."><i class="fas fa-file-alt"></i> Private Directory Authentication</a>
+        <a href="/guides/public-site-deployment.html" class="nav-item" data-tooltip="The @knowcode/doc-builder now supports deploying public documentation sites without authentication."><i class="fas fa-file-alt"></i> Public Site Deployment</a>
+        <a href="/guides/search-engine-verification-guide.html" class="nav-item" data-tooltip="Search engine verification provides access to powerful webmaster tools:."><i class="fas fa-file-alt"></i> Search Engine Verification Guide</a>
+        <a href="/guides/seo-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder includes comprehensive SEO (Search Engine Optimization) features to help your documentation rank better in search results and..."><i class="fas fa-file-alt"></i> Seo Guide</a>
+        <a href="/guides/seo-optimization-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder includes comprehensive SEO (Search Engine Optimization) features that automatically optimize your documentation for search..."><i class="fas fa-file-alt"></i> Seo Optimization Guide</a>
+        <a href="/guides/troubleshooting-guide.html" class="nav-item" data-tooltip="This guide helps you resolve common issues when using @knowcode/doc-builder."><i class="fas fa-file-alt"></i> Troubleshooting Guide</a>
+        <a href="/guides/windows-setup-guide.html" class="nav-item" data-tooltip="This guide helps Windows users set up the complete AI-powered documentation workflow using Claude Code, @knowcode/doc-builder, and Vercel."><i class="fas fa-file-alt"></i> Windows Setup Guide</a></div></div>
+      <div class="nav-section" data-level="1">
+        <a class="nav-title collapsible expanded" href="#" data-target="nav-private-1" >
+          <i class="fas fa-chevron-right collapse-icon"></i><i class="fas fa-folder"></i> Private
+        </a>
+        <div class="nav-content" id="nav-private-1">
+        <a href="/private/cache-control-anti-pattern.html" class="nav-item" data-tooltip="Cache Control Anti-Pattern: Why Aggressive Cache-Busting is Bad for Documentation Sites."><i class="fas fa-file-alt"></i> Cache Control Anti Pattern</a>
+        <a href="/private/next-steps-walkthrough.html" class="nav-item active" data-tooltip="Now that we&#039;ve implemented Supabase authentication, let&#039;s walk through testing the implementation and preparing for deployment."><i class="fas fa-file-alt"></i> Next Steps Walkthrough</a>
+        <a href="/private/supabase-auth-implementation-completed.html" class="nav-item" data-tooltip="This document records the successful implementation of Supabase authentication in @knowcode/doc-builder v1.7.5+."><i class="fas fa-file-alt"></i> Supabase Auth Implementation Completed</a>
+        <a href="/private/supabase-auth-implementation-plan.html" class="nav-item" data-tooltip="Supabase Auth Implementation Plan for @knowcode/doc-builder."><i class="fas fa-file-alt"></i> Supabase Auth Implementation Plan</a>
+        <a href="/private/supabase-auth-integration-plan.html" class="nav-item" data-tooltip="Supabase Authentication Integration Plan for @knowcode/doc-builder."><i class="fas fa-file-alt"></i> Supabase Auth Integration Plan</a>
+        <a href="/private/supabase-auth-setup-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder supports enterprise-grade authentication through Supabase."><i class="fas fa-file-alt"></i> Supabase Auth Setup Guide</a>
+        <a href="/private/test-private-doc.html" class="nav-item" data-tooltip="Test Private Document."><i class="fas fa-file-alt"></i> Test Private Doc</a></div></div>
+      <div class="nav-section" data-level="2">
+        <a class="nav-title collapsible" href="/private/launch/README.html" data-target="nav-private-launch-2" >
+          <i class="fas fa-chevron-right collapse-icon"></i><i class="fas fa-folder"></i> Launch
+        </a>
+        <div class="nav-content collapsed" id="nav-private-launch-2">
+        <a href="/private/launch/README.html" class="nav-item" data-tooltip="This directory contains all documentation related to the commercial launch of @knowcode/doc-builder, including go-to-market strategy, platform..."><i class="fas fa-file-alt"></i> Launch Overview</a>
+        <a href="/private/launch/auth-cleanup-summary.html" class="nav-item" data-tooltip="All references to the old client-side authentication system have been removed from @knowcode/doc-builder."><i class="fas fa-file-alt"></i> Auth Cleanup Summary</a>
+        <a href="/private/launch/bubble-plugin-specification.html" class="nav-item" data-tooltip="This document outlines the technical specification for creating a Bubble.io plugin that integrates @knowcode/doc-builder, enabling Bubble developers..."><i class="fas fa-file-alt"></i> Bubble Plugin Specification</a>
+        <a href="/private/launch/go-to-market-strategy.html" class="nav-item" data-tooltip="Go-to-Market Strategy &amp; Product Launch Plan."><i class="fas fa-file-alt"></i> Go To Market Strategy</a>
+        <a href="/private/launch/launch-announcements.html" class="nav-item" data-tooltip="This document contains ready-to-use announcement templates for launching @knowcode/doc-builder across various platforms and channels."><i class="fas fa-file-alt"></i> Launch Announcements</a>
+        <a href="/private/launch/vercel-deployment-auth-setup.html" class="nav-item" data-tooltip="Vercel Deployment Authentication Setup Guide."><i class="fas fa-file-alt"></i> Vercel Deployment Auth Setup</a></div></div>
+            </nav>
+            <div class="resize-handle"></div>
+        </aside>
+        <!-- Content Area -->
+        <main class="content">
+            <div class="content-inner">
+                <h1>Next Steps: Testing and Deployment Walkthrough</h1>
+<h2>Overview</h2>
+<p>Now that we&#39;ve implemented Supabase authentication, let&#39;s walk through testing the implementation and preparing for deployment. This guide provides detailed, step-by-step instructions.</p>
+<h2>🧪 Phase 1: Local Testing</h2>
+<h3>Step 1: Install Dependencies</h3>
+<p>First, install the new Supabase dependency:</p>
+<pre><code class="language-bash">cd /Users/lindsaysmith/Documents/lambda1.nosync/doc-builder
+npm install
+</code></pre>
+<h3>Step 2: Set Up Test Supabase Project</h3>
+<ol>
+<li><strong>Go to Supabase</strong>: Visit <a href="https://app.supabase.com">app.supabase.com</a></li>
+<li><strong>Create new project</strong>: <ul>
+<li>Name: <code>doc-builder-test</code></li>
+<li>Database password: Choose a secure password</li>
+<li>Region: Choose closest to you</li>
+</ul>
+</li>
+<li><strong>Wait for setup</strong>: Usually takes 1-2 minutes</li>
+</ol>
+<h3>Step 3: Create Database Tables</h3>
+<ol>
+<li><strong>Go to SQL Editor</strong> in Supabase dashboard</li>
+<li><strong>Run this SQL</strong> to create the required tables:</li>
+</ol>
+<pre><code class="language-sql">-- Table 1: Documentation sites
+CREATE TABLE docbuilder_sites (
+    id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
+    domain TEXT UNIQUE NOT NULL,
+    name TEXT NOT NULL,
+    created_at TIMESTAMPTZ DEFAULT NOW()
+);
+-- Table 2: User access mapping
+CREATE TABLE docbuilder_access (
+    user_id UUID REFERENCES auth.users(id) ON DELETE CASCADE,
+    site_id UUID REFERENCES docbuilder_sites(id) ON DELETE CASCADE,
+    created_at TIMESTAMPTZ DEFAULT NOW(),
+    PRIMARY KEY (user_id, site_id)
+);
+-- Enable Row Level Security
+ALTER TABLE docbuilder_sites ENABLE ROW LEVEL SECURITY;
+ALTER TABLE docbuilder_access ENABLE ROW LEVEL SECURITY;
+-- RLS Policy: Users can only see sites they have access to
+CREATE POLICY &quot;Users see accessible sites&quot; ON docbuilder_sites
+    FOR SELECT USING (
+        EXISTS (
+            SELECT 1 FROM docbuilder_access
+            WHERE site_id = docbuilder_sites.id
+            AND user_id = auth.uid()
+        )
+    );
+-- RLS Policy: Users can see their own access
+CREATE POLICY &quot;Users see own access&quot; ON docbuilder_access
+    FOR SELECT USING (user_id = auth.uid());
+</code></pre>
+<h3>Step 4: Get Supabase Credentials</h3>
+<ol>
+<li><strong>Go to Settings → API</strong> in Supabase dashboard</li>
+<li><strong>Copy these values</strong>:<ul>
+<li>Project URL (e.g., <code>https://abc123.supabase.co</code>)</li>
+<li>Anon public key (starts with <code>eyJ...</code>)</li>
+</ul>
+</li>
+</ol>
+<h3>Step 5: Create Test Configuration</h3>
+<ol>
+<li><strong>Create test config file</strong>:</li>
+</ol>
+<pre><code class="language-bash"># In the doc-builder directory
+cat &gt; test-config.js &lt;&lt; &#39;EOF&#39;
+module.exports = {
+  siteName: &#39;Test Documentation&#39;,
+  features: {
+    authentication: &#39;supabase&#39;
+  },
+  auth: {
+    supabaseUrl: &#39;YOUR_SUPABASE_URL_HERE&#39;,
+    supabaseAnonKey: &#39;YOUR_ANON_KEY_HERE&#39;,
+    siteId: &#39;&#39;  // Will be filled in next step
+  }
+};
+EOF
+</code></pre>
+<ol start="2">
+<li><strong>Replace the placeholders</strong> with your actual Supabase credentials</li>
+</ol>
+<h3>Step 6: Test the CLI Commands</h3>
+<ol>
+<li><strong>Test the auth:init command</strong>:</li>
+</ol>
+<pre><code class="language-bash">node cli.js auth:init --config test-config.js
+</code></pre>
+<p>This should prompt you for Supabase credentials and create/update the config.</p>
+<ol start="2">
+<li><strong>Add a test site to database</strong>:</li>
+</ol>
+<pre><code class="language-sql">-- Run in Supabase SQL Editor
+INSERT INTO docbuilder_sites (domain, name)
+VALUES (&#39;localhost:3000&#39;, &#39;Test Site&#39;)
+RETURNING id;
+</code></pre>
+<ol start="3">
+<li><strong>Copy the returned site ID</strong> and update your <code>test-config.js</code>:</li>
+</ol>
+<pre><code class="language-javascript">siteId: &#39;the-uuid-returned-from-above&#39;
+</code></pre>
+<h3>Step 7: Create Test Documentation</h3>
+<ol>
+<li><strong>Create test docs folder</strong>:</li>
+</ol>
+<pre><code class="language-bash">mkdir -p test-docs
+echo &quot;# Test Documentation
+This is a test page for Supabase authentication.
+## Features
+- Secure login with Supabase
+- User access control
+- Session management
+If you can see this page, authentication is working!&quot; &gt; test-docs/README.md
+</code></pre>
+<h3>Step 8: Test Build Process</h3>
+<ol>
+<li><strong>Build with authentication</strong>:</li>
+</ol>
+<pre><code class="language-bash">node cli.js build --config test-config.js --input test-docs --output test-html
+</code></pre>
+<ol start="2">
+<li><strong>Check for expected files</strong>:</li>
+</ol>
+<pre><code class="language-bash">ls -la test-html/
+# Should see:
+# - login.html
+# - logout.html
+# - js/auth.js
+# - index.html
+</code></pre>
+<ol start="3">
+<li><strong>Inspect generated auth script</strong>:</li>
+</ol>
+<pre><code class="language-bash">head -20 test-html/js/auth.js
+# Should show Supabase integration code, not basic auth
+</code></pre>
+<h3>Step 9: Test Local Server</h3>
+<ol>
+<li><strong>Start development server</strong>:</li>
+</ol>
+<pre><code class="language-bash">node cli.js dev --config test-config.js --input test-docs --port 3001
+</code></pre>
+<ol start="2">
+<li><strong>Open browser</strong> to <code>http://localhost:3001</code></li>
+<li><strong>Expected behavior</strong>:<ul>
+<li>Should redirect to <code>/login.html</code> </li>
+<li>Login page should show email/password fields</li>
+<li>Should show Supabase errors (no user exists yet)</li>
+</ul>
+</li>
+</ol>
+<h3>Step 10: Create Test User</h3>
+<ol>
+<li><strong>In Supabase dashboard</strong>, go to <strong>Authentication → Users</strong></li>
+<li><strong>Click &quot;Add User&quot;</strong>:<ul>
+<li>Email: <code>test@example.com</code></li>
+<li>Password: <code>testpassword123</code></li>
+<li>Email confirm: <code>true</code></li>
+</ul>
+</li>
+<li><strong>Get the user ID</strong> from the users table</li>
+</ol>
+<h3>Step 11: Grant Access to Test User</h3>
+<pre><code class="language-sql">-- Run in Supabase SQL Editor
+-- Replace with actual user ID and site ID
+INSERT INTO docbuilder_access (user_id, site_id)
+VALUES (&#39;USER_ID_FROM_STEP_10&#39;, &#39;SITE_ID_FROM_STEP_6&#39;);
+</code></pre>
+<h3>Step 12: Test Complete Flow</h3>
+<ol>
+<li><strong>Go to</strong> <code>http://localhost:3001</code></li>
+<li><strong>Should redirect to login</strong></li>
+<li><strong>Login with</strong>:<ul>
+<li>Email: <code>test@example.com</code></li>
+<li>Password: <code>testpassword123</code></li>
+</ul>
+</li>
+<li><strong>Should redirect to documentation</strong></li>
+<li><strong>Should see the test content</strong></li>
+<li><strong>Logout should work</strong></li>
+</ol>
+<h2><i class="ph ph-rocket-launch" aria-label="launch"></i> Phase 2: Deployment Testing</h2>
+<h3>Step 13: Test Vercel Deployment</h3>
+<ol>
+<li><strong>Update config for deployment</strong>:</li>
+</ol>
+<pre><code class="language-javascript">// test-config.js
+module.exports = {
+  siteName: &#39;Test Documentation&#39;,
+  features: {
+    authentication: &#39;supabase&#39;
+  },
+  auth: {
+    supabaseUrl: process.env.SUPABASE_URL || &#39;your-fallback-url&#39;,
+    supabaseAnonKey: process.env.SUPABASE_ANON_KEY || &#39;your-fallback-key&#39;,
+    siteId: process.env.DOC_SITE_ID || &#39;your-site-id&#39;
+  }
+};
+</code></pre>
+<ol start="2">
+<li><strong>Create environment file</strong> for local testing:</li>
+</ol>
+<pre><code class="language-bash">cat &gt; .env &lt;&lt; &#39;EOF&#39;
+SUPABASE_URL=your-supabase-url
+SUPABASE_ANON_KEY=your-anon-key
+DOC_SITE_ID=your-site-id
+EOF
+</code></pre>
+<ol start="3">
+<li><strong>Test with environment variables</strong>:</li>
+</ol>
+<pre><code class="language-bash">source .env
+node cli.js build --config test-config.js --input test-docs --output test-html
+</code></pre>
+<ol start="4">
+<li><strong>Deploy to Vercel</strong>:</li>
+</ol>
+<pre><code class="language-bash">node cli.js deploy --config test-config.js --input test-docs
+</code></pre>
+<ol start="5">
+<li><strong>Configure environment variables in Vercel</strong>:<ul>
+<li>Go to Vercel dashboard</li>
+<li>Find your project</li>
+<li>Go to Settings → Environment Variables</li>
+<li>Add: <code>SUPABASE_URL</code>, <code>SUPABASE_ANON_KEY</code>, <code>DOC_SITE_ID</code></li>
+</ul>
+</li>
+</ol>
+<h3>Step 14: Update Site Domain in Database</h3>
+<pre><code class="language-sql">-- Update the domain to match your Vercel URL
+UPDATE docbuilder_sites
+SET domain = &#39;your-vercel-url.vercel.app&#39;
+WHERE id = &#39;your-site-id&#39;;
+</code></pre>
+<h2><i class="ph ph-wrench" aria-label="settings"></i> Phase 3: Version Management</h2>
+<h3>Step 15: Update Version Number</h3>
+<ol>
+<li><strong>Update package.json</strong>:</li>
+</ol>
+<pre><code class="language-bash"># Current version is 1.7.4, bump to 2.0.0 for breaking changes
+npm version major
+</code></pre>
+<ol start="2">
+<li><strong>Update CHANGELOG.md</strong>:</li>
+</ol>
+<pre><code class="language-bash">cat &gt;&gt; CHANGELOG.md &lt;&lt; &#39;EOF&#39;
+## [2.0.0] - 2025-07-25
+### BREAKING CHANGES
+- **Removed insecure basic authentication** - All client-side credential checking has been removed for security
+- **Removed --no-auth CLI flag** - Use `authentication: false` in config instead
+- **Updated configuration format** - `auth` object now requires Supabase credentials
+### Added
+- **Supabase authentication integration** - Enterprise-grade secure authentication
+- **Multi-site SSO support** - One account can access multiple documentation sites
+- **CLI authentication commands** - `auth:init`, `auth:add-site`, `auth:grant`, `auth:revoke`, `auth:list-users`
+- **Comprehensive setup guide** - Step-by-step Supabase authentication setup
+- **Environment variable support** - Better security for production deployments
+### Security
+- **Fixed critical vulnerability** - Client-side credentials are no longer exposed in JavaScript
+- **Added Row Level Security** - Database-level access control
+- **JWT token authentication** - Industry-standard secure sessions
+- **Password hashing with bcrypt** - Secure password storage
+- **Built-in password reset** - Users can reset their own passwords
+### Migration
+- See `docs/guides/supabase-auth-setup-guide.md` for migration instructions
+- Old basic auth configurations will need to be updated
+- Existing users will need to be migrated to Supabase
+EOF
+</code></pre>
+<h3>Step 16: Test Package Publishing</h3>
+<ol>
+<li><strong>Test pack command</strong>:</li>
+</ol>
+<pre><code class="language-bash">npm pack
+# This creates a .tgz file without publishing
+</code></pre>
+<ol start="2">
+<li><strong>Test installation from local package</strong>:</li>
+</ol>
+<pre><code class="language-bash"># In a different directory
+mkdir test-install
+cd test-install
+npm install ../doc-builder/*.tgz
+# Test the CLI
+npx doc-builder --version
+npx doc-builder --help
+</code></pre>
+<h2><i class="ph ph-clipboard-text" aria-label="clipboard"></i> Phase 4: Quality Assurance</h2>
+<h3>Step 17: Test All CLI Commands</h3>
+<pre><code class="language-bash"># Test help
+node cli.js --help
+# Test settings
+node cli.js settings --config test-config.js
+# Test each auth command
+node cli.js auth:init --help
+node cli.js auth:add-site --help
+node cli.js auth:grant --help
+node cli.js auth:revoke --help
+node cli.js auth:list-users --help
+# Test build with different options
+node cli.js build --config test-config.js
+node cli.js build --preset notion-inspired
+</code></pre>
+<h3>Step 18: Validate Generated Files</h3>
+<ol>
+<li><strong>Check authentication files</strong>:</li>
+</ol>
+<pre><code class="language-bash"># Should exist and contain Supabase code
+cat test-html/js/auth.js | grep -i supabase
+cat test-html/login.html | grep -i supabase
+cat test-html/logout.html | head -10
+</code></pre>
+<ol start="2">
+<li><strong>Check for security issues</strong>:</li>
+</ol>
+<pre><code class="language-bash"># Should NOT contain any hardcoded credentials
+grep -r &quot;password.*:&quot; test-html/ || echo &quot;Good - no hardcoded passwords&quot;
+grep -r &quot;username.*:&quot; test-html/ || echo &quot;Good - no hardcoded usernames&quot;
+</code></pre>
+<h3>Step 19: Cross-Platform Testing</h3>
+<p>If possible, test on different systems:</p>
+<ul>
+<li><strong>macOS</strong>: Current system <i class="ph ph-check-circle" aria-label="checked"></i></li>
+<li><strong>Windows</strong>: Test in WSL or Windows machine</li>
+<li><strong>Linux</strong>: Test in Docker or Linux VM</li>
+</ul>
+<h3>Step 20: Documentation Review</h3>
+<ol>
+<li><strong>Check all documentation links</strong>:</li>
+</ol>
+<pre><code class="language-bash"># Test that all internal links work
+find docs/ -name &quot;*.md&quot; -exec grep -l &quot;]\(&quot; {} \;
+</code></pre>
+<ol start="2">
+<li><strong>Validate setup guide</strong>:<ul>
+<li>Follow the setup guide from scratch</li>
+<li>Ensure all steps work as documented</li>
+<li>Check for missing steps or unclear instructions</li>
+</ul>
+</li>
+</ol>
+<h2><i class="ph ph-target" aria-label="goal"></i> Success Criteria Checklist</h2>
+<p>Before considering deployment ready:</p>
+<h3>Functionality</h3>
+<ul>
+<li><input disabled="" type="checkbox"> CLI auth commands work correctly</li>
+<li><input disabled="" type="checkbox"> Build process generates Supabase auth files</li>
+<li><input disabled="" type="checkbox"> Login/logout flow works end-to-end</li>
+<li><input disabled="" type="checkbox"> User access control functions properly</li>
+<li><input disabled="" type="checkbox"> Environment variables work in production</li>
+<li><input disabled="" type="checkbox"> Vercel deployment succeeds with auth</li>
+</ul>
+<h3>Security</h3>
+<ul>
+<li><input disabled="" type="checkbox"> No hardcoded credentials in generated files</li>
+<li><input disabled="" type="checkbox"> Row Level Security policies work</li>
+<li><input disabled="" type="checkbox"> JWT tokens are properly validated</li>
+<li><input disabled="" type="checkbox"> Session management is secure</li>
+<li><input disabled="" type="checkbox"> Password reset functionality works</li>
+</ul>
+<h3>Documentation</h3>
+<ul>
+<li><input disabled="" type="checkbox"> Setup guide is complete and accurate</li>
+<li><input disabled="" type="checkbox"> Migration instructions are clear</li>
+<li><input disabled="" type="checkbox"> CLI help text is updated</li>
+<li><input disabled="" type="checkbox"> README reflects new authentication</li>
+<li><input disabled="" type="checkbox"> Security warnings are prominent</li>
+</ul>
+<h3>Compatibility</h3>
+<ul>
+<li><input disabled="" type="checkbox"> Node.js 14+ compatibility maintained</li>
+<li><input disabled="" type="checkbox"> Vercel deployment works</li>
+<li><input disabled="" type="checkbox"> Environment variable support</li>
+<li><input disabled="" type="checkbox"> Cross-platform functionality</li>
+</ul>
+<h2><i class="ph ph-siren" aria-label="alert"></i> Issues to Watch For</h2>
+<h3>Common Problems</h3>
+<ol>
+<li><strong>Supabase URL format errors</strong> - Must be <code>https://xxx.supabase.co</code></li>
+<li><strong>RLS policy conflicts</strong> - May interfere with existing policies</li>
+<li><strong>JavaScript errors in browser</strong> - Check console for auth failures</li>
+<li><strong>Build failures</strong> - Missing Supabase credentials cause build errors</li>
+<li><strong>Environment variable issues</strong> - Vercel env vars not loading properly</li>
+</ol>
+<h3>Debugging Tips</h3>
+<ol>
+<li><strong>Check browser console</strong> for JavaScript errors</li>
+<li><strong>Verify Supabase credentials</strong> in dashboard</li>
+<li><strong>Test database queries</strong> directly in Supabase SQL editor</li>
+<li><strong>Check generated files</strong> contain expected Supabase code</li>
+<li><strong>Validate environment variables</strong> are loaded correctly</li>
+</ol>
+<h2>Ready to Proceed?</h2>
+<p>Once you&#39;ve completed Phase 1 (Local Testing), let me know the results and we can move to Phase 2 (Deployment Testing). I&#39;m here to help troubleshoot any issues that come up during testing!</p>
+            </div>
+        </main>
+    </div>
+    <!-- Scripts -->
+    <script>
+    // Pass configuration to frontend
+    window.docBuilderConfig = {
+      features: {
+        showPdfDownload: true,
+        menuDefaultOpen: false
+      }
+    };
+    </script>
+    <script src="/js/main.js"></script>
+    <script src="https://unpkg.com/@supabase/supabase-js@2"></script>
+    <script src="/js/auth.js"></script>
+</body>
+</html>