@knowcode/doc-builder 1.9.1 โ†’ 1.9.3

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 (49) hide show
  1. package/CHANGELOG.md +29 -0
  2. package/CLAUDE.md +35 -0
  3. package/README.md +1 -0
  4. package/assets/css/notion-style.css +2 -2
  5. package/html/README.html +151 -33
  6. package/html/auth.js +4 -3
  7. package/html/css/notion-style.css +394 -13
  8. package/html/documentation-index.html +134 -10
  9. package/html/guides/authentication-default-change.html +132 -7
  10. package/html/guides/authentication-guide.html +143 -19
  11. package/html/guides/claude-workflow-guide.html +139 -22
  12. package/html/guides/documentation-standards.html +135 -11
  13. package/html/guides/html-embedding-guide.html +451 -0
  14. package/html/guides/image-modal-guide.html +134 -10
  15. package/html/guides/phosphor-icons-guide.html +152 -27
  16. package/html/guides/private-directory-authentication-troubleshooting.html +545 -0
  17. package/html/guides/private-directory-authentication.html +132 -7
  18. package/html/guides/public-site-deployment.html +132 -7
  19. package/html/guides/search-engine-verification-guide.html +132 -7
  20. package/html/guides/seo-guide.html +132 -7
  21. package/html/guides/seo-optimization-guide.html +161 -38
  22. package/html/guides/troubleshooting-guide.html +143 -19
  23. package/html/guides/windows-setup-guide.html +163 -38
  24. package/html/image-modal-test.html +127 -8
  25. package/html/index.html +151 -33
  26. package/html/js/auth.js +119 -39
  27. package/html/js/main.js +259 -25
  28. package/html/private/cache-control-anti-pattern.html +137 -12
  29. package/html/private/launch/README.html +146 -15
  30. package/html/private/launch/auth-cleanup-summary.html +155 -24
  31. package/html/private/launch/bubble-plugin-specification.html +138 -7
  32. package/html/private/launch/go-to-market-strategy.html +140 -9
  33. package/html/private/launch/launch-announcements.html +154 -24
  34. package/html/private/launch/vercel-deployment-auth-setup.html +140 -9
  35. package/html/private/next-steps-walkthrough.html +139 -14
  36. package/html/private/supabase-auth-implementation-completed.html +145 -21
  37. package/html/private/supabase-auth-implementation-plan.html +138 -14
  38. package/html/private/supabase-auth-integration-plan.html +144 -21
  39. package/html/private/supabase-auth-setup-guide.html +141 -16
  40. package/html/private/test-private-doc.html +132 -7
  41. package/html/private/user-management-tooling.html +132 -7
  42. package/html/prompts/markdown-document-standards.html +136 -12
  43. package/html/sitemap.xml +70 -46
  44. package/html/vercel-cli-setup-guide.html +130 -11
  45. package/html/vercel-first-time-setup-guide.html +127 -8
  46. package/lib/config.js +2 -0
  47. package/lib/emoji-mapper.js +2 -0
  48. package/lib/supabase-auth.js +4 -3
  49. package/package.json +1 -1
@@ -3,14 +3,41 @@
3
3
  <head>
