Modify build process

packages/cli/src/cmd/build.js

@@ -2,7 +2,6 @@ const path = require('path');
 
 const { Site } = require('@markbind/core').Site;
 
-const pagefind = require('pagefind');
 const cliUtil = require('../util/cliUtil');
 const logger = require('../util/logger');
 
@@ -27,15 +26,6 @@ function build(userSpecifiedRoot, output, options) {
     .generate(baseUrl)
     .then(() => {
       logger.info('Build success!');
-      // Start Pagefind indexing after successful site generation
-      logger.info('Starting Pagefind indexing...');
-      const { index } = pagefind.createIndex({
-        keepIndexUrl: true,
-        verbose: true,
-      })
-        .then(() => index.addDirectory({ path: outputFolder }))
-        .then(() => index.writeFiles({ outputPath: path.join(outputFolder, 'pagefind') }))
-        .then(() => pagefind.close());
     })
     .catch((error) => {
       logger.error(error.message);

packages/cli/test/functional/test_site_pagefind/.gitignore

@@ -0,0 +1,23 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+_markbind/logs/
+
+# Dependency directories
+node_modules/
+
+# Production
+_site/
+
+# Env
+.env
+.env.local
+
+# IDE configs
+.vscode/
+.idea/*
+*.iml

packages/cli/test/functional/test_site_pagefind/404.md

@@ -0,0 +1,7 @@
+<frontmatter>
+  title: Page not found
+  layout: 404.md
+</frontmatter>
+
+-><p style="font-size: 10rem">404</p><-
+-><p style="font-size: 1.5rem">File not found<br>Click <a href="/">here</a> to go back to the home page.</p><-

packages/cli/test/functional/test_site_pagefind/_markbind/layouts/404.md

@@ -0,0 +1 @@
+<div>{{ content }}</div>

packages/cli/test/functional/test_site_pagefind/_markbind/layouts/default.md

@@ -0,0 +1,55 @@
+<head-bottom>
+  <link rel="stylesheet" href="{{baseUrl}}/stylesheets/main.css">
+</head-bottom>
+
+<header sticky>
+  <navbar type="dark">
+    <a slot="brand" href="{{baseUrl}}/index.html" title="Home" class="navbar-brand">Your Logo</a>
+    <li><a href="{{baseUrl}}/contents/topic1.html" class="nav-link">Topic 1</a></li>
+    <li><a href="{{baseUrl}}/contents/topic2.html" class="nav-link">Topic 2</a></li>
+    <dropdown header="Topic 3" class="nav-link">
+      <li><a href="{{baseUrl}}/contents/topic3a.html" class="dropdown-item">Topic 3a</a></li>
+      <li><a href="{{baseUrl}}/contents/topic3b.html" class="dropdown-item">Topic 3b</a></li>
+    </dropdown>
+    <li slot="right">
+      <form class="navbar-form">
+        <searchbar :data="searchData" placeholder="Search" :on-hit="searchCallback" menu-align-right></searchbar>
+      </form>
+    </li>
+  </navbar>
+</header>
+
+<div id="flex-body">
+  <nav id="site-nav">
+    <div class="site-nav-top">
+      <div class="fw-bold mb-2" style="font-size: 1.25rem;">Contents</div>
+    </div>
+    <div class="nav-component slim-scroll">
+      <site-nav>
+* [Home :house:]({{ baseUrl }}/index.html)
+* [Topic 1]({{baseUrl}}/contents/topic1.html)
+* [Topic 2]({{baseUrl}}/contents/topic2.html)
+* Topic 3 :expanded:
+  * [Topic 3a]({{baseUrl}}/contents/topic3a.html)
+  * [Topic 3b]({{baseUrl}}/contents/topic3b.html)
+      </site-nav>
+    </div>
+  </nav>
+  <div id="content-wrapper">
+    <breadcrumb />
+    {{ content }}
+  </div>
+  <nav id="page-nav">
+    <div class="nav-component slim-scroll">
+      <page-nav />
+    </div>
+  </nav>
+  <scroll-top-button></scroll-top-button>
+</div>
+
+<footer>
+  <!-- Support MarkBind by including a link to us on your landing page! -->
+  <div class="text-center">
+    <small>[Generated by {{MarkBind}}]</small>
+  </div>
+</footer>

packages/cli/test/functional/test_site_pagefind/_markbind/variables.json

@@ -0,0 +1,3 @@
+{
+    "jsonVariableExample": "Your variables can be defined here as well"
+}

packages/cli/test/functional/test_site_pagefind/_markbind/variables.md

@@ -0,0 +1,4 @@
+<variable name="example">
+To inject this HTML segment in your MarkBind files, use {{ example }} where you want to place it.
+More generally, surround the segment's id with double curly braces.
+</variable>

packages/cli/test/functional/test_site_pagefind/contents/topic1.md

@@ -0,0 +1,9 @@
+<frontmatter>
+  title: Topic 1
+</frontmatter>
+
+<br>
+
+# Topic 1
+
+> This is a placeholder page - more content to be added.

packages/cli/test/functional/test_site_pagefind/contents/topic2.md

@@ -0,0 +1,9 @@
+<frontmatter>
+  title: Topic 2
+</frontmatter>
+
+<br>
+
+# Topic 2
+
+> This is a placeholder page - more content to be added.

packages/cli/test/functional/test_site_pagefind/contents/topic3a.md

@@ -0,0 +1,9 @@
+<frontmatter>
+  title: Topic 3a
+</frontmatter>
+
+<br>
+
+# Topic 3a
+
+> This is a placeholder page - more content to be added.

packages/cli/test/functional/test_site_pagefind/contents/topic3b.md

@@ -0,0 +1,9 @@
+<frontmatter>
+  title: Topic 3b
+</frontmatter>
+
+<br>
+
+# Topic 3b
+
+> This is a placeholder page - more content to be added.

packages/cli/test/functional/test_site_pagefind/index.md

@@ -0,0 +1,77 @@
+<frontmatter>
+  title: Home Page
+  layout: default.md
+  pageNav: 4
+  pageNavTitle: "Topics"
+</frontmatter>
+
+<br>
+
+<div class="bg-primary text-white px-2 py-5 mb-4">
+  <div class="container">
+    <h1 class="display-5 no-index">Great!<br>You've just initialized a MarkBind site.</h1>
+    <p class="lead">Let's get started...</p>
+  </div>
+</div>
+
+---
+
+## What just happened?
+
+You have just initialized a _default_ MarkBind site! It is equipped with a set of core features, including site and page navigation. Additionally, we have included some convenient links to our User Guide, to help you get started quickly and easily.
+
+<box type="tip">
+
+If you were intending to convert an existing GitHub wiki or a docs folder into MarkBind, use the `--convert` flag instead. See <a href="https://markbind.org/userGuide/markBindInTheProjectWorkflow.html#converting-existing-project-documentation-wiki" target="_blank">User Guide: MarkBind in the Project Workflow</a> for more information.
+
+If you want to start with a <tooltip content="i.e. without any content">_minimal_</tooltip> template instead, use the `--template` flag with the "minimal" option to initialize a minimal site instead of the default. See <a href="https://markbind.org/userGuide/templates.html" target="_blank">User Guide: Templates</a> for more information.
+
+</box>
+
+---
+
+## Navigating this site
+
+This _default_ site comes pre-configured with the core <a href="https://markbind.org/userGuide/components/navigation.html#navigation-components" target="_blank">Navigation components</a>: a <tooltip content="Site Navigation">**siteNav**</tooltip>, a <tooltip content="Page Navigation">**pageNav**</tooltip>, a <tooltip content="Navigation Bar">**NavBar**</tooltip>, and a **Search Bar**. To help you get started with the **siteNav**, we have included <tooltip content="Topic 1, Topic 2, Topic 3, Topic 3a, Topic 3b">five dummy placeholder pages</tooltip>. The **NavBar** also comes with a placeholder slot for your custom Logo.
+
+---
+
+## Guide to MarkBind
+
+To see the capability of MarkBind in action, feel free to take a look at some of the websites built using MarkBind on our <a href="https://markbind.org/showcase.html" target="_blank">Showcase</a> page. 
+
+For more information on how to work with MarkBind sites and to add content, refer to our comprehensive <a href="https://markbind.org/userGuide/gettingStarted.html" target="_blank">User Guide</a>. 
+
+<box type="info">
+
+If you are interested in contributing to MarkBind, you can refer to our <a href="https://markbind.org/devdocs/devGuide/devGuide.html" target="_blank">Developer Guide</a> as well!
+
+</box>
+
+<panel header="**Good starting points in our User Guide**" expanded no-close>
+
+##### **User Guide: Authoring Contents**
+
+> Learn about the variety of syntax schemes, formats, and custom MarkBind components that you can use in your MarkBind site.
+
+More info in: _<a href="https://markbind.org/userGuide/authoringContents.html" target="_blank">User Guide → Authoring Contents</a>_
+
+---
+
+##### **User Guide: Working with Sites**
+
+> Learn how to modify site properties, apply themes, and enable/disable plugins for your MarkBind site.
+
+More info in: _<a href="https://markbind.org/userGuide/workingWithSites.html" target="_blank">User Guide → Working with Sites</a>_
+
+---
+
+##### **User Guide: Full Syntax Reference**
+
+> Refer to our Full Syntax Reference page to find a specific feature or component that you want to use in your MarkBind site.
+
+More info in: _<a href="https://markbind.org/userGuide/fullSyntaxReference.html" target="_blank">User Guide → Full Syntax Reference</a>_
+
+</panel>
+
+---

packages/cli/test/functional/test_site_pagefind/site.json

@@ -0,0 +1,28 @@
+{
+  "baseUrl": "",
+  "titlePrefix": "",
+  "titleSuffix": "",
+  "ignore": [
+    "_markbind/layouts/*",
+    "_markbind/logs/*",
+    "_site/*",
+    "site.json",
+    "*.md",
+    "*.njk",
+    ".git/*",
+    ".gitignore",
+    "node_modules/*"
+  ],
+  "pagesExclude": ["node_modules/*"],
+  "pages": [
+    {
+      "src": "index.md"
+    },
+    {
+      "glob": ["**/index.md", "**/*.md"]
+    }
+  ],
+  "deploy": {
+    "message": "Site Update."
+  }
+}