@knowcode/doc-builder 1.9.18 → 1.9.20

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 (55) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/README.md +2 -1
  3. package/assets/js/main.js +43 -21
  4. package/doc-builder.config.js +1 -1
  5. package/doc-builder.config.js.backup.1754218469785 +124 -0
  6. package/doc-builder.config.js.backup.1754384764054 +124 -0
  7. package/html/README.html +15 -8
  8. package/html/about-doc-builder.html +16 -9
  9. package/html/documentation-index.html +15 -8
  10. package/html/guides/authentication-default-change.html +15 -8
  11. package/html/guides/authentication-guide.html +15 -8
  12. package/html/guides/claude-workflow-guide.html +15 -8
  13. package/html/guides/configuration-guide.html +39 -9
  14. package/html/guides/documentation-standards.html +15 -8
  15. package/html/guides/html-embedding-guide.html +15 -8
  16. package/html/guides/image-modal-guide.html +15 -8
  17. package/html/guides/phosphor-icons-guide.html +15 -8
  18. package/html/guides/private-directory-authentication-troubleshooting.html +15 -8
  19. package/html/guides/private-directory-authentication.html +15 -8
  20. package/html/guides/public-site-deployment.html +15 -8
  21. package/html/guides/search-engine-verification-guide.html +15 -8
  22. package/html/guides/seo-guide.html +15 -8
  23. package/html/guides/seo-optimization-guide.html +15 -8
  24. package/html/guides/supabase-authentication-complete-guide.html +15 -8
  25. package/html/guides/troubleshooting-guide.html +15 -8
  26. package/html/guides/windows-setup-guide.html +15 -8
  27. package/html/image-modal-test.html +15 -8
  28. package/html/index.html +15 -8
  29. package/html/js/main.js +43 -21
  30. package/html/private/cache-control-anti-pattern.html +15 -8
  31. package/html/private/launch/README.html +15 -8
  32. package/html/private/launch/auth-cleanup-summary.html +15 -8
  33. package/html/private/launch/bubble-plugin-specification.html +15 -8
  34. package/html/private/launch/go-to-market-strategy.html +15 -8
  35. package/html/private/launch/launch-announcements.html +15 -8
  36. package/html/private/launch/vercel-deployment-auth-setup.html +15 -8
  37. package/html/private/next-steps-walkthrough.html +15 -8
  38. package/html/private/supabase-auth-implementation-completed.html +15 -8
  39. package/html/private/supabase-auth-implementation-plan.html +15 -8
  40. package/html/private/supabase-auth-integration-plan.html +15 -8
  41. package/html/private/supabase-auth-setup-guide.html +15 -8
  42. package/html/private/test-private-doc.html +15 -8
  43. package/html/private/user-management-tooling.html +15 -8
  44. package/html/prompts/Screenshot 2025-08-02 at 08.49.55.png +0 -0
  45. package/html/prompts/beautiful-documentation-design.html +15 -8
  46. package/html/prompts/markdown-document-standards.html +15 -8
  47. package/html/prompts/project-rename-strategy-sasha-publish.html +15 -8
  48. package/html/sitemap.xml +70 -58
  49. package/html/test-questions/how-does-it-work%3F.html +290 -0
  50. package/html/test-questions/step-1%3A%20getting-started.html +285 -0
  51. package/html/test-questions/what-is-the-purpose.html +289 -0
  52. package/html/vercel-cli-setup-guide.html +15 -8
  53. package/html/vercel-first-time-setup-guide.html +15 -8
  54. package/lib/core-builder.js +37 -5
  55. package/package.json +1 -1
