@mintlify/astro 0.1.6 → 0.1.8

package/dist/utils/extract-react-components.js

@@ -2,7 +2,7 @@ import { compile } from '@mdx-js/mdx';
 import { visit, SKIP } from 'unist-util-visit';
 import { mkdir, writeFile } from 'node:fs/promises';
 import { join, dirname, relative, posix, sep } from 'node:path';
-import { getAST, stringifyTree, findExportedNodes, getExportMapFromTree, isMdxJsxAttribute, createMdxJsxAttribute, allowedComponents, } from '@mintlify/common';
+import { getAST, stringifyTree, findExportedNodes, getExportMapFromTree, isMdxJsxAttribute, createMdxJsxAttribute, allowedComponents, rehypeCodeBlocks, } from '@mintlify/common';
 import { getLogger } from './logger.js';
 const COMPOUND_COMPONENTS = new Set([
     'Accordion',
@@ -130,6 +130,7 @@ async function compileCompoundComponent(wrapperName, mdxSource) {
         outputFormat: 'program',
         development: false,
         providerImportSource: MDX_COMPONENTS_PATH,
+        rehypePlugins: [rehypeCodeBlocks],
     });
     const compiledStr = String(compiled)
         .replace(/export default function MDXContent/g, `export function ${wrapperName}`)

package/dist/utils/mintlify-components.d.ts

@@ -4,9 +4,11 @@ export declare const components: {
     Accordion: (({ title, description, defaultOpen, icon, iconType, children, className, _disabled, trackOpen, trackClose, onMount, topOffset, getInitialOpenFromUrl, onUrlStateChange, _onKeyDownCapture, }: import("@mintlify/components").AccordionProps) => import("react/jsx-runtime").JSX.Element) & {
         Group: ({ children, className }: import("@mintlify/components").AccordionGroupProps) => import("react/jsx-runtime").JSX.Element;
     };
+    AccordionGroup: ({ children, className }: import("@mintlify/components").AccordionGroupProps) => import("react/jsx-runtime").JSX.Element;
     Badge: ({ children, className, color, shape, variant: variantProp, stroke, disabled, size, leadIcon, tailIcon: tailIconProp, icon, iconType, iconLibrary, onClick, href, }: import("@mintlify/components").BadgeProps) => import("react/jsx-runtime").JSX.Element;
     Callout: ({ children, variant, icon, iconType, iconLibrary, color, className, ariaLabel, }: import("@mintlify/components").CalloutProps) => import("react/jsx-runtime").JSX.Element;
     Card: ({ title, icon, iconType, iconLibrary, color, horizontal, href, img, children, disabled, cta, arrow, as, className, }: import("@mintlify/components").CardComponentProps) => import("react/jsx-runtime").JSX.Element;
+    CardGroup: ({ children, className, cols }: import("@mintlify/components").ColumnsProps) => import("react/jsx-runtime").JSX.Element;
     Check: (props: {
         children: ReactNode;
         className?: string | undefined;
@@ -57,6 +59,7 @@ export declare const components: {
     }) => import("react/jsx-runtime").JSX.Element;
     Panel: ({ children, className, ...props }: import("@mintlify/components").PanelProps) => import("react/jsx-runtime").JSX.Element;
     Property: ({ name, type, location, hidden, default: defaultValue, required, deprecated, children, id, pre, post, className, onMount, navigateToHeaderAriaLabel, defaultLabel, requiredLabel, deprecatedLabel, }: import("@mintlify/components").PropertyProps) => import("react/jsx-runtime").JSX.Element | null;
+    ResponseField: ({ name, type, location, hidden, default: defaultValue, required, deprecated, children, id, pre, post, className, onMount, navigateToHeaderAriaLabel, defaultLabel, requiredLabel, deprecatedLabel, }: import("@mintlify/components").PropertyProps) => import("react/jsx-runtime").JSX.Element | null;
     Steps: {
         ({ children, titleSize, className }: import("@mintlify/components").StepsProps): import("react/jsx-runtime").JSX.Element;
         Item: ({ stepNumber, icon, iconType, iconLibrary, title, children, titleSize, className, isLast, id, noAnchor, scrollElementIntoView, onRegisterHeading, onUnregisterHeading, _hasContext, onCopyAnchorLink, }: import("@mintlify/components").StepsItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/utils/mintlify-components.js

@@ -3,9 +3,11 @@ import { Accordion, Badge, Callout, Card, Check, CodeBlock, CodeGroup, Color, Co
 const Wrapper = ({ children }) => (_jsx("div", { children: children }));
 const MintlifyComponents = {
     Accordion,
+    AccordionGroup: Accordion.Group,
     Badge,
     Callout,
     Card,
+    CardGroup: Columns,
     Check,
     CodeBlock,
     CodeGroup,
@@ -20,6 +22,7 @@ const MintlifyComponents = {
     Note,
     Panel,
     Property,
+    ResponseField: Property,
     Steps,
     Tabs,
     Tile,
@@ -30,10 +33,8 @@ const MintlifyComponents = {
     Warning,
 };
 const placeholderComponents = {
-    AccordionGroup: Wrapper,
-    ApiPlayground: Wrapper,
-    CardGroup: Wrapper,
     Column: Wrapper,
+    ApiPlayground: Wrapper,
     CustomCode: Wrapper,
     CustomComponent: Wrapper,
     DynamicCustomComponent: Wrapper,
@@ -47,7 +48,6 @@ const placeholderComponents = {
     PreviewButton: Wrapper,
     RequestExample: Wrapper,
     ResponseExample: Wrapper,
-    ResponseField: Wrapper,
     Snippet: Wrapper,
     SnippetGroup: Wrapper,
     View: Wrapper,

package/dist/utils/virtual-components-plugin.d.ts

@@ -0,0 +1,2 @@
+import type { Plugin } from 'vite';
+export declare function virtualComponentsPlugin(overrides: Record<string, string>): Plugin;

package/dist/utils/virtual-components-plugin.js

@@ -0,0 +1,31 @@
+const VIRTUAL_MODULE_ID = 'mintlify:components';
+const RESOLVED_VIRTUAL_MODULE_ID = '\0mintlify:components';
+export function virtualComponentsPlugin(overrides) {
+    return {
+        name: 'mintlify-virtual-components',
+        resolveId(id) {
+            if (id === VIRTUAL_MODULE_ID) {
+                return RESOLVED_VIRTUAL_MODULE_ID;
+            }
+        },
+        load(id) {
+            if (id !== RESOLVED_VIRTUAL_MODULE_ID)
+                return;
+            const entries = Object.entries(overrides);
+            if (entries.length === 0) {
+                return `export { components, useMDXComponents } from '@mintlify/astro/components';`;
+            }
+            const importLines = entries.map(([name, absPath]) => `import ${name} from '${absPath}';`);
+            const overrideKeys = entries.map(([name]) => name).join(', ');
+            return [
+                `import { components as defaultComponents, useMDXComponents as defaultUseMDXComponents } from '@mintlify/astro/components';`,
+                ...importLines,
+                `const overrides = { ${overrideKeys} };`,
+                `export const components = { ...defaultComponents, ...overrides };`,
+                `export function useMDXComponents() {`,
+                `  return { ...defaultUseMDXComponents(), ...overrides };`,
+                `}`,
+            ].join('\n');
+        },
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mintlify/astro",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "description": "Mintlify integration for Astro",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",