npm - @knowcode/doc-builder - Versions diffs - 1.9.0 → 1.9.1 - Mend

@knowcode/doc-builder 1.9.0 → 1.9.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 (40) hide show

package/README.md +2 -0
package/html/README.html +34 -149
package/html/css/notion-style.css +13 -394
package/html/documentation-index.html +17 -127
package/html/guides/authentication-default-change.html +8 -130
package/html/guides/authentication-guide.html +20 -141
package/html/guides/claude-workflow-guide.html +23 -137
package/html/guides/documentation-standards.html +12 -133
package/html/guides/image-modal-guide.html +381 -0
package/html/guides/phosphor-icons-guide.html +28 -150
package/html/guides/private-directory-authentication.html +8 -130
package/html/guides/public-site-deployment.html +8 -130
package/html/guides/search-engine-verification-guide.html +8 -130
package/html/guides/seo-guide.html +8 -130
package/html/guides/seo-optimization-guide.html +39 -159
package/html/guides/troubleshooting-guide.html +20 -141
package/html/guides/windows-setup-guide.html +39 -161
package/html/image-modal-test.html +9 -125
package/html/index.html +34 -149
package/html/js/auth.js +39 -118
package/html/js/main.js +25 -259
package/html/private/cache-control-anti-pattern.html +13 -135
package/html/private/launch/README.html +16 -144
package/html/private/launch/auth-cleanup-summary.html +25 -153
package/html/private/launch/bubble-plugin-specification.html +8 -136
package/html/private/launch/go-to-market-strategy.html +10 -138
package/html/private/launch/launch-announcements.html +24 -151
package/html/private/launch/vercel-deployment-auth-setup.html +10 -138
package/html/private/next-steps-walkthrough.html +15 -137
package/html/private/supabase-auth-implementation-completed.html +22 -143
package/html/private/supabase-auth-implementation-plan.html +15 -136
package/html/private/supabase-auth-integration-plan.html +22 -142
package/html/private/supabase-auth-setup-guide.html +17 -139
package/html/private/test-private-doc.html +8 -130
package/html/private/user-management-tooling.html +8 -130
package/html/prompts/markdown-document-standards.html +13 -134
package/html/vercel-cli-setup-guide.html +12 -128
package/html/vercel-first-time-setup-guide.html +9 -125
package/lib/emoji-mapper.js +12 -0
package/package.json +1 -1

package/html/private/launch/launch-announcements.html CHANGED Viewed

@@ -3,41 +3,14 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="description" content="This document contains ready-to-use announcement templates for launching @knowcode/doc-builder across various platforms and channels.">
-    <title>Launch Announcement Templates | @knowcode/doc-builder</title>
-    <meta name="author" content="Lindsay Smith">
-    <meta name="keywords" content="documentation, markdown, static site generator, vercel, notion-style, doc, builder">
-    <meta name="robots" content="index, follow">
-    <link rel="canonical" href="https://doc-builder-delta.vercel.app/private/launch/launch-announcements.html">
-    <!-- Open Graph / Facebook -->
-    <meta property="og:type" content="article">
-    <meta property="og:url" content="https://doc-builder-delta.vercel.app/private/launch/launch-announcements.html">
-    <meta property="og:title" content="Launch Announcement Templates | @knowcode/doc-builder">
-    <meta property="og:description" content="This document contains ready-to-use announcement templates for launching @knowcode/doc-builder across various platforms and channels.">
-    <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="Launch Announcement Templates | @knowcode/doc-builder">
-    <meta name="twitter:description" content="This document contains ready-to-use announcement templates for launching @knowcode/doc-builder across various platforms and channels.">
-    <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">
+    <meta name="description" content="Beautiful documentation with the least effort possible">
+    <title>Launch Announcement Templates - @knowcode/doc-builder</title>
     <!-- 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>
@@ -45,96 +18,8 @@
     <!-- 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": "Launch Announcement Templates",
