Visualize local codes

Author: 64json

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "algorithm-visualizer",
-  "version": "2.1.3",
+  "version": "2.1.4",
   "description": "JavaScript Tracers for Algorithm Visualizer",
   "main": "dist/tracers.js",
   "scripts": {
@@ -20,6 +20,11 @@
     "clean-webpack-plugin": "^0.1.19",
     "uglifyjs-webpack-plugin": "^1.2.7",
     "webpack": "^4.15.1",
-    "webpack-cli": "^3.0.8"
+    "webpack-cli": "^3.0.8",
+    "webpack-node-externals": "^1.7.2"
+  },
+  "dependencies": {
+    "axios": "^0.18.0",
+    "opn": "^5.4.0"
   }
 }

package.json

@@ -43,4 +43,18 @@ class Tracer {
 Tracer.tracerCount = 0;
 Tracer.traces = [];
 
+const { ALGORITHM_VISUALIZER } = process.env;
+if (ALGORITHM_VISUALIZER) {
+} else {
+  const axios = require('axios');
+  const opn = require('opn');
+  process.on('beforeExit', () => {
+    axios.post('https://algorithm-visualizer.org/api/visualizations', { content: JSON.stringify(Tracer.traces) })
+      .then(response => {
+        opn(response.data, { wait: false });
+        process.exit();
+      });
+  });
+}
+
 export default Tracer;

src/Tracer.js

@@ -0,0 +1,6 @@
+const { LogTracer } = require('../dist/algorithm-visualizer');
+
+const logTracer = new LogTracer();
+
+for (let i = 0; i < 3; i++)
+  logTracer.print('tt ee ss tt').delay();

test/index.js

@@ -1,3 +1,4 @@
+const nodeExternals = require('webpack-node-externals');
 const CleanWebpackPlugin = require('clean-webpack-plugin');
 const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
 const path = require('path');
@@ -6,8 +7,9 @@ const buildPath = path.resolve(__dirname, 'dist');
 const srcPath = path.resolve(__dirname, 'src');
 
 module.exports = [{
-  target: 'web',
+  target: 'node',
   entry: srcPath,
+  externals: [nodeExternals()],
   resolve: {
     modules: [path.resolve(__dirname, 'node_modules')],
     extensions: ['.js'],