@@ -0,0 +1,289 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <meta name="description" content="Understanding the purpose of our documentation system">
7
+ <title>What Is The Purpose? | @knowcode/doc-builder</title>
8
+
9
+ <meta name="generator" content="@knowcode/doc-builder by Knowcode Ltd">
10
+ <meta name="author" content="Lindsay Smith">
11
+ <meta name="keywords" content="documentation, markdown, static site generator, vercel, notion-style, front, matter">
12
+ <meta name="robots" content="index, follow">
13
+ <link rel="canonical" href="https://doc-builder-delta.vercel.app/test-questions/what-is-the-purpose.html">
14
+
15
+ <!-- Open Graph / Facebook -->
16
+ <meta property="og:type" content="article">
17
+ <meta property="og:url" content="https://doc-builder-delta.vercel.app/test-questions/what-is-the-purpose.html">
18
+ <meta property="og:title" content="What Is The Purpose? | @knowcode/doc-builder">
19
+ <meta property="og:description" content="Understanding the purpose of our documentation system">
20
+ <meta property="og:image" content="https://doc-builder-delta.vercel.app/og-default.png">
21
+ <meta property="og:site_name" content="@knowcode/doc-builder">
22
+ <meta property="og:locale" content="en_US">
23
+
24
+ <!-- Twitter Card -->
25
+ <meta name="twitter:card" content="summary_large_image">
26
+ <meta name="twitter:site" content="@planbbackups">
27
+ <meta name="twitter:creator" content="@planbbackups">
28
+ <meta name="twitter:title" content="What Is The Purpose? | @knowcode/doc-builder">
29
+ <meta name="twitter:description" content="Understanding the purpose of our documentation system">
30
+ <meta name="twitter:image" content="https://doc-builder-delta.vercel.app/og-default.png">
31
+
32
+ <!-- Custom Meta Tags -->
33
+ <meta name="google-site-verification" content="FtzcDTf5BQ9K5EfnGazQkgU2U4FiN3ITzM7gHwqUAqQ">
34
+ <meta name="msvalidate.01" content="B2D8C4C12C530D47AA962B24CAA09630">
35
+
36
+ <!-- Fonts -->
37
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
38
+
39
+ <!-- Icons -->
40
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
41
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/regular/style.css">
42
+
43
+ <!-- Mermaid -->
44
+ <script src="https://cdn.jsdelivr.net/npm/mermaid@10.6.1/dist/mermaid.min.js"></script>
45
+
46
+ <!-- Styles -->
47
+ <link rel="stylesheet" href="/css/notion-style.css">
48
+
49
+
50
+ <!-- Hide content until auth check -->
51
+ <style>
52
+ body {
53
+ visibility: hidden;
54
+ opacity: 0;
55
+ transition: opacity 0.3s ease;
56
+ }
57
+ body.authenticated {
58
+ visibility: visible;
59
+ opacity: 1;
60
+ }
61
+ /* Show login/logout pages immediately */
62
+ body.auth-page {
63
+ visibility: visible;
64
+ opacity: 1;
65
+ }
66
+ /* Style auth button consistently */
67
+ .auth-btn {
68
+ background: none;
69
+ border: none;
70
+ color: var(--text-secondary);
71
+ cursor: pointer;
72
+ padding: 0.5rem;
73
+ border-radius: 0.5rem;
74
+ transition: all 0.2s;
75
+ font-size: 1.1rem;
76
+ }
77
+ .auth-btn:hover {
78
+ background: var(--bg-secondary);
79
+ color: var(--text-primary);
80
+ }
81
+ </style>
82
+
83
+
84
+ <!-- Favicon -->
85
+ <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>">
86
+
87
+ <script type="application/ld+json">
88
+ {
89
+ "@context": "https://schema.org",
90
+ "@type": "TechArticle",
91
+ "headline": "What Is The Purpose?",
92
+ "description": "Understanding the purpose of our documentation system",
93
+ "author": {
94
+ "@type": "Person",
95
+ "name": "Lindsay Smith"
96
+ },
97
+ "publisher": {
98
+ "@type": "Organization",
99
+ "name": "Knowcode Ltd",
100
+ "url": "https://knowcode.tech"
101
+ },
102
+ "datePublished": "2025-08-05T09:06:04.275Z",
103
+ "dateModified": "2025-08-05T09:06:04.275Z",
104
+ "mainEntityOfPage": {
105
+ "@type": "WebPage",
106
+ "@id": "https://doc-builder-delta.vercel.app/test-questions/what-is-the-purpose.html"
107
+ },
108
+ "breadcrumb": {
109
+ "@type": "BreadcrumbList",
110
+ "itemListElement": [
111
+ {
112
+ "@type": "ListItem",
113
+ "position": 1,
114
+ "name": "@knowcode/doc-builder",
115
+ "item": "https://doc-builder-delta.vercel.app"
116
+ },
117
+ {
118
+ "@type": "ListItem",
119
+ "position": 2,
120
+ "name": "Test Questions",
121
+ "item": "https://doc-builder-delta.vercel.app/test-questions/"
122
+ },
123
+ {
124
+ "@type": "ListItem",
125
+ "position": 3,
126
+ "name": "What Is The Purpose",
127
+ "item": "https://doc-builder-delta.vercel.app/test-questions/what-is-the-purpose.html"
128
+ }
129
+ ]
130
+ }
131
+ }
132
+ </script>
133
+ </head>
134
+ <body>
135
+ <!-- Header -->
136
+ <header class="header">
137
+ <div class="header-content">
138
+ <a href="/index.html" class="logo">@knowcode/doc-builder</a>
139
+
140
+ <div class="header-actions">
141
+ <div class="deployment-info">
142
+ <span class="deployment-date" title="Built with doc-builder v1.9.19">Last updated: Aug 5, 2025, 09:06 AM UTC</span>
143
+ </div>
144
+
145
+
146
+ <a href="../../login.html" class="auth-btn" title="Login/Logout">
147
+ <i class="fas fa-sign-in-alt"></i>
148
+ </a>
149
+
150
+
151
+ <button id="theme-toggle" class="theme-toggle" aria-label="Toggle theme">
152
+ <i class="fas fa-moon"></i>
153
+ </button>
154
+
155
+ <button id="menu-toggle" class="menu-toggle" aria-label="Toggle menu">
156
+ <i class="fas fa-bars"></i>
157
+ </button>
158
+ </div>
159
+ </div>
160
+ </header>
161
+
162
+
163
+
164
+ <!-- Breadcrumbs -->
165
+ <nav class="breadcrumbs" id="breadcrumbs">
166
+ <!-- Breadcrumbs will be generated by JavaScript -->
167
+ </nav>
168
+
169
+ <!-- Main Content -->
170
+ <div class="main-wrapper">
171
+ <!-- Sidebar -->
172
+ <aside class="sidebar">
173
+ <div class="sidebar-header">
174
+ <div class="filter-box">
175
+ <input type="text" placeholder="Search menu..." class="filter-input" id="nav-filter">
176
+ <i class="fas fa-search filter-icon"></i>
177
+ </div>
178
+ </div>
179
+ <nav class="navigation">
180
+
181
+ <div class="nav-section" data-level="0">
182
+ <a class="nav-title toggle-all-nav expanded" href="#" id="nav-toggle-all" title="Collapse/Expand All">
183
+ <i class="ph ph-caret-down" id="toggle-all-icon"></i> Documentation
184
+ </a>
185
+ <div class="nav-content">
186
+ <a href="/README.html" class="nav-item" data-tooltip="@knowcode/doc-builder."><i class="ph ph-file-text"></i> Overview</a>
187
+ <a href="/about-doc-builder.html" class="nav-item" data-tooltip="About @knowcode/doc-builder."><i class="ph ph-check-circle" style="color: #059669;"></i> About Doc Builder</a>
188
+ <a href="/documentation-index.html" class="nav-item" data-tooltip="This directory contains additional documentation for the @knowcode/doc-builder project, organized by topic and purpose."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Documentation Index</a>
189
+ <a href="/image-modal-test.html" class="nav-item" data-tooltip="This document tests the new image modal functionality in doc-builder."><i class="ph ph-file-text"></i> Image Modal Test</a>
190
+ <a href="/vercel-cli-setup-guide.html" class="nav-item" data-tooltip="This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems."><i class="ph ph-check-circle" style="color: #059669;"></i> Vercel Cli Setup Guide</a>
191
+ <a href="/vercel-first-time-setup-guide.html" class="nav-item" data-tooltip="This guide walks you through the Vercel deployment process when using ."><i class="ph ph-check-circle" style="color: #059669;"></i> Vercel First Time Setup Guide</a></div></div>
192
+ <div class="nav-section" data-level="1">
193
+ <a class="nav-title collapsible" href="#" data-target="nav-guides-1" >
194
+ <i class="ph ph-caret-right collapse-icon"></i><i class="ph ph-book"></i> Guides
195
+ </a>
196
+ <div class="nav-content collapsed" id="nav-guides-1">
197
+ <a href="/guides/authentication-default-change.html" class="nav-item" data-tooltip="Starting from version 1.7.4, @knowcode/doc-builder now defaults to no authentication for all documentation sites."><i class="ph ph-file-text"></i> Authentication Default Change</a>
198
+ <a href="/guides/authentication-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder supports enterprise-grade authentication through Supabase - a secure, scalable authentication platform."><i class="ph ph-check-circle" style="color: #059669;"></i> Authentication Guide</a>
199
+ <a href="/guides/claude-workflow-guide.html" class="nav-item" data-tooltip="This guide demonstrates an efficient workflow for using Claude Code with a refined CLAUDE.md file to create high-quality documentation and deploy it..."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Claude Workflow Guide</a>
200
+ <a href="/guides/configuration-guide.html" class="nav-item" data-tooltip="This guide explains how @knowcode/doc-builder handles configuration files and settings."><i class="ph ph-check-circle" style="color: #059669;"></i> Configuration Guide</a>
201
+ <a href="/guides/documentation-standards.html" class="nav-item" data-tooltip="This document defines the documentation standards and conventions for the @knowcode/doc-builder project."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Documentation Standards</a>
202
+ <a href="/guides/html-embedding-guide.html" class="nav-item" data-tooltip="Starting from version 1.9.2, doc-builder treats HTML files ( and ) as attachments that are automatically copied to your output directory during the..."><i class="ph ph-check-circle" style="color: #059669;"></i> Html Embedding Guide</a>
203
+ <a href="/guides/image-modal-guide.html" class="nav-item" data-tooltip="When users click on any image in your generated documentation, it opens in a professional modal overlay with: Full-screen viewing experience Smooth..."><i class="ph ph-check-circle" style="color: #059669;"></i> Image Modal Guide</a>
204
+ <a href="/guides/phosphor-icons-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder automatically converts Unicode emojis in your markdown files to beautiful Phosphor icons in the generated HTML."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Phosphor Icons Guide</a>
205
+ <a href="/guides/private-directory-authentication.html" class="nav-item" data-tooltip="The @knowcode/doc-builder provides flexible authentication options to protect your documentation."><i class="ph ph-check-circle" style="color: #059669;"></i> Private Directory Authentication</a>
206
+ <a href="/guides/private-directory-authentication-troubleshooting.html" class="nav-item" data-tooltip="Private Directory Authentication Troubleshooting."><i class="ph ph-check-circle" style="color: #059669;"></i> Private Directory Authentication Troubleshooting</a>
207
+ <a href="/guides/public-site-deployment.html" class="nav-item" data-tooltip="The @knowcode/doc-builder now supports deploying public documentation sites without authentication."><i class="ph ph-check-circle" style="color: #059669;"></i> Public Site Deployment</a>
208
+ <a href="/guides/search-engine-verification-guide.html" class="nav-item" data-tooltip="Search engine verification provides access to powerful webmaster tools:."><i class="ph ph-check-circle" style="color: #059669;"></i> Search Engine Verification Guide</a>
209
+ <a href="/guides/seo-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder includes comprehensive SEO (Search Engine Optimization) features to help your documentation rank better in search results and..."><i class="ph ph-check-circle" style="color: #059669;"></i> Seo Guide</a>
210
+ <a href="/guides/seo-optimization-guide.html" class="nav-item" data-tooltip="Comprehensive guide to optimizing documentation for search engines. Learn SEO best practices, use built-in features, and improve your rankings."><i class="ph ph-check-circle" style="color: #059669;"></i> SEO Optimization Guide for @knowcode/doc-builder</a>
211
+ <a href="/guides/supabase-authentication-complete-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder includes built-in Supabase authentication that provides enterprise-grade security with zero configuration."><i class="ph ph-check-circle" style="color: #059669;"></i> Supabase Authentication Complete Guide</a>
212
+ <a href="/guides/troubleshooting-guide.html" class="nav-item" data-tooltip="This guide helps you resolve common issues when using @knowcode/doc-builder."><i class="ph ph-check-circle" style="color: #059669;"></i> Troubleshooting Guide</a>
213
+ <a href="/guides/windows-setup-guide.html" class="nav-item" data-tooltip="This guide helps Windows users set up the complete AI-powered documentation workflow using Claude Code, @knowcode/doc-builder, and Vercel."><i class="ph ph-check-circle" style="color: #059669;"></i> Windows Setup Guide</a></div></div>
214
+ <div class="nav-section private-nav" data-level="1">
215
+ <a class="nav-title collapsible" href="#" data-target="nav-private-1" >
216
+ <i class="ph ph-caret-right collapse-icon"></i><i class="ph ph-lock"></i> Private
217
+ </a>
218
+ <div class="nav-content collapsed" id="nav-private-1">
219
+ <a href="/private/cache-control-anti-pattern.html" class="nav-item" data-tooltip="Cache Control Anti-Pattern: Why Aggressive Cache-Busting is Bad for Documentation Sites."><i class="ph ph-check-circle" style="color: #059669;"></i> Cache Control Anti Pattern</a>
220
+ <a href="/private/next-steps-walkthrough.html" class="nav-item" data-tooltip="Now that we&#039;ve implemented Supabase authentication, let&#039;s walk through testing the implementation and preparing for deployment."><i class="ph ph-check-circle" style="color: #059669;"></i> Next Steps Walkthrough</a>
221
+ <a href="/private/supabase-auth-implementation-completed.html" class="nav-item" data-tooltip="This document records the successful implementation of Supabase authentication in @knowcode/doc-builder v1.7.5+."><i class="ph ph-check-circle" style="color: #059669;"></i> Supabase Auth Implementation Completed</a>
222
+ <a href="/private/supabase-auth-implementation-plan.html" class="nav-item" data-tooltip="Supabase Auth Implementation Plan for @knowcode/doc-builder."><i class="ph ph-check-circle" style="color: #059669;"></i> Supabase Auth Implementation Plan</a>
223
+ <a href="/private/supabase-auth-integration-plan.html" class="nav-item" data-tooltip="Supabase Authentication Integration Plan for @knowcode/doc-builder."><i class="ph ph-check-circle" style="color: #059669;"></i> Supabase Auth Integration Plan</a>
224
+ <a href="/private/supabase-auth-setup-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder supports enterprise-grade authentication through Supabase."><i class="ph ph-check-circle" style="color: #059669;"></i> Supabase Auth Setup Guide</a>
225
+ <a href="/private/test-private-doc.html" class="nav-item" data-tooltip="Test Private Document."><i class="ph ph-file-text"></i> Test Private Doc</a>
226
+ <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="ph ph-check-circle" style="color: #059669;"></i> User Management Tooling</a></div></div>
227
+ <div class="nav-section private-nav" data-level="2">
228
+ <a class="nav-title collapsible" href="/private/launch/README.html" data-target="nav-private-launch-2" >
229
+ <i class="ph ph-caret-right collapse-icon"></i><i class="ph ph-rocket-launch"></i> Launch
230
+ </a>
231
+ <div class="nav-content collapsed" id="nav-private-launch-2">
232
+ <a href="/private/launch/README.html" class="nav-item" data-tooltip="This directory contains all documentation related to the commercial launch of @knowcode/doc-builder, including go-to-market strategy, platform..."><i class="ph ph-check-circle" style="color: #059669;"></i> Launch Overview</a>
233
+ <a href="/private/launch/auth-cleanup-summary.html" class="nav-item" data-tooltip="All references to the old client-side authentication system have been removed from @knowcode/doc-builder."><i class="ph ph-check-circle" style="color: #059669;"></i> Auth Cleanup Summary</a>
234
+ <a href="/private/launch/bubble-plugin-specification.html" class="nav-item" data-tooltip="This document outlines the technical specification for creating a Bubble.io plugin that integrates @knowcode/doc-builder, enabling Bubble developers..."><i class="ph ph-x-circle" style="color: #dc2626;"></i> Bubble Plugin Specification</a>
235
+ <a href="/private/launch/go-to-market-strategy.html" class="nav-item" data-tooltip="Go-to-Market Strategy &amp; Product Launch Plan."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Go To Market Strategy</a>
236
+ <a href="/private/launch/launch-announcements.html" class="nav-item" data-tooltip="This document contains ready-to-use announcement templates for launching @knowcode/doc-builder across various platforms and channels."><i class="ph ph-check-circle" style="color: #059669;"></i> Launch Announcements</a>
237
+ <a href="/private/launch/vercel-deployment-auth-setup.html" class="nav-item" data-tooltip="Vercel Deployment Authentication Setup Guide."><i class="ph ph-check-circle" style="color: #059669;"></i> Vercel Deployment Auth Setup</a></div></div>
238
+ <div class="nav-section" data-level="1">
239
+ <a class="nav-title collapsible" href="#" data-target="nav-prompts-1" >
240
+ <i class="ph ph-caret-right collapse-icon"></i><i class="ph ph-chat-circle-dots"></i> Prompts
241
+ </a>
242
+ <div class="nav-content collapsed" id="nav-prompts-1">
243
+ <a href="/prompts/beautiful-documentation-design.html" class="nav-item" data-tooltip="🎨 Beautiful Documentation Design Guide."><i class="ph ph-check-circle" style="color: #059669;"></i> Beautiful Documentation Design</a>
244
+ <a href="/prompts/markdown-document-standards.html" class="nav-item" data-tooltip="Detailed introduction to the topic..."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Markdown Document Standards</a>
245
+ <a href="/prompts/project-rename-strategy-sasha-publish.html" class="nav-item" data-tooltip="This document outlines the comprehensive strategy for renaming the @knowcode/doc-builder project to &quot;sasha-publish&quot;, including all package references,..."><i class="ph ph-x-circle" style="color: #dc2626;"></i> Project Rename Strategy Sasha Publish</a></div></div>
246
+ <div class="nav-section" data-level="1">
247
+ <a class="nav-title collapsible expanded" href="#" data-target="nav-test-questions-1" >
248
+ <i class="ph ph-caret-right collapse-icon"></i><i class="ph ph-folder"></i> Test Questions
249
+ </a>
250
+ <div class="nav-content" id="nav-test-questions-1">
251
+ <a href="/test-questions/how-does-it-work%3F.html" class="nav-item" data-tooltip="This is a test file to verify that question marks work properly in filenames."><i class="ph ph-file-text"></i> How Does It Work?</a>
252
+ <a href="/test-questions/step-1%3A%20getting-started.html" class="nav-item" data-tooltip="Step 1: Getting Started."><i class="ph ph-file-text"></i> Step 1: Getting Started</a>
253
+ <a href="/test-questions/what-is-the-purpose.html" class="nav-item active" data-tooltip="Understanding the purpose of our documentation system"><i class="ph ph-file-text"></i> What Is The Purpose?</a></div></div>
254
+ </nav>
255
+ <div class="resize-handle"></div>
256
+ </aside>
257
+
258
+ <!-- Content Area -->
259
+ <main class="content">
260
+ <div class="content-inner">
261
+ <h1>What Is The Purpose?</h1>
262
+ <p>This file uses front matter to specify a title with a question mark, which works on all platforms including Windows.</p>
263
+ <h2>Benefits of Front Matter Titles</h2>
264
+ <ol>
265
+ <li>Works on all operating systems</li>
266
+ <li>Allows any special characters</li>
267
+ <li>Provides additional metadata options</li>
268
+ </ol>
269
+
270
+ </div>
271
+ </main>
272
+ </div>
273
+
274
+ <!-- Scripts -->
275
+ <script>
276
+ // Pass configuration to frontend
277
+ window.docBuilderConfig = {
278
+ features: {
279
+ showPdfDownload: true,
280
+ menuDefaultOpen: false,
281
+ mermaidEnhanced: true
282
+ }
283
+ };
284
+ </script>
285
+ <script src="/js/main.js"></script>
286
+ <script src="https://unpkg.com/@supabase/supabase-js@2"></script>
287
+ <script src="/js/auth.js"></script>
288
+ </body>
289
+ </html>
@@ -99,8 +99,8 @@
99
99
  "name": "Knowcode Ltd",
