Set up link to ListTracer from algorithm controller. Still non functional

Author: jiafeilin1

.idea/workspace.xml

@@ -1,17 +1,23 @@
-import GraphTracer from '../../components/DataStructures/Graph/GraphTracer';
-import ArrayTracer from '../../components/DataStructures/Array/Array1DTracer';
+import ListTracer from '../../components/DataStructures/List/ListTracer.js';
 
 export default {
     initVisualisers() {
         return {
-            array: {
-                instance: new ArrayTracer('array', null, 'Array view', { arrayItemMagnitudes: true }), // Label the input array as array view
+            list: {
+                instance: new ListTracer('array', null, 'List Prototype', { arrayItemMagnitudes: true }), // Label the input array as array view
                 order: 0,
-            },
-            heap: {
-                instance: new GraphTracer('heap', null, 'Tree view'), // Label the animation of the heap as tree view
-                order: 1,
-            },
+            }
         };
     },
+
+    run(chunker, {values}) {
+
+        chunker.add(
+            0,
+            (vis, list) => {
+                vis.list.set(list, "Prototype");
+            },
+            [values]
+        );
+    }
 };

src/algorithms/controllers/Prototype.js

@@ -19,6 +19,5 @@ export { default as DFSrec } from './DFSrec';
 export { default as prim_old } from './prim_old';
 export { default as prim } from './prim';
 export { default as kruskal } from './kruskal';
-
 export { default as PROTOTYPE } from './Prototype';
 

src/algorithms/controllers/index.js

@@ -311,7 +311,7 @@ const allalgs = {
   'LINKED_LIST_PROTOTYPE': {
     noDeploy: false,
     name: 'Linked List prototype',
-    category: 'Insert/Search',
+    category: 'Insert/Sort',
     explanation: Explanation.PROTOTYPE,
     param: <Param.PROTOTYPE_PARAM/>,
     instructions: Instructions.PROTOTYPEINSTRUCTION,
@@ -323,7 +323,6 @@ const allalgs = {
       Sort: Controller.PROTOTYPE,
     },
   },
-
 };
 
 const algorithms =

src/algorithms/index.js

@@ -1,9 +1,34 @@
 import React, { useState } from 'react';
 import '../../styles/Param.scss';
+import ListParam from "./helpers/ListParam";
+import {genRandNumList} from "./helpers/ParamHelper";
+
+const DEFAULT_LIST = genRandNumList(10, 1, 100);
+const PROTOTYPE_TEXT = 'Linked List Prototype';
+const EXAMPLE_TEXT = 'PARAMETER/example';
+
 function PrototypeParam() {
+
+    const [message, setMessage] = useState(null);
+    const [values, setValues] = useState(DEFAULT_LIST);
+
     return (
         <>
+            <div className="form">
+                <ListParam
+                    name="Linked List Prototype"
+                    buttonName="Sort"
+                    mode="sort"
+                    formClassName="formLeft"
+                    DEFAULT_VAL={values}
+                    SET_VAL={setValues}
+                    ALGORITHM_NAME={PROTOTYPE_TEXT}
+                    EXAMPLE={EXAMPLE_TEXT}
+                    setMessage={setMessage}
+                />
+            </div>
         </>
     );
 }
+
 export default PrototypeParam;

src/algorithms/parameters/PrototypeParam.js

@@ -20,7 +20,6 @@
 /* eslint-disable object-curly-newline */
 
 import React from 'react';
-// import Array1DRenderer from '../Array1DRenderer/index';
 import { motion, AnimateSharedLayout } from 'framer-motion';
 import ListRenderer from '../ListRenderer/index';
 import styles from './ListRenderer.module.scss';

src/components/DataStructures/List/ListRenderer/index.js

@@ -1,8 +1,6 @@
 /* eslint-disable import/no-unresolved */
 
 import Tracer from '../common/Tracer';
