@mintlify/common 1.0.785 → 1.0.786

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

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

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

@@ -136,6 +136,25 @@ const DEFAULT_PROP_EXPRESSIONS = {
     'x-hidden': { value: '"true"', estree: trueEstree },
     'x-excluded': { value: '"true"', estree: trueEstree },
 };
+export const REACT_HOOKS = [
+    'useState',
+    'useEffect',
+    'useRef',
+    'useCallback',
+    'useMemo',
+    'useReducer',
+    'useContext',
+    'useLayoutEffect',
+    'useImperativeHandle',
+    'useDebugValue',
+    'useDeferredValue',
+    'useTransition',
+    'useId',
+    'useSyncExternalStore',
+    'useInsertionEffect',
+    'useOptimistic',
+    'useActionState',
+];
 export function isStringSafe(value) {
     switch (true) {
         case value === 'true':
@@ -212,45 +231,35 @@ export function rebuildStyleValue(properties) {
     });
     return `{ ${parts.join(', ')} }`;
 }
-export function isUnsafeEsm(estree) {
+function isFunction(estree) {
     if (!estree.body.length)
         return false;
-    let hasUnsafeNode = false;
+    let hasFunctionDeclaration = false;
     walk(estree, {
         enter(node) {
-            switch (node.type) {
-                // Function/class definitions (could be used as executable components)
-                case 'FunctionDeclaration':
-                case 'FunctionExpression':
-                case 'ArrowFunctionExpression':
-                case 'ClassDeclaration':
-                case 'ClassExpression':
-                // Code execution
-                case 'CallExpression':
-                case 'NewExpression':
-                case 'ImportExpression':
-                case 'TaggedTemplateExpression':
-                case 'AwaitExpression':
-                case 'YieldExpression':
-                // Side effects
-                case 'AssignmentExpression':
-                case 'UpdateExpression':
-                // Property access (could read process.env, globalThis, etc.)
-                case 'MemberExpression':
-                    hasUnsafeNode = true;
-                    return this.skip();
-                // Re-exports pull in external modules (e.g. `export { readFileSync } from 'fs'`)
-                case 'ExportNamedDeclaration':
-                case 'ExportAllDeclaration':
-                    if ('source' in node && node.source != null) {
-                        hasUnsafeNode = true;
-                        return this.skip();
-                    }
-                    break;
+            if (node.type === 'FunctionDeclaration' ||
+                node.type === 'ArrowFunctionExpression' ||
+                node.type === 'FunctionExpression') {
+                hasFunctionDeclaration = true;
+                return this.skip();
+            }
+            if (node.type === 'ExportDefaultDeclaration' &&
+                (node.declaration.type === 'FunctionDeclaration' ||
+                    node.declaration.type === 'FunctionExpression' ||
+                    node.declaration.type === 'ArrowFunctionExpression')) {
+                hasFunctionDeclaration = true;
+                return this.skip();
+            }
+            if (node.type === 'VariableDeclaration' &&
+                node.declarations.some((decl) => decl.init &&
+                    (decl.init.type === 'ArrowFunctionExpression' ||
+                        decl.init.type === 'FunctionExpression'))) {
+                hasFunctionDeclaration = true;
+                return this.skip();
             }
         },
     });
-    return hasUnsafeNode;
+    return hasFunctionDeclaration;
 }
 function isArrayOfStringLiterals(estree) {
     const stmt = estree.body[0];
@@ -267,9 +276,11 @@ export function remarkMdxRemoveJs() {
             var _a;
             if (!isMdxJsEsm(node))
                 return false;
-            if (!((_a = node.data) === null || _a === void 0 ? void 0 : _a.estree))
+            if (((_a = node.data) === null || _a === void 0 ? void 0 : _a.estree) && !isFunction(node.data.estree))
                 return false;
-            return isUnsafeEsm(node.data.estree);
+            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))