Release of v8.4.0

CHANGELOG.md

@@ -1,6 +1,74 @@
 # Change Log
 
-## [8.3.0] - 2022-02-14 - [Release notes](https://beta.frontmatter.codes/updates/v8.3.0)
+## [8.4.0] - 2023-04-03 - [Release notes](https://beta.frontmatter.codes/updates/v8.4.0)
+
+### 🧪 Experimental features
+
+- External UI script support for dashboards
+- Visual Studio Code Theming support for the dashboards
+- Front matter AI 🤖
+
+> **Info**: To enable the experimental features you need to set the `frontMatter.experimental` setting to `true`.
+
+### 🙏 Exclusive Features for Sponsors
+
+We're excited to announce a brand new feature exclusively available to sponsors of Front Matter CMS. With this update, we've added Front Matter AI to the project, which provides helpful suggestions for creating new content such as title suggestions and tag/category suggestions.
+
+> **Important**: To access the Front Matter AI feature, you will need to sign-in ([backers & supports sign-in instructions](https://frontmatter.codes/docs/getting-started#backers-&-supporters)) and set the `frontMatter.sponsors.ai.enabled` setting to `true` and you're good to go! We put it behind a setting to not automatically enable it and let you decide if you want to use it or not.
+
+If you're not already a sponsor, now is a great time to consider supporting the project. By becoming a sponsor, you not only gain access to exclusive features like Front Matter AI, but also help to support the ongoing development and maintenance of the project. You can become a sponsor by visiting the [GitHub sponsor page](https://github.com/sponsors/estruyf).
+
+### ✨ New features
+
+- [#363](https://github.com/estruyf/vscode-front-matter/issues/363): Multiline support for the `string` field in data view
+- [#513](https://github.com/estruyf/vscode-front-matter/issues/513): Added support for external UI scripts to add custom HTML on the dashboard elements
+- [#530](https://github.com/estruyf/vscode-front-matter/issues/530): Implementation of the Front Matter AI 🤖 powered by [mendable.ai](https://mendable.ai)
+- [#537](https://github.com/estruyf/vscode-front-matter/issues/537): Allow to use the root path `/` as the public folder
+- [#541](https://github.com/estruyf/vscode-front-matter/issues/541): Added title AI suggestions for GitHub sponsors
+- [#548](https://github.com/estruyf/vscode-front-matter/issues/548): Project selection support when working in mono-repos or multi-root workspaces
+- [#550](https://github.com/estruyf/vscode-front-matter/issues/550): Added taxonomy (tags/categories) AI suggestions for GitHub sponsors
+
+### 🎨 Enhancements
+
+- Added an `unknown` field for uniforms when it has no type defined
+- [#512](https://github.com/estruyf/vscode-front-matter/issues/512): Added the `jsonc` file association for the `frontMatter.json` file. That way, you can use comments in the file.
+- [#522](https://github.com/estruyf/vscode-front-matter/issues/522): Configuration support added for [Astro](https://astro.build)
+- [#523](https://github.com/estruyf/vscode-front-matter/issues/523): Added support for `floating`/`decimal` numbers with a new number field property called `numberOptions`
+- [#524](https://github.com/estruyf/vscode-front-matter/issues/524): Removed the **Global settings** view from the panel. You can still get it back by configuring a [custom view mode](https://frontmatter.codes/docs/panel#view-modes).
+- [#535](https://github.com/estruyf/vscode-front-matter/issues/535): Retain the scroll position after selecting a media file
+- [#538](https://github.com/estruyf/vscode-front-matter/issues/538): Added support to encode emojis in the string field
+- [#549](https://github.com/estruyf/vscode-front-matter/issues/549): Git submodule support to sync changes
+- [#554](https://github.com/estruyf/vscode-front-matter/issues/554): When inserting snippets, only the content snippets will be shown
+
+### ⚡️ Optimizations
+
+- [#534](https://github.com/estruyf/vscode-front-matter/issues/534): Moved the `mediaDb.json` file to a `.frontmatter/database` folder instead of the `.frontmatter/content` folder
+- [#536](https://github.com/estruyf/vscode-front-matter/issues/536): Set the start location from the script to the root of the workspace
+- [#555](https://github.com/estruyf/vscode-front-matter/issues/555): When generating a content-type from existing content, Front Matter will better detect the type of field
+- [#556](https://github.com/estruyf/vscode-front-matter/issues/556): Content values are aligned to the type of field
+
+### 🐞 Fixes
+
+- [#518](https://github.com/estruyf/vscode-front-matter/issues/518): Fix an issue where the `YAML` parser adds line breaks to long strings
+- [#520](https://github.com/estruyf/vscode-front-matter/issues/520): Add the URL protocol to the host on opening the preview if it's missing
+- [#521](https://github.com/estruyf/vscode-front-matter/issues/521): Fix empty snippets dashboard placeholder
+- [#526](https://github.com/estruyf/vscode-front-matter/issues/526): Fix card content menu
+- [#528](https://github.com/estruyf/vscode-front-matter/issues/528): Fix where the `.astro` code section `---` is seen as front matter
+- [#529](https://github.com/estruyf/vscode-front-matter/issues/529): Fix YAML parsing in Windows which added an extra carriage return
+- [#531](https://github.com/estruyf/vscode-front-matter/issues/531): Fix prettier update which caused data views to not render list items
+- [#539](https://github.com/estruyf/vscode-front-matter/issues/539): Fix the override of the default file prefix on content creation
+- [#543](https://github.com/estruyf/vscode-front-matter/issues/543): Fix JSON schema for script commands
+- [#547](https://github.com/estruyf/vscode-front-matter/issues/547): Fix setting default value in a hidden group field (`block`)
+- [#552](https://github.com/estruyf/vscode-front-matter/issues/552): Fix for content retrieval in multi-root workspaces
+- [#557](https://github.com/estruyf/vscode-front-matter/issues/557): Fix for dropdown of the tag picker
+
+## [8.3.0] - 2023-02-14 - [Release notes](https://beta.frontmatter.codes/updates/v8.3.0)
+
+### 🧪 Experimental features
+
+- Visual Studio Code Theming support for the dashboards
+
+> **Info**: To enable the experimental features you need to set the `frontMatter.experimental` setting to `true`.
 
 ### ✨ New features
 

assets/media/styles.css

@@ -33,8 +33,12 @@
   position: inherit !important;
 }
 
-.z-10 { z-index: 10 !important; }
-.z-20 { z-index: 10 !important; }
+.z-10 {
+  z-index: 10 !important;
+}
+.z-20 {
+  z-index: 10 !important;
+}
 
 .w-full {
   width: 100% !important;
@@ -44,11 +48,12 @@
 .ext_settings,
 .git_actions,
 .initialize_actions {
-	padding: 1rem 1.25rem;
+  padding: 1rem 1.25rem;
   box-sizing: border-box;
 }
 
-#app, .frontmatter {
+#app,
+.frontmatter {
   height: 100%;
 }
 
@@ -58,7 +63,7 @@
   align-items: center;
   opacity: 0.8;
   text-align: center;
-	padding: 1rem 1.25rem;
+  padding: 1rem 1.25rem;
 }
 
 .spinner,
@@ -103,7 +108,7 @@
   padding-bottom: var(--input-margin-vertical);
   display: flex;
   flex-direction: column;
-  justify-content: space-between;
+  justify-content: start;
 }
 
 .frontmatter h3 {
@@ -113,7 +118,7 @@
 .frontmatter p,
 .frontmatter h4,
 .frontmatter ul {
-  margin-bottom: .5rem;
+  margin-bottom: 0.5rem;
 }
 
 .article__tags h3,
@@ -131,7 +136,8 @@
   margin-right: 0.5rem;
 }
 
-.seo__status__details, .seo__status__keywords {
+.seo__status__details,
+.seo__status__keywords {
   margin-bottom: 1rem;
 }
 
@@ -162,11 +168,11 @@
 }
 
 .article__tags__dropbox.open {
-  border: 1px solid rgba(0, 0, 0, .9);
+  border: 1px solid rgba(0, 0, 0, 0.9);
 }
 
 .article__tags ul {
-	color: var(--vscode-dropdown-foreground);
+  color: var(--vscode-dropdown-foreground);
   background-color: var(--vscode-dropdown-background);
 }
 
@@ -176,16 +182,16 @@
 }
 
 .article__tags li:active {
-	color: var(--vscode-button-foreground);
+  color: var(--vscode-button-foreground);
   background-color: var(--vscode-button-background);
 }
 
-.article__tags li[aria-selected="true"] {
+.article__tags li[aria-selected='true'] {
   color: var(--vscode-button-foreground);
   background-color: var(--vscode-button-hoverBackground);
 }
 
-.article__tags li[aria-disabled="true"] {
+.article__tags li[aria-disabled='true'] {
   display: none;
 }
 
@@ -224,7 +230,7 @@
 }
 
 .ext_link_block svg {
-  margin-right: .5rem;
+  margin-right: 0.5rem;
   display: block;
   width: 16px;
   height: 16px;
@@ -258,16 +264,16 @@
 }
 
 .ext_link_block button.active {
-	color: var(--vscode-button-foreground);
-	background: var(--vscode-button-background);
+  color: var(--vscode-button-foreground);
+  background: var(--vscode-button-background);
 }
 .ext_link_block button.active:hover {
-	cursor: pointer;
-	background: var(--vscode-button-hoverBackground);
+  cursor: pointer;
+  background: var(--vscode-button-hoverBackground);
 }
 
-.ext_link_block a:hover, 
-.ext_link_block a:active, 
+.ext_link_block a:hover,
+.ext_link_block a:active,
 .ext_link_block a:focus,
 .ext_link_block a:visited {
   color: var(--vscode-button-secondaryForeground);
@@ -301,15 +307,15 @@
 }
 
 .table__cell__validation .valid {
-  color: #46EC86;
+  color: #46ec86;
 }
 
 .table__cell__validation .warning {
-  color: #E6AF2E;
+  color: #e6af2e;
 }
 
 .table__cell__validation div span + span {
-  margin-left: .5rem;
+  margin-left: 0.5rem;
 }
 
 .seo__status__note {
@@ -325,7 +331,7 @@
   height: 24px;
 }
 
-.field__toggle input { 
+.field__toggle input {
   opacity: 0;
   width: 0;
   height: 0;
@@ -339,21 +345,21 @@
   right: 0;
   bottom: 0;
   background-color: var(--vscode-button-secondaryBackground);
-  -webkit-transition: .4s;
-  transition: .4s;
+  -webkit-transition: 0.4s;
+  transition: 0.4s;
   border-radius: 34px;
 }
 
 .field__toggle__slider:before {
   position: absolute;
-  content: "";
+  content: '';
   height: 16px;
   width: 16px;
   left: 4px;
   bottom: 4px;
   background-color: white;
-  -webkit-transition: .4s;
-  transition: .4s;
+  -webkit-transition: 0.4s;
+  transition: 0.4s;
   border-radius: 50%;
 }
 
@@ -405,7 +411,7 @@ input:checked + .field__toggle__slider:before {
 }
 
 .file_list__items__item {
-	color: var(--vscode-foreground);
+  color: var(--vscode-foreground);
   font-size: var(--vscode-font-size);
   font-weight: var(--vscode-font-weight);
   cursor: pointer;
@@ -419,7 +425,7 @@ input:checked + .field__toggle__slider:before {
 }
 
 .file_list__items__item:hover {
-	background-color: var(--vscode-list-hoverBackground);
+  background-color: var(--vscode-list-hoverBackground);
   color: var(--vscode-list-hoverForeground);
   cursor: pointer;
 }
@@ -429,7 +435,7 @@ input:checked + .field__toggle__slider:before {
   flex-shrink: 0;
   height: 20px;
   width: 20px;
-  margin-right: .25rem;
+  margin-right: 0.25rem;
 }
 
 .file_list__items__item span {
@@ -454,7 +460,7 @@ input:checked + .field__toggle__slider:before {
 .sponsor svg {
   height: 20px;
   width: 20px;
-  margin-right: .25rem;
+  margin-right: 0.25rem;
 }
 
 .sponsor a {
@@ -471,7 +477,7 @@ input:checked + .field__toggle__slider:before {
 }
 
 .sponsor a > span {
-  margin-right: .25rem;
+  margin-right: 0.25rem;
 }
 
 /* Timepicker */
@@ -494,4 +500,4 @@ input:checked + .field__toggle__slider:before {
 
 .react-datepicker-time__input input {
   border: 1px solid #aeaeae !important;
-}
+}