@mintlify/common 1.0.688 → 1.0.689

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

@@ -1,3 +1,6 @@
+import type { Program, Property } from 'estree-jsx';
 import type { Root } from 'mdast';
 export declare function isStringSafe(value: string): boolean;
-export declare const remarkMdxRemoveJs: () => (tree: Root) => void;
+export declare function filterStyleProperties(estree: Program): Program | null;
+export declare function rebuildStyleValue(properties: Property[]): string;
+export declare function remarkMdxRemoveJs(): (tree: Root) => void;

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

@@ -114,7 +114,10 @@ const DEFAULT_PROP_EXPRESSIONS = {
     securitySchemes: { value: '{}', estree: objectEstree },
     security: { value: '{}', estree: objectEstree },
     authMethod: { value: '"bearer"', estree: createStringEstree('bearer') },
-    playground: { value: '"interactive"', estree: createStringEstree('interactive') },
+    playground: {
+        value: '"interactive"',
+        estree: createStringEstree('interactive'),
+    },
     server: { value: '""', estree: createStringEstree('') },
     metadata: { value: '{}', estree: objectEstree },
     content: { value: '""', estree: createStringEstree('') },
@@ -174,41 +177,60 @@ export function isStringSafe(value) {
             return false;
     }
 }
-export const remarkMdxRemoveJs = () => (tree) => {
-    remove(tree, ['mdxTextExpression', 'mdxFlowExpression']);
-    remove(tree, (node) => {
-        var _a;
-        if (!isMdxJsEsm(node))
-            return false;
-        if (((_a = node.data) === null || _a === void 0 ? void 0 : _a.estree) && !isFunction(node.data.estree))
-            return false;
-        const value = node.value;
-        const containsReact = REACT_HOOKS.some((hook) => value.includes(hook) || value.includes('React.' + hook.toLowerCase()));
-        return containsReact;
-    });
-    visit(tree, (node) => {
-        if (!('attributes' in node))
-            return CONTINUE;
-        const newAttributes = node.attributes.map((attr) => {
-            var _a, _b, _c, _d;
-            if (attr.type === 'mdxJsxAttribute' && !(attr.value instanceof Object))
-                return attr;
-            if (typeof attr.value === 'string' && isStringSafe(attr.value))
-                return attr;
-            if (attr.type === 'mdxJsxAttribute' && attr.value instanceof Object) {
-                if (isStringSafe(attr.value.value))
-                    return attr;
-                if (Object.keys(DEFAULT_PROP_EXPRESSIONS).includes(attr.name)) {
-                    attr.value.value = (_b = (_a = DEFAULT_PROP_EXPRESSIONS[attr.name]) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '{}';
-                    attr.value.data = { estree: (_d = (_c = DEFAULT_PROP_EXPRESSIONS[attr.name]) === null || _c === void 0 ? void 0 : _c.estree) !== null && _d !== void 0 ? _d : objectEstree };
-                    return attr;
-                }
-            }
-            return undefined;
-        });
-        node.attributes = newAttributes.filter((attr) => attr !== undefined);
+function isStylePropertyValueSafe(property) {
+    if (property.computed)
+        return false;
+    const value = property.value;
+    if (value.type === 'Literal')
+        return true;
+    if (value.type === 'UnaryExpression' &&
+        value.operator === '-' &&
+        value.argument.type === 'Literal' &&
+        typeof value.argument.value === 'number') {
+        return true;
+    }
+    return false;
+}
+export function filterStyleProperties(estree) {
+    if (!estree.body.length)
+        return null;
+    const stmt = estree.body[0];
+    if ((stmt === null || stmt === void 0 ? void 0 : stmt.type) !== 'ExpressionStatement')
+        return null;
+    const expr = stmt.expression;
+    if (expr.type !== 'ObjectExpression')
+        return null;
+    const safeProperties = expr.properties.filter((prop) => prop.type === 'Property' && isStylePropertyValueSafe(prop));
+    if (safeProperties.length === 0)
+        return null;
+    const newExpr = Object.assign(Object.assign({}, expr), { properties: safeProperties });
+    return Object.assign(Object.assign({}, estree), { body: [
+            Object.assign(Object.assign({}, stmt), { expression: newExpr }),
+        ] });
+}
+export function rebuildStyleValue(properties) {
+    const parts = properties.map((prop) => {
+        const key = prop.key.type === 'Identifier'
+            ? prop.key.name
+            : prop.key.type === 'Literal'
+                ? `'${String(prop.key.value).replace(/'/g, "\\'")}'`
+                : '';
+        let val = '';
+        if (prop.value.type === 'Literal') {
+            val =
+                typeof prop.value.value === 'string'
+                    ? `'${String(prop.value.value).replace(/'/g, "\\'")}'`
+                    : String(prop.value.value);
+        }
+        else if (prop.value.type === 'UnaryExpression' &&
+            prop.value.operator === '-' &&
+            prop.value.argument.type === 'Literal') {
+            val = `-${prop.value.argument.value}`;
+        }
+        return `${key}: ${val}`;
     });
-};
+    return `{ ${parts.join(', ')} }`;
+}
 function isFunction(estree) {
     if (!estree.body.length)
         return false;
@@ -239,3 +261,55 @@ function isFunction(estree) {
     });
     return hasFunctionDeclaration;
 }
+export function remarkMdxRemoveJs() {
+    return (tree) => {
+        remove(tree, ['mdxTextExpression', 'mdxFlowExpression']);
+        remove(tree, (node) => {
+            var _a;
+            if (!isMdxJsEsm(node))
+                return false;
+            if (((_a = node.data) === null || _a === void 0 ? void 0 : _a.estree) && !isFunction(node.data.estree))
+                return false;
+            const value = node.value;
+            const containsReact = REACT_HOOKS.some((hook) => value.includes(hook) || value.includes('React.' + hook.toLowerCase()));
+            return containsReact;
+        });
+        visit(tree, (node) => {
+            if (!('attributes' in node))
+                return CONTINUE;
+            const newAttributes = node.attributes.map((attr) => {
+                var _a, _b, _c, _d, _e;
+                if (attr.type === 'mdxJsxAttribute' && !(attr.value instanceof Object))
+                    return attr;
+                if (typeof attr.value === 'string' && isStringSafe(attr.value))
+                    return attr;
+                if (attr.type === 'mdxJsxAttribute' && attr.value instanceof Object) {
+                    if (isStringSafe(attr.value.value))
+                        return attr;
+                    if (attr.name === 'style' && ((_a = attr.value.data) === null || _a === void 0 ? void 0 : _a.estree)) {
+                        const filteredEstree = filterStyleProperties(attr.value.data.estree);
+                        if (filteredEstree) {
+                            const stmt = filteredEstree.body[0];
+                            if ((stmt === null || stmt === void 0 ? void 0 : stmt.type) === 'ExpressionStatement' &&
+                                stmt.expression.type === 'ObjectExpression') {
+                                attr.value.value = rebuildStyleValue(stmt.expression.properties);
+                                attr.value.data.estree = filteredEstree;
+                                return attr;
+                            }
+                        }
+                        return undefined;
+                    }
+                    if (Object.keys(DEFAULT_PROP_EXPRESSIONS).includes(attr.name)) {
+                        attr.value.value = (_c = (_b = DEFAULT_PROP_EXPRESSIONS[attr.name]) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : '{}';
+                        attr.value.data = {
+                            estree: (_e = (_d = DEFAULT_PROP_EXPRESSIONS[attr.name]) === null || _d === void 0 ? void 0 : _d.estree) !== null && _e !== void 0 ? _e : objectEstree,
+                        };
+                        return attr;
+                    }
+                }
+                return undefined;
+            });
+            node.attributes = newAttributes.filter((attr) => attr !== undefined);
+        });
+    };
+}