@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
  1. package/README.md +2 -0
  2. package/html/README.html +34 -149
  3. package/html/css/notion-style.css +13 -394
  4. package/html/documentation-index.html +17 -127
  5. package/html/guides/authentication-default-change.html +8 -130
  6. package/html/guides/authentication-guide.html +20 -141
  7. package/html/guides/claude-workflow-guide.html +23 -137
  8. package/html/guides/documentation-standards.html +12 -133
  9. package/html/guides/image-modal-guide.html +381 -0
  10. package/html/guides/phosphor-icons-guide.html +28 -150
  11. package/html/guides/private-directory-authentication.html +8 -130
  12. package/html/guides/public-site-deployment.html +8 -130
  13. package/html/guides/search-engine-verification-guide.html +8 -130
  14. package/html/guides/seo-guide.html +8 -130
  15. package/html/guides/seo-optimization-guide.html +39 -159
  16. package/html/guides/troubleshooting-guide.html +20 -141
  17. package/html/guides/windows-setup-guide.html +39 -161
  18. package/html/image-modal-test.html +9 -125
  19. package/html/index.html +34 -149
  20. package/html/js/auth.js +39 -118
  21. package/html/js/main.js +25 -259
  22. package/html/private/cache-control-anti-pattern.html +13 -135
  23. package/html/private/launch/README.html +16 -144
  24. package/html/private/launch/auth-cleanup-summary.html +25 -153
  25. package/html/private/launch/bubble-plugin-specification.html +8 -136
  26. package/html/private/launch/go-to-market-strategy.html +10 -138
  27. package/html/private/launch/launch-announcements.html +24 -151
  28. package/html/private/launch/vercel-deployment-auth-setup.html +10 -138
  29. package/html/private/next-steps-walkthrough.html +15 -137
  30. package/html/private/supabase-auth-implementation-completed.html +22 -143
  31. package/html/private/supabase-auth-implementation-plan.html +15 -136
  32. package/html/private/supabase-auth-integration-plan.html +22 -142
  33. package/html/private/supabase-auth-setup-guide.html +17 -139
  34. package/html/private/test-private-doc.html +8 -130
  35. package/html/private/user-management-tooling.html +8 -130
  36. package/html/prompts/markdown-document-standards.html +13 -134
  37. package/html/vercel-cli-setup-guide.html +12 -128
  38. package/html/vercel-first-time-setup-guide.html +9 -125
  39. package/lib/emoji-mapper.js +12 -0
  40. package/package.json +1 -1
package/html/prompts/markdown-document-standards.html CHANGED
@@ -3,41 +3,14 @@
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="Use this prompt when creating or updating documentation for doc-builder projects to ensure consistency and quality.">
7
- <title>Markdown Document Standards Prompt | @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, use, when">
11
- <meta name="robots" content="index, follow">
12
- <link rel="canonical" href="https://doc-builder-delta.vercel.app/prompts/markdown-document-standards.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/prompts/markdown-document-standards.html">
17
- <meta property="og:title" content="Markdown Document Standards Prompt | @knowcode/doc-builder">
18
- <meta property="og:description" content="Use this prompt when creating or updating documentation for doc-builder projects to ensure consistency and quality.">
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="Markdown Document Standards Prompt | @knowcode/doc-builder">
28
- <meta name="twitter:description" content="Use this prompt when creating or updating documentation for doc-builder projects to ensure consistency and quality.">
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">
6
+ <meta name="description" content="Beautiful documentation with the least effort possible">
7
+ <title>Markdown Document Standards Prompt - @knowcode/doc-builder</title>
34
8
 
35
9
  <!-- Fonts -->
36
10
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
37
11
 
38
12
  <!-- Icons -->
39
13
  <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">
41
14
 
42
15
  <!-- Mermaid -->
43
16
  <script src="https://cdn.jsdelivr.net/npm/mermaid@10.6.1/dist/mermaid.min.js"></script>
@@ -45,90 +18,8 @@
45
18
  <!-- Styles -->
46
19
  <link rel="stylesheet" href="/css/notion-style.css">
