Remove lodash deps

Author: Thanga-Ganapathy

.changeset/warm-pets-vanish.md

@@ -0,0 +1,5 @@
+---
+"@opentf/react-node-repl": minor
+---
+
+Removed lodash deps.

package.json

@@ -51,14 +51,13 @@
     "@codemirror/commands": "^6.3.3",
     "@codemirror/lang-javascript": "^6.2.1",
     "@codemirror/state": "^6.4.1",
-    "@codemirror/view": "^6.24.0",
+    "@codemirror/view": "^6.26.0",
     "@opentf/react-state": "^0.15.0",
-    "@opentf/utils": "^0.27.0",
+    "@opentf/utils": "^0.31.0",
     "@uiw/codemirror-theme-monokai": "^4.21.24",
     "@webcontainer/api": "^1.1.9",
-    "@xterm/addon-fit": "0.9.0-beta.1",
+    "@xterm/addon-fit": "0.9.0",
     "codemirror": "^6.0.1",
-    "lodash.merge": "^4.6.2",
     "strip-ansi": "^7.1.0",
     "xterm": "5.4.0-beta.37"
   },

pnpm-lock.yaml

@@ -39,17 +39,17 @@ const defaultDemoSource = `<NodeREPL
 `;
 
 const codeConsoleDemoSource = `<NodeREPL
-code={code}
-setupCode={setupCode}
-deps={deps}
-editor={{
-  header: false,
-  style: { minHeight: "150px", maxHeight: "300px" },
-}}
-terminal={{
-  show: false,
-}}
-console={{ style: { minHeight: "150px", maxHeight: "300px" } }}
+  code={code}
+  setupCode={setupCode}
+  deps={deps}
+  editor={{
+    header: false,
+    style: { minHeight: "150px", maxHeight: "300px" },
+  }}
+  terminal={{
+    show: false,
+  }}
+  console={{ style: { minHeight: "150px", maxHeight: "300px" } }}
 />
 `;
 

src/components/Demo.tsx

@@ -1,7 +1,7 @@
 import stripAnsi from "strip-ansi";
 import { useAppState } from "./store";
 import { CSSProperties } from "react";
-import merge from "lodash.merge";
+import { merge } from "@opentf/utils";
 
 function isError(str: string) {
   const errPattern = [

src/lib/Console.tsx

@@ -4,7 +4,7 @@ import { ViewUpdate, keymap } from "@codemirror/view";
 import { indentWithTab } from "@codemirror/commands";
 import { javascript } from "@codemirror/lang-javascript";
 import { Prec, Compartment } from "@codemirror/state";
-import merge from "lodash.merge";
+import { merge } from "@opentf/utils";
 import { monokai } from "@uiw/codemirror-theme-monokai";
 import { setAppState, useAppState } from "./store";
 import { NODE_MAIN_FILE, PACKAGE_JSON_FILE, WC_STATUS } from "./constants";

src/lib/Editor.tsx

@@ -9,7 +9,7 @@ import { WebContainer, WebContainerProcess } from "@webcontainer/api";
 import { NODE_INDEX_FILE, WC_STATUS } from "./constants";
 import { sleep } from "@opentf/utils";
 import { IDisposable } from "xterm";
-import merge from "lodash.merge";
+import { merge } from "@opentf/utils";
 import { Options, Props } from "./types";
 
 export default function NodeREPL(props: Props) {

src/lib/NodeREPL.tsx

@@ -2,7 +2,7 @@ import { CSSProperties, useEffect, useRef } from "react";
 import { Terminal as XTerminal } from "xterm";
 import { FitAddon } from "@xterm/addon-fit";
 import { setAppState, useAppState } from "./store";
-import merge from "lodash.merge";
+import { merge } from "@opentf/utils";
 
 type Props = {
   style: CSSProperties;