create-unmint 1.3.0 → 1.3.2

package/dist/index.js

@@ -877,33 +877,12 @@ async function createMdxComponents(targetDir, appDir) {
   }
   const componentsPath = appDir.includes("src") ? "@/app/components/docs/mdx" : "@/app/components/docs/mdx";
   const content = `import type { MDXComponents } from 'mdx/types'
-import defaultComponents from 'fumadocs-ui/mdx'
-import { Accordion } from '${componentsPath}/accordion'
-import { Callout, Note, Tip, Warning, Info } from '${componentsPath}/callout'
-import { Card, CardGroup } from '${componentsPath}/card'
-import { CodeBlock } from '${componentsPath}/code-block'
-import { Frame } from '${componentsPath}/frame'
-import { Steps, Step } from '${componentsPath}/steps'
-import { Tab, Tabs } from '${componentsPath}/tabs'
+import { getMDXComponents } from '${componentsPath}'
 
 export function useMDXComponents(components: MDXComponents): MDXComponents {
   return {
-    ...defaultComponents,
+    ...getMDXComponents(),
     ...components,
-    Accordion,
-    Callout,
-    Note,
-    Tip,
-    Warning,
-    Info,
-    Card,
-    CardGroup,
-    CodeBlock,
-    Frame,
-    Steps,
-    Step,
-    Tab,
-    Tabs,
   }
 }
 `;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-unmint",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "description": "Create a new Unmint documentation project",
   "type": "module",
   "bin": {

package/template/app/docs/[[...slug]]/page.tsx

@@ -6,7 +6,7 @@ import { getMDXComponents } from '../../components/docs/mdx'
 import { findNeighbour } from 'fumadocs-core/page-tree'
 import type { Metadata } from 'next'
 import type { Root, Node } from 'fumadocs-core/page-tree'
-import { siteConfig, themeConfig } from '@/lib/theme-config'
+import { getSiteUrl } from '@/lib/theme-config'
 
 interface PageProps {
   params: Promise<{ slug?: string[] }>
@@ -108,7 +108,9 @@ export async function generateMetadata({ params }: PageProps): Promise<Metadata>
   const description = page.data.description
 
   // Build OG image URL with query params
-  const ogImageUrl = new URL(`${siteConfig.url}/api/og`)
+  // getSiteUrl() auto-detects Vercel deployments
+  const baseUrl = getSiteUrl()
+  const ogImageUrl = new URL(`${baseUrl}/api/og`)
   ogImageUrl.searchParams.set('title', title)
   ogImageUrl.searchParams.set('section', section)
 
@@ -119,7 +121,7 @@ export async function generateMetadata({ params }: PageProps): Promise<Metadata>
       title,
       description,
       type: 'article',
-      url: `${siteConfig.url}${page.url}`,
+      url: `${baseUrl}${page.url}`,
       images: [
         {
           url: ogImageUrl.toString(),

package/template/lib/theme-config.ts

@@ -87,3 +87,18 @@ export function getCSSVariables(mode: 'light' | 'dark') {
     '--accent-muted': colors.accentMuted,
   }
 }
+
+/**
+ * Get the site URL dynamically
+ * Priority: NEXT_PUBLIC_SITE_URL > VERCEL_URL > siteConfig.url
+ * This allows OG images to work automatically on Vercel without configuration
+ */
+export function getSiteUrl(): string {
+  if (process.env.NEXT_PUBLIC_SITE_URL) {
+    return process.env.NEXT_PUBLIC_SITE_URL
+  }
+  if (process.env.VERCEL_URL) {
+    return `https://${process.env.VERCEL_URL}`
+  }
+  return siteConfig.url
+}