47
20
 
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
-
83
21
  <!-- Favicon -->
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": "Markdown Document Standards Prompt",
91
- "description": "Use this prompt when creating or updating documentation for doc-builder projects to ensure consistency and quality.",
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-27T08:30:10.837Z",
102
- "dateModified": "2025-07-27T08:30:10.837Z",
103
- "mainEntityOfPage": {
104
- "@type": "WebPage",
105
- "@id": "https://doc-builder-delta.vercel.app/prompts/markdown-document-standards.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": "Prompts",
120
- "item": "https://doc-builder-delta.vercel.app/prompts/"
121
- },
122
- {
123
- "@type": "ListItem",
124
- "position": 3,
125
- "name": "Markdown Document Standards",
126
- "item": "https://doc-builder-delta.vercel.app/prompts/markdown-document-standards.html"
127
- }
128
- ]
129
- }
130
- }
131
- </script>
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>">
132
23
  </head>
133
24
  <body>
134
25
  <!-- Header -->
@@ -138,14 +29,10 @@
138
29
 
139
30
  <div class="header-actions">
140
31
  <div class="deployment-info">
141
- <span class="deployment-date" title="Built with doc-builder v1.9.0">Last updated: Jul 27, 2025, 08:30 AM UTC</span>
32
+ <span class="deployment-date" title="Built with doc-builder v1.4.21">Last updated: Jul 27, 2025, 08:32 AM UTC</span>
142
33
  </div>
143
34
 
144
35
 
145
- <a href="../../login.html" class="auth-btn" title="Login/Logout">
146
- <i class="fas fa-sign-in-alt"></i>
147
- </a>
148
-
149
36
 
150
37
  <button id="theme-toggle" class="theme-toggle" aria-label="Toggle theme">
151
38
  <i class="fas fa-moon"></i>
@@ -205,6 +92,7 @@
205
92
  <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>
206
93
  <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>
207
94
  <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>
95
+ <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>
208
96
  <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>
209
97
  <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>
210
98
  <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>
@@ -213,7 +101,7 @@
213
101
  <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>
214
102
  <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>
215
103
  <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>
216
- <div class="nav-section private-nav" data-level="1">
104
+ <div class="nav-section" data-level="1">
217
105
  <a class="nav-title collapsible" href="#" data-target="nav-private-1" >
218
106
  <i class="fas fa-chevron-right collapse-icon"></i><i class="fas fa-folder"></i> Private
219
107
  </a>
@@ -226,7 +114,7 @@
226
114
  <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>
227
115
  <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>
228
116
  <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>
229
- <div class="nav-section private-nav" data-level="2">
117
+ <div class="nav-section" data-level="2">
230
118
  <a class="nav-title collapsible" href="/private/launch/README.html" data-target="nav-private-launch-2" >
231
119
  <i class="fas fa-chevron-right collapse-icon"></i><i class="fas fa-folder"></i> Launch
232
120
  </a>
@@ -301,10 +189,10 @@ Summary of key points...
301
189
  </code></pre>
302
190
  <p><strong>Good Alt Text Examples:</strong></p>
303
191
  <ul>
304
- <li><i class="ph ph-check-circle" aria-label="checked"></i> <code>![Vercel deployment settings page showing environment variables section](images/vercel-env-setup.png)</code></li>
305
- <li><i class="ph ph-check-circle" aria-label="checked"></i> <code>![Flow diagram illustrating the authentication process from login to dashboard](images/auth-flow.png)</code></li>
306
- <li><i class="ph ph-x-circle" aria-label="error"></i> <code>![Screenshot](img1.png)</code></li>
307
- <li><i class="ph ph-x-circle" aria-label="error"></i> <code>![Image](screenshot.png)</code></li>
192
+ <li>✅ <code>![Vercel deployment settings page showing environment variables section](images/vercel-env-setup.png)</code></li>
193
+ <li>✅ <code>![Flow diagram illustrating the authentication process from login to dashboard](images/auth-flow.png)</code></li>
194
+ <li>❌ <code>![Screenshot](img1.png)</code></li>
195
+ <li>❌ <code>![Image](screenshot.png)</code></li>
308
196
  </ul>
309
197
  <h3>4. Code Examples</h3>
310
198
  <p><strong>Code Block Requirements:</strong></p>
@@ -372,6 +260,7 @@ keywords: authentication, setup, configuration
372
260
  <h3>9. Mermaid Diagrams</h3>
