@kenmori/clean-react-comments v1.1.0

clean-react-comments Documentation

Description

clean-react-comments is a CLI tool that removes comments from JavaScript, TypeScript, and JSX/TSX files. It supports flexible options to control which comments are removed.

Features

• Remove single-line (//) and block (/* */) comments
• Handle JSX comments ({/* comment */}) with optional fine-tuning
• Preserve meaningful JSDoc comments (/** ... */)
• Support for annotation comments like // TODO, // FIXME, // HACK, // XXX, // REVIEW, // OPTIMIZE, // CHANGED, // NOTE, // WARNING.
• Default exclusion of node_modules and dist directories

Installation

npm install -g @kenmori/clean-react-comments

Usage

clean-react-comments <directory> [options]

Default Behavior

By default, the tool ignores node_modules and dist directories.

Options

Examples

--only-code-comments

Before:

// This is a comment
const x = 42; /* inline comment */

{/** JSX Comment */}

After:

{/** JSX Comment */}
const x = 42;

--keep-jsdoc

Before:

/**
 * This is a JSDoc comment
 */
function test() {}

After:

/**
 * This is a JSDoc comment
 */
function test() {}

--remove-all-jsx-comments

Before:

const App = () => {
  return (
    <div>
      {/* JSX comment */}
    </div>
  );
};

After:

const App = () => {
  return (
    <div>
    </div>
  );
};

--remove-tag-jsx-comments

Before:

const App = () => {
  return (
    <div>
      {/* <Button>Click</Button> */}
      <Button>Click</Button>
    </div>
  );
};

After:

const App = () => {
  return (
    <div>
      <Button>Click</Button>
    </div>
  );
};

--remove-annotations

Before:

// TODO: Implement this function
function foo() {
  // FIXME: Handle edge cases
  return 42;
}

After:

function foo() {
  return 42;
}