|
| 1 | +--- |
| 2 | +title: Version 8.3.0 release notes |
| 3 | +description: |
| 4 | + With its latest version 8.3.0, you can now enjoy new features such as external |
| 5 | + config support, VSCode theme support, and many more... |
| 6 | +date: 2023-02-12T14:39:54.058Z |
| 7 | +lastmod: 2023-02-12T15:50:14.648Z |
| 8 | +type: changelog |
| 9 | +slug: v8.3.0 |
| 10 | +--- |
| 11 | + |
| 12 | +## External config support |
| 13 | + |
| 14 | +In this version of VSCode Front Matter now supports external config files, meaning you can store your configurations outside of the extension in a separate file. This allows for better organization and easier management of your configurations, as well as better collaboration with others. |
| 15 | + |
| 16 | +## Experimental Visual Studio Code theme support |
| 17 | + |
| 18 | +Finally we are introducing "experimental" support for Visual Studio Code themes. The dashboards will now adapt to the colors of your current theme. |
| 19 | + |
| 20 | +This feature is experimental because there are various themes and we want to make sure that we support most of the themes out there. If you find a theme that is not supported, please [open an issue](https://github.com/estruyf/vscode-front-matter/issues) and mention the theme you are using and what can be improved. |
| 21 | + |
| 22 | +<div style="display:flex;justify-items:center;"> |
| 23 | + <img src="/releases/v8.3.0/theme1.png" alt="Theme example 1" style="max-width:45%" /> |
| 24 | + <img src="/releases/v8.3.0/theme3.png" alt="Theme example 2" style="max-width:45%" /> |
| 25 | +</div> |
| 26 | + |
| 27 | +> **Info**: Find out more about this feature in the [experimental features](/docs/experimental) section. |
| 28 | +
|
| 29 | +## Placeholder support in content paths and previews |
| 30 | + |
| 31 | +You can now use placeholders in your content paths and previews. This feature allows you to use the values of your front matter fields, path variables, and much more when creating new content or when opening a preview. |
| 32 | + |
| 33 | +```json |
| 34 | +"frontMatter.content.pageFolders": [ |
| 35 | + { |
| 36 | + "title": "post", |
| 37 | + "filePrefix": null, |
| 38 | + "previewPath": "/{{fm.type}}/{{pathToken.3}}/{{pathToken.4}}", |
| 39 | + "path": "[[workspace]]/content/{{year}}/{{month}}", |
| 40 | + "contentTypes": ["post"] |
| 41 | + } |
| 42 | +] |
| 43 | +``` |
| 44 | + |
| 45 | +The above snippet shows both new features: |
| 46 | + |
| 47 | +- Allow you content to be created in a dynamic path; |
| 48 | +- Allow the preview path to be generated based on some field values and path index values. |
| 49 | + |
| 50 | +When you would create a new content item, the path will be generated based on the `path` property. In this case, it will be: `[[workspace]]/content/2023/02`. The preview path will generate the following path: `/post/2023/02/<slug>`. |
| 51 | + |
| 52 | +> **Info**: Read more about these placeholder features in the [special placeholders](/docs/content-creation/placeholders#special-placeholders) section. |
| 53 | +
|
| 54 | +## Allowing you to change the preview URL |
| 55 | + |
| 56 | +In the previous version, you could only open a preview, but not change the URL. This is now possible, and it allows you to quickly test out other URLs, content, ... |
| 57 | + |
| 58 | + |
| 59 | + |
| 60 | +## Movie media previews in the media dashboard |
| 61 | + |
| 62 | +The media dashboard now added support for movie media previews. Similar to the images, you can now quickly watch your movies on the card. |
| 63 | + |
| 64 | +## Default keybindings to open dashboard, insert media, and insert snippet |
| 65 | + |
| 66 | +New in this version is the introduction of default keybindings to open the dashboard, insert media, and insert snippet. |
| 67 | + |
| 68 | +| Command | Description | Windows | Mac | Linux | |
| 69 | +| --------------------------- | ------------------------------------- | ------------------------------------------------- | ------------------------------------------------ | ------------------------------------------------- | |
| 70 | +| `frontMatter.dashboard` | Open the Front Matter dashboard | <kbd>alt</kbd> + d | <kbd>option</kbd> + d | <kbd>alt</kbd> + d | |
| 71 | +| `frontMatter.insertMedia` | Insert a media file into your content | <kbd>ctrl</kbd> + <kbd>shift</kbd> + <kbd>i</kbd> | <kbd>cmd</kbd> + <kbd>shift</kbd> + <kbd>i</kbd> | <kbd>ctrl</kbd> + <kbd>shift</kbd> + <kbd>i</kbd> | |
| 72 | +| `frontMatter.insertSnippet` | Insert a snippet into your content | <kbd>cmd</kbd> + <kbd>shift</kbd> + <kbd>v</kbd> | <kbd>cmd</kbd> + <kbd>shift</kbd> + <kbd>v</kbd> | <kbd>cmd</kbd> + <kbd>shift</kbd> + <kbd>v</kbd> | |
| 73 | + |
| 74 | +> **Info**: You can find the keybindings in the [keybindings](/docs/commands#keyboard-bindings) section. You are also able to override this configuration or configure other keyboard bindings in Visual Studio Code. |
| 75 | +
|
| 76 | +## Related issues/enhancements |
| 77 | + |
| 78 | +### ✨ New features |
| 79 | + |
| 80 | +- [#407](https://github.com/estruyf/vscode-front-matter/issues/407): External config support |
| 81 | + |
| 82 | +### 🎨 Enhancements |
| 83 | + |
| 84 | +- [#425](https://github.com/estruyf/vscode-front-matter/issues/425): Added support for placeholders in the content paths and previews |
| 85 | +- [#473](https://github.com/estruyf/vscode-front-matter/issues/473): Allow setting the SEO title name with the `frontMatter.taxonomy.seoTitleField` setting |
| 86 | +- [#474](https://github.com/estruyf/vscode-front-matter/issues/474): Allow to define the file prefix on content types |
| 87 | +- [#484](https://github.com/estruyf/vscode-front-matter/issues/484): Support for overriding scripts per environment type |
| 88 | +- [#494](https://github.com/estruyf/vscode-front-matter/issues/494): Support for external image URLs in previews |
| 89 | +- [#497](https://github.com/estruyf/vscode-front-matter/issues/497): Support for movie media previews in the content dashboard |
| 90 | +- [#502](https://github.com/estruyf/vscode-front-matter/issues/502): Keyboard bindings added to open dashboard, insert media, and insert snippet |
| 91 | +- [#503](https://github.com/estruyf/vscode-front-matter/issues/503): Allow making changes to the preview URL in the webview |
| 92 | +- [#504](https://github.com/estruyf/vscode-front-matter/issues/504): Allow specifying the filename for your page bundles |
| 93 | +- [#505](https://github.com/estruyf/vscode-front-matter/issues/505): Experimental Visual Studio Code theming support |
| 94 | + |
| 95 | +### ⚡️ Optimizations |
| 96 | + |
| 97 | +- [#496](https://github.com/estruyf/vscode-front-matter/issues/496): Make use of the `storageUri` and `globalStorageUri` for storing larger states |
| 98 | + |
| 99 | +### 🐞 Fixes |
| 100 | + |
| 101 | +- [#469](https://github.com/estruyf/vscode-front-matter/issues/469): Fix for using the root folder as content folder |
| 102 | +- [#470](https://github.com/estruyf/vscode-front-matter/issues/470): Fix `initialize project` dashboard description |
| 103 | +- [#480](https://github.com/estruyf/vscode-front-matter/issues/480): Updated _add missing fields_ label to _add missing fields to content-type_ |
| 104 | +- [#482](https://github.com/estruyf/vscode-front-matter/issues/482): Update the description when you want to overwrite the default content type description |
| 105 | +- [#488](https://github.com/estruyf/vscode-front-matter/issues/488): Fix an issue where the `.frontmatter` folder gets created before initializing the project |
| 106 | +- [#493](https://github.com/estruyf/vscode-front-matter/issues/493): Fix an issue where a custom placeholder value is replaced by an `array` instead of a `string` |
0 commit comments