Question

I don’t like asking this question but I have honestly been looking for a way to figure this out for a very long time.

This is a simple question. I have been using NetBeans for a long time, but recently made the switch to Eclipse for a few reasons I won’t get into. Anyway, I find the javascript source formatting behavior to be very odd.

Here is an example block of javascript code that I formatted myself:

function buildDatabase () {
    db.transaction(function (tx) {
        tx.executeSql('DROP TABLE IF EXISTS calendar');
        tx.executeSql('CREATE TABLE IF NOT EXISTS calendar(id UNIQUE, summary, description, location, startdate, enddate)');
    }, function (err) {
        document.querySelector('#debugLog').innerHTML += '<p><code>' + err.message + '</code></p>';
    });
}

very simple stuff. Now, if I hit Ctrl+Shift+F to format it (because frankly this feature is a massive time saver) for reasons I can’t understand it will now look like this:

function buildDatabase() {
    db
            .transaction(
                    function(tx) {
                        tx.executeSql('DROP TABLE IF EXISTS calendar');
                        tx
                                .executeSql('CREATE TABLE IF NOT EXISTS calendar(id UNIQUE, summary, description, location, startdate, enddate)');
                    },
                    function(err) {
                        document.querySelector('#debugLog').innerHTML += '<p><code>'
                                + err.message + '</code></p>';
                    });
}

Why does it want to move .transaction to a new line? It doesn’t get anywhere near the line width of 80. It is really messy looking. It is doing the same with the second .executeSql as well, and it still doesn’t wrap properly. It’s just very odd.

Now of course I am aware of Window > Preferences > JavaScript > Code Style but no matter what I seem to do in here fixes this. I am hoping someone has more experience with Eclipse to know what is going wrong.

I have the Android Dev Tools installed and PDT. However this behavior pre-exists the installation of these plugins.

Any help would be appreciated, thank you.

Answer 1

From my experience, it is the long, unbreakable lines that cause this problem. Very irritating. Try putting the long string constants (like “‘CREATE TABLE IF NOT EXISTS calendar(id UNIQUE, summary, description, location, startdate, enddate)'”) into a separate var, or if it really bugs you, you could break it apart and concat with +.

I tried this:

function buildDatabase() {
    var sql1 = 'CREATE TABLE IF NOT EXISTS calendar(id UNIQUE, summary, description, location, startdate, enddate)';

    db.transaction(function(tx) {
        tx.executeSql('DROP TABLE IF EXISTS calendar');
        tx.executeSql(sql1);
    }, function(err) {
        document.querySelector('#debugLog').innerHTML += '<p><code>'
            + err.message + '</code></p>';
    });
}