#49 - Initialize new project

src/commands/Folders.ts

@@ -5,6 +5,7 @@ import { ContentFolder } from "../models";
 import uniqBy = require("lodash.uniqby");
 import { Template } from "./Template";
 import { Notifications } from "../helpers/Notifications";
+import { CONTEXT } from "../constants/context";
 
 export class Folders {
 
@@ -99,7 +100,7 @@ export class Folders {
     for (const folder of folders) {
       allFolders = [...allFolders, ...folder.paths]
     }
-    commands.executeCommand('setContext', 'frontMatter.registeredFolders', allFolders);
+    commands.executeCommand('setContext', CONTEXT.registeredFolders, allFolders);
   }
 
   /**

src/commands/Project.ts

@@ -0,0 +1,49 @@
+import { workspace, Uri } from "vscode";
+import { CONFIG_KEY, SETTING_TEMPLATES_FOLDER } from "../constants";
+import { join } from "path";
+import * as fs from "fs";
+import { Notifications } from "../helpers/Notifications";
+
+export class Project {
+
+  private static content = `---
+title: "{{name}}"
+slug: "/{{kebabCase name}}/"
+description:
+author: 
+date: 2019-08-22T15:20:28.000Z
+lastmod: 2019-08-22T15:20:28.000Z
+draft: true
+tags: []
+categories: []
+---
+`;
+
+  /**
+   * Initialize a new "Project" instance.
+   */
+  public static async init() {
+    try {
+      const config = workspace.getConfiguration(CONFIG_KEY);
+      const folder = config.get<string>(SETTING_TEMPLATES_FOLDER);
+
+      const workspaceFolders = workspace.workspaceFolders;
+
+      if (!folder || !workspaceFolders || workspaceFolders.length === 0) {
+        return;
+      }
+      
+      const workspaceFolder = workspaceFolders[0];
+      const templatePath = Uri.file(join(workspaceFolder.uri.fsPath, folder));
+      const article = Uri.file(join(templatePath.fsPath, "article.md"));
+
+      await workspace.fs.createDirectory(templatePath);
+
+      fs.writeFileSync(article.fsPath, Project.content, { encoding: "utf-8" });
+
+      Notifications.info("Project initialized successfully.");
+    } catch (err) {
+      Notifications.error(`Sorry, something went wrong - ${err?.message || err}`);
+    }
+  }
+}

src/commands/Template.ts

@@ -1,15 +1,41 @@
 import * as vscode from 'vscode';
 import * as path from 'path';
 import * as fs from 'fs';
-import { CONFIG_KEY, EXTENSION_NAME, SETTING_TEMPLATES_FOLDER, SETTING_TEMPLATES_PREFIX } from '../constants';
+import { CONFIG_KEY, SETTING_TEMPLATES_FOLDER, SETTING_TEMPLATES_PREFIX } from '../constants';
 import { format } from 'date-fns';
 import sanitize from '../helpers/Sanitize';
 import { ArticleHelper } from '../helpers';
 import { Article } from '.';
 import { Notifications } from '../helpers/Notifications';
