@mintlify/common 1.0.589 → 1.0.590

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, 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,
         ],

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));
+                    }
+                }
+            }
+        });
+    };
+};