373
261
  <p>When using Mermaid diagrams:</p>
374
262
  <pre><code class="language-markdown"><div class="mermaid-wrapper">
263
+ <div class="mermaid-title">Diagram</div>
375
264
  <div class="mermaid">graph TD
376
265
  A[Start] --> B{Decision}
377
266
  B -->|Yes| C[Process]
@@ -393,17 +282,7 @@ Remember: These standards ensure documentation is consistent, accessible, and ea
393
282
  </div>
394
283
 
395
284
  <!-- Scripts -->
396
- <script>
397
- // Pass configuration to frontend
398
- window.docBuilderConfig = {
399
- features: {
400
- showPdfDownload: true,
401
- menuDefaultOpen: false
402
- }
403
- };
404
- </script>
405
285
  <script src="/js/main.js"></script>
406
- <script src="https://unpkg.com/@supabase/supabase-js@2"></script>
407
- <script src="/js/auth.js"></script>
286
+
408
287
  </body>
409
288
  </html>
package/html/vercel-cli-setup-guide.html CHANGED
@@ -3,41 +3,14 @@
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="This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems. While `@knowcode/doc-builder` handles most...">
7
- <title>Vercel CLI Setup Guide | @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, cli, https">
11
- <meta name="robots" content="index, follow">
12
- <link rel="canonical" href="https://doc-builder-delta.vercel.app/vercel-cli-setup-guide.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/vercel-cli-setup-guide.html">
17
- <meta property="og:title" content="Vercel CLI Setup Guide | @knowcode/doc-builder">
18
- <meta property="og:description" content="This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems. While `@knowcode/doc-builder` handles most...">
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="Vercel CLI Setup Guide | @knowcode/doc-builder">
28
- <meta name="twitter:description" content="This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems. While `@knowcode/doc-builder` handles most...">
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">
6
+ <meta name="description" content="Beautiful documentation with the least effort possible">
7
+ <title>Vercel CLI Setup Guide - @knowcode/doc-builder</title>
34
8
 
35
9
  <!-- Fonts -->
36
10
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
37
11
 
38
12
  <!-- Icons -->
39
13
  <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">
41
14
 
42
15
  <!-- Mermaid -->
43
16
  <script src="https://cdn.jsdelivr.net/npm/mermaid@10.6.1/dist/mermaid.min.js"></script>
@@ -45,84 +18,8 @@
45
18
  <!-- Styles -->
46
19
  <link rel="stylesheet" href="/css/notion-style.css">
47
20
 
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
-
83
21
  <!-- Favicon -->
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": "Vercel CLI Setup Guide",
91
- "description": "This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems. While `@knowcode/doc-builder` handles most...",
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-27T08:30:10.838Z",
102
- "dateModified": "2025-07-27T08:30:10.838Z",
103
- "mainEntityOfPage": {
104
- "@type": "WebPage",
105
- "@id": "https://doc-builder-delta.vercel.app/vercel-cli-setup-guide.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": "Vercel Cli Setup Guide",
120
- "item": "https://doc-builder-delta.vercel.app/vercel-cli-setup-guide.html"
121
- }
122
- ]
123
- }
124
- }
125
- </script>
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>">
126
23
  </head>
127
24
  <body>
128
25
  <!-- Header -->
@@ -132,14 +29,10 @@
132
29
 
133
30
  <div class="header-actions">
134
31
  <div class="deployment-info">
135
- <span class="deployment-date" title="Built with doc-builder v1.9.0">Last updated: Jul 27, 2025, 08:30 AM UTC</span>
32
+ <span class="deployment-date" title="Built with doc-builder v1.4.21">Last updated: Jul 27, 2025, 08:32 AM UTC</span>
136
33
  </div>
137
34
 
138
35
 
139
- <a href="../login.html" class="auth-btn" title="Login/Logout">
140
- <i class="fas fa-sign-in-alt"></i>
141
- </a>
142
-
143
36
 
144
37
  <button id="theme-toggle" class="theme-toggle" aria-label="Toggle theme">
145
38
  <i class="fas fa-moon"></i>
@@ -181,7 +74,7 @@
181
74
  <nav class="navigation">
182
75
 
