feat: integrate slidev prettier plugin (#412)

Author: antfu

package.json

@@ -44,6 +44,7 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.4",
     "eslint-plugin-svelte": "^2.34.1",
+    "prettier-plugin-slidev": "^1.0.5",
     "svelte-eslint-parser": "^0.33.1"
   },
   "peerDependenciesMeta": {
@@ -65,6 +66,9 @@
     "eslint-plugin-svelte": {
       "optional": true
     },
+    "prettier-plugin-slidev": {
+      "optional": true
+    },
     "svelte-eslint-parser": {
       "optional": true
     }
@@ -132,6 +136,7 @@
     "fast-glob": "^3.3.2",
     "fs-extra": "^11.2.0",
     "lint-staged": "^15.2.1",
+    "prettier-plugin-slidev": "^1.0.5",
     "rimraf": "^5.0.5",
     "simple-git-hooks": "^2.9.0",
     "svelte": "^4.2.9",

pnpm-lock.yaml

@@ -1,3 +1,4 @@
+import { isPackageExists } from 'local-pkg'
 import { GLOB_CSS, GLOB_LESS, GLOB_MARKDOWN, GLOB_POSTCSS, GLOB_SCSS } from '../globs'
 import type { VendoredPrettierOptions } from '../vender/prettier-types'
 import { ensurePackages, interopDefault, parserPlain } from '../utils'
@@ -8,19 +9,24 @@ export async function formatters(
   options: OptionsFormatters | true = {},
   stylistic: StylisticConfig = {},
 ): Promise<FlatConfigItem[]> {
-  await ensurePackages([
-    'eslint-plugin-format',
-  ])
-
   if (options === true) {
     options = {
       css: true,
       graphql: true,
       html: true,
       markdown: true,
+      slidev: isPackageExists('@slidev/cli'),
     }
   }
 
+  await ensurePackages([
+    'eslint-plugin-format',
+    options.markdown && options.slidev ? 'prettier-plugin-slidev' : undefined,
+  ])
+
+  if (options.slidev && options.markdown !== true && options.markdown !== 'prettier')
+    throw new Error('`slidev` option only works when `markdown` is enabled with `prettier`')
+
   const {
     indent,
     quotes,
@@ -139,8 +145,15 @@ export async function formatters(
       ? 'prettier'
       : options.markdown
 
+    const GLOB_SLIDEV = !options.slidev
+      ? []
+      : options.slidev === true
+        ? ['**/slides.md']
+        : options.slidev.files
+
     configs.push({
       files: [GLOB_MARKDOWN],
+      ignores: GLOB_SLIDEV,
       languageOptions: {
         parser: parserPlain,
       },
@@ -162,6 +175,30 @@ export async function formatters(
         ],
       },
     })
+
+    if (options.slidev) {
+      configs.push({
+        files: GLOB_SLIDEV,
+        languageOptions: {
+          parser: parserPlain,
+        },
+        name: 'antfu:formatter:slidev',
+        rules: {
+          'format/prettier': [
+            'error',
+            {
+              printWidth: 120,
+              ...prettierOptions,
+              embeddedLanguageFormatting: 'off',
+              parser: 'slidev',
+              plugins: [
+                'prettier-plugin-slidev',
+              ],
+            },
+          ],
+        },
+      })
+    }
   }
 
   if (options.graphql) {

src/configs/formatters.ts

@@ -143,6 +143,15 @@ export interface OptionsFormatters {
    * By default it's controlled by our own config.
    */
   dprintOptions?: boolean
+
+  /**
+   * Install the prettier plugin for handle Slidev markdown
+   *
+   * Only works when `markdown` is enabled with `prettier`.
+   */
+  slidev?: boolean | {
+    files?: string[]
+  }
 }
 
 export interface OptionsComponentExts {

src/types.ts

@@ -51,11 +51,11 @@ export async function interopDefault<T>(m: Awaitable<T>): Promise<T extends { de
   return (resolved as any).default || resolved
 }
 
-export async function ensurePackages(packages: string[]) {
+export async function ensurePackages(packages: (string | undefined)[]) {
   if (process.env.CI || process.stdout.isTTY === false)
     return
 
-  const nonExistingPackages = packages.filter(i => !isPackageExists(i))
+  const nonExistingPackages = packages.filter(i => i && !isPackageExists(i)) as string[]
   if (nonExistingPackages.length === 0)
     return