Merge branch 'dev'

Author: estruyf

.frontmatter/database/mediaDb.json

@@ -12,15 +12,17 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v3
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
         with:
-          node-version: 16
-          cache: 'npm'
+          node-version: 18
+          cache: "npm"
 
       - name: Install the dependencies
         run: npm ci
-      
+
       - name: Verify missing settings
         run: node scripts/verify-settings.js ${{ github.ref_name }}
 
+      - name: Verify missing commands
+        run: node scripts/verify-commands.js ${{ github.ref_name }}

.github/workflows/settings-verification.yml

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { PageFrontMatter } from '../../models/PageFrontMatter';
-import { PageActions } from './PageActions';
 import { PageInfo } from './PageInfo';
 
 export interface IPageProps {
@@ -13,8 +12,6 @@ export const Page: React.FunctionComponent<React.PropsWithChildren<IPageProps>>
   return (
     <div className={`max-w-7xl mx-auto px-4 sm:px-6 lg:px-8`}>
       <div className={`relative my-16 min-w-0 w-full flex-auto lg:max-h-full`} style={{ marginLeft: '-1px' }}>
-        <PageActions page={page} />
-
         {children}
 
         <PageInfo page={page} items={items} />

components/Docs/Page.tsx

@@ -13,13 +13,13 @@ export const PageActions: React.FunctionComponent<IPageActionsProps> = ({ page }
   }
 
   return (
-    <div className={`absolute right-0`}>
+    <div className={`mt-16 mb-8`}>
       <a
-        className={`flex items-center text-whisper-500 hover:text-whisper-900 -mt-4`}
+        className={`flex items-center text-whisper-900 hover:text-whisper-500`}
         href={`${Extension.githubDocs}/edit/${process.env.NEXT_PUBLIC_VERCEL_ENV === "production" ? "main" : "dev"}/content/docs/${page.fileName}.md`}
         target="_blank"
         rel={`noopener noreferrer`}>
-        <PencilIcon className={`w-4 h-4 mr-2`} /> <span>Edit</span>
+        <PencilIcon className={`w-4 h-4 mr-2`} /> <span>Edit page</span>
       </a>
     </div>
   );

components/Docs/PageActions.tsx

@@ -3,8 +3,8 @@ import * as React from 'react';
 import { useMemo } from 'react';
 import { Extension } from '../../constants/extension';
 import { PageFrontMatter } from '../../models/PageFrontMatter';
-import { GitHub } from '../Images/GitHub';
 import Giscus from "@giscus/react";
+import { PageActions } from './PageActions';
 
 export interface IPageInfoProps {
   items: PageFrontMatter[];
@@ -36,13 +36,15 @@ export const PageInfo: React.FunctionComponent<IPageInfoProps> = ({ page, items
   }
 
   const date = parseJSON(page.lastmod);
-  const feedbackUrl = `${Extension.issueLink}/new?title=Feedback:%20&body=%0A%0A%5BEnter%20feedback%20here%5D%0A%0A%0A---%0A%23%23%23%23%20Document%20Details%0A%0A%E2%9A%A0%20*Do%20not%20edit%20this%20section*%0A%0A*%20ID%3A%20${page.fileName}%0A*%20URL%3A%20${`${process.env.NEXT_PUBLIC_VERCEL_ENV === "production" ? Extension.mainSite : Extension.betaSite}/docs/${page.fileName}`}%0A*%20Content%20Source%3A%20${encodeURIComponent(`/content/docs/${page.fileName}.md`)}`;
+  // const feedbackUrl = `${Extension.issueLink}/new?title=Feedback:%20&body=%0A%0A%5BEnter%20feedback%20here%5D%0A%0A%0A---%0A%23%23%23%23%20Document%20Details%0A%0A%E2%9A%A0%20*Do%20not%20edit%20this%20section*%0A%0A*%20ID%3A%20${page.fileName}%0A*%20URL%3A%20${`${process.env.NEXT_PUBLIC_VERCEL_ENV === "production" ? Extension.mainSite : Extension.betaSite}/docs/${page.fileName}`}%0A*%20Content%20Source%3A%20${encodeURIComponent(`/content/docs/${page.fileName}.md`)}`;
 
   return (
     <>
+      <PageActions page={page} />
+
       {
         (prevPage || nextPage) && (
-          <div className={`mt-16 w-full flex justify-between gap-16 text-xl`}>
+          <div className={`w-full flex justify-between gap-16 text-xl`}>
             {(prevPage && prevPage.slug && prevPage.title) && (
               <a href={`/docs/${(prevPage as PageFrontMatter).slug}`}
                 title={prevPage.title}

components/Docs/PageInfo.tsx

@@ -14,15 +14,18 @@ export const OtherMeta: React.FunctionComponent<IOtherMetaProps> = ({ image, typ
   return (
     <Head>
       <link rel="canonical" href={`${publicUrl()}${router?.asPath || ""}`} />
-      
+
       <meta property="og:type" content={type || "website"} />
       <meta property="twitter:card" content="summary_large_image" />
 
       <meta property="twitter:url" content={`${publicUrl()}${router?.asPath || ""}`} />
       <meta property="og:url" content={`${publicUrl()}${router?.asPath || ""}`} />
 
-      <meta property="og:image" content={`${publicUrl()}/${image}`} />
-      <meta property="twitter:image" content={`${publicUrl()}/${image}`} />
+      <meta property="og:image" content={`${publicUrl()}${image}`} />
+      <meta property="twitter:image" content={`${publicUrl()}${image}`} />
+
+      <meta property="og:type" content="website" />
+      <meta property="twitter:domain" content="beta.frontmatter.codes" />
     </Head>
   );
 };

components/Meta/OtherMeta.tsx

@@ -18,9 +18,9 @@ export const DocsLayout: React.FunctionComponent<React.PropsWithChildren<IDocsLa
   const mendableRef = React.useRef<HTMLDivElement>(null);
 
   return (
-    <div className={`lg:ml-72 xl:ml-80`}>
+    <div className={`lg:ml-72 xl:ml-96`}>
 
-      <aside className={`fixed inset-y-0 left-0 z-40 contents w-72 overflow-y-auto px-6 pt-4 pb-8 lg:block xl:w-80 lg:pr-8 lg:border-r lg:border-vulcan-300`}>
+      <aside className={`fixed bg-vulcan-600 inset-y-0 left-0 z-40 contents w-72 overflow-y-auto px-6 pt-4 pb-8 lg:block xl:w-96 lg:pr-8 lg:border-r lg:border-vulcan-300`}>
         <div className='ml-auto'>
           <Header navItems={navItems} />
         </div>

components/Page/DocsLayout.tsx

@@ -12,19 +12,19 @@ export interface IHeaderProps {
   navItems?: PageFrontMatter[];
 }
 
-const Header: React.FunctionComponent<IHeaderProps> = forwardRef(({navItems}: React.PropsWithChildren<IHeaderProps>, ref: ForwardedRef<HTMLElement>
-  ) => {
+const Header: React.FunctionComponent<IHeaderProps> = forwardRef(({ navItems }: React.PropsWithChildren<IHeaderProps>, ref: ForwardedRef<HTMLElement>
+) => {
   const router = useRouter();
 
   const isDocs = useMemo(() => {
     return router.pathname.startsWith('/docs');
   }, [router.pathname]);
-  
+
   return (
     <>
       <header
-        ref={ref} 
-        className={`fixed inset-x-0 top-0 z-50 flex h-16 lg:h-20 items-center justify-between px-4 transition sm:px-6 lg:z-30 lg:px-8 bg-vulcan-500/80 backdrop-blur-lg ${isDocs ? "right-0 lg:left-72 xl:left-80" : ""}`}>
+        ref={ref}
+        className={`fixed inset-x-0 top-0 z-50 flex h-16 lg:h-20 items-center justify-between px-4 transition sm:px-6 lg:z-30 lg:px-8 bg-vulcan-500/80 backdrop-blur-lg ${isDocs ? "right-0 lg:left-72 xl:left-96" : ""}`}>
 
         <div className="flex items-center justify-between lg:hidden w-full">
           <Home className='h-12' />
@@ -35,12 +35,12 @@ const Header: React.FunctionComponent<IHeaderProps> = forwardRef(({navItems}: Re
 
           <div className={`flex items-center gap-4`}>
             <Searchbox />
-            
+
             <MobileNavigation navItems={navItems} />
           </div>
         </div>
 
-        <div className={`hidden lg:flex items-center w-full ${ isDocs ? "" : "max-w-7xl mx-auto"}`}>
+        <div className={`hidden lg:flex items-center w-full ${isDocs ? "" : "max-w-7xl mx-auto"}`}>
           <div className="flex items-center justify-between w-full">
             {
               !isDocs && (
@@ -49,8 +49,8 @@ const Header: React.FunctionComponent<IHeaderProps> = forwardRef(({navItems}: Re
             }
 
             <div className="flex items-center gap-6 ml-auto">
-              <GlobalNavigation 
-                listClassName='flex gap-6'/>
+              <GlobalNavigation
+                listClassName='flex gap-6' />
 
               <SocialNavigation />
 

components/Page/Header.tsx

@@ -1,20 +1,25 @@
 # Change Log
 
-## [9.5.0] - 2024-xx-xx
+## [10.0.0] - 2024-02-28 - [Release notes](https://beta.frontmatter.codes/updates/v10.0.0)
 
 ### ✨ New features
 
 - [#731](https://github.com/estruyf/vscode-front-matter/issues/731): Added the ability to map/unmap taxonomy to multiple pages at once
+- [#746](https://github.com/estruyf/vscode-front-matter/issues/746): Placeholder support added to to the `slug` field
 - [#749](https://github.com/estruyf/vscode-front-matter/issues/749): Ability to set your own filters on the content dashboard with the `frontMatter.content.filters` setting
+- [#756](https://github.com/estruyf/vscode-front-matter/issues/756): i18n/multilingual content support
 
 ### 🎨 Enhancements
 
+- [#673](https://github.com/estruyf/vscode-front-matter/pull/673): Added git settings to the welcome view and settings view
 - [#727](https://github.com/estruyf/vscode-front-matter/pull/727): Updated Japanese translations thanks to [mayumihara](https://github.com/mayumih387)
 - [#737](https://github.com/estruyf/vscode-front-matter/issues/737): Optimize the grid layout of the content and media dashboards
+- [#739](https://github.com/estruyf/vscode-front-matter/pull/739): New Git settings to disable and require a commit message
 - [#741](https://github.com/estruyf/vscode-front-matter/issues/741): Added message on the content dashboard when content is processed
 - [#747](https://github.com/estruyf/vscode-front-matter/issues/747): The `@frontmatter/extensibility` dependency now supports scripts for placeholders
-
-### ⚡️ Optimizations
+- [#752](https://github.com/estruyf/vscode-front-matter/issues/752): Placeholder support in default `list` field values
+- Support for using the `fieldCollection` field in a `block` field
+- Updated the list of commands which are available in the command palette
 
 ### 🐞 Fixes
 

content/changelog/CHANGELOG.md

@@ -0,0 +1,110 @@
+---
+title: Version 10.0.0 release notes
+description: Version 10.0.0 of our CMS introduces the much-awaited feature of multilingual support, enabling you to handle content in various languages, new taxonomy view, media content types, and more.
+date: 2024-02-28T10:48:53.569Z
+lastmod: 2024-02-28T14:05:58.491Z
+slug: v10.0.0
+type: changelog
+---
+
+## Multilingual/i18n support
+
+Probably the most requested feature is finally here: multilingual support.
+You can now define the languages and use the CMS to manage your content in multiple languages.
+
+![Multilingual content](/releases/v10.0.0/multilingual-content.png)
+
+The CMS also integrated its first third-party services to provide automatic translations
+for your content. In this release, we added support for [DeepL](https://www.deepl.com)
+and [Azure AI Translator](https://azure.microsoft.com/en-us/products/ai-services/ai-translator).
+
+> **Info**: More information can be found in the [multilingual documentation](/docs/content-creation/multilingual).
+
+## New taxonomy view to tag/untag taxonomy to multiple pages
+
+We added a new taxonomy view action that allows you to tag/untag taxonomy to multiple pages at once.
+
+![Tag your taxonomy](/releases/v10.0.0/taxonomy-tagging.webp)
+
+> **Info**: More information can be found in the [taxonomy documentation](/docs/taxonomy-view#tag-content).
+
+## Media Content Types
+
+We had the request where users wanted to add custom metadata to their media files.
+In this version, we added support for content types for media files.
+
+```json {{ "title": "Example of defining media content types" }}
+{
+  "frontMatter.media.contentTypes": [{
+    "name": "default",
+    "fileTypes": ["png", "jpg", "jpeg", "gif"],
+    "fields": [{
+        "title": "Title",
+        "name": "title",
+        "type": "string"
+      },
+      {
+        "title": "Author",
+        "name": "author",
+        "type": "string"
+      },
+      {
+        "title": "Alt text",
+        "name": "alt",
+        "type": "string"
+      }
+    ]
+  }]
+}
+```
+
+> **Info**: More information can be found in the [media content types documentation](/docs/dashboard/media-view#media-content-types).
+
+## Define the content filters
+
+You can now define the content filters that should be available in the CMS.
+
+```json {{ "title": "Example of adding custom filters" }}
+{
+  "frontMatter.content.filters": [
+    "contentFolders",
+    "tags",
+    {
+      "title": "My custom filter",
+      "name": "field-name",
+    }
+  ]
+}
+```
+
+> **Info**: More information can be found in the [content filters documentation](/docs/dashboard/content-view#filters).
+
+## Related issues/enhancements
+
+### ✨ New features
+
+- [#731](https://github.com/estruyf/vscode-front-matter/issues/731): Added the ability to map/unmap taxonomy to multiple pages at once
+- [#746](https://github.com/estruyf/vscode-front-matter/issues/746): Placeholder support added to to the `slug` field
+- [#749](https://github.com/estruyf/vscode-front-matter/issues/749): Ability to set your own filters on the content dashboard with the `frontMatter.content.filters` setting
+- [#756](https://github.com/estruyf/vscode-front-matter/issues/756): i18n/multilingual content support
+
+### 🎨 Enhancements
+
+- [#673](https://github.com/estruyf/vscode-front-matter/pull/673): Added git settings to the welcome view and settings view
+- [#727](https://github.com/estruyf/vscode-front-matter/pull/727): Updated Japanese translations thanks to [mayumihara](https://github.com/mayumih387)
+- [#737](https://github.com/estruyf/vscode-front-matter/issues/737): Optimize the grid layout of the content and media dashboards
+- [#739](https://github.com/estruyf/vscode-front-matter/pull/739): New Git settings to disable and require a commit message
+- [#741](https://github.com/estruyf/vscode-front-matter/issues/741): Added message on the content dashboard when content is processed
+- [#747](https://github.com/estruyf/vscode-front-matter/issues/747): The `@frontmatter/extensibility` dependency now supports scripts for placeholders
+- [#752](https://github.com/estruyf/vscode-front-matter/issues/752): Placeholder support in default `list` field values
+- Support for using the `fieldCollection` field in a `block` field
+- Updated the list of commands which are available in the command palette
+
+### 🐞 Fixes
+
+- [#721](https://github.com/estruyf/vscode-front-matter/issues/721): Fix keywords regex to support unicode characters
+- [#725](https://github.com/estruyf/vscode-front-matter/issues/725): Fix for opening menu of pinned items
+- [#730](https://github.com/estruyf/vscode-front-matter/issues/730): Add debounce to the input fields
+- [#738](https://github.com/estruyf/vscode-front-matter/issues/738): Fix when re-opening the preview after closing it
+- [#743](https://github.com/estruyf/vscode-front-matter/issues/743): Fix for storing data in YAML data files
+- [#745](https://github.com/estruyf/vscode-front-matter/issues/745): Fix for date field values in `block` field type