4
4
  <meta charset="UTF-8">
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <meta name="description" content="Beautiful documentation with the least effort possible">
7
- <title>Go-to-Market Strategy & Product Launch Plan - @knowcode/doc-builder</title>
6
+ <meta name="description" content="@knowcode/doc-builder has reached a functional MVP state with 21 published versions on npm. To transition from an open-source tool to a fully launched...">
7
+ <title>Go-to-Market Strategy &amp; Product Launch Plan</title>
8
+
9
+ <meta name="author" content="Lindsay Smith">
10
+ <meta name="keywords" content="documentation, markdown, static site generator, vercel, notion-style, launch, bubble">
11
+ <meta name="robots" content="index, follow">
12
+ <link rel="canonical" href="https://doc-builder-delta.vercel.app/private/launch/go-to-market-strategy.html">
13
+
14
+ <!-- Open Graph / Facebook -->
15
+ <meta property="og:type" content="article">
16
+ <meta property="og:url" content="https://doc-builder-delta.vercel.app/private/launch/go-to-market-strategy.html">
17
+ <meta property="og:title" content="Go-to-Market Strategy &amp; Product Launch Plan">
18
+ <meta property="og:description" content="@knowcode/doc-builder has reached a functional MVP state with 21 published versions on npm. To transition from an open-source tool to a fully launched...">
19
+ <meta property="og:image" content="https://doc-builder-delta.vercel.app/og-default.png">
20
+ <meta property="og:site_name" content="@knowcode/doc-builder">
21
+ <meta property="og:locale" content="en_US">
22
+
23
+ <!-- Twitter Card -->
24
+ <meta name="twitter:card" content="summary_large_image">
25
+ <meta name="twitter:site" content="@planbbackups">
26
+ <meta name="twitter:creator" content="@planbbackups">
27
+ <meta name="twitter:title" content="Go-to-Market Strategy &amp; Product Launch Plan">
28
+ <meta name="twitter:description" content="@knowcode/doc-builder has reached a functional MVP state with 21 published versions on npm. To transition from an open-source tool to a fully launched...">
29
+ <meta name="twitter:image" content="https://doc-builder-delta.vercel.app/og-default.png">
30
+
31
+ <!-- Custom Meta Tags -->
32
+ <meta name="google-site-verification" content="FtzcDTf5BQ9K5EfnGazQkgU2U4FiN3ITzM7gHwqUAqQ">
33
+ <meta name="msvalidate.01" content="B2D8C4C12C530D47AA962B24CAA09630">
8
34
 
9
35
  <!-- Fonts -->
10
36
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
11
37
 
12
38
  <!-- Icons -->
13
39
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
40
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/regular/style.css">
14
41
 
15
42
  <!-- Mermaid -->
16
43
  <script src="https://cdn.jsdelivr.net/npm/mermaid@10.6.1/dist/mermaid.min.js"></script>
@@ -18,8 +45,96 @@
18
45
  <!-- Styles -->
19
46
  <link rel="stylesheet" href="/css/notion-style.css">
20
47
 
48
+
49
+ <!-- Hide content until auth check -->
50
+ <style>
51
+ body {
52
+ visibility: hidden;
53
+ opacity: 0;
54
+ transition: opacity 0.3s ease;
55
+ }
56
+ body.authenticated {
57
+ visibility: visible;
58
+ opacity: 1;
59
+ }
60
+ /* Show login/logout pages immediately */
61
+ body.auth-page {
62
+ visibility: visible;
63
+ opacity: 1;
64
+ }
65
+ /* Style auth button consistently */
66
+ .auth-btn {
67
+ background: none;
68
+ border: none;
69
+ color: var(--text-secondary);
70
+ cursor: pointer;
71
+ padding: 0.5rem;
72
+ border-radius: 0.5rem;
73
+ transition: all 0.2s;
74
+ font-size: 1.1rem;
75
+ }
76
+ .auth-btn:hover {
77
+ background: var(--bg-secondary);
78
+ color: var(--text-primary);
79
+ }
80
+ </style>
81
+
82
+
21
83
  <!-- Favicon -->
22
- <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>">
84
+ <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>">
85
+
86
+ <script type="application/ld+json">
87
+ {
88
+ "@context": "https://schema.org",
89
+ "@type": "TechArticle",
90
+ "headline": "Go-to-Market Strategy & Product Launch Plan",
91
+ "description": "@knowcode/doc-builder has reached a functional MVP state with 21 published versions on npm. To transition from an open-source tool to a fully launched...",
92
+ "author": {
93
+ "@type": "Person",
94
+ "name": "Lindsay Smith"
95
+ },
96
+ "publisher": {
97
+ "@type": "Organization",
98
+ "name": "Knowcode Ltd",
99
+ "url": "https://knowcode.tech"
100
+ },
101
+ "datePublished": "2025-07-28T16:34:27.964Z",
102
+ "dateModified": "2025-07-28T16:34:27.964Z",
103
+ "mainEntityOfPage": {
104
+ "@type": "WebPage",
105
+ "@id": "https://doc-builder-delta.vercel.app/private/launch/go-to-market-strategy.html"
106
+ },
107
+ "breadcrumb": {
108
+ "@type": "BreadcrumbList",
109
+ "itemListElement": [
110
+ {
111
+ "@type": "ListItem",
112
+ "position": 1,
113
+ "name": "@knowcode/doc-builder",
114
+ "item": "https://doc-builder-delta.vercel.app"
115
+ },
116
+ {
117
+ "@type": "ListItem",
118
+ "position": 2,
119
+ "name": "Private",
120
+ "item": "https://doc-builder-delta.vercel.app/private/"
121
+ },
122
+ {
123
+ "@type": "ListItem",
124
+ "position": 3,
125
+ "name": "Launch",
126
+ "item": "https://doc-builder-delta.vercel.app/private/launch/"
127
+ },
128
+ {
129
+ "@type": "ListItem",
130
+ "position": 4,
131
+ "name": "Go To Market Strategy",
132
+ "item": "https://doc-builder-delta.vercel.app/private/launch/go-to-market-strategy.html"
133
+ }
134
+ ]
135
+ }
136
+ }
137
+ </script>
23
138
  </head>
