 | Java Visualizer (beta: 85 | report a bug) 86 | |
89 |
90 |
124 |
125 |
339 |
340 |
341 | Write your Java code here:
91 | 92 |
93 |
94 |
95 | | 97 | 98 | | 99 |100 | 122 | | 123 |
126 |
129 |
130 | args:
127 |
128 |
131 |
132 | (also visualizes consumption of
139 |
140 |
172 |
173 |
196 |
197 |
205 |
215 |
230 |
231 | StdIn)
133 |
138 | 232 | 233 |
234 | 235 | 236 |237 | 238 | 317 |
The visualizer supports
318 |
325 |
337 |
338 | StdIn,
319 | StdOut,
320 | most other stdlib libraries,
321 | Stack,
322 | Queue,
323 | and ST.
324 | 325 |
326 | Click for FAQ.
327 |
328 |
336 |
342 |
343 |
344 |
411 |
412 |
413 |
414 |
415 |
--------------------------------------------------------------------------------
/java_safe_ram_maketrace.php:
--------------------------------------------------------------------------------
1 | config_get("java_jail-abspath"),
54 |
55 | // you may choose to tweak these important performance parameters
56 | "clock" => config_get("safeexec_wallclock_s", 15),
57 | "cpu" => config_get("safeexec_cpu_s", 10),
58 | "mem" => config_get("safeexec_mem_k", 8000000),
59 | // use up to 8000000k ~ 8g of memory (YMMV)
60 | // counting both VMs and all overhead
61 | // see java_jail/cp/traceprinter/MEMORY-NOTES
62 |
63 | // on almost all machines you should not need to edit anything below in this file
64 |
65 | "exec_dir" => "/", // execute in root of chroot
66 | "env_vars" => "''", // no env vars
67 | "nproc" => "200", // max 200 processes
68 | "nfile" => "200", // up to 200 file handles.
69 | // depends on number of files you are including!
70 |
71 | "share_newnet" => "", // don't unshare network: 2 VMs talk over port
72 | );
73 |
74 | // allow arbitrary overrides
75 | foreach (config_get("safeexec_args", array()) as $k=>$v)
76 | $safeexec_args[$k] = $v;
77 |
78 | // allow wholesale replacement
79 | $safeexec_args = config_get("safeexec_args_override", $safeexec_args);
80 |
81 | // the next two definitions assume things are set up like
82 | // https://github.com/daveagp/java_jail
83 | $java_in_jail = config_get("java_in_jail", "/java/bin/java");
84 | $java_args = array(
85 | "Xmx" => "512M", // 128 mb per VM
86 | "cp" => '/cp/:/cp/javax.json-1.0.jar:/java/lib/tools.jar:/cp/visualizer-stdlib'
87 | );
88 |
89 | // allow arbitrary overrides
90 | foreach (config_get("java_args", array()) as $k=>$v)
91 | $java_args[$k] = $v;
92 |
93 | // allow wholesale replacement
94 | $java_args = config_get("java_args_override", $java_args);
95 |
96 | // safeexec uses --exec, sandbox uses nothing
97 | $safeexec_exec_signal = config_get("safeexec_exec_signal", "--exec");
98 |
99 | // now, build the command:
100 | // safeexec --arg1 val1 ... --exec java_in_jail -arg1 val1 ... traceprinter.InMemory
101 | $jv_cmd = $safeexec;
102 | foreach ($safeexec_args as $a=>$v) $jv_cmd .= " --$a $v ";
103 | $jv_cmd .= " $safeexec_exec_signal $java_in_jail";
104 | // -X commands don't use a space
105 | foreach ($java_args as $a=>$v) $jv_cmd .= " " . (substr($a, 0, 1)=='X' ? "-$a$v" : "-$a $v") . " ";
106 | $jv_cmd .= "traceprinter.InMemory";
107 |
108 | // necessary for sandbox at princeton
109 | $newdir = config_get("chdir_before_call", ".");
110 | chdir($newdir);
111 |
112 | // echo $jv_cmd; // for debugging
113 |
114 | // report an error which caused the code not to run
115 | function visError($msg, $row, $col, $code, $se_stdout = null) {
116 | if (!is_int($col))
117 | $col = 0;
118 | if (!is_int($row))
119 | $row = -1;
120 | return '{"trace":[{"line": '.$row.', "event": "uncaught_exception", '
121 | .'"offset": '.$col.', "exception_msg": '.json_encode($msg).'}],'
122 | .'"code":'.json_encode($code) .
123 | ($se_stdout === null ? '' : (',"se_stdout":'.json_encode($se_stdout)))
124 | .'}';
125 | }
126 |
127 | // do logging if enabled
128 | function logit($user_code, $internal_error) {
129 |
130 | if (config_get("db_host", "") != ""
131 | && config_get("db_user", "") != ""
132 | && config_get("db_database", "") != ""
133 | && config_get("db_password", "") != "")
134 |
135 | /*
136 | At the moment, it's pretty crappy and just logs requests to a
137 | table 'jv_history' that should have this structure
138 |
139 | CREATE TABLE IF NOT EXISTS `jv_history` (
140 | `id` int(11) NOT NULL AUTO_INCREMENT,
141 | `time` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
142 | `user_code` varchar(8000) COLLATE utf8_unicode_ci NOT NULL,
143 | `internal_error` tinyint(1) NOT NULL,
144 | PRIMARY KEY (`id`)
145 | )
146 |
147 | In the future, it could make sense to cache anything that is not randomized.
148 | */
149 | {
150 | $con = mysqli_connect(config_get("db_host"), config_get("db_user"),
151 | config_get("db_password"), config_get("db_database"));
152 | $stmt = $con->prepare("INSERT INTO jv_history (user_code, internal_error) VALUES (?, " . ($internal_error?1:0).")");
153 | $stmt->bind_param("s", $user_code);
154 | $stmt->execute();
155 | $stmt->close();
156 | }
157 | }
158 |
159 |
160 | // the main method
161 | function maketrace() {
162 | if (!array_key_exists('data', $_REQUEST))
163 | return visError("Error: http mangling? Could not find data variable.", 0, 0, "");
164 |
165 | $data = $_REQUEST['data'];
166 |
167 | if (strlen($data) > config_get("max_request_size_bytes", 10000))
168 | return visError("Too much code!");
169 |
170 | $data = json_decode($data, true); // get assoc. arrays, not objects
171 |
172 | $user_code = $data['user_script'];
173 |
174 | $options = $data['options'];
175 | // sanitize options
176 | foreach ($options as $k => $v) {
177 | if ($k == "showStringsAsValues" || $k == "showAllFields") {
178 | $options[$k] = $options[$k] ? true : false;
179 | }
180 | else unset($options[$k]);
181 | }
182 |
183 | $args = $data['args'];
184 | if (!is_array($args))
185 | return visError("args is not an array");
186 | if (count($args)>0 && array_keys($args) !== range(0, count($args) - 1))
187 | return visError("wrong args format");
188 | for ($i=0; $i' in the URL, then set this var
59 | var preseededCurInstr = null; // if you passed in a 'curInstr=' in the URL, then set this var
60 |
61 | var rawInputLst = []; // a list of strings inputted by the user in response to raw_input or mouse_input events
62 |
63 | var myVisualizer = null; // singleton ExecutionVisualizer instance
64 |
65 | // set keyboard bindings
66 | $(document).keydown(function(k) {
67 | //if (!keyStuckDown) {
68 | if (k.keyCode == 37 && myVisualizer != null) { // left arrow
69 | if (myVisualizer.stepBack()) {
70 | k.preventDefault(); // don't horizontally scroll the display
71 | keyStuckDown = true;
72 | }
73 | }
74 | else if (k.keyCode == 39 && myVisualizer != null) { // right arrow
75 | if (myVisualizer.stepForward()) {
76 | k.preventDefault(); // don't horizontally scroll the display
77 | keyStuckDown = true;
78 | }
79 | }
80 | //}
81 | });
82 |
83 | $(document).keyup(function(k) {
84 | keyStuckDown = false;
85 | });
86 |
87 |
88 | var keyStuckDown = false;
89 |
90 | function enterEditMode() {
91 | $.bbq.pushState({ mode: 'edit' }, 2 /* completely override other hash strings to keep URL clean */);
92 | }
93 |
94 | function enterDisplayNoFrillsMode() {
95 | $.bbq.pushState({ mode: 'display_no_frills' }, 2 /* completely override other hash strings to keep URL clean */);
96 | }
97 |
98 | var pyInputCodeMirror; // CodeMirror object that contains the input text
99 |
100 | function setCodeMirrorVal(dat) {
101 | if (dat.indexOf("/*viz_options")>-1) {
102 | var viz_options = dat.substring(dat.indexOf("/*viz_options")+13);
103 | dat = dat.substring(0, dat.indexOf("/*viz_options"));
104 | viz_options = viz_options.replace(/\s*(\*\/)?\s*$/, ""); // remove trailing spaces, */
105 | viz_options = JSON.parse(viz_options);
106 | setOptions(function(key){ return viz_options[key] });
107 | }
108 | else {
109 | setOptions(function(key){ return undefined;});
110 | }
111 | pyInputCodeMirror.setValue(dat.rtrim());
112 | $('#urlOutput,#embedCodeOutput').val('');
113 |
114 | // also scroll to top to make the UI more usable on smaller monitors
115 | $(document).scrollTop(0);
116 | }
117 |
118 | function getUserArgs() {
119 | return $.map($('#argslist .arg input'), function(e){return e.value;});
120 | }
121 |
122 | function getUserStdin() {
123 | return window.stdinarea.value;
124 | }
125 |
126 | $(document).ready(function() {
127 |
128 | $("#embedLinkDiv").hide();
129 |
130 | pyInputCodeMirror = CodeMirror(document.getElementById('codeInputPane'), {
131 | mode: 'text/x-java',
132 | lineNumbers: true,
133 | matchBrackets: true,
134 | tabSize: 3,
135 | indentUnit: 3,
136 | extraKeys: {
137 | Tab: function(cm) {
138 | var lo = cm.getCursor("start").line;
139 | var hi = cm.getCursor("end").line;
140 | for (var i = lo; i <= hi; i++)
141 | cm.indentLine(i, "smart");
142 | cm.setCursor(cm.getCursor("end"));
143 | return true;
144 | },
145 | F5 : function() {return false;}
146 | }
147 | });
148 |
149 | // setCodeMirrorVal(
150 | // "public class ClassNameHere {\n" +
151 | // " public static void main(String[] args) {\n \n }\n}");
152 |
153 | pyInputCodeMirror.setSize(null, 'auto');
154 |
155 |
156 |
157 | // be friendly to the browser's forward and back buttons
158 | // thanks to http://benalman.com/projects/jquery-bbq-plugin/
159 | $(window).bind("hashchange", function(e) {
160 | appMode = $.bbq.getState('mode'); // assign this to the GLOBAL appMode
161 |
162 | if (appMode === undefined || appMode == 'edit') {
163 | $("#pyInputPane").show();
164 | $("#pyOutputPane").hide();
165 | $("#embedLinkDiv").hide();
166 |
167 | // destroy all annotation bubbles (NB: kludgy)
168 | if (myVisualizer) {
169 | myVisualizer.destroyAllAnnotationBubbles();
170 | }
171 | }
172 | else if (appMode == 'display') {
173 | $("#pyInputPane").hide();
174 | $("#pyOutputPane").show();
175 |
176 | $("#embedLinkDiv").show();
177 |
178 | $('#executeBtn').html("Visualize execution");
179 | $('#executeBtn').attr('disabled', false);
180 |
181 |
182 | // do this AFTER making #pyOutputPane visible, or else
183 | // jsPlumb connectors won't render properly
184 | myVisualizer.updateOutput();
185 |
186 | // customize edit button click functionality AFTER rendering (NB: awkward!)
187 | $('#pyOutputPane #editCodeLinkDiv').show();
188 | $('#pyOutputPane #editBtn').click(function() {
189 | $("#iframeURL-div").hide();
190 | enterEditMode();
191 | });
192 | }
193 | else if (appMode == 'display_no_frills') {
194 | $("#pyInputPane").hide();
195 | $("#pyOutputPane").show();
196 | $("#embedLinkDiv").show();
197 | }
198 | else {
199 | assert(false);
200 | }
201 |
202 | $('#urlOutput,#embedCodeOutput').val(''); // clear to avoid stale values
203 | });
204 |
205 |
206 | function executeCode(forceStartingInstr) {
207 | var backend_script = java_backend_script;
208 | /* if ($('#pythonVersionSelector').val() == '2') {
209 | backend_script = python2_backend_script;
210 | }
211 | else if ($('#pythonVersionSelector').val() == '3') {
212 | backend_script = python3_backend_script;
213 | }
214 |
215 | if (!backend_script) {
216 | alert('Error: This server is not configured to run Python ' + $('#pythonVersionSelector').val());
217 | return;
218 | }*/
219 |
220 | $('#executeBtn').html("Please wait ... processing your code");
221 | $('#executeBtn').attr('disabled', true);
222 | $("#pyOutputPane").hide();
223 | $("#embedLinkDiv").hide();
224 |
225 | var java_backend_options = {};
226 | java_backend_options.showStringsAsValues = !$('#showStringsAsObjects').is(':checked');
227 | java_backend_options.showAllFields = $('#showAllFields').is(':checked');
228 |
229 | var package = {
230 | user_script : pyInputCodeMirror.getValue(),
231 | options: java_backend_options,
232 | args: getUserArgs(),
233 | stdin: getUserStdin()
234 | };
235 |
236 | $("#iframeURL-div").show();
237 | // USC Wordpress approach from Spring '15
238 | // $("#iframeURL").html('[visualize]'+encodeURIComponent(JSON.stringify(package))+'[/visualize]');
239 | // but this is simpler assuming you are editing raw html:
240 | var a = document.createElement('a');
241 | // absolutize iframe-embed.html
242 | a.href = java_iframe_url;
243 | $('#iframeURL').val('');
248 |
249 |
250 | $.ajax({url: backend_script,
251 | data: {data : JSON.stringify(package)},
252 | /*,
253 | raw_input_json: rawInputLst.length > 0 ? JSON.stringify(rawInputLst) : '',
254 | options_json: JSON.stringify(options)*/
255 | dataType: "json",
256 | timeout: pytutor_ajax_timeout_millis, //ms
257 | error: ajaxErrorHandler,
258 | success: function(dataFromBackend) {
259 | console.log(["Data from backend:", dataFromBackend]);
260 |
261 | var trace = dataFromBackend.trace;
262 |
263 | // don't enter visualize mode if there are killer errors:
264 | if (!trace ||
265 | (trace.length == 0) ||
266 | (trace[trace.length - 1].event == 'uncaught_exception')) {
267 |
268 | if (trace.length == 1) {
269 | var errorLineNo = trace[0].line - 1; /* CodeMirror lines are zero-indexed */
270 | if (errorLineNo !== undefined) {
271 | // highlight the faulting line in pyInputCodeMirror
272 | pyInputCodeMirror.focus();
273 | pyInputCodeMirror.setCursor(errorLineNo, 0);
274 | var marked = pyInputCodeMirror.addLineClass(errorLineNo, null, 'errorLine');
275 | //console.log(marked);
276 | var hook = function(marked) { return function() {
277 | pyInputCodeMirror.removeLineClass(marked, null, 'errorLine'); // reset line back to normal
278 | pyInputCodeMirror.off('change', hook); // cancel
279 | }} (marked);
280 | pyInputCodeMirror.on('change', hook);
281 | }
282 |
283 | alert(trace[0].exception_msg);
284 | }
285 | else if (trace[trace.length - 1].exception_msg) {
286 | alert(trace[trace.length - 1].exception_msg);
287 | }
288 | else {
289 | alert("Whoa, unknown error! Reload to try again, or report a bug to daveagp@gmail.com\n\n(Click the 'Generate URL' button to include a unique URL in your email bug report.)");
290 | }
291 |
292 | $('#executeBtn').html("Visualize execution");
293 | $('#executeBtn').attr('disabled', false);
294 | }
295 | else {
296 | var startingInstruction = 0;
297 |
298 | // only do this at most ONCE, and then clear out preseededCurInstr
299 | if (preseededCurInstr && preseededCurInstr < trace.length) { // NOP anyways if preseededCurInstr is 0
300 | startingInstruction = preseededCurInstr;
301 | preseededCurInstr = null;
302 | }
303 |
304 | // forceStartingInstr overrides everything else
305 | if (forceStartingInstr !== undefined) {
306 | startingInstruction = forceStartingInstr;
307 | }
308 |
309 | var frontend_options =
310 | {startingInstruction: startingInstruction,
311 | updateOutputCallback:
312 | function() {
313 | $('#urlOutput,#embedCodeOutput').val('');
314 | },
315 | disableHeapNesting: $('#disableNesting').is(':checked'),
316 | drawParentPointers: false,
317 | textualMemoryLabels: false,
318 | showOnlyOutputs: false,
319 | executeCodeWithRawInputFunc: executeCodeWithRawInput,
320 | //allowEditAnnotations: true,
321 | resizeLeftRight: true,
322 | highlightLines: true,
323 | stdin: getUserStdin(),
324 | };
325 |
326 | myVisualizer = new ExecutionVisualizer('pyOutputPane',
327 | dataFromBackend,
328 | frontend_options);
329 |
330 | // also scroll to top to make the UI more usable on smaller monitors
331 | $(document).scrollTop(0);
332 |
333 | $.bbq.pushState({ mode: 'display' }, 2 /* completely override other hash strings to keep URL clean */);
334 |
335 | }
336 | }});
337 | }
338 |
339 | function executeCodeFromScratch() {
340 | // reset these globals
341 | rawInputLst = [];
342 |
343 | executeCode();
344 | }
345 |
346 | function executeCodeWithRawInput(rawInputStr, curInstr) {
347 | enterDisplayNoFrillsMode();
348 |
349 | // set some globals
350 | rawInputLst.push(rawInputStr);
351 |
352 | executeCode(curInstr);
353 | }
354 |
355 | $("#executeBtn").attr('disabled', false);
356 | $("#executeBtn").click(executeCodeFromScratch);
357 |
358 |
359 | // canned examples
360 |
361 | var examplesDir = "./example-code/";
362 |
363 | var exampleCallback = function(url) {
364 | return function() {$.get(url, setCodeMirrorVal); return false;};
365 | }
366 |
367 | String.prototype.endsWith = function(suffix) {
368 | return this.indexOf(suffix, this.length - suffix.length) !== -1;
369 | };
370 |
371 | // populate examples
372 | var done = {};
373 | for (var i=0; i");
375 | $("#examplesHolder").append(topics[i][0]);
376 | $("#examplesHolder").append(" examples");
377 | for (var j=0; j" + filename + "");
381 | newItem.click(exampleCallback(examplesDir + filename + ".java"));
382 | $("#examplesHolder").append(newItem);
383 | done[filename] = true;
384 | }
385 | }
386 |
387 | var populate_misc = function(index_page) {
388 | $("#examplesHolder").append("
misc examples");
389 | var first = true;
390 | $(index_page).find("td > a").each(function() {
391 | var filename = $(this).attr("href");
392 | if (filename.endsWith(".java")) { // an example
393 | filename = filename.substring(0, filename.length-5);
394 | if (done[filename]) return;
395 | var newItem = $("" + filename + "");
396 | newItem.click(exampleCallback(examplesDir + filename + ".java"));
397 | $("#examplesHolder").append(" | ");
398 | $("#examplesHolder").append(newItem);
399 | }
400 | });
401 | };
402 |
403 | // fetch uncategorized
404 | $.ajax({
405 | url: "./example-code/",
406 | success: populate_misc,
407 | error: function() {console.log("warning: couldn't read examples directory index");}
408 | });
409 |
410 |
411 | // handle hash parameters passed in when loading the page
412 | preseededCode = $.bbq.getState('code');
413 | if (preseededCode) {
414 | setCodeMirrorVal(preseededCode);
415 | }
416 | else {
417 | // select a canned example on start-up:
418 | exampleCallback(examplesDir+"(Default).java")();
419 | }
420 |
421 | var loadExample = $.bbq.getState('sampleFile');
422 | if (loadExample) {
423 | //console.log(loadExample);
424 | if (loadExample.match(/[a-zA-Z]+/))
425 | exampleCallback(examplesDir+loadExample+".java")();
426 | }
427 |
428 | // args, and only args, is parsed specially
429 | setOptions(function(key){
430 | var value = $.bbq.getState(key);
431 | if (key=='args' && value != undefined) value = JSON.parse(value);
432 | return value;
433 | });
434 |
435 | // log a generic AJAX error handler
436 | var ajaxErrorHandler = function(jqXHR, textStatus, errorThrown) {
437 | var errinfo = "textStatus: " + textStatus + "\nerrorThrown: " + errorThrown + "\nServer reply: " + jqXHR.responseText;
438 |
439 | alert("Server error. Report a bug to daveagp@gmail.com (click 'Generate URL' and include it). Debug info (also copied to console):\n" + errinfo);
440 |
441 | console.log(errinfo);
442 |
443 | $('#executeBtn').html("Visualize execution");
444 | $('#executeBtn').attr('disabled', false);
445 | };
446 |
447 | // $(document).ajaxError(ajaxErrorHandler);
448 |
449 |
450 | // redraw connector arrows on window resize
451 | $(window).resize(function() {
452 | if (appMode == 'display') {
453 | myVisualizer.redrawConnectors();
454 | }
455 | });
456 |
457 | $('#genUrlBtn').bind('click', function() {
458 | var myArgs = {code: pyInputCodeMirror.getValue(),
459 | mode: appMode
460 | /*
461 | , cumulative: $('#cumulativeModeSelector').val(),
462 | heapPrimitives: $('#heapPrimitivesSelector').val(),
463 | drawParentPointers: $('#drawParentPointerSelector').val(),
464 | textReferences: $('#textualMemoryLabelsSelector').val(),
465 | showOnlyOutputs: $('#showOnlyOutputsSelector').val(),
466 | py: $('#pythonVersionSelector').val()
467 | */};
468 |
469 | // Set these to a value which coerces to true
470 | if ($('#showStringsAsObjects').is(':checked'))
471 | myArgs.showStringsAsObjects=1;
472 | if ($('#showAllFields').is(':checked'))
473 | myArgs.showAllFields=1;
474 | if ($('#disableNesting').is(':checked'))
475 | myArgs.disableNesting=1;
476 | if ($('#verticalLists').is(':checked'))
477 | myArgs.verticalLists=1;
478 |
479 | if (getUserArgs().length > 0)
480 | myArgs.args = JSON.stringify(getUserArgs());
481 |
482 | if (getUserStdin().length > 0)
483 | myArgs.stdin = getUserStdin();
484 |
485 | if (appMode == 'display') {
486 | myArgs.curInstr = myVisualizer.curInstr;
487 | }
488 |
489 | var urlStr = $.param.fragment(window.location.href, myArgs, 2 /* clobber all */);
490 | $('#urlOutput').val(urlStr);
491 | });
492 |
493 |
494 | $('#genEmbedBtn').bind('click', function() {
495 | assert(appMode == 'display');
496 | var myArgs = {code: pyInputCodeMirror.getValue(),
497 | cumulative: $('#cumulativeModeSelector').val(),
498 | heapPrimitives: $('#heapPrimitivesSelector').val(),
499 | drawParentPointers: $('#drawParentPointerSelector').val(),
500 | textReferences: $('#textualMemoryLabelsSelector').val(),
501 | showOnlyOutputs: $('#showOnlyOutputsSelector').val(),
502 | py: $('#pythonVersionSelector').val(),
503 | curInstr: myVisualizer.curInstr,
504 | };
505 |
506 | var embedUrlStr = $.param.fragment('http://pythontutor.com/iframe-embed.html', myArgs, 2 /* clobber all */);
507 | var iframeStr = '';
508 | $('#embedCodeOutput').val(iframeStr);
509 | });
510 | });
511 |
512 | var setOptions = function(lookup_function) {
513 | var userArgs = lookup_function('args');
514 | if (userArgs) {
515 | if (!userArgs instanceof Array)
516 | userArgs = JSON.parse(userArgs);
517 | for (var i=0; inull');
26 | else if (typ == "number")
27 | d3DomElement.append('' + obj + '');
28 | else if (typ == "boolean") {
29 | if (obj)
30 | d3DomElement.append('true');
31 | else
32 | d3DomElement.append('false');
33 | }
34 | else if (obj instanceof Array && obj[0] == "VOID") {
35 | d3DomElement.append('void');
36 | }
37 | else if (obj instanceof Array && obj[0] == "NUMBER-LITERAL") {
38 | // actually transmitted as a string
39 | d3DomElement.append('' + obj[1] + '');
40 | }
41 | else if (obj instanceof Array && obj[0] == "CHAR-LITERAL") {
42 | var asc = obj[1].charCodeAt(0);
43 | var ch = obj[1];
44 |
45 | // default
46 | var show = asc.toString(16);
47 | while (show.length < 4) show = "0" + show;
48 | show = "\\u" + show;
49 |
50 | if (ch == "\n") show = "\\n";
51 | else if (ch == "\r") show = "\\r";
52 | else if (ch == "\t") show = "\\t";
53 | else if (ch == "\b") show = "\\b";
54 | else if (ch == "\f") show = "\\f";
55 | else if (ch == "\'") show = "\\\'";
56 | else if (ch == "\"") show = "\\\"";
57 | else if (ch == "\\") show = "\\\\";
58 | else if (asc >= 32) show = ch;
59 |
60 | // stringObj to make monospace
61 | d3DomElement.append('\'' + show + '\'');
62 | }
63 | else
64 | return [false]; // we didn't handle it
65 | return [true]; // we handled it
66 | });
67 |
68 | add_pytutor_hook(
69 | "isPrimitiveType",
70 | function(args) {
71 | var obj = args.obj;
72 | if ((obj instanceof Array && obj[0] == "VOID")
73 | || (obj instanceof Array && obj[0] == "NUMBER-LITERAL")
74 | || (obj instanceof Array && obj[0] == "CHAR-LITERAL")
75 | || (obj instanceof Array && obj[0] == "ELIDE"))
76 | return [true, true]; // we handled it, it's primitive
77 | return [false]; // didn't handle it
78 | });
79 |
80 | add_pytutor_hook(
81 | "end_updateOutput",
82 | function(args) {
83 | // find the colophon if it exists, and change it to something that makes more sense
84 | $('#codeDisplayDiv div a').each(function(i, elt) {
85 | if (elt.parentElement.innerHTML.indexOf('Code visualized') > -1) {
86 | if (faking_cpp) {
87 | elt.parentElement.parentElement.removeChild(elt.parentElement);
88 | }
89 | else {
90 | elt.setAttribute('href', 'http://cscircles.cemc.uwaterloo.ca/java_visualize/');
91 | elt.innerHTML = 'Java Visualizer';
92 | }
93 | }
94 | });
95 |
96 | if (faking_cpp) {
97 | $("#stackHeader").html('Variables');
98 | $("#heapHeader").html('Memory');
99 | }
100 |
101 | var myViz = args.myViz;
102 | var curEntry = myViz.curTrace[myViz.curInstr];
103 | if (myViz.params.stdin && myViz.params.stdin != "") {
104 | var stdinPosition = curEntry.stdinPosition || 0;
105 | var stdinContent =
106 | ''+
107 | escapeHtml(myViz.params.stdin.substr(0, stdinPosition))+
108 | ''+
109 | escapeHtml(myViz.params.stdin.substr(stdinPosition));
110 | myViz.domRoot.find('#stdinShow').html(stdinContent);
111 | }
112 | return [false];
113 | });
114 |
115 | add_pytutor_hook(
116 | "end_constructor",
117 | function(args) {
118 | var myViz = args.myViz;
119 | if ((myViz.curTrace.length > 0)
120 | && myViz.curTrace[myViz.curTrace.length-1]
121 | && myViz.curTrace[myViz.curTrace.length-1].stdout) {
122 | myViz.hasStdout = true;
123 | myViz.stdoutLines = myViz.curTrace[myViz.curTrace.length-1].stdout.split("\n").length;
124 | }
125 | // if last frame is a step limit
126 | else if ((myViz.curTrace.length > 1)
127 | && myViz.curTrace[myViz.curTrace.length-2]
128 | && myViz.curTrace[myViz.curTrace.length-2].stdout) {
129 | myViz.hasStdout = true;
130 | myViz.stdoutLines = myViz.curTrace[myViz.curTrace.length-2].stdout.split("\n").length;
131 | }
132 | else {
133 | myViz.stdoutLines = -1;
134 | }
135 | if (myViz.hasStdout)
136 | for (var i=0; i' + typeLabelPrefix + 'empty ' + visibleLabel + '');
183 | return [true]; //handled
184 | }
185 |
186 | d3DomElement.append('' + typeLabelPrefix + visibleLabel + '');
187 | d3DomElement.append('
');
188 | var tbl = d3DomElement.children('table');
189 |
190 | if (obj[0] == 'LIST') {
191 | tbl.append('');
203 | headerTr.find('td:last').append(elide ? "…" : ind);
204 |
205 | contentTr.append(''+'↔'+' ');
224 | $.each(obj, function(ind, val) {
225 | if (ind < 1) return; // skip type tag and ID entry
226 | contentTr.append(''+' ');
230 | }
231 |
232 | if (obj[0] == 'QUEUE') {
233 | tbl.append(''+'← ');
237 | $.each(obj, function(ind, val) {
238 | if (ind < 1) return; // skip type tag and ID entry
239 | contentTr.append(''+'← ');
243 | }
244 |
245 | return [true]; // did handle
246 | });
247 |
248 | add_pytutor_hook(
249 | "end_renderDataStructures",
250 | function(args) {
251 | var myViz = args.myViz;
252 | myViz.domRoot.find("td.instKey:contains('___NO_LABEL!___')").hide();
253 | myViz.domRoot.find(".typeLabel:contains('dict')").each(
254 | function(i) {
255 | if ($(this).html()=='dict')
256 | $(this).html('symbol table');
257 | if ($(this).html()=='empty dict')
258 | $(this).html('empty symbol table');
259 | });
260 | });
261 |
262 | // java synthetics cause things which javascript doesn't like in an id
263 | var old_generateID = ExecutionVisualizer.prototype.generateID;
264 | ExecutionVisualizer.prototype.generateID = function(original_id) {
265 | var sanitized = original_id.replace(
266 | /[^0-9a-zA-Z_]/g,
267 | function(match) {return '-'+match.charCodeAt(0)+'-';}
268 | );
269 | return old_generateID(sanitized);
270 | }
271 |
272 | // utility functions
273 | var entityMap = {
274 | "&": "&",
275 | "<": "<",
276 | ">": ">",
277 | '"': '"',
278 | "'": ''',
279 | "/": '/'
280 | };
281 |
282 | var escapeHtml = function(string) {
283 | return String(string).replace(/[&<>"'\/]/g, function (s) {
284 | return entityMap[s];
285 | });
286 | };
287 |
288 | // fix bug where suppressed lines confuse the ui when they are executed
289 | String.prototype.rtrim = function() {
290 | return this;
291 | };
292 |
--------------------------------------------------------------------------------