@x-wave/blog 1.1.1 → 1.1.3

package/package.json

@@ -1,12 +1,15 @@
 {
   "name": "@x-wave/blog",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "type": "module",
   "exports": {
     ".": {
       "import": "./index.js",
       "types": "./index.d.ts"
     },
+    "./vite": {
+      "import": "./vite/index.js"
+    },
     "./locales": {
       "import": "./locales/index.js",
       "types": "./locales/index.d.ts"
@@ -41,12 +44,10 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-i18next": "^15.7.3",
-    "react-router-dom": "^7.9.1",
-    "react-helmet-async": "^2.0.5"
+    "react-router-dom": "^7.9.1"
   },
   "devDependencies": {
     "@vitejs/plugin-react-swc": "^3.10.1",
-    "react-helmet-async": "^2.0.5",
     "sass": "^1.97.3",
     "vite": "^6.3.5",
     "vite-tsconfig-paths": "^5.1.4"

package/vite/index.js

@@ -0,0 +1,143 @@
+import fs from 'node:fs'
+import { createRequire } from 'node:module'
+import path from 'node:path'
+import react from '@vitejs/plugin-react-swc'
+import { defineConfig } from 'vite'
+import checker from 'vite-plugin-checker'
+import svgr from 'vite-plugin-svgr'
+import tsconfigPaths from 'vite-tsconfig-paths'
+
+const require = createRequire(import.meta.url)
+const vitePrerender = require('vite-plugin-prerender')
+
+const normalizeBasePath = (basePath) => {
+	const value = basePath || '/'
+	if (value === '/') return '/'
+	const withLeadingSlash = value.startsWith('/') ? value : `/${value}`
+	return withLeadingSlash.endsWith('/')
+		? withLeadingSlash.slice(0, -1)
+		: withLeadingSlash
+}
+
+const normalizeRoute = (route) => {
+	if (route === '/') return '/'
+	const withLeadingSlash = route.startsWith('/') ? route : `/${route}`
+	return withLeadingSlash.endsWith('/')
+		? withLeadingSlash.slice(0, -1)
+		: withLeadingSlash
+}
+
+const resolvePrerenderRoutes = (docsAbsolutePath, additionalRoutes = []) => {
+	const routes = new Set(['/'])
+
+	for (const route of additionalRoutes) {
+		routes.add(normalizeRoute(route))
+	}
+
+	if (!fs.existsSync(docsAbsolutePath)) {
+		return Array.from(routes)
+	}
+
+	const languageDirs = fs
+		.readdirSync(docsAbsolutePath, { withFileTypes: true })
+		.filter((entry) => entry.isDirectory())
+		.map((entry) => entry.name)
+
+	for (const language of languageDirs) {
+		routes.add(`/${language}`)
+
+		const languageDir = path.join(docsAbsolutePath, language)
+		const mdxFiles = fs
+			.readdirSync(languageDir, { withFileTypes: true })
+			.filter((entry) => entry.isFile() && entry.name.endsWith('.mdx'))
+
+		for (const file of mdxFiles) {
+			if (file.name.endsWith('-advanced.mdx')) continue
+			const slug = file.name.replace(/\.mdx$/, '')
+			routes.add(`/${language}/${slug}`)
+		}
+	}
+
+	return Array.from(routes)
+}
+
+export function createBlogViteConfig(options = {}) {
+	const {
+		basePath = process.env.VITE_BASE_PATH || '/',
+		docsDir = 'src/docs',
+		renderTarget = '#root',
+		renderAfterTime = 1200,
+		additionalPrerenderRoutes = [],
+		enableTypeChecker = true,
+		baseConfig = {},
+	} = options
+
+	const base = normalizeBasePath(basePath)
+	const docsAbsolutePath = path.resolve(process.cwd(), docsDir)
+	const routes = resolvePrerenderRoutes(
+		docsAbsolutePath,
+		additionalPrerenderRoutes,
+	)
+
+	const plugins = [react(), svgr(), tsconfigPaths()]
+
+	if (enableTypeChecker) {
+		plugins.push(checker({ typescript: true }))
+	}
+
+	plugins.push(
+		vitePrerender({
+			staticDir: path.join(process.cwd(), 'dist'),
+			renderTarget,
+			routes,
+			renderer: new vitePrerender.PuppeteerRenderer({
+				renderAfterTime,
+			}),
+		}),
+	)
+
+	const blogConfig = {
+		base,
+		plugins,
+		css: {
+			preprocessorOptions: {
+				scss: {
+					api: 'modern-compiler',
+				},
+			},
+			modules: {
+				localsConvention: 'camelCase',
+			},
+		},
+		optimizeDeps: {
+			include: ['react/jsx-runtime'],
+		},
+	}
+
+	// Merge with base config
+	return defineConfig({
+		...baseConfig,
+		...blogConfig,
+		plugins: [...(baseConfig.plugins || []), ...plugins],
+		css: {
+			...(baseConfig.css || {}),
+			...blogConfig.css,
+			preprocessorOptions: {
+				...(baseConfig.css?.preprocessorOptions || {}),
+				...blogConfig.css.preprocessorOptions,
+			},
+			modules: {
+				...(baseConfig.css?.modules || {}),
+				...blogConfig.css.modules,
+			},
+		},
+		optimizeDeps: {
+			...(baseConfig.optimizeDeps || {}),
+			...blogConfig.optimizeDeps,
+			include: [
+				...(baseConfig.optimizeDeps?.include || []),
+				...(blogConfig.optimizeDeps?.include || []),
+			],
+		},
+	})
+}