Function checkProps

build-system/eslint-rules/preact-preferred-props.js:41–99

@param {*} node

(node)

    /** @param {*} node */
    function checkProps(node) {
      if (!node.properties) {
        return;
      }
      node.properties.forEach((prop) => {
        if (!prop.key) {
          return;
        }
        if (prop.computed) {
          return;
        }
        const property = prop.key.name || prop.key.value;

        if (property?.toLowerCase?.() === 'tabindex') {
          context.report({
            node: prop,
            message:
              '`tabindex` and `tabIndex` should be supported equally.' +
              ' Instead of destructuring, use:' +
              `\n\timport {tabindexFromProps} from '#preact/utils';` +
              `\n\t<... tabindex={tabindexFromProps(rest)}>`,
          });
          return;
        }

        let preferred = ATTRIBUTES_REACT_TO_PREACT[property];
        let message = `Prefer \`${preferred}\` property access to \`${property}\`.`;

        if (preactNames.has(property)) {
          preferred = property;
          message = `Preact-style prop names \`${preferred}\` should be wrapped with \`${propNameFn}()\``;
        }

        if (preferred) {
          context.report({
            node: prop,
            message,
            fix(fixer) {
              const fixes = [];
              if (!addedImportDecl) {
                addedImportDecl = true;
                fixes.push(
                  lastImportDecl
                    ? fixer.insertTextAfter(lastImportDecl, importDecl)
                    : fixer.insertTextBefore(program.body[0], importDecl)
                );
              }
              const computed = `[${propNameFn}('${preferred}')]`;
              fixes.push(
                !prop.key.value
                  ? fixer.insertTextBefore(prop, `${computed}: `)
                  : fixer.replaceText(prop.key, computed)
              );
              return fixes;
            },
          });
        }
      });