24
139
  <body>
25
140
  <!-- Header -->
@@ -29,10 +144,14 @@
29
144
 
30
145
  <div class="header-actions">
31
146
  <div class="deployment-info">
32
- <span class="deployment-date" title="Built with doc-builder v1.4.21">Last updated: Jul 27, 2025, 08:32 AM UTC</span>
147
+ <span class="deployment-date" title="Built with doc-builder v1.9.3">Last updated: Jul 28, 2025, 04:34 PM UTC</span>
33
148
  </div>
34
149
 
35
150
 
151
+ <a href="../../../login.html" class="auth-btn" title="Login/Logout">
152
+ <i class="fas fa-sign-in-alt"></i>
153
+ </a>
154
+
36
155
 
37
156
  <button id="theme-toggle" class="theme-toggle" aria-label="Toggle theme">
38
157
  <i class="fas fa-moon"></i>
@@ -92,16 +211,18 @@
92
211
  <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>
93
212
  <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>
94
213
  <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>
214
+ <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="fas fa-file-alt"></i> Html Embedding Guide</a>
95
215
  <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>
96
216
  <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>
97
217
  <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>
218
+ <a href="/guides/private-directory-authentication-troubleshooting.html" class="nav-item" data-tooltip="Private Directory Authentication Troubleshooting."><i class="fas fa-file-alt"></i> Private Directory Authentication Troubleshooting</a>
98
219
  <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>
99
220
  <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>
100
221
  <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>
101
222
  <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>
102
223
  <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>
103
224
  <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>
104
- <div class="nav-section" data-level="1">
225
+ <div class="nav-section private-nav" data-level="1">
105
226
  <a class="nav-title collapsible expanded" href="#" data-target="nav-private-1" >
106
227
  <i class="fas fa-chevron-right collapse-icon"></i><i class="fas fa-folder"></i> Private
107
228
  </a>
@@ -114,7 +235,7 @@
114
235
  <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>
115
236
  <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>
116
237
  <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>
117
- <div class="nav-section" data-level="2">
238
+ <div class="nav-section private-nav" data-level="2">
118
239
  <a class="nav-title collapsible expanded" href="/private/launch/README.html" data-target="nav-private-launch-2" >
119
240
  <i class="fas fa-chevron-right collapse-icon"></i><i class="fas fa-folder"></i> Launch
120
241
  </a>
@@ -142,7 +263,7 @@
142
263
  <h2>Executive Summary</h2>
143
264
  <p>@knowcode/doc-builder has reached a functional MVP state with 21 published versions on npm. To transition from an open-source tool to a fully launched commercial product, we need to address several key areas including monetization strategy, platform integrations, marketing infrastructure, and enterprise features.</p>
144
265
  <h2>Current State Analysis</h2>
145
- <h3>โœ… What We Have</h3>
266
+ <h3><i class="ph ph-check-circle" aria-label="checked"></i> What We Have</h3>
146
267
  <h4>Core Product</h4>
147
268
  <ul>
148
269
  <li><strong>Stable npm package</strong> (v1.5.21) with 21 releases</li>
@@ -168,7 +289,7 @@
168
289
  <li><strong>Command-line interface</strong> with intuitive commands</li>
169
290
  <li><strong>Zero-configuration</strong> setup for ease of use</li>
170
291
  </ul>