183
76
  <div class="nav-section" data-level="0">
184
- <a class="nav-title" href="/README.html" >
77
+ <a class="nav-title expanded" href="/README.html" >
185
78
  <i class="fas fa-home"></i> Documentation
186
79
  </a>
187
80
  <div class="nav-content" >
@@ -199,6 +92,7 @@
199
92
  <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>
200
93
  <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>
201
94
  <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>
95
+ <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>
202
96
  <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>
203
97
  <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>
204
98
  <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>
@@ -207,7 +101,7 @@
207
101
  <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>
208
102
  <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>
209
103
  <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>
210
- <div class="nav-section private-nav" data-level="1">
104
+ <div class="nav-section" data-level="1">
211
105
  <a class="nav-title collapsible" href="#" data-target="nav-private-1" >
212
106
  <i class="fas fa-chevron-right collapse-icon"></i><i class="fas fa-folder"></i> Private
213
107
  </a>
@@ -220,7 +114,7 @@
220
114
  <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>
221
115
  <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>
222
116
  <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>
223
- <div class="nav-section private-nav" data-level="2">
117
+ <div class="nav-section" data-level="2">
224
118
  <a class="nav-title collapsible" href="/private/launch/README.html" data-target="nav-private-launch-2" >
225
119
  <i class="fas fa-chevron-right collapse-icon"></i><i class="fas fa-folder"></i> Launch
226
120
  </a>
@@ -249,9 +143,9 @@
249
143
  <p>This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems. While <code>@knowcode/doc-builder</code> handles most deployment complexity for you, understanding Vercel CLI installation and advanced features can be helpful for power users.</p>
250
144
  <h2>Prerequisites</h2>
251
145
  <ul>
252
- <li><strong>Node.js</strong>: Version 14.x or higher <i class="ph ph-check-circle" aria-label="checked"></i></li>
253
- <li><strong>npm</strong> or <strong>yarn</strong>: Package manager <i class="ph ph-check-circle" aria-label="checked"></i></li>
254
- <li><strong>Git</strong>: For version control (optional but recommended) <i class="ph ph-check-circle" aria-label="checked"></i></li>
146
+ <li><strong>Node.js</strong>: Version 14.x or higher ✅</li>
147
+ <li><strong>npm</strong> or <strong>yarn</strong>: Package manager ✅</li>
148
+ <li><strong>Git</strong>: For version control (optional but recommended) ✅</li>
255
149
  </ul>
256
150
  <h2>Installation Methods</h2>
257
151
  <h3>Method 1: npm (Recommended)</h3>
@@ -466,17 +360,7 @@ vercel --scope team-name
466
360
  </div>
467
361
 
468
362
  <!-- Scripts -->
469
- <script>
470
- // Pass configuration to frontend
471
- window.docBuilderConfig = {
472
- features: {
473
- showPdfDownload: true,
474
- menuDefaultOpen: false
475
- }
476
- };
477
- </script>
478
363
  <script src="/js/main.js"></script>
479
- <script src="https://unpkg.com/@supabase/supabase-js@2"></script>
480
- <script src="/js/auth.js"></script>
364
+
481
365
  </body>
482
366
  </html>
package/html/vercel-first-time-setup-guide.html CHANGED
@@ -3,41 +3,14 @@
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="This guide walks you through the Vercel deployment process when using `@knowcode/doc-builder deploy`.">
7
- <title>Vercel First-Time Setup Guide | @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, your, deployment">
11
- <meta name="robots" content="index, follow">
12
- <link rel="canonical" href="https://doc-builder-delta.vercel.app/vercel-first-time-setup-guide.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/vercel-first-time-setup-guide.html">
17
- <meta property="og:title" content="Vercel First-Time Setup Guide | @knowcode/doc-builder">
18
- <meta property="og:description" content="This guide walks you through the Vercel deployment process when using `@knowcode/doc-builder deploy`.">
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="Vercel First-Time Setup Guide | @knowcode/doc-builder">
28
- <meta name="twitter:description" content="This guide walks you through the Vercel deployment process when using `@knowcode/doc-builder deploy`.">
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">
6
+ <meta name="description" content="Beautiful documentation with the least effort possible">
7
+ <title>Vercel First-Time Setup Guide - @knowcode/doc-builder</title>
34
8
 
