npm - @knowcode/doc-builder - Versions diffs - 1.9.20 → 1.9.21 - Mend

@knowcode/doc-builder 1.9.20 → 1.9.21

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

package/cli.js +15 -1
package/doc-builder.config.js +4 -2
package/doc-builder.config.js.backup.1754567425847 +124 -0
package/html/README.html +3 -3
package/html/about-doc-builder.html +3 -3
package/html/documentation-index.html +3 -3
package/html/guides/authentication-default-change.html +3 -3
package/html/guides/authentication-guide.html +3 -3
package/html/guides/claude-workflow-guide.html +3 -3
package/html/guides/configuration-guide.html +3 -3
package/html/guides/documentation-standards.html +3 -3
package/html/guides/html-embedding-guide.html +3 -3
package/html/guides/image-modal-guide.html +3 -3
package/html/guides/phosphor-icons-guide.html +3 -3
package/html/guides/private-directory-authentication-troubleshooting.html +3 -3
package/html/guides/private-directory-authentication.html +3 -3
package/html/guides/public-site-deployment.html +3 -3
package/html/guides/search-engine-verification-guide.html +3 -3
package/html/guides/seo-guide.html +3 -3
package/html/guides/seo-optimization-guide.html +3 -3
package/html/guides/supabase-authentication-complete-guide.html +3 -3
package/html/guides/troubleshooting-guide.html +3 -3
package/html/guides/windows-setup-guide.html +3 -3
package/html/image-modal-test.html +3 -3
package/html/index.html +3 -3
package/html/private/cache-control-anti-pattern.html +3 -3
package/html/private/launch/README.html +3 -3
package/html/private/launch/auth-cleanup-summary.html +3 -3
package/html/private/launch/bubble-plugin-specification.html +3 -3
package/html/private/launch/go-to-market-strategy.html +3 -3
package/html/private/launch/launch-announcements.html +3 -3
package/html/private/launch/vercel-deployment-auth-setup.html +3 -3
package/html/private/next-steps-walkthrough.html +3 -3
package/html/private/supabase-auth-implementation-completed.html +3 -3
package/html/private/supabase-auth-implementation-plan.html +3 -3
package/html/private/supabase-auth-integration-plan.html +3 -3
package/html/private/supabase-auth-setup-guide.html +3 -3
package/html/private/test-private-doc.html +3 -3
package/html/private/user-management-tooling.html +3 -3
package/html/prompts/beautiful-documentation-design.html +3 -3
package/html/prompts/markdown-document-standards.html +3 -3
package/html/prompts/project-rename-strategy-sasha-publish.html +3 -3
package/html/sitemap.xml +59 -59
package/html/test-questions/how-does-it-work%3F.html +3 -3
package/html/test-questions/step-1%3A%20getting-started.html +3 -3
package/html/test-questions/what-is-the-purpose.html +3 -3
package/html/vercel-cli-setup-guide.html +3 -3
package/html/vercel-first-time-setup-guide.html +3 -3
package/html-static/404.html +115 -0
package/html-static/README.html +456 -0
package/html-static/about-doc-builder.html +425 -0
package/html-static/css/notion-style.css +2426 -0
package/html-static/documentation-index.html +405 -0
package/html-static/guides/authentication-default-change.html +304 -0
package/html-static/guides/authentication-guide.html +443 -0
package/html-static/guides/claude-workflow-guide.html +1008 -0
package/html-static/guides/configuration-guide.html +406 -0
package/html-static/guides/documentation-standards.html +628 -0
package/html-static/guides/html-embedding-guide.html +395 -0
package/html-static/guides/image-modal-guide.html +449 -0
package/html-static/guides/phosphor-icons-guide.html +518 -0
package/html-static/guides/private-directory-authentication-troubleshooting.html +489 -0
package/html-static/guides/private-directory-authentication.html +475 -0
package/html-static/guides/public-site-deployment.html +365 -0
package/html-static/guides/search-engine-verification-guide.html +476 -0
package/html-static/guides/seo-guide.html +595 -0
package/html-static/guides/seo-optimization-guide.html +821 -0
package/html-static/guides/supabase-authentication-complete-guide.html +800 -0
package/html-static/guides/troubleshooting-guide.html +567 -0
package/html-static/guides/windows-setup-guide.html +793 -0
package/html-static/image-modal-test.html +252 -0
package/html-static/index.html +456 -0
package/html-static/js/main.js +1692 -0
package/html-static/prompts/beautiful-documentation-design.html +718 -0
package/html-static/prompts/markdown-document-standards.html +356 -0
package/html-static/prompts/project-rename-strategy-sasha-publish.html +464 -0
package/html-static/robots.txt +5 -0
package/html-static/sitemap.xml +189 -0
package/html-static/test-questions/how-does-it-work%3F.html +228 -0
package/html-static/test-questions/step-1%3A%20getting-started.html +223 -0
package/html-static/test-questions/what-is-the-purpose.html +227 -0
package/html-static/vercel-cli-setup-guide.html +429 -0
package/html-static/vercel-first-time-setup-guide.html +388 -0
package/lib/config.js +9 -2
package/lib/core-builder.js +148 -4
package/package.json +1 -1

