Add title anchors

Author: estruyf

content/changelog/CHANGELOG.md

@@ -13,6 +13,10 @@
 - [#688](https://github.com/estruyf/vscode-front-matter/issues/688): Allow to show the scheduled articles in the content dashboard (filter and group)
 - [#690](https://github.com/estruyf/vscode-front-matter/issues/690): Added the ability to filter values in the `contentRelationship` field
 - [#700](https://github.com/estruyf/vscode-front-matter/issues/700): Added the `{{pathToken.relPath}}` placeholder for the `previewPath` property
+- [#706](https://github.com/estruyf/vscode-front-matter/issues/706): Show the error of scripts failing in the Front Matter output panel
+- [#709](https://github.com/estruyf/vscode-front-matter/issues/709): Take "where clause" into account on content creation
+- [#710](https://github.com/estruyf/vscode-front-matter/issues/710): Hide child field when parent field its "when clause" is not met, also remove the fields from the content
+- [#713](https://github.com/estruyf/vscode-front-matter/issues/713): Add the ability to always use quotes around string values in front matter
 
 ### ⚡️ Optimizations
 
@@ -29,6 +33,11 @@
 - [#699](https://github.com/estruyf/vscode-front-matter/issues/699): Changing border theme variable for the dashboard header
 - [#703](https://github.com/estruyf/vscode-front-matter/issues/703): Fix retrieval of Astro Collections for `pnpm` projects
 - [#704](https://github.com/estruyf/vscode-front-matter/issues/704): Fix `zod` schema script for optional fields
+- [#707](https://github.com/estruyf/vscode-front-matter/issues/707): Fix `clearEmpty` issue with `draft` and `boolean` fields which are by default set to `true`
+- [#711](https://github.com/estruyf/vscode-front-matter/issues/711): Fix in character mapping in the slug field
+- [#712](https://github.com/estruyf/vscode-front-matter/issues/712): Keep the search context when deleting media files
+- [#714](https://github.com/estruyf/vscode-front-matter/issues/714): Fix for taxonomy filtering from taxonomy view to content view
+- [#718](https://github.com/estruyf/vscode-front-matter/issues/718): Fix JSON schema for the `frontMatter.panel.actions.disabled` setting
 
 ## [9.3.1] - 2023-10-27
 

content/docs/index.md

@@ -3,24 +3,24 @@ title: Introduction
 slug: ""
 description: Create, edit, and preview your pages within Visual Studio Code/Gitpod/... Front Matter allows you to keep control of your static site without any external tools.
 date: 2021-08-30T16:13:00.546Z
-lastmod: 2023-03-27T08:12:48.985Z
+lastmod: 2023-12-06T13:23:17.866Z
 weight: 1
 ---
 
 # Introduction
 
 ## Overview
 
-Are you tired of managing your markdown articles manually? Do you want to simplify 
-the process of content creation and management? Look no further than the Front Matter 
+Are you tired of managing your markdown articles manually? Do you want to simplify
+the process of content creation and management? Look no further than the Front Matter
 extension for Visual Studio Code.
 
-Designed for developers and content creators, Front Matter gives you the power and 
-control of a full-blown CMS, without the hassle of dealing with servers, websites, or APIs. 
-With Front Matter, you can create and manage your content directly in Visual Studio Code, 
+Designed for developers and content creators, Front Matter gives you the power and
+control of a full-blown CMS, without the hassle of dealing with servers, websites, or APIs.
+With Front Matter, you can create and manage your content directly in Visual Studio Code,
 using your favorite tools and workflows.
 
-The extension supports several static-site generators and frameworks, including 
+The extension supports several static-site generators and frameworks, including
 Astro, Hugo, Jekyll, Hexo, NextJs, Gatsby, and more.
 
 ![Welcome screen to configure your website][01]

utils/markdownToHtml.ts

@@ -37,6 +37,11 @@ const remarkFm = ({
   highlighter: shiki.Highlighter | undefined;
 }) => {
   return async (tree: any) => {
+    // Log all elements
+    // visit(tree, (node) => {
+    //   console.log(node);
+    // });
+
     visit(tree, "code", (node) => {
       if (highlighter) {
         const lang = node.lang || "";
@@ -82,11 +87,35 @@ const remarkFm = ({
       if (lastChild && lastChild.type === "text") {
         let string = lastChild.value.replace(/ +$/, "");
         const hId = string.toLowerCase().replace(/\s/g, "-");
-        if (!node.data) node.data = {};
-        if (!node.data.hProperties) node.data.hProperties = {};
+
+        if (!node.data) {
+          node.data = {};
+        }
+
+        if (!node.data.hProperties) {
+          node.data.hProperties = {};
+        }
+
         node.data.id = node.data.hProperties.id = hId;
         node.data.class = node.data.hProperties.class =
           "header__offset scroll-mt-24 group";
+
+        node.children.push({
+          type: "link",
+          title: string,
+          url: `#${hId}`,
+          data: {
+            hProperties: {
+              class: "hidden group-hover:inline-block",
+            },
+          },
+          children: [
+            {
+              type: "html",
+              value: `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="ml-4 h-6 inline-block"><path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244" /></svg>`,
+            },
+          ],
+        });
       }
     });