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

@knowcode/doc-builder 1.7.6 → 1.8.0

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 (42) hide show

package/.claude/settings.local.json +3 -1
package/CHANGELOG.md +22 -0
package/assets/css/notion-style.css +9 -1
package/html/README.html +5 -19
package/html/css/notion-style.css +9 -1
package/html/documentation-index.html +5 -19
package/html/guides/authentication-default-change.html +5 -19
package/html/guides/authentication-guide.html +189 -262
package/html/guides/claude-workflow-guide.html +5 -19
package/html/guides/documentation-standards.html +5 -19
package/html/guides/phosphor-icons-guide.html +5 -19
package/html/guides/private-directory-authentication.html +352 -0
package/html/guides/public-site-deployment.html +11 -24
package/html/guides/search-engine-verification-guide.html +5 -19
package/html/guides/seo-guide.html +5 -19
package/html/guides/seo-optimization-guide.html +5 -19
package/html/guides/troubleshooting-guide.html +5 -19
package/html/guides/windows-setup-guide.html +5 -19
package/html/index.html +5 -19
package/html/private/cache-control-anti-pattern.html +347 -0
package/html/private/launch/README.html +289 -0
package/html/private/launch/auth-cleanup-summary.html +279 -0
package/html/private/launch/bubble-plugin-specification.html +925 -0
package/html/private/launch/go-to-market-strategy.html +655 -0
package/html/private/launch/launch-announcements.html +585 -0
package/html/private/launch/vercel-deployment-auth-setup.html +329 -0
package/html/private/next-steps-walkthrough.html +624 -0
package/html/private/supabase-auth-implementation-completed.html +372 -0
package/html/private/supabase-auth-implementation-plan.html +529 -0
package/html/private/supabase-auth-integration-plan.html +657 -0
package/html/private/supabase-auth-setup-guide.html +484 -0
package/html/private/test-private-doc.html +220 -0
package/html/sitemap.xml +113 -29
package/html/vercel-cli-setup-guide.html +5 -19
package/html/vercel-first-time-setup-guide.html +5 -19
package/lib/config.js +24 -0
package/lib/core-builder.js +40 -6
package/lib/supabase-auth.js +60 -11
package/package.json +1 -1
package/user-management/README.md +81 -0
package/user-management/add-users.sh +357 -0
package/user-management/users.txt +15 -0

package/html/private/launch/vercel-deployment-auth-setup.html ADDED Viewed

