From 9c9cbb7dcb22e34aa4ce58b1700b7c40ae9dd6fb Mon Sep 17 00:00:00 2001
From: Elio Struyf <elio@struyfconsulting.be>
Date: Tue, 2 Nov 2021 11:56:40 +0100
Subject: [PATCH 1/7] #166 - Add preview button to panel when no markdown file
 is opened

---
 src/panelWebView/components/BaseView.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/panelWebView/components/BaseView.tsx b/src/panelWebView/components/BaseView.tsx
index e036d2b0..17c0a51a 100644
--- a/src/panelWebView/components/BaseView.tsx
+++ b/src/panelWebView/components/BaseView.tsx
@@ -27,6 +27,10 @@ const BaseView: React.FunctionComponent<IBaseViewProps> = ({settings, folderAndF
     MessageHelper.sendMessage(CommandToCode.createContent);
   };
 
+  const openPreview = () => {
+    MessageHelper.sendMessage(CommandToCode.openPreview);
+  };
+
   return (
     <div className="frontmatter">
       <div className={`ext_actions`}>
@@ -37,6 +41,7 @@ const BaseView: React.FunctionComponent<IBaseViewProps> = ({settings, folderAndF
             <button onClick={openDashboard}>Open dashboard</button>
             <button onClick={initProject} disabled={settings?.isInitialized}>Initialize project</button>
             <button onClick={createContent} disabled={!settings?.isInitialized}>Create new content</button>
+            <button onClick={openPreview} disabled={!settings?.preview?.host}>Open site preview</button>
           </div>
         </Collapsible>
         

From 9e8533fbb8cf33bc1fa423661a08a1bf0ce237c2 Mon Sep 17 00:00:00 2001
From: Elio Struyf <elio@struyfconsulting.be>
Date: Tue, 2 Nov 2021 11:58:43 +0100
Subject: [PATCH 2/7] Updated changelog

---
 CHANGELOG.md | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 18cbed16..f7004412 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,11 @@
 # Change Log
 
+## [X.X.X] - 2021-11-XX
+
+### 🎨 Enhancements
+
+- [#166](https://github.com/estruyf/vscode-front-matter/issues/166): Added preview button to the panel base view
+
 ## [5.3.1] - 2021-10-29
 
 ### 🐞 Fixes

From 6625b69170165b44a08b160392fd6477a8579cd5 Mon Sep 17 00:00:00 2001
From: Elio Struyf <elio@struyfconsulting.be>
Date: Tue, 2 Nov 2021 13:48:52 +0100
Subject: [PATCH 3/7] #166 - Filename and folder logic for slug

---
 src/commands/Article.ts          | 30 ++++++++++++++++++++++++++++--
 src/commands/Preview.ts          |  9 +++++++--
 src/constants/DefaultFields.ts   |  3 ++-
 src/explorerView/ExplorerView.ts |  9 +++++++++
 4 files changed, 46 insertions(+), 5 deletions(-)

diff --git a/src/commands/Article.ts b/src/commands/Article.ts
index 5fe71708..b169b87d 100644
--- a/src/commands/Article.ts
+++ b/src/commands/Article.ts
@@ -5,11 +5,12 @@ import { format } from "date-fns";
 import { ArticleHelper, Settings, SlugHelper } from '../helpers';
 import matter = require('gray-matter');
 import { Notifications } from '../helpers/Notifications';
-import { extname, basename } from 'path';
+import { extname, basename, parse, dirname } from 'path';
 import { COMMAND_NAME, DefaultFields } from '../constants';
 import { DashboardData } from '../models/DashboardData';
 import { ExplorerView } from '../explorerView/ExplorerView';
 import { DateHelper } from '../helpers/DateHelper';
+import { parseWinPath } from '../helpers/parseWinPath';
 
 
 export class Article {
@@ -183,7 +184,7 @@ export class Article {
             await vscode.workspace.fs.rename(editor.document.uri, vscode.Uri.file(newPath), {
               overwrite: false
             });
-          } catch (e) {
+          } catch (e: any) {
             Notifications.error(`Failed to rename file: ${e?.message || e}`);
           }
         }
@@ -191,6 +192,31 @@ export class Article {
     }
 	}
 
+  /**
+   * Retrieve the slug from the front matter
+   */
+  public static getSlug() {
+    const editor = vscode.window.activeTextEditor;
+    if (!editor) {
+      return;
+    }
+
+    const file = parseWinPath(editor.document.fileName);
+
+    if (!file.endsWith(`.md`) && !file.endsWith(`.mdx`)) {
+      return;
+    }
+
+    const parsedFile = parse(file);
+
+    if (parsedFile.name.toLowerCase() !== "index") {
+      return parsedFile.name;
+    }
+
+    const folderName = basename(dirname(file));
+    return folderName;
+  }
+
   /**
    * Toggle the page its draft mode
    */
diff --git a/src/commands/Preview.ts b/src/commands/Preview.ts
index b38a1764..420d184a 100644
--- a/src/commands/Preview.ts
+++ b/src/commands/Preview.ts
@@ -6,6 +6,7 @@ import { Settings } from '../helpers';
 import { PreviewSettings } from '../models';
 import { format } from 'date-fns';
 import { DateHelper } from '../helpers/DateHelper';
+import { Article } from '.';
 
 
 export class Preview {
@@ -32,6 +33,10 @@ export class Preview {
     const article = editor ? ArticleHelper.getFrontMatter(editor) : null;
     let slug = article?.data ? article.data.slug : "";
 
+    if (!slug) {
+      slug = Article.getSlug();
+    }
+
     if (settings.pathname) {
       const articleDate = ArticleHelper.getDate(article);
       try {
@@ -113,9 +118,9 @@ export class Preview {
   </head>
   <body>
     <div class="slug">
-      <input type="text" value="${join(localhostUrl.toString(), slug)}" disabled />
+      <input type="text" value="${join(localhostUrl.toString(), slug || '')}" disabled />
     </div>
-    <iframe src="${join(localhostUrl.toString(), slug)}" >
+    <iframe src="${join(localhostUrl.toString(), slug || '')}" >
   </body>
 </html>`;
   }
diff --git a/src/constants/DefaultFields.ts b/src/constants/DefaultFields.ts
index 72dc3027..ff8502fe 100644
--- a/src/constants/DefaultFields.ts
+++ b/src/constants/DefaultFields.ts
@@ -2,5 +2,6 @@
 export const DefaultFields = {
   PublishingDate: `date`,
   LastModified: `lastmod`,
-  Description: `description`
+  Description: `description`,
+  Slug: `slug`
 };
diff --git a/src/explorerView/ExplorerView.ts b/src/explorerView/ExplorerView.ts
index d327a2a1..53a50734 100644
--- a/src/explorerView/ExplorerView.ts
+++ b/src/explorerView/ExplorerView.ts
@@ -270,6 +270,15 @@ export class ExplorerView implements WebviewViewProvider, Disposable {
         }
       }
     }
+
+    // Check slug
+    if (!updatedMetadata[DefaultFields.Slug]) {
+      const slug = Article.getSlug();
+
+      if (slug) {
+        updatedMetadata[DefaultFields.Slug] = slug;
+      }
+    }
     
     this.postWebviewMessage({ command: Command.metadata, data: {
       ...updatedMetadata

From 31fd1f93ce192f155bed4dbe836610eb042e33ee Mon Sep 17 00:00:00 2001
From: Elio Struyf <elio@struyfconsulting.be>
Date: Tue, 2 Nov 2021 16:32:36 +0100
Subject: [PATCH 4/7] Url joining

---
 package-lock.json       | 6 ++++++
 package.json            | 1 +
 src/commands/Preview.ts | 7 ++++---
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 0bfdbd32..3a1164ae 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6386,6 +6386,12 @@
 				}
 			}
 		},
+		"url-join-ts": {
+			"version": "1.0.5",
+			"resolved": "https://registry.npmjs.org/url-join-ts/-/url-join-ts-1.0.5.tgz",
+			"integrity": "sha512-u+5gi7JyOwhj58ZKwkmkzFGHuepTpmwjqfUDGVjsJJstsCz63CJAINixgJaDcMbmuyWPJIxbtBpIfaDgOQ9KMQ==",
+			"dev": true
+		},
 		"use": {
 			"version": "3.1.1",
 			"resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz",
diff --git a/package.json b/package.json
index 314e3e59..38d4b88b 100644
--- a/package.json
+++ b/package.json
@@ -776,6 +776,7 @@
     "ts-loader": "8.0.3",
     "tslint": "6.1.3",
     "typescript": "4.0.2",
+    "url-join-ts": "^1.0.5",
     "wc-react": "github:estruyf/wc-react",
     "webpack": "4.44.2",
     "webpack-cli": "3.3.12"
diff --git a/src/commands/Preview.ts b/src/commands/Preview.ts
index 420d184a..100a0c9e 100644
--- a/src/commands/Preview.ts
+++ b/src/commands/Preview.ts
@@ -7,6 +7,7 @@ import { PreviewSettings } from '../models';
 import { format } from 'date-fns';
 import { DateHelper } from '../helpers/DateHelper';
 import { Article } from '.';
+import { urlJoin } from 'url-join-ts';
 
 
 export class Preview {
@@ -118,9 +119,9 @@ export class Preview {
   </head>
   <body>
     <div class="slug">
-      <input type="text" value="${join(localhostUrl.toString(), slug || '')}" disabled />
+      <input type="text" value="${urlJoin(localhostUrl.toString(), slug || '')}" disabled />
     </div>
-    <iframe src="${join(localhostUrl.toString(), slug || '')}" >
+    <iframe src="${urlJoin(localhostUrl.toString(), slug || '')}" >
   </body>
 </html>`;
   }
@@ -137,4 +138,4 @@ export class Preview {
       pathname
     };
   }
-}
\ No newline at end of file
+}

From 511960c4a9486d5572ac49a5aae35073bc4ae604 Mon Sep 17 00:00:00 2001
From: Elio Struyf <elio@struyfconsulting.be>
Date: Wed, 3 Nov 2021 12:00:49 +0100
Subject: [PATCH 5/7] #167 - Allow to set a preview path per content type

---
 CHANGELOG.md                 |  3 ++-
 package.json                 |  8 ++++++++
 src/commands/Preview.ts      | 15 ++++++++++++---
 src/constants/ContentType.ts |  1 +
 src/models/PanelSettings.ts  |  1 +
 5 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index f7004412..7c22c3ca 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,10 +1,11 @@
 # Change Log
 
-## [X.X.X] - 2021-11-XX
+## [5.4.0] - 2021-11-XX
 
 ### 🎨 Enhancements
 
 - [#166](https://github.com/estruyf/vscode-front-matter/issues/166): Added preview button to the panel base view
+- [#167](https://github.com/estruyf/vscode-front-matter/issues/167): Allow to set the preview path per content type
 
 ## [5.3.1] - 2021-10-29
 
diff --git a/package.json b/package.json
index 38d4b88b..0f536977 100644
--- a/package.json
+++ b/package.json
@@ -384,6 +384,14 @@
                 "type": "boolean",
                 "default": false,
                 "description": "Specify if you want to create a folder when creating new content."
+              },
+              "previewPath": {
+                "type": [
+                  "null",
+                  "string"
+                ],
+                "default": null,
+                "description": "Defines a custom preview path for the content type."
               }
             },
             "additionalProperties": false,
diff --git a/src/commands/Preview.ts b/src/commands/Preview.ts
index 100a0c9e..4b559335 100644
--- a/src/commands/Preview.ts
+++ b/src/commands/Preview.ts
@@ -34,16 +34,25 @@ export class Preview {
     const article = editor ? ArticleHelper.getFrontMatter(editor) : null;
     let slug = article?.data ? article.data.slug : "";
 
+    let pathname = settings.pathname;
+    if (article?.data) {
+      const contentType = ArticleHelper.getContentType(article.data);
+      if (contentType && contentType.previewPath) {
+        pathname = contentType.previewPath;
+      }
+    }
+
     if (!slug) {
       slug = Article.getSlug();
     }
 
-    if (settings.pathname) {
+    if (pathname) {
       const articleDate = ArticleHelper.getDate(article);
+
       try {
-        slug = join(format(articleDate || new Date(), DateHelper.formatUpdate(settings.pathname) as string), slug);
+        slug = join(format(articleDate || new Date(), DateHelper.formatUpdate(pathname) as string), slug);
       } catch (error) {
-        slug = join(settings.pathname, slug);
+        slug = join(pathname, slug);
       }
     }
 
diff --git a/src/constants/ContentType.ts b/src/constants/ContentType.ts
index 5f243b15..daf1e852 100644
--- a/src/constants/ContentType.ts
+++ b/src/constants/ContentType.ts
@@ -5,6 +5,7 @@ export const DEFAULT_CONTENT_TYPE_NAME = 'default';
 export const DEFAULT_CONTENT_TYPE: ContentType = {
   "name": "default",
   "pageBundle": false,
+  "previewPath": null,
   "fields": [
     {
       "title": "Title",
diff --git a/src/models/PanelSettings.ts b/src/models/PanelSettings.ts
index 86c52ac3..1c571046 100644
--- a/src/models/PanelSettings.ts
+++ b/src/models/PanelSettings.ts
@@ -25,6 +25,7 @@ export interface ContentType {
   name: string;
   fields: Field[];
 
+  previewPath?: string | null;
   pageBundle?: boolean;
 }
 

From ebe248670d97be2409f2dca3651fcccd1c6a9b18 Mon Sep 17 00:00:00 2001
From: Elio Struyf <elio@struyfconsulting.be>
Date: Wed, 3 Nov 2021 12:00:56 +0100
Subject: [PATCH 6/7] 5.4.0

---
 package-lock.json | 2 +-
 package.json      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 3a1164ae..63d38f78 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
 	"name": "vscode-front-matter-beta",
-	"version": "5.3.1",
+	"version": "5.4.0",
 	"lockfileVersion": 1,
 	"requires": true,
 	"dependencies": {
diff --git a/package.json b/package.json
index 0f536977..88ac143b 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
   "displayName": "Front Matter",
   "description": "An essential Visual Studio Code extension when you want to manage the markdown pages of your static site like: Hugo, Jekyll, Hexo, NextJs, Gatsby, and many more...",
   "icon": "assets/frontmatter-teal-128x128.png",
-  "version": "5.3.1",
+  "version": "5.4.0",
   "preview": false,
   "publisher": "eliostruyf",
   "galleryBanner": {

From 14f0af2754fa5ed2061e2ab2171743ccdf011564 Mon Sep 17 00:00:00 2001
From: Elio Struyf <elio@struyfconsulting.be>
Date: Fri, 5 Nov 2021 09:24:26 +0100
Subject: [PATCH 7/7] Updated changelog

---
 CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7c22c3ca..7d5da71e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,6 @@
 # Change Log
 
-## [5.4.0] - 2021-11-XX
+## [5.4.0] - 2021-11-05
 
 ### 🎨 Enhancements