-  "description": "This document contains ready-to-use announcement templates for launching @knowcode/doc-builder across various platforms and channels.",
-  "author": {
-    "@type": "Person",
-    "name": "Lindsay Smith"
-  },
-  "publisher": {
-    "@type": "Organization",
-    "name": "Knowcode Ltd",
-    "url": "https://knowcode.tech"
-  },
-  "datePublished": "2025-07-27T08:30:10.819Z",
-  "dateModified": "2025-07-27T08:30:10.819Z",
-  "mainEntityOfPage": {
-    "@type": "WebPage",
-    "@id": "https://doc-builder-delta.vercel.app/private/launch/launch-announcements.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": "Launch Announcements",
-        "item": "https://doc-builder-delta.vercel.app/private/launch/launch-announcements.html"
-      }
-    ]
-  }
-}
-</script>
+    <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>">
 </head>
 <body>
     <!-- Header -->
@@ -144,14 +29,10 @@
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.9.0">Last updated: Jul 27, 2025, 08:30 AM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.4.21">Last updated: Jul 27, 2025, 08:32 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>
@@ -211,6 +92,7 @@
         <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/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="fas fa-file-alt"></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="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>
@@ -219,7 +101,7 @@
         <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 private-nav" data-level="1">
+      <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>
@@ -232,7 +114,7 @@
         <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>
         <a href="/private/user-management-tooling.html" class="nav-item" data-tooltip="The user management system is a set of tools designed to manage user access to Supabase-authenticated documentation sites built with."><i class="fas fa-file-alt"></i> User Management Tooling</a></div></div>
-      <div class="nav-section private-nav" data-level="2">
+      <div class="nav-section" data-level="2">
         <a class="nav-title collapsible expanded" 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>
@@ -275,7 +157,7 @@
 <li>The output rarely looked professional</li>
 </ul>
 <p><strong>The Solution:</strong><br>Doc Builder transforms your markdown files into beautiful, searchable documentation sites with a single command. Think Notion meets documentation generator.</p>
-<p><strong>Key Features:</strong><br><i class="ph ph-sparkle" aria-label="special"></i> <strong>Notion-inspired design</strong> - Clean, modern UI that readers love<br><i class="ph ph-rocket-launch" aria-label="launch"></i> <strong>One-command deployment</strong> - <code>npx @knowcode/doc-builder@latest deploy</code><br><i class="ph ph-magnifying-glass" aria-label="search"></i> <strong>Full-text search</strong> - Find anything instantly<br>🌓 <strong>Dark mode</strong> - Easy on the eyes<br><i class="ph ph-chart-bar" aria-label="chart"></i> <strong>Mermaid diagrams</strong> - Visualize complex concepts<br><i class="ph ph-lock-key" aria-label="secure"></i> <strong>Password protection</strong> - Keep internal docs secure<br><i class="ph ph-device-mobile" aria-label="mobile"></i> <strong>Fully responsive</strong> - Perfect on any device</p>
+<p><strong>Key Features:</strong><br>✨ <strong>Notion-inspired design</strong> - Clean, modern UI that readers love<br>🚀 <strong>One-command deployment</strong> - <code>npx @knowcode/doc-builder@latest deploy</code><br>🔍 <strong>Full-text search</strong> - Find anything instantly<br>🌓 <strong>Dark mode</strong> - Easy on the eyes<br>📊 <strong>Mermaid diagrams</strong> - Visualize complex concepts<br>🔐 <strong>Password protection</strong> - Keep internal docs secure<br>📱 <strong>Fully responsive</strong> - Perfect on any device</p>
 <p><strong>Perfect for:</strong></p>
 <ul>
 <li>Open source projects</li>
@@ -327,7 +209,7 @@ npx @knowcode/doc-builder@latest deploy
 <p>The code is MIT licensed. Would love feedback from the HN community!</p>
 <h2>Twitter/X Thread</h2>
 <h3>Thread</h3>