+import { CONTEXT } from '../constants/context';
 
 export class Template {
 
+  /**
+   * Check if the template folder is available
+   */
+  public static async init() {
+    const config = vscode.workspace.getConfiguration(CONFIG_KEY);
+    const folder = config.get<string>(SETTING_TEMPLATES_FOLDER);
+
+    const workspaceFolders = vscode.workspace.workspaceFolders;
+
+    if (!folder || !workspaceFolders || workspaceFolders.length === 0) {
+      vscode.commands.executeCommand('setContext', CONTEXT.canInit, true);
+      return;
+    }
+    
+    const workspaceFolder = workspaceFolders[0];
+    const templatePath = vscode.Uri.file(path.join(workspaceFolder.uri.fsPath, folder));
+
+    try {
+      await vscode.workspace.fs.stat(templatePath);
+      vscode.commands.executeCommand('setContext', CONTEXT.canInit, false);
+    } catch (e) {
+      vscode.commands.executeCommand('setContext', CONTEXT.canInit, true);
+    }
+  }
+
   /**
    * Create from a template
    */

src/constants/Extension.ts

@@ -0,0 +1,23 @@
+const extensionName = "frontMatter";
+
+export const getCommandName = (command: string) => {
+  return `${extensionName}.${command}`;
+};
+
+export const COMMAND_NAME = {
+  init: getCommandName("init"),
+  insertTags: getCommandName("insertTags"),
+  insertCategories: getCommandName("insertCategories"),
+  createTag: getCommandName("createTag"),
+  createCategory: getCommandName("createCategory"),
+  exportTaxonomy: getCommandName("exportTaxonomy"),
+  remap: getCommandName("remap"),
+  setDate: getCommandName("setDate"),
+  setLastModifiedDate: getCommandName("setLastModifiedDate"),
+  generateSlug: getCommandName("generateSlug"),
+  createFromTemplate: getCommandName("createFromTemplate"),
+  toggleDraft: getCommandName("toggleDraft"),
+  registerFolder: getCommandName("registerFolder"),
+  unregisterFolder: getCommandName("unregisterFolder"),
+  createContent: getCommandName("createContent")
+};

src/constants/context.ts

@@ -0,0 +1,6 @@
+
+
+export const CONTEXT = {
+  canInit: "frontMatterCanInit",
+  registeredFolders: 'frontMatter.registeredFolders'
+};

src/extension.ts

@@ -1,7 +1,9 @@
 import * as vscode from 'vscode';
 import { Article, Settings, StatusListener } from './commands';
 import { Folders } from './commands/Folders';
+import { Project } from './commands/Project';
 import { Template } from './commands/Template';
+import { COMMAND_NAME } from './constants/Extension';
 import { TaxonomyType } from './models';
 import { TagType } from './viewpanel/TagType';
 import { ExplorerView } from './webview/ExplorerView';
@@ -20,68 +22,78 @@ export async function activate({ subscriptions, extensionUri }: vscode.Extension
 		}
 	});
 