100
100
  "url": "https://knowcode.tech"
101
101
  },
102
- "datePublished": "2025-08-02T07:42:10.118Z",
103
- "dateModified": "2025-08-02T07:42:10.118Z",
102
+ "datePublished": "2025-08-05T09:06:04.276Z",
103
+ "dateModified": "2025-08-05T09:06:04.276Z",
104
104
  "mainEntityOfPage": {
105
105
  "@type": "WebPage",
106
106
  "@id": "https://doc-builder-delta.vercel.app/vercel-cli-setup-guide.html"
@@ -133,7 +133,7 @@
133
133
 
134
134
  <div class="header-actions">
135
135
  <div class="deployment-info">
136
- <span class="deployment-date" title="Built with doc-builder v1.9.17">Last updated: Aug 2, 2025, 07:42 AM UTC</span>
136
+ <span class="deployment-date" title="Built with doc-builder v1.9.19">Last updated: Aug 5, 2025, 09:06 AM UTC</span>
137
137
  </div>
138
138
 
139
139
 
@@ -173,15 +173,14 @@
173
173
  <nav class="navigation">
174
174
 
175
175
  <div class="nav-section" data-level="0">
176
- <a class="nav-title" href="/README.html" >
177
- <i class="ph ph-house"></i> Documentation
176
+ <a class="nav-title toggle-all-nav expanded" href="#" id="nav-toggle-all" title="Collapse/Expand All">
177
+ <i class="ph ph-caret-down" id="toggle-all-icon"></i> Documentation
178
178
  </a>
179
- <div class="nav-content" >
179
+ <div class="nav-content">
180
180
  <a href="/README.html" class="nav-item" data-tooltip="@knowcode/doc-builder."><i class="ph ph-file-text"></i> Overview</a>
181
181
  <a href="/about-doc-builder.html" class="nav-item" data-tooltip="About @knowcode/doc-builder."><i class="ph ph-check-circle" style="color: #059669;"></i> About Doc Builder</a>
182
182
  <a href="/documentation-index.html" class="nav-item" data-tooltip="This directory contains additional documentation for the @knowcode/doc-builder project, organized by topic and purpose."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Documentation Index</a>
183
183
  <a href="/image-modal-test.html" class="nav-item" data-tooltip="This document tests the new image modal functionality in doc-builder."><i class="ph ph-file-text"></i> Image Modal Test</a>
184
- <a href="/test-mermaid-enhanced.html" class="nav-item" data-tooltip="Mermaid Enhanced Styling Test."><i class="ph ph-x-circle" style="color: #dc2626;"></i> Test Mermaid Enhanced</a>
185
184
  <a href="/vercel-cli-setup-guide.html" class="nav-item active" data-tooltip="This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems."><i class="ph ph-check-circle" style="color: #059669;"></i> Vercel Cli Setup Guide</a>
186
185
  <a href="/vercel-first-time-setup-guide.html" class="nav-item" data-tooltip="This guide walks you through the Vercel deployment process when using ."><i class="ph ph-check-circle" style="color: #059669;"></i> Vercel First Time Setup Guide</a></div></div>
187
186
  <div class="nav-section" data-level="1">
@@ -202,7 +201,7 @@
202
201
  <a href="/guides/public-site-deployment.html" class="nav-item" data-tooltip="The @knowcode/doc-builder now supports deploying public documentation sites without authentication."><i class="ph ph-check-circle" style="color: #059669;"></i> Public Site Deployment</a>
203
202
  <a href="/guides/search-engine-verification-guide.html" class="nav-item" data-tooltip="Search engine verification provides access to powerful webmaster tools:."><i class="ph ph-check-circle" style="color: #059669;"></i> Search Engine Verification Guide</a>
204
203
  <a href="/guides/seo-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder includes comprehensive SEO (Search Engine Optimization) features to help your documentation rank better in search results and..."><i class="ph ph-check-circle" style="color: #059669;"></i> Seo Guide</a>
205
- <a href="/guides/seo-optimization-guide.html" class="nav-item" data-tooltip="Comprehensive guide to optimizing documentation for search engines. Learn SEO best practices, use built-in features, and improve your rankings."><i class="ph ph-check-circle" style="color: #059669;"></i> Seo Optimization Guide</a>
204
+ <a href="/guides/seo-optimization-guide.html" class="nav-item" data-tooltip="Comprehensive guide to optimizing documentation for search engines. Learn SEO best practices, use built-in features, and improve your rankings."><i class="ph ph-check-circle" style="color: #059669;"></i> SEO Optimization Guide for @knowcode/doc-builder</a>
206
205
  <a href="/guides/supabase-authentication-complete-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder includes built-in Supabase authentication that provides enterprise-grade security with zero configuration."><i class="ph ph-check-circle" style="color: #059669;"></i> Supabase Authentication Complete Guide</a>
207
206
  <a href="/guides/troubleshooting-guide.html" class="nav-item" data-tooltip="This guide helps you resolve common issues when using @knowcode/doc-builder."><i class="ph ph-check-circle" style="color: #059669;"></i> Troubleshooting Guide</a>
208
207
  <a href="/guides/windows-setup-guide.html" class="nav-item" data-tooltip="This guide helps Windows users set up the complete AI-powered documentation workflow using Claude Code, @knowcode/doc-builder, and Vercel."><i class="ph ph-check-circle" style="color: #059669;"></i> Windows Setup Guide</a></div></div>
@@ -238,6 +237,14 @@
238
237
  <a href="/prompts/beautiful-documentation-design.html" class="nav-item" data-tooltip="🎨 Beautiful Documentation Design Guide."><i class="ph ph-check-circle" style="color: #059669;"></i> Beautiful Documentation Design</a>
239
238
  <a href="/prompts/markdown-document-standards.html" class="nav-item" data-tooltip="Detailed introduction to the topic..."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Markdown Document Standards</a>
240
239
  <a href="/prompts/project-rename-strategy-sasha-publish.html" class="nav-item" data-tooltip="This document outlines the comprehensive strategy for renaming the @knowcode/doc-builder project to &quot;sasha-publish&quot;, including all package references,..."><i class="ph ph-x-circle" style="color: #dc2626;"></i> Project Rename Strategy Sasha Publish</a></div></div>
240
+ <div class="nav-section" data-level="1">
241
+ <a class="nav-title collapsible" href="#" data-target="nav-test-questions-1" >
242
+ <i class="ph ph-caret-right collapse-icon"></i><i class="ph ph-folder"></i> Test Questions
243
+ </a>
244
+ <div class="nav-content collapsed" id="nav-test-questions-1">
245
+ <a href="/test-questions/how-does-it-work%3F.html" class="nav-item" data-tooltip="This is a test file to verify that question marks work properly in filenames."><i class="ph ph-file-text"></i> How Does It Work?</a>
246
+ <a href="/test-questions/step-1%3A%20getting-started.html" class="nav-item" data-tooltip="Step 1: Getting Started."><i class="ph ph-file-text"></i> Step 1: Getting Started</a>
247
+ <a href="/test-questions/what-is-the-purpose.html" class="nav-item" data-tooltip="Understanding the purpose of our documentation system"><i class="ph ph-file-text"></i> What Is The Purpose?</a></div></div>
241
248
  </nav>
242
249
  <div class="resize-handle"></div>
243
250
  </aside>
@@ -99,8 +99,8 @@
99
99
  "name": "Knowcode Ltd",
100
100
  "url": "https://knowcode.tech"
101
101
  },