35
9
  <!-- Fonts -->
36
10
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
37
11
 
38
12
  <!-- Icons -->
39
13
  <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">
41
14
 
42
15
  <!-- Mermaid -->
43
16
  <script src="https://cdn.jsdelivr.net/npm/mermaid@10.6.1/dist/mermaid.min.js"></script>
@@ -45,84 +18,8 @@
45
18
  <!-- Styles -->
46
19
  <link rel="stylesheet" href="/css/notion-style.css">
47
20
 
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
-
83
21
  <!-- Favicon -->
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": "Vercel First-Time Setup Guide",
91
- "description": "This guide walks you through the Vercel deployment process when using `@knowcode/doc-builder deploy`.",
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-27T08:30:10.840Z",
102
- "dateModified": "2025-07-27T08:30:10.840Z",
103
- "mainEntityOfPage": {
104
- "@type": "WebPage",
105
- "@id": "https://doc-builder-delta.vercel.app/vercel-first-time-setup-guide.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": "Vercel First Time Setup Guide",
120
- "item": "https://doc-builder-delta.vercel.app/vercel-first-time-setup-guide.html"
121
- }
122
- ]
123
- }
124
- }
125
- </script>
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>">
126
23
  </head>
127
24
  <body>
128
25
  <!-- Header -->
@@ -132,14 +29,10 @@
132
29
 
133
30
  <div class="header-actions">
134
31
  <div class="deployment-info">
135
- <span class="deployment-date" title="Built with doc-builder v1.9.0">Last updated: Jul 27, 2025, 08:30 AM UTC</span>
32
+ <span class="deployment-date" title="Built with doc-builder v1.4.21">Last updated: Jul 27, 2025, 08:32 AM UTC</span>
136
33
  </div>
137
34
 
138
35
 
139
- <a href="../login.html" class="auth-btn" title="Login/Logout">
140
- <i class="fas fa-sign-in-alt"></i>
141
- </a>
142
-
143
36
 
144
37
  <button id="theme-toggle" class="theme-toggle" aria-label="Toggle theme">
145
38
  <i class="fas fa-moon"></i>
@@ -181,7 +74,7 @@
181
74
  <nav class="navigation">
182
75
 
183
76
  <div class="nav-section" data-level="0">
184
- <a class="nav-title" href="/README.html" >
77
+ <a class="nav-title expanded" href="/README.html" >
185
78
  <i class="fas fa-home"></i> Documentation
186
79
  </a>
187
80
  <div class="nav-content" >
@@ -199,6 +92,7 @@
199
92
  <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>
200
93
  <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>
201
94
  <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>
95
+ <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>
202
96
  <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>
203
97
  <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>
204
98
  <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>
@@ -207,7 +101,7 @@
207
101
  <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>
208
102
  <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>
209
103
  <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>
210
- <div class="nav-section private-nav" data-level="1">
104
+ <div class="nav-section" data-level="1">
211
105
  <a class="nav-title collapsible" href="#" data-target="nav-private-1" >
212
106
  <i class="fas fa-chevron-right collapse-icon"></i><i class="fas fa-folder"></i> Private
213
107
  </a>
@@ -220,7 +114,7 @@
220
114
  <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>
221
115
  <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>
222
116
  <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>
223
- <div class="nav-section private-nav" data-level="2">
117
+ <div class="nav-section" data-level="2">
224
118
  <a class="nav-title collapsible" href="/private/launch/README.html" data-target="nav-private-launch-2" >
225
119
  <i class="fas fa-chevron-right collapse-icon"></i><i class="fas fa-folder"></i> Launch
226
120
  </a>
@@ -425,17 +319,7 @@
425
319
  </div>
426
320
 
427
321
  <!-- Scripts -->
428
- <script>
429
- // Pass configuration to frontend
430
- window.docBuilderConfig = {
431
- features: {
432
- showPdfDownload: true,
433
- menuDefaultOpen: false
434
- }
435
- };
436
- </script>
437
322
  <script src="/js/main.js"></script>
438
- <script src="https://unpkg.com/@supabase/supabase-js@2"></script>
439
- <script src="/js/auth.js"></script>
323
+
440
324
  </body>
441
325
  </html>