mdx support + styling changes

CHANGELOG.md

@@ -3,6 +3,8 @@
 ## [1.19.0] - 2020-07-20
 
 - Sidebar background styling match the VSCode defined sidebar color
+- Added support for `mdx` files
+- [#41](https://github.com/estruyf/vscode-front-matter/issues/41): Word count implementation + extra details
 
 ## [1.18.0] - 2020-07-20
 

src/extension.ts

@@ -113,6 +113,6 @@ const debounceShowDraftTrigger = () => {
   return (fnc: any, time: number) => {
     const functionCall = (...args: any[]) => fnc.apply(args);
     clearTimeout(timeout);
-    timeout = setTimeout(functionCall, time);
+    timeout = setTimeout(functionCall, time) as any;
   };
 };

src/helpers/FilesHelper.ts

@@ -9,12 +9,13 @@ export class FilesHelper {
   public static async getMdFiles(): Promise<vscode.Uri[] | null> {
     const mdFiles = await vscode.workspace.findFiles('**/*.md', "**/node_modules/**,**/archetypes/**");
     const markdownFiles = await vscode.workspace.findFiles('**/*.markdown', "**/node_modules/**,**/archetypes/**");
+    const mdxFiles = await vscode.workspace.findFiles('**/*.mdx', "**/node_modules/**,**/archetypes/**");
     if (!mdFiles && !markdownFiles) {
       vscode.window.showInformationMessage(`${EXTENSION_NAME}: No MD files found.`);
       return null;
     }
 
-    const allMdFiles = mdFiles.concat(markdownFiles);
+    const allMdFiles = [...mdFiles, ...markdownFiles, ...mdxFiles];
     return allMdFiles;
   }
 }

src/viewpanel/components/TagPicker.tsx

@@ -5,7 +5,6 @@ import { CommandToCode } from '../CommandToCode';
 import { TagType } from '../TagType';
 import { MessageHelper } from '../helper/MessageHelper';
 import Downshift from 'downshift';
-import LocalOfferTwoToneIcon from '@material-ui/icons/LocalOfferTwoTone';
 import { Icon } from './Icon';
 
 export interface ITagPickerProps {