171
- <h3>โŒ What&#39;s Missing for Full Launch</h3>
292
+ <h3><i class="ph ph-x-circle" aria-label="error"></i> What&#39;s Missing for Full Launch</h3>
172
293
  <h2>Gap Analysis</h2>
173
294
  <h3>1. Monetization Infrastructure</h3>
174
295
  <h4>Payment Processing</h4>
@@ -590,7 +711,17 @@
590
711
  </div>
591
712
 
592
713
  <!-- Scripts -->
714
+ <script>
715
+ // Pass configuration to frontend
716
+ window.docBuilderConfig = {
717
+ features: {
718
+ showPdfDownload: true,
719
+ menuDefaultOpen: false
720
+ }
721
+ };
722
+ </script>
593
723
  <script src="/js/main.js"></script>
594
-
724
+ <script src="https://unpkg.com/@supabase/supabase-js@2"></script>
725
+ <script src="/js/auth.js"></script>
595
726
  </body>
596
727
  </html>
@@ -3,14 +3,41 @@
3
3
  <head>
4
4
  <meta charset="UTF-8">
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <meta name="description" content="Beautiful documentation with the least effort possible">
7
- <title>Launch Announcement Templates - @knowcode/doc-builder</title>
6
+ <meta name="description" content="This document contains ready-to-use announcement templates for launching @knowcode/doc-builder across various platforms and channels.">
7
+ <title>Launch Announcement Templates | @knowcode/doc-builder</title>
8
+
9
+ <meta name="author" content="Lindsay Smith">
10
+ <meta name="keywords" content="documentation, markdown, static site generator, vercel, notion-style, doc, builder">
11
+ <meta name="robots" content="index, follow">
12
+ <link rel="canonical" href="https://doc-builder-delta.vercel.app/private/launch/launch-announcements.html">
13
+
14
+ <!-- Open Graph / Facebook -->
15
+ <meta property="og:type" content="article">
16
+ <meta property="og:url" content="https://doc-builder-delta.vercel.app/private/launch/launch-announcements.html">
17
+ <meta property="og:title" content="Launch Announcement Templates | @knowcode/doc-builder">
18
+ <meta property="og:description" content="This document contains ready-to-use announcement templates for launching @knowcode/doc-builder across various platforms and channels.">
19
+ <meta property="og:image" content="https://doc-builder-delta.vercel.app/og-default.png">
20
+ <meta property="og:site_name" content="@knowcode/doc-builder">
21
+ <meta property="og:locale" content="en_US">
22
+
23
+ <!-- Twitter Card -->
24
+ <meta name="twitter:card" content="summary_large_image">
25
+ <meta name="twitter:site" content="@planbbackups">
26
+ <meta name="twitter:creator" content="@planbbackups">
27
+ <meta name="twitter:title" content="Launch Announcement Templates | @knowcode/doc-builder">
28
+ <meta name="twitter:description" content="This document contains ready-to-use announcement templates for launching @knowcode/doc-builder across various platforms and channels.">
29
+ <meta name="twitter:image" content="https://doc-builder-delta.vercel.app/og-default.png">
30
+
31
+ <!-- Custom Meta Tags -->
32
+ <meta name="google-site-verification" content="FtzcDTf5BQ9K5EfnGazQkgU2U4FiN3ITzM7gHwqUAqQ">
33
+ <meta name="msvalidate.01" content="B2D8C4C12C530D47AA962B24CAA09630">
8
34
 
9
35
  <!-- Fonts -->
10
36
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
11
37
 
12
38
  <!-- Icons -->
13
39
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
40
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/regular/style.css">
14
41
 
15
42
  <!-- Mermaid -->
16
43
  <script src="https://cdn.jsdelivr.net/npm/mermaid@10.6.1/dist/mermaid.min.js"></script>
@@ -18,8 +45,96 @@
18
45
  <!-- Styles -->
19
46
  <link rel="stylesheet" href="/css/notion-style.css">
20
47
 