-<p>🧵 1/7<br>Just launched Doc Builder - a tool that transforms your markdown into beautiful documentation sites with ONE command <i class="ph ph-rocket-launch" aria-label="launch"></i></p>
+<p>🧵 1/7<br>Just launched Doc Builder - a tool that transforms your markdown into beautiful documentation sites with ONE command 🚀</p>
 <p>No more hours of setup. No more ugly docs.</p>
 <p>npx @knowcode/doc-builder@latest deploy</p>
 <p>That&#39;s it. You&#39;re live on Vercel.</p>
@@ -339,7 +221,7 @@ npx @knowcode/doc-builder@latest deploy
 <li>Costs too much for small projects</li>
 </ul>
 <p>I needed something better.</p>
-<p>3/7<br>Doc Builder features:<br><i class="ph ph-sparkle" aria-label="special"></i> Notion-inspired design<br><i class="ph ph-magnifying-glass" aria-label="search"></i> Full-text search built-in<br>🌓 Automatic dark mode<br><i class="ph ph-chart-bar" aria-label="chart"></i> Mermaid diagram support<br><i class="ph ph-lock-key" aria-label="secure"></i> Optional password protection<br><i class="ph ph-device-mobile" aria-label="mobile"></i> Mobile responsive<br><i class="ph ph-lightning" aria-label="fast"></i> Lightning fast (static HTML)</p>
+<p>3/7<br>Doc Builder features:<br>✨ Notion-inspired design<br>🔍 Full-text search built-in<br>🌓 Automatic dark mode<br>📊 Mermaid diagram support<br>🔐 Optional password protection<br>📱 Mobile responsive<br>⚡ Lightning fast (static HTML)</p>
 <p>4/7<br>Perfect for:</p>
 <ul>
 <li>Open source projects</li>
@@ -366,11 +248,11 @@ npx @knowcode/doc-builder@latest deploy
 <p>#buildinpublic #documentation #webdev #opensource</p>
 <h2>LinkedIn Post</h2>
 <h3>Post</h3>
-<p><i class="ph ph-confetti" aria-label="party"></i> Excited to announce the launch of Doc Builder - a developer tool that transforms markdown documentation into beautiful, searchable websites with just one command.</p>
+<p>🎉 Excited to announce the launch of Doc Builder - a developer tool that transforms markdown documentation into beautiful, searchable websites with just one command.</p>
 <p><strong>The Challenge:</strong><br>As developers, we spend countless hours setting up documentation frameworks, configuring build tools, and wrestling with deployment pipelines. Time that could be better spent actually writing documentation or building features.</p>
 <p><strong>The Solution:</strong><br>Doc Builder eliminates this complexity. With a single command, you can deploy professional-looking documentation to Vercel:</p>
 <p><code>npx @knowcode/doc-builder@latest deploy</code></p>
-<p><strong>Key Benefits:</strong><br>• <i class="ph ph-timer" aria-label="timer"></i> Save hours of setup time<br>• <i class="ph ph-palette" aria-label="design"></i> Professional Notion-inspired design out of the box<br>• <i class="ph ph-magnifying-glass" aria-label="search"></i> Built-in search functionality<br>• 🌓 Automatic dark mode support<br>• <i class="ph ph-chart-bar" aria-label="chart"></i> Mermaid diagram integration<br>• <i class="ph ph-lock-key" aria-label="secure"></i> Optional password protection<br>• <i class="ph ph-device-mobile" aria-label="mobile"></i> Fully responsive design</p>
+<p><strong>Key Benefits:</strong><br>• ⏱️ Save hours of setup time<br>• 🎨 Professional Notion-inspired design out of the box<br>• 🔍 Built-in search functionality<br>• 🌓 Automatic dark mode support<br>• 📊 Mermaid diagram integration<br>• 🔐 Optional password protection<br>• 📱 Fully responsive design</p>
 <p><strong>Who It&#39;s For:</strong><br>• Open source maintainers<br>• API developers<br>• Technical writers<br>• Development teams<br>• Anyone who needs beautiful documentation quickly</p>
 <p><strong>Impact So Far:</strong><br>• 21 releases on npm<br>• Active community of early adopters<br>• Used in production by multiple projects</p>
 <p>Try the live demo: <a href="https://doc-builder-delta.vercel.app">https://doc-builder-delta.vercel.app</a></p>