-import {Element} from "../Array/Array2DTracer";
-import {cloneDeepWith} from "lodash";
 
 class ListTracer extends Tracer {
     getRendererClass() {
@@ -11,137 +9,14 @@ class ListTracer extends Tracer {
 
     init() {
         super.init();
-        this.dimensions = {
-            baseWidth: 480,
-            baseHeight: 480,
-            padding: 32,
-            arrowGap: 4,
-        };
     }
     set(array1d = [], algo) {
-        const array2d = [array1d];
-        super.set(array2d, algo);
-        this.syncChartTracer();
-    }
-
-    // Patches/highlights an element
-    patch(x, v) {
-        super.patch(0, x, v);
-    }
-
-    // Removes patch/highlight
-    depatch(x) {
-        super.depatch(0, x);
-    }
-
-    // used to highlight sorted elements
-    sorted(x) {
-        super.sorted(0, x);
-    }
-
-    select(sx, ex = sx) {
-        super.select(0, sx, 0, ex);
-    }
-
-    styledSelect(style, sx, ex = sx) {
-        super.styledSelect(style, 0, sx, 0, ex);
-    }
-
-    deselect(sx, ex = sx) {
-        super.deselect(0, sx, 0, ex);
-    }
-
-    fadeOut(sx, ex = sx) {
-        super.fadeOut(0, sx, 0, ex);
-    }
-
-    fadeIn(sx, ex = sx) {
-        super.fadeIn(0, sx, 0, ex);
-    }
-
-    chart(key) {
-        this.chartTracer = key ? this.getObject(key) : null;
-        this.syncChartTracer();
-    }
+        const array2d=array1d;
+        super.set(array2d, algo);}
 
     syncChartTracer() {
         if (this.chartTracer) this.chartTracer.data = this.data;
     }
+}
 
-    // Swaps two elements in 1D array
-    swapElements(x, y) {
-        const temp1 = { ...this.data[0][x], variables: this.data[0][y].variables };
-        const temp2 = { ...this.data[0][y], variables: this.data[0][x].variables };
-        this.data[0][x] = temp2;
-        this.data[0][y] = temp1;
-    }
-
-    // Adds variable to specific element in array
-    addVariable(v, sx) {
-        this.data[0][sx].variables.push(v);
-    }
-
-    // Removes value from array
-    removeVariable(v) {
-        for (let y = 0; y < this.data[0].length; y++) {
-            const newVars = this.data[0][y].variables.filter((val) => val !== v);
-            this.data[0][y].variables = newVars;
-        }
-    }
-
-    // Remove all variables from array
-    clearVariables() {
-        for (let y = 0; y < this.data[0].length; y++) {
-            this.data[0][y].variables = [];
-        }
-    }
-
-    // Removes "variable" from all elements in the array and assigns new "variable" to a specificed index
-    assignVariable(v, idx) {
-        // deep clone data so that changes to this.data are all made at the same time which will allow for tweening
-        function customizer(val) {
-            if (val instanceof Element) {
-                const newEl = new Element(val.value, val.key);
-                newEl.patched = val.patched;
-                newEl.selected = val.selected;
-                newEl.sorted = val.sorted;
-                newEl.faded = val.faded;
-                newEl.variables = val.variables;
-                newEl.stack = val.stack;
-                newEl.stackDepth = val.stackDepth;
-                newEl.largestValue = val.largestValue;
-                return newEl;
-            }
-        }
-        const newData = cloneDeepWith(this.data, customizer);
-
-        // remove all current occurences of the variable
-        for (let y = 0; y < newData[0].length; y++) {
-            const newVars = newData[0][y].variables.filter((val) => val !== v);
-            newData[0][y].variables = newVars;
-        }
-
-        // add variable to item if not undefined or null
-        if (idx !== null && idx !== undefined)
-            newData[0][idx].variables.push(v);
-
-        // update this.data
-        this.data = newData;
-    }
-
-    setStack(val) {
-        this.stack = val;
-    }
-
-    setStackDepth(depth) {
-        this.stackDepth = depth;
-    }
-
-    // default is to compute largestColumnValue but we can set it
-    // explicitly so we can make two arrays look the same when moving
-    // elements between them and avoid re-scaling
-    setLargestValue(val) {
-        this.largestValue = val;
-    }
-
-}
+export default ListTracer