Update skeletons

64json · 64json · commit 450d61d2311f · 2019-02-14T20:02:09.000-05:00
diff --git a/src/frontend/files/skeletons/code.cpp b/src/frontend/files/skeletons/code.cpp
@@ -1,6 +1,9 @@
 // import visualization libraries {
 #include "algorithm-visualizer/Array2DTracer.h"
+#include "algorithm-visualizer/Layout.h"
 #include "algorithm-visualizer/LogTracer.h"
+#include "algorithm-visualizer/Tracer.h"
+#include "algorithm-visualizer/VerticalLayout.h"
 // }
 
 #include <vector>
@@ -25,16 +28,19 @@ void highlight(int line) {
     if (line >= messages.size()) return;
     std::string message = messages[line];
     // visualize {
-    logTracer.print(message);
-    array2dTracer.selectRow(line, 0, message.size() - 1).delay();
+    logTracer.println(message);
+    array2dTracer.selectRow(line, 0, message.size() - 1);
+    Tracer::delay();
     array2dTracer.deselectRow(line, 0, message.size() - 1);
     // }
     highlight(line + 1);
 }
 
 int main() {
     // visualize {
-    array2dTracer.set(messages).delay();
+    Layout::setRoot(VerticalLayout({array2dTracer, logTracer}));
+    array2dTracer.set(messages);
+    Tracer::delay();
     // }
     highlight(0);
     return 0;
diff --git a/src/frontend/files/skeletons/code.java b/src/frontend/files/skeletons/code.java
@@ -22,16 +22,19 @@ void highlight(int line) {
         if (line >= messages.length) return;
         String message = messages[line];
         // visualize {
-        logTracer.print(message);
-        array2dTracer.selectRow(line, 0, message.length() - 1).delay();
+        logTracer.println(message);
+        array2dTracer.selectRow(line, 0, message.length() - 1);
+        Tracer.delay();
         array2dTracer.deselectRow(line, 0, message.length() - 1);
         // }
         highlight(line + 1);
     }
 
     Main() {
         // visualize {
-        array2dTracer.set(messages).delay();
+        Layout.setRoot(new VerticalLayout(new Commander[]{array2dTracer, logTracer}));
+        array2dTracer.set(messages);
+        Tracer.delay();
         // }
         highlight(0);
     }
diff --git a/src/frontend/files/skeletons/code.js b/src/frontend/files/skeletons/code.js
@@ -1,5 +1,5 @@
 // import visualization libraries {
-const { Array2DTracer, LogTracer } = require('algorithm-visualizer');
+const { Array2DTracer, Layout, LogTracer, Tracer, VerticalLayout } = require('algorithm-visualizer');
 // }
 
 // define tracer variables {
@@ -21,16 +21,19 @@ function highlight(line) {
   if (line >= messages.length) return;
   const message = messages[line];
   // visualize {
-  logTracer.print(message);
-  array2dTracer.selectRow(line, 0, message.length - 1).delay();
+  logTracer.println(message);
+  array2dTracer.selectRow(line, 0, message.length - 1);
+  Tracer.delay();
   array2dTracer.deselectRow(line, 0, message.length - 1);
   // }
   highlight(line + 1);
 }
 
 (function main() {
   // visualize {
-  array2dTracer.set(messages).delay();
+  Layout.setRoot(new VerticalLayout([array2dTracer, logTracer]));
+  array2dTracer.set(messages);
+  Tracer.delay();
   // }
   highlight(0);
 })();