48
+
49
+ <!-- Hide content until auth check -->
50
+ <style>
51
+ body {
52
+ visibility: hidden;
53
+ opacity: 0;
54
+ transition: opacity 0.3s ease;
55
+ }
56
+ body.authenticated {
57
+ visibility: visible;
58
+ opacity: 1;
59
+ }
60
+ /* Show login/logout pages immediately */
61
+ body.auth-page {
62
+ visibility: visible;
63
+ opacity: 1;
64
+ }
65
+ /* Style auth button consistently */
66
+ .auth-btn {
67
+ background: none;
68
+ border: none;
69
+ color: var(--text-secondary);
70
+ cursor: pointer;
71
+ padding: 0.5rem;
72
+ border-radius: 0.5rem;
73
+ transition: all 0.2s;
74
+ font-size: 1.1rem;
75
+ }
76
+ .auth-btn:hover {
77
+ background: var(--bg-secondary);
78
+ color: var(--text-primary);
79
+ }
80
+ </style>
81
+
82
+
21
83
  <!-- Favicon -->
22
- <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>">
84
+ <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>">
85
+
86
+ <script type="application/ld+json">
87
+ {
88
+ "@context": "https://schema.org",
89
+ "@type": "TechArticle",
90
+ "headline": "Launch Announcement Templates",
91
+ "description": "This document contains ready-to-use announcement templates for launching @knowcode/doc-builder across various platforms and channels.",
92
+ "author": {
93
+ "@type": "Person",
94
+ "name": "Lindsay Smith"
95
+ },
96
+ "publisher": {
97
+ "@type": "Organization",
98
+ "name": "Knowcode Ltd",
99
+ "url": "https://knowcode.tech"
100
+ },
101
+ "datePublished": "2025-07-28T16:34:27.967Z",
102
+ "dateModified": "2025-07-28T16:34:27.967Z",
103
+ "mainEntityOfPage": {
104
+ "@type": "WebPage",
105
+ "@id": "https://doc-builder-delta.vercel.app/private/launch/launch-announcements.html"
106
+ },
107
+ "breadcrumb": {
108
+ "@type": "BreadcrumbList",
109
+ "itemListElement": [
110
+ {
111
+ "@type": "ListItem",
112
+ "position": 1,
113
+ "name": "@knowcode/doc-builder",
114
+ "item": "https://doc-builder-delta.vercel.app"
115
+ },
116
+ {
117
+ "@type": "ListItem",
118
+ "position": 2,
119
+ "name": "Private",
120
+ "item": "https://doc-builder-delta.vercel.app/private/"
121
+ },
122
+ {
123
+ "@type": "ListItem",
124
+ "position": 3,
125
+ "name": "Launch",
126
+ "item": "https://doc-builder-delta.vercel.app/private/launch/"
127
+ },
128
+ {
129
+ "@type": "ListItem",
130
+ "position": 4,
131
+ "name": "Launch Announcements",
132
+ "item": "https://doc-builder-delta.vercel.app/private/launch/launch-announcements.html"
133
+ }
134
+ ]
135
+ }
136
+ }
137
+ </script>
23
138
  </head>
24
139
  <body>
25
140
  <!-- Header -->
@@ -29,10 +144,14 @@
29
144
 
30
145
  <div class="header-actions">
31
146
  <div class="deployment-info">
32
- <span class="deployment-date" title="Built with doc-builder v1.4.21">Last updated: Jul 27, 2025, 08:32 AM UTC</span>
147
+ <span class="deployment-date" title="Built with doc-builder v1.9.3">Last updated: Jul 28, 2025, 04:34 PM UTC</span>
33
148
  </div>
34
149
 
35
150
 
151
+ <a href="../../../login.html" class="auth-btn" title="Login/Logout">
152
+ <i class="fas fa-sign-in-alt"></i>
153
+ </a>
154
+
36
155
 
37
156
  <button id="theme-toggle" class="theme-toggle" aria-label="Toggle theme">
38
157
  <i class="fas fa-moon"></i>
@@ -92,16 +211,18 @@
92
211
  <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>
93
212
  <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>
94
213
  <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>
214
+ <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="fas fa-file-alt"></i> Html Embedding Guide</a>
95
215
  <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>
96
216
  <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>
97
217
  <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>
218
+ <a href="/guides/private-directory-authentication-troubleshooting.html" class="nav-item" data-tooltip="Private Directory Authentication Troubleshooting."><i class="fas fa-file-alt"></i> Private Directory Authentication Troubleshooting</a>
98
219
  <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>
99
220
  <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>
100
221
  <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>
101
222
  <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>
102
223
  <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>
103
224
  <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>