102
- "datePublished": "2025-08-02T07:42:10.120Z",
103
- "dateModified": "2025-08-02T07:42:10.120Z",
102
+ "datePublished": "2025-08-05T09:06:04.278Z",
103
+ "dateModified": "2025-08-05T09:06:04.278Z",
104
104
  "mainEntityOfPage": {
105
105
  "@type": "WebPage",
106
106
  "@id": "https://doc-builder-delta.vercel.app/vercel-first-time-setup-guide.html"
@@ -133,7 +133,7 @@
133
133
 
134
134
  <div class="header-actions">
135
135
  <div class="deployment-info">
136
- <span class="deployment-date" title="Built with doc-builder v1.9.17">Last updated: Aug 2, 2025, 07:42 AM UTC</span>
136
+ <span class="deployment-date" title="Built with doc-builder v1.9.19">Last updated: Aug 5, 2025, 09:06 AM UTC</span>
137
137
  </div>
138
138
 
139
139
 
@@ -173,15 +173,14 @@
173
173
  <nav class="navigation">
174
174
 
175
175
  <div class="nav-section" data-level="0">
176
- <a class="nav-title" href="/README.html" >
177
- <i class="ph ph-house"></i> Documentation
176
+ <a class="nav-title toggle-all-nav expanded" href="#" id="nav-toggle-all" title="Collapse/Expand All">
177
+ <i class="ph ph-caret-down" id="toggle-all-icon"></i> Documentation
178
178
  </a>
179
- <div class="nav-content" >
179
+ <div class="nav-content">
180
180
  <a href="/README.html" class="nav-item" data-tooltip="@knowcode/doc-builder."><i class="ph ph-file-text"></i> Overview</a>
181
181
  <a href="/about-doc-builder.html" class="nav-item" data-tooltip="About @knowcode/doc-builder."><i class="ph ph-check-circle" style="color: #059669;"></i> About Doc Builder</a>
182
182
  <a href="/documentation-index.html" class="nav-item" data-tooltip="This directory contains additional documentation for the @knowcode/doc-builder project, organized by topic and purpose."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Documentation Index</a>
183
183
  <a href="/image-modal-test.html" class="nav-item" data-tooltip="This document tests the new image modal functionality in doc-builder."><i class="ph ph-file-text"></i> Image Modal Test</a>
184
- <a href="/test-mermaid-enhanced.html" class="nav-item" data-tooltip="Mermaid Enhanced Styling Test."><i class="ph ph-x-circle" style="color: #dc2626;"></i> Test Mermaid Enhanced</a>
185
184
  <a href="/vercel-cli-setup-guide.html" class="nav-item" data-tooltip="This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems."><i class="ph ph-check-circle" style="color: #059669;"></i> Vercel Cli Setup Guide</a>
186
185
  <a href="/vercel-first-time-setup-guide.html" class="nav-item active" data-tooltip="This guide walks you through the Vercel deployment process when using ."><i class="ph ph-check-circle" style="color: #059669;"></i> Vercel First Time Setup Guide</a></div></div>
187
186
  <div class="nav-section" data-level="1">
@@ -202,7 +201,7 @@
202
201
  <a href="/guides/public-site-deployment.html" class="nav-item" data-tooltip="The @knowcode/doc-builder now supports deploying public documentation sites without authentication."><i class="ph ph-check-circle" style="color: #059669;"></i> Public Site Deployment</a>
203
202
  <a href="/guides/search-engine-verification-guide.html" class="nav-item" data-tooltip="Search engine verification provides access to powerful webmaster tools:."><i class="ph ph-check-circle" style="color: #059669;"></i> Search Engine Verification Guide</a>
204
203
  <a href="/guides/seo-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder includes comprehensive SEO (Search Engine Optimization) features to help your documentation rank better in search results and..."><i class="ph ph-check-circle" style="color: #059669;"></i> Seo Guide</a>
205
- <a href="/guides/seo-optimization-guide.html" class="nav-item" data-tooltip="Comprehensive guide to optimizing documentation for search engines. Learn SEO best practices, use built-in features, and improve your rankings."><i class="ph ph-check-circle" style="color: #059669;"></i> Seo Optimization Guide</a>
204
+ <a href="/guides/seo-optimization-guide.html" class="nav-item" data-tooltip="Comprehensive guide to optimizing documentation for search engines. Learn SEO best practices, use built-in features, and improve your rankings."><i class="ph ph-check-circle" style="color: #059669;"></i> SEO Optimization Guide for @knowcode/doc-builder</a>
206
205
  <a href="/guides/supabase-authentication-complete-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder includes built-in Supabase authentication that provides enterprise-grade security with zero configuration."><i class="ph ph-check-circle" style="color: #059669;"></i> Supabase Authentication Complete Guide</a>
207
206
  <a href="/guides/troubleshooting-guide.html" class="nav-item" data-tooltip="This guide helps you resolve common issues when using @knowcode/doc-builder."><i class="ph ph-check-circle" style="color: #059669;"></i> Troubleshooting Guide</a>
208
207
  <a href="/guides/windows-setup-guide.html" class="nav-item" data-tooltip="This guide helps Windows users set up the complete AI-powered documentation workflow using Claude Code, @knowcode/doc-builder, and Vercel."><i class="ph ph-check-circle" style="color: #059669;"></i> Windows Setup Guide</a></div></div>
@@ -238,6 +237,14 @@
238
237
  <a href="/prompts/beautiful-documentation-design.html" class="nav-item" data-tooltip="🎨 Beautiful Documentation Design Guide."><i class="ph ph-check-circle" style="color: #059669;"></i> Beautiful Documentation Design</a>
239
238
  <a href="/prompts/markdown-document-standards.html" class="nav-item" data-tooltip="Detailed introduction to the topic..."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Markdown Document Standards</a>
240
239
  <a href="/prompts/project-rename-strategy-sasha-publish.html" class="nav-item" data-tooltip="This document outlines the comprehensive strategy for renaming the @knowcode/doc-builder project to &quot;sasha-publish&quot;, including all package references,..."><i class="ph ph-x-circle" style="color: #dc2626;"></i> Project Rename Strategy Sasha Publish</a></div></div>
240
+ <div class="nav-section" data-level="1">
241
+ <a class="nav-title collapsible" href="#" data-target="nav-test-questions-1" >
242
+ <i class="ph ph-caret-right collapse-icon"></i><i class="ph ph-folder"></i> Test Questions
243
+ </a>
244
+ <div class="nav-content collapsed" id="nav-test-questions-1">
245
+ <a href="/test-questions/how-does-it-work%3F.html" class="nav-item" data-tooltip="This is a test file to verify that question marks work properly in filenames."><i class="ph ph-file-text"></i> How Does It Work?</a>
246
+ <a href="/test-questions/step-1%3A%20getting-started.html" class="nav-item" data-tooltip="Step 1: Getting Started."><i class="ph ph-file-text"></i> Step 1: Getting Started</a>
247
+ <a href="/test-questions/what-is-the-purpose.html" class="nav-item" data-tooltip="Understanding the purpose of our documentation system"><i class="ph ph-file-text"></i> What Is The Purpose?</a></div></div>
241
248
  </nav>
242
249
  <div class="resize-handle"></div>
243
250
  </aside>
@@ -668,6 +668,11 @@ function buildNavigationStructure(files, currentFile, config = {}) {
668
668
 
669
669
  // Helper function to generate file title
670
670
  const generateFileTitle = (file, parentDisplayName, level) => {
671
+ // First check for front matter title
672
+ if (file.frontMatter?.title) {
673
+ return file.frontMatter.title;
674
+ }
675
+
671
676
  let title = file.displayName;
672
677
 
673
678
  if (file.displayName === 'README') {
@@ -686,7 +691,7 @@ function buildNavigationStructure(files, currentFile, config = {}) {
686
691
  // Helper function to render a section
687
692
  const renderSection = (folderName, folderData, level = 0, parentPath = '') => {
688
693
  const icons = {
689
- 'root': 'ph ph-house',
694
+ 'root': 'ph ph-caret-down', // Changed to caret for collapse/expand functionality
690
695
  'product-roadmap': 'ph ph-road-horizon',
691
696
  'product-requirements': 'ph ph-list-checks',
692
697
  'architecture': 'ph ph-tree-structure',
@@ -743,12 +748,27 @@ function buildNavigationStructure(files, currentFile, config = {}) {
743
748
  const isPrivateFolder = folderName === 'private' || parentPath.includes('private');
744
749
  const privateClass = isPrivateFolder ? ' private-nav' : '';
745
750
 
746
- let html = `
751
+ // Special handling for root folder - make it a toggle-all button
752
+ const isRoot = folderName === 'root' && level === 0;
753
+ let html = '';
754
+
755
+ if (isRoot) {
756
+ // Root gets special toggle-all functionality
757
+ html = `
758
+ <div class="nav-section${privateClass}" data-level="${level}">
759
+ <a class="nav-title toggle-all-nav expanded" href="#" id="nav-toggle-all" title="Collapse/Expand All">
760
+ <i class="ph ph-caret-down" id="toggle-all-icon"></i> ${displayName}
761
+ </a>
762
+ <div class="nav-content">`;
763
+ } else {
764
+ // Normal folder rendering
765
+ html = `
747
766
  <div class="nav-section${privateClass}" data-level="${level}">
748
767
  <a class="nav-title${isCollapsible ? ' collapsible' : ''}${shouldExpand ? ' expanded' : ''}" ${folderLink} ${isCollapsible ? `data-target="${sectionId}"` : ''} ${tooltipAttr}>
749
768
  ${collapseIcon}<i class="${icon}"></i> ${displayName}
750
769
  </a>
751
- <div class="nav-content${isCollapsible ? (shouldExpand ? '' : ' collapsed') : ''}" ${isCollapsible ? `id="${sectionId}"` : ''}>`;
770
+ <div class="nav-content${isCollapsible ? (shouldExpand ? '' : ' collapsed') : ''}" ${isCollapsible ? `id="${sectionId}"` : ''}>`;
771
+ }
752
772
 
753
773
  // Sort and render files
754
774
  const sortedFiles = [...folderData.files].sort((a, b) => {
@@ -857,7 +877,13 @@ async function processMarkdownFile(filePath, outputPath, allFiles, config) {
857
877
  const rawContent = await fs.readFile(filePath, 'utf-8');
858
878
  const fileName = path.basename(filePath, '.md');
859
879
  const relativePath = path.relative(config.docsDir, filePath);
860
- const urlPath = relativePath.replace(/\.md$/, '.html').replace(/\\/g, '/');
880
+ // Encode special characters in URL but keep slashes
881
+ const urlPath = relativePath
882
+ .replace(/\.md$/, '.html')
883
+ .replace(/\\/g, '/')
884
+ .split('/')
885
+ .map(segment => encodeURIComponent(segment))
886
+ .join('/');
861
887
 
862
888
  // Parse front matter
863
889
  const { data: frontMatter, content } = matter(rawContent);
@@ -903,7 +929,13 @@ async function getAllMarkdownFiles(dir, baseDir = dir) {
903
929
  files.push(...subFiles);
904
930
  } else if (item.endsWith('.md') && !item.startsWith('_')) {
905
931
  const relativePath = path.relative(baseDir, fullPath);
906
- const urlPath = relativePath.replace(/\.md$/, '.html').replace(/\\/g, '/');
932
+ // Encode special characters in URL but keep slashes
933
+ const urlPath = relativePath
934
+ .replace(/\.md$/, '.html')
935
+ .replace(/\\/g, '/')
936
+ .split('/')
937
+ .map(segment => encodeURIComponent(segment))
938
+ .join('/');
907
939
  const displayName = smartCapitalize(path.basename(item, '.md'));
908
940
 
909
941
  // Read file to extract summary and status
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@knowcode/doc-builder",
3
- "version": "1.9.18",
3
+ "version": "1.9.20",
4
4
  "description": "Reusable documentation builder for markdown-based sites with Vercel deployment support",
5
5
  "main": "index.js",
6
6
  "bin": {