Javascript Compressor - compress code online for free: Active Threads

How can i quickly add semi-colons in function declarations in large js file?

iamduyu — Sun, 01 Mar 2009 23:25:38 GMT

There are lots of functions, how can i quickly add semi-colons to it?

javascript compressor disabled

raichana — Wed, 04 Feb 2009 05:13:49 GMT

hi i was using these great compressor Online for some time ... but today suddenly i found that the compressor is disabled on the homepage ...pls help me i need to use it.... or is it just i m having these problem??

With huge javascript files the compressor's output doesn't work...

Gamebuster — Sun, 17 Aug 2008 17:02:04 GMT

I tried the compressor with a huge javascript file, containing a whole javascript-based game.

the script:
http://www.levensweg.net/tetris/tetrisattack.js

If i compress it, even without those BASE and shrink values options, the output WILL NOT work. I dont know why, but my game doesn't do anything with its output.

The game is playable - with the original script - online @ http://www.levensweg.net/tetris/
i need to compress it... so plz fix it :P

BTW, there is absolutely no UBB or even a line break support on this forum...
why???

EDIT:
i just found out i can just put HTML on this forum :P
Even if the output doesn't work... it's a GREAT compressor! it compressed almost 50%

Decode the javascript

kritopal — Wed, 09 Jul 2008 02:56:40 GMT

Hi,

First of all thank you for the script: it works very well and is very effective! :)
But I have a problem: I lost the uncompressed version of a file js. (problem backup). I need to make a change. Do you have a solution? Thank you in advance for your reply.
Good day

Compressor does not work with Google Chrome.

MTOMalley — Thu, 04 Sep 2008 10:40:39 GMT

Just a heads up here.. Code can not be pasted or typed into the entry box when useing Google Chrome (Beta).

New Packer - Missing Features

FredAt — Wed, 30 Jul 2008 05:12:42 GMT

If I recall correctly in the previous version of the JavaScript compressor it was possible to provide function names starting with an underscore that got translated into _0, _1 etc. This was a handy way to enter into the compressed/obfuscated code via a function call in an HTML event. As far as I can see that feature appears to have been taken out. Or perhaps it is there but not documented anymore?

Add JSLint?

caribmedia — Thu, 31 Jul 2008 14:02:59 GMT

JSLint is an excellent tool I always use before packing. Maybe you could add a web based js-lint so that people can check their code before packing.

See jslint page

Compress the js files

aneeshtan — Mon, 04 Aug 2008 05:27:13 GMT

what are the best ways to encode or at least compress javascript codes ?

modified packer code

matthewfl — Wed, 02 Jul 2008 20:08:21 GMT

I have a modification to the packer so that it can "fix function". In BLOCKED SCRIPT

var a = function () {

}

Should really be:

var a = function () {

};

this is because you are setting a to an unnamed function. So I came up with this code:

function_fix: function (script) {
        var list=[];
        script.replace(/(=function)/g, function (rep, Something, place, str, s) {
            str = str + '';
            var b=0,c;
            for(var a = place;a<str.length;) {
                var op = str.indexOf('{', a);
                var cl = str.indexOf('}', a);
                if(cl < 0){ throw "Not Balanced"; return;}
                if(op < cl && op > -1) { // open is next
                    c = true;
                    b++;
                    a = op+1;
                }else{
                    b--;
                    a = cl+1;
                }
                if(b == 0 && c == true) break;
            }
            a--;
            if(script[a+1] != ";" && script[a+1] != ",") // fix for: var a=function () {}, b=function(){};
                list.push(a+list.length);
            return str;
        });
        while(list.length) {
            var a = list.shift();
            var befor = script.substring(0, a+1), after = script.substring(a+1);
            script = befor + ";" + after;
        }

        return script;
    },

Just add it after the pack function in Packer.js and change

script = this.minify(script + " ");
script = this.function_fix(script);
if (shrink) script = this._shrinkVariables(script);

The code will fix function and reduces the number of time that I see a missing ; error when I have packed my code

JUNE Framework

Costin Trifan — Tue, 01 Jul 2008 07:55:40 GMT

JUNE is a lightweight, cross-browser, modular, flexible and namespaced JavaScript library.

JUNE has been built on top of Core library and it can either be used as a standalone library or alongside other libraries like JQuery. Only one main namespace is used throughout this framework: JUNE.

It was designed using the Module Pattern, which confers it protection for its internal variables.

JUNE was especially created for the small to medium-sized websites, blogs, wikis and any other websites that don't require features like drag-and-drop or animations, and for newcomers to the JavaScript language.

The existent methods of this framework have been grouped by their functionality in namespaces like Browser, Cookie, DOM, Form, and the functions' names are intuitive and easy to remember.

Design

The following design guidelines have been used throughout JUNE:

member variables are written using camelCasing,
functions' parameters are written using camelCasing,
local variables are written using camelCasing,
namespaces are written using PascalCasing.

Extended Objects

Only two native JavaScript objects are extended: String and Array.

The methods added to the String object:

Trim
IsLongerThan
CutTextAt
CalculateWords

The methods added to the Array object:

ForEach
Filter
Every

Browser Compatibility

JUNE has been tested(on a Windows platform) in:

Internet Explorer 6, 7, 8
Mozilla Firefox 2+, 3+
Opera 9+
Safari 2+, 3+
Maxthon 1+, 2+
Flock 1+

Structure

june.js: is the library's main file;
juneWeb.js: the methods contained in this file are wrapped in the JUNE.WEB namespace and they can be used for AJAX requests;
juneWidget.js: this file contains a set of 8(at this moment) of the most used widgets on the web, wrappped in the JUNE.Widget namespace.

Features

DOM element selections,
AJAX,
Widgets,
Flexibility,
Modularity.

Widgets

Accordion
TabControl
TreeView(beta)
PageClock
BannerRotator
RandomQuote
ModalWindow
FeedReader

Usage

JUNE is a modular framework. Because of that, functionality can be added on the fly by just including the desired script file:

...adds the AJAX functionality, while the:

...adds the Widget functionality.

Execute a method after the page has finished loading:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

var MyScript = {

init : function() {

alert('The page has loaded.');

}

};

JUNE.start(MyScript);

</script>

</head>

<body>

</body>

</html>

JUNE is using the Object Literal notation and because of that, when used for in-line scripting, the code must be wrapped in an Object having an init function.

The init function will be automatically executed after the page loads.

Events

JUNE offers 6 methods for Event handling.

Adding an event handler to an element:

var MyScript = {

init : function() {

var targetElement = JUNE.DOM.getById('LinkID');

JUNE.addEventListener(targetElement, 'click', MyScript.targetElement_OnClick);

targetElement_OnClick : function(event) {

alert('You clicked me!');

// Prevent navigation

JUNE.preventDefault(event);

}

};

JUNE.start(MyScript);

DOM

The JUNE.DOM namespace includes many methods to use for element selection/manipulation.

Select all elements that have the class "red":

var MyScript = {

init : function() {

var targetElements = JUNE.DOM.getElementsByClass('red');

}

};

JUNE.start(MyScript);

Toggle the css class of an element:

var MyScript = {

init : function() {

var targetElement = JUNE.DOM.getById('ElementID');

JUNE.addEventListener(targetElement, 'click', function(event) {

JUNE.DOM.toggleCssClass(this, 'red', 'green');

});

}

};

JUNE.start(MyScript);

Helper Functions

the $ function is an alias of JUNE.DOM.getById method,

the $F function is an alias of JUNE.Form.getForm method,

the $byTags is a method which can be used to select DOM elements by their tag either from a specified parent element or from the document object. The returned result is an Array of all elements found.

the $byClass is a method which can be used to select DOM elements by their class attribute by specifying an Array of classes.

Select all paragraphs and span elements from a specified parent element:

var MyScript = {

init : function() {

var parentElement = JUNE.$('Div1');

var paragraphs = JUNE.$byTags(['p', 'span'], parentElement);

}

};

JUNE.start(MyScript);

Select all elements that either have "red", "green" or "blue" as their class:

var MyScript = {

init : function() {

var elements = JUNE.$byClass(['red', 'green', 'blue']);

}

};

JUNE.start(MyScript);

AJAX

The JUNE.WEB namespace contains methods like:

customRequest - this method returns a cross-browser [[XMLHttpRequest]] object which can be used to create a custom AJAX function,
getData,
getHeaders,
getJsonData,
postData.

Create an AJAX request:

var MyScript = {

init : function() {

var container = JUNE.$('Div1'),

fileUrl = 'robots.txt',

onCompleted = function(req) {

return container.innerHTML = req.responseText;

onFailure = function(req) {

return container.innerHTML = "An error occurred while processing your request. Server error:"

+ req.statusText;

timeout = 5;

JUNE.WEB.getData(fileUrl, onCompleted, onFailure, timeout);

}

};

JUNE.start(MyScript);

Widgets

The Accordion, TabControl, TreeView and ModalWindow widgets are built from markup so their own html template must be used in order to include one of these widgets in a web page. This way they are unobtrusive and if a visitor doesn't have the JavaScript enabled in his browser these widgets will be displayed fully expanded(all their content will become visible).

Insert an Accordion widget in a page:

var MyScript = {

init : function() {

var module = JUNE.$('Accordion');

JUNE.Widget.Accordion(module);

}

};

JUNE.start(MyScript);

Javascriptcompressor.com upgraded!

Vindberg — Mon, 23 Jun 2008 07:53:27 GMT

Hi all,

im glad to announce an update of javascriptcompressor.com. During the last year we have received an increasing number of visitors so I decided it was time for an upgrade. I have opened a forum for discussion and the main page is now using the latest javascript compression algorithm from Dean Edwards.

Feel free to ask questions about the compressor in this forum or spread your knowledge about your favorite Javascript Framework in the forum.

Best,
Anders V.

Compressed version of Prototype - from 130Kb to 48Kb

Vindberg — Tue, 24 Jun 2008 02:00:12 GMT

Compressed version of Prototype 1.6.0.2. See attachment.

Original source: http://www.prototypejs.org/download