5to6

A collection of codemods that allow you to transform your js code from ES5 to ES6.

What it does

Apply a transform to a file via jscodeshift: $ jscodeshift -t requireToImportTransform.js fileToTransform.js

Before

var jamis = require('jquery');
var $ = require('jquery');
var $ = require("jquery");
require('something');

var foo = bar;

// some comment
var jamis = 'bar',
    _ = require('lodash'),
    lodash = require('underscore'),
    bar,
    foo = 'bar',
    $ = require('jquery');

var routeTo = require('../routeHelper').routeTo;
var fetch = require('../someUtil').pluck;

After

import jamis from 'jquery';
import $ from 'jquery';
import $ from 'jquery';
import 'something';

var foo = bar;

import _ from 'lodash';
import lodash from 'underscore';
import $ from 'jquery';

// some comment
var jamis = 'bar', bar, foo = 'bar';

import {routeTo} from '../routeHelper';
import {pluck as fetch} from '../someUtil';

Getting started

1. $ npm install -g jscodeshift
2. pick a transform you want from the transforms folder.
3. Save it locally on your machine.
4. Remove the require('./utils/main') statement and copy/paste the content of utils/main.js. (Lame, I know)
5. Run it via $ jscodeshift -t yourLocallySavedTransformFile.js fileToTransform.js.
6. Review changes via $ git diff. Keep what you want, throw it out if you don't. Magic!

Known issues

• Currently loses comments if directly before the require() statement.
• require() calls in single var statements get reordered, and moved before the single var after conversion to import.
• can't automagically figure out when you want to use import * as varName.

TODO:

• Fix single var issues
• Avoid losing info like comments when transforming require() statements.