@@ -422,19 +304,20 @@ npx @knowcode/doc-builder@latest deploy
 </code></pre>
 <p>That&#39;s it! Your documentation is now live on Vercel with a public URL.</p>
 <h2>Key Features That Make It Special</h2>
-<h3><i class="ph ph-palette" aria-label="design"></i> Beautiful by Default</h3>
+<h3>🎨 Beautiful by Default</h3>
 <p>I spent weeks perfecting the design so you don&#39;t have to. The Notion-inspired interface is clean, modern, and professional.</p>
-<h3><i class="ph ph-magnifying-glass" aria-label="search"></i> Search That Actually Works</h3>
+<h3>🔍 Search That Actually Works</h3>
 <p>Full-text search is built-in. No configuration needed. It just works.</p>
 <h3>🌓 Dark Mode</h3>
 <p>Automatic theme detection with manual toggle. Your readers&#39; eyes will thank you.</p>
-<h3><i class="ph ph-chart-bar" aria-label="chart"></i> Mermaid Diagrams</h3>
+<h3>📊 Mermaid Diagrams</h3>
 <div class="mermaid-wrapper">
+      <div class="mermaid-title">Diagram</div>
       <div class="mermaid">graph TD
     A[Write Markdown] --> B[Run Deploy]
     B --> C[Live Documentation]</div>
     </div>
