🔥 react-inspect: remove ramda

cloud-walker · Aug 28, 2022 · 2ab6d31 · 2ab6d31
1 parent e079472
commit 2ab6d31
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 22 deletions.
diff --git a/.changeset/wicked-garlics-flow.md b/.changeset/wicked-garlics-flow.md
@@ -0,0 +1,5 @@
+---
+"@cloudwalker/react-inspect": patch
+---
+
+Remove ramda as dependency
diff --git a/packages/react-inspect/package.json b/packages/react-inspect/package.json
@@ -50,8 +50,7 @@
     "tsup": "^6.2.3"
   },
   "dependencies": {
-    "just-is-circular": "^2.1.1",
-    "ramda": "^0.28.0"
+    "just-is-circular": "^2.1.1"
   },
   "publishConfig": {
     "access": "public"

diff --git a/packages/react-inspect/src/components/DataHandler/DataHandler.js b/packages/react-inspect/src/components/DataHandler/DataHandler.js
@@ -1,7 +1,6 @@
-import {addIndex, is, keys, map, pipe} from 'ramda'
 import React from 'react'
+import {keys, map, pipe} from 'remeda'
 
-import stripFunction from '../../utils/stripFunction'
 import CollapseHandler from '../CollapseHandler'
 import Key from '../Key'
 import Level from '../Level'
@@ -17,18 +16,18 @@ const Component = class extends React.Component {
   render() {
     const {data, outer, theme} = this.props
 
-    if (is(String)(data)) {
+    if (typeof data == 'string') {
       return <Value type="string" theme={theme}>{`"${data}"`}</Value>
     }
 
-    if (is(Number)(data)) {
+    if (typeof data == 'number') {
       return <Value type="number" theme={theme}>{`${data}`}</Value>
     }
 
-    if (is(Function)(data)) {
+    if (typeof data == 'function') {
       const value = (
         <Value type="function" theme={theme}>
-          {stripFunction(String(data))}
+          {String(data).trim()}
         </Value>
       )
 
@@ -45,12 +44,12 @@ const Component = class extends React.Component {
       )
     }
 
-    if (is(Array)(data)) {
-      const value = addIndex(map)((x, i) => (
+    if (Array.isArray(data)) {
+      const value = data.map((x, i) => (
         <Level key={i}>
           <Component data={x} theme={theme} />
         </Level>
-      ))(data)
+      ))
 
       return (
         <span>
@@ -69,8 +68,9 @@ const Component = class extends React.Component {
       )
     }
 
-    if (is(Object)(data)) {
+    if (data != null && typeof data == 'object') {
       const value = pipe(
+        data,
         keys,
         map((x) => (
           <Level key={x}>
@@ -79,7 +79,7 @@ const Component = class extends React.Component {
             <Component data={data[x]} theme={theme} />
           </Level>
         )),
-      )(data)
+      )
 
       return (
         <span>

diff --git a/packages/react-inspect/src/components/ReactInspect/ReactInspect.js b/packages/react-inspect/src/components/ReactInspect/ReactInspect.js
@@ -1,12 +1,16 @@
 import isCircular from 'just-is-circular'
-import {allPass, complement, is} from 'ramda'
 import React from 'react'
 
 import DataHandler from '../DataHandler'
 import Layout from '../Layout'
 
 const Component = ({data, theme}) => {
-  if (allPass([complement(is(Function)), is(Object), isCircular])(data)) {
+  if (
+    data != null &&
+    typeof data != 'function' &&
+    typeof data == 'object' &&
+    isCircular(data)
+  ) {
     throw new Error(
       'ReactInspect Error: circular data inspection not supported',
     )

diff --git a/packages/react-inspect/src/utils/stripFunction.js b/packages/react-inspect/src/utils/stripFunction.js