@tomaszjarosz/react-visualizers 0.2.10 → 0.2.11

package/dist/index.cjs

@@ -1210,6 +1210,46 @@ const ALGORITHM_COMPLEXITIES$1 = {
   quick: { time: "O(n log n)", space: "O(log n)" },
   merge: { time: "O(n log n)", space: "O(n)" }
 };
+const ALGORITHM_CODE$1 = {
+  bubble: [
+    "for (i = 0; i < n-1; i++)",
+    "  for (j = 0; j < n-i-1; j++)",
+    "    if (arr[j] > arr[j+1])",
+    "      swap(arr[j], arr[j+1])"
+  ],
+  selection: [
+    "for (i = 0; i < n-1; i++)",
+    "  minIdx = i",
+    "  for (j = i+1; j < n; j++)",
+    "    if (arr[j] < arr[minIdx])",
+    "      minIdx = j",
+    "  swap(arr[i], arr[minIdx])"
+  ],
+  insertion: [
+    "for (i = 1; i < n; i++)",
+    "  key = arr[i]",
+    "  j = i - 1",
+    "  while (j >= 0 && arr[j] > key)",
+    "    arr[j+1] = arr[j]",
+    "    j--",
+    "  arr[j+1] = key"
+  ],
+  quick: [
+    "quickSort(arr, low, high)",
+    "  if (low < high)",
+    "    pi = partition(arr, low, high)",
+    "    quickSort(arr, low, pi-1)",
+    "    quickSort(arr, pi+1, high)"
+  ],
+  merge: [
+    "mergeSort(arr, l, r)",
+    "  if (l < r)",
+    "    m = (l + r) / 2",
+    "    mergeSort(arr, l, m)",
+    "    mergeSort(arr, m+1, r)",
+    "    merge(arr, l, m, r)"
+  ]
+};
 const BINARY_SEARCH_CODE = [
   "binarySearch(arr, target):",
   "  left = 0, right = n - 1",
@@ -2774,6 +2814,8 @@ function generateRandomArray(size) {
   return Array.from({ length: size }, () => Math.floor(Math.random() * 100) + 5);
 }
 const SortingComparisonVisualizerComponent = ({
+  showControls = true,
+  showCode = true,
   className = ""
 }) => {
   const [algorithm1, setAlgorithm1] = React.useState("bubble");
@@ -2942,7 +2984,17 @@ const SortingComparisonVisualizerComponent = ({
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center text-2xl font-bold text-gray-300", children: "VS" }),
       renderAlgorithmPanel(algorithm2, state2, setAlgorithm2, algorithm1, "border-purple-200")
     ] }) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-3 bg-gray-50 border-t border-gray-200", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between flex-wrap gap-3", children: [
+    showCode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-3 border-t border-gray-200", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium text-indigo-600 mb-2", children: ALGORITHM_NAMES$1[algorithm1] }),
+        /* @__PURE__ */ jsxRuntime.jsx(CodePanel, { code: ALGORITHM_CODE$1[algorithm1], activeLine: -1 })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium text-purple-600 mb-2", children: ALGORITHM_NAMES$1[algorithm2] }),
+        /* @__PURE__ */ jsxRuntime.jsx(CodePanel, { code: ALGORITHM_CODE$1[algorithm2], activeLine: -1 })
+      ] })
+    ] }) }),
+    showControls && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-3 bg-gray-50 border-t border-gray-200", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between flex-wrap gap-3", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
         isPlaying && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1 text-xs text-indigo-600 font-medium", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-2 h-2 bg-indigo-500 rounded-full animate-pulse" }),