Add pagefind

packages/cli/package.json

@@ -38,6 +38,7 @@
     "fs-extra": "^9.0.1",
     "live-server": "1.2.1",
     "lodash": "^4.17.15",
+    "pagefind": "^1.0.4",
     "url-parse": "^1.5.10",
     "winston": "^2.4.4",
     "winston-daily-rotate-file": "^3.10.0"

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.