-<h3><i class="ph ph-lock-key" aria-label="secure"></i> Password Protection</h3>
+<h3>🔐 Password Protection</h3>
 <p>Need private docs? Enable authentication with one config line:</p>
 <pre><code class="language-javascript">features: {
   authentication: true
@@ -484,9 +367,9 @@ npx @knowcode/doc-builder@latest deploy
 <p>If you&#39;re tired of spending more time on documentation setup than actual writing, give it a try. I&#39;d love to hear your feedback!</p>
 <p><strong>Links:</strong></p>
 <ul>
-<li><i class="ph ph-rocket-launch" aria-label="launch"></i> <a href="https://doc-builder-delta.vercel.app">Live Demo</a></li>
-<li><i class="ph ph-package" aria-label="package"></i> <a href="https://www.npmjs.com/package/@knowcode/doc-builder">NPM Package</a></li>
-<li><i class="ph ph-github-logo" aria-label="github"></i> <a href="https://github.com/knowcode/doc-builder">GitHub Repo</a> (coming soon)</li>
+<li>🚀 <a href="https://doc-builder-delta.vercel.app">Live Demo</a></li>
+<li>📦 <a href="https://www.npmjs.com/package/@knowcode/doc-builder">NPM Package</a></li>
+<li>🐙 <a href="https://github.com/knowcode/doc-builder">GitHub Repo</a> (coming soon)</li>
 </ul>
 <p>What&#39;s your biggest documentation pain point? Let me know in the comments!</p>
 <h2>Reddit Posts</h2>
@@ -549,14 +432,14 @@ await build({
 <p>Learned a lot building this, happy to answer technical questions!</p>
 <h2>Email Newsletter</h2>
 <h3>Subject</h3>
-<p><i class="ph ph-rocket-launch" aria-label="launch"></i> Introducing Doc Builder: Beautiful Documentation in One Command</p>
+<p>🚀 Introducing Doc Builder: Beautiful Documentation in One Command</p>
 <h3>Body</h3>
 <p>Hi {firstName},</p>
 <p>Remember the last time you spent hours setting up documentation for a project?</p>
 <p>The configuring, the styling, the deployment scripts... What if I told you all of that could be replaced with a single command?</p>
 <p><strong>Introducing Doc Builder</strong></p>
 <p>I built Doc Builder because I was tired of documentation taking longer to set up than to write. It&#39;s a simple tool that:</p>
-<p><i class="ph ph-check-circle" aria-label="checked"></i> Converts your markdown to beautiful, searchable websites<br><i class="ph ph-check-circle" aria-label="checked"></i> Deploys to Vercel with zero configuration<br><i class="ph ph-check-circle" aria-label="checked"></i> Looks professional out of the box (Notion-inspired design)<br><i class="ph ph-check-circle" aria-label="checked"></i> Includes dark mode, search, and syntax highlighting</p>
+<p>✅ Converts your markdown to beautiful, searchable websites<br>✅ Deploys to Vercel with zero configuration<br>✅ Looks professional out of the box (Notion-inspired design)<br>✅ Includes dark mode, search, and syntax highlighting</p>
 <p><strong>See It In Action</strong></p>
 <pre><code class="language-bash">npx @knowcode/doc-builder@latest deploy
 </code></pre>
@@ -585,7 +468,7 @@ doc-builder deploy
 <p>Questions? Just reply to this email. I personally read every message.</p>
 <p>Happy documenting!</p>
 <p>Best,<br>Lindsay Smith<br>Creator of Doc Builder</p>
-<p>P.S. Doc Builder is open source and MIT licensed. If you find it useful, a GitHub star would mean the world to me! <i class="ph ph-star-four" aria-label="sparkle"></i></p>
+<p>P.S. Doc Builder is open source and MIT licensed. If you find it useful, a GitHub star would mean the world to me! 🌟</p>
 <hr>
 <h2>Press Release</h2>
 <h3>FOR IMMEDIATE RELEASE</h3>
@@ -638,17 +521,7 @@ doc-builder deploy
     </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>

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

@@ -3,41 +3,14 @@
 <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">
+    <meta name="description" content="Beautiful documentation with the least effort possible">
+    <title>Vercel Deployment Authentication Setup Guide - @knowcode/doc-builder</title>
     <!-- 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>
@@ -45,96 +18,8 @@
     <!-- 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": "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-27T08:30:10.820Z",
-  "dateModified": "2025-07-27T08:30:10.820Z",
-  "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>
+    <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>">
 </head>
 <body>
     <!-- Header -->
@@ -144,14 +29,10 @@
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.9.0">Last updated: Jul 27, 2025, 08:30 AM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.4.21">Last updated: Jul 27, 2025, 08:32 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>
@@ -211,6 +92,7 @@
         <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/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="fas fa-file-alt"></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="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>
@@ -219,7 +101,7 @@
         <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 private-nav" data-level="1">
+      <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>
@@ -232,7 +114,7 @@
         <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>
         <a href="/private/user-management-tooling.html" class="nav-item" data-tooltip="The user management system is a set of tools designed to manage user access to Supabase-authenticated documentation sites built with."><i class="fas fa-file-alt"></i> User Management Tooling</a></div></div>
-      <div class="nav-section private-nav" data-level="2">
+      <div class="nav-section" data-level="2">
         <a class="nav-title collapsible expanded" 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>
@@ -309,7 +191,7 @@ WHERE da.domain = &#39;doc-builder-2znroyb5z-lindsay-1340s-projects.vercel.app&#
 <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>
+<h3>✅ What Should Work:</h3>
 <ul>
 <li>Automatic redirect to login for unauthenticated users</li>
 <li>No content flash before redirect (fixed with CSS)</li>
@@ -318,7 +200,7 @@ WHERE da.domain = &#39;doc-builder-2znroyb5z-lindsay-1340s-projects.vercel.app&#
 <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>
+<h3>🔍 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>
@@ -388,17 +270,7 @@ npx @knowcode/doc-builder auth:add-user production-email@example.com
     </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>