# func-to-classes

> Transform ES5 Functions to ES6 Classes

Latest version **1.0.0** (published 2018-04-08) · MIT license · 0 weekly downloads

## Install

```sh
npm install func-to-classes
pnpm add func-to-classes
yarn add func-to-classes
bun add func-to-classes
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2018-04-08 |
| First published | 2018-04-08 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 9.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 34 |
| Author | dhruvdutt |
| Maintainers | dhruvdutt |
| Keywords | func-to-class, es5-to-es6, prototype-to-class |

## Links

- npm: https://www.npmjs.com/package/func-to-classes
- Repository: https://github.com/dhruvdutt/es5-function-to-class-codemod
- Homepage: https://github.com/dhruvdutt/es5-function-to-class-codemod#readme
- Issues: https://github.com/dhruvdutt/es5-function-to-class-codemod/issues
- npm.io page: https://npm.io/package/func-to-classes

## Recent versions

- 1.0.0 (latest) — 2018-04-08

## README

# Transform ES5 Functions to ES6 Classes :package: 

### [Live Demo](https://astexplorer.net/#/gist/855cc00b6ebfe60f53b2c0543482ee92/) 💻

#### Features :100:
- [x] Methods on `prototype`
- [x] Static Methods on `prototype`
- [x] Variables and Literals on `prototype`
- [x] Getters, Setters with `defineProperty`
- [x] Block-level Variables

##### Similar project - [lebab](https://uniibu.github.io/lebab-ce/). It doesn't currently support:
  - [ ] Static Methods on `prototype`
  - [ ] Block-level Variables

#### Setup and Run :runner:

```bash
npm i -g jscodeshift
git clone --depth=1 https://github.com/dhruvdutt/es5-function-to-class-codemod codemod && cd codemod
jscodeshift -t func-to-class.js example/input.js
```

#### Sample Input 🛴

```js
function Controller(param1, param2) {
  const name = "dhruvdutt";
  let age = 21;
}

Controller.prototype.name = "Dhruvdutt";

Controller.prototype.contributeTo = function(param) {
  var foo = "webpack";
};

Controller.staticMethod = function(param) {
  var bar = "webpack-cli";
};

Object.defineProperty(Controller.prototype, "hello", {
    get: function () {
        return "world";
    },
    set: function (name) {
        console.log("Do anything with " + name);
    },
});

Object.defineProperty(Controller.prototype, "lastname", {
    get: function () {
        return "Jadhav";
    },
});
```

#### Sample Output :rocket:

```js
class Controller {
  constructor(param1, param2) {
    const name = "dhruvdutt";
    let age = 21;
    this.name = "Dhruvdutt";
  }

  contributeTo(param) {
    var foo = "webpack";
  }

  static staticMethod(param) {
    var bar = "webpack-cli";
  }

  get hello() {
    return "world";
  }

  set hello(name) {
    console.log("Do anything with " + name);
  }

  get lastname() {
    return "Jadhav";
  }
}
```

[Complex example](https://astexplorer.net/#/gist/541ba10e75228eeb83ccf95589b0bd76): Multiple functions in same file with one of the functions having same name.
 
Also, featured on [awesome-jscodeshift](https://github.com/sejoker/awesome-jscodeshift#codemods).

---
_Source: https://npm.io/package/func-to-classes · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._