HEX
Server: nginx/1.18.0
System: Linux test-ipsremont 5.4.0-214-generic #234-Ubuntu SMP Fri Mar 14 23:50:27 UTC 2025 x86_64
User: ips (1000)
PHP: 8.0.30
Disabled: pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare,
Upload Files
File: /var/www/design.system/node_modules/react-docgen/dist/handlers/componentMethodsHandler.js
import getMemberValuePath from '../utils/getMemberValuePath.js';
import getMethodDocumentation from '../utils/getMethodDocumentation.js';
import isReactComponentClass from '../utils/isReactComponentClass.js';
import isReactComponentMethod from '../utils/isReactComponentMethod.js';
import { shallowIgnoreVisitors } from '../utils/traverse.js';
import resolveToValue from '../utils/resolveToValue.js';
import { visitors } from '@babel/traverse';
import { isReactBuiltinCall, isReactForwardRefCall, isStatelessComponent, findFunctionReturn, } from '../utils/index.js';
/**
 * The following values/constructs are considered methods:
 *
 * - Method declarations in classes (except "constructor" and React lifecycle
 *   methods
 * - Public class fields in classes whose value are a functions
 * - Object properties whose values are functions
 */
function isMethod(path) {
    let isProbablyMethod = (path.isClassMethod() && path.node.kind !== 'constructor') ||
        path.isObjectMethod();
    if (!isProbablyMethod &&
        (path.isClassProperty() || path.isObjectProperty())) {
        const value = resolveToValue(path.get('value'));
        isProbablyMethod = value.isFunction();
    }
    return isProbablyMethod && !isReactComponentMethod(path);
}
const explodedVisitors = visitors.explode({
    ...shallowIgnoreVisitors,
    AssignmentExpression: {
        enter: function (assignmentPath, state) {
            const { name, scope } = state;
            const left = assignmentPath.get('left');
            const binding = assignmentPath.scope.getBinding(name);
            if (binding &&
                left.isMemberExpression() &&
                left.get('object').isIdentifier({ name }) &&
                binding.scope === scope &&
                resolveToValue(assignmentPath.get('right')).isFunction()) {
                state.methods.push(assignmentPath);
            }
            assignmentPath.skip();
        },
    },
});
function isObjectExpression(path) {
    return path.isObjectExpression();
}
const explodedImperativeHandleVisitors = visitors.explode({
    ...shallowIgnoreVisitors,
    CallExpression: {
        enter: function (path, state) {
            if (!isReactBuiltinCall(path, 'useImperativeHandle')) {
                return path.skip();
            }
            // useImperativeHandle(ref, () => ({ name: () => {}, ...}))
            const arg = path.get('arguments')[1];
            if (!arg || !arg.isFunction()) {
                return path.skip();
            }
            const body = resolveToValue(arg.get('body'));
            let definition;
            if (body.isObjectExpression()) {
                definition = body;
            }
            else {
                definition = findFunctionReturn(arg, isObjectExpression);
            }
            // We found the object body, now add all of the properties as methods.
            definition?.get('properties').forEach((p) => {
                if (isMethod(p)) {
                    state.results.push(p);
                }
            });
            path.skip();
        },
    },
});
function findStatelessComponentBody(componentDefinition) {
    if (isStatelessComponent(componentDefinition)) {
        const body = componentDefinition.get('body');
        if (body.isBlockStatement()) {
            return body;
        }
    }
    else if (isReactForwardRefCall(componentDefinition)) {
        const inner = resolveToValue(componentDefinition.get('arguments')[0]);
        return findStatelessComponentBody(inner);
    }
    return undefined;
}
function findImperativeHandleMethods(componentDefinition) {
    const body = findStatelessComponentBody(componentDefinition);
    if (!body) {
        return [];
    }
    const state = { results: [] };
    body.traverse(explodedImperativeHandleVisitors, state);
    return state.results.map((p) => ({ path: p }));
}
function findAssignedMethods(path, idPath) {
    if (!idPath.hasNode() || !idPath.isIdentifier()) {
        return [];
    }
    const name = idPath.node.name;
    const binding = idPath.scope.getBinding(name);
    if (!binding) {
        return [];
    }
    const scope = binding.scope;
    const state = {
        scope,
        name,
        methods: [],
    };
    path.traverse(explodedVisitors, state);
    return state.methods.map((p) => ({ path: p }));
}
/**
 * Extract all flow types for the methods of a react component. Doesn't
 * return any react specific lifecycle methods.
 */
const componentMethodsHandler = function (documentation, componentDefinition) {
    // Extract all methods from the class or object.
    let methodPaths = [];
    const parent = componentDefinition.parentPath;
    if (isReactComponentClass(componentDefinition)) {
        methodPaths = componentDefinition
            .get('body')
            .get('body')
            .filter(isMethod).map((p) => ({ path: p }));
    }
    else if (componentDefinition.isObjectExpression()) {
        methodPaths = componentDefinition.get('properties').filter(isMethod).map((p) => ({ path: p }));
        // Add the statics object properties.
        const statics = getMemberValuePath(componentDefinition, 'statics');
        if (statics && statics.isObjectExpression()) {
            statics.get('properties').forEach((property) => {
                if (isMethod(property)) {
                    methodPaths.push({
                        path: property,
                        isStatic: true,
                    });
                }
            });
        }
    }
    else if (parent.isVariableDeclarator() &&
        parent.node.init === componentDefinition.node &&
        parent.get('id').isIdentifier()) {
        methodPaths = findAssignedMethods(parent.scope.path, parent.get('id'));
    }
    else if (parent.isAssignmentExpression() &&
        parent.node.right === componentDefinition.node &&
        parent.get('left').isIdentifier()) {
        methodPaths = findAssignedMethods(parent.scope.path, parent.get('left'));
    }
    else if (componentDefinition.isFunctionDeclaration()) {
        methodPaths = findAssignedMethods(parent.scope.path, componentDefinition.get('id'));
    }
    const imperativeHandles = findImperativeHandleMethods(componentDefinition);
    if (imperativeHandles) {
        methodPaths = [...methodPaths, ...imperativeHandles];
    }
    documentation.set('methods', methodPaths
        .map(({ path: p, isStatic }) => getMethodDocumentation(p, { isStatic }))
        .filter(Boolean));
};
export default componentMethodsHandler;