← Back to branch summary

~ubuntu-branches/ubuntu/karmic/firebug/karmic

« back to all changes in this revision

Viewing changes to ibug/firebug.js

  • Committer: Bazaar Package Importer
  • Author(s): Jared Greenwald
  • Date: 2008-02-21 17:34:24 UTC
  • Revision ID: james.westby@ubuntu.com-20080221173424-illircvfpyvnp4uo
Tags: upstream-1.1.0~b11+svn317
Import upstream version 1.1.0~b11+svn317

Show diffs side-by-side

added added

removed removed

Lines of Context:
ibug/firebug.js
 
1
 
 
2
//if (!("console" in window) || !("firebug" in console)) {
 
3
(function()
 
4
{
 
5
    var consoleFrame = null;
 
6
    var consoleBody = null;
 
7
    var commandLine = null;
 
8
 
 
9
    var commandHistory = [""];
 
10
    var commandPointer = 0;
 
11
    var commandInsertPointer = -1;
 
12
    var commandHistoryMax = 1000;
 
13
    
 
14
    var frameVisible = false;
 
15
    var messageQueue = [];
 
16
    var groupStack = [];
 
17
    var timeMap = {};
 
18
    
 
19
    var clPrefix = ">>> ";
 
20
    
 
21
    var isFirefox = navigator.userAgent.indexOf("Firefox") != -1;
 
22
    var isIE = navigator.userAgent.indexOf("MSIE") != -1;
 
23
    var isOpera = navigator.userAgent.indexOf("Opera") != -1;
 
24
    var isSafari = navigator.userAgent.indexOf("AppleWebKit") != -1;
 
25
 
 
26
    // ********************************************************************************************
 
27
 
 
28
    function init()
 
29
    {
 
30
        consoleFrame = document.getElementById("inner");
 
31
        consoleBody = document.getElementById("log");
 
32
 
 
33
        commandLine = document.getElementById("commandLine");
 
34
        addEvent(commandLine, "keydown", onCommandLineKeyDown);
 
35
 
 
36
        layout();
 
37
        
 
38
        commandLine.focus();
 
39
        commandLine.select();
 
40
        
 
41
        window.onload = function init()
 
42
        {
 
43
            var iframe = document.createElement("iframe");
 
44
            document.body.appendChild(iframe);
 
45
            iframe.style.display = "none";
 
46
            iframe.src = "/browser";
 
47
        }
 
48
    }
 
49
 
 
50
    function focusCommandLine()
 
51
    {
 
52
        toggleConsole(true);
 
53
        if (commandLine)
 
54
            commandLine.focus();
 
55
    }
 
56
 
 
57
    function evalCommandLine()
 
58
    {
 
59
        var text = commandLine.value;
 
60
        commandLine.value = "";
 
61
 
 
62
        appendToHistory(text);
 
63
        logRow([clPrefix, text], "command");
 
64
        
 
65
        sendCommand(text);
 
66
    }
 
67
    
 
68
    function sendCommand(text)
 
69
    {
 
70
        var message = escape(text).replace("+", "%2B")
 
71
        var request = new XMLHttpRequest();
 
72
        request.open("GET", "command?message=" + message, true);
 
73
        request.send(null);
 
74
    }
 
75
 
 
76
    function appendToHistory(command, unique)
 
77
    {
 
78
        if (unique && commandHistory[commandInsertPointer] == command)
 
79
            return;
 
80
 
 
81
        ++commandInsertPointer;
 
82
        if (commandInsertPointer >= commandHistoryMax)
 
83
            commandInsertPointer = 0;
 
84
 
 
85
        commandPointer = commandInsertPointer+1;
 
86
        commandHistory[commandInsertPointer] = command;
 
87
    }
 
88
 
 
89
    function cycleCommandHistory(dir)
 
90
    {
 
91
        commandHistory[commandPointer] = commandLine.value;
 
92
 
 
93
        if (dir < 0)
 
94
        {
 
95
            --commandPointer;
 
96
            if (commandPointer < 0)
 
97
                commandPointer = 0;
 
98
        }
 
99
        else
 
100
        {
 
101
            ++commandPointer;
 
102
            if (commandPointer > commandInsertPointer+1)
 
103
                commandPointer = commandInsertPointer+1;
 
104
        }
 
105
 
 
106
        var command = commandHistory[commandPointer];
 
107
 
 
108
        commandLine.value = command;
 
109
        commandLine.setSelectionRange(command.length, command.length);
 
110
    }
 
111
    
 
112
    function layout()
 
113
    {
 
114
        var toolbar = consoleBody.ownerDocument.getElementById("toolbar");
 
115
        var height = consoleFrame.offsetHeight - (toolbar.offsetHeight + commandLine.offsetHeight);
 
116
        consoleBody.style.top = toolbar.offsetHeight + "px";
 
117
        consoleBody.style.height = height + "px";
 
118
        
 
119
        var commandLineBox = consoleBody.ownerDocument.getElementById("commandLineBox");
 
120
        commandLineBox.style.top = (consoleFrame.offsetHeight - commandLine.offsetHeight) + "px";
 
121
    }
 
122
    
 
123
    // ********************************************************************************************
 
124
 
 
125
    function logRow(message, className, handler)
 
126
    {
 
127
        var isScrolledToBottom =
 
128
            consoleBody.scrollTop + consoleBody.offsetHeight >= consoleBody.scrollHeight;
 
129
 
 
130
        if (!handler)
 
131
            handler = writeRow;
 
132
        
 
133
        handler(message, className);
 
134
        
 
135
        if (isScrolledToBottom)
 
136
            consoleBody.scrollTop = consoleBody.scrollHeight - consoleBody.offsetHeight;
 
137
    }
 
138
    
 
139
    function logFormatted(objects, className)
 
140
    {
 
141
        var html = [];
 
142
 
 
143
        var format = objects[0];
 
144
        var objIndex = 0;
 
145
 
 
146
        if (typeof(format) != "string")
 
147
        {
 
148
            format = "";
 
149
            objIndex = -1;
 
150
        }
 
151
 
 
152
        var parts = parseFormat(format);
 
153
        for (var i = 0; i < parts.length; ++i)
 
154
        {
 
155
            var part = parts[i];
 
156
            if (part && typeof(part) == "object")
 
157
            {
 
158
                var object = objects[++objIndex];
 
159
                part.appender(object, html);
 
160
            }
 
161
            else
 
162
                appendText(part, html);
 
163
        }
 
164
 
 
165
        for (var i = objIndex+1; i < objects.length; ++i)
 
166
        {
 
167
            appendText(" ", html);
 
168
            
 
169
            var object = objects[i];
 
170
            if (typeof(object) == "string")
 
171
                appendText(object, html);
 
172
            else
 
173
                appendObject(object, html);
 
174
        }
 
175
        
 
176
        logRow(html, className);
 
177
    }
 
178
 
 
179
    function writeRow(message, className)
 
180
    {
 
181
        var row = consoleBody.ownerDocument.createElement("div");
 
182
        row.className = "logRow" + (className ? " logRow-"+className : "");
 
183
        row.innerHTML = message.join("");
 
184
        appendRow(row);
 
185
    }
 
186
 
 
187
    function appendRow(row)
 
188
    {
 
189
        var container = groupStack.length ? groupStack[groupStack.length-1] : consoleBody;
 
190
        container.appendChild(row);
 
191
    }
 
192
 
 
193
    function parseFormat(format)
 
194
    {
 
195
        var parts = [];
 
196
 
 
197
        var reg = /((^%|[^\\]%)(\d+)?(\.)([a-zA-Z]))|((^%|[^\\]%)([a-zA-Z]))/;    
 
198
        var appenderMap = {s: appendText, d: appendInteger, i: appendInteger, f: appendFloat};
 
199
 
 
200
        for (var m = reg.exec(format); m; m = reg.exec(format))
 
201
        {
 
202
            var type = m[8] ? m[8] : m[5];
 
203
            var appender = type in appenderMap ? appenderMap[type] : appendObject;
 
204
            var precision = m[3] ? parseInt(m[3]) : (m[4] == "." ? -1 : 0);
 
205
 
 
206
            parts.push(format.substr(0, m[0][0] == "%" ? m.index : m.index+1));
 
207
            parts.push({appender: appender, precision: precision});
 
208
 
 
209
            format = format.substr(m.index+m[0].length);
 
210
        }
 
211
 
 
212
        parts.push(format);
 
213
 
 
214
        return parts;
 
215
    }
 
216
 
 
217
    // ********************************************************************************************
 
218
 
 
219
    function addEvent(object, name, handler)
 
220
    {
 
221
        if (document.all)
 
222
            object.attachEvent("on"+name, handler);
 
223
        else
 
224
            object.addEventListener(name, handler, false);
 
225
    }
 
226
    
 
227
    function removeEvent(object, name, handler)
 
228
    {
 
229
        if (document.all)
 
230
            object.detachEvent("on"+name, handler);
 
231
        else
 
232
            object.removeEventListener(name, handler, false);
 
233
    }
 
234
    
 
235
    function cancelEvent(event)
 
236
    {
 
237
        if (document.all)
 
238
            event.cancelBubble = true;
 
239
        else
 
240
            event.stopPropagation();        
 
241
    }
 
242
        
 
243
    function onCommandLineKeyDown(event)
 
244
    {
 
245
        if (event.keyCode == 13)
 
246
            evalCommandLine();//evalCommandLine();
 
247
        else if (event.keyCode == 27)
 
248
            commandLine.value = "";
 
249
        else if (event.keyCode == 38)
 
250
            cycleCommandHistory(-1);
 
251
        else if (event.keyCode == 40)
 
252
            cycleCommandHistory(1);
 
253
    }
 
254
 
 
255
    window.command = function(text)
 
256
    {
 
257
        var lines = text.split("\0");
 
258
        var className = lines[0];
 
259
        var html = lines[1];
 
260
        logRow([html], className);
 
261
    }
 
262
    
 
263
    init();
 
264
    
 
265
})();
 
266
//}