wip: restructure

wevm · Oct 22, 2023 · aba71fe · aba71fe
1 parent c95f0d6
commit aba71fe
Show file tree

Hide file tree

Showing 6 changed files with 60 additions and 55 deletions.
diff --git a/src/vite/plugins/mdx.ts b/src/vite/plugins/mdx.ts
@@ -0,0 +1,53 @@
+import rehypePrettyCode from '@jmoxey/rehype-pretty-code'
+import mdxPlugin from '@mdx-js/rollup'
+import remarkDirective from 'remark-directive'
+import remarkFrontmatter from 'remark-frontmatter'
+import remarkGfm from 'remark-gfm'
+import remarkMdxFrontmatter from 'remark-mdx-frontmatter'
+import {
+  createDiffProcessor,
+  createFocusProcessor,
+  createHighlightProcessor,
+  getHighlighter,
+} from 'shiki-processor'
+import type { PluginOption } from 'vite'
+
+import { remarkCallout } from './remark/callout.js'
+import { remarkCodeGroup } from './remark/code-group.js'
+import { remarkSubheading } from './remark/subheading.js'
+
+export function mdx(): PluginOption {
+  return mdxPlugin({
+    remarkPlugins: [
+      remarkDirective,
+      remarkFrontmatter,
+      remarkMdxFrontmatter,
+      remarkGfm,
+      remarkCallout,
+      remarkCodeGroup,
+      remarkSubheading,
+    ],
+    rehypePlugins: [
+      [
+        rehypePrettyCode as any,
+        {
+          keepBackground: false,
+          getHighlighter(options: any) {
+            return getHighlighter({
+              ...options,
+              processors: [
+                createDiffProcessor(),
+                createFocusProcessor(),
+                createHighlightProcessor(),
+              ],
+            })
+          },
+          theme: {
+            dark: 'github-dark-dimmed',
+            light: 'github-light',
+          },
+        },
+      ],
+    ],
+  })
+}
diff --git a/src/vite/remark/callout.ts → src/vite/plugins/remark/callout.ts b/src/vite/remark/callout.ts → src/vite/plugins/remark/callout.ts
diff --git a/src/vite/remark/code-group.ts → src/vite/plugins/remark/code-group.ts b/src/vite/remark/code-group.ts → src/vite/plugins/remark/code-group.ts
diff --git a/src/vite/remark/subheading.ts → src/vite/plugins/remark/subheading.ts b/src/vite/remark/subheading.ts → src/vite/plugins/remark/subheading.ts
diff --git a/src/vite/plugins/routes.ts b/src/vite/plugins/routes.ts
@@ -1,9 +1,12 @@
+import { resolve } from 'node:path'
 import { globby } from 'globby'
 import type { PluginOption } from 'vite'
 
-type RoutesParameters = { paths: string }
+type RoutesParameters = { paths?: string }
 
-export function routes({ paths: glob }: RoutesParameters): PluginOption {
+export function routes({
+  paths: glob = resolve(process.cwd(), './pages/**/*.{md,mdx,ts,tsx,js,jsx}'),
+}: RoutesParameters = {}): PluginOption {
   const virtualModuleId = 'virtual:routes'
   const resolvedVirtualModuleId = `\0${virtualModuleId}`
 

diff --git a/src/vite/vite.config.ts b/src/vite/vite.config.ts
@@ -1,24 +1,9 @@
-import { resolve } from 'node:path'
-import rehypePrettyCode from '@jmoxey/rehype-pretty-code'
-import mdx from '@mdx-js/rollup'
 import react from '@vitejs/plugin-react'
 import * as autoprefixer from 'autoprefixer'
-import remarkDirective from 'remark-directive'
-import remarkFrontmatter from 'remark-frontmatter'
-import remarkGfm from 'remark-gfm'
-import remarkMdxFrontmatter from 'remark-mdx-frontmatter'
-import {
-  createDiffProcessor,
-  createFocusProcessor,
-  createHighlightProcessor,
-  getHighlighter,
-} from 'shiki-processor'
 import { defineConfig } from 'vite'
 
+import { mdx } from './plugins/mdx.js'
 import { routes } from './plugins/routes.js'
-import { remarkCallout } from './remark/callout.js'
-import { remarkCodeGroup } from './remark/code-group.js'
-import { remarkSubheading } from './remark/subheading.js'
 
 export default defineConfig({
   css: {
@@ -31,41 +16,5 @@ export default defineConfig({
       allow: ['..'],
     },
   },
-  plugins: [
-    react(),
-    mdx({
-      remarkPlugins: [
-        remarkDirective,
-        remarkFrontmatter,
-        remarkMdxFrontmatter,
-        remarkGfm,
-        remarkCallout,
-        remarkCodeGroup,
-        remarkSubheading,
-      ],
-      rehypePlugins: [
-        [
-          rehypePrettyCode as any,
-          {
-            keepBackground: false,
-            getHighlighter(options: any) {
-              return getHighlighter({
-                ...options,
-                processors: [
-                  createDiffProcessor(),
-                  createFocusProcessor(),
-                  createHighlightProcessor(),
-                ],
-              })
-            },
-            theme: {
-              dark: 'github-dark-dimmed',
-              light: 'github-light',
-            },
-          },
-        ],
-      ],
-    }),
-    routes({ paths: resolve(process.cwd(), './pages/**/*.{md,mdx,ts,tsx,js,jsx}') }),
-  ],
+  plugins: [react(), mdx(), routes()],
 })