@mintlify/common 1.0.589 → 1.0.591

package/dist/mdx/getMDXOptions.js

@@ -1,4 +1,4 @@
-import { rehypeCodeBlocks, rehypeDynamicTailwindCss, rehypeMdxExtractEndpoint, rehypeMdxExtractExamples, rehypeParamFieldIds, rehypeRawComponents, rehypeUnicodeIds, rehypeZoomImages, remarkExtractChangelogFilters, remarkExtractTableOfContents, remarkFrames, remarkComponentIds, remarkMdxInjectSnippets, remarkMdxRemoveUnusedVariables, remarkRemoveImports, remarkMdxExtractPanel, } from './plugins/index.js';
+import { rehypeCodeBlocks, rehypeDynamicTailwindCss, rehypeMdxExtractEndpoint, rehypeMdxExtractExamples, rehypeParamFieldIds, rehypeRawComponents, rehypeTable, rehypeUnicodeIds, rehypeZoomImages, remarkExtractChangelogFilters, remarkExtractTableOfContents, remarkFrames, remarkComponentIds, remarkMdxInjectSnippets, remarkMdxRemoveUnusedVariables, remarkRemoveImports, remarkMdxExtractPanel, remarkVideo, } from './plugins/index.js';
 import { remarkMdxRemoveUnknownJsx } from './plugins/remark/remarkMdxRemoveUnknownJsx/index.js';
 import { remarkMermaid } from './plugins/remark/remarkMermaid.js';
 // avoid running extractors unnecessarily
@@ -22,6 +22,7 @@ export const getMDXOptions = ({ data, remarkPlugins = [], rehypePlugins = [], md
             remarkFrames,
             remarkRemoveImports,
             remarkMermaid,
+            remarkVideo,
             ...remarkPlugins,
             remarkMdxRemoveUnknownJsx,
         ],
@@ -29,6 +30,7 @@ export const getMDXOptions = ({ data, remarkPlugins = [], rehypePlugins = [], md
             rehypeCodeBlocks,
             rehypeParamFieldIds,
             ...rehypeExtractors(mdxExtracts, data),
+            rehypeTable,
             rehypeRawComponents,
             rehypeZoomImages,
             rehypeUnicodeIds,

package/dist/mdx/plugins/rehype/index.d.ts

@@ -3,6 +3,7 @@ export * from './rehypeMdxExtractEndpoint/index.js';
 export * from './rehypeMdxExtractExamples.js';
 export * from './rehypeParamFieldIds.js';
 export * from './rehypeRawComponents.js';
+export * from './rehypeTable.js';
 export * from './rehypeZoomImages.js';
 export * from './rehypeUnicodeIds.js';
 export * from './rehypeDynamicTailwindCss.js';

package/dist/mdx/plugins/rehype/index.js

@@ -3,6 +3,7 @@ export * from './rehypeMdxExtractEndpoint/index.js';
 export * from './rehypeMdxExtractExamples.js';
 export * from './rehypeParamFieldIds.js';
 export * from './rehypeRawComponents.js';
+export * from './rehypeTable.js';
 export * from './rehypeZoomImages.js';
 export * from './rehypeUnicodeIds.js';
 export * from './rehypeDynamicTailwindCss.js';

package/dist/mdx/plugins/rehype/rehypeTable.d.ts

@@ -0,0 +1,2 @@
+import type { Pluggable } from 'unified';
+export declare const rehypeTable: Pluggable;

package/dist/mdx/plugins/rehype/rehypeTable.js

@@ -0,0 +1,21 @@
+import { u } from 'unist-builder';
+import { visit } from 'unist-util-visit';
+import { createMdxJsxAttribute } from '../../lib/remark-utils.js';
+export const rehypeTable = () => {
+    return (tree) => {
+        visit(tree, 'element', (node, index, parent) => {
+            if (node.tagName === 'table' && parent && index !== undefined) {
+                const attributes = Object.entries(node.properties).map(([key, value]) => {
+                    const attributeValue = Array.isArray(value) ? value.join(' ') : value;
+                    const attributeName = key === 'class' ? 'className' : key;
+                    return createMdxJsxAttribute(attributeName, attributeValue);
+                });
+                const tableComponent = u('mdxJsxFlowElement', {
+                    name: 'Table',
+                    attributes,
+                }, node.children);
+                parent.children.splice(index, 1, tableComponent);
+            }
+        });
+    };
+};

package/dist/mdx/plugins/remark/index.d.ts

@@ -14,3 +14,4 @@ export * from './remarkComponentIds.js';
 export * from './remarkMdxExtractPanel.js';
 export * from './remarkValidateSteps.js';
 export * from './remarkValidateTabs.js';
+export * from './remarkVideo.js';

package/dist/mdx/plugins/remark/index.js

@@ -14,3 +14,4 @@ export * from './remarkComponentIds.js';
 export * from './remarkMdxExtractPanel.js';
 export * from './remarkValidateSteps.js';
 export * from './remarkValidateTabs.js';
+export * from './remarkVideo.js';

package/dist/mdx/plugins/remark/remarkVideo.d.ts

@@ -0,0 +1,2 @@
+import type { Root } from 'mdast';
+export declare const remarkVideo: () => (tree: Root) => void;

package/dist/mdx/plugins/remark/remarkVideo.js

@@ -0,0 +1,25 @@
+import { visit } from 'unist-util-visit';
+import { createMdxJsxAttribute } from '../../lib/remark-utils.js';
+export const remarkVideo = () => {
+    return (tree) => {
+        visit(tree, 'mdxJsxFlowElement', (node) => {
+            if (node.name === 'video') {
+                const hasAutoPlay = node.attributes.some((attr) => attr.type === 'mdxJsxAttribute' && attr.name === 'autoPlay');
+                if (hasAutoPlay) {
+                    const hasPlaysInline = node.attributes.some((attr) => attr.type === 'mdxJsxAttribute' && attr.name === 'playsInline');
+                    const hasLoop = node.attributes.some((attr) => attr.type === 'mdxJsxAttribute' && attr.name === 'loop');
+                    const hasMuted = node.attributes.some((attr) => attr.type === 'mdxJsxAttribute' && attr.name === 'muted');
+                    if (!hasPlaysInline) {
+                        node.attributes.push(createMdxJsxAttribute('playsInline', true));
+                    }
+                    if (!hasLoop) {
+                        node.attributes.push(createMdxJsxAttribute('loop', true));
+                    }
+                    if (!hasMuted) {
+                        node.attributes.push(createMdxJsxAttribute('muted', true));
+                    }
+                }
+            }
+        });
+    };
+};