104
- <div class="nav-section" data-level="1">
225
+ <div class="nav-section private-nav" data-level="1">
105
226
  <a class="nav-title collapsible expanded" href="#" data-target="nav-private-1" >
106
227
  <i class="fas fa-chevron-right collapse-icon"></i><i class="fas fa-folder"></i> Private
107
228
  </a>
@@ -114,7 +235,7 @@
114
235
  <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>
115
236
  <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>
116
237
  <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>
117
- <div class="nav-section" data-level="2">
238
+ <div class="nav-section private-nav" data-level="2">
118
239
  <a class="nav-title collapsible expanded" href="/private/launch/README.html" data-target="nav-private-launch-2" >
119
240
  <i class="fas fa-chevron-right collapse-icon"></i><i class="fas fa-folder"></i> Launch
120
241
  </a>
@@ -157,7 +278,7 @@
157
278
  <li>The output rarely looked professional</li>
158
279
  </ul>
159
280
  <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>
160
- <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>
281
+ <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><i class="ph ph-moon-stars" aria-label="half moon"></i> <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>
161
282
  <p><strong>Perfect for:</strong></p>
162
283
  <ul>
163
284
  <li>Open source projects</li>
@@ -209,7 +330,7 @@ npx @knowcode/doc-builder@latest deploy
209
330
  <p>The code is MIT licensed. Would love feedback from the HN community!</p>
210
331
  <h2>Twitter/X Thread</h2>
211
332
  <h3>Thread</h3>
212
- <p>๐Ÿงต 1/7<br>Just launched Doc Builder - a tool that transforms your markdown into beautiful documentation sites with ONE command ๐Ÿš€</p>
333
+ <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>
213
334
  <p>No more hours of setup. No more ugly docs.</p>
214
335
  <p>npx @knowcode/doc-builder@latest deploy</p>
215
336
  <p>That&#39;s it. You&#39;re live on Vercel.</p>
@@ -221,7 +342,7 @@ npx @knowcode/doc-builder@latest deploy
221
342
  <li>Costs too much for small projects</li>
222
343
  </ul>
223
344
  <p>I needed something better.</p>
224
- <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>
345
+ <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><i class="ph ph-moon-stars" aria-label="half moon"></i> 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>
225
346
  <p>4/7<br>Perfect for:</p>
226
347
  <ul>
227
348
  <li>Open source projects</li>
@@ -248,11 +369,11 @@ npx @knowcode/doc-builder@latest deploy
248
369
  <p>#buildinpublic #documentation #webdev #opensource</p>
249
370
  <h2>LinkedIn Post</h2>
250
371
  <h3>Post</h3>
251
- <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>
372
+ <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>
252
373
  <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>
253
374
  <p><strong>The Solution:</strong><br>Doc Builder eliminates this complexity. With a single command, you can deploy professional-looking documentation to Vercel:</p>
254
375
  <p><code>npx @knowcode/doc-builder@latest deploy</code></p>
255
- <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>
376
+ <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>โ€ข <i class="ph ph-moon-stars" aria-label="half moon"></i> 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>
256
377
  <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>
257
378
  <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>
258
379
  <p>Try the live demo: <a href="https://doc-builder-delta.vercel.app">https://doc-builder-delta.vercel.app</a></p>
@@ -304,20 +425,19 @@ npx @knowcode/doc-builder@latest deploy
304
425
  </code></pre>
305
426
  <p>That&#39;s it! Your documentation is now live on Vercel with a public URL.</p>
306
427
  <h2>Key Features That Make It Special</h2>
307
- <h3>๐ŸŽจ Beautiful by Default</h3>
428
+ <h3><i class="ph ph-palette" aria-label="design"></i> Beautiful by Default</h3>
308
429
  <p>I spent weeks perfecting the design so you don&#39;t have to. The Notion-inspired interface is clean, modern, and professional.</p>
309
- <h3>๐Ÿ” Search That Actually Works</h3>
430
+ <h3><i class="ph ph-magnifying-glass" aria-label="search"></i> Search That Actually Works</h3>
310
431
  <p>Full-text search is built-in. No configuration needed. It just works.</p>
311
- <h3>๐ŸŒ“ Dark Mode</h3>
432
+ <h3><i class="ph ph-moon-stars" aria-label="half moon"></i> Dark Mode</h3>
312
433
  <p>Automatic theme detection with manual toggle. Your readers&#39; eyes will thank you.</p>