-	let insertTags = vscode.commands.registerCommand('frontMatter.insertTags', async () => {
+	let insertTags = vscode.commands.registerCommand(COMMAND_NAME.insertTags, async () => {
 		await vscode.commands.executeCommand('workbench.view.extension.frontmatter-explorer');
 		await vscode.commands.executeCommand('workbench.action.focusSideBar');
 		explorerSidebar.triggerInputFocus(TagType.tags);
 	});
 
-	let insertCategories = vscode.commands.registerCommand('frontMatter.insertCategories', async () => {
+	let insertCategories = vscode.commands.registerCommand(COMMAND_NAME.insertCategories, async () => {
 		await vscode.commands.executeCommand('workbench.view.extension.frontmatter-explorer');
 		await vscode.commands.executeCommand('workbench.action.focusSideBar');
 		explorerSidebar.triggerInputFocus(TagType.categories);
 	});
 
-	let createTag = vscode.commands.registerCommand('frontMatter.createTag', () => {
+	let createTag = vscode.commands.registerCommand(COMMAND_NAME.createTag, () => {
 		Settings.create(TaxonomyType.Tag);
 	});
 
-	let createCategory = vscode.commands.registerCommand('frontMatter.createCategory', () => {
+	let createCategory = vscode.commands.registerCommand(COMMAND_NAME.createCategory, () => {
 		Settings.create(TaxonomyType.Category);
 	});
 
-	let exportTaxonomy = vscode.commands.registerCommand('frontMatter.exportTaxonomy', () => {
+	let exportTaxonomy = vscode.commands.registerCommand(COMMAND_NAME.exportTaxonomy, () => {
 		Settings.export();
 	});
 
-	let remap = vscode.commands.registerCommand('frontMatter.remap', () => {
+	let remap = vscode.commands.registerCommand(COMMAND_NAME.remap, () => {
 		Settings.remap();
 	});
 
-	let setDate = vscode.commands.registerCommand('frontMatter.setDate', () => {
+	let setDate = vscode.commands.registerCommand(COMMAND_NAME.setDate, () => {
 		Article.setDate();
 	});
 
-	let setLastModifiedDate = vscode.commands.registerCommand('frontMatter.setLastModifiedDate', () => {
+	let setLastModifiedDate = vscode.commands.registerCommand(COMMAND_NAME.setLastModifiedDate, () => {
 		Article.setLastModifiedDate();
 	});
 
-	let generateSlug = vscode.commands.registerCommand('frontMatter.generateSlug', () => {
+	let generateSlug = vscode.commands.registerCommand(COMMAND_NAME.generateSlug, () => {
 		Article.generateSlug();
 	});
 
-	let createFromTemplate = vscode.commands.registerCommand('frontMatter.createFromTemplate', (folder: vscode.Uri) => {
+	let createFromTemplate = vscode.commands.registerCommand(COMMAND_NAME.createFromTemplate, (folder: vscode.Uri) => {
 		const folderPath = Folders.getFolderPath(folder);
     if (folderPath) {
       Template.create(folderPath);
     }
 	});
 
-	const toggleDraftCommand = 'frontMatter.toggleDraft';
+	const toggleDraftCommand = COMMAND_NAME.toggleDraft;
 	const toggleDraft = vscode.commands.registerCommand(toggleDraftCommand, async () => {
 		await Article.toggleDraft();
 		triggerShowDraftStatus();
 	});
 
 	// Register project folders
-	const registerFolder = vscode.commands.registerCommand(`frontMatter.registerFolder`, Folders.register);
+	const registerFolder = vscode.commands.registerCommand(COMMAND_NAME.registerFolder, Folders.register);
 
-	const unregisterFolder = vscode.commands.registerCommand(`frontMatter.unregisterFolder`, Folders.unregister);
+	const unregisterFolder = vscode.commands.registerCommand(COMMAND_NAME.unregisterFolder, Folders.unregister);
 
-	const createContent = vscode.commands.registerCommand(`frontMatter.createContent`, Folders.create);
+	const createContent = vscode.commands.registerCommand(COMMAND_NAME.createContent, Folders.create);
 
 	Folders.updateVsCodeCtx();
 
+	// Initialize command
+	Template.init();
+	const projectInit = vscode.commands.registerCommand(COMMAND_NAME.init, Project.init);
+
+	// Things to do when configuration changes
+	vscode.workspace.onDidChangeConfiguration(() => {
+		Template.init();
+		Folders.updateVsCodeCtx();
+	});
+
 	// Create the status bar
  	frontMatterStatusBar = vscode.window.createStatusBarItem(vscode.StatusBarAlignment.Left, 100);
 	frontMatterStatusBar.command = toggleDraftCommand;
@@ -94,21 +106,24 @@ export async function activate({ subscriptions, extensionUri }: vscode.Extension
 	triggerShowDraftStatus();
 
 	// Subscribe all commands
-	subscriptions.push(insertTags);
-	subscriptions.push(explorerView);
-	subscriptions.push(insertCategories);
-	subscriptions.push(createTag);
-	subscriptions.push(createCategory);
-	subscriptions.push(exportTaxonomy);
-	subscriptions.push(remap);
-	subscriptions.push(setDate);
-	subscriptions.push(setLastModifiedDate);
-	subscriptions.push(generateSlug);
-	subscriptions.push(createFromTemplate);
-	subscriptions.push(toggleDraft);
-	subscriptions.push(registerFolder);
-	subscriptions.push(unregisterFolder);
-	subscriptions.push(createContent);
+	subscriptions.push(
+		insertTags,
+		explorerView,
+		insertCategories,
+		createTag,
+		createCategory,
+		exportTaxonomy,
+		remap,
+		setDate,
+		setLastModifiedDate,
+		generateSlug,
+		createFromTemplate,
+		toggleDraft,
+		registerFolder,
+		unregisterFolder,
+		createContent,
+		projectInit
+	);
 }
 
 export function deactivate() {}

src/webview/ExplorerView.ts

@@ -394,7 +394,7 @@ export class ExplorerView implements WebviewViewProvider, Disposable {
       <!DOCTYPE html>
       <html lang="en">
       <head>
-        <meta http-equiv="Content-Security-Policy" content="default-src 'none'; img-src ${webView.cspSource} 'self' 'unsafe-inline'; script-src 'nonce-${nonce}'; style-src ${webView.cspSource} 'self' 'unsafe-inline'; font-src ${webView.cspSource}">
+        <meta http-equiv="Content-Security-Policy" content="default-src 'none'; img-src ${webView.cspSource} https://api.visitorbadge.io 'self' 'unsafe-inline'; script-src 'nonce-${nonce}'; style-src ${webView.cspSource} 'self' 'unsafe-inline'; font-src ${webView.cspSource}">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link href="${styleResetUri}" rel="stylesheet">
         <link href="${styleVSCodeUri}" rel="stylesheet">
@@ -405,6 +405,8 @@ export class ExplorerView implements WebviewViewProvider, Disposable {
       <body>
         <div id="app"></div>
 
+        <img style="display:none" src="https://api.visitorbadge.io/api/combined?user=estruyf&repo=frontmatter-usage&countColor=%23263759" alt="Daily usage" />
+
         <script nonce="${nonce}" src="${scriptUri}"></script>
       </body>
       </html>