@@ -0,0 +1,329 @@
+<!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="Your test documentation site is now live at:">
+    <title>Vercel Deployment Authentication Setup Guide</title>
+    <meta name="author" content="Lindsay Smith">
+    <meta name="keywords" content="documentation, markdown, static site generator, vercel, notion-style, supabase, authentication">
+    <meta name="robots" content="index, follow">
+    <link rel="canonical" href="https://doc-builder-delta.vercel.app/private/launch/vercel-deployment-auth-setup.html">
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="article">
+    <meta property="og:url" content="https://doc-builder-delta.vercel.app/private/launch/vercel-deployment-auth-setup.html">
+    <meta property="og:title" content="Vercel Deployment Authentication Setup Guide">
+    <meta property="og:description" content="Your test documentation site is now live at:">
+    <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="Vercel Deployment Authentication Setup Guide">
+    <meta name="twitter:description" content="Your test documentation site is now live at:">
+    <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">
+    <!-- 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": "Vercel Deployment Authentication Setup Guide",
+  "description": "Your test documentation site is now live at:",
+  "author": {
+    "@type": "Person",
+    "name": "Lindsay Smith"
+  },
+  "publisher": {
+    "@type": "Organization",
+    "name": "Knowcode Ltd",
+    "url": "https://knowcode.tech"
+  },
+  "datePublished": "2025-07-26T09:59:23.000Z",
+  "dateModified": "2025-07-26T09:59:23.000Z",
+  "mainEntityOfPage": {
+    "@type": "WebPage",
+    "@id": "https://doc-builder-delta.vercel.app/private/launch/vercel-deployment-auth-setup.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": "Launch",
+        "item": "https://doc-builder-delta.vercel.app/private/launch/"
+      },
+      {
+        "@type": "ListItem",
+        "position": 4,
+        "name": "Vercel Deployment Auth Setup",
+        "item": "https://doc-builder-delta.vercel.app/private/launch/vercel-deployment-auth-setup.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, 09:59 AM UTC</span>
+                </div>
+                <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 now includes automatic authentication for documents placed in a directory."><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>
+            </nav>
+            <div class="resize-handle"></div>
+        </aside>
+        <!-- Content Area -->
+        <main class="content">
+            <div class="content-inner">
+                <h1>Vercel Deployment Authentication Setup Guide</h1>
+<h2>Your Deployed Site</h2>
+<p>Your test documentation site is now live at:</p>
+<ul>
+<li><strong>URL</strong>: <a href="https://doc-builder-2znroyb5z-lindsay-1340s-projects.vercel.app">https://doc-builder-2znroyb5z-lindsay-1340s-projects.vercel.app</a></li>
+</ul>
+<h2>Step 1: Update Supabase Database</h2>
+<p>You need to update the domain in your Supabase database to allow authentication from the Vercel domain.</p>
+<h3>Option A: Using Supabase Dashboard (Recommended)</h3>
+<ol>
+<li>Go to your Supabase project: <a href="https://supabase.com/dashboard/project/xcihhnfcitjrwbynxmka">https://supabase.com/dashboard/project/xcihhnfcitjrwbynxmka</a></li>
+<li>Click on <strong>Table Editor</strong> in the left sidebar</li>
+<li>Select the <code>docbuilder_sites</code> table</li>
+<li>Find the row with ID <code>4d8a53bf-dcdd-48c0-98e0-cd1451518735</code></li>
+<li>Click the edit icon (pencil)</li>
+<li>Change the <code>domain</code> field from <code>localhost:3000</code> to <code>doc-builder-2znroyb5z-lindsay-1340s-projects.vercel.app</code></li>
+<li>Click <strong>Save</strong></li>
+</ol>
+<h3>Option B: Using SQL Editor</h3>
+<ol>
+<li>Go to your Supabase project dashboard</li>
+<li>Click on <strong>SQL Editor</strong> in the left sidebar</li>
+<li>Run this SQL command:</li>
+</ol>
+<pre><code class="language-sql">-- Update domain for Vercel deployment
+UPDATE docbuilder_sites
+SET domain = &#39;doc-builder-2znroyb5z-lindsay-1340s-projects.vercel.app&#39;
+WHERE id = &#39;4d8a53bf-dcdd-48c0-98e0-cd1451518735&#39;;
+-- Verify the update
+SELECT id, domain, name
+FROM docbuilder_sites
+WHERE id = &#39;4d8a53bf-dcdd-48c0-98e0-cd1451518735&#39;;
+</code></pre>
+<h2>Step 2: Test Authentication Flow</h2>
+<p>Once the database is updated, test the authentication:</p>
+<ol>
+<li><strong>Visit your site</strong>: <a href="https://doc-builder-2znroyb5z-lindsay-1340s-projects.vercel.app">https://doc-builder-2znroyb5z-lindsay-1340s-projects.vercel.app</a></li>
+<li>You should be automatically redirected to the login page</li>
+<li>Login with your test credentials:<ul>
+<li>Email: <code>testuser@example.com</code></li>
+<li>Password: <code>testpass123</code></li>
+</ul>
+</li>
+<li>After successful login, you should see the test documentation content</li>
+</ol>
+<h2>Step 3: Verify Authentication Features</h2>
+<h3><i class="ph ph-check-circle" aria-label="checked"></i> What Should Work:</h3>
+<ul>
+<li>Automatic redirect to login for unauthenticated users</li>
+<li>No content flash before redirect (fixed with CSS)</li>
+<li>Successful login with valid credentials</li>
+<li>Access to documentation after authentication</li>
+<li>Logout functionality</li>
+<li>Session persistence across page refreshes</li>
+</ul>
+<h3><i class="ph ph-magnifying-glass" aria-label="search"></i> Things to Check:</h3>
+<ol>
+<li><strong>Network Tab</strong>: Look for Supabase API calls to verify authentication</li>
+<li><strong>Console</strong>: Check for any JavaScript errors</li>
+<li><strong>Browser Cache</strong>: Clear cache if you see stale content</li>
+<li><strong>Session Storage</strong>: Verify Supabase JWT token is stored</li>
+</ol>
+<h2>Troubleshooting</h2>
+<h3>If Login Fails:</h3>
+<ul>
+<li>Verify the domain was updated correctly in Supabase</li>
+<li>Check browser console for errors</li>
+<li>Ensure cookies are enabled</li>
+<li>Try incognito/private browsing mode</li>
+</ul>
+<h3>If Content Doesn&#39;t Show After Login:</h3>
+<ul>
+<li>Clear browser cache completely</li>
+<li>Check console for JavaScript errors</li>
+<li>Verify the <code>authenticated</code> class is added to body element</li>
+<li>Ensure JavaScript is enabled</li>
+</ul>
+<h2>Next Steps</h2>
+<p>After successful testing, you can:</p>
+<ol>
+<li><p><strong>Create Production Deployment</strong>:</p>
+<pre><code class="language-bash"># Deploy to production URL
+vercel --prod
+</code></pre>
+</li>
+<li><p><strong>Add Custom Domain</strong>:</p>
+<ul>
+<li>Configure custom domain in Vercel</li>
+<li>Update Supabase database with new domain</li>
+</ul>
+</li>
+<li><p><strong>Add More Users</strong>:</p>
+<pre><code class="language-bash"># Use CLI command
+npx @knowcode/doc-builder auth:add-user production-email@example.com
+</code></pre>
+</li>
+<li><p><strong>Deploy Multiple Sites</strong>:</p>
+<ul>
+<li>Each site gets unique site_id</li>
+<li>Users can have access to multiple sites</li>
+<li>Central authentication system</li>
+</ul>
+</li>
+</ol>
+<h2>Security Notes</h2>
+<ul>
+<li>The Supabase URL and anon key are public (by design)</li>
+<li>Security is enforced through Row Level Security (RLS) policies</li>
+<li>JWT tokens expire and auto-refresh</li>
+<li>Password hashing is handled by Supabase (bcrypt)</li>
+</ul>
+<h2>Important URLs</h2>
+<ul>
+<li><strong>Live Site</strong>: <a href="https://doc-builder-2znroyb5z-lindsay-1340s-projects.vercel.app">https://doc-builder-2znroyb5z-lindsay-1340s-projects.vercel.app</a></li>
+<li><strong>Supabase Dashboard</strong>: <a href="https://supabase.com/dashboard/project/xcihhnfcitjrwbynxmka">https://supabase.com/dashboard/project/xcihhnfcitjrwbynxmka</a></li>
+<li><strong>Vercel Dashboard</strong>: <a href="https://vercel.com/dashboard">https://vercel.com/dashboard</a></li>
+</ul>
+<hr>
+<p><strong>Status</strong>: Ready for database update and testing<br><strong>Next Action</strong>: Update the domain in Supabase database</p>
+            </div>
+        </main>
+    </div>
+    <!-- Scripts -->
+    <script>
+    // Pass configuration to frontend
+    window.docBuilderConfig = {
+      features: {
+        showPdfDownload: true,
+        menuDefaultOpen: false
+      }
+    };
+    </script>
+    <script src="/js/main.js"></script>
+</body>
+</html>