feat: Add MDX rehypeSyntaxHighlight plugin options

packages/qwik-city/buildtime/markdown/mdx.ts

@@ -26,24 +26,35 @@ export async function createMdxTransformer(ctx: BuildContext): Promise<MdxTransf
 
   const coreRemarkPlugins = [];
 
-  if (typeof coreMdxPlugins?.remarkGfm === 'undefined' || coreMdxPlugins.remarkGfm) {
+  if (
+    typeof coreMdxPlugins?.remarkGfm === 'undefined' ||
+    (typeof coreMdxPlugins?.remarkGfm === 'boolean' && coreMdxPlugins.remarkGfm)
+  ) {
     coreRemarkPlugins.push(remarkGfm);
+  } else if (typeof coreMdxPlugins?.remarkGfm === 'object') {
+    coreRemarkPlugins.push([remarkGfm, coreMdxPlugins.remarkGfm]);
   }
 
   const coreRehypePlugins = [];
 
   if (
     typeof coreMdxPlugins?.rehypeSyntaxHighlight === 'undefined' ||
-    coreMdxPlugins.rehypeSyntaxHighlight
+    (typeof coreMdxPlugins?.rehypeSyntaxHighlight === 'boolean' &&
+      coreMdxPlugins.rehypeSyntaxHighlight)
   ) {
     coreRehypePlugins.push(rehypeSyntaxHighlight);
+  } else if (typeof coreMdxPlugins?.rehypeSyntaxHighlight === 'object') {
+    coreRehypePlugins.push([rehypeSyntaxHighlight, coreMdxPlugins.rehypeSyntaxHighlight]);
   }
 
   if (
     typeof coreMdxPlugins?.rehypeAutolinkHeadings === 'undefined' ||
-    coreMdxPlugins.rehypeAutolinkHeadings
+    (typeof coreMdxPlugins?.rehypeAutolinkHeadings === 'boolean' &&
+      coreMdxPlugins.rehypeAutolinkHeadings)
   ) {
     coreRehypePlugins.push(rehypeAutolinkHeadings);
+  } else if (typeof coreMdxPlugins?.rehypeAutolinkHeadings === 'object') {
+    coreRehypePlugins.push([rehypeAutolinkHeadings, coreMdxPlugins.rehypeAutolinkHeadings]);
   }
 
   const mdxOpts: CompileOptions = {

packages/qwik-city/buildtime/markdown/syntax-highlight.ts

@@ -3,8 +3,13 @@ import { toString } from 'hast-util-to-string';
 import { visit } from 'unist-util-visit';
 import { refractor } from 'refractor';
 import tsxLang from 'refractor/lang/tsx.js';
+import type { RehypeSyntaxHighlightOptions } from '../types';
+
+export function rehypeSyntaxHighlight(opts?: RehypeSyntaxHighlightOptions): Transformer {
+  if (opts?.setup) {
+    opts.setup(refractor);
+  }
 
-export function rehypeSyntaxHighlight(): Transformer {
   refractor.register(tsxLang);
 
   return async (ast) => {

packages/qwik-city/buildtime/types.ts

@@ -1,3 +1,9 @@
+import type { refractor } from 'refractor';
+import type { Options as RemarkGfmOptions } from 'remark-gfm';
+import type { Options as RehypeAutolinkHeadingsOptions } from 'rehype-autolink-headings';
+
+type Refractor = typeof refractor;
+
 export interface BuildContext {
   rootDir: string;
   opts: NormalizedPluginOptions;
@@ -153,10 +159,14 @@ export interface PluginOptions {
   platform?: Record<string, unknown>;
 }
 
+export interface RehypeSyntaxHighlightOptions {
+  setup?: (refractor: Refractor) => void;
+}
+
 export interface MdxPlugins {
-  remarkGfm: boolean;
-  rehypeSyntaxHighlight: boolean;
-  rehypeAutolinkHeadings: boolean;
+  remarkGfm?: boolean | RemarkGfmOptions;
+  rehypeSyntaxHighlight?: boolean | RehypeSyntaxHighlightOptions;
+  rehypeAutolinkHeadings?: boolean | RehypeAutolinkHeadingsOptions;
 }
 
 export interface NormalizedPluginOptions extends Required<PluginOptions> {}

packages/qwik-city/buildtime/vite/api.md

@@ -6,6 +6,9 @@
 
 import { CompileOptions } from '@mdx-js/mdx/lib/compile';
 import { ConfigEnv } from 'vite';
+import type { Options } from 'remark-gfm';
+import type { Options as Options_2 } from 'rehype-autolink-headings';
+import type { refractor } from 'refractor';
 import { UserConfigExport } from 'vite';
 
 // @public (undocumented)