313
- <h3>๐Ÿ“Š Mermaid Diagrams</h3>
434
+ <h3><i class="ph ph-chart-bar" aria-label="chart"></i> Mermaid Diagrams</h3>
314
435
  <div class="mermaid-wrapper">
315
- <div class="mermaid-title">Diagram</div>
316
436
  <div class="mermaid">graph TD
317
437
  A[Write Markdown] --> B[Run Deploy]
318
438
  B --> C[Live Documentation]</div>
319
439
  </div>
320
- <h3>๐Ÿ” Password Protection</h3>
440
+ <h3><i class="ph ph-lock-key" aria-label="secure"></i> Password Protection</h3>
321
441
  <p>Need private docs? Enable authentication with one config line:</p>
322
442
  <pre><code class="language-javascript">features: {
323
443
  authentication: true
@@ -367,9 +487,9 @@ npx @knowcode/doc-builder@latest deploy
367
487
  <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>
368
488
  <p><strong>Links:</strong></p>
369
489
  <ul>
370
- <li>๐Ÿš€ <a href="https://doc-builder-delta.vercel.app">Live Demo</a></li>
371
- <li>๐Ÿ“ฆ <a href="https://www.npmjs.com/package/@knowcode/doc-builder">NPM Package</a></li>
372
- <li>๐Ÿ™ <a href="https://github.com/knowcode/doc-builder">GitHub Repo</a> (coming soon)</li>
490
+ <li><i class="ph ph-rocket-launch" aria-label="launch"></i> <a href="https://doc-builder-delta.vercel.app">Live Demo</a></li>
491
+ <li><i class="ph ph-package" aria-label="package"></i> <a href="https://www.npmjs.com/package/@knowcode/doc-builder">NPM Package</a></li>
492
+ <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>
373
493
  </ul>
374
494
  <p>What&#39;s your biggest documentation pain point? Let me know in the comments!</p>
375
495
  <h2>Reddit Posts</h2>
@@ -432,14 +552,14 @@ await build({
432
552
  <p>Learned a lot building this, happy to answer technical questions!</p>
433
553
  <h2>Email Newsletter</h2>
434
554
  <h3>Subject</h3>
435
- <p>๐Ÿš€ Introducing Doc Builder: Beautiful Documentation in One Command</p>
555
+ <p><i class="ph ph-rocket-launch" aria-label="launch"></i> Introducing Doc Builder: Beautiful Documentation in One Command</p>
436
556
  <h3>Body</h3>
437
557
  <p>Hi {firstName},</p>
438
558
  <p>Remember the last time you spent hours setting up documentation for a project?</p>
439
559
  <p>The configuring, the styling, the deployment scripts... What if I told you all of that could be replaced with a single command?</p>
440
560
  <p><strong>Introducing Doc Builder</strong></p>
441
561
  <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>
442
- <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>
562
+ <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>
443
563
  <p><strong>See It In Action</strong></p>
444
564
  <pre><code class="language-bash">npx @knowcode/doc-builder@latest deploy
445
565
  </code></pre>
@@ -468,7 +588,7 @@ doc-builder deploy
468
588
  <p>Questions? Just reply to this email. I personally read every message.</p>
469
589
  <p>Happy documenting!</p>
470
590
  <p>Best,<br>Lindsay Smith<br>Creator of Doc Builder</p>
471
- <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>
591
+ <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>
472
592
  <hr>
473
593
  <h2>Press Release</h2>
474
594
  <h3>FOR IMMEDIATE RELEASE</h3>
@@ -521,7 +641,17 @@ doc-builder deploy
521
641
  </div>
522
642
 
523
643
  <!-- Scripts -->
644
+ <script>
645
+ // Pass configuration to frontend
646
+ window.docBuilderConfig = {
647
+ features: {
648
+ showPdfDownload: true,
649
+ menuDefaultOpen: false
650
+ }
651
+ };
652
+ </script>
524
653
  <script src="/js/main.js"></script>
525
-
654
+ <script src="https://unpkg.com/@supabase/supabase-js@2"></script>
655
+ <script src="/js/auth.js"></script>
526
656
  </body>
527
657
  </html>