package/html-static/about-doc-builder.html ADDED Viewed

@@ -0,0 +1,425 @@
+<!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="This documentation site was built with @knowcode/doc-builder - a zero-configuration documentation generator that transforms markdown files into beautiful...">
+    <title>About @knowcode/doc-builder | @knowcode/doc-builder</title>
+    <meta name="generator" content="@knowcode/doc-builder by Knowcode Ltd">
+    <meta name="author" content="Lindsay Smith">
+    <meta name="keywords" content="documentation, markdown, static site generator, vercel, notion-style, knowcode, doc">
+    <meta name="robots" content="index, follow">
+    <link rel="canonical" href="https://doc-builder-delta.vercel.app/about-doc-builder.html">
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="article">
+    <meta property="og:url" content="https://doc-builder-delta.vercel.app/about-doc-builder.html">
+    <meta property="og:title" content="About @knowcode/doc-builder | @knowcode/doc-builder">
+    <meta property="og:description" content="This documentation site was built with @knowcode/doc-builder - a zero-configuration documentation generator that transforms markdown files into beautiful...">
+    <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="About @knowcode/doc-builder | @knowcode/doc-builder">
+    <meta name="twitter:description" content="This documentation site was built with @knowcode/doc-builder - a zero-configuration documentation generator that transforms markdown files into beautiful...">
+    <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": "About @knowcode/doc-builder",
+  "description": "This documentation site was built with @knowcode/doc-builder - a zero-configuration documentation generator that transforms markdown files into beautiful...",
+  "author": {
+    "@type": "Person",
+    "name": "Lindsay Smith"
+  },
+  "publisher": {
+    "@type": "Organization",
+    "name": "Knowcode Ltd",
+    "url": "https://knowcode.tech"
+  },
+  "datePublished": "2025-08-07T11:50:26.060Z",
+  "dateModified": "2025-08-07T11:50:26.060Z",
+  "mainEntityOfPage": {
+    "@type": "WebPage",
+    "@id": "https://doc-builder-delta.vercel.app/about-doc-builder.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": "About Doc Builder",
+        "item": "https://doc-builder-delta.vercel.app/about-doc-builder.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.9.20">Last updated: Aug 7, 2025, 11:50 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>
+    <!-- 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="Search menu..." 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 toggle-all-nav expanded" href="#" id="nav-toggle-all" title="Collapse/Expand All">
+          <i class="ph ph-caret-down" id="toggle-all-icon"></i> Documentation
+        </a>
+        <div class="nav-content">
+        <a href="/README.html" class="nav-item" data-tooltip="@knowcode/doc-builder."><i class="ph ph-file-text"></i> Overview</a>
+        <a href="/about-doc-builder.html" class="nav-item active" data-tooltip="About @knowcode/doc-builder."><i class="ph ph-check-circle" style="color: #059669;"></i> About Doc Builder</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="ph ph-pencil-simple" style="color: #d97706;"></i> Documentation Index</a>
+        <a href="/image-modal-test.html" class="nav-item" data-tooltip="This document tests the new image modal functionality in doc-builder."><i class="ph ph-file-text"></i> Image Modal Test</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="ph ph-check-circle" style="color: #059669;"></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="ph ph-check-circle" style="color: #059669;"></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="ph ph-caret-right collapse-icon"></i><i class="ph ph-book"></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="ph ph-file-text"></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="ph ph-check-circle" style="color: #059669;"></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="ph ph-pencil-simple" style="color: #d97706;"></i> Claude Workflow Guide</a>
+        <a href="/guides/configuration-guide.html" class="nav-item" data-tooltip="This guide explains how @knowcode/doc-builder handles configuration files and settings."><i class="ph ph-check-circle" style="color: #059669;"></i> Configuration 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="ph ph-pencil-simple" style="color: #d97706;"></i> Documentation Standards</a>
+        <a href="/guides/html-embedding-guide.html" class="nav-item" data-tooltip="Starting from version 1.9.2, doc-builder treats HTML files ( and ) as attachments that are automatically copied to your output directory during the..."><i class="ph ph-check-circle" style="color: #059669;"></i> Html Embedding Guide</a>
+        <a href="/guides/image-modal-guide.html" class="nav-item" data-tooltip="When users click on any image in your generated documentation, it opens in a professional modal overlay with: Full-screen viewing experience Smooth..."><i class="ph ph-check-circle" style="color: #059669;"></i> Image Modal Guide</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="ph ph-pencil-simple" style="color: #d97706;"></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="ph ph-check-circle" style="color: #059669;"></i> Private Directory Authentication</a>
+        <a href="/guides/private-directory-authentication-troubleshooting.html" class="nav-item" data-tooltip="Private Directory Authentication Troubleshooting."><i class="ph ph-check-circle" style="color: #059669;"></i> Private Directory Authentication Troubleshooting</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="ph ph-check-circle" style="color: #059669;"></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="ph ph-check-circle" style="color: #059669;"></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="ph ph-check-circle" style="color: #059669;"></i> Seo Guide</a>
+        <a href="/guides/seo-optimization-guide.html" class="nav-item" data-tooltip="Comprehensive guide to optimizing documentation for search engines. Learn SEO best practices, use built-in features, and improve your rankings."><i class="ph ph-check-circle" style="color: #059669;"></i> SEO Optimization Guide for @knowcode/doc-builder</a>
+        <a href="/guides/supabase-authentication-complete-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder includes built-in Supabase authentication that provides enterprise-grade security with zero configuration."><i class="ph ph-check-circle" style="color: #059669;"></i> Supabase Authentication Complete 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="ph ph-check-circle" style="color: #059669;"></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="ph ph-check-circle" style="color: #059669;"></i> Windows Setup Guide</a></div></div>
+      <div class="nav-section" data-level="1">
+        <a class="nav-title collapsible" href="#" data-target="nav-prompts-1" >
+          <i class="ph ph-caret-right collapse-icon"></i><i class="ph ph-chat-circle-dots"></i> Prompts
+        </a>
+        <div class="nav-content collapsed" id="nav-prompts-1">
+        <a href="/prompts/beautiful-documentation-design.html" class="nav-item" data-tooltip="🎨 Beautiful Documentation Design Guide."><i class="ph ph-check-circle" style="color: #059669;"></i> Beautiful Documentation Design</a>
+        <a href="/prompts/markdown-document-standards.html" class="nav-item" data-tooltip="Detailed introduction to the topic..."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Markdown Document Standards</a>
+        <a href="/prompts/project-rename-strategy-sasha-publish.html" class="nav-item" data-tooltip="This document outlines the comprehensive strategy for renaming the @knowcode/doc-builder project to &quot;sasha-publish&quot;, including all package references,..."><i class="ph ph-x-circle" style="color: #dc2626;"></i> Project Rename Strategy Sasha Publish</a></div></div>
+      <div class="nav-section" data-level="1">
+        <a class="nav-title collapsible" href="#" data-target="nav-test-questions-1" >
+          <i class="ph ph-caret-right collapse-icon"></i><i class="ph ph-folder"></i> Test Questions
+        </a>
+        <div class="nav-content collapsed" id="nav-test-questions-1">
+        <a href="/test-questions/how-does-it-work%3F.html" class="nav-item" data-tooltip="This is a test file to verify that question marks work properly in filenames."><i class="ph ph-file-text"></i> How Does It Work?</a>
+        <a href="/test-questions/step-1%3A%20getting-started.html" class="nav-item" data-tooltip="Step 1: Getting Started."><i class="ph ph-file-text"></i> Step 1: Getting Started</a>
+        <a href="/test-questions/what-is-the-purpose.html" class="nav-item" data-tooltip="Understanding the purpose of our documentation system"><i class="ph ph-file-text"></i> What Is The Purpose?</a></div></div>
+            </nav>
+            <div class="resize-handle"></div>
+        </aside>
+        <!-- Content Area -->
+        <main class="content">
+            <div class="content-inner">
+                <h1>About @knowcode/doc-builder</h1>
+<p><em>This documentation site was built with @knowcode/doc-builder - a zero-configuration documentation generator that transforms markdown files into beautiful static sites.</em></p>
+<hr>
+<h2><i style="font-size: 1.2em" class="ph ph-rocket-launch" aria-label="launch"></i> What is @knowcode/doc-builder?</h2>
+<p><strong>@knowcode/doc-builder</strong> is a modern documentation generator that creates stunning, Notion-inspired static websites from your markdown files. Built by <strong>Knowcode Ltd</strong>, it eliminates the complexity of traditional documentation tools while providing enterprise-grade features.</p>
+<h3><i style="font-size: 1.2em" class="ph ph-sparkle" aria-label="special"></i> Core Features</h3>
+<table>
+<thead>
+<tr>
+<th>Feature</th>
+<th>Description</th>
+</tr>
+</thead>
+<tbody><tr>
+<td><i style="font-size: 1.2em" class="ph ph-rocket-launch" aria-label="launch"></i> <strong>Zero Configuration</strong></td>
+<td>Works out of the box - no setup files or complex configuration</td>
+</tr>
+<tr>
+<td><i style="font-size: 1.2em" class="ph ph-note-pencil" aria-label="edit"></i> <strong>Markdown Native</strong></td>
+<td>Full GitHub Flavored Markdown support with syntax highlighting</td>
+</tr>
+<tr>
+<td><i style="font-size: 1.2em" class="ph ph-palette" aria-label="design"></i> <strong>Beautiful Design</strong></td>
+<td>Notion-inspired theme with dark mode and responsive layout</td>
+</tr>
+<tr>
+<td><i style="font-size: 1.2em" class="ph ph-cloud" aria-label="cloud"></i> <strong>One-Click Deploy</strong></td>
+<td>Deploy to Vercel with a single command using their generous free tier</td>
+</tr>
+<tr>
+<td><i style="font-size: 1.2em" class="ph ph-chart-bar" aria-label="chart"></i> <strong>Mermaid Diagrams</strong></td>
+<td>Enhanced styling with rounded corners &amp; Notion-inspired themes</td>
+</tr>
+<tr>
+<td><i style="font-size: 1.2em" class="ph ph-image" aria-label="picture"></i> <strong>Image Modals</strong></td>
+<td>Click any image for full-screen viewing</td>
+</tr>
+<tr>
+<td><i style="font-size: 1.2em" class="ph ph-magnifying-glass" aria-label="search"></i> <strong>SEO Ready</strong></td>
+<td>Automatic meta tags, structured data, and search engine optimization</td>
+</tr>
+</tbody></table>
+<h2><i style="font-size: 1.2em" class="ph ph-lock-key" aria-label="secure"></i> Enterprise Security &amp; Authentication</h2>
+<p><strong>@knowcode/doc-builder</strong> includes enterprise-grade security powered by <strong>Supabase</strong>, providing bank-level protection for your documentation.</p>
+<h3><i style="font-size: 1.2em" class="ph ph-shield" aria-label="security"></i> Security Features</h3>
+<ul>
+<li><strong><i style="font-size: 1.2em" class="ph ph-lock" aria-label="locked"></i> JWT Authentication</strong>: Industry-standard secure token-based authentication</li>
+<li><strong><i style="font-size: 1.2em" class="ph ph-crane" aria-label="construction"></i> Zero Configuration</strong>: Built-in Supabase credentials - just enable and deploy</li>
+<li><strong><i style="font-size: 1.2em" class="ph ph-globe" aria-label="global"></i> Domain-Based Access</strong>: Automatic access control using your deployment domain</li>
+<li><strong><i style="font-size: 1.2em" class="ph ph-folder" aria-label="folder"></i> Private Directories</strong>: <code>/private/</code> folders automatically protected</li>
+<li><strong><i style="font-size: 1.2em" class="ph ph-arrows-clockwise" aria-label="refresh"></i> Session Management</strong>: Auto-refresh tokens with persistent sessions</li>
+<li><strong><i style="font-size: 1.2em" class="ph ph-users" aria-label="team"></i> Multi-User Support</strong>: Unlimited users with fine-grained access control</li>
+<li><strong><i style="font-size: 1.2em" class="ph ph-shield" aria-label="security"></i> Row Level Security</strong>: Database-level access control policies</li>
+<li><strong><i style="font-size: 1.2em" class="ph ph-lock-key" aria-label="secure"></i> Password Security</strong>: bcrypt hashing with salt for password storage</li>
+</ul>
+<h3><i style="font-size: 1.2em" class="ph ph-buildings" aria-label="office"></i> Authentication Modes</h3>
+<table>
+<thead>
+<tr>
+<th>Mode</th>
+<th>Use Case</th>
+<th>Implementation</th>
+</tr>
+</thead>
+<tbody><tr>
+<td><strong><i style="font-size: 1.2em" class="ph ph-globe-hemisphere-west" aria-label="world"></i> Global Auth</strong></td>
+<td>Entire site requires login</td>
+<td><code>authentication: &#39;supabase&#39;</code></td>
+</tr>
+<tr>
+<td><strong><i style="font-size: 1.2em" class="ph ph-folder" aria-label="folder"></i> Private Directory</strong></td>
+<td>Public docs + private sections</td>
+<td>Create <code>/private/</code> folder</td>
+</tr>
+<tr>
+<td><strong><i style="font-size: 1.2em" class="ph ph-arrows-clockwise" aria-label="refresh"></i> Hybrid</strong></td>
+<td>Complex access requirements</td>
+<td>Combine both modes</td>
+</tr>
+</tbody></table>
+<h3><i style="font-size: 1.2em" class="ph ph-rocket-launch" aria-label="launch"></i> Quick Authentication Setup</h3>
+<pre><code class="language-bash"># Create private documentation - authentication automatically enabled
+mkdir docs/private
+echo &quot;# Confidential Documentation&quot; &gt; docs/private/admin.md
+npx @knowcode/doc-builder deploy
+</code></pre>
+<p><strong>That&#39;s it!</strong> Your site now has enterprise authentication with beautiful login pages.</p>
+<h2><i style="font-size: 1.2em" class="ph ph-crane" aria-label="construction"></i> How It Works</h2>
+<ol>
+<li><strong><i style="font-size: 1.2em" class="ph ph-book-open" aria-label="reading"></i> Scan</strong>: Automatically discovers markdown files in your project</li>
+<li><strong><i style="font-size: 1.2em" class="ph ph-arrows-clockwise" aria-label="refresh"></i> Convert</strong>: Transforms markdown to HTML with syntax highlighting</li>
+<li><strong><i style="font-size: 1.2em" class="ph ph-palette" aria-label="design"></i> Style</strong>: Applies beautiful Notion-inspired design</li>
+<li><strong><i style="font-size: 1.2em" class="ph ph-folders" aria-label="folders"></i> Navigate</strong>: Generates navigation from your folder structure</li>
+<li><strong><i style="font-size: 1.2em" class="ph ph-lock-key" aria-label="secure"></i> Secure</strong>: Protects private content with Supabase authentication</li>
+<li><strong><i style="font-size: 1.2em" class="ph ph-rocket-launch" aria-label="launch"></i> Deploy</strong>: One-command deployment to Vercel&#39;s global CDN</li>
+</ol>
+<h2><i style="font-size: 1.2em" class="ph ph-gear-six" aria-label="tools"></i> Getting Started</h2>
+<h3>Installation &amp; Usage</h3>
+<pre><code class="language-bash"># Generate documentation from markdown files
+npx @knowcode/doc-builder@latest build
+# Deploy to Vercel with one command
+npx @knowcode/doc-builder@latest deploy
+# Start local development server
+npx @knowcode/doc-builder@latest dev
+</code></pre>
+<h3>Project Structure</h3>
+<pre><code>docs/
+├── README.md              # Homepage content
+├── guides/                # Organized documentation
+│   ├── getting-started.md
+│   └── advanced-usage.md
+├── private/               # 🔐 Requires authentication
+│   └── admin-guide.md
+└── assets/                # Images and attachments
+    └── logo.png
+</code></pre>
+<h2><i style="font-size: 1.2em" class="ph ph-user-circle" aria-label="developer"></i> Created by Knowcode Ltd</h2>
+<p><strong>Knowcode Ltd</strong> is a software consultancy and product development company specializing in intelligent automation and developer tools. We build products for both clients and internal use, with a focus on reducing complexity while maintaining enterprise-grade capabilities.</p>
+<h3><i style="font-size: 1.2em" class="ph ph-target" aria-label="goal"></i> Our Philosophy</h3>
+<blockquote>
+<p><em>&quot;Beautiful documentation should be accessible to everyone, without worrying about hosting costs or complex server management.&quot;</em></p>
+</blockquote>
+<p>We believe that great documentation shouldn&#39;t require a PhD in DevOps. That&#39;s why @knowcode/doc-builder works with zero configuration and deploys to Vercel&#39;s generous free tier.</p>
+<h2><i style="font-size: 1.2em" class="ph ph-link" aria-label="link"></i> Learn More</h2>
+<h3><i style="font-size: 1.2em" class="ph ph-books" aria-label="documentation"></i> Documentation &amp; Resources</h3>
+<ul>
+<li><strong><i style="font-size: 1.2em" class="ph ph-package" aria-label="package"></i> NPM Package</strong>: <a href="https://www.npmjs.com/package/@knowcode/doc-builder">npmjs.com/package/@knowcode/doc-builder</a></li>
+<li><strong><i style="font-size: 1.2em" class="ph ph-globe" aria-label="global"></i> Live Demo</strong>: <a href="https://doc-builder-delta.vercel.app">doc-builder-delta.vercel.app</a></li>
+<li><strong><i style="font-size: 1.2em" class="ph ph-book-open" aria-label="reading"></i> GitHub Repository</strong>: <a href="https://github.com/wapdat/doc-builder">github.com/wapdat/doc-builder</a></li>
+<li><strong><i style="font-size: 1.2em" class="ph ph-lock-key" aria-label="secure"></i> Authentication Guide</strong>: <a href="https://doc-builder-delta.vercel.app/guides/supabase-authentication-complete-guide.html">Complete Supabase Setup</a></li>
+</ul>
+<h3><i style="font-size: 1.2em" class="ph ph-first-aid" aria-label="emergency"></i> Support &amp; Community</h3>
+<ul>
+<li><strong><i style="font-size: 1.2em" class="ph ph-bug" aria-label="bug"></i> Issue Tracker</strong>: <a href="https://github.com/wapdat/doc-builder/issues">GitHub Issues</a></li>
+<li><strong><i style="font-size: 1.2em" class="ph ph-chat-circle" aria-label="chat"></i> Discussions</strong>: <a href="https://github.com/wapdat/doc-builder/discussions">GitHub Discussions</a></li>
+<li><strong><i style="font-size: 1.2em" class="ph ph-envelope" aria-label="email"></i> Enterprise Support</strong>: Contact Knowcode Ltd for custom implementations</li>
+</ul>
+<h2><i style="font-size: 1.2em" class="ph ph-chart-bar" aria-label="chart"></i> Why Choose @knowcode/doc-builder?</h2>
+<h3>🆚 Comparison with Other Tools</h3>
+<table>
+<thead>
+<tr>
+<th>Feature</th>
+<th>@knowcode/doc-builder</th>
+<th>GitBook</th>
+<th>Notion</th>
+<th>Confluence</th>
+</tr>
+</thead>
+<tbody><tr>
+<td><strong>Setup Time</strong></td>
+<td>0 minutes</td>
+<td>30+ minutes</td>
+<td>Manual work</td>
+<td>Hours</td>
+</tr>
+<tr>
+<td><strong>Hosting Cost</strong></td>
+<td>Free (Vercel)</td>
+<td>$99+/month</td>
+<td>$8+/user</td>
+<td>$5+/user</td>
+</tr>
+<tr>
+<td><strong>Authentication</strong></td>
+<td>Enterprise (Supabase)</td>
+<td>Premium only</td>
+<td>Basic</td>
+<td>Enterprise</td>
+</tr>
+<tr>
+<td><strong>Customization</strong></td>
+<td>Full control</td>
+<td>Limited</td>
+<td>None</td>
+<td>Complex</td>
+</tr>
+<tr>
+<td><strong>Markdown Support</strong></td>
+<td>Native</td>
+<td>Partial</td>
+<td>Import only</td>
+<td>Plugin</td>
+</tr>
+<tr>
+<td><strong>Version Control</strong></td>
+<td>Git native</td>
+<td>Limited</td>
+<td>None</td>
+<td>Plugin</td>
+</tr>
+</tbody></table>
+<h3><i style="font-size: 1.2em" class="ph ph-target" aria-label="goal"></i> Perfect For</h3>
+<ul>
+<li><strong><i style="font-size: 1.2em" class="ph ph-clipboard-text" aria-label="clipboard"></i> Project Documentation</strong>: API references, user guides, developer docs</li>
+<li><strong><i style="font-size: 1.2em" class="ph ph-buildings" aria-label="office"></i> Internal Knowledge Bases</strong>: Company wikis, process documentation</li>
+<li><strong><i style="font-size: 1.2em" class="ph ph-lock-key" aria-label="secure"></i> Secure Documentation</strong>: Confidential guides, admin documentation  </li>
+<li><strong><i style="font-size: 1.2em" class="ph ph-rocket-launch" aria-label="launch"></i> Startup Teams</strong>: Fast-moving teams who need docs without overhead</li>
+<li><strong><i style="font-size: 1.2em" class="ph ph-robot" aria-label="automation"></i> AI-Assisted Workflows</strong>: Optimized for Claude Code and AI development</li>
+</ul>
+<h2><i style="font-size: 1.2em" class="ph ph-rocket-launch" aria-label="launch"></i> Ready to Get Started?</h2>
+<p>Transform your markdown files into beautiful documentation in under 2 minutes:</p>
+<pre><code class="language-bash">npx @knowcode/doc-builder@latest deploy
+</code></pre>
+<p><em>Experience the power of zero-configuration documentation with enterprise-grade security.</em></p>
+<hr>
+<div style="text-align: center; padding: 2rem; background: var(--bg-secondary); border-radius: 8px; margin: 2rem 0;">
+<p><strong>Generated with <a href="https://www.npmjs.com/package/@knowcode/doc-builder">@knowcode/doc-builder</a></strong><br><em>Beautiful documentation with the least effort possible</em></p>
+<p><strong>Created by <a href="https://github.com/wapdat">Knowcode Ltd</a></strong> | <strong><a href="https://doc-builder-delta.vercel.app">Try it now →</a></strong></p>
+</div>
+            </div>
+        </main>
+    </div>
+    <!-- Scripts -->
+    <script>
+    // Pass configuration to frontend
+    window.docBuilderConfig = {
+      features: {
+        showPdfDownload: true,
+        menuDefaultOpen: false,
+        mermaidEnhanced: true
+      }
+    };
+    </script>
+    <script src="/js/main.js"></script>
+</body>
+</html>